body { background:#fff; margin:0; padding:10px; font:75% "lucida sans unicode", verdana, arial, sans-serif; }
table { font-size:1em; }
table p { margin:0; }
ul { list-style-type:square; }
li { margin-bottom:3px;  }
a { color:#24272b; text-decoration:underline; }
a:hover { text-decoration:none; }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
.quote, blockquote { font-family:georgia, "times new roman", serif; }
h1, h2, h3, h4 { margin:0; padding:0; }
h1 { clear:both; color:#0397ce; font-size:1.6em; padding:0; margin:0; margin-top:5px; margin-bottom:5px; } 
h2 { color:#4c89d7; font-size:1.7em; margin:15px 0 20px 0; border-bottom:1px solid #ced3d6; border-top:2px solid #e1e4e6; padding:20px 0 5px 0; } 
h3 { color:#fd9a06; font-size:1.5em; margin:20px 0;  } 
h4 { color:#0397ce; font-size:1.2em; font-weight:bold; }
h5 { color:#0397ce; margin-bottom:5px; margin-top:4px; font-size:1.1em; }
img.clsleft { margin-right:15px; margin-bottom:10px; }
img.clsmiddle { margin-right:15px; margin-left:15px; margin-bottom:10px; }
img.clsright { padding:4px; margin-left:15px; margin-bottom:10px; }
img.clsborderleft { border:1px solid #b8bcbf; padding:4px; margin-right:15px; margin-bottom:10px; } 
img.clsbordermiddle { border:1px solid #b8bcbf; padding:4px; margin-right:15px; margin-left:15px; margin-bottom:10px; }
img.clsborderright { border:1px solid #b8bcbf; padding:4px; margin-left:15px; margin-bottom:10px; }
.datatable { border:1px solid #ced3d6; font-size:0.9em; }
.datatable th { background:#2264b8; color:#fff; font-weight:bold; border:1px solid #2264b8; padding:1px 3px; }
.datatable td { border:1px solid #ced3d6; padding:1px 3px; }
.notes { font-size:0.8em; } 
.shout { color:#fd9a06; font-size:1.1em; line-height:1.2em; } 
.shout2 { color:#2264b8; font-size:1.1em; line-height:1.2em; } 
.submit, .reset { width:70px; cursor:pointer; border:0; }
.submit { background:#0298d0; color:#fff; font-weight:bold; }
.reset { background:#0298d0; color:#fff; }
.quote, blockquote { clear:both; border:1px solid #ced3d6; padding:10px; font-size:1.1em; color:#2264b8; margin:20px; } 
.caption { background:url(caption_back.gif) #373b40 bottom right no-repeat; width:180px; padding:7px; margin:0 0 10px 10px; float:right; font-size:0.9em; color:#fff; border-top:3px solid #fd9a06; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #b8bcbf; padding:1px; } 
.noborder { border:0; }
#outer_wrapper {}
#wrapper {}
#container { width:100%; float:left; font-size:1em; }
#content {}
#top_links { margin-left:220px; background:url(top_links_back.gif) #f2f3f4 bottom repeat-x; height:36px; border:8px solid #fff; }
#vhbc { float:left; padding-top:9px; height:25px; padding-left:10px; }
#cart_button, #home_button, #bookmark_button, #contact_button { float:left; margin-right:10px; }
#cart_button a span, #home_button a span, #bookmark_button a span, #contact_button a span { display:none; }
#cart_button a, #home_button a, #bookmark_button a, #contact_button a { height:17px; display:block; }
#bookmark_button { width:13px; margin-right:5px; }
#bookmark_button a { background:url(bookmark_button.gif) no-repeat; }
#bookmark_button a:hover { background:url(bookmark_button.gif) right no-repeat; }
#cart_button { width:17px; margin-right:14px; }
#cart_button a { background:url(cart_button.gif) no-repeat; }
#cart_button a:hover { background:url(cart_button.gif) right no-repeat; }
#home_button { width:15px; }
#home_button a { background:url(home_button.gif) no-repeat;}
#home_button a:hover { background:url(home_button.gif) right no-repeat; }
#contact_button { width:17px; }
#contact_button a { background:url(contact_button.gif) no-repeat;}
#contact_button a:hover { background:url(contact_button.gif) right no-repeat; }
#search form { margin:0; padding:0; }
#search { text-align:right; float:right; height:36px; background:url(search.gif) no-repeat left center; width:245px; }
#search .searchbox { width:135px; font-size:0.8em; border:1px solid #c4c8cc; color:#2264b8; margin-bottom:7px; }
#go { margin:5px 5px 0 -3px; padding:0; }
#pagebody { margin-left:215px;  padding:5px; min-height:540px; background:#e2e2e3; line-height:20px; }
#copyright { margin-left:215px; background:url(bottom_back.gif) repeat-x #0397ce; color:#fff; height:30px; line-height:29px; text-align:right; font-size:0.9em; padding-right:10px; border:3px solid #e2e2e3; }
#left_col { width:200px; float:left; }
#sitelogo { width:671px; font-size:1.4em; color:#fff; text-align:left; height:80px;  position:relative; z-index:20; }
#menu {  background:url(menu_back.jpg) top center no-repeat; padding:8px 8px 0 8px; }
#nav, #nav ul { padding:0; margin:0; list-style:none; width:190px; text-align:left;  letter-spacing:1px; }
#nav { font-size:0.9em; width:184px; position:relative; top:-1px; z-index:2; }
#nav a { display:block; width:166px; color:#90959c; height:26px; line-height:25px; border-top:1px solid #373b40; text-decoration:none; background:url(nav_arrow.gif) no-repeat #24272b left; padding-left:18px; }
#nav a:hover { background:url(nav_arrow_over.gif) no-repeat #24272b left; color:#fff; text-decoration:none; }
#nav li { float:left; width:184px; margin-bottom:0; }
#nav li ul { position:absolute; width:184px; left:-999em; border-left:8px solid #24272b; }
#nav li ul ul { margin:-27px 0 0 184px; 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 184px; }
#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(nav_arrow.gif) no-repeat #24272b left; color:#515459; cursor:default; }
#nav .nav_child a { border:0; padding-left:5px; background:#373b40; color:#fff; width:184px; border-bottom:1px solid #6a6f75; }
#nav .nav_child a:hover { background:#0298d0;  }
#nav .nav_child2 a { background:#42474e; border-left:5px solid #42474e; border-right:5px solid #42474e; border-bottom:1px solid #53585f; margin-left:10px; }
#nav .nav_child #active { background-image:none; background:#373b40; color:#515459; }
#product_menu { background:url(product_back.gif) #3f4348 no-repeat bottom right; margin:15px 8px; padding:8px 10px 8px 10px;}
#product_nav { margin:0; padding:0; list-style-type:none; font-size:0.9em; }
#product_nav a { background:url(product_arrow.gif) no-repeat left center; display:block; height:24px; line-height:24px; color:#fff; text-decoration:none; width:154px; padding-left:10px; }
#product_nav a:hover { color:#ff9f03; }
#extra {  text-align:left; background:url(menu_back.jpg) top no-repeat; padding-top:15px; color:#90959c; padding-left:8px;  }
#extra a { color:#90959c; }
#bottom { border-top:1px solid #595e65; border-bottom:1px solid #595e65; height:25px; line-height:24px; margin-top:15px; font-size:0.8em; color:#535659; clear:both; }
#bottom_left { float:left; }
#bottom_left a { background:#535659; color:#101113; text-decoration:none; padding:0 2px; margin-right:2px; }
#bottom_left a:hover { background:#ff9f03; color:#fff; }
#bottom_right { float:right; }
#bottom_right a { color:#535659; text-decoration:none; }
#bottom_right a:hover { color:#c5cace; }
.clear { height:0; clear:both; font-size:0.1em; margin-top:-2px; }
.menu_clear { height:0; clear:both; font-size:0.1em; }

.call { float:right; }
#links { float:right; width:150px; border: 2px solid #0397ce; background:#24272b; margin-right:10px; color:#fff; padding-bottom:5px; }
#links h5 { color:#FFFFFF; display:block; background:#0397ce; margin:0; padding:0; padding:5px; margin-bottom:2px; font-size:1.1em; }
#links p {  margin:0; padding-left:5px; padding-top:5px; }
#links a { color:#FFF; text-decoration:none; }
#links a:hover { color:#FFF; text-decoration:underline; }
#details { float:right; margin-right:150px; }
a img { border:none; background:none; }

#menu_bottom { text-align:center; height:37px; width:101px; background:url(bottom_menu.jpg) no-repeat center; }

#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://server17.sitewizard.co.uk/sites/whiteextrusionnew/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://server17.sitewizard.co.uk/sites/whiteextrusionnew/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server17.sitewizard.co.uk/sites/whiteextrusionnew/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; position:relative; z-index:10; }
#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 */ }