html, body { font-family:arial,verdana,sans-serif; font-size:12px; margin:0px; padding:0px; background:#fefef6; color:#000; height:100%; width:100%; }
form { margin:0; padding:0; }
div, table, td { margin:0; padding:0; }
a img { border:none; outline:none; }
p, ul { line-height:1.4em; padding:0.5em 0; margin:0; }
ul, ul ul { list-style:square; margin:0 0 0 2em; }
strong { font-weight:bold; }
blockquote { margin:15px 0; padding:5px 15px; }
h1 { padding:0 0 0.5em 0; margin:0; font:normal 18px arial,verdana,sans-serif; }
h2 { padding:0.3em 0; margin:0.4em 0; font:bold 12px arial,verdana,sans-serif; }
h3 { padding:0.7em 0; margin:0; font:normal 11px arial,verdana,sans-serif; }
a.Button { padding:5px 12px; line-height:20px; text-decoration:none; }
/* ------ Section Colours: Dark Blue - #333749, Light Blue - #8bc6d2, Grey - #66676d ------ */
body.ALPHA { color:#333749; background:url('pictures/gs_webgraphics/bg_03.gif') center center no-repeat; }
body.BETA { color:#fefef6; background:url('pictures/gs_webgraphics/bg_02.gif') center center no-repeat; }
body.GAMMA { color:#fefef6; background:url('pictures/gs_webgraphics/bg_01.gif') center center no-repeat; }
body.DELTA { color:#fefef6; background:url('pictures/gs_webgraphics/bg_04.gif') center center no-repeat; }
body.EPSILON { color:#fefef6; background:url('pictures/gs_webgraphics/bg_05.gif') center center no-repeat; }
body.ZETA { color:#fefef6; background:url('pictures/gs_webgraphics/bg_06.gif') center center no-repeat; }
body.ALPHA a,
body.ALPHA a:visited { color:#fefef6; }
body.BETA a,
body.BETA a:visited,
body.GAMMA a,
body.GAMMA a:visited,
body.DELTA a,
body.DELTA a:visited,
body.EPSILON a,
body.EPSILON a:visited,
body.ZETA a,
body.ZETA a:visited { color:#8bc6d2; }
body.ALPHA a:hover { color:#333749; }
body.BETA a:hover { color:#66676d; }
body.GAMMA a:hover { color:#333749; }
body.DELTA a:hover { color:#fefef6; }
body.EPSILON a:hover { color:#66676d; }
body.ZETA a:hover { color:#66676d; }
body.BETA a.Button { background:#8bc6d2; color:#333749; }
body.BETA a.Button:hover { background:#66676d; color:#fefef6; }
body.DELTA a.Button { background:#8bc6d2; color:#333749; }
body.DELTA a.Button:hover { background:#333749; color:#fefef6; }
body.EPSILON a.Button { background:#66676d; color:#fefef6; }
body.EPSILON a.Button:hover { background:#333749; color:#fefef6; }
/* ------------------------------------------------------------------ Main Nav */
#PageHeader { width:968px; height:38px; position:absolute; top:15px; left:0; background:#fefef6; }
* html #PageHeader { width:969px; }
#PageHeader .PageMenu { width:100%; height:38px; padding:6px 0; margin:0 auto; }
#PageHeader .PageMenu .Alignment { padding-left:80px; }
#PageHeader .PageMenu .MenuItem { float:left; padding:0 2px; }
#PageHeader a { display:block; padding:2px 10px; color:#42454c; text-decoration:none; font:normal 16px/25px Arial,sans-serif; }
#PageHeader a:hover { background:#8bc6d2; }
#PageHeader a.Selected { color:#fefef6; background:#333749; }
/* ------------------------------------------------------------------ Global / Generic */
#Wrapper { width:968px; height:590px; position:absolute; top:50%; left:50%; margin:-310px 0 0 -485px; } /* Vertical centering */
#Wrapper #Container { width:968px; height:590px; position:relative; }
#MainArea { width:968px; height:420px; position:absolute; top:172px; left:0; overflow:hidden; }
#MainArea #PageContent { width:280px; height:360px; position:absolute; top:0; padding:20px; overflow:auto; }
#MainArea #MainImage { width:320px; height:400px; position:absolute; top:0; display:block; overflow:hidden; }
#MainArea #flashcontent { width:320px; height:400px; position:absolute; top:0; }
*+html #MainArea #MainImage { top:-1px; height:402px; }
/* Section Layouts */
body.ALPHA #MainArea #PageContent { right:0; } /* Home, Products */
body.ALPHA #MainArea #MainImage { left:2px; }
body.ALPHA #MainArea #ImageList { left:325px; }
*+html body.ALPHA #MainArea #MainImage { left:1px; }
*+html body.ALPHA #MainArea #ImageList { left:324px; }
body.BETA #MainArea #PageContent { right:0; } /* Corporate, Client Area */
body.BETA #MainArea #MainImage { left:2px; }
body.BETA #MainArea #ImageList { left:325px; }
body.BETA #MainArea #AlbumList { left:2px; }
*+html body.BETA #MainArea #MainImage { left:1px; }
*+html body.BETA #MainArea #ImageList { left:324px; }
*+html body.BETA #MainArea #AlbumList { left:1px; }
body.GAMMA #MainArea #PageContent { right:0; } /* Lifestyle, Basket */
body.GAMMA #MainArea #MainImage { left:325px; }
body.GAMMA #MainArea #ImageList { left:2px; }
body.GAMMA #MainArea #ShoppingCart { left:2px; }
*+html body.GAMMA #MainArea #MainImage { left:324px; }
*+html body.GAMMA #MainArea #ImageList { left:1px; }
*+html body.GAMMA #MainArea #ShoppingCart { left:1px; }
body.DELTA #MainArea #PageContent { left:325px; } /* Wedding, Contact */
body.DELTA #MainArea #MainImage { right:0; }
body.DELTA #MainArea #ImageList { left:2px; }
*+html body.DELTA #MainArea #MainImage { right:1px; }
*+html body.DELTA #MainArea #ImageList { left:1px; }
body.EPSILON #MainArea #PageContent { right:0; } /* Photoalbums */
body.EPSILON #MainArea #ImageList { left:2px; }
*+html body.EPSILON #MainArea #ImageList { left:1px; }
body.ZETA #MainArea #PageContent { left:2px; } /*About, Schools */
body.ZETA #MainArea #MainImage { right:0; }
body.ZETA #MainArea #ImageList { left:325px; }
*+html body.ZETA #MainArea #MainImage { right:1px; }
*+html body.ZETA #MainArea #ImageList { left:324px; }
/* ------------------------------------------------------------------ Page Footer */
#PageFooter { display:none; }
#Footer { width:970px; position:absolute; bottom:0px; left:0; padding:0; color:#8bc6d2; }
#Footer p { padding:0.2em; }
#Footer .Copyright { float:left; line-height:10px; font-size:11px; text-transform:uppercase; }
#Footer .Phosys { line-height:10px; font-size:9px; margin:0; text-align:right; }
#Footer a { color:#8bc6d2; }
#Footer a:hover { color:#333749; }
/* ------------------------------------------------------------------ Client Login */
#AlbumLogin .Footer { margin-top:20px; }
#AlbumList { width:663px; height:400px; overflow:auto; position:absolute; top:0; }
#AlbumList .Row { width:320px; height:98px; float:left; position:relative; padding:0; margin:0; overflow:hidden; }
#AlbumList .Row { text-align:center; display:block; border-right:3px solid #fefef6; border-bottom:3px solid #fefef6; border-top:1px; }
#AlbumList .Row .ThumbTable { width:160px; height:100px; float:left; }
#AlbumList .Row .ThumbTable .Image { width:157px; position:absolute; top:-1px; left:0px; }
#AlbumList .Row .Title { width:145px; float:left; font-size:1.5em; text-align:left; padding:3px 0;}
#AlbumList .Row .Description { width:145px; float:left; font-size:1.0em; text-align:left; }
#AlbumList .Row .Button { display:none; }
#AlbumList .Row:hover { cursor:pointer; background:#333749; }
#ImageList #AlbumLogin { position:absolute; top:32px; left:395px; }
#ImageList #AlbumLogin .Footer { width:200px; height:40px; position:absolute; top:100px; left:0px; }
/* ------------------------------------------------------------------ Image Thumbnail List */
#MainArea #ImageList { width:322px; height:400px; position:absolute; top:0; overflow:hidden; background:#fefef6;}
#MainArea #ImageList .Item { width:158px; height:98px; float:left; position:relative; margin:0 3px 3px 0; overflow:hidden; }
#MainArea #ImageList .Item:hover { width:150px; height:90px; overflow:hidden; border:4px solid #333749; }
#MainArea #ImageList .Item.Selected { width:142px; height:82px; overflow:hidden; border:8px solid #8bc6d2; }
#MainArea #ImageList .Item .Image { width:160px; position:absolute; top:-40px; left:0; }
#MainArea #ImageList .LightBox { display:none; }
#MainArea .ImageControls { display:none; }
#MainArea #ImageList .Pager { display:none; }
body.cat_PHOTOALBUM #MainArea #ImageList { width:966px; background:0; }
body.cat_PHOTOALBUM #MainArea #ImageList #Images { width:645px; height:400px; }
body.cat_PHOTOALBUM #MainArea #ImageList .Item { margin:0; border-bottom:3px solid #fefef6; border-right:3px solid #fefef6; }
body.cat_PHOTOALBUM #MainArea #ImageList .Item:hover { width:158px; height:98px; border:0; border-bottom:3px solid #fefef6; border-right:3px solid #fefef6; }
body.cat_PHOTOALBUM #MainArea #ImageList .Item.Selected { width:158px; height:98px; margin:0; border:0; border-bottom:3px solid #fefef6; border-right:3px solid #fefef6; }
body.cat_PHOTOALBUM #MainArea #ImageList .Item img { width:160px; position:absolute; top:-1px; left:-1px; }
body.cat_PHOTOALBUM #MainArea #ImageList .Footer { display:block; width:320px; height:150px; position:absolute; right:0; bottom:0; }
body.cat_PHOTOALBUM #MainArea #ImageList .Pager { display:block; width:320px; height:150px; position:absolute; top:0; border-top:3px solid #fefef6; }
body.cat_PHOTOALBUM #MainArea .Pager .Next { font-size:2.5em; position:absolute; right:2px; bottom:7px; margin:0; }
body.cat_PHOTOALBUM #MainArea .Pager .Next a { text-decoration:none; }
body.cat_PHOTOALBUM #MainArea .Pager .Previous { font-size:2.5em; position:absolute; left:2px; bottom:7px; }
body.cat_PHOTOALBUM #MainArea .Pager .Previous a { text-decoration:none; }
body.cat_PHOTOALBUM #MainArea .Pager .Button { display:block; }
body.cat_PHOTOALBUM #MainArea .Pages { width:320px; height:100px; position:absolute; right:0; border-bottom:3px solid #fefef6; }
#MainArea .Pages ul li a { font-size:1.5em; color:#fefef6; text-decoration:none; }
#MainArea .Pages ul ul li a { font-size:1em; color:#8bc6d2; }
#MainArea .Pages ul ul li a:hover { color:#fefef6; text-decoration:underline; }
#MainArea .Pages ul ul { width:300px; height:70px; 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 { width:100%; height:100%; position:relative; background:#fefef6 url('pictures/gs_webgraphics/bg_07.gif') top left no-repeat; }
#PopupWindow #MainImage { width:600px; height:400px; position:relative; top:100px; left:20px; }
* html .PopupBody #PopupWindow #MainImage { top:120px; }
#PopupWindow #MainImage_TheImage { }
#PopupWindow .CaptionTop { position:relative; top:30px; text-align:center; }
#PopupWindow .CaptionBottom { position:relative; bottom:50px; text-align:center; }
#PopupWindow .ImageControls { width:600px; position:absolute; bottom:-40px; left:0px; overflow:hidden; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Button { background:#8bc6d2; color:#fefef6; }
#PopupWindow .ImageControls .Button:hover { background:#333749; color:#fefef6; }
/* ------------------------------------------------------------------ Buy Prints Popup */
#MetaData .Button { width:200px; position:absolute; top:-85px; left:10px; text-decoration:none; font-size:1.5em; cursor:pointer; color:#8bc6d2; }
* html #MetaData .Button { top:-104px; }
.MetaData { float:left; color:#fefef6; text-align:left; background:#333749; position:relative; top:-110px; }
.MetaData .MetaDataTitle { color:#8bc6d2; text-align:left; padding:5px; font-size:16px; border-bottom:2px solid #fefef6; }
.MetaData .MetaDataField { padding:5px; font-size:12px; color:#fefef6; margin:5px; }
.MetaData .MetaDataFieldOver { padding:5px; font-size:12px; color:#333749; margin:5px; cursor:pointer; background:#8bc6d2; }
.MetaData .MetaDataHeading { padding:5px; font-size:14px; color:#66676d; }
.MetaData .MetaDataHeadingOver { padding:5px; font-size:14px; color:#66676d; }
.MetaData .MetaDataCommand { padding:5px; font-size:12px; color:#fefef6; margin:5px 0; }
.MetaData .MetaDataCommandOver { padding:5px; font-size:12px; color:#333749; margin:5px 0; cursor:pointer; background:#8bc6d2; }
/* ------------------------------------------------------------------ Shopping Cart */
#ShoppingCart { width:966px; height:400px; overflow:hidden; position:absolute; top:0; }
#ShoppingCart .Header { width:643px; height:20px; position:absolute; top:0; left:0; border-bottom:3px #fefef6 solid; }
#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product { display:none; }
#ShoppingCart .Header .Option { float:left; text-align:center; font-weight:bold; width:320px; color:white; }
#ShoppingCart .Header .Price { display:none; }
#ShoppingCart .Header .Quantity { float:left; text-align:center; font-weight:bold; width:110px; }
#ShoppingCart .Header .Total { float:left; text-align:center; font-weight:bold; width:110px; }
#ShoppingCart .Header .Remove { float:left; text-align:center; font-weight:bold; width:70px; margin:0 5px 0 0; }
#ShoppingCart .List { width:663px; height:380px; position:absolute; top:23px; left:0; overflow:auto; z-index:9999999; }
*+html #ShoppingCart .List { top:22px; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }
#ShoppingCart .Row { width:643px; height:100px; position:relative; margin:0; padding:0; border-bottom:3px #fefef6 solid; overflow:hidden; }
#ShoppingCart .Row .Thumbnail table { width:100%; height:100px; }
#ShoppingCart .Row .Thumbnail img { position:absolute; left:0; top:0; }
#ShoppingCart .Row .Thumbnail { float:left; text-align:left; width:170px; }
#ShoppingCart .Row .Product { display:none; }
#ShoppingCart .Row .Option { float:left; text-align:left; width:135px; padding:3px 0 0 15px; font-weight:bold; }
#ShoppingCart .Row .Price { display:none; }
#ShoppingCart .Row .Quantity { float:left; text-align:center; width:110px; padding:3px 0 0 0; }
#ShoppingCart .Row .Total { float:left; text-align:center; width:110px; padding:3px 0 0 0; font-size:1.5em; }
#ShoppingCart .Row .Remove { float:left; text-align:center; width:70px; }
#ShoppingCart .Message { width:300px; position:absolute; bottom:120px; right:10px; text-align:right; }
#ShoppingCart .Footer { width:320px; height:45px; position:absolute; right:0; bottom:0; border-top:3px solid #fefef6; padding:0 0 5px 0; }
#ShoppingCart .Footer .Total { position:absolute; top:-50px; right:10px; margin:0; font-weight:bold; font-size:3em; width:300px; color:#8bc6d2; text-align:right; }
#ShoppingCart .Footer .Button { background:#333749; color:#fefef6; float:right; margin:10px 7px 5px 0px; clear:none; }
#ShoppingCart .Footer .Button:hover { background:#8bc6d2; color:#fefef6; }
/* ------------------------------------------------------------------ Contact Us */
#ContactForm { width:280px; height:360px; overflow:auto; position:absolute; top:0; left:2px; padding:20px; }
#ContactForm .Row { clear:both; margin:0 0 10px 0; overflow:auto; }
#ContactForm .Label { width:70px; display:block; float:left; text-align:right; padding-right:10px; }
* html #ContactForm .Label { width:60px; }
#ContactForm .Field { margin:0 5px 0 0; padding:4px 1px; }
#ContactForm .Button { margin-left:80px; padding:5px 77px; }
* html #ContactForm .Button { margin-left:0; }
#ContactForm select { width:185px; }
#ContactForm input { width:180px; }
#ContactForm textarea { width:180px; height:100px; }
/* ------------------------------------------------------------------ Page specifics */
body.aid_CLIENTAREA #MainArea #PageContent { width:260px; }
body.aid_BASKET #MainArea #PageContent { width:260px; height:180px; z-index:999999; }
body.cat_PHOTOALBUM #MainArea #PageContent { height:180px; z-index:999999; }
body.aid_ABOUT #MainArea #MainImage { background:#66676d; }
body.aid_STMARYS #MainArea #PageContent img:hover { position:relative; top:-3px; }
// from System Meta Data