@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; }

/**/

#container .category{background:#0C0;}
#container .category h3 a{background:#33C;}
#container .category a.detials{background:#966;}
/**/

a.pdf{background:url('../images/pdf.png') 0 0 no-repeat; height:25px; line-height:23px; display:block; padding:0 0 0 27px;}


#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 { width: 900px; list-style: none; margin: 0!important; padding: 10px 0 0 0; background: #fff; border-bottom: 3px solid #414142; position:absolute; z-index:50; top:155px; }
#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; height:200px; }
#logo-icons{position:absolute; top:124px; left:0;}
#header #logo { width: 300px; position:absolute; top:5px; left:0px;}
#header #logo img { border: 0; }
#vatbanner{position:absolute; top:20px ; left:334px;}
#header h1{position:absolute; top:98px; left:0; color: #000100; font-size: 12px; font-family: arial, helvetica, sans-serif;}


#callfor{position:absolute; top:15px; right:219px; font-size:16px!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif!important;}
#callback{position:absolute; top:19px; right:100px; font-size:12px!important; font-family:Arial, Helvetica, sans-serif!important;}
#phonenum{position:absolute; top:37px; right:95px;}
#linesopen{position:absolute; top:84px; right:96px; font-family:Arial, Helvetica, sans-serif!important; font-size:14px; font-weight:bold;}
#creditcards{position:absolute; top:108px; right:95px;}
#guild{position: absolute; right: 348px; top: 82px;}

body.installer-240 img#guild{display:none;} /*Ashford Installer Page*/
body.installer-109 img#guild{display:none;} /*Canterbury Installer Page*/


body.nonApproved #fensa{display:none;}


#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; cursor:pointer;  }
.item p.details a:hover { text-decoration: none; }

/*HOMEPAGE CATEGORIES*/
#container-items { float: left; clear: both; width: 665px; margin: 0 0 20px 0; padding: 0; background: transparent; position:relative; }
#container-items .door-category { float: left; width: 150px; margin: 0 10px 20px 0;  text-align: center; height:376px; position:relative;  display:inline;  }
#container-items .door-category h3{font-size:12px!important;}
#container-items .door-category h3 a{ display:block; width:150px; position:absolute; top:0; left:0; height:46px; padding:10px 0 0 0; color:#FFF!important; font-family:Tahoma, Geneva, sans-serif!important; text-shadow: #00114c 1px 1px 1px; text-decoration:none;}
a.featured-door{position:relative;  left:0;bottom:0px; width:150px; font-size:10px; font-weight:normal!important; color:#606060!important; text-decoration:underline;}

#cat-1 { background:url("../images/cat1.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-2 { background:url("../images/cat2.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-3 { background:url("../images/cat3.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-4 { background:url("../images/cat4.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-5 { background:url("../images/cat5.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-6 { background:url("../images/cat6.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-7 { background:url("../images/cat7.jpg") top left no-repeat; float: left; width: 150px; height:366px  }
#cat-8 { background:url("../images/cat8.jpg") top left no-repeat; float: left; width: 150px; height:366px  }

#container-items .door-category a.cat-details{ position:absolute; left:0; bottom:0; height:320px; width:150px; font-family:Arial, Helvetica, sans-serif!important; text-decoration:none; cursor:pointer; outline:none;}
#container-items .door-category a.cat-details .bot{position:absolute; bottom:26px; left:0; text-transform:uppercase; width:150px;}
.pricefrom{font-size:14px;}
.price{font-size:25px;}
.offer{font-size:12px; text-transform:none!important; color:#020001!important;}
/*HOMEPAGE CATEGORIES*/


/*COMPOSITE DOORS PAGE*/
p.intro{font-size:13px; line-height:18px;}
#container-items.main-category .door-category { margin: 0 15px 20px 0;  text-align: center; position:relative;  display:inline;  }
#container-items.main-category .door-category h3{font-size:12px!important;}
#container-items.main-category .door-category h3 a{    
	color: #FFFFFF !important;
    display: block;
    font-family: Tahoma,Geneva,sans-serif !important;
    height: 46px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    text-shadow: 1px 1px 1px #00114C;
    top: 0;
    width: 181px;}
a.featured-door{
    bottom: -5px;
    color: #606060 !important;
    font-size: 10px;
    font-weight: normal !important;
    left: 0;
    position: relative;
    text-decoration: underline;
    width: 202px;
}


#cat-valuedoors,
#cat-veka,
#cat-rockdoors,
#container-items.main-category .door-category{float: left; width: 202px; height:406px}

#cat-valuedoors {background:url("../images/valuedoors-cat.jpg") top left no-repeat;  }
#cat-veka { background:url("../images/veka-cat.jpg") top left no-repeat;  }
#cat-rockdoors  { background:url("../images/rockdoor-cat.jpg") top left no-repeat; }


#container-items.main-category .description{font-size: 12px;line-height: 18px;margin: 25px 0 0;text-align: left; width:190px;}
#container-items.main-category .door-category a.cat-details{ position:absolute; left:0; bottom:0; height:350px; width:202px; font-family:Arial, Helvetica, sans-serif!important; text-decoration:none; cursor:pointer; outline:none;}
#container-items.main-category .door-category a.cat-details .bot{position:absolute; bottom:55px; left:0; text-transform:uppercase; width:202px;}

/*COMPOSITE DOORS PAGE*/


#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; }




#installerEnquiry { border: 1px solid black; float:left; width:668px; padding:0 8px 15px 8px; font: normal 16px tahoma,arial,helvetica,sans-serif; margin-top:62px; }
#installerEnquiry label { clear:left; float:left; display:block; width: 116px; margin: 6px 0; padding:4px;}
#installerEnquiry input { float:left; display:block; width: 200px; margin: 6px 0; padding:4px;}
#installerEnquiry textarea {width: 204px;margin: 6px 0; float:left; height:130px; }
#installerEnquiry .sub { clear:both; float:left; margin:20px 0 0 130px; display:inline;  }
#errMsg { border: 1px solid red; color: red; padding: 6px; font-weight:bold; margin: 10px 0; }
#google {float:left; margin-top:10px; margin-right:-12px; margin-left:5px}
#twitter { float:left; margin-top:10px; }
#facebook {float:left; margin-top:10px; margin-left:5px;}
.social {float:right; margin-top:-108px;}

.franchisee {background:#FAEFD1; width:286px; float:left; padding:10px; margin-top:20px; margin-bottom:20px; margin-right:-3px; }
.franchisee img{float:left; position:relative; top:0; border:0; margin-right:5px; margin-top:5px; margin-bottom:10px;}
#cat-1small { background:url("../images/cat1small.jpg") top left no-repeat; float: left; width: 100px; height:242px;   }
#cat-2small { background:url("../images/cat2small.jpg") top left no-repeat; float: left; width: 100px; height:242px;   }
#cat-3small { background:url("../images/cat3small.jpg") top left no-repeat; float: left; width: 100px; height:242px;   }
#cat-4small { background:url("../images/cat4small.jpg") top left no-repeat; float: left; width: 100px; height:242px; margin-top:20px;  }
#cat-5small { background:url("../images/cat5small.jpg") top left no-repeat; float: left; width: 100px; height:242px; margin-top:20px;  }
#cat-6small { background:url("../images/cat6small.jpg") top left no-repeat; float: left; width: 100px; height:242px; margin-top:20px;  }
#cat-7small { background:url("../images/cat7small.jpg") top left no-repeat; float: left; width: 100px; height:242px; margin-top:40px;  }
#cat-8small { background:url("../images/cat8small.jpg") top left no-repeat; float: left; width: 100px; height:242px; margin-top:40px;  }
#cat-1small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-2small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-3small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-4small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-5small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-6small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-7small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
#cat-8small h3{font-size:10px !important; color:#FFFFFF; line-height: 11px; margin-top: 0;}
.smoffer {color: #020001 !important; font-size: 10px; text-transform: none !important;}
.smprice {font-size:20px;}
.smpricefrom {font-size:12px}
.bots{position:absolute; bottom:1px; left:0; text-transform:uppercase; width:100px;}
.botts{position:absolute; bottom:-20px; left:0; text-transform:uppercase; width:100px;}
.bottom {position:absolute; bottom:-40px; left:0; text-transform:uppercase; width:100px;}
.small-doors {display: inline; float: left; height: 242px; margin: 0 10px 20px 0; position: relative; text-align: center; width: 100px;}
#cat-1small h3 a {color:#FFFFFF}
#cat-2small h3 a {color:#FFFFFF}
#cat-3small h3 a {color:#FFFFFF}
#cat-4small h3 a {color:#FFFFFF}
#cat-5small h3 a {color:#FFFFFF}
#cat-6small h3 a {color:#FFFFFF}
#cat-7small h3 a {color:#FFFFFF}
#cat-8small h3 a {color:#FFFFFF}
.valuecats {width:330px; float:right;}
.message{float:right;}

#installations {font-size:12px}
.information {float:left; margin-right:5px; margin-bottom:20px; font-size:12px; width:368px;}
.cat-detailscat{bottom: 0;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif !important;
    height: 242px;
    left: 0;
    outline: medium none;
    position: absolute;
    text-decoration: none;
    width: 100px;}