body { margin:0; padding:15px; font:70% "lucida sans console", tahoma, arial, sans-serif; line-height:1.4em; color:#4d4c46; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
a { color:#877449  /*was #f1d629 but could not read this */; }
a:hover { color:#231f20; text-decoration:none; }
a img { border:1px solid #d4d2c7; padding:4px; }
a:hover img { border:1px solid #231e22; }
a img.noback { background:none; padding:0; border:0; }
a:hover img.noback { background:none; padding:0; border:0; }
h1, h2, h3, h4, #sitelogo, .quote { font-family:georgia, "times new roman", serif;  }
h1 { font-size:2em; font-weight:normal; color:#231e22; padding-bottom:9px; border-bottom:1px solid #dcdacf; margin-bottom:20px; } 
h2 { background:url(../template/h2back.gif) #e5d7b4 repeat-y right; color: white; font-size:1.5em; padding:4px 4px; font-weight:normal; border-left:1px solid #dcdacf; clear: both} 
h3 { color:#74736a; border-bottom:1px solid #8ecddd; padding-bottom:7px; font-size:1.4em;  } 
h4 { color:#2f9db9; font-size:1.4em; }
li { list-style-type:square; font-weight:bold; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { padding:4px; border:1px solid #d4d2c7; margin-right:10px; margin-bottom:10px; } 
img.clsbordermiddle { padding:4px; border:1px solid #d4d2c7; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { padding:4px; border:1px solid #d4d2c7; margin-left:10px; margin-bottom:10px; }
.datatable { border:1px solid #fff; font-size:0.9em; }
.datatable th { background:#2f9db9; color:#fff; font-weight:bold; border:1px solid #2f9db9; padding:1px 3px; }
.datatable td { background:#fff; border:1px solid #dcdacf; padding:1px 3px; color:#2f9db9; }
.notes { font-size:0.8em; color:#74736a; } 
.shout { background:url(../template/shout_back.gif) #2f9db9 top right no-repeat; font-weight:bold; color:#f2f1e9; padding:10px 10px 7px 7px; } 
.shout2 { background:url(../template/shout2_back.gif) #74736a top right no-repeat; font-weight:bold; color:#8ecddd; padding:10px 10px 7px 7px; } 
.submit, .reset { color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.submit { background:#f0d224; } 
.reset { background:#d5c498; } 
.quote { background:#f2f1e9; color:#2f9db9; padding:7px; padding-top:2px; border:3px double #dcdacf; clear:both; font-size:1em; } 
.caption { width:165px; color:#fff; padding:7px; padding-bottom:18px; background:url(../template/caption_back.gif) #2f9db9 no-repeat bottom right; margin:0 0 10px 10px; float:right; border-top:3px solid #8ecddd;  } 
.custom1 {  } 
.custom2 {  } 
.border { padding:4px; border:1px solid #d4d2c7; } 
.noborder { border:0; }
#clear { clear:both; }
#container { margin:0 auto; width:782px; background:url(../template/container_back.gif) #fff repeat-y; text-align:left; font-size:1em; }
#search { height:26px; float:left; padding-top:35px; width:761px; padding-left:21px; background:#ebdfc2; }
#search form { padding:0; margin:0; }
#search .searchbox { border:1px solid #cacdc7; background:#f8f7f3; font-size:0.9em; color:#74736a; margin-bottom:6px; width:160px; }
#vhbc { float:right; margin-top:-25px; padding-right:15px; padding-bottom:4px; }
#vhbc a img { border:0; margin:0 8px; padding:0; }
#head { clear:both; background:url(../template/head_back.gif) no-repeat; height:206px; }
#top_pic { position:relative; top:21px; left:21px; float:left; background:url(../template/top_pic.jpg) no-repeat; width:530px; height:185px; }
#sitelogo { position:relative; top:21px; left:21px; float:left; background:url(../template/logo_back.gif) no-repeat; width:210px; height:185px;  color:#2f9db9; line-height:7.4em; font-size:2em; }
#main { }
#left { position:relative; left:20px; float:left; width:499px; padding:25px 10px; }
#pagebody { position:relative; }
#right { position:relative; left:33px; float:left; width:209px; text-align:right; }
#nav, #nav2 { border-top:1px solid white; }
#nav, #nav ul, #nav2, #nav2 ul { padding:0; margin:0; list-style:none; width:210px; text-align:left; }
#nav a, #nav2 a { text-align:right; display:block; width:189px; color:#877449; height:23px; line-height:22px; font-weight:normal; border-bottom:1px solid white; padding-right:20px; text-decoration:none; background:url(../template/menu_out.gif) repeat-y right;  }
#nav a:hover, #nav2 a:hover { background:url(../template/menu_over.gif) #b6a57c repeat-y right; color:#fff; }
#nav li, #nav2 li { float:left; width:170px; list-style-type:none; }
#nav li ul, #nav2 li ul { position:absolute; width:170px ; left:-999em; background:white; border:1px solid white; border-bottom:0; border-right:0; }
#nav li ul ul, #nav2 li ul ul { margin:-27px 0 0 160px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav2 li:hover ul ul, #nav2 li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { left:auto; margin:-25px 0 0 -180px; }
#nav li ul ul, #nav2 li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left:auto; }
#nav .nav_parent a, #nav2 .nav_parent a {  }
#nav .nav_parent a:hover, #nav2 .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat right #d4d2c7; }
#nav .nav_child a, #nav2 .nav_child a { background:#ebdfc2; border:1px solid #fff; border-top:0; border-left:0; width:170px; padding-right:8px; color:#877449; }
#nav .nav_child a:hover, #nav2 .nav_child a:hover  { background:#b6a57c; color:#fff; }
#nav .nav_parent2 a, #nav2 .nav_parent2 a { background:url(../template/nav_parent2_out.gif) no-repeat left #f2f1e9; }
#nav .nav_parent2 a:hover, #nav2 .nav_parent2 a:hover { background:url(../template/nav_parent2_over.gif) no-repeat left #2f9db9;  }
#nav .nav_child2 a, #nav2 .nav_child2 a { background:#f2f1e9; }
#nav .nav_child2 a:hover, #nav2 .nav_child2 a:hover  { background:#2f9db9; }
#nav #active { background:url(../template/menu_active.gif) #d5c399 repeat-y right; color: white; cursor:default; }
#nav .nav_child #active { background-image:none; }
#product_heading { clear:both; background:url(../template/product_heading.gif) #2f9db9 repeat-y right; color:#fff; height:23px; line-height:23px; padding-right:20px; letter-spacing:1px; font-size:0.8em; }
#bottom { background:url(../template/bottom_back.gif) no-repeat; height:246px; clear:both; }
#contact_address, #contact_numbers { position:relative; top:40px; left:51px; float:left; height:137px; color:white; background:#d2c39f; padding:10px; line-height:1.3em; }
#contact_numbers { left:60px; }
#contact_address b, #contact_numbers b { color:#928565; }
#contact_numbers a { color:white; border-bottom:1px dashed #fff; text-decoration:none; }
#contact_numbers a:hover { border-bottom:1px dashed #d2c39f; }
#end { float:right; text-align:right; color:#fff; line-height:1.2em; font-size:0.9em; margin-top:144px; padding-right:46px; }
#end a { color:#928565; text-decoration:none; }
#end a:hover { color:white; }
#valid a { background:url(../template/tick.gif) #d2c39f no-repeat left; color:#928565; text-decoration:none; padding:2px 4px 2px 18px; }
#valid a:hover { background:url(../template/tick.gif) #f0d102 no-repeat left; color:white; }
#copyright b { font-weight:normal; color: white; }


#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server11.sitewizard.co.uk/sites/cissiesvintage/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server11.sitewizard.co.uk/sites/cissiesvintage/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server11.sitewizard.co.uk/sites/cissiesvintage/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }
#blog { clear:both; padding:15px 25px 0 0; }