html, body { width:100%; height:100%; margin:0; padding:0; }
form { height:100%; min-height:100%;  }

body { font-family:"Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size:14px; color:000; line-height:20px; background:#000; }

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

a { color:#000; text-decoration:none; }
a:visited {  }
a:hover { color:red; }

a strong,
strong a { text-decoration:underline; }

a img { border:none; outline:none; }

p, ul { padding:0; margin:20px 0; }
ul li { margin:0 0 0 15px; }

h1 { padding:0; margin:10px 0 20px 0; font:normal 30px/30px 'Josefin Sans',"Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; }
h2 { padding:0; margin:10px 0 20px 0; font:bold   24px/26px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;  }
h3 { padding:0; margin:10px 0 20px 0; font:bold   18px/20px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;  }
h4 { padding:0; margin:10px 0 20px 0; font:normal 18px/20px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;  }

strong { font-weight:bold; }
em { font-style:italic; }

hr { background:none; border:none; border-top:1px solid #aaa; }

input,select,textarea { font-family:"Century Gothic", CenturyGothic, "AppleGothic", sans-serif; }

blockquote { padding:0 30px; margin:0 0 0 0; font-style:italic; 
background-image:url('pictures/gs_webgraphics/open-quotes.gif'), url('pictures/gs_webgraphics/close-quotes.gif');
background-position:left 5px, right bottom; 
background-repeat:no-repeat; }

*+html blockquote { background:url('pictures/gs_webgraphics/open-quotes.gif') left 5px no-repeat; } 

a.Button { display:block; float:left; font-size:14px; font-weight:bold; margin:10px 0 0 0; padding:5px 10px; cursor:pointer; color:#000; text-decoration:none; text-transform:uppercase; }

a.Button { background:#ffd700; }
a.Button { border-top:1px solid #ffde2b; border-left:1px solid #ffde2b; border-bottom:1px solid #e2bf00; border-right:1px solid #e2bf00; }
a.Button { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #ecc700) , color-stop( 1 , #ffd700) ); }
a.Button { background-image: -moz-linear-gradient( center bottom , #ecc700 0% , #ffd700 100% ); }

a.Button:hover { background:#000; color:#fff; }
a.Button:hover { border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #000; border-right:1px solid #000; }
a.Button:hover { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #000 ) , color-stop( 1 , #333 ) ); }
a.Button:hover { background-image: -moz-linear-gradient( center bottom , #000 0% , #333 100% ); }

a.Button.Red { display:inline; float:none; font-size:12px; background:#000; color:#fff; }
a.Button.Red { border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #000; border-right:1px solid #000; }
a.Button.Red { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #000 ) , color-stop( 1 , #333 ) ); }
a.Button.Red { background-image: -moz-linear-gradient( center bottom , #000 0% , #333 100% ); }

a.Button.Red:hover { font-size:12px; background:#f61111; }
a.Button.Red:hover { border-top:1px solid #ff5e5e; border-left:1px solid #ff5e5e; border-bottom:1px solid #bb0101; border-right:1px solid #bb0101; }
a.Button.Red:hover { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #db0808) , color-stop( 1 , #f61111) ); }
a.Button.Red:hover { background-image: -moz-linear-gradient( center bottom , #db0808 0% , #f61111 100% ); }

a.Button.Red img { margin-bottom:-3px; }

a:visited.Button {  }

/* ------------------------------------------------------------------ Wrap & background elements */

#Wrapper { width:100%; height:100%; }

#Wrapper #BG-pattern { width:100%; height:100%; position:fixed; left:0; top:0; z-index:5; }

#Wrapper #BG-pattern .Gradient-wrapper { width:175px; height:100%; float:left; background:url('pictures/gs_webgraphics/bg-gradient.png') 0 0 repeat-y; }
#Wrapper #BG-pattern .Pattern-wrapper  { width:auto; height:100%; margin-left:175px; background:url('pictures/gs_webgraphics/bg-pattern.png') 0 0 repeat; }

#Wrapper #Container { height:100%; min-height:100%; position:relative; z-index:10; }

#PageHeaderBottom,#MainAreaBottom { clear:both; }



/* ------------------------------------------------------------------ header */

.LogoLink { display:block; width:170px; height:45px; position:fixed; top:25px; left:0; z-index:999; text-indent:-999em; outline:0; }

#ExtraText {  width:100%; height:25px; overflow:hidden; border-bottom:1px solid #ffd700; position:fixed; top:0; left:0; z-index:20; text-indent:10px; }

#ExtraText,
#ExtraText h1,
#ExtraText h2,
#ExtraText h3 { float:left; clear:none; margin:0; padding:0; font:normal 11px/25px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; color:#999; white-space:nowrap;  }

#PageHeader { width:100%; height:46px; padding:25px 0 0 175px; overflow:visible; position:fixed; top:0; left:0; z-index:20; background:#000 url('pictures/gs_webgraphics/logo.gif') left 40px no-repeat; }

/* Main nav */

#PageHeader .PageMenu { float:left; }
#PageHeader .PageMenu .MenuItem { float:left; position:relative; }

#PageHeader .MenuItem a { display:block; margin:0; padding:0 8px; color:#fff; text-transform:uppercase; text-decoration:none; font:normal 14px/46px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; }
#PageHeader .MenuItem a.Selected { color:#000; background:#ffd700; background-image: -moz-linear-gradient( center bottom , #ecc700 0% , #ffd700 100% ); }
#PageHeader .MenuItem:hover a { color:#000; }

#PageHeader .MenuItem:hover { overflow:visible; background:#ffd700;
   transition: all .40s linear;
   -moz-transition: all .40s linear;
   -webkit-transition: all .40s linear; }

/* Submenu */

#PageHeader .SubMenu { width:auto; height:auto; padding:0; position:absolute; top:46px; left:0px; z-index:600; display:none; }

#PageHeader .MenuItem.aid_WEDDINGS,
#PageHeader .MenuItem.aid_PORTRAITS,
#PageHeader .MenuItem.aid_ONLINE-PREVIEWS { position:relative; z-index:600; }
#PageHeader .MenuItem.aid_WEDDINGS:hover .SubMenu,
#PageHeader .MenuItem.aid_PORTRAITS:hover .SubMenu,
#PageHeader .MenuItem.aid_ONLINE-PREVIEWS:hover .SubMenu { background:#ffd700; display:block; 
   transition: all .40s ease-in-out;
   -moz-transition: all .40s ease-in-out;
   -webkit-transition: all .40s ease-in-out; }

#PageHeader .SubMenu ul { list-style:none; padding:0; margin:0; position:relative; z-index:500; }
#PageHeader .SubMenu li { text-indent:0; padding:0; margin:0; }

#Container #PageHeader li a { display:block; margin:0; padding:0 8px; color:#000; text-transform:uppercase; text-decoration:none; font:normal 14px/30px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; white-space:nowrap; }
#Container #PageHeader li a:hover { background:#ecc700; }
#Container #PageHeader li a.SubSelected { color:#fff; background:#000; }

body.aid_ONLINE-PREVIEWS #Container #PageHeader .MenuItem.aid_ONLINE-PREVIEWS .SubMenu li a { color:#000; background:#ffd700; }
body.aid_ONLINE-PREVIEWS #Container #PageHeader .MenuItem.aid_ONLINE-PREVIEWS .SubMenu li a:hover { background:#ecc700; }
body.aid_BASKET   #Container #PageHeader .MenuItem.aid_ONLINE-PREVIEWS .SubMenu li.aid_basket a,
body.aid_LIGHTBOX #Container #PageHeader .MenuItem.aid_ONLINE-PREVIEWS .SubMenu li.aid_lightbox a { color:#fff; background:#000; }


/* ------------------------------------------------------------------ Main content area */


#MainArea { width:620px; padding:40px 50px; display:block; background:#fff; position:relative; } 

.ALPHA #MainArea,
body.cat_PHOTOALBUM #MainArea,
body.cat_CLIENTALBUM #MainArea { top:135px; left:175px; }




/* Chunky Button Lists */

.BUTTONS #PageContent .Content.B ul { width:660px; float:left; clear:both; margin-left:-40px; }
.BUTTONS #PageContent .Content.B ul li { width:290px; height:215px; overflow:hidden; list-style:none; float:left; padding:0; margin:0 0 20px 40px; }
.BUTTONS #PageContent .Content.B ul li img { height:195px; display:block; background:#eee; }
.BUTTONS #PageContent .Content.B ul li a { width:290px; display:block; text-decoration:none; font:bold 12px/18px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; }

#PageContent .Content.B #QuickAlbumList { width:660px; float:left; clear:both; margin-left:-40px; }
#PageContent .Content.B #QuickAlbumList .Row { width:290px; height:215px; overflow:hidden; list-style:none; float:left; padding:0; margin:0 0 20px 40px; cursor:pointer;}
#PageContent .Content.B #QuickAlbumList .Row .ThumbTable { width:290px; height:195px; background:#eee; }
#PageContent .Content.B #QuickAlbumList .Row .ThumbTable img { height:195px; display:block; }
#PageContent .Content.B #QuickAlbumList .Row .Title { width:290px; display:block; text-decoration:none; font:bold 12px/18px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; }
#PageContent .Content.B #QuickAlbumList .Row:hover .Title { color:red; }
#PageContent .Content.B #QuickAlbumList .Row .Description,
#PageContent .Content.B #QuickAlbumList .Row .Button { display:none; }



/* Chunky Button replacements */

#PageContent .Content.B #QuickAlbumList .Row.aid_WEDDING-GALLERY .ThumbTable { background:#eee url('pictures/gs_webgraphics/HAMPSHIRE-WEDDING-GALLERY.jpg') no-repeat; }
#PageContent .Content.B #QuickAlbumList .Row.aid_WEDDING-GALLERY .ThumbTable img { display:none; }


#PageContent .Content.B #QuickAlbumList .Row.aid_CIVIL-GALLERY .ThumbTable { background:#eee url('pictures/gs_webgraphics/CIVIL-PARTNERSHIP-GALLERY.jpg') no-repeat; }
#PageContent .Content.B #QuickAlbumList .Row.aid_CIVIL-GALLERY .ThumbTable img { display:none; }


#PageContent .Content.B #QuickAlbumList .Row.aid_PORTRAIT-GALLERY .ThumbTable { background:#eee url('pictures/gs_webgraphics/FAMILY-PORTRAIT-GALLERY.jpg') no-repeat; }
#PageContent .Content.B #QuickAlbumList .Row.aid_PORTRAIT-GALLERY .ThumbTable img { display:none; }



/* Show hide toggle */

#ToggleContent { display:none; position:absolute; top:5px; right:5px; text-align:right; cursor:pointer; line-height:36px; color:#000; opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; }

#ToggleContent:hover { opacity:0.2; }

#ToggleContent .Hide   { display:block; width:50px; height:36px; padding-right:40px; background:url('pictures/gs_webgraphics/show-hide.gif') right top no-repeat; }
#ToggleContent .Reveal { display:block; width:50px; height:36px; padding-right:40px; background:url('pictures/gs_webgraphics/show-hide.gif') right bottom no-repeat; }

#ToggleContent.Closed .Hide,#ToggleContent.Open .Reveal { display:none; }



/* Show-hide pages */

.BETA #MainArea { width:auto; max-height:85%; margin:135px 0 0 175px; padding:0; position:absolute; bottom:0; left:0; z-index:5; }
.BETA #MainArea #PageContent { width:620px; padding:40px 50px; background:#fff; }
.BETA #MainArea #ToggleContent { display:block; }



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

#PageFooter { display:none; }

#Footer { clear:both; border-top:1px solid #aaa; padding:10px 0 0 0; }

body.cat_PHOTOALBUM  #Footer,
body.cat_CLIENTALBUM #Footer,
body.aid_LIGHTBOX    #Footer,
body.aid_BASKET      #Footer,
body.aid_ONLINE-PREVIEWS #Footer  { display:none; }

#Footer .Copyright { color:#888; text-transform:uppercase; text-decoration:none; font:normal 12px/14px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; padding-right:5px; float:left; }
#Footer .Phosys { color:#aaa; text-transform:uppercase; text-decoration:none; font:normal 11px/14px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; }

#Footer a { color:inherit; }
#Footer a:hover { color:#000; }



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

#ContactForm { width:300px; float:right; padding:0 0 30px 30px; position:relative; }
*+html #ContactForm { width:300px; }
 
#ContactForm .Row          { width:290px; float:left; display:block; padding:5px 0; position:relative; }
#ContactForm .Row .Label   { float:left; display:block; font:normal 14px/24px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; }
#ContactForm .Row .Field   { float:left; font-size:12px; padding:10px 8px; }

#ContactForm input,#ContactForm select,#ContactForm textarea { background:#fff; border:1px solid #ddd; color:#363636; font-size:11px; }

#ContactForm .Row input    { width:272px; }
#ContactForm .Row select   { width:290px; }
#ContactForm .Row textarea { width:272px; height:80px; }

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



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

#AlbumList .Row { margin:10px 0 20px 0; padding:5px; cursor:pointer; background:#eee; overflow:auto; _height:110px; color:#333333; }
#AlbumList .Row .ThumbTable { width:100px; height:100px; float:left; margin:0 20px 0 0; }

#AlbumList .Row .Button { display:none; }
#AlbumList .Row .Title { font-size:20px; padding:0; margin:25px 0 0 0; line-height:30px; }
#AlbumList .Row .Description { font-size:12px; padding:0; }

#AlbumList .Row:hover { background:#ffd700; }


/* Album Login */

#AlbumLogin { width:550px; margin:0 0 0 20px; position:relative; }

body.cat_CLIENTALBUM #AlbumLogin .Row.AlbumID,
body.cat_CLIENTALBUM #AlbumLogin .Row.Password .Field,
body.cat_CLIENTALBUM #AlbumLogin .Row.UserID .Label { display:none; }

body.cat_CLIENTALBUM #AlbumLogin .Row.Password .Label { position:absolute; top:0; left:0; }

#AlbumLogin .Row { width:320px; margin:10px 0; }
#AlbumLogin .Row .Label { float:left; width:100px; line-height:35px; text-transform:uppercase; }

body.cat_CLIENTALBUM #AlbumLogin .Row .Field { float:left; margin-left:100px; }

#AlbumLogin .Row .Field input { width:200px; padding:10px 8px; background:#fff; border:1px solid #ddd; color:#363636; font-size:11px; }

body.cat_CLIENTALBUM  #AlbumLogin .Footer { float:left; margin-left:10px; }

#AlbumLogin .Footer  a.Button { margin:2px 0 0 0; } 

*+html #AlbumLogin .Row  { float:left; }



/* ------------------------------------------------------------------ Colorbox Imagelist */

#ImageList { width:660px; float:left; clear:both; margin-left:-20px; }

#ImageList .Item { width:195px; height:195px; position:relative; overflow:hidden; list-style:none; float:left; padding:0; margin:0 0 20px 20px; cursor:pointer; background:#eee; }
#ImageList .Item:hover { background:#ffd700; }

#ImageList .Item .ThumbTable { height:195px; margin:0 auto; }
#ImageList .Item .ThumbTable img { display:block; }

#ImageList .LightBox { display:none; position:absolute; bottom:0; left:0; width:173px; height:20px; float:left; margin:0; padding:0; border-top:2px solid #fff; padding:0 10px; background:#eee; }
#ImageList .LightBox a { display:none; }
#ImageList .LightBox input { float:left; margin:0; padding:5px 0;  }



/* ------------------------------------------------------------------ Photoalbum Imagelist */

body.cat_PHOTOALBUM #ImageList .Item { width:140px; height:150px; }
body.cat_PHOTOALBUM #ImageList .Item .ThumbTable { height:130px; }

body.cat_PHOTOALBUM #ImageList .LightBox { display:block; }
body.cat_PHOTOALBUM #ImageList .LightBox a { display:none; text-indent:-99999; }

body.cat_PHOTOALBUM #PageContent { display:none; }
body.cat_PHOTOALBUM.unlocked #PageContent { display:block; }

/* ------------------------------------------------------------------ Clientalbum Imagelist */

body.cat_CLIENTALBUM #ImageList { margin:20px 0 0 -20px; }
body.cat_CLIENTALBUM #ImageList .Item { width:193px; height:175px; padding-bottom:25px; }
body.cat_CLIENTALBUM #ImageList .Item .ThumbTable { height:175px; }

body.cat_CLIENTALBUM #ImageList .LightBox { display:block; }
body.cat_CLIENTALBUM #ImageList .LightBox a { display:none; text-indent:-99999; }


 
body.cat_CLIENTALBUM #PageContent { display:none; }              /* Hide page content unless user is logged in */
body.cat_CLIENTALBUM.unlocked #PageContent { display:block; } 

body.cat_CLIENTALBUM #PageContent .Content.B { width:580px; float:left; background:#eee; padding:5px 20px; margin-bottom:10px; }
body.cat_CLIENTALBUM #PageContent .Content.B ul { float:left; clear:both; margin:0 0 20px; }
body.cat_CLIENTALBUM #PageContent .Content.B li { float:left; min-height:175px; margin:2px 7px; padding:0; list-style:none; text-align:center; }
body.cat_CLIENTALBUM #PageContent .Content.B li img { float:left; }
body.cat_CLIENTALBUM #PageContent .Content.B li strong { width:130px; display:block; }
body.cat_CLIENTALBUM #PageContent .Content.B li em { width:130px; font-size:11px; line-height:14px; display:block; }

body.cat_CLIENTALBUM #PageContent .Content.C .Button { font-size:12px; font-weight:bold; }



/* ------------------------------------------------------------------ Image Paging */


#ImageList .Pager { width:620px; height:100%; min-height:100%; position:relative; float:left; clear:both; padding:0; margin:0 0 20px 20px;  }

#ImageList .Pager .Button.Previous { position:absolute; top:0; left:0; }
#ImageList .Pager .Button.Next { position:absolute; top:0; right:0; }

#ImageList .Pager .Button.Previous a,
#ImageList .Pager .Button.Next a { display:block; font-weight:bold; font-size:14px; margin:0; padding:5px 10px; cursor:pointer; color:#000; text-decoration:none; text-transform:uppercase; }

#ImageList .Pager .Button a { background:#ffd700; }
#ImageList .Pager .Button a { border-top:1px solid #ffde2b; border-left:1px solid #ffde2b; border-bottom:1px solid #e2bf00; border-right:1px solid #e2bf00; }
#ImageList .Pager .Button a { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #ecc700) , color-stop( 1 , #ffd700) ); }
#ImageList .Pager .Button a { background-image: -moz-linear-gradient( center bottom , #ecc700 0% , #ffd700 100% ); }

#ImageList .Pager .Button:hover a { background:#000; color:#fff; }
#ImageList .Pager .Button:hover a { border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #000; border-right:1px solid #000; }
#ImageList .Pager .Button:hover a { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #000 ) , color-stop( 1 , #333 ) ); }
#ImageList .Pager .Button:hover a { background-image: -moz-linear-gradient( center bottom , #000 0% , #333 100% ); }

#ImageList .Pager .Pages { width:620px; float:left; clear:both; background:#eee; margin:40px 0 0 0; padding:0; }

#ImageList .Pager .Pages ul { list-style:none; padding:0; margin:0; }
#ImageList .Pager .Pages li { list-style:none; padding:0; margin:0; }
#ImageList .Pager .Pages ul .Button a { float:left; color:#666; display:block; text-indent:0; padding:0 15px; margin:0 -20px 0 0; line-height:40px; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:#ddd; border:none; border-right:2px solid #fff; }
#ImageList .Pager .Pages ul .Button:hover a { color:#666; }

#ImageList .Pager .Pages ul ul li { float:left; margin:0; padding:0; }
#ImageList .Pager .Pages ul .Button ul a {  }
#ImageList .Pager .Pages ul .Button ul a:hover    { cursor:pointer; text-decoration:underline; background:#ddd; border:none; }
#ImageList .Pager .Pages ul .Button ul a.Selected { cursor:default; background:#ddd; position:relative; }
#ImageList .Pager .Pages ul .Button ul a:visited  { color:#a09f9c; }
#ImageList .Pager .Pages ul .Button ul a.Selected:hover { text-decoration:none; }

#ImageList .Pager .Pages ul .Button ul a { padding:0; }
#ImageList .Pager .Pages ul .Button ul li a { height:auto; white-space:nowrap; color:#666; padding:5px 10px; margin:0; text-decoration:none; font:normal 12px/30px arial,sans-serif; border:none; background:none; border:none; }

* html #MainArea #ImageList .Pager .Pages ul .Button a { margin:0; height:30px; } /* IE 6 */
*+html #MainArea #ImageList .Pager .Pages ul .Button a { margin:0; height:30px; } /* IE 7 */
#MainArea #ImageList .Pager .Pages ul .Button a { margin /*\**/: 0\9; }  /* IE 8 */



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

#PopupWindow { background:#fff; }
#PopupWindow #MainImage_TheImage { display:block; background:#111; position:relative; }

#PopupWindow .ImageControls { width:800px; height:40px; position:absolute; bottom:0; left:0; overflow:auto; }

#PopupWindow .ImageControls .Previous { float:left; font-weight:bold; font-size:0.8em; text-decoration:none; margin:5px 0 0 10px; }
#PopupWindow .ImageControls .Previous:hover { text-decoration:none;}
#PopupWindow .ImageControls .Next { float:right; font-weight:bold; font-size:0.8em; text-decoration:none; margin:5px 10px 0 0; }
#PopupWindow .ImageControls .Next:hover { text-decoration:none;}
#PopupWindow a[disabled] { display:none; }

#PopupWindow .CaptionBottom { width:500px; text-align:center; position:absolute; left:50%; bottom:10px; margin-left:-250px; font-size:0.8em; font-style:italic; font-weight:bold; color:#b0a58c; }




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

#MetaData { cursor:pointer; margin:0 0 5px -2px; }

#MetaData .Button { background:#ffd700; font-size:12px; padding:5px 10px; line-height:25px; }
#MetaData .Button { border-top:1px solid #ffde2b; border-left:1px solid #ffde2b; border-bottom:1px solid #e2bf00; border-right:1px solid #e2bf00; }
#MetaData .Button { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #ecc700) , color-stop( 1 , #ffd700) ); }
#MetaData .Button { background-image: -moz-linear-gradient( center bottom , #ecc700 0% , #ffd700 100% ); }

#MetaData .Button:hover { background:#000; color:#fff; }
#MetaData .Button:hover { border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #000; border-right:1px solid #000; }
#MetaData .Button:hover { background-image: -webkit-gradient( linear, left bottom, left top, color-stop( 0 , #000 ) , color-stop( 1 , #333 ) ); }
#MetaData .Button:hover { background-image: -moz-linear-gradient( center bottom , #000 0% , #333 100% ); }

.MetaData { float:left; color:#393939; text-align:left; background:#1a1a1a; cursor:pointer; cursor:hand; }

.MetaData .MetaDataTitle       { font-size:11px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase; }
.MetaData .MetaDataHeading     { font-weight:bold; line-height:24px; font-size:12px; color:#858585; }
.MetaData .MetaDataHeadingOver { font-weight:bold; line-height:24px; font-size:12px; color:#111; background:#ffd700;  }

.MetaData .MetaDataField       { font-size:11px; text-align:left; line-height:24px; color:#fff; }
.MetaData .MetaDataFieldOver   { font-size:11px; cursor:pointer;  line-height:24px; color:#111; background:#ffd700; }
.MetaData .MetaDataCommand     { font-size:11px; text-align:right; line-height:24px; color:#fff; }
.MetaData .MetaDataCommandOver { font-size:11px; text-align:right; line-height:24px; color:#111; background:#ffd700; cursor:pointer;}



/* ------------------------------------------------------------------ Lightbox Submit Form */

#QuickContact { float:right; background:#eee; padding:10px; }
#QuickContact ul li a { width:160px; color:#000; clear:both; padding:0.5em 0 0.3em 0; margin:0; display:block; font:normal 16px/24px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; text-decoration:none; }
#QuickContact ul,
#QuickContact li { list-style:none; padding:0; margin:0; }
#QuickContact span  { display:block; margin:0 0 -3px 0; cursor:text; font:normal 12px/24px "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform:uppercase; }

#QuickContact input,#QuickContact textarea { width:160px; padding:10px 5px; background:#fff; border:1px solid #ddd; color:#363636; font-size:11px; }

#QuickContact a.Button { width:auto; margin:10px 0 0 0; padding:5px 20px; display:block; }
#QuickContact a.Button:hover { color:#fff; }

#QuickContact #Label4 { margin-top:5px; float:left; width:160px; color:#fff; line-height:16px; background:#b50808; padding:5px; }

#QuickContact .Info { float:left; width:160px; }



/* ------------------------------------------------------------------ Lightbox */

#LightBox { padding:0; margin:0 0 0 -20px; }

#LightBox .Header { display:none; }

#LightBox .Row { width:195px; height:195px; position:relative; overflow:hidden; list-style:none; float:left; padding:0; margin:0 0 20px 20px; cursor:pointer; background:#eee;  }
#LightBox .Row:hover { background:#ddd; }

*+html #LightBox .Row { width:190px; }

#LightBox .Row table { height:175px; margin:0 auto; padding:0; }
#LightBox .Row td { margin:0; padding:0; border-collapse:collapse; }
#LightBox .Row .Product { position:absolute; bottom:0; left:0; width:195px; height:20px; float:left; margin:0; padding:0; border-top:2px solid #fff; padding:0 10px; background:#eee; }

#LightBox tr { float:left; }
#LightBox td tr { float:none; }

#LightBox .Row .Quantity { display:none; }
#LightBox .Row .Remove   { display:none; }
#LightBox .Row .Option   { display:none; }

#LightBox .Footer { display:none; }

#LightBox .ErrorText { margin-left:20px; }



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

#ShoppingCart { width:620px; padding:20px 0; float:left; }
#ShoppingCart .Header { float:left; clear:both; border-bottom:1px #aaa solid; }

#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:center; font-weight:bold; width:400px;  }
#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:50px; }
#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:25px; }

#ShoppingCart .List { overflow:auto; clear:both; }

#ShoppingCart #BasketList_List { width:100%; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:155px; padding:5px 0; overflow:auto; clear:both; border-bottom:1px #aaa solid; }
#ShoppingCart .Row .Thumbnail table { width:140px; height:155px; background:#eee; }

#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:140px; }
#ShoppingCart .Row .Thumbnail img {  }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:240px; padding:3px 0 0 20px; font-size:14px; }
#ShoppingCart .Row .Price     { float:left; text-align:center; width:70px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Quantity  { float:left; text-align:center; width:50px; }
#ShoppingCart .Row .Total     { float:left; text-align:center; width:70px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Remove    { float:left; text-align:center; width:25px; }

#ShoppingCart .Footer { overflow:auto; padding:0 0 20px 0; }
#ShoppingCart .Footer .Total { margin:10px 0 0 0; font-weight:bold; font-size:20px; text-align:right; color:#000; }
#ShoppingCart .Footer .Button { float:right; clear:none; }



/* ------------------------------------------------------------------ ColorBox */

/*  ColorBox Core Style */

#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:999999999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*  ColorBox example user style */
    
#cboxOverlay { background:#000 url('pictures/gs_webgraphics/bg-pattern.png') 0 0 repeat;  }
#cboxWrapper { }
#cboxTopLeft      { width:40px; height:30px; }
#cboxTopCenter    {             height:30px; }
#cboxTopRight     { width:40px; height:30px; }
#cboxMiddleLeft   { width:40px;              }
#cboxMiddleRight  { width:40px;              }
#cboxBottomLeft   { width:40px; height:30px; }
#cboxBottomCenter {             height:30px; }
#cboxBottomRight  { width:40px; height:30px; }

#cboxContent { background:#fff; padding:0 5px 5px 5px; }

.cboxPhoto { display:block; margin-top:5px; }

#cboxLoadingGraphic { background:url('pictures/gs_webgraphics/colorbox_loading.gif') center center no-repeat; }
#cboxLoadingOverlay { background:transparent; }

#cboxTitle     { display:none !important; }
#cboxCurrent   { display:none !important; }
#cboxSlideshow { display:none !important; }

#cboxSlideshow.hover { }

#cboxPrevious { position:absolute; top:0; left:-18px;  width:49%; height:100%; margin:0 0 -50% 0; text-indent:-9999px; background:url('pictures/gs_webgraphics/img-previous.png') left  center no-repeat; }
#cboxNext     { position:absolute; top:0; right:-18px; width:49%; height:100%; margin:0 0 -50% 0; text-indent:-9999px; background:url('pictures/gs_webgraphics/img-next.png')     right center no-repeat; }

/*
#cboxPrevious:hover { background-image:url('pictures/gs_webgraphics/arrow_previous_hot.png'); }
#cboxNext:hover     { background-image:url('pictures/gs_webgraphics/arrow_next_hot.png'); }
*/

#cboxClose { position:absolute; display:none; top:-25px; right:0; padding:0 5px; text-align:center; color:#fff; font-size:14px; line-height:20px; margin:5px 0; }
#cboxClose:hover { color:red; }

#cboxLoadedContent { position:relative; padding:0; margin:0; }
#cboxLoadedContent iframe { display:none !important; position:absolute !important; top:0 !important; left:0 !important; }


/* ------------------------------------------------------------------ */





// from System Meta Data