/* CSS Document */
div#main.hotDlsPage{
	margin-top:0;
}
div.hotDlsPage .lineBox{
	margin-bottom:10px;
} 
div#hotDealFeat div.col1,
div#hotDealFeat div.col2{
	float:left;
	background:#E4ECF2;
	border-right:1px solid #B8D7E4;
	height:160px;
	width:240px;
	margin-bottom:5px;
}
div#hotDealFeat h2{
	background:#FFFFFF;
	padding:5px 0 0 10px;
	margin-bottom:10px;
}
div#hotDealFeat div.col1 h2{
	font-size:21px;
	color:#006699;
	line-height:20px;
	height:50px;
}
div#hotDealFeat div.col1 h2 span{
	font-size:14px;
	display:block;
}
div#hotDealFeat div.col1 ul{
	display:inline;/* IE6 double margin bug */
	float:left;
	font-weight:bold;
	/*margin-left:10px;*/
	padding-left:8px;
	width:112px;
}
div#hotDealFeat div.col1 ul li{
	clear:both;
	float:left;
	letter-spacing:0px;
	white-space:nowrap;
}
div#hotDealFeat div.col2 h2{
	padding-top:10px;
	color:#FF0000;
	height:45px;
	font-size:30px;
}
div#hotDealFeat div.col2 p{
	color:#006699;
	font-weight:bold;
	font-size:24px;
	padding-left:10px;
}
div#hotDealFeat div.col3{
	float:right;
	color:#999999;
	line-height:normal;
	padding-right:10px;
	width:250px;
}
div#hotDealFeat div.col3 img{
	display:block;
	margin:5px 0;
}
div#hotDealFeat div.col3 p{
	line-height:1em;
	margin-bottom:0;
	margin-top:5px;
}
div#hotDealFeat table.finceTable{
	margin-bottom:5px;
	clear:both;
}
div#hotDealFeat p.moreInfo{
	margin:0 10px 10px 10px;
	line-height:1.2em;
}
div#contactBar{
	background:#FF0000;
	padding:5px 0 5px 10px;
	color:#FFFFFF;
	overflow:hidden;
	height:1%;
	line-height:18px;
	clear:both;
	margin:0 5px 5px 5px;
}
div#contactBar a{
	color:#FFFFFF;
	font-size:16px;
	float:left;
	padding-left:25px;
	margin-right:15px;
}
div#contactBar a.tel{
	background:url('http://cdn.perrys.co.uk/d/perrys/images/icon_tel.gif') center left no-repeat;
	cursor: pointer;
}
div#contactBar a.email{
	background:url('http://cdn.perrys.co.uk/d/perrys/images/icon_email.gif') center left no-repeat;
	cursor: pointer;
}
div#contactBar p{
	margin-bottom:0;
}
div#dlrTelBars{
	display:none;
	position:relative;
}
div.dlrInfoBar{
	background:#006699;
	overflow:hidden;
	height:1%;
	color:#FFFFFF;
	padding:10px 10px 5px 10px;
	border-top:1px solid #FFFFFF;
	clear:both;
}
div.dlrInfoBar h3{
	font-size:20px;
}
div.dlrInfoBar p{
	float:left;
	margin-bottom:0;
}
div.dlrInfoBar p.telNum{
	background:#FFFFFF;
	color:#FF0000;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	width:240px;
	margin-right:10px;
}
div.dlrInfoBar a.btnSlab{
	display:block;
	width:85px;
	margin-bottom:5px;
	cursor:pointer;
}
div.dlrInfoBar p.disclaim{
	font-size:10px;
	color:#d6e8ef;
	clear:both;
	float:none;
	line-height:1em;
	margin-top:5px;
}
div#dlrCon{
        position:relative;
        border-top:1px solid #006699;
        background:#D6E8EF;
        overflow:hidden;
        height:1%;
        padding:10px 0px 10px 20px;
        display:none;
}
form#hotDlsCon{
	position:relative;
	background:#D6E8EF;
	border-top:1px solid #006699;
	overflow:hidden;
	height:1%;
	display:none;
}
form#hotDlsCon p.intro{
	background:#B8D7E4;
	color:#006699;
	font-weight:bold;
	padding:2px 10px;
}
form#hotDlsCon fieldset{
	float:left;
	padding:0 0 0 10px;
	width:48%;
}
form#hotDlsCon div label{
	height:25px;
	display:block;
	width:50%;
}
form#hotDlsCon select{
	width:100%;
	margin-bottom:5px;
}
form#hotDlsCon input.text{
	width:160px;
}
form#hotDlsCon textarea{
	width:172px;
	height:60px;
}
form#hotDlsCon input.submit{
	float:right;
	margin:10px 10px 10px 0;
}
form#hotDlsCon div.dlrInfoBar{
	background:none;
	clear:both;
	border-top:0 none;
	padding-top:0;
	padding-bottom:10px;
	float:left;
	width:630px;
}
form#hotDlsCon div.dlrInfoBar p.telNum{
	background:#ffffff url(/images/bul_phone.gif) 7px center no-repeat;
	padding-left:20px;
	text-align:left;
	font-size:28px;
}
form#hotDlsCon div.dlrInfoBar h4{
	color:#006699;
}
/*div.closeBar{
	text-align:right;
	background:#006699;
	/*border-top:1px solid #d6e8ef;
	clear:both;
}*/
div.newCarDet div.closeBar{
        text-align:center;
        font-size:12px;
        color:#FFFFFF;
        background:#006699;
        /*border-top:1px solid #d6e8ef;*/
        clear:both;
}
div.closeBar img{
	cursor:pointer;
}
/* ########## Hot Deals Panel  (home) Page ########## */
div#main.hotDlsHome{
	margin-top:0;
}
div.hotDlsHome div.lCol{
	float:left;
	width:365px;
}
div.hotDlsHome div.rCol{
	float:right;
	width:365px;
}
div.hotDlsHome div.lineBox{
	margin-bottom:20px;
}
div.hotDlsHome div.lineBox div{
	background-position:10px 30px;
	background-repeat:no-repeat;
}
div.hotDlsHome .blueHdr{
	margin-bottom:10px;
}
div.hotDlsHome div.lineBox p{
	font-weight:bold;
	font-size:14px;
	line-height:normal;
}
div.hotDlsHome div.lineBox div p,
div.hotDlsHome div.lineBox div a{
	margin:0 0 10px 120px;
}
div#dlsPanel1{/* new and Delivery mileage */
	background-image:url(/images/bg_hotdlsnew.jpg)
}
div#dlsPanel2{/*Used cars */
	background-image:url(/images/bg_hotdlsused.jpg)
}
div#dlsPanel3{/* Vans */
	background-image:url(/images/bg_hotdlsvans.jpg)
}
div#dlsPanel4{/*Business */
	background-image:url(/images/bg_hotdlsbus.jpg)
}
div.hotDlsHome h3{
	padding-left:10px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:20px;
	font-size:13px;
	background:#4C94B7;
	margin-top:10px;
}
div.hotDlsHome td a{
	text-decoration:underline;
	color:#000066;
}
div.hotDlsHome td a:hover{
	text-decoration:none;
}
/* ########## New cars details page  ########## */
div.newCarDet div.lineBox{
	margin-bottom:10px;
}
div.newCarDet div#hotDealFeat h1{
	float:left;
	background:#ffffff;
	width:471px;
	border-right:1px solid #b8d7e4;
	padding:5px 0 5px 10px;
	color:#006699;
}
div.newCarDet div#hotDealFeat h1 span{
	display:block;
	font-size:14px;
}
div.newCarDet div#hotDealFeat div.floatL{/* For IE browsers */
	margin-bottom:5px;
}
div.newCarDet div#hotDealFeat div.col2,
div.newCarDet div#hotDealFeat div.col1{
	height:115px;
	padding-top:10px;
	margin-bottom:0;
}
div.newCarDet div#hotDealFeat ul,
div.newCarDet div#hotDealFeat li{
	width:240px;
	padding:0;
}
div.newCarDet div#hotDealFeat li{
	font-weight:bold;
	/*padding:5px 0;*/
	line-height:25px;
}
div.newCarDet div#hotDealFeat div.col2 li.altBg{
	background:#FFFFFF;
}
div.newCarDet div#hotDealFeat li span{
	float:left;
	color:#666666;
	text-align:right;
	padding-right:10px;
}
div.newCarDet div#hotDealFeat div.col1 li span{
	width:40%;
}
div.newCarDet div#hotDealFeat div.col2 li{
	color:#006699;
	font-size:16px;
}
div.newCarDet div#hotDealFeat div.col2 li span{
	width:50%;
	font-size:11px;
}
div.newCarDet div#carDetData table{
	background-color:#FFFFFF;
}
div.newCarDet div#carDetData th,
div.newCarDet div#carDetData td{
	padding-top:5px;
	padding-bottom:5px;
}
div.newCarDet div#carDetData th{
	background:#FFFFFF;
	text-align:left;
	padding-right:0;
	font-weight:bold;
	white-space:nowrap;
}
div.newCarDet div#carDataFeat td,
div.newCarDet div#carDataOpts th{
	color:#000000;
}
div.newCarDet div#carDataOpts th{
	width:90%;
}
div.newCarDet div#carDataFeat th,
div.newCarDet div#carDataOpts td{
	color:#666666;
}
div.newCarDet div#carDataFeat th{
	width:20%;
}
/* ########## Motability pages ########## */
body#motability div#main{
	background:url(/images/logo/logo_motabilitytag.gif) top left no-repeat;
	padding-top:80px;
}
body#motability div.colL{
	float:left;
	width:482px;
	border-right:1px solid #d6e8ef; /* Swap this property with div.colR if righthand column is longer than left */
	padding:0 10px 30px 10px;
}
body#motability div.colR{
	float:left;
	width:250px;
}
body#motability div.colR div.rColCopy{
	padding:10px;
}
body#motability div.colL h2.blueHdr{
	margin:0 -10px 0 -10px;
}
body#motability div#main h6{
	margin-bottom:5px;
}
body#motability div.colR h6{
	color:#006699;
}
body#motability div#newCarOffer{
	border-bottom:1px solid #d6e8ef;
	padding-bottom:10px;
}	
body#motability div#newCarOffer div{
	position:relative;
	height:auto;
	margin-bottom:10px;
}
body#motability div#newCarOffer div.mid{
	border:0 none;
}
body#motability div#newCarOffer a.btnSlab{
	position:absolute;
	right:10px;
	top:0;
}
body#motability div#newCarOffer a.blueTxt{
	display:block;
	clear:both;
	text-decoration:underline;
	text-align:center;
}

