@charset "UTF-8";
/* CSS Document */

.RedText {
	color: #df0e16;
}

/* Product List Pagination
************************************************/
.caption {
	font-size: 11px;
	font-style: italic;
	color: #666666;
	clear: both;
	padding: 30px 0 0 0;
	text-align: right;
}

.pagination {
	text-align: center;
	padding: 40px 0 10px 0;
	width: 580px;
	height: 19px;
	font-size: 11px;
}

.pagination2 {
	text-align: center;
	padding: 40px 0 200px 0;
	width: 580px;
	height: 19px;
	font-size: 11px;
}
 
.pagination a, .pagination2 a {
	margin: 0 5px;
	color: #000000;
}

.pagination a:hover, .pagination2 a:hover {
	color:#df0e16;
}

.pagination .current, .pagination2 .current {
	background-color: #4c4c4d;
	padding: 2px 5px 2px 5px;
	color: #FFFFFF;
}

/* New Basket Styling
************************************************/
#basketTbl {
	width: 95%;
	margin: 0 20px 20px;
	border-collapse: collapse;
	background-color: #EBF3F9;
	border-top: 2px solid #000000;
	border-left: 1px solid #CBD2D7;
}

#basketTbl th {
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px solid #CBD2D7;
	text-transform: uppercase;
	background-color: #FFFFFF;
	color: #666666;
	border-right: 1px solid #CBD2D7;
}

#basketTbl td {
	padding: 6px 8px;
	border-right: 1px solid #CBD2D7;
}

#basketTbl tr.r td, #basketTbl tr.r th, #basketTbl td.r, #basketTbl th.r, #basketTbl tr.bottom td, #basketTbl tr.bottom th {
	text-align: right;
}

#basketTbl tr.c td, #basketTbl tr.c th, #basketTbl td.c, #basketTbl th.c {
	text-align: center;
	width: 20px;
}

#basketTbl tr.bottom td, #basketTbl tr.bottom th {
	border: 0; /* No borders on totals at bottom of table */
	font-weight: normal;
	border-left: 1px solid white;
}

#basketTbl tr.bottom td {
	border-right: 1px solid #CBD2D7;
	border-left: 1px solid #CBD2D7;
}

#basketTbl td.qty input {
	width: 30px;
	height: 14px;
	padding: 2px 0 0 0;
	font-size: 12px;
	border: 1px solid #000000;
	text-align: center;
	color: #525252;
}

#basketTbl tr.Odd td {
	background-color: #FFFFFF;
}

#basketTbl tr.last td, #basketTbl tr.last th {
	border-top: 1px solid #CBD2D7;
}

#basketQtyHint {
	position: absolute;
	bottom: 112px;
	left: 2px;
	width: 320px;
	height: 39px;
	padding: 15px 30px 0 10px;
	background-image: url(../images/basketnotice.png);
	line-height: 140%;
	color: #FFFFFF;
}

#BasketTableButtons {
	position: relative;
	width: 734px;
	margin: 30px 0 30px 20px;
}

/* Checkout
************************************************/
.checkoutSection {
	background-color: #E7E7E7;
	border-top: 2px solid black;
	border-bottom: 2px solid #C0C0C0;
	padding: 10px;
	margin: 0 20px 20px;
	
	background-color:#EBF3F9;
	
	background-image: url(../images/checkSectionBg.png);
	background-position: top;
	background-repeat: repeat-x;
}

.checkoutSection p {
	margin: 10px 0;
}

.checkoutTbl {
	border-collapse: collapse;
	width: 100%;
}

.checkoutTbl th {
	text-align: left;
	padding: 5px;
	font-weight: normal;
	width: 100px;
}

.checkoutTbl td {
	padding: 5px;
}

.checkoutTbl td input {
	border: 1px solid #C0C0C0;
	padding: 3px;
	width: 100%;
}

.checkoutHint {
	float: right;
	width: 150px;
	margin: 20px;
	background-color: #FFFFFF;
	padding: 8px 8px 8px 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #333333;
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
}

/* Weather
************************************************/
#WeatherWidget {
	width: 192px;
	height: 218px;
	background-image: url(../images/weatherwidget_back.gif);
	margin: 8px 0 0 0;
}

#WeatherWidget2 {
	width: 192px;
	height: 218px;
	background-image: url(../images/weather-error.jpg);
	padding: 8px 0 0 0;
}

.WHeader {
	padding: 13px 0 16px 0;
	margin: 0;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}

.WSubHeader {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}

#WeatherWidget ul, #WeatherWidget2 ul {
	width: 192px;
	height: 27px;
	padding: 5px 0 0 0;
}

#WeatherWidget ul .First, #WeatherWidget2 ul .First {
	width: 40px;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 0 5px;
	margin: 0;
}

#WeatherWidget ul li, #WeatherWidget2 ul li {
	float: left;
	width: 60px;
	font-size: 15px;
	text-align: right;
	color: #01294b;
	padding: 7px 4px 0 0;
	margin: 0 5px 0 0;
	position: relative;
}

#WeatherWidget ul li img, #WeatherWidget2 ul li img {
	position: absolute;
	top: 3px;
	left: 2px;
}

#WeatherWidget ul li small, #WeatherWidget2 ul li small {
	font-size: 10px;
}

#WeatherWidget form, #WeatherWidget2 form {
	padding: 9px 0 0 0;
}

#sidePostcode, #PostcodeMain {
	width: 129px;
	height: 16px;
	border: 1px solid #000;
	margin: 0 0 0 14px;
	padding: 4px 0 0 4px;
}

#PostcodeGo, #PostcodeGoMain {
	background: url(../images/weather_go.gif);
	width: 28px;
	height: 22px;
	color: #FFF;
	border: none;
}

#WeatherWidget a, #WeatherWidget a:link, #WeatherWidget a:active, #WeatherWidget a:visited, #WeatherWidget2 a, #WeatherWidget2 a:link, #WeatherWidget2 a:active, #WeatherWidget2 a:visited {
	text-align: center;
	display: block;
	color: #FFF;
	font-size: 11px;
	padding: 12px 0 0 0;
}

#WeatherWidget a:hover, #WeatherWidget2 a:hover {
	color: #ec2008;
}

#FullWeatherBack {
	background-image: url(../images/5dayweatherBack.jpg);
	width: 539px;
	margin: 0 0 40px 20px;
}

#FullWeatherBack p {
	margin: 0;
}

.FullWeatherP {
	text-align: center;
	padding: 12px 0 0 0;
}

.FullWeatherBox {
	background-image: url(../images/5dayweather.jpg);
	width: 529px;
	height: 78px;
	margin: 6px 0 0 5px;
}

.FullWeatherBox p {
	text-align: center;
	color: #000;
	font-size: 15px;
	padding: 7px 0 0 0;
	margin: 0;
}

#FullWeatherHeader {
	padding: 6px 0 16px 0;
}

#FullWeatherBack ul {
	width: 529px;
	height: 27px;
	padding: 9px 0 0 0;
	margin: 0;
}

#FullWeatherBack ul .Time {
	width: 33px;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 0 5px;
	margin: 0;
}

#FullWeatherBack ul li {
	float: left;
	width: 60px;
	font-size: 15px;
	text-align: right;
	color: #01294b;
	padding: 7px 4px 0 0;
	margin: 0 5px 0 0;
	position: relative;
	list-style: none;
}

#FullWeatherBack ul li img {
	position: absolute;
	top: 3px;
	left: 2px;
}

#FullWeatherBack ul li small {
	font-size: 10px;
}

#FullWeatherBack form {
	float: right;
	padding: 3px 18px 0 0;
}

.error {
	padding: 10px;
	background-color: #FFF1BF;
	border: 2px solid #E8DCAD;
	margin: 0 20px 20px;
	font-weight: bold;
}

/*LightBox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}

/*Contact Form*/
#FormNewsHeader {
	font-size: 15px;
	padding: 5px 0 0 7px;
	display: block;
	width: 227px;
	height: 21px;
	color: #FFFFFF;
	background-image: url(../images/contact_form_top.gif);
}

#FormContact {
	width: 234px;
	color: #333333;
	margin: 0 20px 25px 30px;
	padding: 0 0 14px 0;
	float: right;
	background-color: #EFEFEF;
}

#FormContact form {
	padding: 10px 10px 0 14px;
}

#FormContact strong {
	color: #404040;
}

#FormContact form .Request {
	float: right;
	margin: 12px 5px 0 0;
}

.Input1 {
	margin: 0px 0px 3px 2px;
	width: 163px;
	border: 1px solid #b3b3b3;
}
.Input2 {
	margin: 0px 0px 3px 4px;
	width: 163px;
	border: 1px solid #b3b3b3;
}
.Input3 {
	margin: 0px 0px 0px 18px;
	width: 163px;
	border: 1px solid #b3b3b3;
}
.Input4 {
	margin: 4px 0px 0px 0px;
	width: 205px;
	height: 90px;
	border: 1px solid #b3b3b3;
}

.ContactHeader {
	border-bottom: 1px dotted #404040;
	padding: 0 0 4px 0;
	margin: 0 0 14px 0;
}

#CompanyInfo {
	width: 216px;
	padding: 10px 10px 10px 10px;
	margin: -20px 20px 0 30px;
	float: right;
}

#CompanyInfo p {
	margin: 0;
	padding: 0 0 14px 0;
	color: #616161;
	font-size: 10px;
	line-height: 12px;
}

/*Planning Checklist*/
.PlanningBoxes {
	text-align: center;
	width: 254px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.PlanningBoxes img {
	margin: 0 0 14px 0;
}

/* Flash Message
************************************************/
.flash-message
{
	border: 1px solid #E1DDA1;
	margin: 0 20px;
	margin-bottom: 20px;
}

.flash-message div
{
	background-color: #FFFAB7;
	padding: 10px;
	font-weight: bold;
	line-height: 130%;
}

th.required-field
{
	font-weight: bold;
}

.basket-item-information
{
	padding: 10px 0 0 10px;
	font-style: xitalic;
	color: #555555;
	font-size: 11px;
}

/* Smart Traffic CDS area
************************************************/
#cds-wrapper {
	margin: 20px auto 40px auto;
}

#cds-container {
	margin: 0 auto;
	border: 1px dotted #999999;
	padding: 8px;
}

#stcds {
	margin: auto;
	overflow: auto;
	height: 260px;
}

#stcds h2 {
	margin: 0;
	font-size: 15px;
	padding: 3px 6px;
}

#stcds p {
	margin: 0;
	padding: 2px 8px;
	line-height: 18px;
	text-align: justify;
}

#fpheader {
	background-color:#DF0E16;
	color:#FFFFFF;
	font-size:15px;
	margin:auto;
	padding:5px;
	text-align:center;
}



/* Smart Traffic CDS area 10/09/10
************************************************/

.cds-content-readmore .content{
    clear:both;
display: none; 
color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;   
 width: 532px; line-height: 18px;
margin-right:10px;
}


.cds-content-readmore .content p{
margin-left:0;
margin-right:0;
padding-left:0;
text-align:left;
}


.cds-content-readmore{

color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;   
margin-left:23px; 
margin-top:20px;
width:526px;
padding:5px 5px;
border:1px solid #CCCCCC;
background-color: #FFF;
position: absolute;
top: 3330px;
left: 200px;

}
.cds-content-readmore .toggler {
    color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;  
text-decoration:none;
font-weight: bold;
    
}
.cds-content-readmore .toggler a:link{
    color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;  
text-decoration:underline;
font-weight: bold;
    
}
.cds-content-readmore .toggler a:visited{
   color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;   
    text-decoration:none;
}
.cds-content-readmore .toggler a:hover{
    
    color:#292929;
font-family:Arial,Helvetica,sans-serif;
font-size:13px; 
text-decoration:underline; 
}
.cds-content-readmore h2{
color:#DF0E16;
font-size:14px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
margin-left:0px;
margin-bottom:10px;
margin-top: 0px;
}

.cds-content-readmore .begin-para{
width: 526px; line-height: 18px; margin-bottom: 10px;
}

#fph1{
margin-bottom:8px;
}
#inner-cds-container{
border:1px solid #CCCCCC;
margin:0;
padding:0;
width:535px;
display: none;
}

#inner-cds-wrapper{
overflow:auto;
height:245px;
}

#inner-cds-content{
padding:4px 5px;
text-align:left;
line-height:0px;
}

#inner-cds-content h2{
font-size:18px;
color:#DF0E16;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0px 0px 4px;
}

#inner-cds-content p{
font-size:13px;
color:#404040;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0px 0px 15px;
line-height:15px;
}