/************************/

/*Q4Bathrooms2010*/

/*************************/
/*******************************************************global*/
*{margin:0;padding:0;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666;
	background:#fff url('http://www.q4bathrooms.com/images/bgMain.jpg') repeat-x 0 0;
	}
body p{
	margin:15px 0;
	line-height:1.6em;
	}
body p b{
	color:#777;
	}
body p strong{
	color:#0072bc;
	}
a img{
	border:0;
	}
a:link,
a:visited,
a:hover,
a:active{
	outline:none !important;
	}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-family:Arial;
	letter-spacing:-0.05em;
	color:#0072bc;
	}
h1{
	margin-bottom:20px;
	}
body .middle{
	width:960px;
	height:auto;
	overflow:auto;
	clear:both;
	margin:0 auto 40px auto;
	}
/*******************************************************mainDIV*/
#wrapper{
	position:relative;
	width:100%;
	height:auto;
	}
#wrapper #header{
	height:200px;
	}
#wrapper #header .middle{
	height:200px;
	overflow:hidden;
	background:transparent url('http://www.q4bathrooms.com/images/q4logo.jpg') no-repeat 0 99px;
	}
#wrapper #header .logo{
	width:960px;
	height:125px;
	padding:25px 0 0 0;
	clear:both;
	text-align:right;
	}
#wrapper #header .navigation{
	position:relative;
	width:960px;
	height:50px;
	clear:both;
	z-index:200;
	}
#wrapper #header .navigation ul,
#wrapper #header .navigation li{
	margin:0;
	padding:0;
	list-style:none;
	}
#wrapper #header .navigation ul{
	float:right;
	}
#wrapper #header .navigation li{
	float:left;
	}
#wrapper #header .navigation li a,
#wrapper #header .navigation li a:active,
#wrapper #header .navigation li a:visited{
	display:block;
	float:left;
	padding:10px 6px;
	margin:10px;
	line-height:10px;
	text-decoration:none;
	color:#fff;
	outline:none;
	border-bottom:4px #0182b9 solid;
	}
* html #wrapper #header .navigation li a,
* html #wrapper #header .navigation li a:active,
* html #wrapper #header .navigation li a:visited{
	margin:15px 5px 0 5px;
	}
*+html #wrapper #header .navigation li a,
*+html #wrapper #header .navigation li a:active,
*+html #wrapper #header .navigation li a:visited{
	margin:15px 10px 0 10px;
	}
#wrapper #header .navigation li a:hover{
	border-bottom:4px #4da4de solid;
	}
#wrapper #content{
	margin:20px 0 0 0;
	}
#wrapper #content a,
#wrapper #content a:visited{
	color:#0099FF;
	text-decoration:underline;
	}
#wrapper #content p a:hover{
	text-decoration:none;
	border-bottom:1px #09f dotted;
	color:#555;
	}
#wrapper #content #slideShow{
	float:right;
	width:400px;
	height:450px;
	margin:25px 0 0 20px;
	}
#wrapper #content .slides{
	float:left;
	clear:left;
	width:820px;
	height:265px;
	}
#wrapper #content #slideLeft{
	float:left;
	width:400px;
	height:250px;
	}
#wrapper #content #slideRight{
	float:right;
	width:400px;
	height:250px;
	}
#wrapper #content .text{
	float:left;
	clear:left;
	width:820px;
	height:auto;
	overflow:auto;
	}
#wrapper #content .text ul,
#wrapper #content .text li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style:square;
	line-height:20px;
	}
#wrapper #content .text ul{
	margin-bottom:30px;
	}
#wrapper #content .sideBar{
	float:right;
	clear:right;
	width:120px;
	height:680px;
	padding:0 0 0 10px;
	text-align:right;
	background:#fff;
	}
#wrapper #content .sideBar a,
#wrapper #content .sideBar a:visited{
	text-decoration:none;
	color:#0099FF;
	}
#wrapper #content .sideBar p{
	line-height:normal;
	font-size:0.9em;
	margin:0;
	}
#wrapper #content .sideBar span{
	display:block;
	letter-spacing:0.4em;
	}
#wrapper #content .sideBar ul,
#wrapper #content .sideBar li{
	list-style:none;
	}
#wrapper #content .sideBar li{
	margin:2px 0;
	}
* html #wrapper #content .sideBar li{
	margin:0;
	line-height:10px;
	}
#wrapper #content .sideBar li a,
#wrapper #content .sideBar li a:visited{
	display:block;
	padding:4px 3px 4px 0;
	background:#f9f9f9 url('http://www.q4bathrooms.com/images/popUp.gif') no-repeat 10px 50%;
	}
* html #wrapper #content .sideBar li a,
* html #wrapper #content .sideBar li a:visited{
	padding:2px 3px 2px 0;
	}
#wrapper #content .sideBar li a:hover{
	color:#333;
	background:#eee url('http://www.q4bathrooms.com/images/popUp.gif') no-repeat 10px 50%;
	}
#wrapper #content .sideBar li.pdf a,
#wrapper #content .sideBar li.pdf a:visited,
#wrapper #content .sideBar li.pdf a:hover{
	background:#f9f9f9 url('http://www.q4bathrooms.com/images/pdf.jpg') no-repeat 10px 50%;
	}
#wrapper #content .sideBar li.rss a,
#wrapper #content .sideBar li.rss a:visited,
#wrapper #content .sideBar li.rss a:hover{
	background:#f9f9f9 url('http://www.q4bathrooms.com/images/rsssml.jpg') no-repeat 10px 50%;
	}
#wrapper #content .sideBar li.none a,
#wrapper #content .sideBar li.none a:visited{
	background:#f9f9f9;
	}
#wrapper #content .sideBar li.none a:hover{
	background:#eee;
	}
#wrapper #content .sideBar h4{
	font-size:1.4em;
	margin:30px 0 10px 0;
	}
#wrapper #content .sideBar img{
	margin:10px 0;
	}
/*******************************************************offers*/
#offers{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:200px;
	z-index:100;
	background:transparent url('http://www.q4bathrooms.com/images/bgLogin.jpg') repeat-x 0 0;
}
#offers .offerInfo{
	position:relative;
	width:900px;
	height:200px;
	color:#0072bc;
	font-size:1.3em;
	clear:both;
	margin:0 auto;
	background:transparent url('http://www.q4bathrooms.com/images/q4LoginLogo.jpg') no-repeat 0 99px;
}
#offers .offerInfo a.close{
	display:block;
	padding:10px 20px;
	margin:0 0 0 30px;
	font-size:0.7em;
	float:right;
	text-decoration:none;
	color:#0072bc;
	}
#offers .offerInfo a.close img{
	vertical-align:top;
	margin:0 0 0 5px;
	}
#offers .offerInfo p{
	float:left;
	width:500px;
	}
/*******************************************************footer*/
#footer{
	width:100%;
	height:100px;
	background:#ddd;
	}
#footer a,
#footer a:visited{
	text-decoration:none;
	color:#999;
	}
#footer a:hover{
	color:#555;
	}
#footer .icon{
	float:right;
	width:200px;
	height:80px;
	clear:left;
	margin:10px 0;
	}
#footer h4{
	margin:8px 0 0 0;
	font-size:1.4em;
	}
/*******************************************************bodyStyles*/
body.home #wrapper #header .navigation li.hom,
body.latestnews #wrapper #header .navigation li.lat,
body.catalog #wrapper #header .navigation li.cat,
body.delivery #wrapper #header .navigation li.del,
body.contact #wrapper #header .navigation li.con,
body.offers #wrapper #header .navigation li.off,
body.media #wrapper #header .navigation li.med,
body.stock #wrapper #header .navigation li.sto,
body.homeDelivery #wrapper #header .navigation li.hoD{
	background:#fff;
	}
body.home #wrapper #header .navigation li.hom a,
body.home #wrapper #header .navigation li.hom a:visited,
body.latestnews #wrapper #header .navigation li.lat a,
body.latestnews #wrapper #header .navigation li.lat a:visited,
body.catalog #wrapper #header .navigation li.cat a,
body.catalog #wrapper #header .navigation li.cat a:visited,
body.delivery #wrapper #header .navigation li.del a,
body.delivery #wrapper #header .navigation li.del a:visited,
body.contact #wrapper #header .navigation li.con a,
body.contact #wrapper #header .navigation li.con a:visited,
body.offers #wrapper #header .navigation li.off a,
body.offers #wrapper #header .navigation li.off a:visited,
body.media #wrapper #header .navigation li.med a,
body.media #wrapper #header .navigation li.med a:visited,
body.stock #wrapper #header .navigation li.sto a,
body.stock #wrapper #header .navigation li.sto a:visited,
body.homeDelivery #wrapper #header .navigation li.hoD a,
body.homeDelivery #wrapper #header .navigation li.hoD a:visited{
	color:#0072bc;
	border-bottom:4px #c1e1f6 solid;
	}
body.catalog a.small{
	display:block;
	float:right;
	text-align:right;
	}
/*******************************************************news*/
.item{
	padding:20px 0;
	border-bottom:1px #c1e1f6 solid;
	clear:both;
	}
body.catalog .item{
	height:130px;
	padding:10px 0;
	}
* html body.catalog .item{
	height:170px;
	padding:0;
	}
*+html body.catalog .item{
	height:170px;
	padding:0;
	}
/*******************************************************misc*/
.imgRight{
	float:right;
	margin:0 10px 10px 20px;
	}
.imgLeft{
	float:left;
	margin:0 20px 10px 10px;
	}
.imgLeftTwo{
	float:left;
	margin:10px 20px 10px 10px;
	}
div.postCode{
	text-transform:uppercase;
	font-weight:bold;
	color:#0066FF;
	}
.postcode{
	width:100px;
	height:35px;
	font-size:24px;
	text-transform:uppercase;
	}
b.upper{
	text-transform:capitalize;
	}
.small{
	font-size:0.7em;
	}
p.base{
	text-align:center;
	margin:0;
	}
p.base a,
p.base a:visited{
	text-decoration:none;
	color:#ccc;
	}
p.base a:hover{
	text-decoration:underline;
	color:#999;
	}
a.img{
	float:left;
	width:520px;
	height:120px;
	border:0;
	text-decoration:none !important;
	}
/*******************************************************contact*/
.contactForm{
	float:right;
	width:400px;
	height:400px;
	margin:30px 0 0 0;
	}
.contactForm .row{
	width:400px;
	height:auto;
	margin:2px 0;
	clear:both;
	}
.contactForm .row span{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:0 30px 0 0;
	}
.contactForm .row input{
	width:195px;
	}
.contactForm .row textarea{
	width:200px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
.contactForm .row input.button{
	width:100px;
	}	
.address{
	float:left;
	clear:left;
	width:300px;
	}

/*******************************************************news*/
#wrapper #content .latest_news{
	float:left;
	clear:left;
	width:260px;
	color:#333;
	padding:0px 20px 10px 0;
	margin:0 0 10px 0;
	}
#wrapper #content .latest_news h1{
	margin:0;
	padding:0;
	}
#wrapper #content .latest_news .item{
	width:240px;
	height:auto;
	overflow:auto	;
	clear:both;
	padding:10px;
	margin:5px 0;
	border:1px #eee solid;
	background:#f9f9f9;
	}
#wrapper #content .latest_news .item:hover{
	background:#e4eff8;
	}
#wrapper #content .latest_news .item a,
#wrapper #content .latest_news .item a:visited{
	text-decoration:none;
	}
#wrapper #content .latest_news .item a:hover{
	text-decoration:underline;
	}
#wrapper #content .latest_news .item span{
	display:block;
	clear:both;
	}
#wrapper #content .latest_news .item span a,
#wrapper #content .latest_news .item span a:visited{
	text-decoration:none;
	}
/*******************************************************body*/
body.cat{
    position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#ccc;
	}
body.cat #mainContent .page{
	padding:0;
	}
body.cat div.blank{
	position:absolute;
	bottom:0;
	left:0;
	z-index:500;
	}
.q4Logo{
	position:absolute;
	top:0;
	left:40px;
	}
body.cat script{
    height:100%;
    z-index:1;
	}
/*******************************************************END*/
#wrapper #content .row .validation-advice{
	display:block;
	float:right !important;
	width:315px !important;
	padding:5px;
	margin:2px 30px 2px 0 !important;
	color:#fff;
	background:#ae1212;
	}
#wrapper #content .names .validation-advice{
	display:block;
	float:right !important;
	width:100px !important;
	padding:5px;
	margin:2px 30px 2px 0 !important;
	color:#fff;
	background:#ae1212;
	}
#wrapper #content .leftRef .row .validation-advice{
	display:block;
	float:right !important;
	width:170px !important;
	padding:5px;
	margin:2px 5px 2px 0 !important;
	color:#fff;
	background:#ae1212;
	}
.tickerWrap{
	position:relative;
	width:820px;
	height:22px;
	overflow:hidden;
	margin:0 0 10px 0;
	}
.tickerWrap #spage{
	position:absolute;
	left:0px;
	top:0px;
	width:820px;
	height:22px;
	background:#eee;
	overflow:hidden;
	}
.tickHead{
	position:absolute;
	left:0px;
	top:0;
	width:130px;
	height:25px;
	padding:2px 3px 0 3px;
	margin:0;
	color:#E9E9E9;
	visibility:inherit;
	text-decoration:none;
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	background:#990000;
	cursor: default;
	}
.ticktock{
	position:absolute;
	left:130px; 
	top:0;
	height:25px;
	color:#060606;
	padding:3px 4px 0 8px;
	margin:0;
	visibility:inherit;
	text-decoration:none;
	text-align:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	overflow:hidden;
	background:#eee; 
	cursor: default;
	}

.sec-hold{
	float:left;
	width:320px;
	height:220px;
	margin:10px 10px 0 10px;
	line-height:normal;
	border:10px #ddd solid;
	background:#f9f9f9	;
	}
.sec-hold a,
.sec-hold a:visited,
.sec-hold a:hover{
	display:inline;
	padding:0;
	margin:0;
	text-decoration:0;
	line-height:normal;
	}
.sec-hold .sec-top{
	width:320px;
	height:150px;
	clear:both;
	}
.sec-hold .sec-det{
	width:310px;
	height:70px;
	padding:2px 5px 0 5px;
	}
.sec-hold .sec-det h2{
	color:#666;
	margin:0;
	padding:0;
	}
.sec-hold .sec-det p{
	margin:0;
	padding:0;
	line-height:normal;
	font-size:9px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	}
.sec-hold .sec-det ul,
.sec-hold .sec-det ul li{
	list-style:none !important;
	padding:0 !important;
	margin:0 !important;
	height:auto !important;
	}
.sec-hold .sec-det ul li{
	float:left;
	width:150px;
	font-size:8px;
	}
.sec-hold .sec-det ul{
	height:30px !important;
	line-height:30px !important;
	}
.sec-hold .sec-det ul li a,
.sec-hold .sec-det ul li a:visited{
	text-decoration:none;
	color:#333;
	}