html, body { font-family:verdana,sans-serif; font-size:11px; margin:0; padding:0; color:#e3e3e3; height:100%; width:100%; }
html { background:#171717 url('pictures/gs_webgraphics/bg_rpt.gif') top left repeat; }
body { background: url('pictures/gs_webgraphics/menu_rpt.png') left 130px repeat-x; }
div, table, td { margin:0; padding:0; }
a { color:#ff8a00; outline:none; }
a:visited { color:#fff; }
a:hover { color:#fdf3cb; text-decoration:none; }
.B a { color:#ff8a00; }
.B a:visited { color:#000; }
.B a:hover { color:#333; }
hr { margin:15px 0; padding:0; border:none; border-bottom:1px dashed #cab56b; }
*+html hr { height:1px; background:none; }
a img { border:none; outline:none; }
ul, ul ul { list-style:square; }
.B ul { color:#323232; margin:0; padding:0 0 0 20px; }
.B li { margin:5px 0; }
strong { font-weight:bold; }
p, ul { line-height:1.7em; }
.B p { color:#444; line-height:1.6em; font-size:10px; }
h1 { clear:both; padding:0 0 0.2em 0; margin:0; font:bold 48px/32px arial,verdana,sans-serif; color:#8c8c8c; }
.B h1 { padding-top:10px; color:#e3ce84; text-align:right; }
h2 { clear:both; padding:0.5em 0 0 0; margin:30px 0; font:normal 20px arial,verdana,sans-serif; color:#ff8a00; }
.B h2 { color:#222; padding:0; margin:10px 0; line-height:25px; }
h3 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold 16px arial,verdana,sans-serif; color:#999; }
h4 { clear:both; padding:1em 0 0 0; margin:10px 0; font:bold italic 14px arial,verdana,sans-serif; color:#e3e3e3; }
.A h6 { clear:both; padding:5px 0 0 60px; margin:35px 50px; min-height:25px; font:bold italic 18px/22px arial,verdana; color:#fdf3cb; background:url('pictures/gs_webgraphics/quotes.png') left top no-repeat; }
.B h6 { clear:both; padding:3px 0 0 30px; margin:35px 10px 35px 0; min-height:25px; font:bold italic 11px/14px arial,verdana; color:#535353; background:url('pictures/gs_webgraphics/quotes-2.png') left top no-repeat; }
#ExtraFooter { width:900px; margin:0 auto; font-size:10px; color:#aaa; }
#ContactDetails { position:absolute; top:80px; right:7px; }
#ContactDetails .phone { color:#ff8a00; font:normal 24px/30px 'trebuchet ms',sans-serif; text-align:right; }
#ContactDetails .email { text-align:right; }
#ContactDetails .email a { color:#fdf3cb; text-decoration:none; font:normal 16px/20px 'trebuchet ms',sans-serif; text-align:right; }
#ContactDetails .email a:hover { text-decoration:underline; }
a.Button { display:block; clear:both; text-decoration:none; text-transform:lowercase; font:bold 14px/50px arial,sans-serif; text-align:center; color:#000000; background: url('pictures/gs_webgraphics/button.png') center center no-repeat; }
a.Button:hover { color:#fff; }
/* ------------------------------------------------------------------ Main Nav */
#PageHeader { width:970px; height:210px; margin:0 auto; }
#PageHeader #PageHeaderTop { width:420px; height:150px; background:url('pictures/gs_webgraphics/logo.gif') 5px 20px no-repeat; }
#PageHeader .PageMenu { width:970px; height:50px; }
#PageHeader .PageMenu .MenuItem { width:121px; height:auto; float:left; padding:0; margin:0; }
#PageHeader .PageMenu .First { padding:0; }
#PageHeader a { color:#d6d5d5; background: url('pictures/gs_webgraphics/menu-item.png') center center no-repeat; text-decoration:none; text-transform:lowercase; font:bold 14px/50px arial,sans-serif; text-align:center; display:block; }
#PageHeader a:hover { color:#d6d5d5; background: url('pictures/gs_webgraphics/menu-hover.png') center center no-repeat; }
#PageHeader a.Selected { color:#000000; background: url('pictures/gs_webgraphics/menu-select.png') center center no-repeat; }
/* ------------------------------------------------------------------ Main Area */
#Wrapper { width:970px; height:100%; margin:0 auto; z-index:100; position:relative; }
#MainArea { width:970px; padding:0; position:relative; z-index:200; }
#MainArea #flashcontent,
#MainArea #MainImage { width:940px; height:450px; padding:20px 15px 30px 15px; background:url('pictures/gs_webgraphics/slideshow.png') center center no-repeat; }
body.BETA #MainArea #flashcontent,
body.BETA #MainArea #MainImage { height:147px; background:url('pictures/gs_webgraphics/slideshow-2.png') center center no-repeat; }
#MainArea #MainImage #MainImage_imgTable { width:auto; margin:0 auto; }
#MainArea #MainImage #MainImage_TheImage { margin:0 auto; }
#MainArea #MainImage .Caption { display:none; }
#MainArea .Portraits,
#MainArea .Weddings { display:none; }
body.aid_PORTRAITS #MainArea .Portraits,
body.cat_PORTRAITS #MainArea .Portraits { display:block; }
body.aid_WEDDINGS #MainArea .Weddings,
body.cat_WEDDINGS #MainArea .Weddings { display:block; }
#MainArea #PageContent { width:970px; margin:0px auto; float:left; background: url('pictures/gs_webgraphics/main_rpt.png') -5px top repeat-y; }
#MainArea #PageContent #Flowers { width:970px; float:left; background:url('pictures/gs_webgraphics/flowers-1.png') 753px bottom no-repeat; }
#MainArea #PageContent #Left { width:690px; float:left; }
#MainArea #PageContent .Content.A { width:650px; float:left; padding:20px; }
#MainArea #PageContent .Content.B { width:230px; float:right; padding:10px; margin-right:15px; }
body.cat_CLIENTALBUM #MainArea #PageContent #Flowers,
body.cat_PHOTOALBUM #MainArea #PageContent #Flowers { background:none; }
body.cat_PHOTOALBUM #MainArea #PageContent { width:230px; height:auto; text-align:left; position:absolute; right:20px; top:20px; z-index:999999; background:none; color:#222; }
body.aid_GIFT-VOUCHERS #MainArea #PageContent .Content.A img { float:left; padding:10px 10px 10px 0; }
body.aid_GIFT-VOUCHERS #MainArea #PageContent .Content.A h2 { width:100%; border-bottom:1px solid; float:left; clear:both; }
#QuickContact ul li a { display:none; display /*\**/: block\9; text-decoration:none; }
#QuickContact ul { list-style:none; padding:0; margin:0; }
#QuickContact li { list-style:none; padding:0; margin:0; }
#QuickContact .Row { padding:5px 0; margin:0 0 0 0; }
#QuickContact span { display:block; font-size:12px; cursor:text; color:#9d9264; }
#QuickContact input { display:block; font-size:13px; font-family:courier,mono; width:219px; padding:6px 5px; border:1px dashed #cab56b; color:#666; }
#QuickContact textarea { display:block; font-size:13px; font-family:courier,mono; width:219px; padding:6px 5px; border:1px dashed #cab56b; height:70px; color:#666; }
#QuickContact .Footer { width:126px; height:40px; margin:15px 0; float:right; }
#QuickContact a.Button { display:block; }
#QuickContact a:hover.Button { color:#fff; }
#QuickContact .Info { color:#fff; }
/* Submenu */
.B a.Info { width:216px; height:36px; display:block; padding:0 10px; margin:0 0 5px -3px; font:bold italic 14px/36px arial,sans-serif; color:#444; text-align:right; text-decoration:none; background:url('pictures/gs_webgraphics/button-3.png') center center no-repeat; cursor:pointer; position:relative; }
.B a.Info:hover { color:#fff; }
.B #QuickAlbumList { width:250px; padding-bottom:20px; margin:0 0 20px -10px; border-bottom:22px solid #171717; }
.B #QuickAlbumList .Row { width:236px; height:36px; margin:0 0 5px 7px; background:url('pictures/gs_webgraphics/button-3.png') center center no-repeat; cursor:pointer; position:relative; }
.B #QuickAlbumList .Row .Title { position:absolute; right:24px; bottom:0px; font:bold italic 14px/36px arial,sans-serif; color:#444; }
.B #QuickAlbumList .Row:hover .Title,
.B #QuickAlbumList .Row:hover .Status { color:#fff; }
.B #QuickAlbumList .Row .ThumbTable { display:none; }
.B #QuickAlbumList .Row .Status { position:absolute; right:5px; bottom:0; font:bold 14px/34px arial,sans-serif; color:#444; }
body.aid_WEDDINGS .B a.Info,
body.aid_PORTRAITS .B a.Info,
.B #QuickAlbumList .Row.Selected { display:none; }
/* Scroll menu */
#tm_GS_SCROLLMENU { width:940px; height:450px; overflow:hidden; padding:20px 15px 30px 15px; background:url('pictures/gs_webgraphics/slideshow.png') center center no-repeat; }
#tm_GS_SCROLLMENU .tm_GS_SCROLLMENU { display:block; float:left; width:234px; height:450px; margin:0px; overflow:hidden; cursor:pointer; }
#tm_GS_SCROLLMENU .tm_GS_SCROLLMENU a img { border:0; }
body.aid_WEDDINGS-ALBUM1 #MainArea #flashcontent embed,
body.aid_WEDDINGS-ALBUM2 #MainArea #flashcontent embed,
body.aid_WEDDINGS-ALBUM3 #MainArea #flashcontent embed,
body.aid_WEDDINGS-ALBUM4 #MainArea #flashcontent embed { background:url('pictures/gs_webgraphics/flipbg.jpg') 140px center no-repeat; }
/* ------------------------------------------------------------------ Page Footer */
#PageFooter { display:none; }
#Footer { width:950px; margin-left:5px; float:left; clear:both; }
#Footer #Left { width:320px; height:40px; padding:15px 10px 15px 0px; float:left; }
#Footer #Left .FooterEmail,
#Footer #Left .FooterPhone { font:normal 10px/20px verdana; color:#fff; }
#Footer #Left a { color:#fff; text-decoration:none; }
#Footer #Left a:hover { color:#ff8a00; text-decoration:underline; }
#Footer #Right { width:330px; height:40px; padding:15px 10px; float:left; }
#Footer #Right .Copyright { font:bold 11px/18px verdana; color:#ff8a00; text-align:right; }
#Footer #Right .Phosys { font:normal 8px/18px arial,verdana; color:#666; text-align:right; }
#Footer #Right a { color:#666; }
#Footer #Right a:hover { color:#ff8a00; text-decoration:underline; }
#Footer strong { padding:0 10px; }
#Footer #Cream { width:250px; height:70px; float:right; background:#fdf3cb url('pictures/gs_webgraphics/flowers-2.gif') right bottom no-repeat; }
/* ------------------------------------------------------------------ Contact Form */
#ContactForm { width:500px; float:left; margin:0 0 0 60px; }
#ContactForm .Row { clear:both; margin:10px 0; overflow:auto; }
#ContactForm .Label { width:180px; float:left; text-align:right; padding-top:4px; padding-left:15px; margin-right:10px; font-style:italic; }
#ContactForm .Field { margin:0 5px 0 0; padding:3px; border:1px solid #ccc; }
#ContactForm .Button { width:400px; height:30px; font-size:2em; text-align:center; line-height:25px; margin:20px 0 0 410px; }
#ContactForm input,
#ContactForm textarea { width:250px; padding:4px; font-family:verdana,arial,sans-serif; font-size:12px; }
#ContactForm select { width:258px; 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:230px; height:36px; margin:20px 0; }
#PageContent #AlbumLogin .Field { width:140px; height:36px; float:left; }
#PageContent #AlbumLogin .Field input { width:140px; display:block; margin-top:3px; font-size:13px; font-family:courier,mono; padding:6px 5px; border:1px dashed #cab56b; color:#666; }
#PageContent #AlbumLogin .Footer { width:66px; float:right; height:36px; display:block; }
#PageContent #AlbumLogin .Button { height:36px; line-height:36px; background: url('pictures/gs_webgraphics/button-2.png') center center no-repeat; }
#PageContent #AlbumLogin .Button:hover { }
#PageContent #AlbumLogin .Label { display:none; }
#PageContent #AlbumLogin .UserID { display:none; }
#PageContent #AlbumLogin .Password { display:none; }
/* AlbumList */
#Left #QuickAlbumList .Row { width:198px; height:100px; float:left; overflow:hidden; padding:5px; margin:8px 8px 0 0; cursor:pointer; background:#222; }
#Left #QuickAlbumList .Row:hover { background:#282828; }
#Left #QuickAlbumList .Row .ThumbTable { float:left; padding:0 5px 0 0; width:100px; height:100px; }
#Left #QuickAlbumList .Row .Title { width:90px; float:left; font:bold 12px/30px arial,sans-serif; color:#ff8a00; }
#Left #QuickAlbumList .Row .Description { width:90px; float:left; font:italic 10px/12px arial,sans-serif; color:#ccc; }
#Left #QuickAlbumList .Row .Status { display:none; }
/* ------------------------------------------------------------------ Album Login - 3 Box (KillListLogin) */
#ImageList #AlbumLogin { width:435px; height:150px; margin:0 0 50px 100px; }
#ImageList #AlbumLogin .Row { width:300px; height:30px; margin:5px 0; float:left; }
#ImageList #AlbumLogin .Row .Field { width:200px; float:left; padding:3px; }
#ImageList #AlbumLogin .Row .Label { width:70px; line-height:30px; text-align:right; float:left; padding:3px; font-weight:bold; }
#ImageList #AlbumLogin .Row input { width:200px; padding:5px; }
#ImageList #AlbumLogin .Footer { width:130px; float:left; }
#ImageList #AlbumLogin .Footer .Button { margin:0; }
/* ------------------------------------------------------------------ Image Thumbnail List */
#MainArea #ImageList { width:970px; margin:0px auto; float:left; position:relative; background: url('pictures/gs_webgraphics/main_rpt.png') -5px top repeat-y; }
#Container #MainArea #ImageList #Images { width:680px; height:auto; padding:0 260px 50px 20px; float:left; background:url('pictures/gs_webgraphics/flowers-1.png') 753px bottom no-repeat; }
#MainArea #ImageList .Item { float:left; margin:8px 8px 0 0; height:110px; width:122px; padding:0; background:#222; cursor:pointer; }
#MainArea #ImageList .Item:hover { background:#282828; }
#MainArea #ImageList .Item .ThumbTable { float:left; height:110px; width:100%; }
#MainArea #ImageList .Item .Caption { display:block; text-align:center; color:#777777; }
#MainArea #ImageList .LightBox { display:none; }
#MainArea .Pager { width:680px; position:absolute; bottom:0; left:0; padding:10px 0; clear:both; margin:0 0 0 10px; }
#MainArea .Pager .Button { height:25px; font-size:1.2em; background:none; margin:3px 0 0 0; padding:0; clear:none; }
#MainArea .Pager .Button a { color:#ff8a00; text-decoration:none; }
#MainArea .Pager .Button a:hover { color:#fdf3cb; }
#MainArea .Footer .Pages .Button { }
#MainArea .Pager .Next { float:right; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Next #Thumbnails_ImageListNextPage {padding:5px 10px; }
#MainArea .Pager .Previous { float:left; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Previous #Thumbnails_ImageListPreviousPage {padding:5px 10px; }
/* Pagination */
.Pages { width:120px; margin:0 auto; }
.Pages .Button { }
.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:#222; overflow:hidden; font-size:0.7em; border:1px solid #000; }
* 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:#000; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#000; }
.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:#171717 url('pictures/gs_webgraphics/bg_rpt.gif') top left repeat; }
#PopupWindow #MainImage_TheImage { border:1px solid #333; padding:10px; }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { width:130px; float:left; clear:none; font-size:0.7em; margin:0; padding:0; }
#PopupWindow .ImageControls .Next { width:130px; float:right; clear:none; font-size:0.7em; margin:0; padding:0; }
#PopupWindow a[disabled] { display:none; }
#PopupWindow .CaptionBottom { text-align:center; position:absolute; width:100%; font-style:italic; font-weight:bold; bottom:3px; color:#fff; }
/* ------------------------------------------------------------------ Buy Prints Popup */
#MetaData { cursor:pointer; }
.MetaData { float:left; color:#eee; text-align:left; background:#000; cursor:pointer; cursor:hand; }
.MetaData .MetaDataTitle { margin:5px 0; padding:5px; font-size:11px; font-weight:bold; color:#000; background-color:#ff8a00; }
.MetaData .MetaDataField { margin:2px 0; padding:5px; font-size:11px; text-align:left; color:#ff8a00; }
.MetaData .MetaDataFieldOver { margin:2px 0; padding:5px; font-size:11px; cursor:pointer; color:#000; background:#fdf3cb; }
.MetaData .MetaDataHeading { margin:5px 0; padding:5px; font-weight:bold; font-size:12px; color:#eee; }
.MetaData .MetaDataHeadingOver { font-size:12px; font-weight:bold; color:#fff; }
.MetaData .MetaDataCommand { margin:2px 0; padding:5px; font-size:11px; text-align:right; color:#fff; }
.MetaData .MetaDataCommandOver{ margin:2px 0; padding:5px; font-size:11px; text-align:right; color:#000; background:#fdf3cb; cursor:pointer;}
/* ------------------------------------------------------------------ Shopping Cart */
#ShoppingCart { width:650px; height:450px; padding:0 20px; position:absolute; left:0; top:210px; }
#ShoppingCart .Header { float:left; clear:both; padding:5px 0; background:#222; padding-right:25px; }
#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product { display:none; }
#ShoppingCart .Header .Option { float:left; text-align:center; font-weight:bold; width:375px; }
#ShoppingCart .Header .Price { float:left; text-align:center; font-weight:bold; width:70px; }
#ShoppingCart .Header .Quantity { float:left; text-align:center; font-weight:bold; width:70px; }
#ShoppingCart .Header .Total { float:left; text-align:center; font-weight:bold; width:70px; }
#ShoppingCart .Header .Remove { float:left; text-align:center; font-weight:bold; width:35px; margin:0 5px 0 0; }
#ShoppingCart .List { height:370px; overflow:auto; clear:both; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }
#ShoppingCart .Row { height:100px; margin:5px 0 0 0; padding:5px; background:#222; clear:both; }
#ShoppingCart .Row .Thumbnail table { }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:110px; }
#ShoppingCart .Row .Product { display:none; }
#ShoppingCart .Row .Option { float:left; text-align:left; width:240px; padding:3px 0 0 20px; font-weight:bold; }
#ShoppingCart .Row .Price { float:left; text-align:center; width:70px; padding:3px 0 0 0; }
#ShoppingCart .Row .Quantity { float:left; text-align:center; width:70px; }
#ShoppingCart .Row .Total { float:left; text-align:center; width:70px; padding:3px 0 0 0; }
#ShoppingCart .Row .Remove { float:left; text-align:center; width:35px; }
#ShoppingCart .Footer { margin-top:5px; padding:0 0 0 0; }
#ShoppingCart .Footer .Total { width:200px; float:right; margin:0; font-weight:bold; font-size:2em; line-height:50px; color:#ff8a00; text-align:right; }
#ShoppingCart .Footer .Button { width:130px; padding:0; float:left; clear:none; font-size:12px; }
/* ------------------------------------------------------------------ Page Specific */
#SiteMap { display:none; }
// from System Meta Data