html, body { font-family:verdana,sans-serif; font-size:10px; margin:0; padding:0; background:#fff; color:#5d5d5d; height:100%; width:100%; }
div, table, td { margin:0; padding:0; }

a         { color:#000; outline:none; }
a:visited { color:#444; }
a:hover   { color:red; text-decoration:none; }
a img     { border:none; outline:none; }
ul, ul ul { list-style:square; }
strong    { font-weight:bold; }
p, ul     { line-height:1.7em; }

h1 { clear:both; padding:0 0 0.2em 0; margin:0; font:normal 24px arial,verdana,sans-serif; color:#5d5d5d; }
h2 { clear:both; padding:0.5em 0 0 0;   margin:0; font:normal 18px arial,verdana,sans-serif; color:#5d5d5d; }
h3 { clear:both; padding:0.5em 0 0 0;   margin:0; font:bold 16px arial,verdana,sans-serif; color:red; }

#ExtraFooter { width:900px; margin:0 auto; font-size:10px; color:#aaa;  }

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

#PageHeader { width:100%; height:310px; background:url('pictures/gs_webgraphics/bg_mosaic.jpg') right top no-repeat; }

#PageHeader #PageHeaderTop { width:960px; height:184px; margin:0 auto; }
#PageHeader #PageHeaderTop #Logo  { width:255px; height:184px; float:left; background:url('pictures/gs_webgraphics/bg_logo.gif') left center no-repeat ; }
#PageHeader #PageHeaderTop #Title { width:650px; height:184px; float:right; }

#PageHeader .PageMenu { width:100%; height:40px; cursor:pointer; border-top:1px solid #8c7a6f; border-bottom:1px solid #8c7a6f; overflow:hidden; }
#PageHeader .PageMenu .Alignment { width:620px; margin:0 auto; position:relative; }
#PageHeader .PageMenu .MenuItem  { width:auto; height:20px; float:left; padding:0; margin:0; }
#PageHeader .PageMenu .First     {  }

#PageHeader a          { color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; font-size:12px; line-height:40px; display:block; padding:0 58px 0 30px; }
#PageHeader a:hover    { text-decoration:underline; }
#PageHeader a.Selected { color:#6b701c; }

#PageHeader .PageMenu { background:#9fa44a url('pictures/gs_webgraphics/nav_rest.gif') center 16px no-repeat; }
#PageHeader .PageMenu:hover { background:#9fa44a url('pictures/gs_webgraphics/nav_hover.gif') center 16px no-repeat;  } 

#PageHeader .PageMenu .SubMenu { width:140px; position:absolute; top:40px; z-index:999999; }

#PageHeader ul { list-style:none; padding:0; margin:0; }
#PageHeader li { text-indent:0; padding:0; margin:0; }

#Container #PageHeader li a { margin:0; padding:0 0 5px 30px; font:normal 11px arial,sans-serif; line-height:11px; font-weight:normal; color:#fff; text-align:left; text-decoration:none; text-transform:none; }
#Container #PageHeader li a:hover       { color:#6b701c; }
#Container #PageHeader li a.SubSelected { text-decoration:underline; }

*+html #Container #PageHeader li a  { padding:0 0 0 30px; }

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

#Wrapper  { width:100%; margin:0 auto; z-index:100; }
#MainArea { width:960px; margin:0 auto; }

#MainArea #PageContent  { float:right; padding:10px; height:auto; }
body.ALPHA #MainArea #PageContent { width:300px;  }      /* 1/3 Text, 2/3 Image */
body.BETA  #MainArea #PageContent { width:620px;  }      /* 2/3 Text, 1/3 Image */
body.GAMMA #MainArea #PageContent { width:940px;  }      /* 3/3 Text */
body.DELTA #MainArea #PageContent { display:none; }      /* 0/3 text */

#MainArea #flashcontent { float:left; padding:10px; height:450px; }
body.ALPHA #MainArea #flashcontent { width:620px;  } 
body.BETA  #MainArea #flashcontent { width:300px;  }
body.GAMMA #MainArea #flashcontent { display:none; }
body.DELTA #MainArea #flashcontent { width:940px;  }

#MainArea #MainImage    { float:left; padding:10px; height:450px; }
body.ALPHA #MainArea #MainImage { width:620px;  } 
body.BETA  #MainArea #MainImage { width:300px;  }
body.GAMMA #MainArea #MainImage { display:none; }
body.DELTA #MainArea #MainImage { width:940px;  }

#MainArea #MainImage #MainImage_imgTable { width:auto; margin:0 auto; }
#MainArea #MainImage #MainImage_TheImage { margin:0 auto; }
#MainArea #MainImage .Caption { display:none; }

html body.GAMMA.cat_VOUCHERS #MainArea #PageContent { width:960px; padding:0; }
#PageContent .PageText { width:300px; float:right; padding:10px; height:auto; }
#PageContent .Vouch    { width:620px; float:left; padding:10px; height:auto; }


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

#PageFooter { display:none; }
#Footer     { width:100%; margin-top:80px; float:left; border-top:1px solid #e8e8e8; }
#FooterMain { width:960px; padding:10px 0; margin:0 auto; }

#Footer .Copyright { color:#7f7f7f; font-size:10px; line-height:0.9em; float:left; }
#Footer .Phosys    { color:#7f7f7f; font-size:10px; line-height:0.9em; font-style:italic; float:right; }
#Footer a          { color:#7f7f7f; }
#Footer a:hover    { color:red; text-decoration:none; }

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

#ContactForm             { width:600px; height:450px; float:left; padding:10px; background:#eee; border:10px solid #fff; }
#ContactForm .Row        { float:left; clear:both; margin:10px 0; overflow:auto; }
#ContactForm .Label      { width:100%; float:left; clear:both; text-indent:100px; font-style:italic; }
#ContactForm .Field      { margin:0 5px 0 100px; padding:6px; border:1px solid #ccc; }
#ContactForm .Button     { height:30px; font-size:2em; text-align:center; line-height:25px; margin:20px 0 0 440px;  }

#ContactForm input,
#ContactForm textarea  { width:380px; padding:4px; font-family:verdana,arial,sans-serif; font-size:12px; }
#ContactForm select    { width:394px; padding:4px; font-family:verdana,arial,sans-serif; font-size:12px; }

#ContactForm .VAMRequiredFieldMarker { width:10px; height:10px; padding:0 20px 0 0; margin:0; float:right; display:block; overflow:hidden; background:url('pictures/gs_webgraphics/requireddot.gif') no-repeat; }
#ContactForm .VAMRequiredFieldMarker img { position:relative; left:-99999px; display:block; }
*+html #ContactForm .VAMRequiredFieldMarker { margin-top:-20px; }

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

#PageContent #AlbumLogin { width:320px; height:40px; margin:30px 0; }
#PageContent #AlbumLogin .Field { width:240px; height:40px; float:left; }
#PageContent #AlbumLogin .Field input { width:220px; padding:5px; border:1px solid #ccc; }
#PageContent #AlbumLogin .Footer { height:40px; }
#PageContent #AlbumLogin .Button { width:70px; font-size:2em; float:right; color:#000; text-decoration:none; }
#PageContent #AlbumLogin .Button:hover { color:red; text-decoration:underline; }

#PageContent #AlbumLogin .Label    { display:none; }
#PageContent #AlbumLogin .UserID   { display:none; }
#PageContent #AlbumLogin .Password { display:none; }

body.aid_PURCHASE #AlbumList { width:940px; margin:0 auto; }
body.aid_PURCHASE #AlbumList .Row { width:205px; height:270px; padding:10px; margin:0 10px 0 0; position:relative; float:left; cursor:pointer; }
body.aid_PURCHASE #AlbumList .Row:hover { text-decoration:underline; }
body.aid_PURCHASE #AlbumList .Row .Title { width:200px; line-heght:30px; position:absolute; bottom:15px; left:15px; font-size:2em; }
body.aid_PURCHASE #AlbumList .Row .Description,
body.aid_PURCHASE #AlbumList .Row .Thumbnail,
body.aid_PURCHASE #AlbumList .Row .Status { display:none; }

#AlbumList .Row.aid_PURCHASE-VOUCHERS   { background:url('pictures/PURCHASE/voucher.jpg') top left no-repeat; }
#AlbumList .Row.aid_PURCHASE-LIMITEDEDN { background:url('pictures/PURCHASE/limited.jpg') top left no-repeat; }
#AlbumList .Row.aid_PURCHASE-CLIENTS    { background:url('pictures/PURCHASE/clients.jpg') top left no-repeat; }
#AlbumList .Row.aid_PURCHASE-BASKET     { background:url('pictures/PURCHASE/basket.jpg')  top left no-repeat; }

body.aid_PURCHASE-VOUCHERS #AlbumList { width:620px; float:left; padding:10px;  }
body.aid_PURCHASE-VOUCHERS #AlbumList .Row { width:290px; height:auto; cursor:pointer; float:left; padding:10px 0; margin:10px; border-bottom:1px solid #ccc; }
body.aid_PURCHASE-VOUCHERS #AlbumList .Row:hover .Title { color:#9fa44a; }
body.aid_PURCHASE-VOUCHERS #AlbumList .Row .Title { font-size:14px; font-weight:bold; color:#555; }
body.aid_PURCHASE-VOUCHERS #AlbumList .Row .Description { font-size:12px; font-style:italic; color:#999; }
body.aid_PURCHASE-VOUCHERS #AlbumList .Row .Thumbnail,
body.aid_PURCHASE-VOUCHERS #AlbumList .Row .Status { display:none; }

body.aid_PURCHASE-CLIENTS #AlbumList { width:620px; float:left; padding:10px;  }
body.aid_PURCHASE-CLIENTS #AlbumList .Row { width:290px; height:130px; cursor:pointer; float:left; padding:0; margin:10px; }
body.aid_PURCHASE-CLIENTS #AlbumList .Row:hover .Title { color:#9fa44a; }
body.aid_PURCHASE-CLIENTS #AlbumList .Row .Title { width:120px; height:70px; float:left; font-size:12px; font-weight:bold; color:#555; }
body.aid_PURCHASE-CLIENTS #AlbumList .Row .Description { width:120px; height:62px; overflow:hidden; float:left; font-size:10px; font-style:italic; color:#999; }
body.aid_PURCHASE-CLIENTS #AlbumList .Row .Thumbnail  { float:left; margin:0 5px 0 0; padding:5px; height:120px; width:150px; background:#eceddb; border:1px solid #e8e4e2; cursor:pointer; }
body.aid_PURCHASE-CLIENTS #AlbumList .Row .ThumbTable { float:left;  }
body.aid_PURCHASE-CLIENTS #AlbumList .Row .Status { display:none; }

/* ------------------------------------------------------------------ Login Popup */

.LoginMenu { text-align:right; background-color:#9fa44a; border:1px solid #8c7a6f; color:#fff; } 
.LoginMenuHeading { font-weight:bold; color:#fff; text-align:center; line-height:15px; }
.LoginMenuHeading img { display:none; }
.LoginMenuSubmit { padding:0px; text-decoration:none; cursor:pointer; text-align:center; color:white; line-height:15px; }
.LoginMenuSubmitOver { padding:0px; text-decoration:none; cursor:pointer; text-align:center; background:#8c7a6f; color:white; line-height:15px; }

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

#MainArea #ImageList { width:940px; float:left; padding:10px; }
#MainArea #ImageList #Images {  }
#MainArea #ImageList .Item { float:left; margin:0px 10px 10px 0; height:130px; width:175px; background:#eceddb; border:1px solid #e8e4e2; padding:0; cursor:pointer; }
#MainArea #ImageList .Item:hover { background:#9fa44a; border:1px solid #8c7a6f; }
#MainArea #ImageList .Item .ThumbTable { width:175px; height:130px; float:left; }

#MainArea #ImageList .Item .Caption { display:block; text-align:center; color:#fff; float:right; }
#MainArea #ImageList .LightBox { display:none; }

#MainArea .Pager { width:940px; clear:both; margin:0 5px 0 0; }
#MainArea .Pager .Button { width:105px;  height:25px; font-size:1.5em; background:none; margin:3px 0 0 0; padding:0; clear:none; }
#MainArea .Pager .Button a { text-decoration:none; }
#MainArea .Pager .Button a:hover { }
#MainArea .Footer .Pages .Button { }

#MainArea .Pager .Next { color:#8c7a6f; float:right; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Next #Thumbnails_ImageListNextPage {padding:5px 40px 20px 30px;  }
#MainArea .Pager .Previous { color:#8c7a6f; float:left; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Previous #Thumbnails_ImageListPreviousPage {padding:5px 20px 20px 20px;  }

/* Pagination */

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

.Pages .Button {  }
.Pages a { text-decoration:none; color:#8c7a6f; }
.Pages ul ul a { text-decoration:none; }
.Pages ul li ul li a { text-align:center; 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 li li a { color:#fff; }
.Pages ul ul { visibility:hidden; position:absolute; height:150px; top:-150px; color:#fff; left:5px; width:90px; background:#9fa44a; border:1px solid #8c7a6f; overflow:hidden; font-size:0.7em; }
* 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:#6b701c; }
.Pages :hover > a,
.Pages ul ul :hover > a {color:#6b701c; }
.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:#fff; }
#PopupWindow #MainImage_TheImage { border:1px solid #ccc; padding:10px; }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Previous:hover { text-decoration:none;}
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em;  margin:5px 0 0 0; }
#PopupWindow .ImageControls .Next:hover { text-decoration:none;}
#PopupWindow a[disabled] { display:none; }

#PopupWindow .CaptionBottom { text-align:center; position:absolute; width:100%; font-style:italic; font-weight:bold; bottom:3px; color:#222; }

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

#MetaData { cursor:pointer; }
.MetaData { float:left; color:#000; text-align:left; background:#eceddb; border:1px solid #e8e4e2;  cursor:pointer; cursor:hand; }

.MetaData .MetaDataTitle       { margin:5px 0; padding:5px; font-size:11px; font-weight:bold; color:#fff; background-color:#9fa44a; }
.MetaData .MetaDataField       { margin:2px 0; padding:5px; font-size:11px; text-align:left;  color:#8c7a6f; }
.MetaData .MetaDataFieldOver   { margin:2px 0; padding:5px; font-size:11px; cursor:pointer;   color:#fff; background:#8c7a6f; }
.MetaData .MetaDataHeading     { margin:5px 0; padding:5px; font-weight:bold; font-size:12px; color:#8c7a6f; }
.MetaData .MetaDataHeadingOver { font-size:12px; font-weight:bold; color:#fff; }

.MetaData .MetaDataCommand    { margin:2px 0; padding:5px; font-size:11px; text-align:right;  color:#8c7a6f;  }
.MetaData .MetaDataCommandOver{ margin:2px 0; padding:5px; font-size:11px; text-align:right;  color:#fff; background:#8c7a6f; cursor:pointer;}

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

#ShoppingCart { width:620px; float:left; padding:10px; }

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

#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:center; font-weight:bold; width:440px; color:#fff; }
#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 { clear:both; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:110px; margin:5px 0; padding:0; border-bottom:1px #ccc solid; clear:both; }
#ShoppingCart .Row .Thumbnail table { display:block; height:100px; overflow:hidden; }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:110px; }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:310px; 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 { margin-top:20px; padding:0 0 5px 0; }
#ShoppingCart .Footer .Total { margin:0; font-weight:bold; font-size:2em; color:red; text-align:right; }
#ShoppingCart .Footer .Button { float:right; margin:30px 0px 0px 10px; clear:none; }

/* ------------------------------------------------------------------ RSS */

.RSS .RSSItem                 { padding:30px 0; overflow:auto; border-bottom:1px solid #ccc; clear:both; }
.RSS .RSSItem .Title          { padding:10px 0 0 0; margin:0; font:normal 17px/20px arial,serif; color:#9fa44a; text-decoration:none; }
.RSS .RSSItem .Title:hover    { color:#ccc; }
.RSS .RSSItem .Description    { line-height:18px; padding:10px 0; margin:0; }
.RSS .RSSItem .ReadMore       { float:right; color:#000; text-decoration:none; }
.RSS .RSSItem .ReadMore:hover { color:#ccc; }
.RSS .RSSItem .PubDate        { float:left; color:#666666; }

/* ------------------------------------------------------------------ Page Specific */



















// from System Meta Data