/*-----------------------------------------------------------------------------
Swinton Van Style Sheet - Default

version:   1.0
author:    Tom Llewellyn
website:   http://www.swinton.co.uk
-----------------------------------------------------------------------------*/

/* =Reset Styles */
html, body{
	padding:0;
	margin:0;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#005288;
}
html>body{
	font-family: Arial, Helvetica, sans-serif;
}
p {
    margin: 0 0 10px 0;
    padding: 0;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #005288;
}
a:hover
{
	color: #1192cc;
}
.leftmenu a, #footer a
{
	font-weight: normal;
}

img, form{
	border:0;
	padding:0;
	margin:0;
	}
	
.leftFloat
{
	float: left;
	width: auto;
}

.cleardiv{
	clear: both;
	font-size: 0; /*ie6 hack*/
	height: 0;
	}
	
/* =Headings (Global)
-----------------------------------------------------------------------------*/	

h1
{
	padding:0;
	margin:0;
	color:#005288;
	font:bold 40px Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}
h2 {
	margin: 15px 30px 15px 30px;
	padding: 0;
	font-size: 18px;
	letter-spacing:-1px;
	}
h3, h4, h5 {
	margin: 15px 30px 0px 30px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	}

/* =Layout Styles (Global)
-----------------------------------------------------------------------------*/

#container{
	padding:20px 15px 30px 15px;
	margin:0 auto;
	width:962px;
	background-color:#fff;
	}
	
/* header styles */
	
#logo{
	float:left;
	width:120px;
	}
	
#header_right{
	float:right;
	width:816px;
	}
#phoneNumberTop
{
	float:left;
	width:400px;
	font:bold 45px Arial, Helvetica, sans-serif;
	color:#a7a9ac;
	padding:3px 0 0 0;
	margin:0;
	letter-spacing:-2px;
}
#header_upper_right
{
    *padding-top: 15px;
	float: right;
	width:345px;
}
#headline
{
	float: left;
	padding: 10px 0 0 0;
	width: 816px;
}

#home_banner {
    margin-bottom: 15px;
}
#insurance-banner 
{
    width: 816px;
    height: 218px;
    background-image: url(images/banner-van-1.jpg);
    margin-top: 15px;
    margin-bottom:15px;
}

#insurance-banner-text 
{
	width:380px;
	font-size:40px;
	padding-left:190px;
	padding-top: 30px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	line-height: 45px;
	letter-spacing: 1px;
}

.banner-text-style 
{
	color: #FF0000;
	font-weight:bolder;
	font-size:50px;
}

#insurance-banner-quote a:link, 
#insurance-banner-quote a:visited, 
#insurance-banner-quote a:hover { 
 color: #FFFFFF; 
 text-decoration: none; 
} 

#insurance-banner-quote {
	cursor: pointer;
	width:218px;
	height:104px;
	background-image:url(images/insurance-quote-button.png);
	background-repeat:no-repeat;
	float:right;
	padding-left:10px;
	padding-top:7px;
	margin-right:280px;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	
}
	
	#pound-sign {
	cursor: pointer;
	width:157px;
	height:179px;
	background-image:url(images/save-money-sign.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:10px;
	padding-top:7px;
	margin-top:-120px;
	margin-left:20px;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	
}
	
	#terms-and-conditions {
	border-width:15px;
	border-color:#111111;
	display: block;
	width:157px;
	float:left;
	padding-left:0px;
	padding-bottom:7px;
	margin-bottom:20px;
	margin-left:20px;
	
	/*    
	cursor: pointer;
	width:157px;
	height:179px;
	float:left;
	padding-left:0px;
	padding-bottom:7px;
	margin-bottom:20px;
	margin-left:20px;*/
	/*font-size:24px;
	color:#FFFFFF;
	font-weight:bold;*/
	
}
    
#searchdiv
{
    float: left;
    width: 353px;
}
#searchdiv form
{
    display: inline;
    float: right;
    margin: 0;
    padding: 0;
    width: 302px;
}
#searchdiv form input[type=image]
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 72px;
}
.topsearch
{
    float: left;
    border: 1px solid #a7a9ac;
    background-color: #fff;
    width: 213px;
    margin: 0 4px 0 0;
    padding: 1px 4px 2px 4px;
    display: inline;
}
#vantop
{
    float: right;
    width: 343px;
    text-align: right;
    padding: 0;
}

/* header styles END */

#leftcol{
	float:left;
	width:134px;
	position: relative;
	top: 75px;
	}
#content{
	float:right;
	width:816px;
	}
	
/* home content area*/

#content_home{
	float:left;
	width:524px;
	height:214px;
	}
#content_home h2{
	margin: 0;
	font-size: 14px;
	}
	
/* contact panel*/

.contact_panel{
    margin: 0 auto;
	background-color: #FFFFFF;
	width:520px;
	height: 70px;
	font-size: 12px;
	padding-top: 15px;
	}
.contact_panel h3 {
    padding: 0;
    margin: 0;
	}
.contact_panel .left {
    float: left;
    width: 230px;
    margin-left: 30px;
    _margin-left: 0px;
    _padding-left: 30px;/* ie box model fix */
}
.contact_panel .right {
    float: left;
    width: 230px;
}
.contact_panel_alt {
    margin: 0px 30px 0px 30px;
	width:464px;
	height: 70px;
	font-size: 12px;
	padding-top: 15px;
	border-bottom: 1px solid #CCCCCC;
	
	}
.contact_panel_alt h4 {
    padding: 0;
    margin: 0;
	}
.contact_panel_alt .left {
    float: left;
    width: 200px;
    margin-right: 30px;
    _margin-right: 0px;
    _padding-right: 30px;/* ie box model fix */
}
.contact_panel_alt .right {
    float: left;
    width: 200px;
}
	
/* inner page grey content area */

#content_left_top{
	background: #ECEDED url(images/contentTop.jpg) repeat-y scroll 0 0;
	width: 524px;
	height: 15px;
	}
#content_left{
	float:left;
	width:524px;
	background: #ECEDED url(images/content.jpg) repeat-y scroll 0 0;
	}
#content_left p, #content_left table {
	margin: 0px 30px 15px 30px;
	}
#content_left_bottom{
	background: #ECEDED url(images/contentBottom.jpg) repeat-y scroll 0 0;
	width: 524px;
	height: 19px;
	clear: both;
}
	
/* right hand panel layout */
	
#content_right{
	float:right;
	width:276px;
	}
	
#news_content_right
{
    float:right;
    width:276px;
}

	
#content_right div {
	margin-bottom: 15px;
	}
#bottom_content{
    width:816px; 
    float: left
}
/*highlighting the topmenu for current page*/


#activepage #active_b a{
	color:#fff;
	background:url(images/topmenu_bg_selected.jpg) repeat-x 0 0;
	}

/* =News Styles
-----------------------------------------------------------------------------*/

/* Home page */
#news {
    position: relative;
    bottom: -32px;
    _bottom: -52px;
    width: 524px;
    height: 129px;
    padding-top: 15px;
    background: url(images/bg-news-4.gif);
    background-repeat: no-repeat;
}
.news_article {
    float: left;
    width: 125px;
    height: 80px;    
    margin: 0 2px 0 2px;
}
.news_inner
{
    padding: 0 10px;
}
.news_inner img
{
    padding: 5px 5px 0 0;
    
}
.news_article h3 {
    font-size: 14px;
    letter-spacing:0px;
    font-weight: normal;
    margin: 0 0 10px 0;
}
.news_article a {
    font-size: 11px;
}
/* Latest News Items */
#content_left .latestNewsItem
{
	border-bottom: 1px solid #57BCEA;
	display: inline;
	float: left;
	margin: 14px 0 0 14px;
	padding: 0 0 14px 0;
	width: 484px;
}
#content_left .lastLatestNewsItem
{
	border-bottom: 0;
}
#content_left .latestNewsItem img
{
	float: left;
	height: 70px;
	margin: 0;
	padding: 0;
	width: 98px;
}
#content_left .latestNewsItem table
{
    color: #000;
    float: right;
}
#content_left .latestNewsItem p img
{
    height: auto;
    width: auto;
}
#content_left .latestNewsItem table img
{
    height: auto;
    width: auto;
}
#content_left .latestNewsItem a
{
	float: left;
	padding: 0;
	margin: 17px 0 0 0;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	width: auto;
}
#content_left .latestNewsItem a.headLine
{
	color: #005288;
	float: left;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
    max-width: 300px;
	padding: 0 0 2px 8px;
	width: auto;
}
#content_left .latestNewsItem p
{
	color: #000;
	display: inline;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px 8px;
	width: 375px;
}
#content_left .latestNewsItem p.date
{
	font-weight: bold;
	padding: 2px 0 0 8px;
	width: 64px;
}
.newslargeimage
{
    margin: 4px 8px 8px 28px;
    float: left;
}
#newspager
{
    clear: both;
    padding: 10px 0 0 0;
}
#newspager a
{
    padding: 0 5px;
}
#newspager a.current
{
    color: #1192cc;
}

/* =Panels (Global)
-----------------------------------------------------------------------------*/
#all_insurers1 {
	background-image: url(images/truck-small2.jpg);
	background-repeat: no-repeat;
	width: 256px;
	height: 73px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

.truck-text {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:bolder;
	
}
.truck-text1 {
	color: #FFFFFF;
	font-weight:lighter; 
	
}
#all_insurers1 h5 {
    width: 140px;
    font-size: 18px;
    float: left;
    margin: 0;
}

#truck-q {
    width: 130px;
	height: 20px;
    margin-left: 130px;
    margin-bottom: 5px;
    /*background-color: Yellow;*/
	cursor: pointer;
	display: block;
	cursor: pointer;
}



#register {
    background-image: url(images/renewal-banner.jpg);
    background-repeat: no-repeat;
    height: 100px; 
    padding: 10px;
}
#register .text {
    float: left; 
    width: 166px; 
    border: 1px solid #a9a9a9;
    margin-right: 10px;
}
#reminder_field {
    margin-top: 20px;
}

#all_insurers {
    background-image: url(images/compare-insurers.jpg);
    background-repeat: no-repeat;
    width: 256px;
    height: 73px;
    padding: 10px;
}
#all_insurers h5 {
    width: 140px;
    font-size: 18px;
    float: left;
    margin: 0;
}

/* =Table Styles (Global)
-----------------------------------------------------------------------------*/

.orderedList th, .orderedList td
{
	text-align: left;
	padding: 4px 4px 0 4px;
	margin: 0;
}
.orderedList td
{
    padding: 4px 4px 4px 4px;
	background: #fff url(images/table.gif) scroll 0 0;
}
.orderedList tr.orderListAlt
{
    background-color: #F3F6FB;
    border: 1px solid #ACDCF3;    
}
.orderedList td.right
{
	background: #fff url(images/table.gif) scroll top right;
}
.orderedList td.topright
{
	background: #fff url(images/table.gif) scroll -15px 0;
}


.orderedList2
{
    width: 462px;
}
.orderedList2 thead td
{
    background-image: url(images/orderedlistheader.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    font-weight: bold;
    height: 38px;
    color: #FFF;    
}
.orderedList2 tfoot td
{
    background-image: url(images/orderedlistfooter.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    vertical-align: bottom;
    height: 10px;    
    padding: 0;
}
.orderedList2 tfoot td.dark
{
    background-image: url(images/orderedlistfooterdark.gif);
}
.orderedList2 tbody td.number
{
    width: 12px; 
    vertical-align: top; 
    border-left: 2px solid #ABDDF4;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 0 7px;
} 
.orderedList2 tbody td.text
{
    border-right: 2px solid #ABDDF4;
    padding: 5px 5px 5px 5px;
}
.orderedList2 tbody tr
{
    background-color: #FFF;
}
.orderedList2 tbody tr.dark
{
    background-color: #F3F6FA;
}

/* =Footer Styles (Global)
-----------------------------------------------------------------------------*/

#footer_wrapper
{
	clear:both;
	float: left;
	margin: 20px 0 0 0;
	padding:15px 0 0 0;
	width: 522px;
}
	
#footer{
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	}	
	
#footer ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
#footer ul li{
	padding:0 2px 0 0;
	margin:0;
	display:inline;
	color:#a7a9ac;
	}
	
#footer ul li a:link, #footer ul li a:visited{
	text-decoration:none;
	color:#a7a9ac;
	}
	
#footer ul li a:hover{
	color:#333;
	}

	
/* =Search Styles (Global)
-----------------------------------------------------------------------------*/
#search_panel
{
    text-align: center;
    padding-top: 10px;
}
#search_panel a
{
    padding: 0 10px;
}
.search_result
{
    border-bottom: 1px solid #57BCEA;
	margin: 6px 0 3px 15px;
	width: 475px;
}
.search_result p
{
    position: relative;
    margin: 0 0 4px 0;
    padding: 0 0 0 35px;
}
.search_result span.index
{
    position: absolute;
    display: block;
    left: 0;
}
.search_result a
{
    color: #005288;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
.search_result .summary
{
    color: #000;
    font-size: 11px;
}

.dark
{
    background-color: #F3F6FA;
}
.light
{
    background-color: #FFF;
}
.banner
{
    padding: 0;
    width: 276px;
    margin: 0 0 16px 0;
}

.content_banner_wrp
{
    float:left;
    padding-top:32px;
    
  }
  
  
    
.content_banner{float:left;margin-right:14px;width:255px;height:144px;}
.content_banner.content_banner_end{margin-right:0px;}
#content_banner_tradesmen{background:transparent url("images/banner-tradesmen.jpg") no-repeat scroll 0 0;}
#content_banner_peliability{background:transparent url("images/banner-pe-liability.jpg") no-repeat scroll 0 0;}
#content_banner_vanquote
{
    margin-left:14px;
}

/*------------------------------------

NEWS BOX For Van Commercial

--------------------------------------*/

div#container div#News_box
{
    float:left;
    background:  url(Images/newsbox-top-bg.gif) no-repeat;
    width:817px;
    display:inline-block;
    padding-top:10px;
    position:relative;
}



div#container div#News_box_inner h3
{    
    padding-left:0px;
    margin: 4px 0px 20px 12px;
    
}/**/


#News_box_inner
{
    width:794px;
    float:left;
    background: #ededeb;
    padding-left:20px;
    /*background-position-y:100%;*/
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    position:relative;
    
}

#newsbox_bottom
{
    
    position:absolute;
    width:816px;
    height:10px;
    bottom:-10px;
    left:0px;
    /*background-position:0 bottom;*/
    background: transparent url(Images/newsbox-btt-bg.gif) no-repeat 0 0;
    background-position:bottom;
   
}

#News_box .news_pod
{
    border-right:1px solid #cccccc;
    float:left;
    width:29%;
    
    margin-left:4px;
    margin-bottom:12px;
    background-color:#ededeb;
    padding-left:30px;
    
}

#News_box .news_pod.last
{
    border-right:none;
}

#News_box div.news_pod p.title
{
    font-weight:bold;
    
}

#News_box div.news_pod p
{
   
}

#News_box div.news_pod p span
{
    font-style:italic;
}


div#news_content_right div
{
    margin-bottom: 15px;
    margin-top: 2px;
}

div#archive_box
{
    border: 1px solid red;
}

/*
archive news
*/

#arch_box
{
     float:left;
    background:  url(Images/contentbox_top.gif) no-repeat;
    
    display:inline-block;
    padding-top:10px;
    position:relative;
}


#archbox_inner
{
    width:520px;
    float:left;
    background: #ededeb;
   
    /*background-position-y:100%;*/
    border-left:2px solid #cccccc;
    border-right:2px solid #cccccc;
    position:relative;
    padding-bottom:20px;
}

#archbox_inner h2
{
    margin-left:10px;
}

#archbox_inner h2.title
{
    margin-left:0;
}


#archbox_bottom
{
    position:absolute;
    width:524px;
    height:10px;
    bottom:-10px;
    left:0px;
    /*background-position:0 bottom;*/
    background: transparent url(Images/contntBttm.jpg) no-repeat 0 0;
    background-position:bottom;
}

#arch_box div.news_preview
{
    width: 100% !important;
}




/*
	Adfero News
*/

.adferoNews_latestArticles {float: left; margin: 0; padding: 12px 0; width: 100%;}
	.adferoNews_latestArticles .item {border-top: 1px solid #ccc; margin: 0; padding: 12px;}
	.adferoNews_latestArticles .firstItem {border: 0 none;}
		.adferoNews_latestArticles .item img {float: right; margin: 0; padding: 0 0 8px 8px; width: auto;}
		.adferoNews_latestArticles .item h2{float: none; margin: 0; padding: 2px 0; width: auto;}
		.adferoNews_latestArticles .item .title {font-size: 120%;}
			.adferoNews_latestArticles .item .title a{text-decoration:underline;}
			.adferoNews_latestArticles .item .title a:hover{text-decoration:none;}
		.adferoNews_latestArticles .item .date {font-style: italic;}
	
.adferoNews_article {float: left; margin: 0; padding: 12px 0 0; width: 100%;}
	.adferoNews_article img {float: right; margin: 0; padding: 0 16px 16px 16px; width: auto;}
	.adferoNews_article h1 {padding: 8px 0;letter-spacing:0px;}
	.adferoNews_article .title {font-size: 120%; font-weight: bold;}
	.adferoNews_article .date {font-style: italic; padding: 0 0 8px;}
	.adferoNews_article .links {padding: 16px 0 12px;}
	
	.adferoNews_article table
	{
	   margin:0 auto !important;
	}
	
	
.adferoNews_archiveMap {border: 1px solid #01538d; background-color: #fff; margin: 0 auto; padding: 16px; width: 80%; }
	.adferoNews_archiveMap .title {font-size: 120%; font-weight: bold; margin: 0; padding: 0 0 16px;} 
	.adferoNews_archiveMap .navigation {float: left; margin: 0; padding: 0; width: 100%;}
		.adferoNews_archiveMap .navigation ul {float: left; list-style: none; padding: 0 !important; width: auto;}
		.adferoNews_archiveMap .navigation ul.first {width: auto; clear: both;}
		.adferoNews_archiveMap .navigation ul.full {width: auto; clear: both;}
			.adferoNews_archiveMap .navigation ul li {margin: 0; padding: 2px 2px 0px 6px; float: left;}
			.adferoNews_archiveMap .navigation ul li.year {font-weight: bold; padding: 2px 0px;}
				.adferoNews_archiveMap .navigation ul li a {font-weight: normal;}
				
.adferoNews_archive {float: left; margin: 0; padding: 0 0 12px; width: 100%;}
	.adferoNews_archive .title {font-size: 120%; font-weight: bold; padding: 8px 0 16px;}
	.adferoNews_archive .item {border-top: 1px solid #ccc; margin: 0; padding: 12px;}
	.adferoNews_archive .firstItem {border: 0 none;}
		.adferoNews_archive .item h2{float: none; margin: 0; padding: 2px 0; width: auto;}
		.adferoNews_archive .item .title {font-size: 120%;}
			.adferoNews_archive .item .title a{text-decoration:underline;}
			.adferoNews_archive .item .title a:hover{text-decoration:none;}
		.adferoNews_archive .item .date {font-style: italic;}
	.adferoNews_archive .pagination {border: 1px solid #ccc; margin: 16px auto 0; padding: 4px 16px; text-align: center; width: 90%;}
		.adferoNews_archive .pagination a {display: inline-block; margin: 2px; padding: 2px;}
		.adferoNews_archive .pagination span {border: 1px solid #ccc; display: inline-block; margin: 2px; padding: 2px;}
		
.adferoNews_thisWeek 
{
    float: left;
    
    display:inline-block;
    width:802px;
}


           
.adferoNews_thisWeek .item 
{
    cursor: pointer;
	border-right: 1px solid #cccccc;
    float:left;
    width:29%;
    margin-left:4px;
    margin-bottom:12px;
    background-color:#ededeb;
    padding-left:10px;
	padding-right: 5px;
}

.adferoNews_thisWeek .item.end {
	border-right: none;
}

.adferoNews_thisWeek .item a
{
    font-weight:normal;
 }
.adferoNews_thisWeek .item .hover 
{
   
   
    border-left: 0 none; 
    color: #555;
    float: left; 
    width: 250px;
}
       
.adferoNews_thisWeek .item .hover {display: block;}
.adferoNews_thisWeek .item a 
{
   
    color: #1192cc;
}
.adferoNews_thisWeek .item .hover p
 {
    float: left;
    margin-top: 5px; 
    padding-left: 0px; 
    padding-top:0px;
    width: 200px;
   
    
}

 div.seperator
{
    /*border-right: 1px solid #cccccc;
	height:100px;
	width: 5px;*/
}

      
.adferoNews_thisWeek .item  img 
{
    float: right;
    margin-top: 0px;
    padding: 0;
    width: 43px;
	margin-bottom: 5px;
	margin-right: 10px;	
}

#News_box_inner a.viewMoreNews
{ 
    margin-bottom: 10px;
	margin-left: 13px;
    clear: both;
	display: block;
    
}

.adferoNews_thisWeek div.clear
{
    position:relative;
}

	
.adferoNews_categoryList {float: left; margin: 0; padding: 0 0 10px; width: 100%;}
	.adferoNews_categoryList .title {background: #01538d url(Images/an_cl_top.png) no-repeat scroll 0 0; cursor: pointer; float: left; margin: 0; padding: 0; width: 100%;}
		.adferoNews_categoryList .title span {color: #fff; float: left; font-size: 14px; font-weight: bold; margin: 0; padding: 10px 10px 6px; width: auto;}
	.adferoNews_categoryList .categories {background: #ededeb none no-repeat scroll 0 0; border: 1px solid #01538d; float: left; margin: 0; padding: 0; width: 522px;}
		.adferoNews_categoryList .categories .item {float: left; margin: 0; padding: 4px 10px; width: 502px;}
	.adferoNews_categoryList .footer {background: transparent url(Images/an_cl_bottom.png) no-repeat scroll 0 0; cursor: pointer; float: left; font-size: 0; height: 10px; line-height: 0; margin: 0; padding: 0; width: 100%;}
	.adferoNews_categoryList .footer.open {background-position: 0 -10px;}
	

#headline ul
{
    padding:0px;
    margin: 0px;
    list-style: none;
}

#headline ul li
{
    margin: 0;
    float: left;
    position:relative;
}

#headline ul li, #headline ul li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#headline ul li a:link
{
    text-decoration: none;
    display: block;
}

#headline ul li a:hover
{
    color: #1192CC;
}

#headline h1 { clear: both; }