html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/*--- main sitewide declarations---*/
html {
background-color:#e2842d
}
body {
font-family:Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
background-color:#fff;
background-image: linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -o-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -moz-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -webkit-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -ms-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.24, rgb(241,241,241)),
	color-stop(0.62, rgb(255,255,255))
);
width:100%;
height:100%
}
#standard-wrapper {
width:970px;
height:auto;
margin:0 auto 0 auto;
background-color:#fff
}
#container {
width:970px;
min-height:900px;
height:auto;
clear:both;
margin:0 auto 0 auto;
padding-top:16px;
border-top:1px solid #fff;
background-color:#fff
}
header#mainheader {
width:970px;
/*min-height:130px;*/
padding-top:8px;
height:auto;
position:relative;
margin:46px auto 0 auto;
/*background-color:red*/
background-image: linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -o-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -moz-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -webkit-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);
background-image: -ms-linear-gradient(top, rgb(241,241,241) 24%, rgb(255,255,255) 62%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.24, rgb(241,241,241)),
	color-stop(0.62, rgb(255,255,255))
);
}
body#page-home header#mainheader, body#page-about-us header#mainheader, body#page-made-to-measure header#mainheader {
height:350px;
}
#sitebanner {
clear:both;
float:left;
width:970px;
height:220px;
display:block;
position:relative    
}
#sitebanner img {
width:970px;
height:220px;
position:absolute;
top:0;
left:0;
z-index:50;
}
#sitebanner #mask, #sitebanner #masque {
width:970px;
height:220px;
position:absolute;
top:0;
left:0;
z-index:100;
/*background: transparent url('../images/site/masque-noire.png') center no-repeat;*/ 
}
#sitebanner #masque {
/*background: transparent url('../images/site/masque-noire-magnifique.png') center no-repeat;*/   
}
#stylish {
font-size:34px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
position:absolute;
left:44px;
top:18px;
z-index:110;
line-height:34px;
width:300px
}
form#find {
width:274px;
height:22px;
position:absolute;
top:30px;
left:390px;
}
form#find input[type=text] {
float:left;
width:211px;
height:18px;
border:1px solid #a3a3a3
}
input#submitfind {
width:58px;
height:22px;
display:block;
float:left;
background: url('../images/site/find.png') center no-repeat;
border:0
}
a.social {
width:23px;
height:22px;
position:absolute;
display:block;  
}
header#mainheader a#twitter {
position:absolute;
top:30px;
left:670px;
background: url('../images/site/twitter.png') center no-repeat; 
}
header#mainheader a#facebook {
position:absolute;
top:30px;
left:700px;
background: url('../images/site/facebook.png') center no-repeat; 
}
#smallcart {
width:235px;
height:35px;
position:absolute;
top:30px;
right:0;
background: url('../images/site/small-cart-background.png') center no-repeat;
font-size: 10px;
color: #4d4d4d;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#smallcart #smallbasket {
clear:both;
float:left;
margin:16px 0 0 54px
}
/*#smallbasket a {
margin: 0 0 0 5px;
color: #005580;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}*/
header#mainheader nav ul {
/*clear:none;
float:left;*/
width:auto;
height:24px;
}
header#mainheader nav ul li {
clear:none;
float:left;
/*width:74px;*/
height:24px;
}
header#mainheader nav ul li a {
clear:none;
float:left;
display:block;
/*width:74px;*/
width:100%;
height:24px;
}
header#mainheader nav ul li a#headnavhome {
width:74px;
height:24px;
display:block;
background: url('../images/site/home.png') center no-repeat;
}
header#mainheader nav ul li a#headnavhome:hover, header#mainheader nav ul li a#headnavhome.active {
background: url('../images/site/home-active.png') center no-repeat;
}
header#mainheader nav ul li a#headnavabout {
width:74px;
height:24px;
display:block;
background: url('../images/site/about.png') center no-repeat;
}
header#mainheader nav ul li a#headnavabout:hover, header#mainheader nav ul li a#headnavabout.active {
background: url('../images/site/about-active.png') center no-repeat;
}
header#mainheader nav ul li a#headnavrails {
width:94px;
height:24px;
display:block;
background: url('../images/site/rails.png') center no-repeat;
}
header#mainheader nav ul li a#headnavrails:hover, header#mainheader nav ul li a#headnavrails.active {
background: url('../images/site/rails-active.png') center no-repeat;
}
header#mainheader nav ul li a#headnavoffers {
width:104px;
height:24px;
display:block;
background: url('../images/site/offers.png') center no-repeat;
}
header#mainheader nav ul li a#headnavoffers:hover, header#mainheader nav ul li a#headnavoffers.active {
background: url('../images/site/offers-active.png') center no-repeat;
}
header#mainheader nav ul li a#headnavcontact {
width:93px;
height:24px;
display:block;
background: url('../images/site/contact.png') center no-repeat;
}
header#mainheader nav ul li a#headnavcontact:hover, header#mainheader nav ul li a#headnavcontact.active {
background: url('../images/site/contact-active.png') center no-repeat;
}
header#mainheader nav ul li a#headnavcart {
width:104px;
height:24px;
display:block;
background: url('../images/site/cart.png') center no-repeat;
}
header#mainheader nav ul li a#headnavcart:hover, header#mainheader nav ul li a#headnavcart.active {
background: url('../images/site/cart-active.png') center no-repeat;
}
p#telephone {
position:absolute;
top:78px;
right:0;
color:#ff6600;
font-size:17px
}
figure#notices {
width:970px;
height:40px;
display:block;
background: url('../images/site/topstrip-example.png') center no-repeat;
}
a#noticecontact {
float:right;
display:block;
width:140px;
height:40px
}
section#leftcolumn {
clear:none;
float:left;
width:241px;
height:100%;
background-color:#fff
}
section#leftcolumn nav#navigation-products {
width:234px;
min-height:120px;
clear:both;
float:left;
display:block;
height:auto;
margin:0;
background-color:#fff;
border-left:7px solid #e58328
}
nav#navigation-products ul {
width:229px;
min-height:21px;
height:100%;
clear:both;
float:left;
display:block;
margin:0;
}
nav#navigation-products ul li {
width:229px;
height:21px;
border-bottom:1px solid #ecbe9a
}
nav#navigation-products ul li a {
width:229px;
height:16px;
padding:4px 0 0 0;
line-height:12px;
margin:8px 0 0 0;
display:block;
font-size:12px;
font-weight:700;
color:#464646;
text-indent:24px;
}
nav#navigation-products ul li a:hover, nav#navigation-products ul li a.active {
color:#fff;
background:#e2832d url('../images/site/arrow-right-dark-orange.png') center left no-repeat;
}
nav#navigation-products ul span.products-secondary {
height:auto;
display:block;
}
nav#navigation-products ul span.products-secondary li a {
width:221px;
margin-left:8px;
text-indent:32px;   
}
nav#navigation-products ul span.products-secondary li:hover, nav#navigation-products ul span.products-secondary li.active {
background:#fff;    
}
nav#navigation-products ul span.products-secondary li a:hover, nav#navigation-products ul span.products-secondary li a.active {
color:#fe6215;
background:url('../images/site/arrow-right-dark-trans.png') center left no-repeat;
}
nav#navigation-products ul li a.special {
text-transform:uppercase;
color:#ff6600;
font-weight:600
}
nav#navigation-products ul li a.special:hover {
color:#fff;
}
figure#warmerideas {
width:236px;
height:154px;
background: url('../images/site/link-warmer-ideas.jpg') center no-repeat;
margin:5px 0 4px 0
}
figure#justshowerrails {
width:236px;
height:159px;
background: url('../images/site/link-just-shower-rails.jpg') center no-repeat;
margin:5px 0 4px 0
}
section#leftcolumn #sitefeatures img {
margin:5px 0 4px 0
}
section#leftcolumn .blocklink a {
display:block;
width:236px;
height:154px
}
section#leftcolumn nav#navigation-pages {
width:234px;
min-height:300px;
height:auto;
margin:11px 0 0 0;
background-color:#fff;
}
nav#navigation-pages ul {
width:171px;
height:auto;
clear:both;
float:left;
margin:0 0 0 20px;
border-top:1px solid #e3e3e3
}
nav#navigation-pages ul li {
width:171px;
height:20px;
border-bottom:1px solid #e3e3e3
}
nav#navigation-pages ul li a {
width:158px;
height:20px;
margin:8px 0 0 8px;
display:block;
font-size:12px;
font-weight:700;
color:#464646;
text-indent:16px;
background:url('../images/site/arrow-right-orange-trans.png') center left no-repeat;
}
nav#navigation-pages ul li a:hover, nav#navigation-pages ul li a.active {
color:#ff6500
}
section#main {
clear:none;
float:right;
width:726px;
min-height:500px;
height:100%;
background-color:#fff;
padding-bottom:32px
}
footer#mainfooter {
clear:both;
background-color:#c0c0c0;
background-image: linear-gradient(top, rgb(140,140,140) 20%, rgb(192,192,192) 60%);
background-image: -o-linear-gradient(top, rgb(140,140,140) 20%, rgb(192,192,192) 60%);
background-image: -moz-linear-gradient(top, rgb(140,140,140) 20%, rgb(192,192,192) 60%);
background-image: -webkit-linear-gradient(top, rgb(140,140,140) 20%, rgb(192,192,192) 60%);
background-image: -ms-linear-gradient(top, rgb(140,140,140) 20%, rgb(192,192,192) 60%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.2, rgb(140,140,140)),
	color-stop(0.6, rgb(192,192,192))
);
width:100%;
height:100%;
position:relative
}
footer#mainfooter #company-information {
width:970px;
height:auto;
margin:0 auto 0 auto
}
footer#mainfooter #callusnow {
font-weight:bold;
color:#404040;
text-transform:uppercase;
padding:4px 0;
float:right;
}
footer#mainfooter #copyright {
font-weight:bold;
color:#404040;
padding:4px 0;
float:left;    
}
section#base {
clear:both;
background-color:#e2e2e2;
background-image: linear-gradient(top, rgb(188,188,188) 36%, rgb(226,226,226) 68%);
background-image: -o-linear-gradient(top, rgb(188,188,188) 36%, rgb(226,226,226) 68%);
background-image: -moz-linear-gradient(top, rgb(188,188,188) 36%, rgb(226,226,226) 68%);
background-image: -webkit-linear-gradient(top, rgb(188,188,188) 36%, rgb(226,226,226) 68%);
background-image: -ms-linear-gradient(top, rgb(188,188,188) 36%, rgb(226,226,226) 68%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.36, rgb(188,188,188)),
	color-stop(0.68, rgb(226,226,226))
);
width:100%;
height:346px;
border-top:1px solid #e1e1e1
}
#footer-in {
	width: 970px;
	height: 239px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	display: block;
	clear: both;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: relative;
}
a#footerhome {
	text-decoration: none;
	color: #454545	
}
#footer-in #number {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
#footer-in #secure-shopping {
	background: url('../images/secure-shopping.png') 0% 0% no-repeat;
	width: 150px;
	margin: 0;
	padding: 45px 0 0 0;
	display: block;
	position: absolute;
	top: 50px;
	right: 60px;
	font-size: 10px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}
#footer-in #footersocial {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 58px;
	right: 0;
}
#footersocial a, #footersocial a:hover {
	width: 29px;
	height: 29px;
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	float: left;
}
#footer-in #footer-navigation {
	width: 700px;
	margin: 30px 0 0 0;
	padding: 0;
	display: block;
	clear: both;
}
#footer-navigation .nblock {
	margin: 0 70px 0 0;
	padding: 0 10px 0 0;
	display: block;
	float: left;	
}
#sitemap-navigation {
        clear:both;
        float:left;
        margin:8px 0 8px 16px
}
#sitemap-navigation .nblock {
        clear:none;
        float:left;
        margin:8px
}
/*#morefooterlinks {
	clear:none;
	float:left;
	margin-left:12px	
}*/
.nblock .nheading {
	margin: 0;
	padding: 0 0 3px 0;
	display: block;
	clear: both;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.nblock a {
	margin: 6px 0;
	padding: 0 0 0 10px;
	display: block;
	clear: both;
	text-decoration: none;	
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.nblock a:hover {
	background: url('../images/arrow.png') 0% 50% no-repeat;
}
a#weblink,a#seolink {
	color: #343434;
	text-decoration: none;	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0;
	left: 8px;
}
a#seolink {
	bottom:0;
        left:80px;
}
#find {
width:58px;
height:22px;
background: url('../images/site/find.png') top left no-repeat;
}
#heading-navigation {
width:91px;
height:22px;
margin:8px 0 0 16px;
background: url('../images/site/heading-navigation.png') top left no-repeat;
}
.list-emphasise {
font-weight:700
}
.informationtext {
width:717px;
height:auto;
clear:both;
float:left;
margin:4px 0;
padding:4px 8px;
display:block;
font-size:12px;
color:#777777;
line-height:14px;
font-family: Arial, Helvetica, sans-serif;
}
/*---homepage specific---*/
#home-title {
width:100%;
height:18px;
display:block;
clear:none;
float:left;
margin:0 4px;
text-transform:uppercase;
font-size:22px;
line-height:18px;
color:#ff6500    
}
/*#home-title p {
width:600px;
}*/
#home-title h1 {
clear:none;
/*float:left;*/
display:inline;
width:auto;
}
.category {
overflow: hidden;
width:234px;
height:290px;
float:left;
margin:17px 0 0 11px;
position:relative;
background: url('../images/site/category-image-frame.png') top left no-repeat;
text-align:center
}
.category.brand.home img {
margin:20px auto 0 auto    
}
.category.brand.home img.clearance {
margin:0    
}
/*.category.brand.home.specialoffers {
margin-right:11px    
}*/
.strip-name {
background: url('../images/site/category-strip.png') top left repeat-x;
width:234px;
height:36px;
position:absolute;
bottom:0;
left:0;
z-index:100
}
.strip-name.special {
background: url('../images/site/category-strip-special.png') top left repeat-x;
}
.strip-name.electric {
background: url('../images/site/category-strip-electric.png') top left repeat-x;
}
.strip-name.offers {
background: url('../images/site/category-strip-offers.png') top left repeat-x;
}
.strip-name.accessories {
background: url('../images/site/category-strip-accessories.png') top left repeat-x;
}
.strip-name a {
width:214px;
height:16px;
text-align:left;
margin:10px 0 0 8px;
display:block;
color:#fff;
font-size:16px;
background:url('../images/site/arrow-right-white-trans.png') center right no-repeat
}
.sticker {
position:absolute;
z-index:100
}
.sticker.sale {
width:62px;
height:62px;
top:0;
left:0;
background: url('../images/site/category-sticker-sale.png') top left no-repeat;
}
section#adverts {
clear:both;
float:left;
margin:16px 0 0 0;
width:726px;
height:auto;
}
section#adverts a.advert {
clear:none;
float:left;
width:356px;
height:106px;
display:block
}
a#advert-bespoke {
background: url('../images/site/bespoke-advert.png') top left no-repeat;
}
a#advert-offers {
background: url('../images/site/special-offers-advert-example.png') top left no-repeat;
margin-left:11px
}
figure#popular-offers {
clear:both;
float:left;
margin:8px 0 0 0;
width:723px;
height:29px;
background: #333333 url('../images/site/popular-offers.png') top left no-repeat;
}
section#offers {
width:auto;
height:auto;
display:block;
}
figure.box.offer {
clear:none;
float:left;
width:173px;
height:235px;
margin:8px 0 0 8px;
background-color:#fff;
position:relative
}
figure.box.offer .sticker.sale {
width:50px;
height:50px;;
background: url('../images/site/offers-sticker-sale.png') top left no-repeat;
}
div.display {
width:171px;
height:127px;;
border:1px solid #e2e2e2;
overflow:hidden;
text-align:center
}
div.display img {
margin:4px auto 0 auto
}
div.details {
width:173px;
height:130px;
font-size:12px;
position:relative
}
div.details ul {
margin-top:5px
}
div.details h3 {
height:48px;
line-height:24px;
font-size:16px;
color:#ff6500;
border-bottom:1px solid #e3e3e3
}
div.strip-values {
width:173px;
height:19px;
position:absolute;
bottom:0;
left:0;
background: url('../images/site/offers-details-strip-background.png') top left no-repeat;
}
div.strip-values span.value {
text-transform:uppercase;
font-size:13px
}
div.strip-values span.value.was {
clear:left;
float:left;
margin:3px 0 0 5px;
color:#7b7b7b
}
div.strip-values span.value.now {
clear:none;
float:right;
margin:3px 10px 0 0;
color:#fff
}
/*---category listings---*/
h1#listing-title, h2.infotitle {
width:100%;
height:18px;
clear:none;
float:left;
margin:0 4px;
text-transform:uppercase;
font-size:22px;
line-height:18px;
color:#ff6500    
}
h2.infotitle {
color:#303030
}
.product {
width:353px;
height:auto;
clear:none;
float:left;
margin:48px 0 0 20px;
position:relative
}
.sticker.recommended {
width:96px;
height:73px;
background: url('../images/site/category-sticker-recommended.png') top left no-repeat;
top:8px;
right:8px
}
#magnify {
width:59px;
height:63px;
background: url('../images/site/zoom-icon.png') top left no-repeat;
position:absolute;
bottom:8px;
right:16px
}
.product .image {
width:353px;
height:287px;
overflow:hidden;
background-color:#fff;
border:1px solid #e3e3e3;
position:relative;
text-align:center
}
.product .image img {
margin:4px auto 0 auto
}
.product .image .strip-price {
width:353px;
height:34px;
position:absolute;
bottom:0;
left:0;
background-color:#f2f2f2;
}
.strip-price .price {
color:#ff6500;
font-weight:700;
float:right;
margin:8px 8px 0 0;
font-size:24px;
text-transform:uppercase
}
.strip-price .price.was {
float:left;
margin:8px 0 0 8px;
text-decoration:line-through;
font-style:italic
}
.strip-price .price.now {
color:#cd222a;
}
.product .details {
width:353px;
height:104px;
position:relative;
}
.product .details ul li {
margin:4px 0
}
.product .details h3 {
font-size:13px;
text-transform:uppercase;
color:#ff6500;
font-weight:bold;
/*line-height:48px;*/
height:48px;
line-height:20px
}
.details ul li a {
color:#ff6500
}
.details ul li a:hover {
color:#636363
}
.more-info {
width:170px;
height:34px;
background: url('../images/site/listing-product-more-info.png') top left no-repeat;
position:absolute;
top:56px;
right:0
}
/*---product detail page---*/
#product-top {
width:auto;
height:68px;
border-bottom:1px solid #e3e3e3;
position:relative
}
ul#breadcrumb  {
margin:0 0 4px 0;
padding:0
}
ul#breadcrumb li {
font-size:18px;
text-transform:uppercase;
color:#ff6500;
padding:0
}
ul#breadcrumb li a {
color:#ff6500;
}
ul#breadcrumb li a:hover {
color:#636363;
}
h1#product-name {
font-size:30px;
text-transform:uppercase;
color:#ff6500;
padding:0
}
h1#product-name.electric {
color:#94659b;
}
#product-image-main {
clear:none;
float:left;
width:390px;
height:317px;
background-color:#fff;
border:1px solid #e3e3e3;
position:relative;
text-align:center
}
#product-image-main img {
margin:0 auto   
}
#strip-dimensions {
width:390px;
height:32px;
color:#7d7d7d
}
#product-info-price {
clear:none;
float:right;
width:282px;
height:294px;
text-align:center;
background-image: linear-gradient(top, rgb(232,232,232) 37%, rgb(255,252,255) 69%);
background-image: -o-linear-gradient(top, rgb(232,232,232) 37%, rgb(255,252,255) 69%);
background-image: -moz-linear-gradient(top, rgb(232,232,232) 37%, rgb(255,252,255) 69%);
background-image: -webkit-linear-gradient(top, rgb(232,232,232) 37%, rgb(255,252,255) 69%);
background-image: -ms-linear-gradient(top, rgb(232,232,232) 37%, rgb(255,252,255) 69%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.37, rgb(232,232,232)),
	color-stop(0.69, rgb(255,252,255))
);
position:relative
}
#product-info-price ul {
text-transform:uppercase;
color:#666666;
margin-top:24px
}
#product-price {
/*clear:both;
float:left;*/
width:175px;
height:47px;
position:absolute;
top:84px;
left:51px
}
#value-was {
width:175px;
height:47px;
position:absolute;
top:58px;
left:51px;
color:#cd222a;
font-size:30px
}
#product-price #value {
color:#ff6600;
font-size:30px
}
#product-price #vat-delivery {
color:#7b7b7b;
font-weight:700
}
a.product-addtocart, a.valve-addtocart {
width:235px;
height:63px;
display:block;
background: url('../images/site/product-addtocart.png') top left no-repeat;
}
a#product-addtocart {
position:absolute;
top:150px;
left:28px;
border-bottom:1px solid #e3e3e3
}
a#product-addtocart2 {
clear:both;
float:left;
margin:8px 0;
height:40px;
/*top:10px;
left:28px;*/
}
#vat-delivery {
clear:both;
float:left;
color:#808080
}
#product-callus {
position:absolute;
top:151px;
left:5px;
width:278px;
height:auto;
text-transform:uppercase;
color:#e2832d;
font-size: 21px;
}
#product-callus a, #product-callus span {
color:#e2832d;
} 
#product-details {
clear:both;
float:left;
width:466px;
height:auto;
}
ul.tabs {
    
}
ul.tabs li {
clear:none;
float:left;
margin:0 3px 0 0
}
ul.tabs li a#tab-description {
width:144px;
height:34px;
display:block;
background: url('../images/site/product-tab-description.png') top left no-repeat;    
}
ul.tabs li a#tab-description.current, ul.tabs li a#tab-description:hover {
background: url('../images/site/product-tab-description-active.png') top left no-repeat;    
}
ul.tabs li a#tab-specifications {
width:145px;
height:34px;
display:block;
background: url('../images/site/product-tab-specification.png') top left no-repeat;    
}
ul.tabs li a#tab-specifications.current, ul.tabs li a#tab-specifications:hover {
background: url('../images/site/product-tab-specification-active.png') top left no-repeat;    
}
ul.tabs li a#tab-capacity {
width:145px;
height:34px;
display:block;
background: url('../images/site/product-tab-capacity.png') top left no-repeat;    
}
ul.tabs li a#tab-capacity.current, ul.tabs li a#tab-capacity:hover {
background: url('../images/site/product-tab-capacity-active.png') top left no-repeat;    
}
#product-text {
clear:both;
float:left;
width:466px;
height:auto;
border-top:1px solid #e3e3e3;
background-color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:14px
}
.panes p {
margin:6px 4px 4px 1px
}
#product-specifications ul {
clear:both;
margin:8px 0 0 8px;
padding:8px 0 0 8px
}
#product-specifications ul li {
font-size:12px;
line-height:16px;
}
a#product-prompt-call-warmer {
margin:7px 14px 0 0;
padding:7px 0;
float:right;
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3
}
#share-one {
position:absolute;
right:0;
top:0
}
#share-one div.addthis_toolbox {
float:right;
margin:4px 0 0 0
}
#share-two {
clear:both;
float:left;
width:466px;
height:36px;
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
position:relative
}
#share-two div.addthis_toolbox {
float:right;
margin:10px 0 0 0
}
#product-maylike {
clear:both;
float:left;
width:530px;
height:auto;
position:relative;
}
#heading-maylike {
width:156px;
height:15px;
background: url('../images/site/heading-maylike.png') top left no-repeat;
position:absolute;
top:12px;
left:24px
}
#product-maylike .product {
width:233px;
height:260px;
position:relative;
clear:none;
float:left;
display:inline
}
#product-maylike .product.rightside {
float:right
}
#product-maylike .product .image {
width:233px;
height:190px;
position:relative;
border:1px solid #e2e2e2
}
#product-maylike .product .image .strip-price {
width:233px;
height:23px;
position:absolute;
bottom:0;
left:0;
background-color:#f2f2f2;
}
#product-maylike .strip-price .price {
margin:4px 8px 0 0;
font-size:16px;
}
#product-maylike .maylike-details {
clear:both;
margin:6px 0 0 0;
position:relative;
height:100px;
}
.maylike-details ul li {
font-size:12px    
}
.maylike-details ul li h3 {
font-size:16px;
color:#fe6215;
text-transform:uppercase
}
#product-maylike .maylike-details .more-info {
width:113px;
height:23px;
background: url('../images/site/product-also-more-info.png') top left no-repeat;
position:absolute;
bottom:-4px;
right:0
}
/*#product-maylike .more-info {
position:absolute;
bottom:0;
right:0
}*/
#product-details span.detail {
clear:both;
float:left;
margin:4px 0;
padding:4px;
/*border:1px solid #e3e3e3;*/
font-weight:bold;
font-size:14px;
text-transform:uppercase;
background-color:#ff6600;
color:#fff
}
#secondaryimages {
clear:right;
float:right;
width:238px;
height:auto;
margin-right:12px;
}
#secondaryimages .supplemental {
width:110px;
height:110px;
clear:none;
float:left;
margin:8px 8px 8px 0;
overflow:hidden;
border:1px solid #e3e3e3;
text-align:center
}
#secondaryimages .supplemental.noright {
margin-right:0   
}
#secondaryimages .supplemental img {
   
}
/*---information pages and forms---*/
.information {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#4d4d4d;
margin:8px;
padding:8px;
border:1px solid #e3e3e3;
width:auto;
height:auto;
clear:both;
float:left
}
.information ul li {
margin:3px 6px 3px 6px;
padding:3px 6px 3px 6px;
list-style-type:square
}
.information img {
margin:16px 0	
}
/*---forms---*/
#contactform {
clear:left;
float:left;
display:inline;
display:block;
width:auto;
height:100%;
/*border: 1px solid #e1e1e1;*/
padding:3px;
font-size:15px
}
fieldset#contactformdetails {
width:auto
}
#contactform, #bookingform {
clear:both;
float:left;
/*margin-left:35px*/
}
#contactform input, #bookingform input, select, textarea  {
background-color:#e6e6e6;
border:1px solid #c8c8c8
}
table.wiform {
clear:both;
float:left;
margin:8px 0 8px 0
}
table#table-contact {
clear:both;
float:left;
margin:8px 0 8px 8px
}
section#main form {
padding:10px 0;
/*font-size:80%*/
}
section#main fieldset {
/*margin:0 10px 10px 0;
padding:10px 6px;
background-color:#fafafa;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
overflow:auto;
width:260px;
float:left;
display:inline*/
}
section#main label, form .label  {
clear:both;
float:left;
display:block; 
margin:0.6em 4px 0 0;
padding:2px
}

section#main textarea {
clear:both;
float:left;
display:block; 
padding:0;
vertical-align:top;
margin:2px 2px 1px 0
}
section#main input {
clear:both;
float:left;
margin:0;
padding:2px 0;
}
section#main select {
clear:both;
float:left;
margin:2px 0;
padding:0 
}
#contactform input {
clear:both;
float:left;
margin:4px 0
}
/*---extras and fixes---*/
.noleft {
margin-left:0
}
.note {
display:none
}
.freegiftsticker {background: url('../images/site/freegiftparcel.png') 50% 0% no-repeat;width: 56px;height: 91px;margin: 0;padding: 0;display: block;position: absolute;top: 156px;left: 4px; z-index:100;}
#page-product .freegiftsticker {top: 216px;left: 4px;}
/*--- choose valves ---*/
#choose-valves-pop-up {
background: url('../images/site/choose-valves-pop-up.jpg') 50% 0% no-repeat;
width:406px;
height:273px;
position:absolute;
display:none;
/*right:564px;*/
left:40%;
top:38px;
z-index:100;
border:6px solid #3b3b3b;
}
#confirm {
background: url('../images/site/confirm.png') 50% 0% no-repeat;
width:112px;
height:27px;
position:absolute;
left:150px;
bottom:12px;
cursor:pointer
}
a.valvetype {
border:4px solid #e4e4e4;
width:187px;
height:166px;
display:block;
position:absolute;
top:28px
}
a.valvetype:hover, a.valvetype.active {
border:4px solid #fd841e;    
}
a#valvetype-traditional {
left:5px
}
a#valvetype-contemporary {
left:204px
}
/*--- cart in header ---*/
#quickcart {
position:absolute;
display:none;
/*right:564px;*/
top:22px;
width:541px;
height:auto;
padding-bottom:20px;
background-color:#fff;
border:6px solid #c6772f;
z-index:100;
color:#ffffff;
font-size:13px;
line-height:1.6em;
font-family: Arial, Helvetica, sans-serif;
left:36%;
}
#quickcart #content {
margin:0 0 0 14px;
width:532px
}
#quickcart #content #quickcartdetails {
margin-top:12px	
}
#quickcart #content #quickcartdetails p {
width:510px;
margin:4px 0 0 48px;
color:#323232
}
#quickcart #content #cartheader {
width:514px;
height:50px;
}
a.quickdelete {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../images/yes.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px
}
a.quickdelete:hover {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../images/delete.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px;
cursor:pointer
}
a#checkoutlink, a#quickcarttoggle, a#quickcartcheckoutlink {
float:right;
display:inline;
margin:10px 28px 0 0;
color:#303030;
font-size:13px;
font-weight:700;
cursor:pointer;
text-decoration:none;
padding:1px 3px
}
a#quickcarttoggle {
float:left
}
a#quickcartcheckoutlink {
float:right;
display:inline
}
#cartlogo {
clear:both;
float:left;
margin:8px 0 0 8px
}
/*a#quickcarttoggle2 {
clear:none;
float:left;
display:inline;
margin:10px 0 0 12px;
}*/
a#checkoutlink:hover, a#quickcarttoggle2:hover, a#quickcartcheckoutlink:hover, a#quickcarttoggle:hover {
color:#fff;
background-color:#b70511
}
a#quickcartcheckoutlink:hover {
background-color:#e2832d;
color:#fff	
}

/*-- checkout styles ---*/
#checkoutcontent, #contactcontent {
font-family: Arial, Helvetica, sans-serif;
font-size:13px
}
table.wiform {
clear:both;
float:left;
margin:8px 0 8px 0
}
.infoheader {
font-size:130%;
clear:both;
float:left;
margin:5px 0 0 6px;
}
h2#checkout {
font-size:160%;
clear:left;
float:left;
margin:0 0 0 6px;
}
p.formnote {
font-size:12px;
clear:both;
float:left;
margin:4px 0 0 11px;
}
#contactlinks {
clear:both;
float:right;
margin:0 10px 0 0;
}
#contactlinks a {
display:inline;
text-decoration:none;
color:#477dab;
font-weight:700;
font-size:76%;
margin:3px 3px 0 0;
padding:2px
}
#contactlinks a:hover {
color:#666666
}
#newdetails {
padding:10px 0;
}

#newdetails fieldset {
margin:0 10px 10px 0;
padding:10px 6px;
background-color:#fafafa;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
overflow:auto;
width:260px;
float:left;
display:inline
}
/*#contactdetails {
margin:0 10px
}*/
.contact-block {
clear:both;
float:left;
display:block;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.contact-block ul strong {
font-size:15px;
}
ul.contact-details {
clear:both;
float:left;
display:block;
margin:6px 0 6px 4px;
padding:6px 0 6px 4px;
}
ul.contact-details li {
list-style-type:none
}
#newdetails legend {
padding:4px 5px;
font-weight:bold;
}

#newdetails label, newdetails .label  {
clear:both;
float:left;
display:block; 
margin:0.6em 4px 0 0;
padding:2px
}

#newdetails textarea {
clear:both;
float:left;
display:block; 
padding:0;
vertical-align:top;
margin:2px 2px 1px 3px
}
#newdetails form input {
clear:both;
float:left;
margin:0;
padding:2px 0;
}
#newdetails select {
clear:both;
float:left;
margin:2px 0;
padding:0 
}

/* --- validation errors --- */
form .error {
clear:both;
float:left;
margin:1px 0 1px 4px;
padding:0;
text-indent:2px;
background-color:#22487f;
color:#ffffff;
border:none
}

/* --- basket, orders --- */
#cartform {
/*width:564px*/
width:710px
}
.cartbox {
/*width:556px*/
/*width:730px*/
}
form#newdetails {
clear:both;
float:left;
/*width:550px;*/
width:700px;
height:auto;
margin:9px 0 0 0;
padding:5px;
}
form#newdetails input, form#newdetails select {
margin:3px 0 3px 3px;
padding:3px;
border:1px solid #a2a2a2;
color:#303030
}
form#newdetails table {
clear:both;
float:left;
width:100%;
}
form#newdetails table tr {
border-bottom:1px solid #e4e4e4
}
form#newdetails table tr td {
padding:2px 1px 2px 5px;
line-height:24px;
vertical-align:middle
}
table.wiform {
/*font-size:136%;*/
}
table.wiform tr td  {
border-bottom: 1px solid #e4e4e4
}
/*#page-contact-us table.wiform tr td  {
border: none
}*/
tr td.productcell {
/*background-color:#22487f;*/
color:#303030;
font-size:13px
}
tr td.detailscell {
font-size:13px;
color:#323232
}
a.cartdelete {
float:left;
display:inline;
margin:4px 6px 0 0;
background-image:url("../images/yes.png");
background-position:center;
background-repeat:no-repeat;
width:16px;
height:16px
}
a.cartdelete:hover {
background-image:url("../images/delete.png");
cursor:pointer
}
.checkoutgiftnotice {
font-size:13px;
color:#9b0101
}
tr td.detailscell span.option {
background-color:#22487f;
color:#ffffff;
font-weight:600;
padding:2px 1px
}
tr td.cost {
background-color:#d3d3d3;
color:#323232;
font-weight:600;
padding:2px 1px;
/*border-bottom:1px solid #c1670d*/
}
.cartstrip {
clear:both;
float:left;
margin:3px 0 3px 0;
background-color:#303030;
color:#ffffff;
height:40px;
padding:3px 0;
width:725px;
}
.cartstrip.pale {
background-color:#d3d3d3;
color:#323232
}
.cartstrip p {
font-size:16px;
margin:12px 0 0 10px
}
a.proceed, a.submit {
clear:both;
float:left;
margin-top:3px;
background-color:#303030;
color:#fff;
font-size:18px;
font-weight:bold;
padding:9px 7px 7px 7px;
text-decoration:none
}
a.proceed:hover, a.submit:hover {
background-color:#008040;
color:#fff
}
a.proceed {
float:right	
}
.submitter, #submitplaceorder {
clear:both;
float:right;
/*margin-left:4px*/
}
input#submitplaceorder {
height:34px;
width:100px;
}
input#submitplaceorder:hover {
}

table.wiform a {
text-decoration:none
}
table.wiform tr td {
padding:3px
}
.wiform tr td img {
text-align:center
}
table tr td.showquantity {
font-weight:800;
text-align:center;
width:58px
}
table tr td.showproduct {
width:330px
}
.wiform input {
border:1px solid #c3c3c3;
float:left
}
table tr.formheader {
background-color:#303030;
color:#ffffff;
font-weight:bold;
font-size:14px
}
.formheader h4 {
font-size:14px;
margin:3px 0 0 6px;
padding:8px 0 8px 0
}
.ordertotaldisplay {
font-size:130%;
text-indent:3px;
color:#ffffff
}
a.littlebutton, input.littlebutton, .littlebutton  {
text-decoration:none;
background-color:#1a3d73;
padding:2px;
color:#ffffff;
clear:both;
float:left;
margin:4px 0 4px 0
}
table tr.formheader a {
margin-right:3px
}
table tr.formheader a:hover, a:hover.littlebutton, .littlebutton:hover {
color:#fff5ce
}

.noticebox ul li {
padding:1px 0 0 7px;
margin:1px 0 0 7px;
list-style-type:none
}

.ordercontent {
clear:both;
float:left;
width:550px;
margin:20px 0 0 10px;
font-size:86%
}
.orderimportant {
font-size:116%;
letter-spacing:0.2em;
font-weight:700
}
.ordercontent table {
border:0;
padding:2px
}
#calculatedshipping {
color:black;
font-size:14px
}
.newtotal {
clear:both;
float:left;
margin-top:2px;
font-size:19px;
background-color:#303030;
color:#ffffff;
padding:12px
}
#cartnotes {
font-size:100%;
margin-top:-2px
}
.notesheader {
clear:both;
float:left;
background-color:#4a4a4a;
color:#ffffff;
font-weight:600;
font-size:80%;
height:18px;
padding:3px 2px;
text-indent:3px;
width:562px;
margin:3px 0 3px 8px;
}
#shoppingcartpage #rightmain {
height:760px
}
/*h2.guide, h4.guide {
font-size:116%;
line-height:20px;
background-color:#22487f;
padding:3px
}
h2.guide {
background-color:#ffffff
}*/
#findbox {
float:left;
margin:5px 0 0 8px;
font-size:86%
}
#address {
clear:left;
float:left;
display:inline
}
ul#contactlist li {
width:197px
}
#question {
clear:left;
float:left;
display:inline;
margin:12px 0 0 6px
}
#location {
/*float:right;
width:444px;
display:inline;
margin:32px 2px 0 0*/
position:absolute;
top:48px;
right:3px
}
#directions {
width:auto;
height:auto;
/*float:right;
display:inline;
margin:-2px 4px 4px 0*/
position:absolute;
top:413px;
right:3px
}
#directions form label {
width:100%
}
#contactform {
clear:left;
float:left;
display:block;
/*border: 1px solid #e1e1e1;*/
padding:3px
}
fieldset#contactformdetails {
width:auto
}
#orderSuccessfulpage #checkoutcontent.contentmain {
width:710px;
overflow:hidden;
display:inline
}

a#topcheckoutlink {
position:relative;
z-index:100;
clear:both;
float:left;
margin:2px 0 0 -1px;
padding:2px
}
a#topcheckoutlink:hover {
background-color:#163b5c;
color:#e2e2e2
}
/*--- contact form --- */
#contactform, #bookingform {
        clear:both;
        float:left;
        /*margin-left:35px*/
}
#contactform input, #bookingform input, select, textarea  {
        background-color:#e6e6e6;
        border:1px solid #c8c8c8
}

/*#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:#a6272c;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}


#tooltip.default{
    border:3px solid white;
    background:whitesmoke;
    color:gray;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    margin-top:2px;
}


#tooltip.default #ttimg.top{
	position:absolute;
		margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}*/
.close-round {
width:29px;
height:29px;
background:url(images/close-round.png) center no-repeat;
z-index:100;
position:absolute;
top:-16px;
right:-16px;
cursor:pointer
}
.bstip {
border:5px solid #303030;
background-color:#e32329;
z-index:100;
padding:0
}
.clearfix {
clear:both;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#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;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(facebox/closelabel.gif) center no-repeat; width:66px; height:22px; text-indent:-9999px;}
        /*#cboxClose.hover{background-position:-25px -25px;}*/

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error {
    color:#fff;
    clear:none;
    float:left;
    margin-left:2px;
    background-image:url('arrow.gif');
    background-position:center left;
    background-repeat:no-repeat;
    background-color:#fff;
    padding:2px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes
 * and '.validity-modal-msg:hover' is applied to suggest
 * to the user that the boxes are clickable.
 */
.validity-modal-msg {
    position:absolute;
    z-index:2;
    background-color:#999;
    border:solid 1px #000;
    padding:4px;
    cursor:pointer;
}
.validity-modal-msg:hover {
    background-color:#aaa;
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL
 * which is the actual summary. The container can hold
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }