/**
* Standard tags
*/
html{height:100%}
body { background-color: #888888; background-image: url("../img/background.gif"); background-position:center; background-repeat:repeat-y; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:100%; text-align: center; }
h1 { color: #333; font-size:18px; font-weight: bold; margin-bottom: 12px; text-align: left; line-height: 22px }
h2 { color: #333; font-size:12px; font-weight: bold; margin-bottom: 20px; text-align: left }
h3 { color: #fff; background-color: #9daebf; font-size:12px; font-weight: normal; height: 17px; line-height:17px; margin-bottom: 8px; padding-right:5px; text-align: right; width: 128px; }
h4 { color: #0053a0; font-size:15px; font-weight: bold; margin-bottom: 14px; text-align: left }
p.blue { color: #0053a0; font-size:15px; font-weight: bold; margin-bottom: 14px; text-align: left }
h5 { color: #666; font-size: 12px; font-weight: normal; margin-bottom: 14px }
p { color: #333; line-height:16px; margin-bottom:20px; text-align:left; }
a { color: #0053a0; text-decoration:none; }
a:hover { text-decoration: underline }
ul { margin-left: 10px; color: #333; line-height:16px; list-style-image: url("../img/dot.gif"); list-style-type: disc; margin-bottom:20px; }
hr { color: #ced4da; height:1px; border-width:0; background-color: #ced4da }
/**
* Default layout
*/
div#topcontainer { margin: 0 auto 14px auto; width: 986px }
div#container { margin: 3px auto 5px auto; text-align: left }
table#tabcontainer { background-color: #fff }
div.navigation { color: #fff; font-size: 11px; margin: 0 12px 0 12px; text-align: right; width: 962px }
div.navigation a { color: #fff; padding: 0 10px 0 10px; text-decoration:none }
div.navigation a:hover { text-decoration: underline }
div#content { margin: 12px auto 0px auto; width: 940px;}
div#toplogo { height: 59px; margin-bottom: 22px; text-align:left; width: 320px; float:left; }
div#topmenu { width: 940px }
a#tmhome { background-image: url("../img/topmenu/menu_01.gif"); display: block; height: 27px; width: 108px }
a#tmmotorist { background-image: url("../img/topmenu/menu_02.gif"); display: block; height: 27px; width: 59px }
a#tmdistributor { background-image: url("../img/topmenu/menu_03.gif"); display: block; height: 27px; width: 72px }
a#tmworkshop { background-image: url("../img/topmenu/menu_04.gif"); display: block; height: 27px; width: 69px }
a#tmabout { background-image: url("../img/topmenu/menu_05.gif"); display: block; height: 27px; width: 93px }
a#tmmedia { background-image: url("../img/topmenu/menu_06.gif"); display: block; height: 27px; width: 89px }
a#tmcontact { background-image: url("../img/topmenu/menu_07.gif"); display: block; height: 27px; width: 76px }
table#tabtopmenu a:hover { background-position: 0 54px }
table#tabtopmenu span { display:none}
table#tabtopmenu a.actual { background-position: 0 27px }
/**
*Facebox styling
*/
#dark{ background:#000;position:absolute;visibility:hidden;width:100%;height:100%}
.facebox { visibility:hidden;width:450px;position:absolute;z-index:5;color:#0069b2;text-align:left;padding:20px;}
.facebox .sb-inner { background:#eef5f8; }
.facebox .sb-border { background:#454545; }
/**
* Pages
*/
div#textpage { margin-top: 27px; }
table#tabtextpage { margin-bottom:34px; }
td#leftcolumn { border-right: 1px solid #ced4da; padding-right: 6px; text-align: right; vertical-align: top; width: 133px }
td#leftcolumn a { display: block; line-height:17px; margin-bottom: 8px; padding-right:5px; }
td#leftcolumn a:hover { color: #fff; background-color: #9daebf; text-decoration: none }
td#leftcolumn a.click{color: #fff; background-color: #9daebf; font-size:12px; font-weight: normal; height: 17px; line-height:17px; margin-bottom: 8px; padding-right:5px; text-align: right; width: 128px;}
td#leftcolumn p { color: #fff; background-color: #9daebf; font-size:12px; font-weight: normal; height: 17px; line-height:17px; margin-bottom: 8px; padding-right:5px; text-align: right; width: 128px; }
td#centercolumn { padding-left: 20px; vertical-align: top; width: 460px }
td#rightcolumn { padding-left: 20px; padding-top: 34px; }
td#rightcolumn img { display:block; margin-bottom: 20px }
/**
* Elements
*/
/**
* Forms
*/
div.submit { padding: 6px 0 14px 0; text-align:right }
label { color: #0053a0; display:block; float:left; font-weight: bold; line-height: 20px; padding-right: 12px; text-align: right; width: 130px }
div.formrow { margin: 13px 0 13px 0; }
div.formrow input { width:200px;}
div.formrow select { width:206px;}
div.formrow label.signIn { height:80px;}
div.formrowlabel label.signIn { height:48px;}
div.formrow label.signInNoBold { color:#666666; font-weight:normal; height:60px;}
div.error { color: #bb0000; }
div.formrow div.right { line-height:24px; color:#0053a0; font-weight:bold; position:relative; margin-bottom:10px; }
div.formrow div.right div.errormes { position:absolute; top:38px; left:5px;}
div.formrow div.right input { width:15px; height:15px; margin:1px 5px 2px 0;}
div.formrow div.rightVehicles { line-height:24px; color:#0053a0; font-weight:bold; position:relative; margin-bottom:10px;}
div.formrow div.rightVehicles div.errormes{ position:absolute; top:85px; left:0px;}
div.formrow div.rightVehicles input { width:15px; height:15px; margin:1px 5px 2px 0;}
div.formrow div.label_reset label{display:inline;color:#333;font-weight:normal;float:none;line-height:16px}
div.errormes { color: #ee1c2e; font-size: 10px; font-weight:bold; padding: 3px 0 0 142px; }
.form-error { background-color: #fae4e5 }
div.errormess { color: #ee1c2e; font-size: 10px; font-weight:bold; padding: 3px 0 0 83px; }
/**
* "Panels" like these on home page "Motorist", "Distributor", "Workshop"...
*/
div.panel { float:left; height: 168px; margin-right: 20px; padding: 11px 7px 0 7px; text-align: left; width:206px; }
div.panel .upContent { height:108px;}
div.panel .upContent h1 { color: #ee1c2e; margin:0 0 3px 0; padding:0px; line-height: 23px}
div.panel .upContent h1 a { color: #ee1c2e; text-decoration:none;}
div.panel .upContent h1 a:hover { text-decoration:underline;}
div.panel .upContent p { color: #666; line-height:15px; margin:0px; padding:0px;}
div.panel .safe_and_seen p { color:#fff; font-weight:bold; text-align:right; margin:0px; padding:56px 10px 0 0; }
/**
* "Panels" contact
*/
div.panel2 { float:right; height: 168px; padding-left:8px; padding-top:11px; text-align: left; width:212px; }
div.panel2 .upContent { height:114px;}
div.panel2 .upContent h1 { color: #333; margin:0 0 8px 0; padding:0px;}
div.panel2 .upContent span { color: #666;}
div.panel2 .upContent p { color: #333; line-height:15px; margin:0px; padding-bottom:18px;}
div#moreproducts { background-image: url("../img/panels/moreproducts.jpg"); width: 220px; height: 119px; padding: 0 10px 0 310px }
div#moreproducts h1 { color: #00529f; font-size: 15px; margin-bottom: 3px }
div#moreproducts p { color: #666; line-height: 15px; margin-bottom: 4px }
div#cardetails { width: 540px; height: 170px; margin-top: 20px }
div#cardetails span { color: #adadad; font-size: 9px }
div#cardetails table { float:right; width:268px }
div#cardetails tr { background-color: #f2f4f6; height: 20px; line-height: 20px }
div#cardetails th { background-color: #f2f4f6; padding-left: 4px; font-weight: normal }
div#cardetails td { background-color: #f2f4f6; font-weight: bold }
div#cardetails .space { background-color: #fff; height: 6px }
div.specialnote { border: 1px solid #ee1c2e; border-top: none; background-color: #fbe9ea; width: 500px; padding: 10px 19px 5px 19px; margin-bottom: 10px }
div.specialnote h1 { color: #ee1c2e; display: inline; padding-right: 20px; background: url("../img/warnsign.gif") right 3px no-repeat }
h1.specialWarning { color: #ee1c2e; font-size: 15px; font-weight: bold; padding-left: 20px; background: url("../img/warnsign.gif") left 0px no-repeat; margin-top: 14px }
/**
* "Go" button
*/
div.gobutton { display:block; height: 21px; line-height:21px; margin-top: 6px; /*padding-right: 20px;*/ vertical-align:bottom; text-align: center }
a.gobutton { color: #fff; font-size: 12px; font-weight: bold; line-height:21px; vertical-align:bottom; text-align: center }
a:hover.gobutton { text-decoration: none }
/**
* "Go" button - yellow one
*/
a.gobuttonYellow { background:url('../img/gobuttonYellow.gif') no-repeat; color:#000; text-decoration: none; display:block; font-size:12px; font-weight:bold; padding:4px 0 0 10px; height:21px; width:120px; float:right; margin-top:10px; }
a:hover.gobuttonYellow { text-decoration: none }
/**
* quotabox like on about/history page
*/
div.quotaboxouter { background-image:url("../img/quotabox_bg.gif"); border:1px solid; clear: left; color: #666; float:left; height:205px; margin: 20px 20px 17px 0; text-align: center; vertical-align:middle; width:220px; }
div.quotaboxinner { color: #333; font-size: 16px; font-weight: bold; font-style: italic; line-height: 20px; margin: 35px 35px 35px 35px; text-align:left; }
/**
* Vacbox - like on about/vacancies page
*/
#vacancy { padding:0 0 3px 0 }
#vacancy p{margin-bottom:19px}
ul{margin-bottom:19px;margin-left:12px;}
ol {color:#333333;line-height:16px;list-style-image:none;list-style-type:decimal;margin-bottom:19px;margin-left:18px;}
div.vacbox { width: 460px; }
div.vacbox h1 { font-size: 15px }
div.vacbox h2 { margin-bottom: 2px }
div.vacboxtop { background-image: url("../img/vac_box_top.gif"); height:10px; width: 460px }
div.vacboxmid { padding: 6px 14px 0 14px; background-image: url("../img/vac_box_bg.gif"); background-repeat:repeat-y; width: 432px }
div.vacboxmid h1 { color: #0053a0; font-size:15px; font-weight: bold; margin-bottom: 14px; text-align: left }
div.vacboxbot { background-image: url("../img/vac_box_bot.gif"); height:10px; width: 460px }
/**
* Graybox - like on Contact Us page
*/
div.graybox { width: 460px; }
div.graybox h1 { font-size: 15px }
div.graybox h2 { margin-bottom: 2px }
div.grayboxtop { background-image: url("../img/graybox_top.gif"); height:10px; width: 460px }
div.grayboxmid { padding: 6px 14px 0 14px; background-image: url("../img/graybox_mid.gif"); background-repeat:repeat-y; width: 432px }
div.grayboxmid p { margin-bottom: 8px }
div.grayboxmid p.conditions { line-height:16px; margin-bottom: 13px; position:relative }
div.grayboxmid p.conditions span { color:#0053A0; }
div.grayboxmid p.conditions div.errormes { position:absolute; top:105px; left:115px;}
div.grayboxbot { background-image: url("../img/graybox_bot.gif"); height:10px; width: 460px }
div.grayboxmid p.conditions2 div.errormes{top:110px}
/**
* BigGraybox - like on Contact Us page on the botom
*/
div.biggraybox { width: 780px; }
div.biggraybox h1 { font-size: 15px }
div.biggraybox h2 { margin-bottom: 2px }
div.biggrayboxtop { background-image: url("../img/biggraybox_top.gif"); height:10px; width: 780px }
div.biggrayboxmid { padding: 6px 14px 0 14px; background-image: url("../img/biggraybox_mid.gif"); background-repeat:repeat-y; width: 752px }
div.biggrayboxbot { background-image: url("../img/biggraybox_bot.gif"); height:10px; width: 780px }
/**
* BigGraybox 940px - tc "secret page"
*/
div.graybox940 { width: 940px; }
div.graybox940 h1 { font-size: 18px }
div.graybox940 h2 { margin-bottom: 2px; margin-top: 10px }
div.graybox940top { font-size: 1px; background-image: url("../img/940graybox_top.gif"); height:10px; width: 940px }
div.graybox940mid { padding: 6px 14px 0 14px; background-image: url("../img/940graybox_mid.gif"); background-repeat:repeat-y; width: 912px }
div.graybox940bot { font-size: 1px; background-image: url("../img/940graybox_bot.gif"); height:10px; width: 940px }
/**
* Media Center
*/
div.mcbox { background-image: url("../img/mc_box_bg.gif"); height: 214px; margin-bottom: 20px; padding: 10px 10px 10px 10px; width: 200px }
div.mcbox p { color: #666; margin-bottom: 4px; }
div.mcbox h1 { margin-bottom: 7px; }
div.mcbox table { color: #666; line-height: 17px }
div.mcbox th { color: #666; font-weight: normal; padding-right: 6px }
div.mcbox td { color: #333; font-weight: bold }
div.mcbar { background-image: url("../img/mc_bar_bg.gif"); background-repeat: repeat-x; height: 26px; padding: 0px 0px 0px 10px }
div.mcbarinnerleft { float: left; display:block; line-height: 26px }
div.mcbarinnerright { float: right; margin-top: 2px }
div.mcarticle { border-bottom: 1px solid #ced4da; padding:19px 0 19px 0 }
div.mcarticle img { border: 1px solid #ced4da; display: block; float: left; margin-right: 20px }
div.mcarticle h1 { margin-bottom: 6px; font-size: 15px; }
div.mcarticle h4 { margin-bottom: 6px }
div.mcarticle h2 { color: #666; font-size: 11px; font-weight: normal; margin-bottom: 20px }
div.mcarticle h5 { color: #666; font-size: 11px; font-weight: normal; margin-bottom: 20px }
div.mcarticle a { font-weight: bold }
div.mcarticle p { padding:0px; margin:0px;}
div.mcpagination { border-bottom: 1px solid #ced4da; height:25px; line-height: 20px; margin-top:1px; padding: 2px 0 2px 0 }
div.mcpaginationstock { border-bottom: 1px solid #ced4da; height:22px; padding-top: 5px; margin-top:1px; }
div.mcpaginationl { float: left; width: 73px; padding: 2px 0 2px 0 }
div.mcpaginationlstock { float: left; width: 130px; }
div.mcpaginationc { float: left; width: 405px; text-align: center; padding: 2px 0 2px 0 }
div.mcpaginationcstock { float: left; text-align: left; }
div.mcpaginationc span { padding: 2px 9px 2px 9px;}
div.mcpaginationc .current { background-image: url("../img/pagination_selected_bg.gif"); background-position: center; background-repeat: no-repeat; color: #fff; height: 18px; width:24px }
div.mcpaginationr { float: right; width: 60px; padding: 2px 0 2px 0; text-align: right }
div.mcpaginationrstock { float: right; width: 120px; text-align: right }
div.mclargeimgs { clear: left; float:left; margin: 0 20px 0 0; padding-top: 3px }
div.mclargeimgs img { display: block }
div.mclargeimgs a { background-color: #edf0f2; border: 1px solid #ced4da; display: block; font-weight: normal; line-height: 16px; padding: 6px 6px 6px 10px; margin-bottom: 18px }
div.mclargeimgs .icon { display: block; float: left; margin-right: 6px }
div.pdflink { border: 1px solid #ced4da; background-color: #edf0f2; background-image: url("../img/icon_pdf.gif"); background-repeat: no-repeat; background-position: 10px 50%; font-weight: normal; line-height: 16px; margin-bottom: 20px; padding: 6px 6px 6px 36px; /*width: 256px;*/ }
div.pdflink2{padding: 6px 178px 6px 36px;width: 320px;}
div.downloadlink { border: 1px solid #ced4da; background-color: #edf0f2; background-image: url("../img/download_icon.gif"); background-repeat: no-repeat; background-position: 10px 50%; font-weight: normal; line-height: 16px; margin-bottom: 20px; padding: 6px 6px 6px 39px; width: 173px; }
/* Tranings Programmers */
div.training_programmes { border-top: 1px solid #ced4da; padding: 19px 0 8px 0; margin-bottom:13px; }
div.training_programmes p { margin-bottom:10px; padding:0px;}
div.training_programmes img { border: 1px solid #ced4da; display: block; float: left; margin-right: 20px; }
div.training_programmes h4 { margin-bottom: 10px }
div.training_programmes a { font-weight:bold}
/**
*workshop feedback, ask an expert, motorists ask an expert
*/
#workshop{float:right;text-align:left;width:780px;}
#workshop div.left_navi{float:left;text-align:right;width:134px;}
#workshop div.left_navi ol{list-style-type:none;padding:0px;margin:0px}
#workshop div.text{float:left;width:460px}
#workshop div.text2{width:540px}
#workshop div.img_right{float:right;width:300px;padding:34px 0 0 0;}
#workshop div.img_right img{padding-bottom:20px}
#workshop div.img_right img.image_left{display:block;float:left;}
#workshop div.img_right img.image_right{display:block;float:right;}
#workshop img.baner_text{display:block;float:right;padding-top:34px}
#workshop div.send_form_top {background:url('../img/workshops/feedback_top.jpg');height:10px;overflow:hidden;width:460px;}
#workshop div.send_form_center {background:#f4f4f4;border-left:1px solid #ced4da;border-right:1px solid #ced4da;width:458px;}
#workshop div.send_form_center p.informaction{background:url('../img/motorists/drop.gif') no-repeat 100% 12px;display:block;padding:0px 0 10px 0;margin:0px;line-height:16px;}
#workshop div.send_form_center div.text{padding:0px;width:410px}
#workshop div.send_form_center div.submit{text-align:left}
#workshop div.send_form_center div.errormes{text-align:left;margin-left:110px}
#workshop div.send_form_bottom {background:url('../img/workshops/feedback_bottom.jpg');height:10px;overflow:hidden;width:460px;}
#workshop form.send_form div{padding:4px 13px 3px 13px}
#workshop form.send_form div.div_input div{padding:3px 0px 0px 0px}
#workshop form.send_form div.div_input div.pad{padding-top:10px}
#workshop label{color:#333;clear:both;float:none;display:block;line-height:16px;padding: 0 0 5px 0;text-align:left;font-weight: normal;width:100%}
#workshop div.div_input label { color: #0053a0; display:block; float:left; font-weight: bold; line-height: 20px; padding-right: 12px; text-align: right; width: 95px;}
#workshop hr{height: 0px;border:0px;border-top:1px solid #ced4da;border-bottom:1px solid #ffffff;line-height:0px}
#workshop textarea{color:#333;font:normal 12px 'Arial';height:90px;margin:11px 0 13px 0;padding:10px;width:410px}
#workshop textarea.motorist{margin-bottom:0px}
#send_form_submit{margin:12px 0 7px 0}
/**
* Workshop - products guide
*/
#pguidemenu a.actual { color: #fff; background-color: #9daebf; }
#pguidesubmenu { background-color: #edeff1; padding: 2px 0 2px 0; margin-bottom: 24px }
#pguidesubmenu a.sublink { margin: 6px 0 6px 0; }
#pguidesubmenu a.actual { margin: 6px 0 6px 0; background-color: #fff; color: #7b92a9 }
/**
*faqs
*/
#workshop div.faqs{padding:0 240px 0 0}
#workshop div.faqs2{float:left;padding:0px;width:460px}
#workshop div.img_faqs{float:right;width:300px;padding:16px 0 0 0;}
#workshop div.img_faqs img{display:block;float:right;padding:20px 0 0 0;}
#workshop div.top_faqs {background:url('../img/workshops/faqs_top.jpg');height:10px;overflow:hidden;margin-top:18px;width:540px;}
#workshop div.top_faqs2 {background:url('../img/workshops/faqs_top2.jpg');height:10px;overflow:hidden;margin-top:18px;width:460px;}
#workshop div.bottom_faqs {background:url('../img/workshops/faqs_bottom.jpg');height:10px;overflow:hidden;width:540px;}
#workshop div.bottom_faqs2 {background:url('../img/workshops/faqs_bottom2.jpg');height:9px;overflow:hidden;width:460px;}
#workshop div.center_faqs {background:#ffffff;border-left:1px solid #ced4da;border-right:1px solid #ced4da;width:538px;}
#workshop div.center_faqs a{cursor:pointer}
#workshop div.center_faqs div.article{height:0px;padding:0 0 0 0;overflow:hidden;}
#workshop div.center_faqs div.article p{padding:10px 0 10px 0;margin:0px}
#workshop div.center_faqs2 {background:#ffffff;border-left:1px solid #ced4da;border-right:1px solid #ced4da;width:458px;}
#workshop div.center_faqs2 a{cursor:pointer}
#workshop div.center_faqs2 div.article{height:0px;padding:0 0 0 0;overflow:hidden;}
#workshop div.center_faqs2 div.article p{padding:10px 0 10px 0;margin:0px}
#workshop div.center_faqs ul, #workshop div.center_faqs2 ul{margin:0;list-style-image:none;list-style-type:none;padding:0 15px 0 15px}
#workshop div.center_faqs li, #workshop div.center_faqs2 li{background:url('../img/workshops/arrow.gif') no-repeat 0px 6px;display:block;line-height:16px;padding:3px 0 3px 12px}
#workshop div.article_faqs a.title{color:#333;display:block;font-size:15px;font-weight:bold;padding-top:16px;margin:10px 0 7px 0;text-decoration:none}
#workshop div.article_faqs p{margin:0 0 14px 0}
#workshop div.article_faqs strong{color:#333;}
#workshop div.article_faqs ul{list-style-type:disc;padding-left:15px;margin:10px 10px 15px 0px}
#workshop div.article_faqs ol{list-style-type:decimal;padding-left:19px;margin:10px 10px 15px 0}
#workshop div.article_faqs li{background:#fff;color:#333}
/**
*baner_business_support
*/
#business_support .baner_business_support{float:left;height:224px;padding-bottom:20px;width:700px;}
#business_support .baner_business_support img{width:700px;}
#business_support .copy_text{float:right;padding:28px 0 0 0;width:220px;}
#business_support p{color:#333}
#last_panels {float:left;}
#last_panels div.panel{margin-right:0px}
/**
*health_safety_info
*/
/**
*marketing_materials and servicing costs !!!!!! becouse is the same
*/
#workshop div.marketing_materials{width:540px;}
#workshop div.marketing_materials .sort{background:url('../img/workshops/back_sort.gif') repeat-x;width:540px;}
#workshop div.marketing_materials label{color:#333;float:left;display:block;padding: 5px 0 5px 10px;text-align:left;font-weight: normal;width:150px}
#workshop div.marketing_materials select{display:block;float:right;margin-top:3px;color:#333;}
#workshop div.marketing_materials h4{padding-top:20px}
#workshop div.materials img{border:1px solid #d0d6dc;display:block;float:left;margin-right:10px;width:138px;}
#workshop div.materials span{color:#333;display:block;float:right;font-size:11px;width:390px;}
#workshop div.materials p{display:block;float:right;margin:0px;padding:15px 0 10px 0;width:390px;}
#workshop div.materials strong{color:#333;}
#workshop div.materials ul{color:#333;display:block;float:right;margin:0px;padding:15px 0 0 15px;width:375px;list-style-type:disc;list-style-image:none;}
#workshop div.materials ol{color:#333;list-style-type:decimal;line-height:16px;display:block;float:right;margin:0px;padding:15px 0 0 23px;width:367px;}
#workshop div.materials a{background:url('../img/pdf.png') no-repeat 0 50%;display:block;float:right;margin:5px 0 5px 0;padding:2px 0 2px 22px;width:368px;}
#workshop div.materials a.pdf{background:url('../img/pdf.png') no-repeat 1px 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.doc{background:url('../img/doc.png') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.null{background:url('../img/null.pnd') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.ppt{background:url('../img/ppt.jpg') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.rar{background:url('../img/rar.png') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.txt{background:url('../img/txt.png') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.xls{background:url('../img/xls.png') no-repeat 0 50%;padding:2px 0 2px 22px;}
#workshop div.materials a.video{background:url('../img/icon_video.gif') no-repeat 0 50%;padding:4px 0 3px 22px;}
#workshop div.materials a.uni{background:url('../img/download_icon.gif') no-repeat 0 50%;padding:4px 0 4px 22px;}
#workshop div.materials p a{background:#fff;padding:0px;margin:0px;display:inline;float:none;}
#workshop div.line{background:#ced4da;height:1px;margin:19px 0 0 0;overflow:hidden;}
#workshop div.line2{background:#ced4da;height:1px;margin:0 0 30px 0;overflow:hidden;}
div.productsmaterials img { border:1px solid #d0d6dc; display:block; float:left; margin-right:10px }
div.productsmaterials h4 { padding-top:20px }
div.productsmaterials span{ color:#333; font-size:11px }
div.productsmaterials p { margin:0px; padding:15px 0 15px 0 }
div.productsmaterials .download { background-image: url("../img/download_icon.gif"); background-repeat: no-repeat; background-position: 0px 50%; font-weight: normal; line-height: 16px; margin-bottom: 20px; padding: 6px 6px 6px 29px }
/* search stockists panel */
#search_stockists { background:url('../img/panel460x168.png') no-repeat; float:left; height: 168px; margin-right: 10px; padding-left:10px; padding-top:11px; text-align: left; width:460px; }
#search_stockists h1 { color: #ee1c2e; margin-bottom: 4px }
#search_stockists p { margin-bottom: 12px }
#search_stockists input { width: 205px; height: 16px; margin-bottom: 4px }
#search_stockists div.left { width: 198px; float: left }
#search_stockists div.sep { height: 131px; width: 11px; float: left }
#search_stockists div.line { height: 131px; width: 1px; border-left: 1px solid #ced4da; float: left }
#search_stockists div.right { padding: 22px 16px 0 0 }
/* different classes */
.clear { clear:both;display:block;height:0px;margin:0px;overflow:hidden;padding:0px;}
.gap_10 { clear:both; height:10px; font-size: 1px }
.gap_5 { clear:both; height:5px; font-size: 1px }
div.centered { width:100%; text-align:center; padding:5px;}
.BenefitH { display: block; font-weight: bold; text-decoration: underline; margin-bottom: 2px }
/* Giveaway - tickets */
.eventList { width: 100% }
.eventList th { height: 43px; background-color: #e8e8e8; padding: 4px; font-weight: normal; border-right: 1px solid #dbdee1; line-height: 14px }
.eventList th a { background: url('../img/motorists/tickets/arrow2.png') right center no-repeat; padding-right: 16px }
.eventList th.active { background-color: #c3c3c3 }
.eventList th.active.asc a { background-image: url('../img/motorists/tickets/arrow2a.png') }
.eventList th.active.desc a { background-image: url('../img/motorists/tickets/arrow2d.png') }
.eventList td { height: 48px; vertical-align: top; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #dbdee1; padding: 4px; line-height: 16px }
.eventList .datepassed { color: #f81929; font-size: 9px }
#giveawayform div.input { padding: 7px 0 }
#giveawayform div.input.text input { width: 205px }
#giveawayform div.input { clear: both }
#giveawayform div.input.select select { width: 211px }
#giveawayform div.input.checkbox .error-message { clear: both }
#giveawayform div.input.select .error-message { white-space: nowrap; padding: 0px; line-height: 20px; display: inline; * display: block }
@media screen and (-webkit-min-device-pixel-ratio:0){
#giveawayform div.input.select .error-message { display: block; clear: both; padding-left: 142px }
}
#giveawayform h2 { font-size: 18px; font-weight: bold; margin-bottom: 12px }
#giveawayform legend { display: block; padding-bottom: 12px }
#giveawayform div.input label { line-height: 14px; margin: 3px 0 10px 0 }
#giveawayform div.input.rcode { width: 430px; padding: 9px 0px; background-image: url('../img/motorists/tickets/rcode_bg.png'); background-repeat: no-repeat }
#giveawayform div.input.rcode label { color: #fff }
#giveawayform div.input.rcode div.error-message { margin-top:12px; padding-left:144px;font-size:14px; }
#giveawayform div.input.radio { float: left; clear: none }
#giveawayform div.input.radio legend { color: #0053a0; display:block; float:left; font-weight: bold; line-height: 20px; padding-right: 12px; text-align: right; width: 130px }
#giveawayform div.input.radio label { font-weight: normal; width: auto; display: inline; float: none; color: #333; width: 30px; text-align: left }
#giveawayform div.input.radio input { display: inline; float: none; width: auto }
#giveawayform div.input.textarea textarea { width: 205px }
#giveawayform div.input.checkbox { width: 355px }
#giveawayform div.input.checkbox input { float: right }
#giveawayform div.input.checkbox label { width: 323px; text-align: left }
#giveawayform div.error.checkbox.input { border: 0px none }
#giveawayform div.input.checkbox div.error-message { margin-top: 12px; padding-left: 144px }
#giveawayform div.submit { text-align: left }
#giveawayform div.error-message { clear: none; color: #ee1c2e; font-size:14px; font-weight:bold; padding: 3px 0 0 142px; }
#giveawayform .form-error { background-color: #f6eeee;border:1px solid #EE1C2E; }
#giveawayform .hidden { display: none }
#giveawayform .displayed { display: block }
#giveawayTerms { overflow-y: scroll; position: absolute; width: 700px; height: 400px; border: 1px solid #666; background: url('../img/motorists/tickets/tc_bg.png') 50% top repeat-x #fff }
#giveawayTerms .loader { width: 100%; height: 100%; margin: auto; background: url('../img/motorists/tickets/ajax-loader.gif') 50% 50% no-repeat }
#giveawayTermsOut { position:absolute;width:700px;height:420px;display:none; }
#giveawayTermsOut .closebuttonStyle { display:block;text-align:right;cursor:pointer;cursor:hand;margin:0 0 3px 0;font-weight:bold; }
#giveawayTermsOut .closebuttonStyle2 { color:#ffffff;font-weight:bold; }
#giveawayform .newListSelected { display: block; float: left; background: #fff url('../img/motorists/tickets/dropdownarrow.png') right 50% no-repeat; border: 1px solid #c3c3c3; height: 20px; width: 208px }
#giveawayform .newListSelected div { overflow: hidden; height: 16px; padding: 2px 16px 2px 2px; line-height: 16px }
#giveawayform ul.newList { display: none; overflow: visible; overflow-x: hidden; overflow-y: auto; background:#fff; border: 1px solid #666666; top:22px; left:0; height: auto; position:absolute; z-index:9999; width: auto }
#giveawayform ul.newList li { display: block; list-style: none; width: auto }
#giveawayform ul.newList li a { display: block; padding: 2px; white-space: nowrap; width: auto }
#giveawayform .hiLite {background:#467ad0!important; color:#fff!important;}
#giveawayform .newListHover { cursor:default }
#giveawayform ul.newList li a:hover { text-decoration: none; color: #fff; background-color: #467ad0; cursor:default }
#giveawayform .newListSelHover { }
#giveawayform .newListSelFocus { }
#giveawayform .newListSelHover div { }
#giveawayform .newListSelFocus div { }
#giveawayform .selectedTxt { }
#giveawayform li { list-style: none !important; list-style-image: none !important }
#carpainting p { line-height: 15px; margin-bottom: 17px }
#carpainting .imgs img { margin: 0 18px 18px 0 }
/* multilanguage - international */
#tabtopmenu.langs { background-image: url('../img/topmenu/langs_bg.png') }
#tabtopmenu a.en { background-image: url("../img/topmenu/en.png"); display: block; height: 27px; width: 99px }
#tabtopmenu a.nl { background-image: url("../img/topmenu/nl.png"); display: block; height: 27px; width: 78px }
#tabtopmenu a.fr { background-image: url("../img/topmenu/fr.png"); display: block; height: 27px; width: 61px }
#tabtopmenu a.nn { background-image: url("../img/topmenu/nn.png"); display: block; height: 27px; width: 48px }
#tabtopmenu a.pl { background-image: url("../img/topmenu/pl.png"); display: block; height: 27px; width: 82px }
#tabtopmenu a.ru { background-image: url("../img/topmenu/ru.png"); display: block; height: 27px; width: 92px }
.td_highlight {background-color:#fffebe}
.itab { float: left }
.itabl { float: left; width: 9px; height: 40px; background-image: url('../img/international/itabl_bg.png') }
.itabc { float: left; height: 40px; background-image: url('../img/international/itabc_bg.png') }
.itabr { float: left; width: 10px; height: 40px; background-image: url('../img/international/itabr_bg.png') }
.itabc .gobutton { margin: 10px 0px 0 0px }
.itab .act { background-position: 0 -40px }
.itab .actarrow { display: block; width: 32px; height: 21px; background-image: url('../img/gobutton_03act.gif') }
.itab.international .act { background-position: 0 -41px }
.itab.international .actarrow { display: block; width: 32px; height: 41px; background-image: url('../img/international/gobutton_03.gif') }
#internationalMakeSearch { width: 220px; height: 135px; background: url('../img/international/new_search_bg.png') no-repeat; padding: 16px 0 0 12px }
#internationalMakeSearch h2 { font-size: 18px; margin-bottom: 8px }
#internationalMakeSearch p { margin-bottom: 5px; width: 200px; line-height: 14px }
#internationalMakeSearch select { width: 174px; margin-bottom: 5px }
#pickYourLang { width: 940px; height: 104px; background: url('../img/international/pick_lang_bg.png') no-repeat; margin: 20px 0px; padding: 22px 0 22px 14px }
#pickYourLang .flag { float: left }
#pickYourLang .img { border: 1px solid #8c99a2 }
#pickYourLang h2 { font-size: 18px; color: #df0000; margin-bottom: 10px }
#pickYourLang .ru a { font-size: 11px }
#CommaInternational { float: right; width: 220px; margin: 20px 0 }
.pickYourVehicle { float: left; width: 699px; height: 168px; background: url('../img/international/pick_vehicle_bg.jpg') no-repeat; margin: 20px 0px }
.pickYourVehicle select { width: 175px; margin-bottom: 4px }
.pickYourVehicle input { width: 170px; margin-bottom: 4px }
.pickYourVehicle p { margin-bottom: 8px }
.pickYourVehicle .inner { margin: 22px 15px }
.pickYourVehicle h2 { font-size: 18px; color: #df0000; margin-bottom: 10px }
.internationalProducts h2 { font-size: 16px; margin-top: 20px }
.internationalProducts .print { margin: 20px 0 }
.internationalProducts .alt_oil { float: left; margin-bottom: 8px }
div#cardetails.int th { padding-right: 25px }
div#cardetails.int td { width: 50% }
/*****
CAKE SQL DUMP STYLING BELOW
*****/
.cake-sql-log tr:hover { background:#ddd;}