@import url("common.css");
/*
	Author: James Ramroop
	www.affilipoint.com
	Date: 13th april, 2010.
	Title: Driving Experiences
====================================
*/
body{
	font-family:Arial, Helvetica, sans-serif,Verdana,"Trebuchet MS",Georgia, Lucida;
	background:#000 url(images/bgr_body.jpg) no-repeat left top;
	font-size:13px;
	color:#333333;
	padding:0;
	margin:0;
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
/*
	voice-family:"\"}\"";
	voice-family:inherit;
*/
ul,ol,li{
	list-style:none;
}
h1,.formarea h2{
	font-family:Arial, Helvetica, sans-serif,Verdana,"Trebuchet MS",Georgia, Lucida;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
	text-decoration:underline;
}
.hide {
     position: absolute;
     left: -9999px;
}
.wrapper{
	width:1010px;
	margin:0 auto;
	background:url(images/main_bg.png) repeat-y;
}
/*--------------- header
*/
.header{
	width:981px;
	height:120px;
	padding:16px 0 0 29px;
	position: relative;
	top: 0;
	left: 0;
}
#logo{
	width:456px;
	height:54px;
	text-indent:-9999em;
	display:block;
	cursor:pointer;
	background:url(images/logo_drive_experience.png) no-repeat left;
}
/*--------------- menu
*/
#menucontent{
	width:100%;
	height:40px;
	background:url(images/bgr_menu.jpg) repeat-x;
	position:absolute;
	left:0;
	top:82px;
	z-index:100;
}
.menu{
	width:1010px;
	height:40px;
	margin:0 auto;
	overflow:hidden;
}
.nav{
	width:755px;
	padding-left:20px;
	float:left;
	overflow:hidden;
}
.nav li{
	width:auto;
	float:left;
	padding:0 19px;
	background:url(images/ico_divider.jpg) no-repeat left;
}
.nav li a{
	font-size:14px;
	color:#FFFFFF !important;
	line-height:40px;
	font-weight:bold;
}
.nav li a:hover{
	text-decoration:none;
}
.nav .nodivider,.footnav .nodivider{
	background:none;
}
.search{
	width:235px;
	height:20px;
	padding:10px 0;
	float:left;
}
.search form{
	width:223px;
	height:20px;
	overflow:hidden;
}
.search form .searchinp{
	width:162px;
	height:17px;
	padding:0 3px 3px 3px;
	border:none;
	background:none;
	font-size:12px;
	color:#999999;
	line-height:14px;
}
.search form span{
	width:168px;
	height:17px;
	padding-bottom:3px;
	display:block;
	float:left;
	background:url(images/bgr_searchinp.jpg) no-repeat left;
}
.search form .subbtn{
	width:51px;
	height:20px;
	border:none;
	cursor:pointer;
	background:none;
}
.search form small{
	width:51px;
	height:20px;
	display:block;
	float:left;
	cursor:pointer;
	background:url(images/btn_search.jpg) no-repeat left;
}
/*--------------- maincontent
*/
#maincontent{
	width:980px;
	padding:0 15px;
	overflow:hidden;
}

/*content*/
#content{
	width:750px;
	float:right;
}
#bannerbox{
	width:740px;/*750*/
	height:330px;/*340*/
	background:#FFFFFF;
	padding:10px 0 0 10px;
	margin-bottom:10px;
}
.banner{
	width:730px;
	height:319px;
}
#products{
	width:750px;
	background:#FFFFFF;
	margin-bottom:10px;
	padding:13px 0 10px 0;
}
#products .h2{
	padding:0 0 6px 11px;
	font-size:24px;
	color:#E73C04;
	line-height:26px;
	font-family: Arial, Verdana, Helvetica, sans;
	font-weight: bold;
}
#products p{
	font-size:12px;
	color:#000000;
	line-height:18px;
	padding-left:11px;
	padding-right: 11px;
}
#products ul{
	width:748px;
	padding:20px 0 0 2px;
	overflow:hidden;
}
#products ul li{
	width:164px;
	float:left;
	padding-top:10px;
	border:1px solid #999999;
	text-align:center;
	margin:0 10px;
	margin-bottom: 15px;
	display:inline;

}
#products ul li span{
	width:164px;
	height:30px;
	display:block;
	margin-top:20px;
	overflow: hidden;
	font-size:12px;
	color:#666666;
	margin-bottom:8px;
}
#products ul li big{
	width:164px;
	display:block;
	font-size:24px;
	color:#006600;
	line-height:18px;
	font-weight:bold;
	text-align: center;
}
#products ul li small{
	width:164px;
	display:block;
}
#products ul li small a{
	width:69px;
	height:17px;
	display:block;
	cursor:pointer;
	margin: 8px 0 5px 50px;
	background:url(images/btn_moreInfo.jpg) no-repeat left;
}

.video{
	width:750px;
	margin-bottom:10px;
}
.video1{
	width:360px;
	padding:12px 0 11px 10px;
	float:left;
	background:#FFFFFF;
}
.video2{
	width:364px;
	padding:11px 0 11px 6px;
	float:right;
	background:#FFFFFF;
}
#information{
	width:750px;
	overflow:hidden;
	margin-bottom:10px;
}

#information p{
	font-size:12px;
	color:#000000;
	line-height:18px;
	padding-bottom:16px;
}
.informationlt{
	width:349px;/*370*/
	padding:10px 11px 0 10px;
	float:left;
	background:#FFFFFF;
}
#information h3{
	margin-bottom:16px;
	font-size:20px;
	line-height:22px;
	color:#E73C04;
	font-family: Arial, Verdana, Helvetica, sans;
	font-weight: bold;
}
.informationrt{
	width:349px;/*370*/
	padding:10px 11px 0 10px;
	float:right;
	background:#FFFFFF;
}

.informationrt ul{
	width:314px;
	padding:0 0 10px 25px;
	overflow:hidden;
}
.informationrt ul li{
	float:left;
	background:url(images/ico_head.jpg) no-repeat 0 10px;
	font-size:12px;
	color:#000000;
	line-height:18px;
	padding:0 0 2px 7px;
}
/*sidebar right*/
#sidebarright{
	width:220px;
	float:left;
}
.latest{
	width:199px;
	background:#FFFFFF;
	padding:10px 11px 6px 10px;
}
.latest h2{
	width:199px;
	height:22px;
	background:url(images/tit_latestexperience.jpg) no-repeat left;
}
.latest ul{
	width:179px;
	padding:8px 0 0 20px;
}
.latest ul li{
	width:179px;
	text-align:center;
}
.latest ul li div.img { width: 150px; text-align:center; display: block; overflow: hidden;}
.latest ul li div.title{
	width:150px;
	display:block;
	font-size:12px;
	color:#333333;
	line-height:14px;
	text-align:center;
	padding:2px 0 4px 0;
	height: 13px;
	overflow: hidden;
	margin-bottom: 1px;
}
.latest ul li a{
	display:block;
}
.latest ul li span a{
	width:69px;
	height:17px;
	display:block;
	margin-left:40px;
	background:url(images/btn_moreInfo.jpg) no-repeat;
	margin-bottom: 3px;
}
.boxdriving{
	width:220px;
	margin-bottom:10px;
}
.boxdriving .hdr{
	width:220px;
	height:31px;
	background:#E73C04;
}
.boxdriving .hdr cite{
	font-size:16px;
	color:#FFFFFF;
	line-height:14px;
	background:url(images/ico_arrow.jpg) no-repeat left;
	line-height:30px;
	padding-left:24px;

}
.boxdriving ul{
	width:195px;
	padding:10px 11px 18px 14px;
	overflow:hidden;
	background:#FFFFFF url(images/bgr_boxdriving.jpg) repeat-x;
}
.boxdriving ul li{
	width:195px;
	float:left;
	font-size:14px;
	color:#333333;
	line-height:17px;
}
.boxdriving ul li a{
	font-size:14px;
	color:#0099FF !important;
	text-decoration:none;
	line-height:17px;
}
.boxdriving ul li a:hover{
	text-decoration:underline;
}
/*--------------- weblinks
*/
#weblinks{
	width:980px;
	height:53px;
	background:#fff;
	float:left;
	margin-bottom:10px;
}
#weblinks ul{
	width:980px;
	height:53px;
	overflow:hidden;
}
#weblinks ul li{
	width:auto;
	float:left;
}
#weblinks ul li .brandhatch{
	width:49px;
	height:34px;
	display:block;
	margin:9px 0 0 10px;
	background:url(images/ico_brandhatch.jpg) no-repeat left;
}
#weblinks ul li .thruxton{
	width:87px;
	height:27px;
	display:block;
	margin:13px 0 0 14px;
	background:url(images/ico_thruxton.jpg) no-repeat left;
}
#weblinks ul li .rockingham{
	width:91px;
	height:23px;
	display:block;
	margin:15px 0 0 11px;
	background:url(images/ico_rockingham.jpg) no-repeat left;
}

#weblinks ul li .feather{
	width:56px;
	height:39px;
	display:block;
	margin:6px 0 0 10px;
	background:url(images/ico_feather.jpg) no-repeat left;
}
#weblinks ul li .snetterton{
	width:55px;
	height:39px;
	display:block;
	margin:9px 0 0 12px;
	background:url(images/ico_snetterton.jpg) no-repeat left;
}
#weblinks ul li .palmar{
	width:76px;
	height:24px;
	display:block;
	margin:17px 0 0 13px;
	background:url(images/ico_palmar.jpg) no-repeat left;
}
#weblinks ul li .weblink{
	width:49px;
	height:34px;
	display:block;
	margin:13px 0 0 13px;
	background:url(images/ico_weblink.jpg) no-repeat left;
}
#weblinks ul li .donington{
	width:65px;
	height:43px;
	display:block;
	margin:5px 0 0 10px;
	background:url(images/ico_donington.jpg) no-repeat left;
}
#weblinks ul li .goodwood{
	width:99px;
	height:36px;
	display:block;
	margin:8px 0 0 13px;
	background:url(images/ico_goodwood.jpg) no-repeat left;
}
#weblinks ul li .threesisters{
	width:153px;
	height:32px;
	display:block;
	margin:8px 0 0 13px;
	background:url(images/ico_threesisters.jpg) no-repeat left;
}
#weblinks ul li .knockhill{
	width:61px;
	height:36px;
	display:block;
	margin:5px 0 0 14px;
	background:url(images/ico_knockhill.jpg) no-repeat left;
}
/*--------------- footer
*/
#footer{
	width:964px;
	padding:16px 6px 10px 10px;
	float:left;
	margin-bottom:215px;
	display:inline;
	background:#E73C04;
}
.footnav{
	width:964px;
	overflow:hidden;
}
.footnav .driving{
	width:964px;
	font-size:12px;
	color:#FFFFFF !important;
	line-height:18px;
	background:none;
}
.footnav li{
	width:auto;
	float:left;
	padding:0 4px 0 4px;
	background:url(images/ico_dividefootnav.jpg) no-repeat right;
}
.footnav li a{
	font-size:12px;
	color:#FFFFFF !important;
	line-height:18px;
}

#bottom_text { margin: 15px; border-top: 1px solid #ccc; padding: 15px 0px; }
#bottom_text h3{
	padding:0 0 6px 0px;
	font-size:18px;
	color:#E73C04;
	line-height:20px;
	font-family: Arial, Verdana, Helvetica, sans;
	font-weight: bold;
}
#blog{
	width:750px;
	background:#FFFFFF;
	margin-bottom:10px;
	padding:13px 0 10px 0;
}
#blog .h2{
	padding:0 0 6px 11px;
	font-size:24px;
	color:#E73C04;
	line-height:26px;
	font-family: Arial, Verdana, Helvetica, sans;
	font-weight: bold;
}
#blog p{
	font-size:12px;
	color:#000000;
	line-height:18px;
	padding-left:11px;
	padding-right: 11px;
}
.cart_table { border: 1px solid #ccc; }
.cart_header { background: #ffebaf; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px; }
.cart_t { background: #efefef; font-weight: bold; padding: 5px; }
.cart_cell { border-bottom: 1px solid #ccc; padding: 5px; }
.cart_m { position: absolute; left: 800px; color: #fff; font-size: 11px; margin-top: 10px; background: url(images/cart_icon.png) top left no-repeat; padding-left: 33px; }

TABLE.payment_form {margin: 10px}
TABLE.payment_form TD {padding: 2px 5px 2px 0px}
TABLE.payment_form INPUT, TABLE.payment_form SELECT {width: 100%}
TABLE.payment_form INPUT.exp_date {width: 25px}
TABLE.payment_form SUP A {text-decoration: underline; color: blue}
H3.checkout_page {margin: 10px}

#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:150px;}
#flyout ul {padding:0; margin:0; list-style:none; width:170px; height:auto; background:#FFFFFF url(images/bgr_boxdriving.jpg) repeat-x; position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left;}
#flyout li a {display:block; float:left; width:173px; height:24px; background:#FFF; color:#0099FF; line-height:24px; font-family:arial, sans-serif; font-size:14px; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background:#FFF url(images/right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#e60; color:#fff;}
#flyout li:hover > a {background-color:#e60; color:#fff;}

#flyout ul li a {background:#FFF;}
#flyout ul li a.fly {background:#FFF url(images/bgr_boxdriving.jpg) repeat-x right center;}
#flyout ul ul li a {background:#FFF;}
#flyout ul ul li a.fly {background:#FFF url(images/bgr_boxdriving.jpg) repeat-x right center;}
#flyout ul ul ul li a {background:#FFF;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#c40; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:172px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#e60; color:#fff;}
#flyout ul ul li:hover > a {background-color:#e60; color:#fff;}