/* Title - Lambdapower main CSS Styles 
Version - 3.0 2010-02-16
3.1 2010-04-14
3.2 2010-07-25
3.3 2010-07-29 Added preloaders for navbuttons
3.4 2010-11-29 Moved help, etc. to own section
3.5 2011-04-04 added car finder div
3.6 2013-06-16 small additions wrt bosch upgrade 
3.7 2014-05-13 Small adjustments to .quicklinks to avoid phone number chop on FF mobile
3.8 2016-06-16 Minor shade adjustments to UNI boxes. Published remote. 3.9 2018-10-05 Some of these colours are too light on a poor quality monitor. Darkened some shades.
3.10 2020-12-15 RegNumber font location corrected
Notes - Copyright Lambdapower.co.uk 2003-2018 */

/* 1.0 body */
body {background:#ffffff;font-size:0.8em; margin:0px; padding:0px; position:static; color:#000000;}
#main {height:100%; position:static;}

/* 1.1 Items within or directly underneath header */
#header{width:766px; margin:0px; padding:0px; } /* 1.1.1 this goes above container div, original width 766 */
#flash_header{float:left; width:172px; height:152px; clear:none;}
.main_logo{float:right;border:none;}
.container{width:751px;	font-family: Arial, Helvetica, sans-serif; overflow:hidden;} /*1.1.2 Fixed width for all content incl flags and nav buttons */
#flags{position:static; padding: 4px 0px 2px 0px; margin:0px; overflow:hidden;} /* 1.1.3 these go inside container div */
.tiny_flag{border:1px solid black;}

/* 1.2 columns within barmid main body */
.contentleft{float:left;width:47%;background-image:url(../images/bars_and_separators/glassbar_wht_titlebar_340px.gif);background-repeat:no-repeat; background-position:top left;padding:0px 8px 0px 8px; height:100%;}
.contentright{float:left; width:47%; background-image:url(../images/bars_and_separators/glassbar_wht_titlebar_340px.gif);background-repeat:no-repeat; background-position:top left; padding:0px 8px 0px 8px;margin-left:4px;}
.contentboth{width:97%; background-image:url(../images/bars_and_separators/glassbar_wht_titlebar_730px.gif);background-repeat:no-repeat; background-position:top left; padding:0px 8px 0px 8px;}

/* 1.3 quicklinks on main page	*/
.quicklinks{position:absolute; left:20px; top:56px; padding:3px; padding-top:6px; width:400px; min-height:100px; filter:SHADOW (color=black, strength=4); font-family:Arial, Helvetica, Georgia;font-size: 18px;line-height:24px; color:#006699; text-align:left; overflow:visible;}
.contact_us{font-size:1.5em;color:#FF3300;}
.firstnumber{font-size:1.8em; font-weight:bold; padding-top:8px; color:#0086FF;}
.firstnumber1{font-size:0.8em; font-weight:normal;}
.secondnumber{font-size:1.8em; font-weight:bold; padding-top:8px; color:#FF3366;}
.secondnumber1{font-size:0.8em; font-weight:normal;}
.office{font-size:1em;}
.landline{font-size:1.9em; font-weight:bold; padding-top:6px;}
.moby{font-size:1.1em; color:#eFBA00; font-weight:bold; margin-top:6px;}
.ql_bullets{position:absolute; right:0px; top:0px; filter:SHADOW (color=black, strength=4); font-family:Arial, Helvetica, Georgia;font-size: 20px;line-height:24px; color:#FFBA00; text-align:left;}
.welcome{float:left;}
.header_text{position:absolute; right:20px; top:20px; width:300px; text-align: right; filter:SHADOW (color=black, strength=4); font-family:Arial, Helvetica, Georgia;font-size: 24px;line-height:24px; color:#FFE400;}

/* 2.0 Blue nav buttons and preloaders */
#topnav{position: relative; top:-6px; overflow:hidden;  text-align: center; margin:0px; font-family:Arial, Helvetica, sans-serif; width:766px; }
#topnav ul{list-style:none;}
#topnav li{float:left;} 
#topnav li a{background: url(/images/navigation/navbuttons/glassbutton_blu.gif) #fff bottom left repeat-x; float: left; height:21px; width: 140px; color:white; text-decoration: none; text-align: center; font-size:small;padding-top:1px; margin:0px; overflow:hidden;}
#topnav li a:hover{background-image:url(/images/navigation/navbuttons/glassbutton_blu_lit.gif);color:black;font-weight:bold;}
#topnav li a:active{background-image:url(/images/navigation/navbuttons/glassbutton_red.gif);color:black;font-weight:bold;}

#preload_1{background: url(/images/navigation/navbuttons/glassbutton_blu_lit.gif) no-repeat -9999px -9999px;}
#preload_2{background: url(/images/navigation/navbuttons/glassbutton_red.gif) no-repeat -9999px -9999px;}
#preload_3{background: url(../images/buttons/2010_button_grn.gif) no-repeat -9999px -9999px;}
#preload_3_1{background: url(../images/buttons/2010_button_grn_inverse.gif) no-repeat -9999px -9999px;}
#preload_4{background: url(../images/buttons/2010_button_wht.gif) no-repeat -9999px -9999px;}
#preload_4_1{background: url(../images/buttons/2010_button_wht_inverse.gif) no-repeat -9999px -9999px;}
#preload_5{background: url(../images/buttons/2010_button_red.gif) no-repeat -9999px -9999px;}
#preload_5_1{background: url(../images/buttons/2010_button_red_inverse.gif) no-repeat -9999px -9999px;}
#preload_6{background: url(../images/buttons/2010_button_blu.gif) no-repeat -9999px -9999px;}
#preload_6_1{background: url(../images/buttons/2010_button_blu_inverse.gif) no-repeat -9999px -9999px;}
#preload_7{background: url(../images/buttons/2010_button_orn.gif) no-repeat -9999px -9999px;}
#preload_7_1{background: url(../images/buttons/2010_button_orn_inverse.gif) no-repeat -9999px -9999px;}
#preload_8{background: url(../images/buttons/2010_button_pur.gif) no-repeat -9999px -9999px;}
#preload_8_1{background: url(../images/buttons/2010_button_pur_inverse.gif) no-repeat -9999px -9999px;}
#preload_9{background: url(../images/buttons/2010_button_hot_pink.gif) no-repeat -9999px -9999px;}
#preload_9_1{background: url(../images/buttons/2010_button_hot_pink_inverse.gif) no-repeat -9999px -9999px;}
#preload_10{background: url(/images/Backgrounds/chequer_bg.gif) no-repeat -9999px -9999px;}

/* 2.5 Background Box Blue Rectangle (three sections) */
.bartop {position:relative; padding: 6px 13px 6px 6px; background-image:url(../images/bars_and_separators/upper_bar_2_blank.gif); min-height:20px; background-position:top center; background-repeat:no-repeat;}
.bartop a:link{text-decoration:none;color:#FF7100;} /* note that bartop background image is specified on each page */
.bartop a:visited{text-decoration:none;color:#FF7100;}
.bartop a:hover{text-decoration:underline;color:white;}
.bartop img{border:none;margin:0px 2px 0px 0px;}

.barmid{ position:relative; background-image: url(../images/bars_and_separators/mid_bar_2.gif); background-repeat:repeat-y; 
background-position:top center;	font-family: Arial, sans-serif;	font-size:1em;text-align:left;padding:6px 8px 6px 6px; margin:0px; min-height:450px;}
.barmid a:link{color:#3300FF;}
.barmid a:visited{color:#9800D8;}
.barmid a:hover{ color:#16BF5B;}
.barmid p{padding: 2px 12px 2px 2px;}

.barbottom{min-height:19px;background-image: url(../images/bars_and_separators/lower_bar_2.gif);background-repeat:no-repeat;background-position:top center;}

/* 3.0 Paragraph, Horizontal rule, Titles and Headings */
p{font-size:1em; text-align:left; }
hr{color:#cccccc; margin:4px 0px 4px 0px;}
hr.redline{color:#FF0000; background-color:#FF0000;}
h1{	background-repeat:no-repeat; height:36px;	padding-top:2px; font-size: 24px;
	font-family: verdana, sans-serif; letter-spacing:-2px; color:#9933CC; text-align: center; vertical-align: middle; margin:0px;}	/* Main heading */
h2{font-family:Arial, Helvetica, Georgia;font-size: 22px; color:#ff0066; font-style:italic; letter-spacing:-1px; border-bottom:1px solid black; margin-right:8px;} /* inline (sub)heading */
h3{background-image:none; font-weight:bold; font-size:16px;  letter-spacing:-1px; margin-top:1px;} /* small headers for content columns*/

/* 4.0 Input box and submit Buttons	*/
/* input{color:black; background-color:#ffffff; border:black solid 2px; font-size:0.8em; }*/
input{color:black; background-color:#F7FFE5; border:black solid 1px; font-size:14px;}
input.greyed_out{color:#999999;}
input.black{color:#000000;}
/* 4.0.5 Input boxes for checkout */
.input_checkout_active{background-color:#99FF99;}
.input_checkout_inactive{background-color:#f7ffe5;}
/* 4.1 Legacy old style buttons */
input.submit {color:black;	background-color:#94AAF7; border-right:#4F4FC5 solid 3px; border-bottom:#4F4FC5 solid 3px; border-left:#BABAFF solid 3px; border-top:#BABAFF solid 3px; }
input.cancel {color:black;	background-color:#FF0606; border-right:#9F0000 solid 3px; border-bottom:#9F0000 solid 3px; border-left:#FF7A7A solid 3px; border-top:#FF7A7A solid 3px; }
input.okay {color:black;	background-color:#99FF01; border-right:#69AF00 solid 3px; border-bottom:#69AF00 solid 3px; border-left:#D1FF8C solid 3px; border-top:#D1FF8C solid 3px; }
input.white {color:black;	background-color:#F7FFE5; border-right:#D5DBC5 solid 3px; border-bottom:#D5DBC5 solid 3px; border-left:#FCFFF7 solid 3px; border-top:#FCFFF7 solid 3px; }
option {background-color:#F7FFE5;}

/* 4.2 New Style buttons 2010-04-14 */
input.new_grn {color:black; background-color:#A0FE42; background-image:url(../images/buttons/2010_button_grn.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#509F00 solid 1px; border-bottom:#509F00 solid 1px; border-left:#CCFF99 solid 1px; border-top:#CCFF99 solid 1px;}
input.new_grn:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_grn:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_grn_inverse.gif);}

input.new_wht {color:black; background-color:#8B96A9; background-image:url(../images/buttons/2010_button_wht.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#535E6F solid 1px; border-bottom:#535E6F solid 1px; border-left:#C6CBD5 solid 1px; border-top:#C6CBD5 solid 1px;}
input.new_wht:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_wht:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_wht_inverse.gif);}

input.new_red {color:black; background-color:#FE491B; background-image:url(../images/buttons/2010_button_red.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#6A1500 solid 1px; border-bottom:#6A1500 solid 1px; border-left:#FB947B solid 1px; border-top:#FB947B solid 1px;}
input.new_red:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_red:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_red_inverse.gif);}

input.new_blu {color:black; background-color:#9EB2F7; background-image:url(../images/buttons/2010_button_blu.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#0F35B7 solid 1px; border-bottom:#0F35B7 solid 1px; border-left:#C8D3F8 solid 1px; border-top:#C8D3F8 solid 1px;}
input.new_blu:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_blu:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_blu_inverse.gif);}

input.new_orn {color:black; background-color:#FE9F0F; background-image:url(../images/buttons/2010_button_orn.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#834F00 solid 1px; border-bottom:#834F00 solid 1px; border-left:#FBC779 solid 1px; border-top:#FBC779 solid 1px;}
input.new_orn:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_orn:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_orn_inverse.gif);}

input.new_pur {color:black; background-color:#6C15C3; background-image:url(../images/buttons/2010_button_pur.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#34008f solid 1px; border-bottom:#34008f solid 1px; border-left:#a471d9 solid 1px; border-top:#a471d9 solid 1px;}
input.new_pur:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_pur:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_pur_inverse.gif);}

input.new_hot_pink {color:black; background-color:#e60b91; background-image:url(../images/buttons/2010_button_hot_pink.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#740246 solid 1px; border-bottom:#740246 solid 1px; border-left:#ed78c1 solid 1px; border-top:#ed78c1 solid 1px;}
input.new_hot_pink:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_hot_pink:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_hot_pink_inverse.gif);}

input.new_brn {color:black; background-color:#8A4805; background-image:url(../images/buttons/2010_button_brn.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_brn:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_brn:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_brn_inverse.gif);}

input.new_yel {color:black; background-color:#FDFD5E; background-image:url(../images/buttons/2010_button_yellow.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_yel:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_yel:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_yellow_inverse.gif);}

input.new_seaBlu {color:black; background-color:#00C0EF; background-image:url(../images/buttons/2010_button_seaBlu.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_seaBlu:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_seaBlu:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_seaBlu_inverse.gif);}

input.new_deepBlu {color:black; background-color:#0061F1; background-image:url(../images/buttons/2010_button_deepBlu.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_deepBlu:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_deepBlu:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_deepBlu_inverse.gif);}

input.new_raspberry {color:black; background-color:#F26BAC; background-image:url(../images/buttons/2010_button_raspberry.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_raspberry:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_raspberry:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_raspberry_inverse.gif);}

input.new_greenP5757 {color:black; background-color:#F26BAC; background-image:url(../images/buttons/2010_button_greenP5757.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_greenP5757:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_greenP5757:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_greenP5757_inverse.gif);}

input.new_russetP1807 {color:black; background-color:#F26BAC; background-image:url(../images/buttons/2010_button_russetP1807.gif); vertical-align:baseline; height:24px; margin:2px; padding-left:14px; padding-bottom:3px; border-right:#333333 solid 1px; border-bottom:#333333 solid 1px; border-left:#aaaaaa solid 1px; border-top:#aaaaaa solid 1px;}
input.new_russetP1807:hover{color:#FF0000; border:#FF0000 solid 1px;}
input.new_russetP1807:active{color:#ff0000; border:#ff0000 solid 1px; background-image:url(../images/buttons/2010_button_russetP1807_inverse.gif);}


/* 5.0 Images */
img.noborder{border:none;}
img.left{ border:none;margin:8px;}
img.right{ border:none;margin:8px;}

div.imgbox{ color:black; font-size:10px;text-align:center;margin:8px;padding:6px;background:#D6DEE6; border:2px solid; border-color:gray black black gray;position:relative;}
div.imgbox img{border:0px; margin:auto; text-align:center; }
div.imgbox p{clear:both;}

.thumbnail_pic{clear:both;}
.connector img{border:3px blue solid; margin:10px;}

.vw_img{border:4px blue solid; float:left;}
/* 5.1 Connector links */
.conn_link{font-size:1.1em; font-weight:bold; font-style:italic;}
.click_to_zoom{font-size:0.8em; clear:both;}
.conn_container{width:110px; min-width:110px;}

/* 6.0 Tables */
table{font-family:arial,sans-serif; font-size:1em;}
.checkouttable{background-image:url(../images/Backgrounds/cart_action_tbl_bg.gif); background-position:center; border:none; padding:1px; margin:1px;}
.checkoutimage{margin:1px; }

.price_button_table{width:98%; display:inline;}
.price_column{width:220px;display:table-column;} /* Modifier for price column so it's neater esp now with two buttons to contain */
.compare_column{width:10px; font-size:smaller;} /* Modifier for compare column heading */
.photo_column{width:120px;}
/* may need to modify following lines if they don't suit all pages - this is only meant for az partsearch pages */

th{background-position:top; font-family:arial, sans-serif;font-size:12px; color:#FFFFF0; text-align:center;}

tr{padding-top:3px;}
.table_title{background-image:url(../images/Backgrounds/2010_tbl_header_blu.jpg); color:#FFFFF0;}
.table_title_red{background-image:url(../images/Backgrounds/2010_tbl_header_red.jpg);}
.table_title_grn{background-image:url(../images/Backgrounds/2010_tbl_header_grn.jpg);}

td{border-bottom:1px #000000 solid; text-align:center;}
.xref_list_table{font-size:0.8em; border:thin solid;}
.xref_list_table td{border:none;}
.direct_td{border-bottom:none; border-right	: 1px #0000ff dotted;}
.uni_td{border-bottom:none; border-left: none;}


/* 7.0 Misc modifiers */
.small{font-size:0.7em;}
/* 7.1 Colours */
.red{color:red;}
.color1{color:#a30052;} /* Deep Raspberry purple */
.color1bold{color:#a30052; font-weight:bold;} /* Deep Raspberry purple BOLD */
.color2{color:#660066;} /* Dark Royal Purple */
.color3{color:#666600;} /* Olive Drab where DID these colours come from */
.color4{color:#F0D000;} /* Amber */
.product_group_id{color:#663399; font-weight:bold;} /* Royal Purple */
.grn{color:#77D717;}
.orn{color:#D78100;}
.wht{color:#ffffff;}
.pur{color:#6C15C3;}

/* 7.2 Text modifiers */
.bold{font-weight:bold;}
div.clearer {clear: left; line-height: 0; height: 0;}
.jnav2 { visibility:hidden; }
.disclaimer{font-family: Arial,sans-serif;	color:#400040; font-size:10px;}
.az_page_spacer{min-height:20px;}
.help_text_placement{float:right; width: 40%; clear:right; margin:2px;}
.help_text{background-repeat:no-repeat; background-position:left; background-image:url(../images/icons/help_20px.gif); margin:0px; padding:0px; padding-left:22px; font-size:0.8em; color:#009900; min-height:22px; border:1px #cccccc solid;}
.results_no{font-family:Arial, Helvetica, sans-serif; color:#009933; font-size:0.9em}
.tellmemore{font-size:0.8em; text-decoration:none; font-weight:normal;} /* slightly smaller */
.strike{text-decoration: line-through; color:#999999;} /* grey, strikethru */
.price_direct{color:#008800; font-style:italic; font-weight:bold; } /* dark green italic bold */
.price_uni{font-style:italic; font-weight:bold; color:#993300;} /* Deep orange italic bold */
.uni_part_no{color:#333333; font-size:smaller;} /* small grey text */
.price_heading_info{color:#99CCFF; font-size:9px; clear:both;}
.obdii_notes_column{color:#000000; font-size:smaller;} /* small blk text currently also used for public_notes columns and connector notes and in T&C's */
.smaller{font-size:smaller;} /* general small text modifier */

/* 7.3 Compare styles */
.compare_checkbox{border:none; text-decoration:none;}
.compare_textbox{font-size:smaller; color:#000066;}
.compare_button{}

/* 7.4 Main page para backgrounds */
.lp_part_input{background-color:#ffffff;margin:1px;padding:1px;border:#77d717 solid thick;}
.engine_code_input{background-color:#ffffff;margin:1px;padding:1px;border:#a30052 solid thick;}
.obdii_input{background-color:#ffffff;margin:1px;padding:1px;border:#F0D000 solid thick;}
.bosch_ngk_input{background-color:#ffffff;margin:1px;padding:1px;border:#660066 solid thick;}

/* 8.0 Shopping Cart summary top left of main header */
#basket{float:left; width:172px; height:144px;
background-image:url(../images/Backgrounds/new_shopping_cart_box.jpg);
overflow:hidden; 
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
background-repeat:no-repeat; clear:none;}
.cart_button{height:10px;}
.order_id{}
.items_display{font-size:14px; position:relative; top:10px; width:90%;}
.cart_trans_id{color:red; font-weight:bold; font-size:1.4em;}

/* 9.0 Bosch footers */
.bosch_footer{font-size:1.0em;}
.bosch_long_list{font-size:0.8em; font-family:Arial, Helvetica, sans-serif; width:100%; padding-top:10px;}
.bosch_long_list a{text-decoration:none;}
.bosch_long_list a:hover{color:#0066FF;}

/* 10.0 Checkout styles */
.choice_table{margin:2px; border:#000000 1px solid;}
.or{font-size:1.1em; color:#009933;}

/* 10.5 Order button containers */
.button_direct_fit{}
.button_uni{}

/* 11.0 Help and info */
.helpbody{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:20px; padding-right:20px;}
.question{font-weight:bold; color:#993300;}
.input_box_instructions{background-repeat:no-repeat; background-position:left; background-image:url(../images/icons/information_20px.gif); background-color:#FFFFFF; margin:0px; padding:0px; padding-left:22px; font-size:0.8em; color:#660000; min-height:22px; border:1px #CCCCCC solid;}
.search_instructions{float:left; clear:left; width:50%;}

/* 12.0 car finder / reg number input */
.car_finder{background-color:#6D0037; background-image:url(/images/Backgrounds/chequer_bg.gif); background-repeat:repeat; border:1px solid #ff00ff; padding:4px;}
.highlight_this{color:#006600; font-weight:bold; border: solid #00FF00 3px;}
.carFinderManuDisp{color:#FF00CC; font-size:24px; font-weight:bold;}
.carFinderManuDisphover{color:#FF99FF; font-size:24px; font-weight:bold;}
.manufacturerSelection{color:#000066; font-size:large; font-weight:bold;}

@font-face {
 font-family: regNumber;
 src: url('../webfonts/UKNumberPlate.eot');
 src: local('UKNumberPlate'), url('../webfonts/UKNumberPlate.ttf') format('truetype');
}
.regNumberBox{color:black; background-color:#FFFF33; font-family:regNumber; font-size:210%; width:57%;}
.regNumberContainer{position:relative; color:black; border:1px solid black; margin:0px; padding:2px;  width:90%;
	background-image:url(../images/Backgrounds/regBluDots.jpg); background-repeat:repeat;}
.regNumberInnerContainer{position:relative;}
.regFlagAndButton{position:relative;}
.regGoButton{position:absolute;right:0px;top:-2px;}
.regEmailInputBox{color:#000099; border:1px solid blue; margin-top:2px; width:85%;}
.regHelp{position:absolute; right:2px; color:black;}

/* 13.0 NOX PAGE and other vertically stacked parts pages */
.VWpartref{margin-left:4px; padding-left:10px; font-size:0.8em;}
.itemDescription{float:right; padding:8px; font-size:0.8em;}
.unsuitableFor{color:#990000;}
.uniSticker{position:absolute; right:10px; top:10px;}

.noxDiv1{background-color:#EAFEFF;} /* Blue (SkyBlue) */
.noxDiv1 h2{color:#5588bb;}
.noxDiv1 .vw_img{border:4px #5588bb solid;}
.noxDiv1 .trnox{color:#5588bb;background-color:white;}
.noxDiv1 .description{color:#5588bb; background-color:#fdfdfd;}

.noxDiv2{background-color:#FFEDC0; position:relative;} /* Orange, previously classed as Yellow */
.noxDiv2 h2{color:#FE9F0F;}
.noxDiv2 .vw_img{border:4px orange solid;}
.noxDiv2 .trnox{color:#FE9F0F;background-color:white;}
.noxDiv2 .description{color:#E95004; background-color:#fdfdfd;}

.noxDiv3{background-color:#E9FFEA; position:relative;} /* Green */
.noxDiv3 h2{color:#A0FE42;}
.noxDiv3 .vw_img{border:4px #A0FE42 solid;}
.noxDiv3 .trnox{color:#A0FE42;background-color:white;}
.noxDiv3 .description{color:#77D717; background-color:#fdfdfd;}

.noxDiv4{background-color:#EAE9FF;} /* Purple */
.noxDiv4 h2{color:#7320C6;}
.noxDiv4 .vw_img{border:4px #7320C6 solid;}
.noxDiv4 .trnox{color:#7320C6;background-color:white;}
.noxDiv4 .description{color:#7320C6; background-color:#fdfdfd;}

.noxDiv5{background-color:#FFCCCC; position:relative;} /* Red */
.noxDiv5 h2{color:red;}
.noxDiv5 .vw_img{border:4px red solid;}
.noxDiv5 .trnox{color:red;background-color:white;}
.noxDiv5 .description{color:#FF6666; background-color:#fdfdfd;}

.noxDivGrey{background-color:#ccCCCC;} /* Grey */
.noxDivGrey h2{color:#666666;}
.noxDivGrey .vw_img{border:4px #999999 solid;}
.noxDivGrey .trnox{color:#dddddd;background-color:white;}
.noxDivGrey .description{color:#666666; background-color:#fdfdfd;}

.noxDiv6{background-color:#EAE1BA;} /* Brown */
.noxDiv6 h2{color:#8F4F10;}
.noxDiv6 .vw_img{border:4px #8F4F10 solid;}
.noxDiv6 .trnox{color:#844204;background-color:white;}
.noxDiv6 .description{color:#8F4F10; background-color:#fdfdfd;}

.noxDiv7{background-color:#ffe0ee;} /* Raspberry */
.noxDiv7 h2{color:#BF005C;}
.noxDiv7 .vw_img{border:4px #BF005C solid;}
.noxDiv7 .trnox{color:#BF005C;background-color:white;}
.noxDiv7 .description{color:#BF005C; background-color:#fdfdfd;}

.noxDiv8{background-color:#eacac2;} /* Yellow 2016-06-16 updated to darker Orange shades, cannot see on some monitors, namely mine, and there's already a golden yellow exists */
.noxDiv8 h2{color:#ed6644;}
.noxDiv8 .vw_img{border:4px #ed6644 solid;}
.noxDiv8 .trnox{color:#0000FF;background-color:white;}
.noxDiv8 .description{color:#ed6644; background-color:#fdfdfd;}

.noxDiv9{background-color:#EBF1F9;} /* Deep Blue */
.noxDiv9 h2{color:#0052CB;}
.noxDiv9 .vw_img{border:4px #0052CB solid;}
.noxDiv9 .trnox{color:#BF005C;background-color:white;}
.noxDiv9 .description{color:#0052CB; background-color:#fdfdfd;}

.noxDivA{background-color:#E1F2F8;} /* Sea Blue */
.noxDivA h2{color:#0FC3F0;}
.noxDivA .vw_img{border:4px #0FC3F0 solid;}
.noxDivA .trnox{color:#BF005C;background-color:white;}
.noxDivA .description{color:#00A1C9; background-color:#fdfdfd;}

.noxDivB{background-color:#EAEBE3;} /* Green P5757 Dark Olive */
.noxDivB h2{color:#7B944A;}
.noxDivB .vw_img{border:4px #7B944A solid;}
.noxDivB .trnox{color:#BF005C;background-color:white;}
.noxDivB .description{color:#97A168; background-color:#fdfdfd;}

.noxDivC{background-color:#F9E7DC;} /* Russet P1807 */
.noxDivC h2{color:#B5422A;}
.noxDivC .vw_img{border:4px #B5422A solid;}
.noxDivC .trnox{color:#BF005C;background-color:white;}
.noxDivC .description{color:#CA6757; background-color:#fdfdfd;}

.exhaustSystemDiagram{position:absolute; right:0px; top:60px;}
/* 14.0 Desaturate an image */
.desat{filter: url(../svg/j_resources.svg#desaturate);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
	}