/* @override http://dev.newride.org.uk/includes/stylesie7.css */

@import "stylesie6.css";

/* Main content layer */
	#contenthome { padding: 10px 15px 15px 15px; }

/* Form elements */

	input[type="text"] { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #000000; height: 17px; padding-top: 3px; padding-bottom: 0px; padding-left: 3px;}
	input[type="submit"] { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #000000; padding-left: 4px; padding-right: 4px; font-weight: bold; border: 1px solid #3D75B1; background-color:#E5EDF7; color: #3D75B1}
	input[type="button"] { font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #000000; padding-left: 4px; padding-right: 4px; font-weight: bold;}

/* News & Events - homepage  */
	.mainsection2 		{float: left; background-color: #E5EDF7; border-left:1px solid #3D75B1; border-right:1px solid #3D75B1; padding: 0px 15px 0px 15px; }
	#newsevents2 .mainsection2white { height: 115px;width: 491px;;background: url('/images/white_background.png'); left: -7px; position: relative;}
	#newsevents2 .firstnewsdatehomepage {top: 0px;}	

	#newsevents .newsdate {position: relative; left: 140px;top: 4px; color: #ffffff}
	.newsdate 	{ text-align: right; font-size:10px; color: #7E7E7E}
			
	.mainsection4 span.newsdate { float: right; position: relative; top: 5px; left: -2px}

			.mainsection5 {float: left; width: 460px; margin-right: 19px; margin-top: 0px; padding: 0px;}
/* News Event Small */
	#newsevents.advert img {display: none;}
	#newsevents.advert {width: 214px;}
	#newsevents.advert .middlesection2t, #newsevents.advert .middlesection2b, #newsevents.advert .mainsection2  {width: 182px;}
	#newsevents.advert .mainsection2 {padding-top: 8px; height: auto;}  /*  height: 116px; */
	#newsevents.advert p {width: 182px;padding-top: 0px; padding-bottom: 7px; padding-left: 2px;}

/* EV Model pages */

    #evintro {width: 453px; margin-bottom: 10px; margin-left: 10px}
	#evintro ul {height: 102px}	

/* Dealers */
	#downloadformsinfo {width: 295px; height: 77px; background: url(/images/downloadformsinfo.gif) no-repeat; margin-top: 0px; margin-bottom: 2px; margin-left:0px;
}

	#downloadforms {width: 296px; height: 92px; background: url('/images/appformsdownloadback.gif') no-repeat; margin-top: 4px; margin-left:-4px;}
/* Right hand side rounded box listing dealers, for both vehicle pages and dealer page*/
	#downloadformsright{width: 291px;}


	#dealerbox .mainsection {clear:both; width: 263px; padding-bottom: 12px;}
	#dealerbox .addmainsection { float: left; clear: both; width: 293px; height: 335px; overflow: auto; overflow-y: scroll; padding: 10px 0px 10px 0px; border-right:1px solid #9BB9DE; border-left:1px solid #9BB9DE; border-top: 1px solid #9BB9DE; border-bottom: 1px solid #9BB9DE; background-color: #3D75B1; }
	#dealerbox .boxlinks {float: left; clear: both;  width: 263px; height: 15px; padding-left: 15px; padding-right: 15px; border-right:1px solid #9BB9DE; border-left:1px solid #9BB9DE; background-color: #3D75B1; }

/* Models on the individual model pages */


	#models h1 {position: relative; top: -7px;}

	#models .boxlinks { float: left; width: 423px; height: 15px; padding-left: 15px; padding-right: 15px; border-right:1px solid #9BB9DE; border-left:1px solid #9BB9DE; background-color: #3D75B1; }
	#models .listbydd {width: 150px; margin-bottom: 2px; font-size: 8pt}

	#models .singlemodel {margin: 10px 10px 20px 10px;}
	#models h4.modeltitle { font-size: 13pt; margin-left: 6px; margin-bottom: 5px; padding-bottom: 0px; width: 402px;}
	#models .singlemodel img {float: right; margin-top: 7px; margin-left: 5px; margin-right: 10px; border: 2px solid #B0D5FF}
	
	#models table {width: 238px; margin-left: 5px;}
	#models td {border-bottom: 1px dotted #5288c6; padding-top: 0px; padding-bottom: 2px;}
	#models td.modellstname {vertical-align: top; width: 80px; color: #B2D3FE;}
	#models td.modellstvalue {text-align: right;}
	#models .modelcomments {float: right; clear: right; width: 145px; margin-top: 4px; margin-right: 8px;}
	
	#models .returntotop {display: none; float: right; font-size: 11px; margin-right: 3px; margin-top: 3px}
	

	#models .inputselect { float: right; position: relative; top: -3px; font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #000000;} 
	#models .inputsubmit { float: right; position: relative; top: -3px; font-family: Arial, Verdana, Sans-serif; font-size: 11px; color: #000000;}
	
	/*#models select, #models input[type="submit"] { float: right; position: relative; top: -30px;}
	#models input[type="submit"] {margin-left: 5px;} 
	#models select {margin-bottom: 3px;}
	*/
	#boxlinkmodelscollapse {display: none;}
	

/* Recharge points page */	

	#rechargeintro { float: left; width: 453px;margin-left: 10px; margin-top: 5px;}
	#rechargeintro p {margin-left: 5px; padding-top: 5px;}

	#rechargelist { float: right; width: 295px}
	#rechargelist h1 {position: relative; top: -8px;}
	#rechargelist .middlesectiont, #rechargelist .middlesectionb {width: 263px}
	#rechargelist .listbydd { width: 150px; margin-bottom: 0px; font-size: 8pt}
	#rechargelist .mainsection {clear:both; width: 263px; padding-bottom: 12px;}
	#rechargelist .addmainsection { float: left; clear: both; width: 293px; height: 340px; overflow: auto; overflow-y: scroll; padding: 10px 0px 10px 0px; border-right:1px solid #9BB9DE; border-left:1px solid #9BB9DE; border-top: 1px solid #9BB9DE; border-bottom: 1px solid #9BB9DE; background-color: #3D75B1; }
	#rechargelist .boxlinks {float: left; clear: both;  width: 263px; height: 15px; padding-left: 15px; padding-right: 15px; border-right:1px solid #9BB9DE; border-left:1px solid #9BB9DE; background-color: #3D75B1; }

	#rechargelist table {width: 255px; margin-bottom: 4px; margin-left: 12px;/*border-bottom: 1px dotted #5288c6; border-top: 1px dotted #5288c6; */padding-top: 1px; padding-bottom: 5px;}
	#rechargelist table.highlighted {background-color: red;}
	#rechargelist td.rechargelstname {vertical-align: top; width: 80px}
	#rechargelist td.rechargelstvalue {color: #B2D3FE;}
	#rechargelist h4.lsttitle { font-size: 11px;border-bottom: 1px dotted #5288c6; padding-bottom: 4px;}

	.lstlinkhighlighted {color: #ffff00; font-size: 8pt}
	
	.listlink {color: #FFFF00; font-weight: bold;}
	.listspan {color: #ffff00; float: right;}
	#boxlinkrechargecollapse {display: none;}

	#pagebottom {display: none;}

/* Generic Map Styles */

	#mainmap {clear: left; float:left; width: 460px; height: 355px;margin-top: 10px;}
	#mainmap .middlesection3t, #mainmap .middlesection3b { width: 430px; }
	#mainmap .mainsection3 { width: 430px; height: 327px; padding-left: 15px; padding-right: 15px; }

	#map { width:430px; height: 300px;border: 1px solid #ffffff; margin-bottom: 5px;}
	#maindmap h1 { float: right; position: relative;}

	
	#addrecharge {float: left; clear: left; width: 446px; padding-left: 12px; margin-top: 10px;}

	#maplinks {clear:both;}
	#maplinks li.mlinksclose {float: right;}
	
	#maplinks li.mlinksgotodealers {float: right;}
	
	.markerwindow {position: relative; top: -5px;text-align: left;font-family: arial; font-weight: normal; font-size: 8pt;}
	.pointname {margin-bottom: 3px; font-size: 12pt; font-weight: bold; color: black}
	.address {color: #5288C6; margin-left: 2px; margin-bottom: 4px; font-weight: bold;}
	.details {margin-left: 2px; color: #000000}
	
	
/* Dealers page */	

	#dealersintro {float: left; width: 450px}
	#dealersintro li.dealersmap {padding-left: 60px; background: url('/images/ukmap.gif') no-repeat 0px 4px;}
    #dealersintro p {padding-left: 3px; padding-top: 3px;}
	
    #adddealer {float: left;clear: left; width: 440px; margin-right: 0px; margin-top: 15px; margin-left: 12px; margin-bottom: 20px;}

	.ddtitle {float: left; width: 48px; padding-top: 4px; font-weight: bold;}
    
	.dealerdetails {float:left; width: 375px; margin-bottom: 20px; margin-left: 5px;}
	.dealerdetails .middlesection3t, .dealerdetails .middlesection3b, .dealerdetails .mainsection3 { width: 345px; }
	.dealerdetails .mainsection3 { text-align: left; padding-left: 15px; padding-right: 15px;}
 	
	.dealerdetails input[type="text"] { width: 193px;} 
    .dealerdetails td {vertical-align: top;}
    .dealerdetails td.formcolleft {width: 140px; font-weight: bold; padding-top: 3px;}
    .dealerdetails td.formcolright {width: 200px;}
    .dealerdetails td.formcolreq {width: 5px; color: #F70104; font-family: arial black; font-size: 14px;}
	.dealerdetails p {margin-top: 10px; width: 210px;}
	.dealerdetails input[type="submit"] { float: right; margin-top: 20px; margin-right: 15px;} 
    .dealerdetails .formrequired {color: red}
    
    #productbrands {width: 322px; height: 58px; border: 0px; font-size: 8pt; padding: 3px 3px 3px 3px; margin-bottom: 5px;}
    
    .dealerdetails label {}
    .dealerdetails .formerror {color: red; font-weight: bold;}

	#detailssubmitted p {font-size: 13px;}
	
	.lstinfo {color: #B2D3FE; margin-top: 2px; margin-bottom: 3px; padding-left: 10px}
	
	.orangeview {color: #FFFF00;}
	.orangeviewbold {color: #FFFF00; font-weight: bold;}
	.searchinput { width: 85px; margin-right: 5px;margin-top: 5px; }

/* Feedback page */

	.feedback li {color: #5a5a5b; margin-top: 8px; font-weight: bold;}
	.feedback li.formname {width: 90px; text-align: right}
	.feedback li.forminput {margin-top: -18px; margin-left: 100px;}
	.feedback textarea {width: 282px; height: 150px; border: 1px solid #5288c6}
	.feedback input[type='text'] {width: 280px; border: 1px solid #5288c6;}


/* Internal Ad styles */
 
 	#adcontainer #newsevents, #adcontainer #dealers {margin-bottom: 10px}
    
    #adddealer p {padding-left: 3px; padding-top: 5px;}

	#rechargead {float: right; width: 280px; height: 100px; margin-right: 10px; margin-bottom: 15px;}
	#rechargead .middlesectiont, #rechargead .middlesectionb, #rechargead .mainsection {width: 245px}
    #rechargead .mainsection {height: 73px;}
    #rechargead li {float: left;}
    #rechargead li.readpic {display:inline; padding-left: 244px; padding-top: 68px; background: url('/images/rechargead.gif') no-repeat 0px 0px; margin: 0px 0px 0px 0px;}
    #rechargead li.readclick {position: relative; padding-left: 10px;top:-40px; left: 145px; background: url('/images/transarrow.gif') no-repeat 0px 3px;}


/* Generic Content Page Styles */

    #genericcontent {float: left; width: 535px;margin-top: 5px; margin-left: 5px; margin-right: 0px;}
    
    #genericcontent .middlesection4t, #genericcontent .middlesection4b {width: 507px;}
    #genericcontent .mainsection4 {width: 487px; padding-left: 23px; padding-right: 23px; padding-top: 0px}
	#genericcontent h2 {margin-bottom: 8px;}
    #genericcontent p {margin-bottom: 10px; margin-left: 2px; line-height: 17px;}	
	
	#genericcontent ul.benefits li {list-style: disc; color: #5a5a5b; margin-left: 16px; margin-bottom: 5px}

/* EV Guide styles */

	.guide img {border: 2px solid #B0D5FF; }
	.guide h2 { padding-bottom: 8px; border-bottom: 1px dotted #5288C6;}

	h1.guideh1 {margin-bottom: 2px; padding-bottom: 0px;} /*#5288C6  #3D75B1 */
	
	a.guideselected {color: #ffffff; background-color: #5288C6; padding-left: 3px; padding-right: 3px;}

	li.guideimage {padding: 0px 0px 0px 0px; background: url('/images/evguide/bookgreyflipsd.gif') no-repeat 355px 10px; }
	
	#genericcontent li.printguidepage {float: right; padding-left: 20px; background: url('/images/printicongrey.gif') no-repeat 0px 0px;}
	
	/* 5288C6  AFAFAF*/
	#genericcontent li.normalbullet {list-style: disc; margin-left: 30px; font-weight: normal; font-size: 8pt;}
	
	#genericcontent li.moveleft {float: left; padding-top: 1px;}
	#genericcontent li.movelefticon {float: left; margin-right: 6px; margin-left: 2px}
	#genericcontent li.movelefticon img {border: 0px}
	
	#genericcontent li.moveright {float: right; text-align: right; padding-top: 1px;}
	#genericcontent li.moverighticon {float: right; margin-left: 6px; margin-right: 2px;}
	#genericcontent li.moverighticon img {border: 0px}

	.glossaryterm {border-bottom: 1px dashed #8B8B8B;cursor: help;}
	
 	#adcontainer {float: right; width: 214px; margin-top: 6px; padding: 0px;}
 	
 	#newslettersmall, #newseventssmall, #dealersad {margin-bottom: 10px;}
 	
 	.advert {float: right; clear:right; margin: 0px; padding: 0px;}
 	

.newsitem 
{
	clear: both;
	width: 487px; padding-top: 2px; padding-bottom: 3px; margin-bottom: 10px;
}

#logos {height: 70px; margin-top: 6px; vertical-align: middle; margin-right: 10px; float: left}

#logos img.tfl, img.camden, img.clearzones {float: right; margin-left: 15px;}

#logos img.tfl {margin-top: 14px;}
#logos img.camden {margin-top: 15px;}

#logo-section {background-image:url('/img/logo-section.gif');width:759px; height:60px; float:left;margin-top:5px;}

#logo-section #midSection{margin-left:10px;}

#logo-section img {float:left;margin-left:15px; margin-top:9px;border:0px}

#logo-section img.tfl {margin-top: 14px;}
#logo-section img.camden {margin-top: 15px;}
#logo-section img.clearzones {margin-top: 5px;}