@charset "utf-8";

body{
margin:0;
text-align:center;
background-color:#dee5ee;
}

body, html{
font-size:10pt;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}


table tr td{
padding:5px;
vertical-align: top;
}

h2{
color:rgb(227,115,48);}

div.page{
width:980px;
margin:0 auto;
background-color:#FFFFFF;
}

div.heading{
width:980px;
margin:0 auto;
background-color:rgb(1,36,88);
color:#FFFFFF;
/*background-image:url(/media/img/background-login.png);*/
background-position:top left;
background-repeat:no-repeat;
}

div.headinginner{
width:auto;
padding:8px 8px 0px 8px;}

div.righthandcontent{
width:85%;
float:right;
text-align:right;
}

div.righthandcontent h3{
margin:0 0 7px 0;
font-weight:normal;
font-size:13pt;
}

div.lefthandcontent{
float:left;
width:15%;
}

div.logo{
float:left;
width:14%;
left:0;
/*border:1px solid #fff;*/}

div.requestbrochure{
padding:3px 5px 3px 5px;
border:1px solid #FFF;
/*width:240px;*/
float:right;
font-size:13pt;
font-weight:bold;
/*margin-bottom:15px;*/
background-color:rgb(1,36,88);
}

a.requestmorinfo{
color:#fff;
text-decoration:none;
}


div.submenu{
float:left;
width:30%;
font-size:8pt;
text-align:left;
margin-top:40px;

}

div.submenu a{
color:#FFFFFF;
text-decoration:none;
}

div.submenu a:hover{
color:rgb(227,115,48);
text-decoration:none;
}

div.loginbox{
font-weight:bold;
padding:5px 6px 5px 12px;
text-transform:uppercase;
color:#FF6600;
width:auto;
float:right;
background-color:rgb(1,36,88);
overflow:visible;
margin-right:-8px;
margin-right:8px;
margin-top:8px;
box-shadow: 0 0 20px white;
-webkit-box-shadow: 0 0 20px white; 
-moz-box-shadow: 0 0 20px white;
behavior: url("/media/incs/htc/PIE.htc");
}

div.loginbox2{
font-weight:bold;
padding:5px 6px 5px 12px;
text-transform:uppercase;
color:#FF6600;
width:auto;
float:right;
background-color:rgb(1,36,88);
overflow:visible;
margin-right:-8px;
margin-right:8px;
margin-top:8px;
}

div.loginbox input[type=text], div.loginbox input[type=password]{
border:0px;
width:130px;
background-color:#51547b;
color:#c9cad6;
padding-left:2px;
}

div.menu{
width:auto;
height:auto;
margin:0 auto;
background-color:rgb(227,115,48);

}

div.menu ul{
padding-left:0;
margin-left:0;
margin-top:0px;
margin-bottom:0px;
list-style:none;
padding:0px 0px 0px 0px;
}

div.menu ul li{
float:left;
font-size:10.5pt;
color:#FFFFFF;
font-weight:bold;
width:14.2%;
height:34px;
line-height:34px;
border-right:1px solid #FFF;
vertical-align:middle;
text-align:center;
}

div.menu ul li ul{
display:none;}

div.menu ul li.last{
border-right:0px;
width:14%;
}

div.menu ul li.training{
padding-right:1px;}

div.menu ul li.technical-support-training.en,
li.technical-support-training.en-us,
li.technical-support-training.de{
line-height:16px;}

div.menu ul li.information-downloads.en,
li.information-downloads.en-us,
li.information-downloads.de{
line-height:16px;}

div.menu ul li.support-technique-et-formation.fr{
line-height:16px;}

div.menu ul li.presentation-de-la-societe.fr{
line-height:16px;}

div.menu ul li.news-and-events.fr{
line-height:16px;}

div.menu ul li.localisez-le-distributeur.fr{
line-height:16px;}

div.menu ul li strong a{
color:#012458;
}

div.menu ul li.contact-us{
width:14%;
border-right:0px;}

div.menu ul li.selected, div.menu ul a.selected li, div.menu ul a.selected{
color:rgb(1,36,88);
}


/*div.menu ul li.last{
border-right:0px;}*/

li.company-overview.en div, li.company-overview.en-us div{
width:80%;
line-height:16px;
margin:0 auto;
}

li.distributor-locator.en div, li.distributor-locator.en-us div{
width:80%;
line-height:16px;
margin:0 auto;
}

.distributor-info {
clear:both; 
font-size: 12px;
}

.distributor-info .distributor-logo {
float: left; 
padding: 5px;
width: 100px;
}

.distributor-info .distributor-website {
color: #B0E2FF;
}

.distributor-info .distributor-notes {
float: left; 
font-size: 10px;
}

.distributor-info .distributor-territory {
float: left;
font-size: 10px;
padding-right: 5px;
}

#distributors-column {
float: right; 
width: 300px;
}

#distributors-column .distributor-info .distributor-logo {
width: 200px;
}

#distributors-column .distributor-info .distributor-website {
color: #012458;
}

#distributors-column .distributor-info .distributor-email {
display: none;
}

#distributors-column .distributor-info .distributor-brands {
display: none;
}

#distributors-column .distributor-info .distributor-territory {
display: none;
}

div.menu ul a{
text-decoration:none;
color:#FFFFFF;
width:100%;
display:block;
}

div.menu ul a:hover li, div.menu ul a:hover{
color:rgb(1,36,88);
cursor:pointer;
cursor:hand;
}

div.lefthandcolumm{
float:left;
width:20%;
text-align:left;
height:auto;
min-height:500px;
background-image:url(/media/img/ringsbackgroundleft.png);
background-position:bottom right;
background-repeat:no-repeat;}

ul.lefthandmenu{
list-style:none;
/*background-color:#bcd1de;*/
color:rgb(1,36,88);
font-size:10pt;
margin-left:0px;
padding-left:0px;
margin-top:0px;
margin-bottom:5px;}

ul.lefthandmenu li a{
text-decoration:none;
color:#FFFFFF;
width:auto;
display:block;
padding:11px 3px 11px 3px;

}

ul.lefthandmenu li{
background-color:rgb(1,36,88);
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
border:1px solid #cccccc;
background-image:none;

}

ul.lefthandmenu li div strong a{
background-image:url(/media/img/buttonbackground2.png);
background-repeat:repeat-y;
background-position:top right;
}

ul.lefthandmenu li div{
}

ul.lefthandmenu li ul{
list-style:none;
margin:0;
padding:0;
background-color:#FFFFFF;

font-weight:normal;
clear:both;
}

ul.lefthandmenu li ul li{
border:1px #999;
color:#012458;
background-color:#FFFFFF;
background-image:url(/media/img/buttonbackground.png);
background-position:left;
background-repeat:repeat-y;
border:1px solid #cccccc;
font-weight:normal;
font-size:8pt;
}

ul.lefthandmenu li ul li div{
margin:0;
padding:0;
}

ul.lefthandmenu li ul li:hover a, ul.lefthandmenu li ul li:hover{
color:#FFFFFF;
background-color:rgb(1,36,88);
background-image:none;
}

ul.lefthandmenu li ul li a{
color:#012458;
padding:8px 8px 8px 3px;
}

ul.lefthandmenu ul li strong a{
width:auto;
display:block;
/*background-color:#dee5ee;*/
background-image:url(/media/img/buttonbackground2.png);
background-repeat:repeat-y;
background-position:right;
background-color:#FFFFFF;
}

div.righthandmenudiv{

}

div.placeholder{
margin:0 10px 0 10px;;
}

div.placeholder img{
margin:10px;
}

ul.righthandmenu{

list-style:none;
/*background-color:#bcd1de;*/
color:rgb(1,36,88);
font-size:10pt;
margin-left:0px;
padding-left:0px;
margin-right:10px;
margin-bottom:5px;
width:25%;
float:right;
margin-left:15px;
margin-top:0px;
position:relative;
z-index:50;
margin-top:5px;
border-bottom:1px solid #CCC;
}

ul.righthandmenu li.menuheading_right{
background-color:#dee5ee;
color:rgb(1,36,88);
font-size:11pt;
font-weight:bold;
background-image:none;
padding-top:2px;
padding-bottom:2px;
border-width:1px 1px 1px 1px;
}

ul.righthandmenu li{
padding:5px 10px 5px 10px;
border-width:0px 1px 0px 1px;
/*background-image:url(/media/img/buttonbackground.png);
background-position:left;
background-repeat:repeat-y;*/
border-style:solid;
border-color:#CCCCCC;}

div.rightarrow{
float:right;
/*background-color:rgb(1,36,88);*/
color:#000000;
padding:2px;
margin-right:-10px;
}

div.rightarrow:hover{
float:right;
/*background-color:rgb(1,36,88);*/
color:rgb(227,115,48);
padding:2px;
margin-right:-10px;
}

div.righthandcolumn{
color:rgb(1,36,88);
float:right;
font-size:11pt;
width:80%;
text-align:left;
min-height:584px;
}


div.righthandcolumn p{
}

div.righthandcolumn h1{
font-size:21pt;
font-weight:bold;
font-style:italic;
color:rgb(227,115,48);
/*color:rgb(1,36,88);*/
}

div.righthandcolumn h2{
font-weight:bold;
font-style:italic;
color:rgb(227,115,48);
}

div.righthandcolumn h3{
font-size:12pt;
font-weight:bold;
font-style:italic;
color:rgb(227,115,48);
}


img.mainuitphoto{
margin-top:-50px;
margin-left:-40px;
margin-right:-30px;
margin-bottom:-50px;
z-index:10;
}

div.bottomquoteimg{
float:left; 
width:139px;
/*margin-top:82px;*/
}

div.bottomquoteimg img{
float:right;
}

div.bottomquote{
background-color:#dee5ee;
/*width:79.4%;*/
width:625px;
float:right;
padding:10px 10px 0px 10px;
height:95px;
/*margin-top:82px;*/
overflow:visible;
background-image:url(/media/img/rightcircles.png);
background-position:130% -11%;
background-repeat:no-repeat;
position:relative;
bottom:0px;
}

div.bottomquote p.mainquote{
color:rgb(1,36,88);
font-style:italic;
font-size:13.5pt;
margin-bottom:0px;
margin-top:0px;
}

div.bottomquote p.quote{
color:rgb(1,36,88);
font-style:italic;
font-size:10pt;
margin-top:0px;
margin-bottom:0px;
}

p.quote{
float:right;
margin-right:50px;}

div.manufacturerlogos{
text-align:left;
float:right;
width:100%;
clear:both;
background-color:rgb(1,36,88);
height:39px;
margin-left:0px;
margin-bottom:21px;
}


ul.manufacturerlogo{
list-style:none;
font-size:6pt;
clear:both;
margin-left:0;
padding:0;
margin:0;
float:right;
border-top:1px solid #FFF;
}

ul.manufacturerlogo li{
float:left;
text-align:center;
width:55px;
padding:0px;
height:41px;
border-right:1px solid #FFFFFF;
}

ul.manufacturerlogo li.bmw{
width:55px;}

ul.manufacturerlogo li.mini{
border-right:0px;}

ul.manufacturerlogo li img{
border: none;
}

ul.manufacturerlogo li:hover img{
height:50px;
margin-top:-5px;
margin-left:-5px;
cursor:pointer;
cursor:hand;
z-index:100;
position:relative;
}

ul.manufacturerlogo li:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

ul.manufacturerlogo li.last{
margin-right:0px;
border-right:0px;}

div.footer{
border-top:5px solid rgb(227,115,48);
padding:5px;
font-size:9pt;
color:rgb(1,36,88)}

div.footer a{
color:rgb(1,36,88);
text-decoration:none;}

div.footer a:hover{
color:rgb(227,115,48);
text-decoration:none;}


div.maincontent{
clear:left;
margin-top:10px;
}

h3.subheading{
width:30%;
float:left;
}

/*div.maincontent h3{
width:30%;
float:left;
}*/

div.maincontent h1{
margin-top:0px;
padding-top:0px;
}

div.textright{
float:right;
width:69%;
text-align:right;
position:relative;
margin-right:10px;
}

div.lefttext2{
float:left;
text-align:left;
color:#999999;
width:23%;
clear:right;
position:relative;
margin-top:10px;
font-size:8pt;}

.small{
font-size:8pt;
color:#CCCCCC;}

div.logoleft{
float:left;
width:45px;
text-align:left; 
margin-right:5px;}

div.requestbrochure img{
float:left;
position:relative;
margin-top:-7px;
margin-right:10px;
margin-bottom:-7px;
margin-left:-10px;}

img.rightcircles{
float:right;
position:static;
margin-right:-123px;
margin-top:110px;
}


.speechbubble1,.speechbubble2,.speechbubble3,.speechbubble4,.speechbubble5,.speechbubble6,.speechbubble7{
float:right;
position:absolute;
margin-top:-20px;
margin-left:-335px;
width:120px;
padding:5px 5px 5px 15px;
display:none;
background-color:rgb(1,36,88);
color:#FFFFFF;}

p.maintextparagraph{
width:99%;
clear:both;}

ul.righthandmenu li:hover .speechbubble1, ul.righthandmenu li:hover .speechbubble2, ul.righthandmenu li:hover .speechbubble3, ul.righthandmenu li:hover .speechbubble4, ul.righthandmenu li:hover .speechbubble5, ul.righthandmenu li:hover .speechbubble6, ul.righthandmenu li:hover .speechbubble7{
display:block;

}

div.lefthandcolumm{
}


/* distributormap */

div.countrylist{
width:180px;
float:right;
background-color:#DEE5EE;

margin-right:5px;
}

div.countrylist h3{
color:#FFFFFF;}

h3.countrylistheading{
background-color:rgb(1,36,88);
padding:10px;
width:auto;
margin:0px;
color:#FFFFFF;
}


div.countrylistsmall{
overflow-y:auto;
overflow-x:hidden;
height:280px;
width:auto;
padding:10px;}


div.countrylistsmall a{
text-decoration:none;
color:#000000;}

div.countrylistsmall a:hover{
text-decoration:none;
color:rgb(227,115,48);}

div.countrylistsmall p{
margin-bottom:0px;
margin-top:0px;}


.loginregister{
cursor:pointer;
cursor:hand;}

#distributors-column h2 {
margin-bottom: 6px;
}

#distributors-column h3 {
margin-top: 6px;
}

span#forum-button {
/*background-color: #E37330;*/
background-color:rgb(1,36,88);
/*border: outset #E37330;*/
padding: 3px;
position:relative;
box-shadow: 0 0 20px rgb(1,36,88);
-webkit-box-shadow: 0 0 20px rgb(1,36,88); 
-moz-box-shadow: 0 0 20px rgb(1,36,88);
behavior: url("/media/incs/htc/PIE.htc");
}

#forum-button a {
color: white;
text-decoration: none;
}

div.close{
position:absolute;
top:-5px;
right:-5px;
float:right;
width:20px;
height:20px;
overflow:none;
cursor:pointer;
cursor:hand;
z-index:1100;
border:0px;
}

div.close a,div.close a img{
border:0px; 
color:transparent; 
background-color:transparent;}

form#loginform{
width:auto;
height:auto;
padding:0;
margin:0;
}


.distributor-website{
}

.circle{
width:16px;
height:16px;
display:block;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
background:orange;
font-size:8px;
color:white;
line-height:16px;
text-align:center}

.button{
height:20px; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border:0px;
padding:5px 5px 5px 5px;
background:#e37330; 
text-align:center; 
text-decoration:none;
font-size:10px; 
color:white;
}
.nav{padding-top:5px}