html, body { font-family:arial,sans-serif; font-size:12px; margin:0; padding:0; color:#202020; height:100%; width:100%; }
html { background:#f2f2f2 url('pictures/gs_webgraphics/bg_left.gif') left 127px repeat-y; }
body { background:        url('pictures/gs_webgraphics/bg_top.gif')  227px top repeat-x; }

div, table, td { margin:0; padding:0; }

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

h1 { clear:both; padding:0 0 0 0; margin:0; font:normal 28px arial,verdana,sans-serif; color:#262626; }
h2 { clear:both; padding:0 0 0 0; margin:0; font:bold 18px arial,verdana,sans-serif; color:#222222; }
h3 { clear:both; padding:0.3em 0 0 0;   margin:0; font:italic 16px arial,verdana,sans-serif; color:#000; }

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

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

#PageHeader { float:left; }
#PageHeader #PageHeaderTop #Logo  { width:230px; height:127px; background:url('pictures/gs_webgraphics/bg_logo.gif') left top no-repeat; }
#PageHeader .PageMenu { width:170px; padding:0 25px; margin-top:64px; float:left; }
#PageHeader .PageMenu .MenuItem { text-indent:20px; }

#PageHeader a          { color:#fff; text-decoration:none; font-weight:bold; font-size:16px; line-height:40px; display:block; }
#PageHeader a:hover    { color:#262626; background:0; }
#PageHeader a.Selected { color:#262626; background:url('pictures/gs_webgraphics/bg_nav.gif') 0 0 no-repeat; }

#PageHeader .PageMenu .MenuItem.aid_SERVICES a          { background:url('pictures/gs_webgraphics/bg_arrow.gif')     95px center no-repeat; }
#PageHeader .PageMenu .MenuItem.aid_SERVICES a:hover    { background:url('pictures/gs_webgraphics/bg_arrowgrey.gif') 95px center no-repeat; }
#PageHeader .PageMenu .MenuItem.aid_SERVICES a.Selected { background:url('pictures/gs_webgraphics/bg_arrowyellow.gif') 0 0 no-repeat; }
body.cat_JERSEY     #PageHeader .MenuItem.aid_SERVICES a,
body.cat_JERSEY     #PageHeader .MenuItem.aid_SERVICES a:hover, 
body.cat_SERVICES   #PageHeader .MenuItem.aid_SERVICES a,
body.cat_SERVICES   #PageHeader .MenuItem.aid_SERVICES a:hover  { color:#262626; background:url('pictures/gs_webgraphics/bg_arrowyellow.gif') 0 0 no-repeat; }
body.cat_PHOTOALBUM #PageHeader .MenuItem.aid_CLIENTAREA a,
body.cat_PHOTOALBUM #PageHeader .MenuItem.aid_CLIENTAREA a:hover  { color:#262626; background:url('pictures/gs_webgraphics/bg_nav.gif') 0 0 no-repeat; }

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

#Container #PageHeader li a { line-height:20px; font-weight:normal; text-indent:35px; border:0; font-size:12px; color:#fff; background:0; }
#Container #PageHeader li a:hover    { color:#262626; border:0; }
#Container #PageHeader li a.SubSelected { color:#221e1f; border:0; text-decoration:underline; }
body.cat_JERSEY #Container #PageHeader .SubMenuItem.aid_S_JERSEYVIEWS a,
body.cat_JERSEY #PageHeader .SubMenuItem.aid_S_JERSEYVIEWS a:hover { color:#221e1f; border:0; text-decoration:underline; }

#Facebook { width:160px; height:160px; position:relative; border:1px solid #fff; margin-top:20px; background:url('pictures/gs_boxes/facebook-button.gif') 0 0 no-repeat; }

#HomeLink { width:160px; height:70px; position:relative; border:1px solid #fff; margin-top:40px; background:url('pictures/gs_boxes/sittings.jpg') -30px -50px no-repeat; }
#HomeLink p         { display:block; width:100%; position:absolute; bottom:0; left:0; margin:0;  font-size:12px; line-height:15px; color:#fff; background:url('pictures/gs_webgraphics/trans.png') repeat; }
a:hover #HomeLink   { border-color:#f8ee97; }
a:hover #HomeLink p { color:#262625; background:#f8ee97; }

#JerseyLink { width:160px; height:160px; position:relative; border:1px solid #fff; margin-top:40px; background:url('pictures/gs_boxes/jersey.jpg') no-repeat; }
#JerseyLink p         { display:block; width:100%; position:absolute; bottom:0; left:0; margin:0;  font-size:18px; line-height:20px; color:#fff; background:url('pictures/gs_webgraphics/trans.png') repeat; }
a:hover #JerseyLink   { border-color:#1874ff; }
a:hover #JerseyLink p { color:#262625; background:#1874ff; }

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

#Container { width:960px; height:100%; }
*+html #Container { height:auto; }

#SiteHeader { width:660px; height:120px; padding:0 0 0 70px; float:left; }
*+html #SiteHeader h1 { line-height:28px; }
#SiteHeader h1   { color:#b4b4b4; line-height:25px; }
#SiteHeader h1 u { color:#fff; font-weight:bold; text-decoration:none; }
#SiteHeader .Left  { float:left; padding-top:20px; }
#SiteHeader .Left h1:first-child { color:#f8ee97; }
#SiteHeader .Right   { float:right; padding-top:48px; }
#SiteHeader .Right p { font-size:14px; color:#b4b4b4; text-align:right; padding:0; margin:0; }

#MainArea  { width:660px; margin:70px 0 50px 70px; padding:0; float:left; position:relative; }
body.aid_CLIENTAREA #MainArea { position:static; }
#MainArea #MainImage { width:660px; height:400px; border:1px solid #444; }
#MainArea #MainImage #MainImage_imgTable { width:auto; margin:0 auto; }
#MainArea #MainImage #MainImage_TheImage { margin:0 auto; }
#MainArea #MainImage .Caption { display:none; }

#MainArea #PageContent  { width:540px; float:left; padding:40px 60px;  }
#MainArea #flashcontent { width:730px; height:560px; position:relative; top:-50px; left:-70px; margin-bottom:-25px; }

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

body.cat_JERSEY #FooterBoxes,
body.cat_PHOTOALBUM #FooterBoxes { display:none; }

#FooterBoxes { width:660px; float:right; margin-bottom:40px; }
#FooterBoxes .Box  { width:190px; height:190px; padding:5px; float:left; position:relative; border:1px solid #444; overflow:hidden; }
#FooterBoxes .Box:hover { border:1px solid #fff; }
#FooterBoxes .Left,
#FooterBoxes .Middle { margin-right:26px; }

#FooterBoxes a   { text-decoration:none;   } 
#FooterBoxes img { position:absolute; top:0; left:0; z-index:1; float:none; }
#FooterBoxes h1,
#FooterBoxes p   { display:inline; margin:5px 0; width:auto; position:relative; z-index:2; background:url('pictures/gs_webgraphics/trans.png') repeat;}
#FooterBoxes h1  { font-size:20px; color:#fff; }
#FooterBoxes p   { font-size:12px; color:#fff; }

/*
#FooterBoxes .Jersey p    { top:10px; }
#FooterBoxes .Location    { text-align:right; }
#FooterBoxes .Location h1 { top:158px; left:-5px; }
#FooterBoxes .Location p  { font-size:10px; top:160px; left:-5px; }
#FooterBoxes .Sittings h1 { color:#262626; background:0; float:right; margin-right:10px; }
#FooterBoxes .Sittings p  { color:#262626; background:0; top:155px; float:left; }
#FooterBoxes .Wallart     { text-align:right; }
#FooterBoxes .Wallart h1  { top:150px; left:-5px; }
#FooterBoxes .Wallart p   { top:155px; left:-5px; }
#FooterBoxes .Awards h1,
#FooterBoxes .Awards p     { color:#262626; background:0; }
#FooterBoxes .Why h1      { color:#262626; background:0; }
#FooterBoxes .Why p       { color:#262626; background:0; top:70px; }
#FooterBoxes .Products h1 { color:#262626; background:0; float:right; left:-5px; }
#FooterBoxes .Products p  { color:#262626; background:0; top:155px; font-size:10px; float:right; left:-5px; }
#FooterBoxes .Family h1   { top:150px; }
#FooterBoxes .Family p    { top:155px; }
#FooterBoxes .Children h1 { top:150px; }
#FooterBoxes .Children p  { top:155px; }
#FooterBoxes .Adult p     { top:155px; left:-5px; float:right; }
*/

#PageFooter { display:none; }
#Footer     { width:660px; float:left; clear:both; padding-left:300px; }

#Footer .Copyright { color:#777; font-size:10px; line-height:1em; float:left; }
#Footer .Copyright strong { color:#333; font-size:11px; }
#Footer .Phosys    { width:160px; color:#777; font-size:10px; line-height:0.9em; float:right; font-style:italic; text-align:right; }
#Footer a          { color:#333; float:right; clear:both;}

/* ------------------------------------------------------------------ Questionnaire */

#ContactForm             { width:260px; position:absolute; top:440px; right:50px; }
#ContactForm .Row        { clear:both; margin:10px 0; overflow:auto; }
#ContactForm .Label      { width:100%; float:left; clear:both; font-style:italic; }
#ContactForm .Field      { width:220px; margin:0 5px 0 0; padding:4px; border:1px solid #ccc; }
#ContactForm .Button     { width:400px; height:30px; font-size:1.8em; text-align:center; line-height:25px; margin:10px 0 0 180px;  }
#ContactForm input:focus,
#ContactForm textarea:focus { border:1px solid #444; }
#ContactForm textarea { height:80px; }

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

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

#QuickContact { width:245px; float:right; margin-top:55px;  }
#QuickContact .Row { width:auto; height:auto; margin:5px 0; font-size:12px; }
#QuickContact .Row .Label { font-style:italic; float:left; width:200px; }
#QuickContact ul,
#QuickContact li {padding:0; margin:0; list-style:none;}
#QuickContact input { float:left; width:200px; padding:5px; }
#QuickContact .Footer { text-align:right; }
#QuickContact ul li a,
#QuickContact ul li a:visited,
#QuickContact ul li a:hover { text-align:center; font-size:14px; font-weight:bold; text-decoration:none; cursor:default; color:#bbb;}
#QuickContact .Footer a,
#QuickContact .Footer a:visited { color:#791212; }
#QuickContact .Footer a:hover { cursor:hand; cursor:pointer; }
#QuickContact .Message {  font-weight:normal !important; }
#QuickContact textarea { width:240px; height:110px; }

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

#AlbumList { width:500px; height:auto; overflow:auto; }
#AlbumList .List { display:none; }
#AlbumList .Row { width:230px; height:100px; margin:3px; padding:5px 0; float:left; position:relative; overflow:hidden; cursor:pointer; border:1px solid #ccc; }
#AlbumList .Row:hover { background:#e1e1e1; }
#AlbumList .Row .ThumbTable    { width:100px; height:100px; float:left; }
#AlbumList .Row .Title         { width:120px; display:block; padding-left:5px; float:left; line-height:16px; font-size:14px; font-weight:bold; text-decoration:none; color:#777; }
#AlbumList .Row .Description   { width:120px; padding:5px; float:left; font-style:italic; color:#777; }
#AlbumList .Row .Status        { display:none; }

.LoginMenu { text-align:right; background-color:#f2f2f2; border:1px solid #444; }
.LoginMenuHeading { font-weight:bold; color:#777; text-align:left; }
.LoginMenuSubmit, .LoginMenuSubmitOver { padding:5px; font-weight:bold; color:white; text-decoration:underline; cursor:pointer; text-align:center; background-color:#444; text-align:center; }


#AlbumList .Error { width:450px; display:block; font-weight:bold; padding:10px; border:1px solid #666; background:#f8ee97; float:left; position:absolute; top:140px; left:300px; }

body.aid_S_JERSEYVIEWS #AlbumList { width:660px; }
body.aid_S_JERSEYVIEWS #AlbumList .Row { width:320px; height:160px; }
body.aid_S_JERSEYVIEWS #AlbumList .ThumbTable { width:320px; height:120px; }
body.aid_S_JERSEYVIEWS #AlbumList .Title { width:100%; padding:0; margin:20px 0; font-size:2em; text-align:center; }
body.aid_S_JERSEYVIEWS #AlbumList .Description { display:none; }

body.aid_S_JERSEYVIEWS #AlbumList .Row.aid_J_VERTICAL img { height:115px; } 

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

#MainArea #ImageList { margin-top:10px; width:660px; clear:both;}
#MainArea #ImageList #Images { width:660px; margin:0 auto; }
#MainArea #ImageList .Item { float:left; margin:0 8px; height:140px; width:148px; padding:0px;  }
#MainArea #ImageList .Item .ThumbTable { float:left; height:120px; width:100%; border:1px solid #ccc; }
#MainArea #ImageList .Item .Thumbnail a:hover { background:0; }
#MainArea #ImageList .Item .ThumbTable:hover { background:#e1e1e1; cursor:pointer; }
#MainArea #ImageList .Item . { border:0; }
#MainArea #ImageList .Item .Caption { display:block; text-align:center; font-style:italic; font-size:10px; color:#777777; }
#MainArea #ImageList .LightBox { display:none; }

body.aid_J_HORIZONTAL #MainArea #ImageList .Item { width:210px; margin:5px 9px 5px 0; }
body.aid_J_VERTICAL   #MainArea #ImageList .Item { width:120px; height:240px; margin:5px 12px 5px 0; }


#MainArea .Pager { width:660px; 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 { color:#222; }
#MainArea .Footer .Pages .Button { }

#MainArea .Pager .Next {  float:right; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Next #Thumbnails_ImageListNextPage { }
#MainArea .Pager .Previous { float:left; text-decoration:none; margin:3px 0 0 0; }
#MainArea .Pager .Previous #Thumbnails_ImageListPreviousPage {  }

/* 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:#f6f6f6; overflow:hidden; font-size:0.7em; border:1px solid #ccc }
* 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; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#ccc; }
.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 url('pictures/gs_webgraphics/bg_full.jpg') repeat; }
#PopupWindow #MainImage_TheImage { border:1px solid #ccc; padding:10px; }
#PopupWindow .ImageControls { width:auto; overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; margin:5px 0 0 0; z-index:99999; position:relative; }
#PopupWindow .ImageControls .Previous:hover { text-decoration:none;}
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em;  margin:5px 0 0 0; z-index:9999; position:relative; }
#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:#222; text-align:left; background:#f6f6f6; border:1px solid #CCCCCC; cursor:pointer; cursor:hand; }

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

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

.MetaData .MetaDataHeading em { font-size:10px; font-style:italic; margin:0; padding:0; line-height:8px; }

/* ------------------------------------------------------------------ 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 {  }
#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 {  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; }

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

body.aid_CONTACT #MainArea #MainImage { float:left; background:#fff; }
body.aid_CONTACT #MainArea #MainImage .OuterImage { height:400px; }
body.aid_CONTACT #MainArea #PageContent { width:200px; }


/* ----------- Jersey Views ------- */

#HomeLink,
#SiteHeader .Jersey { display:none; }

body.cat_JERSEY        #JerseyLink,
body.aid_S_JERSEYVIEWS #JerseyLink,
body.cat_JERSEY        #SiteHeader .Left,
body.aid_S_JERSEYVIEWS #SiteHeader .Left { display:none; }

body.cat_JERSEY        #HomeLink,
body.cat_JERSEY        #SiteHeader .Jersey,
body.aid_S_JERSEYVIEWS #HomeLink,
body.aid_S_JERSEYVIEWS #SiteHeader .Jersey { display:block; float:left; padding-top:30px; }

body.cat_JERSEY        #SiteHeader .Jersey h1,
body.aid_S_JERSEYVIEWS #SiteHeader .Jersey h1 { color:#fff; }
body.cat_JERSEY        #SiteHeader .Jersey .bold,
body.aid_S_JERSEYVIEWS #SiteHeader .Jersey .bold { font-weight:bold; color:#1874ff; }






// from System Meta Data