html, body { font-family:Arial,sans-serif; font-size:12px; margin:0px; padding:0px; background:#000; color:#a7a7a7; height:100%; width:100%; }
body       { background:#000 url('pictures/gs_webgraphics/bg_main.jpg') top center no-repeat; }

a { color:#fff; }
a:visited { color:#fff; }
a:hover   { color:#d80a8c; }
a img     { border:none; outline:none; }
strong { color:#fff; }
div, table, td { margin:0; padding:0; }
p, ul { line-height:1.4em; padding:0.3em 0; margin:0; }
ul, ul ul { list-style:square; margin:0 0 0 2em; }

h1 { padding:0.3em 0; margin:0;       font:normal 1.5em Arial,sans-serif; color:#868686; }
h2 { padding:0.3em 0; margin:0.4em 0; font:bold   11px  Arial,sans-serif; color:#868686; }
h3 { padding:0.7em 0; margin:0;       font:normal 11px  Arial,sans-serif; color:#ffffff; }

a.Button { padding:4px 20px; background:#0f0f0f; text-decoration:none; border:1px solid #262626; }
a.Button:hover { color:#d80a8c; } 

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

.contactdetails { width:340px; margin-top:50px; float:right; text-align:right; }
.contactdetails a { color:#868686; text-decoration:none; }
.contactdetails a:hover { text-decoration:underline; }
.contactdetails .phone   { font-size:1.8em; font-style:italic;  }
.contactdetails .address { font-size:1em; font-style:italic; line-height:14px; color:#868686; }

#PageHeader .PageMenu { width:475px; height:23px; position:absolute; top:150px; left:239px; padding:0; margin:0; }
#PageHeader .PageMenu .MenuItem  { height:23px; float:left; text-align:center; padding:0; margin:0; }
#PageHeader a { display:block; color:#fff; text-decoration:none; font-style:italic; padding:4px 11px 4px 10px; font-size:12px; }
#PageHeader a:hover    { background:#262626; }
#PageHeader a.Selected { background:#262626; }
#PageHeader .Drop               { display:none; }
* html #PageHeader .PageMenu .Drop { display:block; background:0; margin-top:-5px; text-indent:-99999px; z-index:-99999; }
#PageHeader .PageMenu ul        { list-style:none; margin:0; padding:0; line-height:1;}
#PageHeader .PageMenu li        { list-style:none; margin:0; padding:0; line-height:1;}
#PageHeader .PageMenu li a      { line-height:15px; }
#PageHeader .PageMenu l2        { display:none; }
#PageHeader .PageMenu ul.l2     { position:absolute; top:342px; left:0; }
#PageHeader .PageMenu li.l2     { position:relative; float:left; }
#PageHeader .PageMenu ul.l3     { width:475px; height:23px; z-index:50; float:right; }
#PageHeader .PageMenu ul.l3 a   { display:block; line-height:18px; color:#d80a8c; text-decoration:none; font-style:italic; padding:4px 11px 4px 10px; font-size:12px; }
#PageHeader .PageMenu ul.l3 a:hover       { background:#262626; }
#PageHeader .PageMenu ul.l3 a.SubSelected { background:#262626; }
#PageHeader .PageMenu li.l3      { float:right; }
.MenuItem.aid_CONTACT a:hover    { border-right:2px solid #262626; }
.MenuItem.aid_CONTACT a.Selected { border-right:2px solid #262626; }

*+html #PageHeader a { padding:4px 9px 4px 9px; }
* html #PageHeader a { padding:4px 9px 4px 9px; }
* html #PageHeader .PageMenu ul.l1 a:hover { background:0; }
* html #PageHeader .PageMenu ul.l3 a:hover { background:#262626; }

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

#Wrapper  { width:955px; height:600px; position:relative; margin:0 auto; } 
#MainArea { width:716px; height:319px; position:absolute; top:171px; left:238px; overflow:hidden; padding:0; }
#MainArea #PageContent  { width:220px; height:319px; float:right; padding:0 10px; overflow:auto; }
#MainArea #MainImage    { width:465px; height:315px; float:left; margin:6px 0 0 6px; overflow:hidden; }
#MainArea #flashcontent { width:465px; height:315px; float:left; margin:6px 0 0 6px; overflow:hidden; } 

* html #MainArea #PageContent  { width:210px; }
* html #MainArea #PageContent  { margin-left:3px; }
* html #MainArea #flashcontent { margin-left:3px; }

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

#PageFooter { display:none; }

#Footer { width:955px; margin:0; padding:0; color:#4c4c4a; overflow:hidden; position:absolute; bottom:0; }
#Footer .Copyright  { text-align:right; padding:0; line-height:12px; font-weight:bold; clear:both; }
#Footer .Phosys     { float:right; font-size:10px; padding-left:20px; }
#Footer .Phosys a       { color:#666; }
#Footer .Phosys a:hover { color:#d80a8c; }

/* ------------------------------------------------------------------ Album List */

#AlbumList { width:465px; height:315px; float:left; margin:6px 0 0 6px; overflow:auto; }
#AlbumList .Row { width:135px; height:210px; float:left; margin:4px; border:1px solid #0f0f0f; overflow:hidden; }
#AlbumList .Row:hover { cursor:pointer; border:1px solid #666; }
#AlbumList .Row .ThumbTable    { width:140px; height:130px; }
#AlbumList .Row .Title         { display:block; clear:both; color:#fff; text-align:center; font-weight:bold; margin:0; padding:0 5px; line-height:14px; }
#AlbumList .Row .Thumbnail img { margin:0 auto; }
#AlbumList .Row .Description   { width:130px; height:65px; margin:0 auto; line-height:13px; color:#ccc; overflow:auto; }
#AlbumList .Row .Status        { display:none; } 

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

#Container #MainArea #AlbumLogin .Footer { width:50px; height:25px; line-height:25px; margin:10px; position:static; top:0; left:0; }

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

#MainArea #ImageList { width:465px; height:310px; float:left; margin:6px 0 0 6px; overflow:hidden;  }
#MainArea #ImageList .Item { float:left; height:102px; width:102px; padding:0 2px; margin:2px 2px; }
#MainArea #ImageList .Item span.Caption { text-align:center; display:block; }
#MainArea #ImageList .Item .ThumbTable { float:left; height:108px; width:110px; }
#MainArea #ImageList .Item .ThumbTable img { }
#MainArea #ImageList .LightBox { display:none; }
#MainArea #ImageList .Footer { display:block; width:240px; height:150px; position:absolute; right:0; bottom:0; }
#MainArea #ImageList .Pager  { display:block; width:240px; height:150px; position:absolute; top:0; }
#MainArea .Pager .Next       { font-size:2em; position:absolute; right:2px; bottom:7px; margin:0; }
#MainArea .Pager .Next a     { text-decoration:none;  }
#MainArea .Pager .Previous   { font-size:2em; position:absolute; left:2px; bottom:7px; }
#MainArea .Pager .Previous a { text-decoration:none; }
#MainArea .Pager .Button     { display:block; }
#MainArea .Pages { width:220px; height:100px; position:absolute; right:0; }

#MainArea .Pages ul li a    { font-size:1.5em; color:#fff; text-decoration:none; }
#MainArea .Pages ul ul li a { font-size:0.9em; color:#666; }
#MainArea .Pages ul ul li a:hover { color:#d80a8c; text-decoration:underline; }
#MainArea .Pages ul ul     { width:200px; height:90px; overflow:auto; }
#MainArea .Pages ul li ul li a { text-align:left; white-space:nowrap; }
#MainArea .Pages ul        { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; }
#MainArea .Pages li        { float:left; width:auto; padding:4px 8px; margin:0; }
#MainArea .Pages ul ul { position:absolute; top:20px; left:10px; }

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

#PopupWindow { background:#0a0a0a; }
#PopupWindow #MainImage_TheImage { border:10px solid #262626; }

#PopupWindow .CaptionTop    { position:relative; top:30px; color:white; text-align:center; }
#PopupWindow .CaptionBottom { position:relative; bottom:50px; color:white; text-align:center; }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; margin:5px 0 0 5px; border:1px solid #262626; }
#PopupWindow .ImageControls .Next     { float:right; font-size:0.7em; margin:5px 5px 0 0; border:1px solid #262626; }
#PopupWindow .ImageFilter { width:200px; height:18px; background: url('pictures/gs_webgraphics/popup.gif') right no-repeat;  }

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

#MetaData .Button { text-decoration:underline; cursor:pointer; color:#d80a8c; }
.MetaData { float:left; color:black; text-align:left; background:#262626; }
.MetaData .MetaDataTitle       { font-weight:bold; color:#ffffff; text-align:left; padding:5px; font-size:11px; }
.MetaData .MetaDataField       { padding:5px; font-size:11px; }
.MetaData .MetaDataFieldOver   { padding:5px; cursor:pointer; color:#d80a8c; font-size:11px; }
.MetaData .MetaDataHeading     { padding:5px; font-size:11px; }
.MetaData .MetaDataHeadingOver { font-size:11px; color:#d80a8c;}
.MetaData .MetaDataCommand     { text-align:right; color:#ccc; padding:5px; font-size:11px; }
.MetaData .MetaDataCommandOver { cursor:pointer; color:#d80a8c; text-align:right; padding:5px; font-size:11px; }

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

#ShoppingCart {  width:465px; height:310px; float:left; margin:6px 0 0 6px; overflow:hidden; }
#ShoppingCart .Header { float:left; clear:both; border-bottom:1px #0f0f0f solid; }
#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:center; font-weight:bold; width:250px; color:#262626; }
#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 { height:295px; overflow:auto; clear:both; }
* html #ShoppingCart .List { width:460px; height:340px; }
#ShoppingCart #BasketList_List { width:100%; }
*+html #ShoppingCart #BasketList_List { width:80%; }
* html #ShoppingCart #BasketList_List { width:80%; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:110px; width:440px; margin:5px 0; padding:0; border-bottom:1px #0f0f0f solid; overflow:auto; clear:both; }
#ShoppingCart .Row .Thumbnail table { width:100%; height:100px; }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:110px; }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:120px; 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 .Message              { width:220px; position:absolute; bottom:120px; right:10px; text-align:right; }
#ShoppingCart .Footer               { width:220px; position:absolute; right:0; bottom:0; padding:0 0 5px 0; }
#ShoppingCart .Footer .Total        { position:absolute; top:-50px; right:10px; margin:0; font-weight:bold; font-size:3em; width:220px; color:#d80a8c; text-align:right; }
#ShoppingCart .Footer .Button       { float:right; margin:2px 7px 5px 0px; clear:none; }
#ShoppingCart .Footer .Button:hover {  }

/* ------------------------------------------------------------------ Contact Us */

#ContactForm { width:445px; height:310px; float:left; margin:6px 0 0 6px; overflow:hidden; padding:20px 0 0 20px; }
#ContactForm .Row    { clear:both; margin:8px 0; overflow:auto; }
#ContactForm .Label  { width:150px; text-align:right; padding-right:20px; float:left; }
#ContactForm .Field  { float:left; width:180px; padding:3px 0; margin:0 5px 0 0; }
#ContactForm .VAMRequiredFieldMarker { float:left; margin-left:5px; }
#ContactForm .Button { margin-left:170px; padding:4px 71px; font-size:16px; }

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

.PageMain { width:220px; height:319px; padding:0 10px; float:right; }
.BlogMain { width:465px; height:315px; margin:6px 0 0 6px; float:left; overflow:auto; }

.RSS .RSSItem                 { padding:0 0 20px 0; margin-bottom:20px; overflow:auto; border-bottom:1px solid #444444; clear:both; position:relative; }
.RSS .RSSItem .Title          { clear:both; float:left; padding:10px 0 0 0; margin:0; font:normal 17px/20px arial,serif; color:#fff; border-bottom:1px solid #d80a8c; text-decoration:none; }
.RSS .RSSItem .Description    { clear:both; float:left; line-height:14px; padding:10px 0; margin:0; }
.RSS .RSSItem .ReadMore       { float:right; margin-right:10px; color:#d80a8c; text-decoration:none; }
.RSS .RSSItem .ReadMore:hover { color:#ccc; }
.RSS .RSSItem .PubDate        { position:absolute; bottom:20px; left:0;  color:#666666; }

/* ------------------------------------------------------------------ Page specifics */

body.aid_BLOG       #MainArea #PageContent { width:716px; padding:0; overflow:hidden; }
body.aid_BASKET     #MainArea #PageContent { height:160px; }
body.cat_PHOTOALBUM #MainArea #PageContent { height:160px; }



// from System Meta Data