@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:url(images/bg.jpg) repeat-x top #ecf3fa; font-family:Arial, Helvetica, sans-serif; color:#343638}
a{outline:none; color:#cf4845; text-decoration:none}
a:hover{outline:none; color:#000; text-decoration:none}
a img{border:0}
p{margin:0 0 20px 0}
img, div, input{ behavior: url("iepngfix.htc") }
.clear{font-size:0; line-height:0; margin:0; padding:0; height:0; clear:both}


.wrapper{ width:946px; margin:0 auto; background:url(images/container-bg.jpg) repeat-y}
.wrapper-top-bg{width:946px; float:left ; background:url(images/container-bg-top.jpg) no-repeat top}

.header{float:left; width:946px; height:95px;}
.header .logo{float:left; width:350px; margin:17px 0 0 21px; display:inline}
.header .free-phone{float:right; width:350px; margin:23px 36px 0 0px; text-align:right; display:inline}

.nav-container{float:left; position:relative; height:285px; width:946px}
.nav-bg{float:left; position:absolute ; z-index:50; width:934px; padding:0px 6px; height:41px; background:url(images/nav-bg.png) no-repeat top left}
.banner{float:left; position:absolute ; z-index:10; top:22px; padding-left:6px; width:940px; }

.nav{float:left; position:absolute ; z-index:100; width:934px;  height:41px; padding-top:6px; padding-left:7px }

.nav ul{
font: bold 12px arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.nav li{
display:inline;
margin:0;
padding:0 4px 0 6px;
line-height: 1.3em;
font-size: 12px;
float:left;
background:url(images/nav-li-bg.gif) no-repeat right center
}

.nav li.last{background:none}


.nav a{
float:left;
color:#fff;
background: url(images/tabs_left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

.nav a span{
float:left;
display:block;
color:#fff;
background: url(images/tabs_right.gif) no-repeat right top;
padding:5px 9px 5px 0px;

}

.nav a span{
float:none;
}


.nav a:hover{
background-position:0% -27px;
}

.nav a:hover span{
color: #003467;
background-position:100% -27px;
}

.active a
{
background-position:0% -27px;
}
.active a span{
color: #003467;
background-position:100% -27px;
}

.container{float:left; width:874px; padding:30px 36px 16px 36px;background:url(images/banner-bot-bg.jpg) no-repeat left top ; font-size:12px}
.column-left{float:left; width:582px}
.column-right{float:right; width:232px}

.page-title{font-size:20px; margin:0 0 20px 0; color:#527395; float:left; width:582px }
.page-text{font-size:12px; color:#343638;  float:left; width:582px}

.home-three-box{float:left; width:582px; border-bottom:1px solid #e0dfdf; padding-bottom:20px; margin-bottom:20px}
.home-three-box .title{float:left; width:582px; padding-bottom:20px; font-size:12px; color:#343638; font-weight:bold}
.home-three-box .box{float:left; width:174px;}
.home-three-box .box h2{font-size:14px; font-weight:bold; margin:0 0 12px 0; color:#527395}
.home-three-box .box img{display:block; float:left; margin-bottom:13px}
.home-three-box .box .text{float:left; width:174px;}


.free-offer{float:left; padding-bottom:20px; width:232px; height:106px}
.carpet-colours{float:left; width:232px}
.carpet-colours h2{font-size:14px; font-weight:bold; color:#527395; border-bottom:2px solid #d1d5d9; margin:0 0 20px 0; padding-bottom:10px; line-height:15px}
.carpet-colours .text-container{float:left; width:232px; margin-bottom:20px; }
.carpet-colours .text-container .img-box{float:left; width:71px; margin-right:9px; margin-bottom:12px}
.carpet-colours .text-container .img-box-last{float:left; width:71px; margin-bottom:12px}
.carpet-colours .text-container .img-box-last .image,
.carpet-colours .text-container .img-box .image{ display:block; float:left; margin-bottom:7px }
.carpet-colours .text-container .img-box-last .title,
.carpet-colours .text-container .img-box .title{float:left;font-size:11px; line-height:12px; width:71px; font-weight:bold; color:#343638}



.footer{ width:946px; margin:0 auto; background: url(images/footer-bg.jpg) no-repeat top}
.footer-container{width:874px; float:left ; padding:45px 36px 20px 36px; color:#4c545c; font-size:11px}
.footer-container .link{width:580px; float:left; line-height:20px}
.footer-container .link a{ color:#4c545c; text-decoration:none; font-size:12px}
.footer-container .link a:hover{ color:#000; text-decoration:none}
.footer-container .link span{padding:0 7px;font-size:12px}
.footer-container .powered-by{ float:right; width:200px ; text-align:right}
.footer-link:hover {color:#323232;}
.footer-link {color:#A3A3A4;text-decoration:none;}
/* --------------------------------------------New CSS--------------------------------------- */

.RequierFieldImage
{
	float: none;
	background-position: top;
	background-image: url( Images/RequierFieldImage.gif);
	background-repeat: no-repeat;
	padding-left: 3px;
}

.Warning
{
	color: Red;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float: none;
	padding: 5px 5px 5px 5px;
	border: 1px solid #DBDABC;
	background-color: #FFF6C8;
	width: 97%;
}

.ToolTip
{
	color: Red;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float: none;
	padding: 5px 5px 5px 5px;
	border: 1px solid #DBDABC;
	background-color: #FFF6C8;
	width: 97%;
}

.ErrorMessage
{
	color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float: none;
	padding: 5px 5px 5px 5px;
	border: 1px solid #DBDABC;
	background-color: Red;
	width: 97%;
}

.Information
{
	color: Red;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float: none;
	padding: 5px 5px 5px 5px;
	border: 1px solid #DBDABC;
	background-color: #FFF6C8;
	width: 97%;
}


.ShowError
{
	padding: 0px 0px 5px 0px;
}

.Error
{
	background-image: url(Images/red_star.png);
	background-repeat: no-repeat;
	float: none;
	background-position: center;
	height: 16px;
	width: 16px;
	padding: 0px 20px 0px 0px;
}

.kitTitle
{
	color:#527395;
	font-size:12px;
}