body { margin:0; padding:10px; font:75% "Trebuchet MS", verdana, arial, sans-serif; }
table { font-size:1em; }
table p {  }
a { color:#cb0606; }
a:hover { color:#818383; text-decoration:none; }
a img { border:1px solid #fce8e8; padding:4px; background: #fffafa}
a:hover img {border:1px solid #cb0606; padding:4px;  }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
h1 { font-size:1.9em; color:#cb0606; margin-top:0; font-weight: normal; border-bottom: 1px solid #fce8e8} 
h2 { font-size:1.1em; color:#cb0606; padding: 2px 4px; letter-spacing: 1px; border: 1px solid #fce8e8; border-left: 3px solid #fce8e8} 
h3 { font-size:1.3em; color:#121316; margin-top:40px; } 
h4 { font-size:1.2em; color:#7cb326; border-bottom:1px solid #dcdcdc; padding-bottom:5px; } 
h5 { font-size:1em; color:#6ea41a; padding:0; margin:0; margin-top:7px; }
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 { border:1px solid #fce8e8; padding:4px; background: #fffafa; margin-right:10px; margin-bottom:10px; } 
img.clsbordermiddle { border:1px solid #fce8e8; padding:4px; background: #fffafa; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:1px solid #fce8e8; padding:4px; background: #fffafa; margin-left:10px; margin-bottom:10px; }
.datatable {  } 
.datatable th { background:#121316; color:#7cb326; margin:4px; padding:2px; } 
.datatable td { border:1px solid #fce8e8; padding:4px; background: #fffafa} 
.notes { font-size:0.8em; color:#818383; } 
.shout { font-size:1em; color:#d11241; font-weight: bold } 
.shout2 { font-size:1.1em; color:#7cb326; background:#121316; padding:7px; } 
.submit, .reset { width:70px; cursor:pointer; border:0; }
.submit { background:#d11241; color:#e7c423; }
.reset { background:#fce8e8; color:#d11241; }
.quote1, .quote2 {border:1px solid #fce8e8; padding:4px; background: #fffafa; font-size: 0.9em}
.quote1 p, .quote2 p {margin: 10px 0}
.quote1 strong, .quote2 strong {color: #d11241}
.quote, blockquote { border:1px solid #cb0606; padding:0 15px 10px 15px; color:#121316; font-size:0.9em; } 
.caption { background:#121316; width:165px; color:#7cb326; padding:7px; margin:0 0 10px 10px; float:right; font-size:0.9em; border-right:4px solid #7cb326; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #fce8e8; padding:4px; background: #fffafa; } 
.noborder { border:0; }
iframe {border:1px solid #fce8e8; padding:4px; background: #fffafa; }
.clear { height:0; clear:both; font-size:0.1em; }
#head { padding-top:0px; height:108px; padding-top: 10px; margin-bottom: 10px}
#sitelogo { float:left; height:108px; line-height:64px; font-size:2em; color:#a5d55a; }
#top_links { border-bottom:1px solid #f1cfcf; border-top:1px solid #f1cfcf; text-align:right; height:20px; width: 450px; float: right; margin-top: 30px}
#top_links a { color:#d11241; text-decoration:none; text-transform:uppercase; font-size:0.8em; margin-left:6px; }
#top_links a:hover { color:#f2c423; }
#cart_button { background:url(cart_button.gif) no-repeat left center; padding-left:17px; }
#cart_button:hover { background:url(cart_button.gif) no-repeat left center; padding-left:17px; }
#home_button { background:url(home_button.gif) no-repeat left center; padding-left:17px; }
#home_button:hover { background:url(home_button.gif) no-repeat left center; padding-left:17px; }
#bookmark_button { background:url(bookmark_button.gif) no-repeat left center; padding-left:17px;  }
#bookmark_button:hover { background:url(bookmark_button.gif) no-repeat left center; padding-left:17px; }
#contact_button { background:url(contact_button.gif) no-repeat left center; padding-left:17px; }
#contact_button:hover { background:url(contact_button.gif) no-repeat left center; padding-left:17px; }

#extra { float:right; margin-top: 25px }
#top_nav { background:#d11241; border:8px solid #fff;  height:10px; color:#fff; clear:both; line-height: 1px }

.landing {border:1px solid #fce8e8; margin:4px; background: #fffafa; }
.landing1 {background: #d11241; }
.landing1 a {color: white; text-align: center}
#outer_wrapper {   }
#wrapper {  }
#container { background:url(right_side.gif) #fff right bottom repeat-y; width:100%; float:left; margin-right:-170px /* THIS HAS TO BE THE SAME VALUE AS RIGHT_COL WIDTH */; border-bottom:8px solid #fff; }
#content { margin-right:170px /* THIS HAS TO BE THE SAME VALUE AS RIGHT_COL WIDTH */;  }
#pagebody { margin-left:180px /* THIS HAS TO BE THE SAME VALUE AS LEFT_COL WIDTH */; padding:20px; }
#left_col { width:170px; float:left; padding:0 0 8px 8px; }
#search_header, #product_header, #sign_header, #contact_header, #open_header { background:#d11241; color:#f2c423; font-size:0.9em; height:23px; line-height:21px; border-top:2px solid #f1436e; border-bottom:2px solid #f1436e; text-indent:4px; font-weight: bold}
#search_header, #contact_header, #open_header, #contact_header { width:161px; margin-left:1px; }
#search_header span, #product_header span, #sign_header span, #contact_header span, #open_header span { color:#fff; }
#open_time { border:1px solid #fce8e8; width:139px; margin-left:1px; background:none; padding:10px; color:#574e51; text-transform:uppercase; font-size: 0.9em}
#open_time b {color: #d11241}
#search  { margin: 0 0 0 1px; text-align:right; width: 159px}
#search form { margin:0; padding:0; }
#search .searchbox { background: #fce8e8; border:3px double #e3bbbb; width:130px; margin:7px 7px 7px 0; }
#go { margin:0 7px 7px 0; }

#sign_newsletter { border-left:1px solid #fce8e8; border-right:1px solid #fce8e8; background:url(menu_bot.gif) no-repeat bottom right; padding: 5px; color:#574e51; font-size: 0.9em }
#sign_newsletter .shout {background: #fce8e8; margin: -5px -5px 5px -5px; padding: 5px}
#sign_newsletter input.sign_newsletter {width: 126px; border: 3px double #fce8e8}
#sign_newsletter form {margin: 0; padding: 0}
#go2 {margin: 5px 0 5px 80px}
#product_nav { border-left:1px solid #fce8e8; border-right:1px solid #fce8e8; }
#contact_details { padding:0 14px 7px 0; font-size:0.9em; text-align:right; }
#contact_details h5 {color: #d11241}
#contact_details a { color:#000; }
#contact_details a:hover { text-decoration:none; }
#contact_details span { font-size:0.9em; color:#d11241; }

#nav, #nav ul { padding:0; margin:0; list-style:none; width:168px; text-align:left; text-transform:uppercase; }
#nav { font-size:0.9em; width:168px; position:relative; top:-1px; z-index:2; }
#nav > li:first-child a {}
#nav a { display:block; width:156px; color:#574e51; height:26px; line-height:25px; border-top:1px solid #fce8e8; text-decoration:none; background:url(menu_out.gif) no-repeat left; padding-left:12px; }
#nav a:hover { background:url(menu_over.gif) no-repeat #d11241 left; color:#fff; text-decoration:none; }
#nav li { float:left; width:168px; margin-bottom:0; }
#nav li ul { position:absolute; width:168px; left:-999em;  }
#nav li ul ul { margin:-27px 0 0 168px; border-left:0; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 168px; }
#nav 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 { 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 { left:auto; }
#nav #active { background:url(menu_active.gif) no-repeat left; color:#515459; cursor:default; }
#nav .nav_child a { border:0; padding-left:0; background:#fce8e8; color:#d11241; width:162px; border-bottom:1px solid #eacfcf; text-indent: 10px}
#nav .nav_child a:hover { background:#d11241; color:#fff  }
#nav .nav_child2 a { background:#42474e; border-bottom:1px solid #53585f; margin-left:10px; }
#nav .nav_child #active { background-image:none; background:#595e65; color:#24272b; }
#nav .nav_child #active:hover { border-left-color:#595e65; border-right-color:#595e65; border-bottom-color:#6a6f75; }

.gown {margin: 4px}
.gown2 {margin: 4px 4px 4px 0}


#nav .last { height:10px; }
#right_col { width:170px; float:right; }
#bottom { text-align:right; border:8px solid #fff; background:url(bottom_back.gif) #d11241 repeat-x; margin-top:9px; color:#f2c423; }
#bottom p { margin:8px; }
#valid { color:#fff; font-size:0.9em; }
#valid a { background:#a5d55a; color:#121316; text-decoration:none; padding:0 2px; }
#valid a:hover { background:#555; color:#fff; }
#end, #end a { font-size:0.9em; color:#fff; text-decoration:none; }
#end a:hover { color:#fff;text-decoration:underline; }

#side_box {float: right; margin-left: 15px}

#pagebody ul { line-height:19px; font-weight:bold; margin-left: 10px; padding: 0; font-size: 0.9em}
#pagebody li { list-style-type:none; text-indent:15px; background:url(bullet.gif) no-repeat left top; }

#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://server14.sitewizard.co.uk/sites/bradgatenew/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://server14.sitewizard.co.uk/sites/bradgatenew/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server14.sitewizard.co.uk/sites/bradgatenew/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:#9c092d; 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 */ }