/* 
	    company: OWB
 author name(s): Matt Isaacs
	    website: FleetLogic

	   	  index:-
				1. global
				2. layout
				3. menu
				4. content
					- forms
					- data tables
					- lists
					- definition lists
				5. bugfixes
*/

/* 1. global */
html, body {height:100%;}
body{margin:0; padding:0; background:url(../images/bgContainer.gif) repeat-x top #FFF; font:62.5% Arial, Helvetica, sans-serif; color:#666;}
a{text-decoration:none}
a:focus, a:active {
outline: 0;
-moz-outline: none;
} 
@charset "utf-8";object{outline:none}

a:hover{text-decoration:underline}
a:focus{text-decoration:underline}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}

h1{margin:0 0 10px 0; padding:0; font-size:1.5em; font-weight:normal; text-transform:uppercase; color:#669751; line-height:0.5em; font-weight:normal;}
h2, h3, h3, h4, h5{margin:0; padding:0; font-weight:normal; color:#669751; text-transform:uppercase; font-weight:normal;}
img{border:0}
p{}
a span{}
a:hover{color:#bc116b;}
.hr hr{display:none;}
.hr{width:100%; height:1px; float:left; background:#606060; clear:both;}
p.footnote{color:#FFF; padding:20px 20px 0 20px; float:left;}
p.footnote a{color:#FFF;}
p.footnote a:hover, p.footnote a span{color:#bc116b;}

img.standardImg{margin:0 0 10px 10px; border:#606060 1px solid;}
.smallPrint{font-size:0.8em;}
table td{color:#FFF;}

/* BUTTON SCRIPT */
.btn { display: block; position: relative; background: #bc116b; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }


.btn:hover { background-color: #000; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn:hover { border-color: #a00; }


/* 2.layout template(s) */
#container{width:960px; padding:0 0px; margin:0 auto; position:relative;}
* html #container {height: 100%;}
#container img.gradBot{position:absolute; z-index:2; bottom:0; left:0;}
#header{width:960px; display:block;}
#header a img.logo{float:left; padding:29px 0 35px 22px;}
#header form{float:right; margin:20px 0 0 0; padding:0 0 10px 0; text-align:right; width:300px;}
#header form h3{font-size:1.1em; background:url(../images/icons/iconLogin.gif) no-repeat right; padding:0 24px 4px 0;}
#header form label{margin:0 5px 0 0; color:#2d7f30; text-transform:uppercase; font-size:1.0em;}
#header form input.inputBox{margin:0 0 5px 0; font-size:0.9em; width:150px;}
#header form input.button{}
#header a.linkLogout{float:right; font-size:2.0em; color:#2d7f30; background:url(../images/iconLogout.png) no-repeat right top; padding:8px 40px 8px 0; margin:20px 0 0 0;}

/* 3.menu */
ul.menu{background:#2d7f30; float:left; width:940px; margin:0; padding:0 0 0 20px; list-style:none;}
ul.menu li{float:left; margin:0; padding:0;}
ul.menu li a{float:left; color:#FFF; text-transform:uppercase; padding:6px 26px; margin:0 3px; font-size:0.9em;}
ul.menu li a.iconExternal{background:url(../images/icons/iconExternalLink.gif) no-repeat right 4px; padding-right:15px;}
ul.menu li a:hover{color:#FFF}
ul.menu li a.on{background:#68b141;}
ul.menu li a.on:hover{text-decoration:none;}

/* 4.content */
#content{width:960px; display:block; min-height:650px; height:auto !important; height:650px; float:left;}
#content a.link{text-transform:uppercase; text-decoration:underline; color:#666;}

/* home promo box */
#newHomeBanner{
margin-top:10px;}

#content .promoSpace{width:960px; height:216px; float:left; position:relative; margin:12px 0 0 0;}
#content .promoSpace img.promoImg{float:left;}
#content .promoSpace img.promoImgCorner{position:absolute; right:244px; bottom:0; z-index:20;}
#content .promoText{width:214px; float:right; padding:20px 30px 0 0; text-align:right; background:#d5ddd2; min-height:196px; height:auto !important; height:196px; line-height:2.0em;}
#content .slideshow{width:960px; height:216px; float:left;}
#content .slideshow img{width:960px; height:216px;}

/* home news ticker */
#content .newsTicker{width:960px; float:left; margin-bottom:5px;}
#content .newsTicker h3{float:left; padding:4px 0 0 20px; margin:12px 0 0 0; width:125px; height:26px; background:#2d7f30; color:#FFF; font-size:1.6em;}
#content .newsTicker .newsTickerScroller{float:left; background:#d5ddd2; width:799px; height:24px; list-style:none; margin:12px 0 0 0; padding:6px 0 0 15px; overflow:hidden;}
#content .newsTicker .newsTickerScroller ul#ticker01{padding:0; margin:0; list-style:none;}
#content .newsTicker .newsTickerScroller ul#ticker01 li{}


/* home content boxes */
#content .homeBox{width:321px; float:left; padding:20px 18px; margin:10px 0 0 0; background:#d5ddd2; min-height:170px; height:auto !important; height:170px; position:relative;}
#content .homeBox.right{margin-left:10px; display:inline;}
#content .homeBox p{line-height:1.6em; margin:12px 0 12px 0;}
#content .homeBox h2{padding:10px 0 10px 50px; background:no-repeat left; min-height:20px; height:auto !important; height:20px; font-size:1.6em;}
#content .homeBox h2.iconLorry{background-image:url(../images/icons/iconFleet_Management.gif);}
#content .homeBox h2.iconWarning{background-image:url(../images/icons/iconAccident_Management.gif);}
#content .homeBox h2.iconSpanner{background-image:url(../images/icons/iconMaintenance.gif);}
#content .homeBox h2.iconFixed_Cost_Repair{background-image:url(../images/icons/iconFixed_Cost_Repair.gif);}
#content .homeBox img{position:absolute; bottom:-50px; left:0; z-index:2;}
#content p.pdfBrochure{margin-top:20px; float:left}

/* content into */
#content .contentMain{width:916px; background:#FFF; float:left; padding:30px 22px 20px 22px;}
#content .contentMain h1{background:no-repeat 0 0; padding:10px 0 10px 50px; min-height:20px; height:auto !important; height:20px;}
#content .contentMain h1.iconLorry{background-image:url(../images/icons/iconFleet_Management.gif);}
#content .contentMain h1.iconSpanner{background-image:url(../images/icons/iconMaintenance.gif);}
#content .contentMain h1.iconWarning{background-image:url(../images/icons/iconAccident_Management.gif);}
#content .contentMain .contentMainIntro{padding:0 0 20px 0;}
#content .contentMain .contentMainIntro p{margin:15px 0 20px 0; line-height:1.8em;
font-size: 11px;}
#content .contentMain .contentMainIntro a{color:#2d7f30;}
#content .contentMain .contentMainIntro ul{margin:0 0 15px 0; padding:0; list-style:none; float:left; clear:both}
#content .contentMain .contentMainIntro ul li{margin:0 0 4px 0; padding:5px 15px 5px 29px; background:url(../images/tick.png) no-repeat left; width:395px; float:left;}
#content .contentMain p{}
#content .contentMain .contentMainIntro .introNarrow{width:450px; float:left;}
#content .contentMain .contentMainIntro .introNarrow ul li{width:175px;}
#content .contentMain .contentMainIntro .testimonial{float:right; background:#2d7f30; width:200px; padding:10px;}
#content .contentMain .contentMainIntro .testimonial p{color:#FFF; border-bottom:1px solid #68b141; padding:6px 0 6px 0; margin:0;}
#content .contentMain .contentMainIntro .testimonial h2{color:#FFF; font-size:1.3em; margin-bottom:12px;}
#content .contentMain .contentMainIntro .testimonial img.thumb{margin:0 0 4px 4px; border:1px solid #FFF;}
#content .contentMain .contentMainIntro .map{margin:8px 0 8px 10px;}

/**/
#content .contentMain ul.subMenu{margin:0 0 20px 0; padding:0; list-style:none; float:left;}
#content .contentMain ul.subMenu li{margin:0 8px 8px 0; padding:0; float:left; display:inline;}
#content .contentMain ul.subMenu li a{width:162px; float:left; background:#d5ddd2 no-repeat 8px 5px; padding:12px 0 12px 40px; color:#669751; text-transform:uppercase; font-size:1.3em;}
#content .contentMain ul.subMenu li a.iconDisposal{background-image:url(../images/icons/sub/iconDisposal.gif);}
#content .contentMain ul.subMenu li a.iconEndContract{background-image:url(../images/icons/sub/iconEndContract.gif);}
#content .contentMain ul.subMenu li a.iconFuel{background-image:url(../images/icons/sub/iconFuel.gif);}
#content .contentMain ul.subMenu li a.iconKeys{background-image:url(../images/icons/sub/iconKeys.gif);}
#content .contentMain ul.subMenu li a.iconMovement{background-image:url(../images/icons/sub/iconMovement.gif);}
#content .contentMain ul.subMenu li a.iconRecovery{background-image:url(../images/icons/sub/iconRecovery.gif);}
#content .contentMain ul.subMenu li a.iconvehicle_disposal{background-image:url(../images/icons/sub/iconvehicle_disposal.gif);}
#content .contentMain ul.subMenu li a.iconCourtesyvehicle{background-image:url(../images/icons/sub/iconCourtesyvehicle.gif);}
#content .contentMain ul.subMenu li a.iconvisibiltyofrepairs{background-image:url(../images/icons/sub/iconvisibiltyofrepairs.gif);}
#content .contentMain ul.subMenu li a.iconcosteffectiverepairs{background-image:url(../images/icons/sub/iconRecovery.gif);}
#content .contentMain ul.subMenu li a.iconsalvagemanagement{background-image:url(../images/icons/sub/iconsalvagemanagement.gif);}
#content .contentMain ul.subMenu li a.iconfirstnotificationofloss{background-image:url(../images/icons/sub/iconfirstnotificationofloss.gif);}
#content .contentMain ul.subMenu li a.iconvalet{background-image:url(../images/icons/sub/iconvalet.gif);}


/* Contact us */
#content .contentMain.contactUs a{color:#2d7f30;}
#content .contentMain.contactUs .privacy{margin-top:20px;}

/* Accordian content */
.info-col{float:left; width:325px; height:100%;}
.info-col dl{padding:0; margin:0;}
.info-col dt{font-size:1.2em; background:url(../images/bgGradSubContent.gif) repeat-x top left; cursor:pointer; display:block; height:50px; width:282px; padding:0; margin:0;}
.info-col dt a{background:no-repeat 0 0; padding:12px 0 15px 0; color:#669751; text-transform:uppercase; text-decoration:none;}
.info-col dt a:hover, .info-col dt a:active, .info-col dt a:focus{text-decoration:none;}

/*_______
To add an extra icon to the drop down headings, add an extra class in here then add the class to the template /admin/templates/content/content_page.html */
.info-col dt a.hasIcon{padding:16px 0 16px 44px; float:left; display:block;}
.info-col dt a.iconAccident_Management{background-image:url(../images/icons/iconAccident_Management.gif);}
.info-col dt a.iconAncillary_Equipment{background-image:url(../images/icons/iconAncillary_Equipment.gif);}
.info-col dt a.iconCompliance_Assistance{background-image:url(../images/icons/iconCompliance_Assistance.gif);}
.info-col dt a.iconCost_Savings{background-image:url(../images/icons/iconCost_Savings.gif);}
.info-col dt a.iconEnd_Of_Contract{background-image:url(../images/icons/iconEnd_Of_Contract.gif);}
.info-col dt a.iconFixed_Cost_Repair{background-image:url(../images/icons/iconFixed_Cost_Repair.gif);}
.info-col dt a.iconFleet_Management{background-image:url(../images/icons/iconFleet_Management.gif);}
.info-col dt a.iconFleet_Management_Team{background-image:url(../images/icons/iconFleet_Management_Team.gif);}
.info-col dt a.iconFuel_Cards{background-image:url(../images/icons/iconFuel_Cards.gif);}
.info-col dt a.iconMap_Of_Uk{background-image:url(../images/icons/iconMap_Of_Uk.gif);}
.info-col dt a.iconMOT_Management{background-image:url(../images/icons/iconMOT_Management.gif);}
.info-col dt a.iconPay_As_You_Go_Maintenance{background-image:url(../images/icons/iconPay_As_You_Go_Maintenance.gif);}
.info-col dt a.iconPenalties{background-image:url(../images/icons/iconPenalties.gif);}
.info-col dt a.iconRecovery{background-image:url(../images/icons/iconRecovery.gif);}
.info-col dt a.iconRental_Support{background-image:url(../images/icons/iconRental_Support.gif);}
.info-col dt a.iconRoad_Fund_Licence{background-image:url(../images/icons/iconRoad_Fund_Licence.gif);}
.info-col dt a.iconTyre_Management{background-image:url(../images/icons/iconTyre_Management.gif);}
.info-col dt a.iconVehicle_Disposal{background-image:url(../images/icons/iconVehicle_Disposal.gif);}
.info-col dt a.iconVehicle_Movements{background-image:url(../images/icons/iconVehicle_Movements.gif);}

.info-col dt a.iconCourtesyvehicle{background-image:url(../images/icons/iconCourtesyvehicle.gif);}
.info-col dt a.iconvisibilityofrepairs{background-image:url(../images/icons/iconvisibilityofrepairs.gif);}
.info-col dt a.iconcosteffectiverepairs{background-image:url(../images/icons/iconcosteffectiverepairs.gif);}
.info-col dt a.iconsalvagemanagement{background-image:url(../images/icons/iconsalvagemanagement.gif);}
.info-col dt a.iconfirstnotificationofloss{background-image:url(../images/icons/iconfirstnotificationofloss.gif);}
.info-col dt a.iconvalet{background-image:url(../images/icons/iconvalet.gif);}


/*_______*/

.info-col dd{position:absolute; left:-9999px; top:-9999px; width:299px; padding:10px;}
.info-col dd p{line-height:2em; margin-bottom:15px;}
.info-col dd img{border:2px solid #2d7f30; margin:0 0 10px 10px;}
.info-col dd h3{font-size:1.1em;}
.info-col dd .divider{width:270px; height:1px; display:block; clear:both}

#content .contentMain .subContent{width:660px; float:left; padding:20px 10px 20px 10px; margin:0 0 20px 0; background:/*url(../images/bgGradSubContent.gif) repeat-x top */red; position:relative;}

#footer{width:820px; margin:0 0px; display:inline; float:left; background:url(../images/bgGradBot.gif) no-repeat bottom center #FFF; padding:50px 70px 10px 70px; clear:both;}
#footer ul.links{margin:0 0 10px 0; padding:0 0 15px 0; list-style:none; float:left; clear:both; width:100%; border-bottom:1px solid #CCC; text-align:center;}
#footer ul.links li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; border-right:1px solid #666;}
#footer ul.links li a{text-transform:uppercase; color:#666; font-size:1.0em;}
#footer ul.logos{margin:0; padding:0; list-style:none; float:right;}
#footer ul.logos li{margin:0 0 0 15px; padding:0; display:inline;}
#footer p{float:left; width:300px;}

	/* forms */
	
	.errorMessage{padding:10px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
	.notification_error{border:1px solid #A25965; height:auto; width:90%; padding:4px; background:#F8F0F1; text-align:left; -moz-border-radius: 5px;}
	.notification_ok{border:1px #567397 solid; height:auto; width:90%; padding:8px; background:#f5f9fd; text-align:center; -moz-border-radius:5px; margin-bottom:10px;}
	.info_fieldset {-moz-border-radius:7px; border:none;}
	.info_fieldset legend{display:none;}
	
	.button{-moz-border-radius:Ë3px;}
	
	
	form.contactForm{margin:20px 0;}
	form.contactForm label{width:140px; padding-left:20px; margin:5px; float:left; text-align:right; color:#2d7f30; font-size:1.2em; text-transform:uppercase;}
	
	form.contactForm input, form.contactForm textarea{margin:5px; float:left; color:#333333; font:11px Verdana, Helvetica, Arial, sans-serif; -moz-border-radius:3px;}
	
	form.contactForm br{clear:left;}

/* BR */

br{clear:left;}

	/* data tables */
	.table-style1 table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
	.table-style1 td, .table-style1 th {padding:5px;border:solid #ccc;border-width: 1px 1px 0 0}
	.table-style1 th {font-weight:bold;background:#e7eff7;text-align:left}
	.table-style1 td {text-align:left;vertical-align:top;padding-top:5px}
	.table-style1 tbody tr:hover {background:#eaebf3}
	.table-style1 tbody tr:hover th{background:#e7eff7}
	.table-style1 input:focus{background:#f6f6f6}
	
	/* definition list (wrap in a div) */
	dl.selector{clear:both;margin:0;padding:0}
	.selector dt{margin:0 5px 5px 5px;float:left;clear:both;padding:0;font-weight:bold}
	.selector dd{margin:0 0 5px 0;padding:0;float:left}
	
	/* Bullet Style */
	.selector ul, 
	.selector ol{margin:1.2em 0;padding:0;border:0;list-style:none}
	.selector li{background:#fff url('x') 0 0.5em no-repeat;padding:0.4em 0 0 2em;line-height:1.5em}

/* 5.bugfixes */

/* CSS: min-height with !important works with IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
.selector {min-height:500px;height:auto !important;height:500px}

/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
.clear{clear:both; width:100%; height:1px; float:left;}

#homeboxes{
float:left;
width:960px;}

.newhomeBox{
width:313px;
height: 92px;
background-image: url("/images/home_boxes.jpg");
float: left;
margin-right: 10px;
padding-top: 103px;
margin-top: 10px;
font-size: 11px;
line-height: 16px;
}

.carcrash{

background-image: url("/images/car_crash.jpg");

}

.truck{
background-image: url("/images/truck.jpg");
		
	
	}

.endbox{

margin-right: 0px;
}

.newhomeBox h2 a{
color: white !important;
font-size: 15px;
line-height: 20px !important;
padding-top: none !important;
}

.newhomeBox p{
	margin-top: 10px;
	padding-left: 5px;	
}

.newhomeBox a{
	text-decoration: none !important;
	text-transform: none !important;	
}

div.fleet_teaser{
width:699px;
height:82px;
padding-top:35px;
padding-left:250px;
padding-right:10px;
font-size:12px;
background-image: url("/images/fleet_teaser.jpg");
background-repeat:no-repeat;
background-color:#D5DED2;
float:left;
margin-top: 20px;
}



#new3column{}
.accident_column{
float: left;
width:290px;


}
.accident_title{
float: left;
padding-left:40px;
width:250px;
background-color:#D5DED2;}

.accident_item{
float: left;
width:268px;
	height:40px;
border-bottom: 1px black solid;
padding-top: 0px;
padding-left: 10px;}

.accident_item a{
color: #4d794d;
font-size: 11px;
font-weight: bold;
padding-top:10px;
padding-left: 0px;
width:248px !important;
height: 30px;
display: block;
text-decoration: none;


}

.tooltip {
	display:none;
	
	font-size:13px;
	background-image:url("/images/bgr_hover.png");
	background-position:bottom;

	width:370px;
	padding:15px;
	color:black;
	border-top: 1px solid #4d794d;	
	padding-bottom: 30px;
	text-align: justify;
	
}
#titletext{
	display:none;

	background-color:#cccccc;
	font-size:13px;
float:left;
	width:430px;
	margin-left:200px;
	padding:15px;
	height:100px;
	color:black;	

}