/* CSS Document */

/*--- 00. Common Elements ------------------------------------------------------------------------------*/

html, *						{margin:0; padding:0;}

body						{background:url(/images/bp_bkg.jpg) repeat-x; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

h1							{color:#000000; font-size:2em; padding:0 0 6px 0;}
h2							{color:#000000; font-size:1.3em; padding:16px 0 0 0;}
#postcode 					{width: 141px; float:left}

h3							{font-size:1.1em; padding:8px 0 0 0;}

img							{border:0;}


.yellow						{color:#FFF300;}
.posts_content {
	float: left;
	width: 141px;
}

.white						{color:#FFF;}
.bigred						{color:#B30000; font-size:1.6em; font-weight:bold;}
.red						{color:#B30000;}
.black 						{color:#000000;}
.price						{color:#B30000; font-size:1.8em; font-weight:bold;}
.double						{font-size:1.4em;}


/*--- 01. Main Layout Elements ------------------------------------------------------------------------------*/

#main_container				{font-size:1.1em; margin:0px auto; width:772px;}
#content_container			{background:url(/images/bp_bkg_contentcontainer.jpg) repeat-y; margin:139px 0 0 0;}
#bp_logo					{background:url(/images/bp_logo.png) position:relative; top:0; left0; width:216; height:60;}
#header						{background:url(/images/bp_bkg_glows.jpg) no-repeat; position:absolute; top:0; width:772px;}
#leftcol					{background:url(/images/bp_bkg_leftcol.jpg) repeat-x; border:1px solid #DEDEDE; border-bottom:0; float:left; padding:6px; position:relative; width:140px; z-index:100;}

/*--- 02. Header Elements ------------------------------------------------------------------------------*/

#logo						{margin:18px 0 6px 22px;}

#freephone					{color:#FFFFFF; font-size:1.5em; position:absolute; right:13px; text-align:right; top:2px;}
#free_text					{color:#FFF300; font-size:2.1em; float:left; font-weight:bold; padding-top:1px;}
#free_number				{float:left; font-size:2.1em; font-weight:bold;}

#strap						{
	color:#B30000;
	float:left;
	font-size:1em;
	font-style:italic;
	margin: -5px 0 0 0;
	padding:0 0px 0 0;
}
#ask_a_question				{
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
	padding:4px 0 5px 25px;
	position:absolute;
	right:5px;
	text-decoration:none;
	top:5px;
	width:200px;
	margin-top:60px;
	
}
#ask_a_question[id] 		{background:url(/images/bp_btn_question.png) 0 0 no-repeat;}
#ask_a_question:hover		{background-position:0px;}

#ask_a_question_doubled				{
	color:#FFFFFF;
	padding:4px 0 5px 25px;
	position:absolute;
	text-decoration:none;
	width:200px;
	
}
#ask_a_question_doubled[id] 		{background:url(/images/bp_btn_question.png) 0 0 no-repeat;}
#ask_a_question_doubled:hover		{background-position:0 -23px;}

#banner_line				{
	color:#FF4040;
	cursor:pointer;
	display:block;
	padding:4px 0 5px 25px;
	position:absolute;
	right:35px;
	text-decoration:none;
	top:240px;
	width:523px;
	height:44px;
	font-family:Arial, Helvetica;
	font-size: 22px; 
	z-index:1;
	font-weight:bold;
	
}

/*--- 03. Top Navigation Elements ------------------------------------------------------------------------------*/

#top_navigation				{background:url(/images/bp_bkg_topnav.jpg) repeat-x; border:1px solid #DADADA; margin:23px 0 2px 0;  list-style:none; width:770px;}
#top_navigation li			{float:left; padding:2px; text-align:center; width:150px;}
#top_navigation li a		{background:url(/images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; color:#FFF300; display:block; font-weight:bold; padding:5px 0; text-decoration:none;}
#top_navigation li a.current,
#top_navigation li a:hover	{background-position: 0 -24px;}


/*--- 04. Left Navigation Elements ------------------------------------------------------------------------------*/

#leftcol ul					{list-style:none;}
#leftcol a					{color:#000000; text-decoration:none;}
#leftcol a.current,
#leftcol a:hover			{color:#B30101;}

.nav_split					{background:url(/images/bp_bkg_navsplit.jpg) repeat-x; padding:7px 0 5px 0 !important;}

#parent_nav					{}
#parent_nav li				{font-weight:bold; padding:5px 0px 5px 0px;}

#child_nav					{margin:0 0 5px 7px;}
#child_nav li				{font-weight:normal; padding:3px 0;}

#grandchild_nav				{margin:0 0 5px 7px;}
#grandchild_nav li			{padding:2px 0;}
#grandchild_nav li a		{color:#333333;}

.menu_cta					{background:url(/images/bp_bkg_navsplit.jpg) bottom repeat-x; padding:0 0 10px 0;}
.menu_cta a					{background:url(/images/bp_btn_menucta.gif) 0 0 no-repeat; display:block; width:91px;}
.menu_cta a:hover			{background-position:0 -50px;}

#two_line a					{color:#840000; height:30px; padding:10px 40px 10px 10px;}
#three_line a				{color:#840000; height:42px; padding:4px 40px 4px 10px; font-weight:bold}

#bp_insurance				{
	text-align:center;
	margin:10px 0 10px 0;
}


/*--- 05. Banner Elements ------------------------------------------------------------------------------*/

#banner						{background:#000000; border:1px solid #DADADA; float:right; height:188px; overflow:hidden; position:relative; width:613px;}

#banner a {
    position:absolute;
    top:0;
    left:0;
    z-index:7;
    opacity:0.0;
	border:none !important;
}

#banner a.active {
    z-index:9;
    opacity:1.0;
	border:none !important;
}

#banner a.last-active {
    z-index:8;
}		



#banner_content				{bottom:0; height:41px; left:0; position:absolute; width:613px; z-index:10;}
#banner_content[id]			{background:url(/images/bp_bkg_bannercontent.png) repeat-x;}
.banner_item				{float:left; width:33%;}
.banner_item a				{color:#D3CB00; display:block; font-size:1.2em; padding:5px 20px 4px 0px; text-decoration:none;}
.banner_item a:hover		{color:#FFFFFF;}
.banner_item img			{border:1px solid #FFFFFF; float:left; margin:0px 4px;}


/*--- 06. Right Column Elements ------------------------------------------------------------------------------*/

#child_ksp					{float:right; margin:0 0 18px 0; width:225px;}
#child_ksp ul				{background:#F6F6F6; border:1px solid #DADADA; list-style:none; padding:8px;}
#child_ksp ul li			{font-weight:bold;}
#child_ksp #lplate li		{background:url(/images/bp_bullet_lplate.jpg) no-repeat; padding:3px 0 7px 28px;}
#child_ksp #tick li			{background:url(/images/bp_bullet_tick.jpg) no-repeat; padding:3px 0 7px 28px;}

#child_ksp #header_li		{background:none !important; color:#B30000; font-size:1.1em; padding:3px 0 12px 0px !important; text-transform:uppercase;}

#child_ksp strong			{color:#B30000; text-transform:uppercase;}

#home_cta					{float:right; width:169px;}
.right_cta					{border:1px solid #DADADA; height:111px; margin:0 0 2px 0; position:relative; width:167px;}
.right_cta a				{color:#FFFFFF; display:block; height:111px; text-decoration:none; width:167px;}
.right_cta a:hover			{color:#FFF300;}
.right_cta .yellow			{font-weight:bold;}

.cta_text					{bottom:0; font-size:1.1em; height:32px; left:0; padding:5px 5px 3px 5px; position:absolute; width:157px;}
.cta_text[class]			{background:url(/images/bp_bkg_bannercontent.png) bottom repeat-x;}
.cta_link					{display:block; font-size:0.8em; padding:4px 0 0 0; text-align:right;}

#skidpan					{float:left; background:url(/images/bp_cta_car.jpg) no-repeat;}
#hazard						{float:right; background:url(/images/bp_cta_advert.jpg) no-repeat;}
#advert						{float:left; background:url(/images/bp_cta_theory.jpg) no-repeat;}
#voucher					{float:right; background:url(/images/bp_cta_hcode.jpg) no-repeat;}
#fivelessons				{float:left; background:url(/images/bp_cta_video.jpg) no-repeat; position:relative; left:6%}
#locales					{float:left; background:url(/images/bp_cta_locale.jpg) no-repeat;}
#hcode						{float:right; background:url(/images/bp_cta_hcode2.jpg) no-repeat;}
#shop						{float:left; background:url(/images/bp_cta_shop.jpg) no-repeat;}
#show						{float:left; background:url(/images/bp_cta_showme.jpg) no-repeat;position:relative; left:6%}
#video						{float:left; background:url(/images/bp_cta_hazard.jpg) no-repeat; position:relative; left:6%}

#locales h6					{color:#FFF300; font-size:1.1em; font-weight:bold; padding:5px 0 5px 5px;}
#locales marquee			{height:60px; margin:0 4px; padding:3px 2px; width:153px;}
#locales marquee a			{background:url(/images/bp_bkg_marqueelink.jpg) no-repeat; display:block; height:14px; margin:2px 2px 3px 2px; padding:2px 3px; width:145px;}
#locales #viewall_link		{display:block; height:auto!important; text-align:right; margin:4px 5px 0 0; width:auto!important;}




/*--- 07. Content Home ------------------------------------------------------------------------------*/

#index #content				{background:none; padding:0 0 18px 0; position:relative; width:615px;}

#home_ksp					{height:60px; left:5px; padding:3px 12px; position:absolute; top:10px; width:600px; z-index:0; background:url(/images/postcode_button.png) no-repeat; }
#home_box					{height:40px; left:250px; padding:3px 12px; position:absolute; top:35px; width:600px; z-index:1;}
#home_box_button			{height:49px; left:285px; padding:3px 12px; position:absolute; top:-35px; width:49px; z-index:2;}
#home_title					{height:40px; left:0px; padding:3px 12px; position:absolute; top:80px; width:600px; z-index:1;}
#home_tvadvert				{height:40px; left:0px; padding:3px 12px; position:absolute; top:80px; width:600px; z-index:1;}
#home_ksp ul				{line-height:normal !important; list-style:none; padding:0 !important;}
#home_ksp ul li				{float:left; font-size:1em !important; font-weight:bold; line-height:normal !important; padding:4px 0 !important; width:50%;}
#home_ksp strong			{color:#B30000; text-transform:uppercase;}

#index #text				{background:url(/images/bp_bkg_content.jpg) no-repeat; margin:73px 0 0 0; padding:18px 18px 0 18px; width:579px;}




/*--- 08. Content Elements ------------------------------------------------------------------------------*/

#content					{background:url(/images/bp_bkg_content.jpg) no-repeat; float:right; margin:192px 0 0 0; padding:18px; width:579px;}
#content_fran				{background:url(/images/BP-ADI-Ad_Sep09_Layout-1.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:621px;}
#content_fran2				{background:url(/images/FranchiseBack.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:1273px;}
#content_standard_fran		{background:url(/images/StandardFranchise.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:1200px;}
#content_comp				{background:url(/images/win_a_car_comp.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:1500px;}
#content_premium_fran		{background:url(/images/PremiumFranchise.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:1200px;}
#content_training			{background:url(/images/training_background.png) no-repeat; float:right; margin:192px 0 0 0; padding:0px; width:609px; height:861px;}


#fran_title					{left:53px; top:360px; width:500px; height:200px; position:relative;}
#fran_hyundai				{left:67px; top:260px; width:100px; height:10px; position:relative;}
#fran_state					{left:10px; top:10px; width:355px; height:50px; position:relative;}
#fran_list1					{left:53px; top:200px; width:250px; position:relative;}
#fran_list2					{left:325px; top:00px; width:200px; position:relative;}
#fran_title2				{left:53px; top:-500px; width:500px; height:100px; position:relative;}
#fran_list3					{left:53px; top:-480px; width:250px; height:200px; position:relative;}
#fran_list4					{left:325px; top:-680px; width:200px; height:200px; position:relative;}


#text						{float:left; width:340px;}
#full_text					{float:left; width:579px;}
#text p,
#full_text p				{font-size:1.1em; line-height:1.3em; padding:8px 0;}

#text blockquote,
#full_text blockquote		{background:url(/images/bp_bkg_blockquote.jpg) no-repeat; font-size:1.1em; line-height:1.3em; margin:10px 10px; padding:16px 0 8px 45px;}

#text ul,
#full_text ul,
#text ol,
#full_text ol				{line-height:1.3em; padding:8px 25px;}
#text li,
#full_text li				{font-size:1.1em; line-height:1.3em; padding:2px 0;}

.img_fr						{border:1px solid #DADADA; clear:right; float:right; margin:5px 0 5px 5px; padding:1px;}
.img_row					{border:1px solid #DADADA; display:inline; float:left; margin:5px 9px 5px 0; padding:1px;}
.img_non					{border:1px solid #DADADA; margin:5px 0 5px 5px; padding:1px;}

#full_text table			{border-left:1px solid #DADADA; border-top:1px solid #DADADA; clear:both; font-size:1.1em; width:100%;}
#full_text th				{background:#333333; border-bottom:1px solid #DADADA; border-right:1px solid #DADADA; color:#FFFFFF; padding:5px;}
#full_text td				{border-bottom:1px solid #DADADA; border-right:1px solid #DADADA; padding:5px;}

#highway_code,
.newsletter					{list-style:none;}
#highway_code li,
.newsletter li				{margin:5px 0;}
.newsletter_link			{display:block; padding:5px 0 0 0;}


#adobe_download				{border-top:1px solid #DADADA; margin:20px 0 0 0; padding:10px;}
#adobe_download a			{float:left; margin:0 10px;}

#footnote					{color:#999999; font-size:0.9em !important; margin:0 0 -18px 0; padding:40px 0 0 0 !important; position:relative; text-align:right;}

#logout						{float:right;}

.skid_block					{background:#EEEEEE; border:1px solid #DADADA; margin:10px; padding:0 10px 10px 10px;}
#area						{overflow: auto; height: 150px; width: auto; border:1px #666666 solid}

/*--- 09. Sitemap Elements ------------------------------------------------------------------------------*/

#sitemap * 					{display:block;}
#sitemap					{background:url(/images/line1.gif) repeat-y; list-style:none; margin:20px 0; padding:0 !important;} 
#sitemap ul					{padding:0 !important;}
#sitemap li					{font-size:1em !important; list-style:none; margin:1px 0 0 0 !important; padding:4px 0 !important; position:relative;}

#sitemap li a				{padding:0 0 0 28px; text-decoration:none;}
#sitemap li span			{cursor:auto; float:left; height:13px; left:5px; position:absolute; top:5px; width:13px;}
#sitemap li span, 
#sitemap li span.collapsed	{background:url(/images/collapsed.gif) no-repeat 0 0; cursor:pointer;} 
#sitemap li span.expanded	{background:url(/images/expanded.gif) no-repeat 0 0; cursor:pointer;}

#sitemap li ul				{background:url(/images/line1.gif) repeat-y; margin:0 0 0 28px !important;}
#sitemap li li				{background:url(/images/line2.gif) no-repeat 0 0;}


/*--- 10. Theory Test Elements ------------------------------------------------------------------------------*/

#theory_buttons 			{text-align:center;}
#theory_buttons a			{margin:5px;}

.markone					{font-size:1em !important; font-weight:bold;}
.question					{color:#000000; font-weight:bold;}
.theory_image				{border:2px solid #000000; float:right; margin:5px;}
	
#theory_test ol,
ol.theory_results			{list-style:upper-alpha;}
#theory_test input		   	{vertical-align:-2px;}

.answers					{border-bottom:1px solid #DADADA; padding:5px 10px;}
.answers strong				{color:#B30000;}


/*--- 11. Shop Elements ------------------------------------------------------------------------------*/

#products					{border:1px solid #DADADA; border-bottom:0; margin:20px 0 0 0;}
.product_item				{border-bottom:1px solid #DADADA; padding:8px 5px 8px 0;}
.product_item p				{padding:0 0 7px 0 !important;}
.product_info				{float:right; width:470px;}
.product_img				{float:left; margin:0 10px 0 0;}
.product_title				{font-weight:bold;}
.product_description		{font-size:1em !important;}
.product_price				{color:#000000; font-size:1.2em !important; font-weight:bold;}
.vat						{font-size:0.7em; font-weight:normal;}

.product_buy				{}


/*--- 12. Landing Page ------------------------------------------------------------------------------*/

#landing #content_container	{background:url(/images/bp_bkg_contentcontainer_landing.jpg) repeat-y;}
#landing #content			{background:none; margin:0px 0 0 0; padding:0; position:relative; width:479px;}
#landing #text				{background:url(/images/bp_bkg_content_landing.jpg) no-repeat; padding:18px; width:443px;}
#landing #leftcol			{background:url(/images/bp_bkg_leftcol.jpg) repeat-x; border:1px solid #DEDEDE; border-bottom:0; float:left; font-size:1.1em; padding:12px; position:relative; width:265px; z-index:100;}
#landing #leftcol h2		{padding:0;}
#landing #leftcol p			{color:#333333; padding:8px 0;}

#landing form				{margin:0;}
#landing form p				{padding:3px 0 !important;}
#landing form label			{color:#333333; float:none; margin:6px 0 0 0; width:auto;}
#landing form .req			{color:#666666; font-size:0.9em; font-style:italic; padding:0 0 0 0; vertical-align:0px;}
#landing form .input_box,
#landing form select,
#landing form textarea		{background:#EEEEEE; border:1px solid #CCCCCC; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:2px 0; padding:3px; width:255px;}
#landing form .radios		{margin:4px 5px 0 0; vertical-align:-2px;}
#landing form .form_buttons	{margin:20px 0 0 0; text-align:center;}

#landing .h_additional		{color:#B30000; font-size:0.8em; font-weight:normal;}

.landing_list_main			{list-style:none; padding:8px 40px !important;}
.landing_list_main li		{background:url(/images/bp_bullet_lplate.jpg) 0 2px no-repeat; font-weight:bold; padding:5px 0 9px 28px !important;}

.landing_list_support		{line-height:normal !important; list-style:none; padding:0 !important;}
.landing_list_support li	{float:left; font-size:1em !important; font-weight:bold; line-height:normal !important; padding:4px 10px !important; width:45%;}

#landing_text_area			{border-bottom:1px solid #DADADA; border-top:1px solid #DADADA; margin:5px 0; padding:5px 10px 10px 10px;}
#landing_text_area img		{float:right; margin:11px 0 5px 10px;}

#regional_list_area h3		{color:#000000; padding:10px;}
.regional_list				{line-height:normal !important; list-style:none; padding:0 10px !important;}
.regional_list li			{float:left; font-size:1em !important; font-weight:bold; line-height:normal !important; padding:2px 5px 2px 0 !important;}


/*--- 25. Form Elements ------------------------------------------------------------------------------*/

form						{margin:0 30px;}
form p						{padding:3px 0 !important;}
form label					{float:left; margin:6px 0 0 0; width:160px;}
form .long_label			{float:none; width:auto;}
form .req					{color:#ff0000; font-size:0.9em; font-style:italic; padding:0 0 0 5px; vertical-align:3px;}
form .long_label .req		{padding:0 0 0 3px; vertical-align:0px;}

form .input_box,
form select,
form textarea				{background:#EEEEEE; border:1px solid #CCCCCC; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:2px 0; padding:3px; width:250px;}
form select					{padding:2px;}
form select option			{margin:2px;}
form textarea 				{width:410px;}

form .check_box				{margin:0 5px 0 0; vertical-align:-2px;}

form #radios				{display:block; padding:6px 0 0 0;}
form #radios input			{vertical-align:-2px;}

form .selected				{background:#FAF4F4; border:1px solid #DD9595;}
form .text_selected			{color:#DD9595;}

form .form_buttons			{margin:20px 0 20px 160px;}

#login_form					{margin:15px 30px;}

#driving_activity,
#driving_time,
#driving_radios,
#licence_length,
#personality,
#vehicle_size,
#vehicle_type,
#the_job,
#comment					{border:0; border-top:1px solid #DADADA; margin:10px 0 0 0; padding:10px 0 0 0;}

#title, #age				{width:75px!important;}


#driving_activity label		{margin:6px 20px 0 0 !important; width:300px !important;}
#driving_activity .input_box{margin:10px 0 !important; width:50px !important;}
#driving_activity .req		{vertical-align:10px;}

#driving_time div			{float:left; margin:6px 0; width:50%;}
#driving_time .req			{vertical-align:1px;}
#driving_time label			{width:170px !important;}
#driving_time .input_box	{margin:0 4px 0 0 !important; width:30px !important;}
#totaltimedrivingmustequal100	{float:left; font-size:1.1em; font-weight:bold; margin:4px 0 0 4px;}
#totaltimemsg				{clear:both; color:#CE6262; font-weight:bold;}

#driving_radios	div			{float:left; margin:15px 0 0 0; width:70px;}
#driving_radios	p			{clear:both; float:left; padding:10px 20px 0 0 !important; width:60%;}	
#driving_radios label		{margin:0 4px 0 0 !important; width:auto !important;}
#driving_radios input		{float:left; margin:1px 15px 0 0;}
#driving_radios .req		{vertical-align:1px;}


#licence_length	 div		{float:left; margin:6px 0; width:33%;}
#licence_length	.req		{vertical-align:1px;}
#licence_length	label		{width:100px !important;}
#licence_length	input		{float:left; margin:6px 0 0 0;}

#personality #personality_driving		{width:100px !important;}
#personality #normally_drive		{width:330px !important;}

#vehicle_size div,
#vehicle_type div,
#the_job div				{float:left; margin:15px 0 0 0; width:33%;}
#vehicle_size label,
#vehicle_type label,
#the_job label				{margin:0 4px 0 0 !important; width:100px !important;}
#vehicle_size input,
#vehicle_type input,
#the_job input				{float:left; margin:1px 15px 0 0;}
#vehicle_size .req,			
#vehicle_type .req,			
#the_job .req				{vertical-align:1px;}

#p_security					{height:0px; overflow:hidden; visibility:hidden;}


/*--- 50. Footer Elements ------------------------------------------------------------------------------*/

#footer						{color:#999999; margin:2px 0 20px 0; width:100%;}
#footer #partners			{border:1px solid #DADADA; list-style:none;}
#footer #partners li		{float:left; padding:6px 0; text-align:center; width:14.2%;}

#footer #copyright			{float:left; list-style:none; padding:5px 0 0 0; width:100%;}
#footer #copyright li		{display:inline; padding:0 20px 0 0;}

#footer #bronco				{float:right; padding:5px 0 0 0; text-align:right; width:20%;}

#footer a					{color:#999999; text-decoration:none;}
#footer a:hover				{color:#666666;}

#footer_face				{position:relative; left:20px; height:10px; top:-20px;}


/*--- 98. Error Elements ------------------------------------------------------------------------------*/

#error_box					{background:#FAF4F4; border:1px solid #DD9595; color:#CE6262; margin:10px; padding:0 10px 10px 10px;}
#sorry						{color:#CE6262 !important; font-weight:bold;}
#errors						{list-style:none;}
#errors li					{}


/*--- 99. Button Elements ------------------------------------------------------------------------------*/

.btn_01						{background:url(/images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; border:0; color:#FFF300; cursor:pointer; font-size:0.9em; font-weight:bold; padding:5px 0 4px 0; text-decoration:none; width:80px;}
.btn_01:hover				{background-position: 0 -24px;}

.link_01					{background:url(/images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; border:0; color:#FFF300; cursor:pointer; font-size:0.9em; font-weight:bold; padding:5px 10px; text-decoration:none;}
.link_01:hover				{color:#FFF300; background-position: 0 -24px;}


/*--- 100. Link Elements--------------------------------------------------------------*/

a							{color:#B30000;}
a:hover						{color:#333333;}

a[href$='.pdf']				{background:url(/images/icon_acrobat.png) 0 2px no-repeat; padding:3px 0px 2px 19px;}


/*--- 101. Clearfix Elements--------------------------------------------------------------*/

.clearfix:after 			{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; width:100%}
.clearfix 					{display:inline-block;}
html[xmlns] .clearfix 		{display:block;}
* html .clearfix 			{height:1%;}


h2.vid						{margin-bottom:10px}
#cars_for_sale {
	margin: 30px 0px 0px 0px;
	text-align: center;
}

/*------ 102. Shop Elements------------------------------------------------------------------*/
#product_description {
	left: 0px;
	top: 10px;
	height: 1000px;
	width:150px;
	float:left;
	position:relative;
}

#product_image {
	left: 10px;
	top: 10px;
	height: 1000px;
	width:150px;
	float:left;
	position:relative;
}



#product_buy {
	left: 20px;
	top: 10px;
	height: 1000px;
	width:150px;
	float:left;
	position:relative;
}

NewOffice {
	left: 150px;
	top: 100px;
	height: 287;
	width: 400px;
	position:relative;
}

#left_clothes			{width:240px; height:400px; left:0px; top:0px; position:relative; font-size:16px; background-color:fcf8bd; } 
#centre_clothes			{width:240px; height:400px; left:265px; top: -400px; position:relative; font-size:16px; background-color:fcf8bd; } 
#right_clothes			{width:240px; height:400px; left:0px; top:-400px; position:relative; font-size:16px; background-color:fcf8bd; } 
#Bleft_clothes			{width:240px; height:400px; left:265px; top:-800px; position:relative; font-size:16px; background-color:fcf8bd; } 
#Bcentre_clothes		{width:240px; height:400px; left:0px; top:-800px; position:relative; font-size:16px; background-color:fcf8bd; } 
#Bright_clothes			{width:240px; height:400px; left:265px; top:-1200px; position:relative; font-size:16px; background-color:fcf8bd; } 
#Bottom_text			{width:480px; height:400px; left:0px; top:-450px; position:relative; font-size:16px; background-color:fcf8bd; } 


/*---------Road Safety Picture Allignment-----------------------------------------------------*/

#roadsafetypictureleft {
	float:left;
	padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:15px;
	position:relative;
	width:225px;
	height:172px;
}
	
#roadsafetypictureright {
	float:right;
	padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;
	position:relative;
	width:225px;
	height:172px;
}

/*-----------New Instructor Pictures ect------------------------------------------------------*/

#new_instructors {
	float:left;
	padding:5px;
	position:relative;
}

/*-----------Eyesight Test------------------------------------------------------*/
#eyesight_test_car {
	background:url(/images/eyesight_test.png) no-repeat; 
	float:right; 
	margin:192px 0 0 0; 
	width:600px; 
	height:1271px;
}

#eyesight_test {
	float:center;
	width:60px;
	padding:0px;
	position:relative;
	z-index:1;
	top:494px;
	left:81px;
	margin-bottom:50px;
	margin-left:200px;
	margin-top:50px;
	margin-right:555px;
}

#eyesight_test_reg {
	float:center;
	padding:0px;
	position:relative;
	z-index:1;
	top:518px;
	left:41px;
	text-align:center;
	margin-bottom:50px;
	margin-left:200px;
	margin-top:100px;
	margin-right:555px;
}

/*-----------Liveperson Button------------------------------------------------------*/

#avatar{position:fixed; visibility:hidden; z-index:50; right:100px;}