html, body { font-family:georgia,serif; font-size:11px; margin:0px; padding:0px; background-color:#efeeea; color:#2d2d2d; height:100%; width:100%; }

body { background:url('pictures/gs_webgraphics/bg_repeat.jpg') repeat; }

div, table, td { margin:0; padding:0; }

a { color:#b85c11; outline:none; }
a:visited { color:purple; }
a:hover { color:#2d2d2d; text-decoration:underline; }
a img { border:none; outline:none; }

ul, ul ul { list-style:square; }

p, ul { line-height:1.7em; }

h1 { clear:both; padding:0     0 0 0; margin:0; font:italic 24px georgia,serif; color:#2d2d2d; }
h2 { clear:both; padding:0.5em 0 0 0; margin:0; font:normal 18px georgia,serif; color:#2d2d2d; }
h3 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold   12px georgia,serif; color:#2d2d2d; }

strong { font-weight:bold; }

#ExtraText   { width:100%; background:#2d2d2d; font-family:arial,sans-serif; font-style:italic; text-align:center; line-height:25px; color:#7e7e7e; }
#ExtraFooter { width:100%; background:#d1cbaf; font-family:arial,sans-serif; font-style:italic; text-align:center; line-height:15px; color:#7e7e7e; padding-bottom:10px; z-index:99999; position:relative; bottom:-45px; }

a.Button { width:60px; text-align:center; display:block; margin:10px auto; padding:5px 10px; background:#958b64; color:white; text-decoration:none; font-size:14px; border:3px solid #fff; }
a:visited.Button { color:white; }
a:hover.Button { border-color:#958b64; }

/* ------------------------------------------------------------------ Page curl */

#PageCurl { position:absolute; top:1px; right:1px; z-index:10; }
#PageCurl a { display:block; height:60px; width:60px; }
#PageCurl a img { display:block; height:60px; width:60px; }

/* ------------------------------------------------------------------ Main Nav */

#PageHeader { height:200px; }
#PageHeader #Logo { background:url('pictures/gs_webgraphics/bg_logo.jpg') center center no-repeat; height:145px; }

#PageHeader .PageMenu { width:100%; height:40px; background:url('pictures/gs_webgraphics/bg_menu.gif') bottom center no-repeat; }
#PageHeader .Alignment { width:auto; margin:0 auto; }
#PageHeader .PageMenu .MenuItem { float:left; height:40px; }
#PageHeader .PageMenu .First { margin-left:5px; }

#PageHeader a { display:block; width:auto; padding:0 30px; margin:0; color:#474747; text-decoration:none; text-align:center; white-space:nowrap; font-size:16px; line-height:40px; }
#PageHeader a:hover    { background:url('pictures/gs_webgraphics/bg_select.jpg') bottom center no-repeat; }
#PageHeader a.Selected { background:url('pictures/gs_webgraphics/bg_select.jpg') bottom center no-repeat; font-weight:bold; }

#PageHeader .MenuItem.aid_PORTFOLIO a { background:url('pictures/gs_webgraphics/bg_submenu.jpg') 15px 55% no-repeat; }

/* Popup header */
#PageHeader ul { list-style:none; padding:0; margin:0; position:relative; }
#PageHeader li { padding:0; margin:0; line-height:12px; }
#PageHeader .PageMenu ul a:hover a, /*IE6*/
#PageHeader .PageMenu ul li:hover a {  }

/* Popup menu */
#PageHeader .PageMenu ul a:hover ul a, /*IE6*/
#PageHeader .PageMenu ul li:hover ul a { padding:1px 15px; line-height:25px; font-size:11px; text-align:left; background:#d1cbaf; }
#PageHeader .PageMenu ul ul a:hover { text-decoration:underline; }
#PageHeader .PageMenu ul ul { display:none; padding:5px 0; position:absolute; top:36px; left:0px; z-index:200; background:#d1cbaf; border:1px solid #b9b18b; }
*+html #PageHeader .PageMenu ul ul { top:25px; }
* html #PageHeader .PageMenu ul ul { top:15px; }
#PageHeader .PageMenu ul a:hover ul, /*IE6*/
#PageHeader .PageMenu ul li:hover ul { display:block; }

/* ------------------------------------------------------------------ Main Area */

#Wrapper   { width:100%; height:auto; background:url('pictures/gs_webgraphics/bg_main.jpg') right 250px no-repeat; }
*+html #Wrapper {  float:left;  }
#Container { width:875px; margin:0 auto 0; z-index:100; padding-top:20px; }
#MainArea  { overflow:hidden; padding:20px 0 40px 0; }

#MainArea #PageContent { float:right; width:480px; }


#MainArea #MainImage { width:300px; }
#MainArea #MainImage img { border-right:1px solid #999999; }
#MainArea #MainImage table { width:300px; }

#flashcontent { height:450px; width:772px; padding:18px 50px; margin:0 auto; background:url('pictures/gs_webgraphics/bg_imglarge.jpg') no-repeat; }
#MainArea #PageContent { float:right; width:480px; }

body.aid_DEFAULT #Wrapper { background:url('pictures/gs_webgraphics/bg_main.jpg') bottom right no-repeat; }

body.aid_DEFAULT #MainArea #flashcontent { width:772px; height:330px; padding:15px 50px; margin:0 auto; background:url('pictures/gs_webgraphics/bg_image.jpg') no-repeat;  }
body.aid_DEFAULT #MainArea #PageContent  { width:875px; float:none; }
body.aid_DEFAULT #MainArea .PageColumn   { width:450px; float:left; margin-left:60px;  }
* html body.aid_DEFAULT #MainArea .PageColumn { width:420px; }
body.aid_DEFAULT #MainArea .QCColumn     { width:205px; float:left; margin-left:100px; }
body.aid_DEFAULT #MainArea .BlogColumn   { width:100%; padding:40px 0 60px 0; float:left; clear:both; border-top:1px dashed #958b64; }
body.aid_DEFAULT #MainArea .BlogColumn h1 { margin-left:60px; }
body.aid_DEFAULT #MainArea .RSS { margin-top:30px; padding:0 25px; }

body.aid_DEFAULT .HomeTop { margin-top:20px; padding-top:80px; background:url('pictures/gs_webgraphics/bg_flourish.jpg') top center no-repeat; }

body.aid_DEFAULT .RSSItem { width:205px; height:220px; position:relative; float:left; margin:0 35px; }
* html body.aid_DEFAULT .RSSItem { width:190px; }
body.aid_DEFAULT .RSSItem .Title { height:50px; display:block; clear:both; padding:0; font-size:12px; color:#2d2d2d; text-decoration:none; font-weight:bold; }
body.aid_DEFAULT .RSSItem .PubDate  { display:none; }
body.aid_DEFAULT .RSSItem .ReadMore { position:absolute; bottom:0; right:0; }


/* ------------------------------------------------------------------ Global / Generic */

#AlbumList { display:none; }

body.cat_SLIDESHOW #flashcontent { height:600px; width:800px; }

body.aid_SAMPLEALBUM1 #flashcontent,
body.aid_SAMPLEALBUM2 #flashcontent,
body.aid_SAMPLEALBUM3 #flashcontent { width:800px; height:500px; background:url('pictures/gs_webgraphics/album.png')left center no-repeat; }

body.cat_ALBUMLANDSCAPE #flashcontent,
body.cat_ALBUMPORTRAITS #flashcontent,
body.cat_ALBUMSQUARE #flashcontent, { width:800px; height:500px; background:url('pictures/gs_webgraphics/album.png')left center no-repeat; }

/* Wider pagecontent on Services page */

body.aid_SERVICES iframe { width:520px; }

body.aid_SERVICES #MainArea #PageContent { float:right; width:520px; }
body.aid_SERVICES #MainArea #MainImage { width:260px; position:absolute: top:0px; left:0px; }
body.aid_SERVICES #MainArea #MainImage img { border-right:1px solid #999999; width:260px; }
body.aid_SERVICES #MainArea #MainImage table { width:260px; }

/* ------------------------------------------------------------------ Page Footer */

#PageFooter { display:none; }

#Footer { width:100%; height:50px; position:absolute; left:0; color:#333333; border-top:1px solid #afa886; background:#d1cbaf; }
#FooterAlign { width:875px; margin:0 auto; }
#Footer a { color:#777777; text-decoration:none; }
#Footer a:hover { color:#b85c11; text-decoration:underline; }

#Footer .Phosys { color:#676767; font-size:10px; }
#Footer .Misc { float:left; color:#2d2d2d; }

#Footer .Links { float:right; color:#2d2d2d; }
#Footer .Links a { font-weight:bold; color:#2d2d2d; }
#Footer .Links a:hover { color:#b85c11; }

/* ------------------------------------------------------------------ Quick Contact Form */

#QuickContact { width:205px; }

#QuickContact ul { padding:0; margin:0; list-style:none; }
#QuickContact li { padding:0; margin:0; list-style:none; }
#QuickContact ul li a { display:block; text-indent:-9999px; text-decoration:none;  }
#QuickContact ul li a:hover   { text-decoration:none; }
#QuickContact ul li .Footer   { clear:both; padding:0; }
#QuickContact ul li .Footer a { display:inline; text-indent:0; position:relative; top:20px; }

#QuickContact .Row { display:block; margin:0; padding:7px 0; clear:both; }
#QuickContact .Row .Label { display:block; margin:0; padding:0; text-indent:0; font-size:12px; }

#QuickContact input,
#QuickContact textarea { width:205px; padding:5px 0; float:left; font-family:arial,sans-serif; font-size:11px; }
#QuickContact textarea { height:70px; }

#QuickContact .Message    { padding:0 0 10px 0; font-style:italic; }

/* ------------------------------------------------------------------ Contact Form */

#ContactForm { float:right; clear:right; width:480px; margin:1.5em 0; }
#ContactForm .Row { clear:both; margin:0.5em 0; overflow:auto; }
#ContactForm .Label { float:left; width:180px; }
#ContactForm .Field { margin:0 5px 0 0; }
#ContactForm .Button { margin:0 0 0 180px; }

/* ------------------------------------------------------------------ Album Login */

#MainArea #PageContent #AlbumLogin { margin:30px 0; }
#MainArea #PageContent #AlbumLogin .Row { clear:both; overflow:auto; text-align:center; margin:5px 0; display:inline; }
#MainArea #PageContent #AlbumLogin .Field { margin:10px auto; text-align:center; padding:3px; }
#MainArea #PageContent #AlbumLogin .Button a{ margin:0 auto; color:white; }
#MainArea #PageContent #AlbumLogin .Field input { width:220px; padding:5px; }
#MainArea #PageContent #AlbumLogin .Label { display:none; }
#MainArea #PageContent #AlbumLogin .UserID { display:none; }
#MainArea #PageContent #AlbumLogin .Password { display:none; }

/* ------------------------------------------------------------------ Image Thumbnail List */

#MainArea #ImageList { }
#MainArea #ImageList #Images {  }
#MainArea #ImageList .Item { float:left; height:150px; width:120px; padding:5px;  }
#MainArea #ImageList .Item .ThumbTable { float:left; height:100px; width:100%; }
#MainArea #ImageList .Item .Caption { display:block; text-align:center; color:#777777; }
#MainArea #ImageList .LightBox { display:none; }

#MainArea .Pager { clear:both; width:320px; margin:0 auto; }
#MainArea .Pager .Button { background:none; width:auto; margin:0; padding:0; clear:none; }
#MainArea .Pager .Next { float:right; text-decoration:underline; margin:3px 0 0 0; }
#MainArea .Pager .Previous { float:left; text-decoration:underline; margin:3px 0 0 0; }

/* Pagination */

.Pages { width:120px; margin:0 auto; }

.Pages .Button {  }
.Pages a { text-decoration:underline; }
.Pages ul ul a { text-decoration:none; }
.Pages ul li ul li a { text-align:left; white-space:nowrap; }
.Pages ul { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; }
.Pages li { float:left; width:auto; position:absolute; }
.Pages ul ul { visibility:hidden; position:absolute; height:150px; top:-150px; left:0; width:100px; background:#efeeea; overflow:hidden; border:1px solid #999999; }
* html .Pages ul ul { top:-165px; }
/*\*/
html>body*.Pages ul ul {overflow:auto;}
/**/
.Pages table { position:relative; top:0; left:0; border-collapse:collapse; }
.Pages ul ul li,
.Pages ul ul a { height:auto; line-height:1em; padding:5px 0px; width:80px; text-align:center; }
.Pages ul ul li { top:0px; position:relative;}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover { color:#2d2d2d; background:#efeeea; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#2d2d2d; background:#efeeea; }
.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover {visibility:visible; overflow:auto;}
.Pages ul ul ul a,
.Pages ul ul ul a:visited { height:auto; line-height:1em; padding:5px 0px; width:80px; }
.Pages ul ul ul a:hover { }
.Pages ul li:hover ul,
.Pages ul a:hover ul {visibility:visible;}
.Pages ul a:hover ul ul,
.Pages ul :hover ul ul { visibility:hidden; position:absolute; height:0; left:50px; top:0; }
.Pages ul :hover ul :hover ul,
.Pages ul a:hover ul a:hover ul { visibility:visible; }
.Pages .Selected { font-weight:bold; }
.Pages ul ul ul { height:220px !important; width:auto; background:black; z-index:500; padding-top:1px; }

/* ------------------------------------------------------------------ Image Popup Window */

#PopupWindow { background:none; background:#efeeea; background:url('pictures/gs_webgraphics/bg_repeat.jpg') repeat; }
#PopupWindow #MainImage_TheImage { }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow a[disabled] {display:none;}

/* ------------------------------------------------------------------ Buy Prints Popup */

#MetaData { cursor:pointer; }
.MetaData { float:left; color:#2d2d2d; text-align:left; background:#efeeea; border:1px solid #CCCCCC; }

.MetaData .MetaDataTitle { font-weight:bold; color:#2d2d2d; background-color:#efeeea; text-align:left; padding:5px; font-size:11px; }

.MetaData .MetaDataField { padding:5px; font-size:11px; }
.MetaData .MetaDataFieldOver { padding:5px; cursor:pointer; font-size:11px; }

.MetaData .MetaDataHeading { padding:5px; font-size:11px; }
.MetaData .MetaDataHeadingOver { font-size:11px; }

.MetaData .MetaDataCommand{ text-align:right; padding:5px; font-size:11px; }
.MetaData .MetaDataCommandOver{ cursor:pointer; color:white; text-align:right; background:#555555; padding:5px; font-size:11px; }


/* ------------------------------------------------------------------ Shopping Cart */

#ShoppingCart { width:510px; margin:30px auto 0 auto; }

#ShoppingCart .Header { float:left; clear:both; border-bottom:1px #717171 solid; }

#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:center; font-weight:bold; width:330px; color:black; }
#ShoppingCart .Header .Price     { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Quantity  { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Total     { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Remove    { float:left; text-align:center; font-weight:bold; width:25px; margin:0 5px 0 0; }

#ShoppingCart .List { overflow:auto; clear:both; }

#ShoppingCart #BasketList_List { width:100%; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:110px; margin:5px 0; padding:0; border-bottom:1px #717171 solid; overflow:auto; clear:both; }
#ShoppingCart .Row .Thumbnail table { width:100%; }

#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:110px; }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:199px; padding:3px 0 0 20px; font-weight:bold; }
#ShoppingCart .Row .Price     { float:left; text-align:center; width:50px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Quantity  { float:left; text-align:center; width:50px; }
#ShoppingCart .Row .Total     { float:left; text-align:center; width:50px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Remove    { float:left; text-align:center; width:25px; }

#ShoppingCart .Footer { overflow:auto; padding:0 0 5px 0; }
#ShoppingCart .Footer .Total { margin:0 0 0 420px; font-weight:bold; font-size:1.2em; width:70px; text-align:center; }
#ShoppingCart .Footer .Button { float:right; margin:30px 10px 0px 10px; clear:none; }

/* ------------------------------------------------------------------ Blog */

body.aid_BLOG #MainArea #PageContent { float:none; width:800px; }

body.aid_BLOG .RSSItem { margin:20px 0; }
body.aid_BLOG .RSSItem .Title { clear:both; margin:1.5em 0; margin:0; font:normal 1.6em/2.5em 'trebuchet ms',sans-serif; color:#AADD99; text-decoration:none; font-weight:bold; }
body.aid_BLOG .RSSItem .PubDate  { display:none; }

/* ------------------------------------------------------------------ */


body.aid_PROOFS #MainArea #AlbumLogin .Button a { margin-left:100px; }  

.CommerceListList 
{
	text-align: left;
	width: 449px;
	height: 400px;
	overflow: auto;
	clear: both;
}

.CommerceListControls
{
	clear: both;
	width: 430px;
}

.CommerceListButtonCheckout
{
	width: 145px;
	text-align: center;
	font-weight:bold;
	float: left;
}

.CommerceListButtonUpdate
{
	width: 145px;
	text-align: center;
	font-weight:bold;
	float: left;
}

.CommerceListGrandTotal {
	width: 100px;
	left: 290px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	border-top: 1px solid #00CCFF;
	float: left;
}

.CommerceListHeader
{
	clear: both;
	width: 430px;
}

.CommerceListRow
{
	text-align: left;
	border-bottom: 1px dashed #00CCFF;
	clear: both;
	height: 100px;
	width: 425px;
}

.CommerceListThumbnail {
	float: left;
	clear: none;
	width: 100px;
}

.CommerceListThumbTable {
	width: 100px;
	height: 100px;
}

.CommerceListProduct {
	font-style: italic;
	color: #00CCFF;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.CommerceListOption{
	height: 40px;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.CommerceListPrice {
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	margin-left: 5px;
	width: 145px;
	float: left;
}

.CommerceListQty {
	text-align: right;
	width: 40px;
	float: left;
	margin-top: -4px;
}

.CommerceListQty INPUT {
	width: 20px;
}

.CommerceListTotal {
	width: 100px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	float: left;
}

.CommerceListRemoveItem {
	width: 30px;
	text-align: right;
	float: left;
	margin-top: -4px;
}

.CommerceListThumbnailTitle {
	width: 100px;
	float: left;
	color: white;
}

.CommerceListProductTitle
{
	display: none;
}

.CommerceListOptionTitle
{
	display: none;
}

.CommerceListPriceTitle {
	text-align: right;
	width: 150px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListQtyTitle {
	text-align: right;
	width: 40px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListTotalTitle {
	width: 100px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListRemoveItemTitle {
	width: 30px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.LoginFormTitle
{
	width: 400px;
	height: 40px;
}

.LoginFormMessage
{
	width: 400px;
	height: 20px;
}

.LoginFormLabel
{
	margin-left: 10px;
	float: left;
	width: 150px;
}

.LoginFormField
{
	float: left;
	clear: right;
	width: 250px;
}

.LoginFormControls
{
	margin: 20px 0px 0px 170px;
	width: 200px;
	text-align: right;
}

.LoginFormFieldEmail
{
	width:200px;
}

.LoginFormFieldName
{
	width:200px;
}

.LoginFormFieldAddress
{
	width:200px;
	Height: 100px;
	font-family: verdana;
	border: 1px solid #00CCFF;
}

.LoginFormFieldPostcode
{
	width:100px;
}

.LoginFormFieldPassword
{
	width: 200px;
}

.LightboxTitle
{
	width: 400px;
	height: 40px;
}

.LightboxMessage
{
	width: 400px;
	height: 20px;
}

.LightboxLabel
{
	margin-left: 10px;
	float: left;
	width: 150px;
}

.LightboxField
{
	float: left;
	clear: right;
	width: 250px;
}

.LightboxControls
{
	margin: 20px 0px 0px 170px;
	width: 200px;
	text-align: right;
}

.LightboxFieldName
{
	width:200px;
}

.LightboxFieldEmail
{
	width:200px;
}

.LightboxFieldMessage
{
	width:200px;
	Height: 100px;
	font-family: verdana;
	border: 1px solid #00CCFF;
}





.MailCommerceListList 
{
	text-align: left;
	width: 449px;
	height: 400px;
	clear: both;
}

.MailCommerceListControls
{
	clear: both;
	width: 430px;
}

.MailCommerceListGrandTotal {
	width: 100px;
	left: 290px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	border-top: 1px solid #00CCFF;
	float: left;
}

.MailCommerceListHeader
{
	clear: both;
	width: 430px;
}

.MailCommerceListRow
{
	text-align: left;
	border-bottom: 1px dashed #00CCFF;
	clear: both;
	height: 100px;
	width: 425px;
}

.MailCommerceListThumbnail {
	float: left;
	clear: none;
	width: 100px;
}

.MailCommerceListThumbTable {
	width: 100px;
	height: 100px;
}

.MailCommerceListProduct {
	font-style: italic;
	color: #00CCFF;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.MailCommerceListOption{
	height: 40px;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.MailCommerceListPrice {
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	margin-left: 5px;
	width: 145px;
	float: left;
}

.MailCommerceListQty {
	text-align: right;
	width: 40px;
	float: left;
	margin-top: -4px;
}


.MailCommerceListTotal {
	width: 100px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	float: left;
}


.MailCommerceListThumbnailTitle {
	width: 100px;
	float: left;
	color: white;
}

.MailCommerceListProductTitle
{
	display: none;
}

.MailCommerceListOptionTitle
{
	display: none;
}

.MailCommerceListPriceTitle {
	text-align: right;
	width: 150px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListQtyTitle {
	text-align: right;
	width: 40px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListTotalTitle {
	width: 100px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListMessage{
	width: 450px;
	float: left;
}

// from System Meta Data