html, body { font-family:verdana,sans-serif; font-size:12px; margin:0; padding:0; color:#000; height:100%; width:100%; }
html { background:#393939 url('pictures/gs_webgraphics/bg_repeat.gif') repeat-x; }
div, table, td { margin:0; padding:0; }

a         { color:#393939; outline:none; }
a:visited { color:#888; }
a:hover   { color:#17acdd; text-decoration:none; }
a img     { border:none; outline:none; }
strong    { font-weight:bold; }
p, ul     { line-height:1.7em; }

h1 { clear:both; padding:0.6em 0 0.2em 0; margin:0; font:normal 36px 'century gothic',arial,verdana,sans-serif; color:#393939; }
h2 { clear:both; padding:0.5em 0 0 0;   margin:0; font:normal 28px 'century gothic',arial,verdana,sans-serif; color:#222222; }
h3 { clear:both; padding:0.3em 0 0 0;   margin:0; font:bold   24px 'century gothic',arial,verdana,sans-serif; color:#17acdd; }

.Button { font-weight:bold; font-size:1.2em; text-decoration:none; }

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

#PageHeader { width:960px; height:150px; background:url('pictures/gs_webgraphics/logo.gif') left 45px no-repeat; }

#PageHeader .PageMenu { width:960px; height:30px; padding-top:120px; }

#PageHeader .PageMenu .MenuItem { float:left; padding:0 28px; }
#PageHeader .PageMenu .First { padding:0 26px 0 0; }
#PageHeader .PageMenu .aid_CONTACT { padding:0 0 0 26px; }

#PageHeader a          { color:#333; line-height:27px; font-size:14px; text-transform:uppercase; text-decoration:none; display:block; }
#PageHeader a:hover,
#PageHeader a.Selected { color:#17acdd; }

#PageHeader .MenuItem.aid_PORTRAITS,
#PageHeader .MenuItem.aid_CONTACT { position:relative; border:0; }
#PageHeader .MenuItem.aid_PORTRAITS:hover .SubMenu,
#PageHeader .MenuItem.aid_CONTACT:hover .SubMenu { display:block; }
#PageHeader .MenuItem.aid_PORTRAITS a,
#PageHeader .MenuItem.aid_CONTACT a { height:35px; margin-bottom:-5px; background:url('pictures/gs_webgraphics/menu.png') center bottom no-repeat; }
#PageHeader .MenuItem.aid_CONTACT a { background:url('pictures/gs_webgraphics/menu.png') 36px bottom no-repeat; }

/* Removed WEDDINGS submenu items:
#PageHeader .MenuItem.aid_WEDDINGS,
#PageHeader .MenuItem.aid_WEDDINGS:hover .SubMenu,
#PageHeader .MenuItem.aid_WEDDINGS  a, 
*/

#PageHeader .SubMenu { display:none; width:137px; border:1px solid #393939; border-top:1px solid #e0e0e0; position:absolute; top:28px; left:0; z-index:9999999999; background:#e0e0e0 url('pictures/gs_webgraphics/menu.png') center 1px no-repeat;  }

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

#Container #PageHeader li a { line-height:27px; font-size:12px; text-transform:uppercase; text-decoration:none; display:block; background:none; text-align:center; }
#Container #PageHeader li a:hover    { }
#Container #PageHeader li a.SubSelected {  }

.LogoLink { width:400px; height:40px; position:absolute; top:40px; display:block; }

#Details { width:225px; height:50px; position:absolute; top:8px; right:0; }
#Details .basket { padding-bottom:8px; text-align:right; }
#Details .basket a { padding-left:18px; font:bold 13px/20px verdana,sans-serif; text-transform:uppercase; color:#c9c9c9; background:url('pictures/gs_webgraphics/icon_basket.gif') left 5px no-repeat; }

#Details .detail { color:#fff; text-align:right; text-transform:uppercase; }
#Details .phone { font-size:24px; line-height:25px; }

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

#Wrapper   { width:960px; margin:0 auto; z-index:100; position:relative; }

#MainArea  { width:960px; height:400px; float:left; }

#MainArea #flashcontent,
#MainArea #MainImage    { width:700px; height:400px; float:left; }

#MainArea #MainImage #MainImage_imgTable { width:auto; margin:0 auto; }
#MainArea #MainImage #MainImage_TheImage { margin:0 auto; }
#MainArea #MainImage .Caption { display:none; }

#MainArea #PageContent { width:250px; height:400px; float:right; overflow:auto; }

body.BETA #MainArea #MainImage   { width:250px; }
body.BETA #MainArea #PageContent { width:700px; }

body.GAMMA #MainArea #PageContent { width:960px; overflow:hidden; }
body.GAMMA #MainArea #PageContent .A { width:690px; height:400px; overflow:auto; float:left; padding-top:5px; }
body.GAMMA #MainArea #PageContent .B { width:250px; height:400px; float:right; overflow:auto; }

body.DELTA #MainArea #PageContent { width:600px; }
body.DELTA #MainArea #PageContent .A { width:340px; float:left; padding-top:15px; }
body.DELTA #MainArea #PageContent .B { width:250px; height:400px; float:right; overflow:auto; }

body.aid_CONTACT-WIN #MainArea #PageContent .A  { width:600px;  }
body.aid_CONTACT-WIN #MainArea #PageContent .B  { display:none; }

#PageContent .Row.cat_ROBVIDEO,
#PageContent .Row.cat_ALBUMVIDEO,
body.cat_ROBVIDEO   #PageContent a,
body.cat_ALBUMVIDEO #PageContent a,
body.aid_WEDDINGS-ROBATWORK #PageContent a,
body.aid_WEDDINGS-ALBUMS    #PageContent a { margin:5px 0; padding:5px 0; display:block; color:#393939; text-decoration:none; font-weight:bold; text-indent:20px; border:#ddd 1px solid; background:#eee; }

#PageContent .Row.cat_ROBVIDEO .Button,
#PageContent .Row.cat_ALBUMVIDEO .Button { display:none; }

body.cat_ROBVIDEO #PageContent   a:hover,
body.cat_ALBUMVIDEO #PageContent a:hover,  
#PageContent .Row.cat_ROBVIDEO:hover   .Title,
#PageContent .Row.cat_ALBUMVIDEO:hover .Title,
body.aid_WEDDINGS-ROBATWORK #PageContent a:hover,
body.aid_WEDDINGS-ALBUMS    #PageContent a:hover { color:#17acdd; cursor:pointer; }

body.aid_VOUCHERS #MainArea #PageContent .A { padding-top:30px; }
body.aid_VOUCHERS #PageContent .A img { padding:40px 8px; border:1px solid #fff; border-radius: 10px; }
body.aid_VOUCHERS #PageContent .A img:hover { border:1px solid #ddd; background:#f9f9f9; }

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

#PageFooter { display:none; }
#Footer     { height:30px; float:left; clear:both; text-transform:uppercase; color:#393939; font-size:10px; line-height:30px; }

#Footer .Copyright { float:left; }
#Footer .Phosys    { color:#999; padding-left:5px; }
#Footer .Phosys a  { color:#999; }

*+html #Footer .Copyright { width:600px; }

.Social    { padding:10px 0; float:right; clear:both; }
.Social .intro { display:block; float:left; color:#fff; font:normal 22px/40px 'century gothic',sans-serif; }
.Social a  { padding:0 0 0 15px; text-decoration:none; background:url('pictures/gs_webgraphics/facebookicon.gif') left center no-repeat; }
.Social a:hover    { color:#17acdd; }

*+html .Social { width:900px; float:none; } 

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

#ContactForm             { width:344px; height:390px; float:left; padding:0; margin:10px 0 0 0; }
#ContactForm .Row        { clear:both; margin:8px 0; overflow:auto; }
#ContactForm .Label      { width:110px; float:left; text-align:right; padding:4px 0 0 0; margin-right:10px; font-size:10px; text-transform:uppercase; color:#393939; }
#ContactForm .Field      { float:left; margin:0 5px 0 0; padding:3px; border:1px solid #ccc; }
#ContactForm .Button     { margin:30px 0 0 290px; }

#ContactForm input,
#ContactForm textarea  { width:200px; padding:4px; font-family:courier,arial,sans-serif; font-size:12px; }
#ContactForm textarea  { height:60px; }
#ContactForm select    { width:208px; padding:4px; font-family:courier,arial,sans-serif; font-size:12px; }

#ContactForm .VAMRequiredFieldMarker { width:10px; height:10px; padding: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 List */

#AlbumList { width:250px; height:400px; float:left; overflow:auto; }

#AlbumList .Row { width:218px; float:left; cursor:pointer; padding:5px; margin:5px 0 0 0; overflow:hidden; position:relative; background:#f9f9f9; border:1px solid #e9e9e9; }
#AlbumList .Row .ThumbTable { float:left; }
#AlbumList .Row .Thumbnail    { width:100px; }
#AlbumList .Row .Title        { width:110px; margin-left:5px; float:left; font-weight:bold; color:#393939; position:relative; z-index:5; }
#AlbumList .Row .Description  { width:110px; margin-left:5px; float:left; font-style:italic; font-size:10px; color:#666; position:relative; z-index:5; }
#AlbumList .Row .Button       { width:27px; height:66px; min-height:66px; display:block; position:absolute; right:6px; top:50%; margin-top:-33px; text-indent:-999999px; z-index:4; background:url('pictures/gs_webgraphics/album_button.gif') right center no-repeat; }
#AlbumList .Row:hover  { border:1px solid #ccc;  }

.Row.aid_PORTRAITS-PRODUCTS .Thumbnail,
.Row.aid_WEDDINGS-PACKAGES  .Thumbnail,
.Row.aid_WEDDINGS-KINDWORDS .Thumbnail,
.Row.aid_WEDDINGS-ROBATWORK .Thumbnail,
.Row.aid_WEDDINGS-ALBUMS    .Thumbnail  { display:none; } 

body.aid_YOURPHOTOS #AlbumList { width:700px; }
body.aid_YOURPHOTOS #AlbumList .Row { width:210px; height:90px; margin:5px 5px 0 0; }
body.aid_YOURPHOTOS #AlbumList .ThumbTable  { height:90px; overflow:hidden; }
body.aid_YOURPHOTOS #AlbumList .Title,
body.aid_YOURPHOTOS #AlbumList .Description { width:105px; }

#AlbumLogin { width:260px; height:220px; padding:50px 20px 0; margin:0 auto; z-index:999999; }
#AlbumLogin .Row  { display:block; float:left; margin:5px 0; }
#AlbumLogin .Row .Label { float:left; width:70px; text-align:right; padding-right:5px; }
#AlbumLogin .Row .Field { float:left;  }
#AlbumLogin .Row .Field input { padding:3px; font-family:courier,mono;  }
#AlbumLogin .Button { float:right; margin-right:15px; }

/* ------------------------------------------------------------------ View Buy */

#AlbumLogin { width:410px; height:60px; margin:10px auto 30px auto; }
#AlbumLogin .Field { height:60px; float:left; }
#AlbumLogin .Field input { width:260px; padding:12px; color:#333; border:1px solid #333; background:#ddd; margin:10px; }
#AlbumLogin .Field input:focus {  }
#AlbumLogin .Footer { float:left; }
#AlbumLogin .Button     {  margin:12px 0 0 0; padding:5px 20px; display:block; }
#AlbumLogin .Button:hover { background:#17acdd; color:#fff; }

#AlbumLogin .Label    { display:none; }
#AlbumLogin .UserID   { display:none; }
#AlbumLogin .Password { display:none; }

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

#MainArea #ImageList { width:960px; height:400px; float:left;  }
#MainArea #ImageList #Images { height:320px; margin-top:20px; }
#MainArea #ImageList .Item { width:103px; height:140px; float:left; cursor:pointer; padding:5px; margin:5px 5px 0 0; overflow:hidden; position:relative; background:#f9f9f9; border:1px solid #e9e9e9; }
#MainArea #ImageList .Item:hover  { border:1px solid #ccc;  }
#MainArea #ImageList .Item .ThumbTable { float:left; height:103px; width:100%; }

#MainArea #ImageList .Item .Caption { width:100%; float:left; display:block; margin-top:10px; text-align:center; font-size:10px; font-weight:bold; color:#393939; position:relative; z-index:5;  }
#MainArea #ImageList .LightBox { display:none; }

#MainArea .Pager { width:952px; height:28px; clear:both; background:#f9f9f9; border:1px solid #e9e9e9; }
#MainArea .Pager .Button a {  }

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

/* 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:0px; width:100px; background:#f9f9f9; border:1px solid #e9e9e9; border-bottom:none; overflow:hidden; font-size:0.7em; z-index:99999999999999; }
* 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; text-transform:uppercase; 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 {  }
.Pages :hover > a,
.Pages ul ul :hover > a {  }
.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; overflow:hidden; }
#PopupWindow #MainImage_TheImage { border:1px solid #e9e9e9; display:block; padding:10px !important; background:#f9f9f9; }

#PopupWindow .ImageControls { width:800px; position:absolute; bottom:0; left:0; border:1px solid #e9e9e9; background:#f9f9f9; overflow:auto; }

#PopupWindow .ImageControls .Previous { float:left; font-weight:bold; font-size:1em; 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:1em; 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:3px; margin-left:-250px; font-size:0.8em; font-style:italic; font-weight:bold; color:#222; }

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

#MetaData { cursor:pointer; margin-left:-2px; }
#MetaData .Button { font-size:0.9em; }

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

.MetaData .MetaDataTitle       { font-size:11px; line-height:30px; font-weight:bold; background:#393939; color:#fff; text-transform:uppercase; }
.MetaData .MetaDataHeading     { font-weight:bold; line-height:24px; font-size:12px; color:#393939; background:#e0e0e0; border-top:1px solid #393939; border-bottom:1px solid #393939; }
.MetaData .MetaDataHeadingOver { }

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

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

#ShoppingCart { width:700px; height:390px; float:left; margin-top:10px; }

#ShoppingCart .Header { float:left; clear:both; text-align:center; font-weight:bold; }

#ShoppingCart .Header .Thumbnail,
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; width:420px; color:black; }
#ShoppingCart .Header .Price,
#ShoppingCart .Header .Quantity,
#ShoppingCart .Header .Total     { float:left; width:70px; }
#ShoppingCart .Header .Remove    { float:left; width:25px; }

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

#ShoppingCart .Row { float:left; cursor:pointer; padding:5px; margin:5px 0 0 0; overflow:hidden; background:#f9f9f9; border:1px solid #e9e9e9; }
#ShoppingCart .Row .Thumbnail table {  }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:100px; }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; width:295px; padding:5px 0 0 20px; font-weight:bold; font-style:italic; }
#ShoppingCart .Row .Price,
#ShoppingCart .Row .Quantity,
#ShoppingCart .Row .Total     { float:left; text-align:center; width:70px; padding-top:5px; }
#ShoppingCart .Row .Remove    { float:left; text-align:center; width:25px; }
#ShoppingCart .Row .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Message {  }
#ShoppingCart .Footer  { margin-top:5px; }
#ShoppingCart .Footer .Total { width:180px; float:left; margin:0; font-weight:bold; font-size:2em; color:red; }
#ShoppingCart .Footer .Button { float:left; margin:10px; clear:none; }

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



#SiteMap { display:none; }








// from System Meta Data