@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 12px;
}
.clear {
	clear: both;
}

.title{
background-color: #FFFFFF;
color: #8D333F;
margin: 10px;
font-size: 16px;
font-weight: bold;
}
#container {
	position: relative;
	width: 1033px;
	margin: 10px auto 10px auto;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
}
#masthead {
	background-color: #FFFFFF;
	height: 131px;
	text-align: left;
}
#masthead img {
	float: right;
}
#masthead h1 {
	color: #8D333F;
	padding: 15px;
	margin: 0;
}
#masthead h2 {
	margin: 0px 0 0 15px;
	color: #656565;
	padding: 0px;
	font-size: 12px;
}
#masthead h3 {
	margin: 20px 0 0px 15px;
	color: #000000;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
}
#navbar {
	text-align:left;
	float:left;
	background-color:#2D879F;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	margin: 20px 0 0 10px;
}
#navbar a {
	color: #FFF;
	text-decoration:none;
}
#sidea {
	float: left;
	width: 163px;
	background-color: #FFFFFF;
	padding: 10px;
}
#sidea img {
	padding: 10px 0 0 0;
}
#nav ul {
	list-style-type:none;
	background-color: #2D879F;
	width: 162px;
	padding: 0px;
	margin: 10px 0 0 0;
	float: left;
}
#nav li {
	margin: 0px;
	padding: 0px;
}
#nav a {
	display: block;
	color: #FFF;
	text-decoration:none;
	padding: 2px 0 2px 10px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	font-size: 12px;
}
#nav #nav_con a {
	border: none;
}
#nav a:hover {
	background: #4F4532;
}
h4 {
	float:left;
	background-color: #2D879F;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	margin: 20px 0 0 0;
	width: 640px;
}
h5 {
	float:left;
	background-color: #8DBECC;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	margin: 40px 0 10px 0;
	width: 640px;
}
#main {
	width: 659px;
	float: left;
	background-color: #FFFFFF;
}
#main img {
	float: left;
	padding:20px 10px 40px 10px;
}
#sideb {
	float: right;
	width: 164px;
	background-color: #FFFFFF;
	padding: 10px;
}
img.shop {
	margin: -30px 0 0 0;
}
#sideb img {
	padding: 5px 0 0 0;
}
#footer {
	text-align:center;
	padding: 5px 0 5px 0;
	margin: 10px 0 0 0;
}
#shopping_cart {	/* Shopping cart */
	margin:3px;
	padding:3px;
}
.clear {
	clear:both;
}
.product_container {	/* Div for each product */
	width:190px;
	margin-right:15px;
	float:left;
	margin-top:3px;
	padding:2px;
	font-weight:bold;
}
.sliding_product img {	/* Float product images */
	float:left;
	margin:2px;
}
img {	/* No image borders */
	border:0px;
}

.clear { clear: both; height: 1px; overflow: hidden; font-size: 1px; }

.quotecss #divQuote h1, .quotecss #main h1 { font: 1.4em Arial, Helvetica, sans-serif; }
.quotecss #divQuote h2, .quotecss #main h2 { font: 1.3em Arial, Helvetica, sans-serif; }
.quotecss #divQuote h3, .quotecss #main h3 { font: 1.2em Arial, Helvetica, sans-serif; }

#divQuote, #divTypes, #divDescription { height: 1%; overflow: hidden; clear: both; }
#divQuote h1.title { padding: 0 0 5px 0; font: bold 14px Arial, Helvetica, sans-serif; color: #D77729; border-bottom: 2px solid #D8D8D8; }
#divQuote a { text-decoration: none; }
#divQuote ul { list-style-type: none; }

#divCategories, #divTypes, .divTypeDesc, #divPrice { padding: 0; }
#divCategories ul { padding: 10px 0 0 0; }
#divCategories ul li { float: left; margin: 0 30px 0 0; background: #CCC none repeat; border: 1px solid #999; }
#divCategories li:hover, #divCategories li.current { background: none repeat #2E88A0; }

#divCategories .divDescription { padding: 10px; margin: 10px 0 10px 0px; background: #E9E5D9 none repeat; }
#divCategories .divDescription p { margin: 0; font: bold 12px Arial, Helvetica, sans-serif; }
#divCategories .divDescription h3 { margin: 0; color: #F01929; font: bold 13px Arial, Helvetica, sans-serif; }

.divTypeDesc h3 { padding: 5px; background: #62421C none repeat; color: #FFF; font: bold 13px Arial, Helvetica, sans-serif; }
#divTypes .divType { width: 140px; float: left; margin: 10px 30px 10px 0; background: #CC9552 none repeat; }
#divTypes .divType a { width: 114px; }
#divTypes .divType:hover, #divTypes .divType.current { background: #B3CAA6 none repeat; }
#divTypes .divType span.typename { display: block; position: relative; top: -20px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; }

#main #divPrice table, #divBasket table, .tblQuote { width: 98%; margin: 15px auto; border-collapse: collapse; }
#main #divPrice table td { border: 1px solid #DCB98C; padding: 10px; }
table .size { font: bold 12px Arial,Helvetica,sans-serif; text-align: center; vertical-align: baseline; }
#main table .size img.imgsize { float: left; padding: 0; }
table .price, table .price a { color: #F01929; font: bold 12px Arial,Helvetica,sans-serif; text-align: center; }
table .price a { padding: 0 25px 0 0; background: url(images/add.gif) no-repeat top right; }
span.productcode, span.glazing { font: bold 12px Arial, Helvetica, sans-serif; }
span.glazing { color: #3072A4; }

#divBasket table td { border: 1px solid #000; padding: 5px; }
#divBasket h3 { padding: 10px 0 10px 30px; background: url(images/add-to-basket.gif) no-repeat center left; font: bold 15px Arial, Helvetica, sans-serif; border-bottom: 2px solid #D8D8D8; }
#divBasket h3 span { color: red; }
td.removeitem { color: red; }
td.removeitems a { display: block; padding: 0 0 0 20px; background: url(images/delete.gif) no-repeat left center; }
td.framesize input { width: 70px; }
td.productquantity input { width: 50px; }
td.productprice input { width: 100px; }
#divCategories ul li { position: relative; }
#divCategories p.categoryname { width: 130px; position: absolute; bottom: 0; left: 0; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; }
p.step a { width: 200px; line-height: 30px; text-align: center; float: right; background: #900 none repeat; color: #FFF; font-weight: bold; text-decoration: none; }


.aboutloft #divTileTypes ul { list-style-type: none; }
.aboutloft #divTiles li { float: left; position: relative; }
.aboutloft #divTiles li img { margin: 0 5px; }
.aboutloft p.typename { width: 120px; position: absolute; bottom: 0; left: 0; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; }
.aboutloft #isConverted, .aboutloft #divCeilingType, .aboutloft #divIsFit { margin: 10px 0 0; }
.aboutloft .info { margin: 10px 0; padding: 10px; line-height: 20px; background: #A1AFD2 none repeat; }
.aboutloft p.step { clear: both; position: relative; top: 20px; margin: 0; }

.tblQuote { width: 500px; margin: 20px 2px; }
.tblQuote td { border: 1px solid #DCB98C; padding: 5px; font: 12px Arial, Helvetica, sans-serif; }
td.discount { text-decoration: line-through; }

#divContact ul { margin: 0!important; padding: 0!important; }
#divContact label { display: block; padding: 0 0 5px 0; font: bold 12px Arial, Helvetica, sans-serif; color: #986840; }
#divContact li { margin: 5px 0; }
span.required { color: red; vertical-align: baseline; }
#divContact #txtComments { width: 500px; height: 150px; }
.mileage #divQuote p { margin: 5px 0; }
#divContact .button { width: 70px; background: #FFF none repeat; border: 1px solid #000; padding: 5px; cursor: pointer; font-weight: bold; }


.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style3 {
	color: #000000;
	font-weight: bold;
}
.quote {
	background: #8DBECC none repeat; 
color: #000000; 
font: 12px Arial, 
Helvetica, sans-serif;  
margin: 10px 0 10px 0; 
padding: 10px ;
}

.style6 {color: #FFFFFF; font-size: 18px; }
.linker {
	background: #8DBECC none repeat; color: #000000; font: 12px Arial, Helvetica, sans-serif; width: 180px; margin: 0px; padding: 10px;}
}