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

body {
	text-align: center;
	background: #c60000 url(../images/bg2.jpg) repeat-x;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #335;
	font-size: 12px;
	line-height: 18px;
}



h1 {
color: #DF2510;
font-size: 18px;
margin-bottom: 12px;
font-weight: bold;
}

.container {
	width: 916px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: left;
	background: url(../images/middle-bg.gif) repeat-y;
	position: relative;
}
#slogan {
	font-size: 1px;
	text-indent: -900em;
	padding: 0;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}

/*HEADER________________________________________________________________*/

#header{
	height: 118px;
	width: 916px;
}
#header #floating-bg{
	background: url(../images/splat.jpg) no-repeat;
	width: 600px;
	height: 600px;
	position: absolute;
	top: -10;
	left: -142px;
}
#header a{
	display: block;
	height: 118px;
	width: 600px;
	background: url(../images/header2.jpg) no-repeat;
	
	text-indent: -900em;
}
	
/*MENU________________________________________________________________*/
	
#menu {
	background: url(../images/menu-x.jpg) no-repeat 7px 8px;
	margin: 0 auto;
	width: 916px;
	height: 46px;
	position: relative;
}
#menu ul{
	margin-left: 20px;
}
#menu ul li{
	float: left;
}
#menu ul li a{
	display: block;
	text-indent:-900em;
	background: url(../images/menu-combined.gif) no-repeat;
}
#menu #menu-home a{
	width: 135px;
	height: 38px;
	background-position: 0 0;
	margin: 0 40px;
}
#menu #menu-home a:hover{
	background-position: 0 -42px;
}
#menu #menu-home a:active{
	background-position: 0 -84px;
}
#menu #menu-quote a{
	width: 146px;
	height: 43px;
	background-position: -135px 0;
	margin: 0 40px;
}
#menu #menu-quote a:hover{
	background-position: -135px -42px;
}
#menu #menu-quote a:active{
	background-position: -135px -84px;
}
#menu #menu-contact a{
	width: 162px;
	height: 38px;
	background-position: -281px 0;
	margin: 0 40px;
}
#menu #menu-contact a:hover{
	background-position: -281px -42px;
}
#menu #menu-contact a:active{
	background-position: -281px -84px;
}
#menu #menu-faq a{
	width: 101px;
	height: 38px;
	background-position: -443px 0;
	margin: 0 40px;
}
#menu #menu-faq a:hover{
	background-position: -443px -42px;
}
#menu #menu-faq a:active{
	background-position: -443px -84px;
}
	
/*MAINCONTENT________________________________________________________________*/
#mainContent #newcontent{
	width: 916px;
	height: 437px;
	background:url(../imagesnew/whitestage.gif) no-repeat;
}
#mainContent #newcontent2{
	width: 916px;
	height: 575px;
	background:url(../imagesnew/compbg.gif) no-repeat;
}
#mainContent #picbox{
	float:left;
	width: 850px;
	height: 400px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	background-image:url(../images/girlonbike2.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
#mainContent #maintext{
	margin-right: 250px;
	margin-bottom: 15px;
	font-size: 14px;
	text-align:justify;
}
#mainContent #quoteclick{
	background:url(../imagesnew/quoteclickme.jpg) no-repeat;
	height:120px;
	width:350px;
	margin-right:20px;
	float:left;
}

#mainContent #quoterampdale{
	height:120px;
	width:300px;
	margin-right:40px;
	float:left;
}

.myButton {
	-moz-box-shadow:inset 0px -2px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px -2px 0px 0px #ffffff;
	box-shadow:inset 0px -2px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #d9e6eb) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #d9e6eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9e6eb');
	background-color:#fafafa;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #e6e3e6;
	display:inline-block;
	color:#2c73bf;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9e6eb), color-stop(1, #fafafa) );
	background:-moz-linear-gradient( center top, #d9e6eb 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9e6eb', endColorstr='#fafafa');
	background-color:#d9e6eb;
}.myButton:active {
	position:relative;
	top:1px;
}

#mainContent #comp{
	background:url(../imagesnew/comp.jpg) no-repeat;
	height:145px;
	width:175px;
	float:left;
}
#mainContent {
	position: relative;
}
#mainContent p, #mainContent ul, #mainContent ol, #mainContent dl{
	padding-bottom: 20px;
}
#mainContent dd ul, #mainContent dd ol{
	margin-bottom: -40px;
}
#mainContent .exp-box ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainContent .legal ul li{
	list-style-type: disc;
	margin: 0 0 10px 15px;
	padding: 0;
}
#mainContent .exp-box ol li{
	list-style-type: decimal;
}
#mainContent h2{
	display: block;
	width: 600px;
	height: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	line-height: 65px;
	font-weight: normal;
	text-indent: -900em;
	margin-left: 7px;
	margin-top: -2px;
}
#mainContent h3{
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: normal;
}
#mainContent h4{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#mainContent em{
	font-style: italic;
}
#mainContent strong{
	font-weight: bold;
}
#mainContent small{
	font-size: 10px;
}
#mainContent dl em{
	display: block;
}
#mainContent a{
	color: #1cbfd7;
	padding: 1px 5px;
}
#mainContent a:hover{
	color: #ffffff;
	background: #1cbfd7;
}
#mainContent .location a{
	color: #000000;
	padding: 0;
}
#mainContent .location a:hover{
	background-color: transparent;
}
#mainContent dl dt{
	font-weight: bold;
}
#mainContent dl dd{
	margin: 7px 0 7px 25px;
}
#mainContent dl dd ul{
	margin-bottom: 0px;
}
#mainContent #title-about-us{
	background: url(../images/titles/title-about-us.jpg) no-repeat;
}
#mainContent #title-quote{
	background: url(../images/titles/title-get-a-quote.jpg) no-repeat;
}
#mainContent #title-contact{
	background: url(../images/titles/title-get-in-touch.jpg) no-repeat;
}
#mainContent #title-faq{
	background: url(../images/titles/title-faq.jpg) no-repeat;
}
#mainContent #title-links{
	background: url(../images/titles/title-links.jpg) no-repeat;
}
#mainContent #title-maintenance{
	background: url(../images/titles/title-maintenance.jpg) no-repeat;
}
#mainContent #title-info{
	background: url(../images/titles/title-info-for-beginners.jpg) no-repeat;
}
#mainContent #title-privacy-policy{
	background: url(../images/titles/title-privacy-policy.jpg) no-repeat;
}
#mainContent #title-additional-protection{
	background: url(../images/titles/title-additional-protection.jpg) no-repeat;
}
#mainContent #title-terms-and-conditions{
	background: url(../images/titles/title-terms-and-conditions.jpg) no-repeat;
}
#mainContent #title-glossary{
	background: url(../images/titles/title-glossary.jpg) no-repeat;
}
#mainContent #title-test-centres{
	background: url(../images/titles/title-test-centres.jpg) no-repeat;
}
#mainContent #title-sorry-page-not-found{
	background: url(../images/titles/title-sorry-page-not-found.jpg) no-repeat;
}
#mainContent #title-mopeds{
	background: url(../images/titles/title-mopeds.jpg) no-repeat;
}
#mainContent #title-scooters{
	background: url(../images/titles/title-scooters.jpg) no-repeat;
}
#mainContent #title-electric-scooters{
	background: url(../images/titles/title-electric-scooters.jpg) no-repeat;
}
#mainContent #title-motorbikes{
	background: url(../images/titles/title-motorbikes.jpg) no-repeat;
}
#mainContent #title-articles{
	background:url(../images/titles/headers.jpg) no-repeat;
}
#mainContent #quote-box{
	margin: 0 108px 0 108px;
	padding: 0 50px;
	background: #ffffff url(../images/bg-quote.gif) repeat-x;
}
#mainContent #quote-balloon{
	width: 800px;
	height: 107px;
	background: url(../images/quote-balloon.gif) no-repeat;
	padding: 20px;
	margin: 20px 0 20px 10px;
}
#mainContent #quote-balloon h2{
	display: block;
	width: 363px;
	height: 32px;
	line-height: 24px;
	font-size: 24px;
	color: #ffffff;
	background: url(../images/quote-balloon-choose.png) no-repeat;
	margin: 0 0 0 140px;
}
#mainContent #quote-balloon #dropdown{
	display: block;
}
#mainContent #quote-balloon #dropdown select{
	width: 350px;
	height: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: none;
	border-right: none;
	margin: 20px 0 20px 250px;
	background-color:#ffffff;
}
#mainContent #dropdown select{
	width: 375px;
	height: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
#mainContent #smiley{
	width: 123px;
	height: 123px;
	position: absolute;
	top: 65px;
	right: 75px;
}
#mainContent .exp-box{
	margin-bottom: 25px;
	margin-left: 7px;
	margin-right: 7px;
}
#mainContent .exp-middle{
	width: 383px;
	border-left: 1px solid #8995ac;
	border-right: 1px solid #8995ac;
	background-color: #ffffff;
	padding: 0 20px;
}
#mainContent .exp-top-left{
	width: 425px;
	height: 20px;
	background: url(../images/exp-top-left.gif) no-repeat;
}
#mainContent .exp-bottom-left{
	width: 425px;
	height: 20px;
	background: url(../images/exp-bottom-left.gif) no-repeat;
}
#mainContent .exp-top-right{
	width: 425px;
	height: 20px;
	background: url(../images/exp-top-right.gif) no-repeat;
}
#mainContent .exp-bottom-right{
	width: 425px;
	height: 20px;
	background: url(../images/exp-bottom-right.gif) no-repeat;
}
#mainContent .blue-middle{
	width: 385px;
	padding: 0 20px;
	background: url(../images/blue-middle.gif) repeat-y;
}
#mainContent .blue-top-left{
	width: 425px;
	height: 20px;
	background: url(../images/blue-top-left.gif) no-repeat;
}
#mainContent .blue-bottom-left{
	width: 425px;
	height: 20px;
	background: url(../images/blue-bottom-left.gif) no-repeat;
}
#mainContent .blue-top-right{
	width: 425px;
	height: 20px;
	background: url(../images/blue-top-right.gif) no-repeat;
}
#mainContent .blue-bottom-right{
	width: 425px;
	height: 20px;
	background: url(../images/blue-bottom-right.gif) no-repeat;
}
#mainContent .faq dt{
	background: url(../images/faq-q.gif) no-repeat;
	padding: 4px 0 0 80px;
	height: 68px;
	font-weight: bold;
}
#mainContent .faq dd{
	background: url(../images/faq-a.gif) no-repeat;
	padding: 4px 0 20px 80px;
	margin: 0;
}
#mainContent .exp-box hr{
	border: none 0;
	border-top: 1px solid #a9b4c9;
	margin-bottom: 20px;
}
#mainContent .exp-box li{
	padding-bottom: 20px;
	list-style-type: disc;
	margin-left: 15px;
}
#about-us-image {
	position: absolute;
	top: 20px;
	left: 500px;
}
#about-us-image-spacer {
	height: 350px;
	width: 425px;
}

/*CONTACT FORM*/

#mainContent #contact-form{
	width: 427px;
	height: 500px;
	background: url(../images/bg-contact.gif) no-repeat;
	float: right;
	margin-right: 5px;
}
	#mainContent #contact-form p{
		margin: 25px;
	}
	#mainContent #contact-form h3{
		margin: 25px;
		margin-bottom: 0;
	}
	#mainContent #contact-form dl{
		margin: 25px 25px 0 25px;
	}
	#mainContent #contact-form dl dt{
		float: left;
		width: 95px;
		line-height: 30px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	#mainContent #contact-form dl dd{
		line-height: 30px;
		color: #000;
		font-size: 16px;
	}
	#mainContent #contact-form .textbox{
		width: 254px;
		height: 22px;
		margin-bottom: 10px;
	}
	#mainContent #contact-form .textbox-large{
		width: 254px;
		height: 123px;
	}
	#mainContent #contact-form #send{
		background: url(../images/send-button.jpg) no-repeat;
		background-position: 0 -41px;
		width: 160px;
		height: 41px;
		border: none;
		cursor: pointer;
		float: right;
		text-indent: -900em;
		margin-right: 9px;
		margin-top: 25px;
		margin-bottom: 50px;
		font-size: 1px;
		color: #ffffff;
	}
	#mainContent #contact-form #send:hover{
		background-position: 0 0;
	}
	#mainContent #contact-form #send:active, #mainContent #contact-form #send:focus{
		background-position: 0 -82px;
	}
	
/*BUTTONS*/
	
#mainContent #home-page-buttons {
	clear: both;
}
	#mainContent #home-page-buttons a{
		display: block;
		width: 435px;
		height: 89px;
		text-indent: -900em;
		padding: 0px;
	}
	#mainContent #home-page-buttons #button-quote{
		background: url(../images/button-quote.gif) no-repeat;
	}
		#mainContent #home-page-buttons #button-quote:hover, #mainContent #home-page-buttons #button-quote:focus{
			background-position: 0 -89px;
		}
		#mainContent #home-page-buttons #button-quote:active{
			background-position: 0 -178px;
		}
	#mainContent #home-page-buttons #button-info{
		background: url(../images/button-info.jpg) no-repeat;
	}
		#mainContent #home-page-buttons #button-info:hover{
			background-position: 0 -89px;
		}
		#mainContent #home-page-buttons #button-info:active{
			background-position: 0 -178px;
		}
	#mainContent #home-page-buttons #button-maintenance{
		background: url(../images/button-maintenence.jpg) no-repeat;
	}
		#mainContent #home-page-buttons #button-maintenance:hover{
			background-position: 0 -89px;
		}
		#mainContent #home-page-buttons #button-maintenance:active{
			background-position: 0 -178px;
		}
	#mainContent #home-page-buttons #button-faq{
		background: url(../images/button-faq.jpg) no-repeat;
	}
		#mainContent #home-page-buttons #button-faq:hover{
			background-position: 0 -89px;
		}
		#mainContent #home-page-buttons #button-faq:active{
			background-position: 0 -178px;
		}
	#mainContent #home-page-buttons #button-about{
		background: url(../images/button-about.jpg) no-repeat;
	}
		#mainContent #home-page-buttons #button-about:hover{
			background-position: 0 -89px;
		}
		#mainContent #home-page-buttons #button-about:active{
			background-position: 0 -178px;
		}
	#mainContent #myGallery{
		float: right;
		margin-top: 12px;
	}
	#mainContent #home-page-buttons #button-style{
		float: right;
		width: 465px;
		height: 270px;
		
	}
	#mainContent #home-page-buttons #banner-chinese{
		padding: none;
		float: right;
		width: 433px;
		height: 240px;
		background: url(../images/banner-chinese.jpg) no-repeat;
		margin-top: 13px;
		display: block;
	}
	#mainContent #home-page-buttons #banner-scooter{
		padding: none;
		float: right;
		width: 433px;
		height: 240px;
		background: url(../images/banner-scooter.jpg) no-repeat;
		margin-top: 13px;
		display: block;
	}
	#mainContent #home-page-buttons #banner-online{
		padding: none;
		float: right;
		width: 433px;
		height: 240px;
		background: url(../images/banner-online.jpg) no-repeat;
		margin-top: 13px;
		display: block;
	}

/*FOOTER________________________________________________________________*/

#footer {
	/*background: url(../images/bg2foot.jpg) repeat-x;*/
	color: #ffffff;
	font-size: 11px;
	clear: both;
}
#footer .container {
	height: 400px;
	width: 916px;
	margin: 0 auto;
	padding-bottom: 0;
	text-align: left;
	background: url(../images/footer-bg2.jpg) no-repeat 1px 0;
	position: relative;
}
	#footer a{
		color: #000000;
		padding: 1px;
	}
	#footer a:hover{
		background-color: #1cbfd7;
		color: #ffffff;
	}
	#footer #social-bookmarking {
		margin-left: 28px;
	}
	#footer #social-bookmarking:hover {
		background-color: transparent;
	}
	#footer .footer-section{
		float: left;
		margin-right: 15px;
	}
	#footer h2{
		/*text-indent: -900em;*/
		font-weight:bold;
		font-size:1.2em;
		display: block;
		margin-left: 30px;
		margin-top: 10px;
		/*height: 58px;*/
	}
	#footer #sitemap{
		/*background: url(../images/title-sitemap.jpg) no-repeat 0 25px;*/
		width: 87px;
	}
	#footer #insure{
		/*background: url(../images/title-insure.jpg) no-repeat 0 25px;*/
		width: 77px;
	}
	#footer #why-choose{
		/*background: url(../images/title-why-choose-a-moped.jpg) no-repeat 0 25px;*/
		width: 254px;
	}
	#footer #share{
		/*background: url(../images/title-share.jpg) no-repeat 0 0;*/
		width: 66px;
		height: 23px;
		margin-bottom: 10px;
	}
	#footer ul {
		margin-left: 31px;
		margin-bottom: 25px;
	}
		#footer .bullets ul li{
			list-style-type: disc;
			margin-left: 13px;
		}
	#footer p {
		color: #384962;
	}
	#footer .disclaimer {
		display: block;
		height: 58px;
		width: 600px;
		margin-left: 28px;
		float: left;
	}
	#footer #footer-aside{
		width: 265px;
		float: right;
	}
		#footer #footer-aside ul {
			line-height: 24px;
			margin: 25px 0 0 20px;
			font-size: 14px;
		}
		#footer #footer-aside ul li{
			background: url(../images/list-tick.gif) no-repeat 0 50%;
			text-indent: 20px;
		}
		#footer #footer-aside #phone{
			display: block;
			width: 212px;
			height: 58px;
			background: url(../images/title-phone.jpg) no-repeat;
			text-indent: -900em;
			margin: 45px 0 10px 25px;
		}
		#footer #footer-aside a{
			margin: 0 0 0 22px;
		}
		#footer #footer-aside p{
			margin: 20px 16px 10px 22px;
		}