@charset "utf-8";

a.sml:hover{color:c0c0c0; background-color:transparent; }
a.sml2:hover{color:FA5106; background-color:transparent; }
a.sml3:hover{color:FA5106; background-color:FFFFFF; }
a.sml4:hover{color:A01212; background-color:transparent; }

body {
margin: 0; padding: 0;
font-size: 70%;
background: #eee; 
border-top: 5px solid #333; 
}

.required{color:#FF3300;}
#success{padding:10px; background-color:#E6FCCF; border:1px dotted #C4F2A8;}
#fail{padding:10px; background-color:#FFDDDE; border:1px dotted  #FF8C8F;}
 
a.tooltip{position:absolute; top:0; right:0; width:320px; height:80px;}
a.tooltip span {display:none;}
a.tooltip:hover{text-decoration:none!important;}
a.tooltip:hover span{-moz-border-radius: 5px;
-webkit-border-radius: 5px; display:inline; position:absolute; top:-55px; right:0; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; text-decoration:none!important; text-align:center; width:305px; padding:10px; }



#doorbanner{font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:#dd1821; float:left; clear:both; width:580px; padding:5px 10px 8px 10px; margin:0 0 15px 26px; display:inline }
#doorbanner a:hover{text-decoration:none!important;}

#banner{background:url("../images/banner.jpg") top left; float:left; width:604px; height:92px; margin:0 0 25px 23px; position:relative; z-index:0;}
.price2{color:#729c0f!important; font-weight:bold;}
.price2 span{color:#729c0f; font-size:19px; font-weight:bold;}

#productRight p { color: #555;  }
#productTitle { font-size: 190%; margin: 0!important; padding: 0; color: #222; font-weight: bold;  }
#productRef { font-weight: bold;  margin: 5px 0 15px 0; padding: 0; }
#productRRP { margin: 0 0 5px 0; padding: 0; font-size: 140%;}
#productPrice { margin: 0 0 5px 0; padding: 0; font-size: 140%;}
#productSaving { margin: 0 0 5px 0; padding: 0; font-size: 140%; }

#productRRP strike { font-size: 130%; }
#productPrice strong { font-size: 130%; color: #111;}
#productSaving strong { font-size: 130%; color: #4F7001;  }

a { color: #f50000; text-decoration: none; }
a:hover { color: #f50000; text-decoration: underline;  }
a img { border: 0; }

p { color: #444!important; }
#productRight p { line-height: 1.5em; }

#container { width: 1100px; margin: 0 auto 0 auto; padding: 0; background: #fff url("../images/container.jpg") top center repeat-y; }

#topHeader { float: left; width: 670px; margin: 0 0 10px 0; padding: 0; background: #fff; text-align: center; }
#topHeader h1 { font-size: 210%; margin: 0; padding: 0 0 10px 0; font-family: arial, helvetica; letter-spacing: -0.015em; }
#topHeader p { font-size: 150%; margin: 0; padding: 0 0 15px 0; color: #666; font-family: arial, helvetica; letter-spacing: -0.015em; }
#topHeader p strong { }

#content { float: left; width: 670px; margin: 0 0 15px 0; padding: 0; background: #fff; }
#left { float: left; width: 200px; margin: 0 0 15px 0; padding: 0 30px 0 0; background: #fff; }

#nav { float: left; clear: both; width: 900px; list-style: none; margin: 0!important; padding: 10px 0 0 0; background: #fff; border-bottom: 3px solid #414142; position:relative; z-index:50; }
#nav li { position: relative; float: left; width: auto; margin: 0 2px 0 0; padding: 0; background: #DE1821; }
#nav li a { display: block; width: auto; background: #DE1821 url("../images/navUnderLeft.jpg") 0 0 no-repeat; margin: 0; padding: 0; color: #fff; font-weight: bold; text-decoration: none; font-size: 120%; text-align: center; font-family: arial, helvetica, sans-serif; }
#nav li a span { display: block; width: auto; padding: 10px 20px 8px 20px; background: transparent url("../images/navUnderRight.jpg") top right no-repeat; }
#nav li a:hover { background: #414142 url("../images/navOverLeft.jpg") 0 0 no-repeat; }
#nav li a:hover span { background: transparent url("../images/navOverRight.jpg") top right no-repeat; }

#nav li:hover a { background: #414142 url("../images/navOverLeft.jpg") 0 0 no-repeat; }
#nav li:hover a span { background: transparent url("../images/navOverRight.jpg") top right no-repeat; }
#nav li:hover .subNav { display: block; }
.subNav { display: none; position: absolute; top: 34px; left: 0; width: 200px; list-style: none; margin: 0 0 10px 0; padding: 0; background: #fff!important; border-top: 3px solid #414142; }
.subNav li { float: left; clear: both; text-align: left!important; width: 200px!important; margin: 0!important; padding: 0!important; background: #444!important; }
.subNav li a { font-weight: bold!important; text-align: left!important; font-size: 100%!important; border-left: 4px solid #555; display: block!important; width: 176px!important; background: #222!important; margin: 0 0 1px 0!important; padding: 5px 10px 5px 10px!important; color: #fff!important; font-family: arial, helvetica, sans-serif!important; text-decoration: none!important;}
.subNav li a:hover { border-left: 4px solid #B00000; background: #DD1821!important;  }
		
#leftNav { float: left; clear: both; width: 200px; list-style: none; margin: 0 0 10px 0; padding: 0; background: #fff; }
#leftNav li { float: left; clear: both; text-align: left; width: 200px; margin: 0; padding: 0; }
#leftNav li a { border-left: 4px solid #B00000; display: block; width: 176px; background: #DD1821; margin: 0 0 1px 0; padding: 5px 10px 5px 10px; color: #fff; font-family: arial, helvetica, sans-serif; text-decoration: none;}
#leftNav li a:hover { border-left: 4px solid #555; background: #222; }

.listItem { float: left; clear: both; width: 670px; background: #fff; text-align: left; margin: 5px 0 5px 0; padding: 0; font-family: arial, helvetica, serif; }
.listItem h3 { float: left; clear: both; width: 650px; background: #fff url("../images/greyFade.jpg") 0 0 repeat-x; text-align: left; margin: 0; padding: 5px 10px; font-size: 120%; border-bottom: 1px solid #ccc; }
.listItem p { margin: 0; padding: 10px 10px; clear: both; color: #555; font-size: 110%!important; line-height: 1.5em; }
.listItem p a { color: #f50000; font-size: 110%!important; font-family: arial, helvetica, serif; }
.listItem p a:hover { text-decoration: underline; }

#listItemList { float: left; width: 560px; clear: both; list-style: none; margin: 0 0 15px 10px; padding: 0; background: #fff; }
#listItemList li { text-align: left; float: left!important; width: 186px!important; background: #fff; margin: 0 0 2px 0!important; padding: 0!important; }
#listItemList li a { display: block; clear: none!important; color: #f50000; font-family: arial, helvetica, serif; font-weight: normal; font-size: 110%;  }
#listItemList li a:hover { background: none; text-decoration: underline; }

.h2 { clear: both; text-align: left; margin: 0 0 12px 10px; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 160%; }

input.sub { color: #fff; font-size: 100%; background: #f50000 url("../images/navFade.jpg") 0 0 repeat-x; border: 2px solid #f50000; margin: 0 5px 0 5px; padding: 4px 8px; cursor: pointer;  }
input.sub:hover { background: #222 url("../images/navFadeOver.jpg") 0 0 repeat-x; color: #fff; border: 2px solid #444;  }

#footerLinks { float: left; clear: both; width: 898px; background: #fff url("../images/greyFade.jpg") 0 0 repeat-x; margin: 15px 0 15px 0; padding: 0; list-style: none; border: 1px solid #ddd; }
#footerLinks li { float: left; margin: 0; padding: 5px 0 5px 25px; }
#footerLinks li a { color: #666; }
#footerLinks li a:hover { color: #f50000; }

#footerCopy { float: left; clear: both; width: 900px; color: #bbb; margin: 0; padding: 0 0 15px 0; text-align: center; color: #bbb!important; }
#footerCopy a { color: #bbb; font-weight: normal; text-decoration: underline; }
#footerCopy a:hover { color: #f50000; }

#header { position: relative; float: left; clear: both; width: 900px; margin: 0; padding: 0 0 15px 0; background: #fff; }
#header #logo { float: left; clear: both; width: 300px; margin: 10px 0 10px 0; padding: 0; }
#header #logo img { border: 0; }
#header p { float: left; clear: both; width: 500px; background: #fff; text-indent: 0; margin: 0!important; padding: 0 0 10px 10px!important; color: #666; font-size: 130%; font-family: arial, helvetica, sans-serif; }

#number { position: absolute; top: 47px; right: 15px; width: 229px; margin: 0; padding: 0; }
#number img { padding: 0 0 0 30px; }
#number p { width: 229px; margin: 0; padding: 0; font-weight: bold; font-size: 110%; text-align: right; }

.panel a img { border: 0; }

#productDesc p { margin: 0; padding: 0; }

#items { float: left; clear: both; width: 665px; margin: 0 0 20px 0; padding: 0; background: transparent; }
.item { float: left; width: 135px; margin: 0; padding: 0 15px 0 15px; background: transparent; text-align: center; }
.item p { float: left; width: 135px; clear: both!important; line-height: normal; margin: 0; padding: 0 0 5px 0; text-align: center; }
.item p.name { font-weight: bold; color: #000!important; }
.item p.price { color: #777!important; padding: 0 0 7px 0; font-size: 130%;}
.item p.price span { color: #000; font-weight: bold; font-size: 110%; }

.item p.details a { display: block!important; width: 70px!important; color: #fff; background: #DD0000; margin: 0 0 0 20px; padding: 7px 10px; border: 3px solid #BB0000;  }
.item p.details a:hover { text-decoration: none; }

/*


*/
#number2 { position: absolute; top: 47px; right: 15px; width: 334px; margin: 0; padding: 0; }
#number2 img { padding: 0 0 0 30px; }
#number2 p { width: 229px; margin: 0; padding: 0; font-weight: bold; font-size: 110%; text-align: right; }



#number3 { position: absolute; top: 10px; right: 75px; width: 334px; margin: 0; padding: 0; }
#number3 img { padding: 0 0 0 30px; }
#number3 p { width: 229px; margin: 0; padding: 0; font-weight: bold; font-size: 110%; text-align: right; }

#header h1 { float: left; clear: both; width: 500px; background: #fff; text-indent: 0; margin: 0!important; padding: 0 0 10px 10px!important; color: #666; font-size: 130%; font-family: arial, helvetica, sans-serif; }