html, body { font-family:Arial,Verdana,sans-serif; font-size:12px; margin:0px; padding:0px; background-color:#000; color:#eaeaea; height:100%; width:100%; }
div, table, td { margin:0; padding:0; }
a { color:#fff; outline:none; font-weight:bold;}
a:visited { color:#ff6e34; font-weight:bold;}
a:hover { color:#ccc; text-decoration:none; font-weight:bold; }
a img { border:none; outline:none; }
ul, ul ul { list-style:square; }
p, ul { line-height:1.4em; }
strong { font-weight:bold; color:#3b3b3b; font-size:1.1em;}
u { font-weight:bold; text-transform:lowercase; text-decoration:none; }
h1 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold 1.4em/1.5em arial,verdana,sans-serif; color:#ff6e34; text-transform:lowercase; }
h2 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold 1.0em/1.5em arial,verdana,sans-serif; color:#cccccc; }
h3 { padding:0.5em 10px 0 0; float:left; border-bottom:1px dashed #333; margin:0; font:normal 1.2em/1.5em arial,verdana,sans-serif; color:#ccc; }
/* ------------------------------------------------------------------ Main Nav */
#PageHeader { width:970px; height:80px; }
#PageHeader #PageHeaderTop #Logo { width:416px; height:70px; float:right; background:url('pictures/gs_webgraphics/bg_logo.jpg') center bottom no-repeat; }
#PageHeader .PageMenu { width:545px; height:30px; margin:35px 0 0 2px; float:left; border-left:1px solid #565656; }
#PageHeader .PageMenu .Alignment { width:545px; height:40px; padding:0 0 0 5px; }
#PageHeader .PageMenu .MenuItem { float:left; margin:0 0 0 8px; text-transform:lowercase; }
#PageHeader .PageMenu .First { margin:0; padding:0; }
#PageHeader a { width:auto; display:block; padding:0; margin:0; color:#7a7a7a; text-decoration:none; white-space:nowrap; font-weight:normal; font-size:12px; line-height:30px; }
#PageHeader a:hover { color:#ff6e34; }
#PageHeader a.Selected { color:#ff6e34; }
/* ------------------------------------------------------------------ Main Area */
#Container { width:970px; margin:0 auto; z-index:100; }
#MainArea { width:970px; min-height:450px; margin:0 auto; padding:0; overflow:hidden; }
#PageContent { width:970px; }
#MainContent { width:605px; text-align:justify; float:right; margin:30px 0 20px 0; padding:0 15px; border-left:1px solid #222; }
#AlbumContent { width:300px; height:auto; margin:30px 0 20px 0; float:left; }
#MainImage { width:auto; height:auto; margin:5px 0px; border:1px solid #222; }
#MainImage .CaptionTop {display:none;}
#MainImage .Copyright {display:none;}
#flashcontent { width:970px; height:590px; margin:0; }
/* ------------------------------------------------------------------ AlbumList */
#BackButton { width:300px; height:48px; margin:5px 0; background:url('pictures/gs_webgraphics/bg_nav.gif') center bottom no-repeat; cursor:hand; cursor:pointer;}
#BackButton:hover { background:url('pictures/gs_webgraphics/bg_navS.gif') center bottom no-repeat; }
#BackButton a { width:240px; height:28px; float:left; font-size:14px; text-transform:uppercase; padding:17px 0 0 55px; color:#fff; text-decoration:none; }
#QuickAlbumList { width:300px; }
#QuickAlbumList .Row { width:300px; height:48px; float:left; margin:5px 0; background:url('pictures/gs_webgraphics/bg_nav.gif') center bottom no-repeat; cursor:hand; cursor:pointer;}
#QuickAlbumList .Row:hover { background:url('pictures/gs_webgraphics/bg_navS.gif') center bottom no-repeat; }
#QuickAlbumList .Row .Thumbnail { display:none; }
#QuickAlbumList .Row .Title { width:240px; height:28px; float:left; font-size:14px; font-weight:bold; text-transform:uppercase; padding:17px 0 0 55px; }
#QuickAlbumList .Row .Description { display:none; }
#QuickAlbumList .Row .Status { display:none; }
/* ------------------------------------------------------------------ Page Footer */
#PageFooter { display:none; }
#Footer { width:100%; overflow:auto; padding:0; margin-top:40px; background:#121212; border-top:1px solid #222; border-bottom:1px solid #222; }
#FooterMain { width:970px; margin:0 auto; font-size:10px; }
#Footer .Copyright { float:left; color:#fff; }
#Footer .Address { color:#616161; }
#Footer .Phosys { float:left; color:#4c4c4c; padding-left:5px; }
#Footer .Phosys a { color:#4c4c4c; }
#Footer .Phosys a:hover { color:#fff; }
/* ------------------------------------------------------------------ Contact Form */
#ContactForm { width:370px; float:right; margin:25px 0; }
#ContactForm .Row { display:block; overflow:auto; padding:3px 0; }
#ContactForm .Row .Label { width:300px; display:block; font-weight:bold; float:left; font-size:11px; text-align:left; padding:0 7px 0 0; }
#ContactForm .Row .Field { width:300px; float:left; font-size:11px; padding:4px; }
#ContactForm .Row textarea { height:50px; }
#ContactForm .Row#ContactForm_Item_contact_query textarea { height:150px; }
#ContactForm .Footer { clear:both; padding:0 0 0 127px; }
#ContactForm .Button { float:left; clear:both; margin:10px 0 0 0; font-size:14px; }
#Map { width:970px; height:480px; padding:20px 30px; background:#1a1a1a; border:1px solid #222; }
#MapFrame { margin:0 auto; }
#Map a { color:#fff; }
/* ------------------------------------------------------------------ Album Login */
#AlbumLoginButton { width:300px; height:46px; float:left; margin:5px 0; background:url('pictures/gs_webgraphics/bg_login.gif') center bottom no-repeat; }
#AlbumLogin { width:300px; }
#AlbumLogin .Row { clear:both; overflow:auto; text-align:center; margin:5px 0; display:inline; }
#AlbumLogin .Field { margin:0 10px 0 55px; float:left; text-align:center; }
#AlbumLogin .Field input { width:170px; height:20px; }
#AlbumLogin .Footer { height:25px; line-height:25px; margin:10px 15px 0 0; }
#AlbumLogin .Button { float:right; color:white; font-size:14px; text-decoration:none; font-weight:normal; text-transform:uppercase; }
#AlbumLogin .Button:hover {color:#ff6e34; text-decoration:none; cursor:hand; cursor:pointer; }
#AlbumLogin .Label { display:none; }
#AlbumLogin .UserID { display:none; }
#AlbumLogin .Password { display:none; }
*+html #AlbumLogin .Field { margin:8px 0 0 28px; }
*+html #AlbumLogin .Button { margin:0; }
/* ------------------------------------------------------------------ Image Thumbnail List */
#MainArea #ImageList { width:960px; margin-top:10px; clear:both;}
#MainArea #ImageList #Images { width:940px; margin:0 auto; }
#MainArea #ImageList .Item { float:left; margin:0 4px; height:140px; width:140px; padding:0px; }
#MainArea #ImageList .Item .ThumbTable { float:left; height:120px; width:100%; }
#MainArea #ImageList .Item .Thumbnail { }
#MainArea #ImageList .Item .ThumbTable img:hover {border:2px solid #000;}
#MainArea #ImageList .Item .Caption { display:block; text-align:center; color:#777777; }
#MainArea #ImageList .LightBox { display:none; }
#MainArea #ImageList .Footer { width:790px; float:right; clear:both; }
#MainArea .Pager { width:790px; clear:both; margin:0 5px 0 0; }
#MainArea .Pager .Button { width:105px; height:25px; background:none; margin:3px 0 0 0; padding:0; clear:none; }
#MainArea .Pager .Button a:hover { color:#ccc; }
#MainArea .Footer .Pages .Button { }
#MainArea .Pager .Next { float:right; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Next #Thumbnails_ImageListNextPage {padding:5px 40px 20px 30px; }
#MainArea .Pager .Previous { float:left; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Previous #Thumbnails_ImageListPreviousPage {padding:5px 20px 20px 20px;}
.Pages { width:120px; margin:0 auto; }
.Pages a { text-decoration:none; }
.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 ul ul { visibility:hidden; position:absolute; height:150px; top:-150px; left:5px; width:90px; background:black; 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:#ccc; background:black; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#ccc; background:black; }
.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:#000; }
#PopupWindow #MainImage { width:600px; height:600px; margin:0 auto; padding:20px; }
#PopupWindow #MainImage_TheImage { width:450px; height:450px; margin:0 auto; }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Previous:hover { color:#ccc; text-decoration:none;}
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Next:hover { color:#ccc; text-decoration:none;}
#PopupWindow a[disabled] { display:none; }
#MetaData .Button { cursor:pointer; text-decoration:underline; font-size:14px; }
/* ------------------------------------------------------------------ Buy Prints Popup */
.MetaData { float:left; color:#CCCCCC; text-align:left; background:black; border:1px solid #CCCCCC; cursor:pointer; cursor:hand; }
.MetaData .MetaDataTitle { padding:5px; font-size:12px; font-weight:bold; color:#fff; background-color:#1d1d1d; }
.MetaData .MetaDataField { padding:5px; font-size:12px; text-align:left; color:#fff; }
.MetaData .MetaDataFieldOver { padding:5px; font-size:12px; cursor:pointer; color:#000; background:#ff6e34; }
.MetaData .MetaDataHeading { padding:0 5px 5px 5px; font-size:11px; color:#fff; font-style:italic; }
.MetaData .MetaDataCommand { padding:5px; font-size:12px; text-align:right; color:#fff; }
.MetaData .MetaDataCommandOver { padding:5px; font-size:12px; text-align:right; background:#ff6e34; color:#000; cursor:pointer;}
/* ------------------------------------------------------------------ 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 440px; font-weight:bold; font-size:1.2em; width:70px; color:#ff6e34; text-align:center; }
#ShoppingCart .Footer .Button { float:right; margin:30px 0px 0px 10px; clear:none; }
/* ------------------------------------------------------------------ RSS */
.RSS .RSSItem { padding:30px 0; overflow:auto; border-bottom:1px solid #444444; clear:both; }
.RSS .RSSItem .Title { padding:10px 0 0 0; margin:0; font:normal 17px/20px arial,serif; color:#fff; border-bottom:1px solid #ff6e34; text-decoration:none; }
.RSS .RSSItem .Title:hover { color:#ccc; }
.RSS .RSSItem .Description { line-height:20px; padding:10px 0; margin:0; }
.RSS .RSSItem .ReadMore { float:right; color:#ff6e34; text-decoration:none; }
.RSS .RSSItem .ReadMore:hover { color:#ccc; }
.RSS .RSSItem .PubDate { float:left; color:#666666; }
/* ------------------------------------------------------------------ Button Graphics */
#QuickAlbumList .Row.aid_PORTRAITS { background:url('pictures/gs_webgraphics/bg_portraits.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS:hover { background:url('pictures/gs_webgraphics/bg_portraitsS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PETS { background:url('pictures/gs_webgraphics/bg_pets.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PETS:hover { background:url('pictures/gs_webgraphics/bg_petsS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_WEDDINGS { background:url('pictures/gs_webgraphics/bg_weddings.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_WEDDINGS:hover { background:url('pictures/gs_webgraphics/bg_weddingsS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_EVENTS { background:url('pictures/gs_webgraphics/bg_events.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_EVENTS:hover { background:url('pictures/gs_webgraphics/bg_eventsS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_COMMERCIAL { background:url('pictures/gs_webgraphics/bg_commercial.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_COMMERCIAL:hover { background:url('pictures/gs_webgraphics/bg_commercialS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_LANDSCAPES { background:url('pictures/gs_webgraphics/bg_landscapes.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_LANDSCAPES:hover { background:url('pictures/gs_webgraphics/bg_landscapesS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_POSTERART { background:url('pictures/gs_webgraphics/bg_poster.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_POSTERART:hover { background:url('pictures/gs_webgraphics/bg_posterS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_MODEL_COMPETITION { background:url('pictures/gs_webgraphics/bg_modelcomp.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_MODEL_COMPETITION:hover { background:url('pictures/gs_webgraphics/bg_modelcompS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_MODEL_COMPETITION .Title { padding-top:10px; }
#QuickAlbumList .Row.aid_PORTRAITS_COUPLES { background:url('pictures/gs_webgraphics/bg_couples.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_COUPLES:hover { background:url('pictures/gs_webgraphics/bg_couplesS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_BABIES { background:url('pictures/gs_webgraphics/bg_babies.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_BABIES:hover { background:url('pictures/gs_webgraphics/bg_babiesS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_KIDS { background:url('pictures/gs_webgraphics/bg_kids.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_KIDS:hover { background:url('pictures/gs_webgraphics/bg_kidsS.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_FRIENDS { background:url('pictures/gs_webgraphics/bg_friends.jpg') center bottom no-repeat; }
#QuickAlbumList .Row.aid_PORTRAITS_FRIENDS:hover { background:url('pictures/gs_webgraphics/bg_friendsS.jpg') center bottom no-repeat; }
body.cat_STUDIO #BackButton { background:url('pictures/gs_webgraphics/bg_studio.jpg') center bottom no-repeat; }
body.cat_STUDIO #BackButton:hover { background:url('pictures/gs_webgraphics/bg_studioS.jpg') center bottom no-repeat; }
body.cat_HOMESTUDIO #BackButton { background:url('pictures/gs_webgraphics/bg_home.jpg') center bottom no-repeat; }
body.cat_HOMESTUDIO #BackButton:hover { background:url('pictures/gs_webgraphics/bg_homeS.jpg') center bottom no-repeat; }
body.cat_PORTRAITS #BackButton { background:url('pictures/gs_webgraphics/bg_portraits.jpg') center bottom no-repeat; }
body.cat_PORTRAITS #BackButton:hover { background:url('pictures/gs_webgraphics/bg_portraitsS.jpg') center bottom no-repeat; }
body.aid_STUDIO_GETREADY #QuickAlbumList .Row.aid_STUDIO_GETREADY,
body.aid_STUDIO_PREVIEW #QuickAlbumList .Row.aid_STUDIO_PREVIEW,
body.aid_STUDIO_SESSION #QuickAlbumList .Row.aid_STUDIO_SESSION,
body.aid_STUDIO_YOURPHOTOS #QuickAlbumList .Row.aid_STUDIO_YOURPHOTOS,
body.aid_STUDIOSERV_CONCEPT #QuickAlbumList .Row.aid_STUDIOSERV_CONCEPT,
body.aid_STUDIOSERV_PROCESS #QuickAlbumList .Row.aid_STUDIOSERV_PROCESS,
body.aid_VIDEO_DIGITALMEDIA #QuickAlbumList .Row.aid_VIDEO_DIGITALMEDIA,
body.aid_VIDEO_DVD #QuickAlbumList .Row.aid_VIDEO_DVD,
body.aid_VIDEO_PODCASTS #QuickAlbumList .Row.aid_VIDEO_PODCASTS,
body.aid_VIDEO_PROCESS #QuickAlbumList .Row.aid_VIDEO_PROCESS,
body.aid_PRODUCTS_BOOKS #QuickAlbumList .Row.aid_PRODUCTS_BOOKS,
body.aid_PRODUCTS_FRAMES #QuickAlbumList .Row.aid_PRODUCTS_FRAMES,
body.aid_PRODUCTS_GLASS #QuickAlbumList .Row.aid_PRODUCTS_GLASS,
body.aid_PRODUCTS_MDF #QuickAlbumList .Row.aid_PRODUCTS_MDF,
body.aid_PRODUCTS_VOUCHERS #QuickAlbumList .Row.aid_PRODUCTS_VOUCHERS,
body.aid_CONTACT_ABOUT #QuickAlbumList .Row.aid_CONTACT_ABOUT,
body.aid_CONTACT_ARTICLES #QuickAlbumList .Row.aid_CONTACT_ARTICLES,
body.aid_CONTACT_DIRECTIONS #QuickAlbumList .Row.aid_CONTACT_DIRECTIONS,
body.aid_CONTACT_TEST #QuickAlbumList .Row.aid_CONTACT_TEST,
body.aid_PORTRAITS_COUPLES #QuickAlbumList .Row.aid_PORTRAITS_COUPLES,
body.aid_PORTRAITS_BABIES #QuickAlbumList .Row.aid_PORTRAITS_BABIES,
body.aid_PORTRAITS_KIDS #QuickAlbumList .Row.aid_PORTRAITS_KIDS,
body.aid_PORTRAITS_FRIENDS #QuickAlbumList .Row.aid_PORTRAITS_FRIENDS { display:none; }
/* ------------------------------------------------------------------ Page Specific */
body.aid_BLOG #MainImage { display:none; }
body.aid_BASKET #AlbumContent { width:850px; margin:0 0 30px 0; }
body.aid_BASKET #BackButton { float:left; margin:0 20px 0 0; }
body.aid_BASKET #MainImage { display:none; }
body.aid_CONTACT #MainImage { display:none; }
body.aid_CONTACT #ContactForm { height:0; position:relative; top:-480px; }
body.aid_CONTACT #MainContent { width:450px; height:auto; float:left; margin-bottom:30px; }
body.aid_CONTACT #AlbumContent { float:none; clear:both; }
body.aid_CONTACT strong { color:#ff6e34; }
body.aid_CONTACT_ABOUT #ImageList #Images .Item { width:200px; float:right; }
body.aid_CONTACT_ABOUT .Footer { display:none; }
body.aid_PRODUCTS_V_BUY #Vouchers { width:700px; margin:0 auto; }
body.cat_STUDIO #ImageList #Images .Item,
body.cat_HOMESTUDIO #ImageList #Images .Item { width:200px; float:right; }
body.cat_STUDIO .Footer,
body.cat_HOMESTUDIO .Footer { display:none; }
// from System Meta Data