/* CSS Document */
body{margin:0px; margin-top:5px; font-family:Arial; font-size:11px;}
.menu{ font-family:Arial; font-size:11px; font-weight:bold;}
.breadcrumb{
vertical-align:middle; padding-top:15px; font-family:Arial; font-size:13px; float:left;
}
a.mainmenu{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.mainmenu1{color:#FFFFFF; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 1px; padding:0px 5px 0px 15px; display:block;}
a.mainmenu:hover, a.mainactive{color:#FFFFFF; text-decoration:none; background: url(../images/marketing_support.gif) no-repeat; display:block; padding:0px 7px 0px 15px;  height:32px;}

a{ color:#000000; text-decoration:none;}
a:hover{ color:#c04440; text-decoration:none;}

a.promotions_incentives{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.promotions_incentives:hover, a.promotions_incentivesactive{color:#FFFFFF; text-decoration:none; background: url(../images/promotions_incentives.gif) no-repeat; display:block;  height:32px;  padding:0px 7px 0px 15px;}

a.contactus{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 6px; padding:5px 5px 0px 15px; display:block; height:27px;}
a.contactus:hover, a.contactusactive{color:#FFFFFF; text-decoration:none; background: url(../images/contact.gif) no-repeat; display:block; padding:5px 5px 0px 15px; height:27px;}

a.news{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.news:hover{color:#FFFFFF; text-decoration:none; background: url(../images/news.gif) no-repeat; display:block;  height:32px;}

a.usefullinks{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.usefullinks:hover, a.usefullinksactive{color:#FFFFFF; text-decoration:none; background: url(../images/citreon.gif) no-repeat; padding:0px 7px 0px 15px; display:block;  height:32px;}



a.usefullinks1{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.usefullinks1:hover, a.usefullinksactive1{color:#FFFFFF; text-decoration:none; background: url(../images/useful.gif) no-repeat; padding:0px 7px 0px 15px; display:block;  height:32px;}



a.hseqm{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 6px; padding:5px 5px 0px 15px; display:block; height:27px;}
a.hseqm:hover{color:#FFFFFF; text-decoration:none; background: url(../images/hseq.gif) no-repeat; display:block;}

a.lubricants_greases{color:#000000; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.lubricants_greases:hover{color:#FFFFFF; text-decoration:none; background: url(../images/lubricants.gif) no-repeat; display:block;  height:32px;}


a.mainmenu2{color:#FFFFFF; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}
a.mainmenu2:hover{color:#FFFFFF; text-decoration:none; background:url(../images/arrow.gif) no-repeat 5px 7px; padding:0px 7px 0px 15px; display:block;}

a.redlnk		{	font-family:Verdana; font-size:11px; color:#C00000; text-decoration: underline;		}
a.redlnk:hover	{	font-family:Verdana; font-size:11px; color:#C00000; text-decoration: none;		}
a.latest_news:hover{color:#000000;}

.title{font-size:24px; font-family:arial; color:#FFFFFF;}
.content{font-size:11px; font-family:arial; color:#FFFFFF;}
a.whitelinks{font-size:11px; font-family:arial; color:#FFFFFF; text-decoration:none;}
a.whitelinks:hover{font-size:11px; font-family:arial; color:#FFFFFF; text-decoration:none;}
.select{font-size:13px; font-family:arial; color:#000000; font-weight:bold; }
.selection{float:left; text-align:center; width:500px;}
.main{margin:auto; width:755px;}
.topbar{float:left;}
.lubes{float:left; width:621px;}
.redbar{background:url(../images/red_curve.gif) no-repeat 7px 0px; height:27px; width:755px; float:left;}

.yellowbar{background:url(../images/yellowbar.gif) no-repeat 7px 0px;  height:27px; width:735px; float:left; padding:0px 0px 0px 20px;}
.yellowbar a{ font-family:Arial; font-size:12px; height:22px; color:#FFFFFF; float:left; font-weight:bold; text-decoration:none; padding:5px 10px 0px 10px; background:url(../images/menu_line.gif) no-repeat right;}
.yellowbar a:hover, .yellowbar a.active{font-family:Arial; font-size:12px; height:22px; color:#FFFFFF; float:left; font-weight:bold; text-decoration:none; padding:5px 10px 0px 10px; background:url(../images/menu_line.gif) no-repeat right; background-color:#ebd9a9; color:#dbaf42; }


.bluebar{background:url(../images/bluebar.gif) no-repeat 7px 0px;  height:27px; width:735px; float:left; padding:0px 0px 0px 20px;}
.bluebar a{ font-family:Arial; font-size:12px; height:22px; color:#FFFFFF; float:left; font-weight:bold; text-decoration:none; padding:5px 10px 0px 10px; background:url(../images/menu_line.gif) no-repeat right;}
.bluebar a:hover, .bluebar a.active{font-family:Arial; font-size:12px; background-color:#c1e0ec; color:#000000; }


.darkbluebar{background:url(../images/darkbluebar.gif) no-repeat 7px 0px;  height:27px; width:735px; float:left; padding:0px 0px 0px 20px;}
.darkbluebar a{ font-family:Arial; font-size:12px; height:22px; color:#FFFFFF; float:left; font-weight:bold; text-decoration:none; padding:5px 10px 0px 10px; background:url(../images/menu_line.gif) no-repeat right;}
.darkbluebar a:hover{font-family:Arial; font-size:12px; background-color:#95a2cc; color:#ffffff; }


.redbar{background:url(../images/redbar.gif) no-repeat 7px 0px;  height:27px; width:735px; float:left; padding:0px 0px 0px 20px;}
.redbar a{ font-family:Arial; font-size:12px; height:22px; color:#FFFFFF; float:left; font-weight:bold; text-decoration:none; padding:5px 10px 0px 10px; background:url(../images/menu_line.gif) no-repeat right;}
.redbar a:hover, .redbar a.active{font-family:Arial; font-size:12px; background-color:#f4c8c4; color:#000000; }


.maincontent{float:left; width:755px; margin-top:15px;}
.banner{float:left; width:284px;}
.welcome{float:left; padding:15px; background-color:#c15646; width:254px; height:366px; margin-left:7px;}
.welcome_1{float:left; padding:15px; background-color:#c31a13; width:254px; height:366px; margin-left:7px;}

.login{float:left; width:172px; margin-left:7px;}
.menubg{float:left; margin-top:5px; background:url(../images/menu_bg.gif) repeat-x bottom; border:1px #cbccd0 solid; background-color:#e4e3e8; height:35px; width:753px;}
.line{float:left; width:6px;}
.total_citreon{padding-left:0px; padding-top:3px; float:left; width:65px;}
.msupport{padding-left:0px; padding-top:3px; float:left; width:90px;}
.promotions{padding-left:0px; padding-top:3px; float:left; width:90px;}
.lubricants{padding-left:0px; padding-top:3px; float:left; width:90px;}
.latest_news{padding-left:0px; padding-top:3px; float:left; width:65px;}
.range{padding-left:0px; padding-top:3px; float:left; width:90px;}
.contact{padding-left:0px; padding-top:3px; float:left; width:80px;}
.hseq{padding-left:0px; padding-top:3px; float:left; width:65px;}
.useful{padding-left:0px; padding-top:3px; float:left; width:65px;}

.mainbox{float:left; margin-top:8px; width:631px; padding-top:148px; padding-left:113px;  height:310px; border-top:2px #c7c7c7 solid; border-bottom:9px #c7c7c7 solid; border-left:2px #c7c7c7 solid; border-right:9px #c7c7c7 solid;}
.citroen_splash{ float:left; padding-right:54px;}
.peugot_splash{float:left; padding-right:62px;}
.squaree{
float:left;
width:136px;
height:185px;
padding-left:1px;
padding-top:1px;
margin-bottom:5px;
background-color:#dd5545;

}
.squaree1{
float:left;
width:136px;
height:185px;
padding-left:1px;
padding-top:1px;
margin-left:50px;
background-color:#dd5545;

}
.latest_news_1
{
float:left;
padding-left:1px;
background-color:#eeeeee;
width:368px;
padding-bottom:1px;
}
.latest_news_2
{
float:left;
padding-left:1px;
background-color:#FFFFFF;
width:550px;
padding-bottom:1px;
}
.latest_news_3
{
float:left;
padding-left:1px;
background-color:#FF0000;
width:550px;
padding-bottom:1px;
}
.latest_news_1_cont
{
color:#FFFFFF;
font-size:22px;
font-family:Arial;
padding-left:13px;
padding-top:13px;
}
.newstitle
{
color:#FFFFFF;
font-size:11px;
font-family:Arial;
padding:10px;

}
.under_construction
{
color:#000000;
font-family:Arial;
font-size:12px;
text-align:center;
}

.news2{ padding:10px; background-color:#c1c1c1;float:left; height:327px;  margin-left:15px; width:159px; color:#6a76a8; text-align:center;}

ul{margin:0px; padding:0px;}
li{list-style:none; color:#FFFFFF; padding-left:10px; padding-bottom:10px; padding-right:5px;}
.news3{background-color:#c31a13;float:left; height:346px;  margin-left:14px; width:178px;}
.footer{float:left; text-align:center; width:755px; padding-top:10px; line-height:16px;}
.logon_bg
{
background-image:url(../images/logon_bg.gif);
background-repeat:no-repeat;
height:312px;
width:172px;
float:left;
margin-left:7px;
}
.forgot_bg
{
background-image:url(../images/forgot_password.gif);
background-repeat:no-repeat;
height:312px;
width:172px;
float:left;
margin-left:7px;
}
.txtbox
{
height:16px;
width:145px;
background-color:#FFFFFF;
color:#000000;
}
.txtbox_1
{
height:16px;
width:110px;
background-color:#FFFFFF;
color:#000000;
}
.email1
{
padding-top:65px; padding-left:9px; color:#FFFFFF;
}
.email_2
{
padding-top:65px; padding-left:0px; color:#FFFFFF;
}
.forgot_password
{
color:#56629c; font-weight:bold;
}
.forgot_password1
{
color:#56629c; 
}
.latest_news
{
 color:#FFFFFF;
}
.contact_us_right_bg
{
float:right;
background-image:url(../images/contact_right_bg.jpg);
background-repeat:no-repeat;
height:390px; width:301px;
}
a.nash{ color:#ffa800; text-decoration:none;}
a.nash:hover{ color:#ffffff; text-decoration:none;}
.man{
 float:right; padding-right:23px;
 }
 .hr1
 {
padding-top:50px;
 }
 .hr{
height:1px; color:#FFFFFF; width:140px;
 }
 .john_div{
float:left; color:#FFFFFF; padding-left:23px; padding-top:62px; vertical-align:bottom;
 }
 .postcode
 {
padding-left:23px;
 }
 .please_para
 {
font-family:Arial; font-size:11px; line-height:14px; color:#000000; font-weight:bold; padding-top:60px; padding-left:23px;
 }
 .registration_1st
 {
 background-image:url(../images/top_first_gradient.gif);
 background-repeat:repeat-x;
 height:191px;
 border:#c0c0c0 1px solid; 
 }
 .registration_2nd
 {
 background-image:url(../images/top_2nd_gradient.gif);
 background-repeat:repeat-x;
 height:130px;
 border:#c0c0c0 1px solid; 
 }
  .registration_3rd
 {
 background-image:url(../images/top_rd_gradient.gif);
 background-repeat:repeat-x;
 height:280px;
 border:#c0c0c0 1px solid; 
 }
.regis_padding_left{padding-left:15px;}
.txtbox_password
{
height:16px;
width:220px;
background-color:#FFFFFF;
color:#000000;
}
.txtbox_2ndrow1
{
height:16px;
width:100px;
background-color:#FFFFFF;
color:#000000;
}
.txtbox_2ndrow2
{
height:16px;
width:100px;
background-color:#FF0000;
color:#000000;
}
.txtbox_2ndrow1a
{
height:16px;
width:150px;
background-color:#FFFFFF;
color:#000000;
}
.txtbox_2ndrow1b
{
height:16px;
width:198px;
background-color:#FFFFFF;
color:#000000;
}
.txtbox_2ndrow1_job_title
{
height:16px;
width:130px;
background-color:#FFFFFF;
color:#000000;
}
.login_front
{
float:right; padding-right:14px;
}
.registration1
{
vertical-align:middle; padding-top:15px; font-family:Arial; font-size:13px;
}
.registration2
{
padding-left:15px;
}
.registration2_top
{
padding-left:15px;
padding-top:8px;
}
.registration3
{
font-size:14px;
}
.registration4
{
padding-top:8px;
}
.registration5
{
width:722px; height:80px;margin-left:15px; margin-top:20px;
}
.registration6
{
width:361px; float:left;
}
.registration7
{
width:361px; float:right;
}
.registration7_left
{
width:361px; float:right; padding-left:53px;
}
.registration8
{
padding-right:52px;
}
.registration9
{
width:361px; float:left;
}
.registration10
{
width:361px; float:right;
}
.registration11
{
padding-left:15px;
}
.registration12
{
font-size:14px;
}
.registration13
{
width:690px; height:80px;margin-left:15px; margin-top:5px;
}
.registration14
{
float:left;
}
.registration15
{
padding-right:25px;
}
.registration15_1
{
padding-right:46px;
}
.registration15_2
{
padding-right:13px;
}
.registration16
{
float:left; padding-left:35px;
}
.registration17
{
float:right;
}
.registration18
{
float:left; padding-left:7px;
}
.registration19
{
padding-left:15px;
}
.registration20
{
font-size:14px;
}
.registration21
{
width:690px; height:80px;margin-left:15px; margin-top:5px;
}
.registration22
{
width:390px; float:left;
}
.registration23
{
float:left; padding-bottom:10px;

}
.alignright{

padding-left:30px;}
.registration24
{
padding-right:2px;
}
.registration25
{
padding-right:32px;
}
.registration25_1
{
padding-right:36px;
}
.registration26
{
padding-right:36px;
}
.registration26_1
{
padding-right:41px;
}
.registration27
{
width:300px; float:right;
}
.registration28
{
padding-right:1px;

}
.registration29
{
padding-right:15px;
}
.registration30
{
float:right; width:130px; padding-top:30px;
}
a.bottom_web_link
{
color:#9b97a0;
text-decoration:underline;
}
a.bottom_web_link:hover
{
color:#c31a13;
text-decoration:none;
}
.brochure_main{
width:755px;
}
.brochure
{
width:140px; float:left; text-align:center;
}
.brochure_div
{
width:755px;
}
.brochure_div_title
{
width:500px;
}
.packshotimage{ float:left; width:185px;}