/* CSS Document */
body {
background-color : #F0F0F0;;
background-position : left;
background-repeat : repeat-y;
margin-left : 0;
margin-top : 0;
font-family : Verdana;
font-size: 75%;
}
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}
h1 {FONT-SIZE: 13px;  margin: 0 0 0 0; font-weight:bold;}
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.4em 0; padding-top: 0.5em; line-height:120%; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 0.5em; }
h4 {font-size: 1.1em; color: #444; margin: 0 0 0.5em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #444; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

p.special {margin: 0 0 0 0.1;}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a {color: #808080; text-decoration:underline;}
a:hover {color: #CC6600; text-decoration:underline;}
a:visited {color: #5F5F5F; text-decoration:underline;}
a:hover {color: #cc6600; text-decoration:underline;}
a.top {color: #808080; text-decoration:none; font-size: 1.4em;}
a.top:hover {color: #cc6600; text-decoration:underline;}
a.top:visited {color: #808080; text-decoration:none; font-size: 1.4em;}
a.top:hover {color: #cc6600; text-decoration:underline;}
a.top1 {color: #FFFFFF; text-decoration:none; font-size: 1.0em;}
a.top1:hover {color: #cc6600; text-decoration:underline;}
a.top1:visited {color: #FFFFFF; text-decoration:none;}
a.top1:hover {color: #cc6600; text-decoration:underline;}
a.top2 {color: #000000; text-decoration:none; font-size: 1.0em;}
a.top2:hover {color: #cc6600; text-decoration:underline;}
a.top2:visited {color: #000000; text-decoration:none;}
a.top2:hover {color: #cc6600; text-decoration:underline;}
a.top3 {color: #FFFFFF; text-decoration:none; font-size: 1.1em; font-weight: bold;}
a.top3:hover {color: #cc6600; text-decoration:underline;}
a.top3:visited {color: #FFFFFF; text-decoration:underline;}
a.top3:hover {color: #cc6600; text-decoration:underline;}
a.down {color: #000000; text-decoration:none; font-size: 0.9em;}
a.down:hover {color: #e23319; text-decoration:underline;}
a.down:visited {color: #6F6F6F; text-decoration:none;}
a.down:hover {color: #e23319; text-decoration:underline;}
a.infos_rechts {color: #FFFFFF; text-decoration:underline; font-size: 1em; font-weight: bold;}
a.infos_rechts:hover {color: #cc6600; text-decoration:underline;}
a.infos_rechts:visited {color: #FFFFFF; text-decoration:underline; font-size: 1em; font-weight: bold;}
a.infos_rechts_kl {color: #000000; text-decoration:underline;}
a.infos_rechts_kl:hover {color: #cc6600; text-decoration:underline;}
a.infos_rechts_kl:visited {color: #000000; text-decoration:underline;}
a.logo {color: #3B6CA6; text-decoration:none;font-style:italic; font-weight: bold; font-size: 2.1em;}
a.logo:visited {color: #3B6CA6; text-decoration:none;font-style:italic; font-weight: bold; font-size: 2.1em;}
/* ### Spezielle Schriftgroessen ######################################################## */
.white-text {color:#FFFFFF;font-size:1.2em;	padding-left: 0.2em;}
.white-text-info {color:#FFFFFF;font-size:1.2em;	padding-left: 0.2em; font-weight: bold;}
.white-text-kl {color:#FFFFFF;font-size:0.71em;	padding-left: 0.2em;}
.black-text-kl {color:#000000;font-size:0.8em;	padding-left: 1em;}
.black-text-info {color:#000000;font-size:0.9em;}
.at {color:#000000;}
/* ### Tabellen ######################################################## */
table.table-info  { border:0;margin:0; padding:0; }
table.table-info td.main  {text-align: center; padding: 0; background: url(img/hinter_infos.jpg) repeat-x top;}
table.table-info td.text  {font-size: 93.75%; padding-left: 5px; padding-right:5px; padding-top:5px;  padding-bottom:5px; text-align: left;  color: #000000; background:#F0F0F0}
table.table-suche  { border:0;margin:0; padding:0; }
table.table-suche td.main  { padding-left: 15px; padding-right: 15px; padding-top:6px; background: url(img/hinter_suche.jpg) repeat-x top;font-size: 115%; }
a.popup {
   position: relative;
   color: gray;
   text-decoration: none;
}
a.popup div {
   display: none;
}
a.popup:hover div {
  position: absolute;
  top: 5px;
  left: 20px;
  display: block;
}
table.popup {
  background: #F3F3F3;
  text-decoration:none;
  border: 2px solid #3B6CA6;
  color:black;
  display: block;
  padding:12;
}
.search_button {
margin-top : 0px;
}
#all {
width : 760px;
font-family : Verdana;
font-size : 11px;
color : #666666;
}
#top {
border : 1px solid white;
width : 760px;
height : 70px;
background-color : #516886;
background-image : url(../images/bande.png);
}
#connect {
border : 0 solid red;
}
#controls {
float : right;
width : 360px;
height : 52px;
margin-top : 7px;
padding-top : 5px;
font-size : 12px;
color : white;
font-family : Verdana;
}
#navTop {
margin-left : 35px;
margin-bottom : 5px;
margin-top : 14px;
}
#val0 {
vertical-align : top;
margin-right : 4px;
}
#login {
border : 1px solid #333;
background-color : #fff;
font-size : 10px;
margin-right : 8px;
vertical-align : middle;
}
#pass {
border : 1px solid #333;
background-color : #fff;
font-size : 10px;
vertical-align : middle;
margin-right : 8px;
}
#stLeft {
margin-right : 1px;
float : left;
}
#styles {
border : 1px solid white;
border-top : 0;
width : 760px;
height : 180px;
text-align : left;
background-color : #fff;
background-repeat : no-repeat;
margin : 0;
padding : 0;
}
#showVid {
float : left;
width : 305px;
height : 175px;
margin-right : 0;
}
#searchModule {
color : #fff;
background-color : #555;
margin : 0;
padding : 0;
border-top : 0;
padding-top : 2px;
padding-left : 0;
margin-left : 444px;
width : 313px;
height : 178px;
}
#years {
padding : 3px;
padding-left : 4px;
background-color : #999999;
padding-top : 0;
margin-top : 8px;
border : 1px solid #fff;
padding-bottom : 4px;
margin-bottom : 5px;
margin-left : 4px;
background-image : url('../images/car.png');
background-position : right;
background-repeat : no-repeat;
}
#infPayments {
font-size : 10px;
font-weight : bold;
color : #d00;
}
#nav {
clear : left;
float : left;
background-color : #576799;
border : 1px solid #fff;
border-top : 0;
border-right : 0;
margin : 0;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 5px;
height : 16px;
margin-right : 0;
}
.imgInfss {
margin-left : 5px;
}
#navSearch1 {
margin-bottom : 4px;
color : #fff;
font-weight : bold;
font-size : 11px;
font-family : Verdana;
padding-top : 5px;
}
#navSearch2 {
margin-bottom : 7px;
color : #fff;
font-weight : bold;
font-size : 11px;
font-family : Verdana;
padding-top : 8px;
}
#navSearch3 {
color : #fff;
font-weight : bold;
font-size : 12px;
font-family : Verdana;
text-align : right;
width : 495px;
margin-top : 5px;
}
#navTop img {
border : none;
}
img.type-icon {
margin-left : 3px;
border-style : solid;
border-width : 0;
vertical-align : middle;
cursor : pointer;
}
#middle {
clear : left;
border : 1px solid white;
border-top : 0;
width : 650px;
height : 15px;
color : #444;
font-family : Verdana;
font-size : 11px;
margin-top : 10px;
margin-left : 50px;
}
#help {
border : 1px solid white;
border-top : 0;
background-color : #374f77;
width : 500px;
height : 17px;
color : white;
font-family : Verdana;
font-size : 14px;
font-weight : bold;
margin-top : 10px;
}
#middleBottom {
border-top : 0;
width : 760px;
height : 280px;
font-family : Verdana, Verdana;
font-size : 12px;
background-image : url('../images/fdCentre.png');
background-repeat : no-repeat;
}
#middleBottomLeft {
margin-top : 0;
padding : 0;
float : left;
width : 376px;
font-size : 12px;
color : #333;
font-family : Verdana;
}
#middleBottomLeft ul {
margin-top : 20px;
margin-left : 15px;
margin-bottom : 8px;
font-size : 12px;
}
#middleBottomLeft ul li {
margin-top : 6px;
list-style-type : none;
}
#middleBottomLeft ul li img {
margin-right : 6px;
}
#middleBottomRight ul {
margin-top : 20px;
margin-bottom : 8px;
}
#middleBottomRight ul li {
margin-top : 6px;
list-style-type : none;
}
#middleBottomRight ul li img {
margin-right : 6px;
}
#middleBottomRight {
font-family : Verdana;
margin-top : 0;
float : left;
width : 376px;
font-size : 12px;
color : #333;
}
#middleBottomTop {
border : 1px solid white;
width : 760px;
background-repeat : no-repeat;
margin : 0 0;
}
#imgIndex {
margin-left : 10px;
}
.goVehicles {
margin-left : 0;
vertical-align : middle;
margin-bottom : 3px;
}
#bott {
height : 130px;
width : 760px;
font-size : 10px;
clear : left;
}
.titleBottom {
background-image : url(../images/fdLow.png);
width : 348px;
color : white;
padding : 0;
padding-left : 12px;
font-family : Verdana;
font-weight : bold;
font-size : 11px;
padding-top : 1px;
padding-bottom : 1px;
}
#frameBottomLeft {
float : left;
width : 360px;
height : 130px;
border : 1px solid #ccc;
}
#frameBottomRight {
float : left;
width : 360px;
height : 130px;
border : 1px solid #ccc;
border-left : 1px solid white;
margin-right : 36px;
}
#footer {
font-family : Verdana;
width : 760px;
height : 20px;
font-size : 9px;
letter-spacing : 3px;
padding-top : 5px;
}
#nav li {
font-family : Arial;
font-size : 10px;
border : 1px solid #eee;
text-align : center;
color : white;
float : left;
margin : 0;
margin-top : 0;
margin-right : 4px;
font-weight : bold;
}
#nav li a {
background : #777 url("../images/sections.png") no-repeat scroll center left;
text-decoration : none;
color : white;
padding-left : 15px;
padding-right : 2px;
display : block;
padding-bottom : 2px;
margin : 0;
}
#nav li a:hover {
background : #777 url("../images/sections.png") no-repeat scroll center left;
text-decoration : none;
color : white;
padding-left : 15px;
padding-right : 2px;
background-color : #dd3300;
}
#loginForm {
padding : 0;
margin : 0;
}
#basket {
border : 1px solid white;
margin-left : 2px;
}
.navShow {
text-align : right;
height : 15px;
font-size : 11px;
letter-spacing : normal;
padding-right : 10px;
}
.navShow a {
color : #cc0000;
font-weight : bold;
}
.navShow a:hover {
font-weight : bold;
color : #00ff00;
}
select {
font-weight : normal;
color : #333333
}
.results {
clear : both;
width : 680px;
border : 0 solid #aaa;
margin-top : 5px;
font-family : Verdana;
margin-left : 0px;
padding : 0;
padding-bottom : 4px;
}
.enStock { margin-left : 110px; font-size: 11px; }
.enStock span {

font-weight: bold; padding: 1px 3px; line-height: 100%; }
.price   {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 30px;
font-style : italic;
}
.lprice   {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 30px;
font-style : italic;
}
.shipping {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 30px;
	 font-style:italic;
}
.choice-button {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 30px;
}
.choice-button div { margin: 2px 0; }
.choice-button img { border: none; }
.quantite { margin-top: -10px; font-size: 9px; }
.quantite * { vertical-align: middle; }
.compForm1 {
margin : 0;
padding : 0;
width : 678px;
margin-top : 5px;
}
.resultForm {
margin : 0;
padding : 0;
}
.resultsLeft {
float : left;
padding : 0;
color : #333;
font-family : Verdana;
padding-bottom : 0;
width : 619px;
text-align : left;
background-image : url(../images/liste_barre.png);
font-size : 10px;
padding-left : 5px;
}
.inf {
float : left;
font-size : 13px;
}
.imgTire {
float : left;
font-size : 11px;
color : #333;
}
.imgType {
margin : 3px;
border : 1px solid #f60;
}
.choiceOpt {
width : 185px;
border-right : 0 solid #666;
float : left;
font-family : Verdana;
font-size : 12px;
}
.nbTires {
vertical-align : middle;
margin : 3px;
margin-left : 10px;
font-family : Verdana;
font-size : 11px;
}
.portC {
font-size : 10px;
}
.showPrice {
font-size : 18px;
color : #d00;
font-style : italic;
font-weight : bold;
}
.displayInfos {
height : 95px;
width : 330px;
float : left;
padding-top : 3px;
padding-left : 5px;
font-family : Verdana;
font-size : 10px;
}
table.details {
border-color : #999;
color : #333333;
border-collapse : collapse;
}
table.details th {
background-color : #fc0;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
}
table.details td {
text-align : center;
font-size : 10px;
}
.techTable {
border-color : #666;
color : #333333;
border-collapse : collapse;
width : 80%;
}
.techTable th {
background-color : #666;
font-size : 10px;
color : #fff;
text-align : center;
font-family : Arial;
}
.techTable td {
font-size : 11px;
color : #444;
text-align : left;
}
.bloc1 h1 {
width : 80%;
margin : auto;
background-image : url(../images/bandeJaune.png);
color : #444;
margin-top : 15px;
padding : 0 6px;
text-transform : uppercase;
font-weight : bold;
font-size : 11px;
line-height : 15px;
}
.displayNotation {
width : 320px;
padding : 2px 6px;
}
.checkDisplay {
margin-left : 5px;
margin : 0;
vertical-align : middle;
}
.resultsSearch {
float : left;
width : 305px;
margin : 1px;
}
.searchModuleModified {
width : 730px;
height : 76px;
border : 1px solid #fff;
border-right : 1px solid #ccc;
background-color : #fff;
border-top : 0;
padding-left : 30px;
background-image : url("../images/backEnd.jpg");
}
.interResults {
width : 30px;
float : left;
height : 70px;
}
#rechInfos {
font-size : 11px;
font-family : Verdana;
color : #fff;
width : 760px;
background-color : #006699;
}
.total {
text-align : right;
margin-bottom : 15px;
color : #d00;
font-size : 16px;
font-weight : bold;
margin-right : 0;
height : 47px;
}
.follow {
vertical-align : middle;
}
.in {
margin : 4px;
margin-left : 0;
}
#totFact {
margin-left : 475px;
margin-right : 0;
}
#inCars {
margin-left : 15px;
}
#infosCarsIn {
margin-bottom : 40px;
height : 240px;
background-image : url(../images/fdTire.png);
background-repeat : no-repeat;
float : left;
border : 1px solid #fff;
width : 390px;
margin-top : 25px;
}
#infCars {
margin-top : 190px;
margin-left : 15px;
font-family : Verdana;
font-size : 13px;
}
.buttons {
margin-left : 0;
}
#imgOrder {
margin-top : 15px;
}
#infosCaddy {
margin-top : 7px;
margin-bottom : 7px;
text-align : center;
font-size : 11px;
}
.qtrep {
margin-left : 10px;
font-size : 11px;
text-align : left;
}
#date {
text-align : right;
margin-right : 15px;
margin-left : 300px;
}
#detailsId {
margin-bottom : 5px;
margin-left : 15px;
}
#detailsId1 {
margin-bottom : 5px;
margin-left : 15px;
}
.resultsForm {
margin : auto;
}
.details tr {
font-size : 12px;
}
#resOrders {
margin-top : 15px;
font-family : Verdana;
font-size : 11px;
width : 720px;
margin-left : 36px;
}
.choiceGarage {
color : blue;
cursor : pointer;
margin : 12px;
margin-bottom : 0;
padding : 5px;
background-image : url(../images/fondGarages.png);
color : white;
font-family : Verdana;
font-size : 12px;
}
.garageTyp {
margin : 12px;
margin-top : 1px;
padding : 5px;
background-color : #ddd;
color : #333;
font-family : Verdana;
font-size : 11px;
margin-left : 0;
width : 327px;
}
#showBandes {
padding : 15px;
padding-left : 0;
}
.showGarage td {
font-family : Verdana;
font-size : 12px;
}
.showGarage {
font-family : Verdana;
font-size : 12px;
}
.showGarage td {
padding : 0;
font-size : 11px;
padding-right : 10px;
}
#between {
width : 10px;
height : 100px;
}
.width {
width : 690px;
padding : 5px;
margin-top : 10px;
background-color : #ddd;
}
.width1 {
width : 690px;
padding : 5px;
margin-top : 10px;
background-color : #fff;
}
#pmt {
border : 1px solid white;
text-align : left;
margin-left : 79px;
margin-top : 0;
margin-bottom : 0;
padding-top : 15px;
color : #333;
line-height : 17px;
font-family : Verdana;
font-size : 11px;
}
#deliv {
margin-right : 10px;
}
#form_ {
text-align : center;
color : #d00;
font-weight : bold;
}
#pmtButtons {
text-align : center;
margin-top : 4px;
}
#h1Width {
width : 612px;
}
#imgLogin {
vertical-align : middle;
margin-left : 1px;
margin-right : 4px;
}
.imgNav {
margin-top : 0;
}
#headComp {
width : 760px;
margin-top : 5px;
font-family : Verdana;
font-size : 12px;
margin-left : 0;
}
#blocComp {
margin-left : 2px;
margin-top : 5px;
margin-bottom : 10px;
padding : 0;
}
#paymentImg {
height : 80px;
background-image : url("../images/grayCar.png");
}
#opAcc {
border : none;
margin-bottom : 10px;
margin-top : 10px;
}
#infosPneu {
font-size : 12px;
font-family : Verdana;
border-color : #999;
color : #333333;
border-collapse : collapse;
margin-bottom : 10px;
}
#infosPneu td {
text-align : center;
width : 70px;
}
#infosPneu th {
text-align : center;
background-color : #999999;
color : #ffffff;
padding : 0;
}
#infosPneuTh {
background-color : #374f77;
color : white;
padding : 2px;
margin-left : 10px;
margin-right : 10px;
font-size : 13px;
font-weight : bold;
margin-bottom : 6px;
text-align : right;
padding-right : 125px;
border : 0;
}
#resDet {
margin-bottom : 15px;
border : 0;
}
#Caddy {
margin : 0;
}
#choices {
padding-top : 0;
margin-top : 4px;
}
#flecheSearch {
vertical-align : middle;
}
#infosPneu tr:hover {
background-color : #aaddff;
}
#imgBig {
margin : 25px;
float : left;
margin-top : 0;
margin-left : 10px;
}
#ensemble {
margin-top : 10px;
}
#imgManufact {
margin-left : 25px;
}
.titleConditions {
font-weight : bold;
font-size : 13px;
color : #d00;
margin-top : 15px;
text-decoration : underline;
margin-bottom : 5px;
}
.text {
text-align : justify;
font-size : 12px;
color : #333;
margin-left : 10px;
}
#tablePrix tr td {
padding : 3px 6px;
}
#promoForm {
margin : 0;
padding : 0;
}
.infMail {
margin-left : 20px;
padding-bottom : 3px;
}
.indIMG {
margin-right : 8px;
vertical-align : middle;
}
#infNews {
width : 250px;
font-family : Verdana;
margin-left : 110px;
height : 100px;
color : #333;
margin-top : 5px;
background-position : right;
background-repeat : no-repeat;
}
#imgBank {
margin-left : 23px;
}
.videoFrame {
float : left;
}
#makes {
border-bottom : 1px solid #666;
}
#copyR {
margin-left : 20px;
font-family : Arial;
font-size : 9px;
font-style : italic;
}
#footerNav {
text-align : center;
width : 760px;
border-bottom : 1px solid #666;
padding-bottom : 3px;
font-style : normal;
font-weight : bold;
letter-spacing : normal;
font-size : 10px;
margin-top : 7px;
font-family : Arial;
font-size : 10px;
}
#footerNav span {
margin-right : 8px;
}
#hello {
margin-left : 5px;
}
#disconnect {
margin-left : 5px;
}
#H1Pass {
margin-left : 4px;
margin-top : 30px;
width : 740px;
}
#fieldsPass {
text-align : center;
}
#fieldLabelPass {
text-align : right;
width : 460px;
}
#textCond {
text-align : center;
font-size : 16px;
font-weight : bold;
color : #d00;
}
#formAccountDiv {
width : 300px;
margin-top : 0;
font-family : Verdana;
font-size : 12px;
margin-left : 30px;
padding-right : 25px;
float : left;
}
#orderOptions {
float : right;
width : 310px;
margin-left : 10px;
margin-top : 10px;
height : 280px;
padding-left : 10px;
border-left : 1px dotted #666;
}
#orderFirst {
width : 300px;
padding : 0;
margin-top : 0;
color : #333;
text-align : right;
font-size : 11px;
font-family : Verdana;
}
#order2First {
text-align : left;
color : white;
padding : 3px;
padding-left : 10px;
font-weight : bold;
background-image : url('../images/bande.png');
height : 14px;
}
.order2First_ {
text-align : left;
color : white;
padding : 3px;
padding-left : 10px;
font-size : 10px;
font-weight : bold;
background-image : url('../images/bandeSmall.png');
background-repeat : no-repeat;
border-bottom : 1px solid white;
}
#order3First {
padding : 8px;
background-repeat : no-repeat;
background-color : #cccccc;
border-top : 1px solid white;
}
#orderFirst1 {
width : 300px;
padding : 0;
color : #333;
text-align : right;
margin-top : 6px;
font-size : 11px;
font-family : Verdana;
}
#order1First1 {
text-align : left;
color : white;
padding : 3px;
padding-left : 10px;
font-weight : bold;
background-image : url('../images/bande.png');
height : 14px;
}
#order2First1 {
padding : 8px;
background-repeat : no-repeat;
background-color : #cccccc;
border-top : 1px solid white;
}
#direct {
margin-top : 10px;
text-align : center;
line-height : 15px;
margin-left : 5px;
width : 340px;
}
#factDIV {
padding-bottom : 20px;
width : 350px;
text-align : left;
margin-top : 5px;
margin-bottom : 25px;
float : left;
margin-left : 20px;
font-family : Verdana;
font-size : 11px;
height : 200px;
}
#deliverDIV {
display : none;
padding-bottom : 20px;
width : 350px;
text-align : left;
margin-top : 5px;
margin-bottom : 25px;
float : left;
margin-left : 15px;
font-family : Verdana;
font-size : 11px;
padding-left : 20px;
}
#garagesDIV {
padding-bottom : 20px;
width : 350px;
text-align : left;
margin-left : 15px;
margin-top : 5px;
margin-bottom : 5px;
float : left;
}
#mainCommander {
width : 750px;
margin : auto;
}
#h1deliveryDIV {
width : 320px;
}
#DIVdeliveryDIV {
margin-left : 0;
}
#DIV1 {
border : 1px solid white;
margin-left : 0;
padding-left : 0;
}
#textField {
width : 53px;
text-align : center;
}
.titreF {
width : 163px;
text-align : center;
}
#DIV1div {
margin-left : 0;
padding-left : 0;
}
#sortie {
padding-top : 0;
text-align : right;
padding-right : 50px;
}
.h1Gar {
width : 612px;
margin-bottom : 0;
}
#garagesDivDiv {
margin-left : 0;
padding : 0;
}
#DIVtextField {
width : 52px;
}
#deptsDiv {
margin-left : 0;
padding : 0;
height : 310px;
}
#deptsDivDeliv {
padding-bottom : 5px;
padding-left : 5px;
font-weight : bold;
}
.imgYESno {
margin : 0;
}
.yesIMG {
margin : 0;
margin-left : 2px;
margin-right : 8px;
}
.tdAdresse {
padding-top : 5px;
}
.tdTD {
padding-top : 5px;
}
#DIVBottom {
text-align : center;
font-size : 12px;
font-family : Verdana;
color : #333;
padding : 15px;
width : 592px;
margin : auto;
}
#ValChoiceImg {
text-align : right;
padding-right : 30px;
font-size : 11px;
font-family : Verdana;
margin-top : 10px;
}
#h1_612 {
width : 612px;
}
.interCal {
width : 10px;
height : 50px;
}
#garagesDIV1 {
padding-bottom : 20px;
width : 350px;
border-bottom : 1px solid #333;
text-align : left;
margin-top : 0;
margin-bottom : 5px;
margin-right : 55px;
float : left;
}
#centerDIV {
text-align : center;
}
#preMap {
margin-left : 0;
margin-top : 8px;
padding : 0;
margin-right : 10px;
overflow : visible;
}
#ShowGarages {
width : 375px;
margin-left : 22px;
height : 274px;
float : left;
font-size : 11px;
padding : 15px;
overflow : auto;
}
.mapImage {
margin : 0;
float : right;
}
#preMapGarages {
margin-left : 0;
padding : 0;
height : 310px;
}
#deliverMap {
padding-bottom : 5px;
padding-left : 5px;
font-weight : bold;
}
#fontMap {
font-size : 10px;
color : #d00;
}
.flecheH {
vertical-align : middle;
}
.selSearch {
font-size : 12px;
}
#speed {
font-size : 11px;
border : 1px solid #666666;
}
.sel {
font-size : 11px;
font-weight : bold;
margin-bottom : 4px;
}
#searchPlus {
width : 10px;
height : 80px;
}
#ident {
margin-top : 30px;
text-align : center;
width : 760px;
font-family : Verdana;
font-size : 12px;
}
#identBloc1 {
margin-bottom : 15px;
}
#clic {
font-size : 14px;
color : #0000ff;
text-align : center;
margin-bottom : 15px;
}
.clicColor {
color : #0000ff;
}
#command {
font-size : 14px;
color : #0000ff;
text-align : center;
margin-bottom : 15px;
}
.searchModDiv {
width : 10px;
height : 80px;
}
.Ferr {
margin : 0;
padding : 5px;
padding-left : 10px;
width : 440px;
font-family : Arial, Helvetica, sans-serif;
margin-right : 45px;
}
#labFactu {
width : 53px;
text-align : center;
}
#spLabFactu {
width : 450px;
}
#selKnown {
margin-top : 4px;
}
#rightFrDiv {
height : 375px;
}
#ValImgDiv {
clear : both;
height : 28px;
padding-top : 6px;
text-align : center;
}
.colPass {
font-size : 11px;
color : #333;
}
#redEnstock {
color : #d00;
}
#logoManuf {
border-bottom : 1px solid #666;
text-align : center;
padding-bottom : 10px;
}
#formVoir {
margin : 0;
padding : 0;
}
#backWay {
margin-top : 15px;
text-align : center;
font-size : 12px;
font-family : Verdana;
}
#STtdIma {
padding : 0;
width : 20px;
}
.STtdEye {
width : 25px;
}
#eyeImage {
margin-left : 3px;
}
.thVoir {
width : 20px;
}
.STtdImg {
width : 20px;
}
.thNone {
width : 20px;
}
#imgComp {
margin-top : 0;
margin-left : 503px;
}
#SPStock {
color : #d00;
}
#divBloc1Div {
width : 750px;
margin-top : 5px;
font-family : Verdana;
font-size : 12px;
}
#idDivBloc1 {
width : 706px;
margin-left : 37px;
margin-top : 5px;
margin-bottom : 25px;
padding : 0;
}
.orderComm {
margin : 0;
padding : 0;
background-color : #fff;
margin-top : 0;
border-left : 1px solid #e2e2e2;
font-size : 11px;
font-family : Verdana;
}
.orderComm1 {
background-image : url(../images/bandeJaune.png);
background-repeat : no-repeat;
padding : 3px;
margin : 0;
padding-left : 10px;
color : #666;
font-size : 11px;
font-family : Verdana;
}
.orderCo {
padding-top : 2px;
line-height : 15px;
background-color : #fff;
padding-left : 10px;
padding-top : 3px;
padding-bottom : 0;
line-height : 16px;
float : left;
}
.orderKey1 {
margin : 0;
padding : 0;
}
.orderKey2 {
margin-top : 15px;
}
.allDetailsDiv {
padding-left : 10px;
line-height : 17px;
background-color : #e2e2e2;
margin-left : 220px;
padding-bottom : 3px;
margin-top : 2px;
margin-bottom : 3px;
}
.orderH1 {
margin : 0;
padding : 0;
}
#messageAlert {
margin-top : 50px;
text-align : center;
width : 760px;
margin-top : 50px;
margin-bottom : 50px;
font-family : Verdana;
font-size : 12px;
}
#messBlocAlert {
margin-left : 75px;
margin-right : 75px;
margin-top : 5px;
margin-bottom : 25px;
padding : 0;
}
#SPStock1 {
color : #d00;
}
#backWay1 {
margin-top : 15px;
text-align : center;
}
#promoSPAN {
font-weight : bold;
font-size : 14px;
color : #00d;
}
#promoSPAN1 {
font-size : 14px;
font-weight : bold;
}
.compare {
clear : left;
width : 680px;
margin-left : 50px;
}
#formHidden {
padding : 1px;
color : #666;
}
#hiddenForm {
padding : 0;
margin : 0;
}
#hiddenFormImg {
width : 250px;
clear : left;
float : left;
}
#imageHiddenForm {
vertical-align : middle;
margin-right : 5px;
}
#hiddenFormButton {
padding : 2px;
}
#seasonVeh {
padding : 2px;
border-bottom : 1px solid #666;
color : #00d;
margin : 4px;
}
#seasonVehDiv {
padding : 2px;
border-bottom : 1px solid #666;
color : #00d;
margin : 4px;
text-transform : uppercase;
}
#spanMiddleVeh {
padding-left : 10px;
}
#resMiddleVeh {
margin-left : 30px;
padding : 15px;
line-height : 17px;
font-size : 13px;
font-weight : bold;
}
#sizeMiddleSpan {
padding-left : 10px;
}
#contUs {
float : left;
width : 330px;
border : 1px solid #fff;
margin-left : 30px;
line-height : 18px;
margin-bottom : 25px;
margin-right : 50px;
font-size : 11px;
font-family : Verdana;
height : 290px;
border-right : 1px dotted #999;
}
#contUs1 {
font-size : 11px;
font-family : Verdana;
margin-left : 420px;
}
.contUsSpan {
width : 220px;
margin-top : 10px;
color : #444;
background-color : #e2e2e2;
padding : 2px;
margin-bottom : 3px;
}
.contUsSpan1 {
width : 230px;
margin-top : 10px;
color : #444;
}
#logg {
float : left;
text-align : right;
padding-left : 25px;
font-weight : bold;
text-align : center;
margin-top : 5px;
width : 688px;
font-family : Arial;
}
#logg a {
color : #0033ff;
font-family : Arial;
}
#logg a:hover {
color : #ff3300;
font-family : Arial;
}
#logg a {
color : #ff0000;
font-family : Arial;
}
#promotion {
border-left : 1px solid #666;
height : 170px;
}
#enc {
position : relative;
background-image : url(../images/tireback.png);
background-position : right;
background-repeat : no-repeat;
}
#service {
border-left : 1px solid #666;
background-color : #ddd;
height : 170px;
}
#center1 {
margin-top : 6px;
}
#center2 {
margin-top : 3px;
margin-bottom : 10px;
}
.fontindex {
margin-left : 10px;
}
#imgindex {
position : absolute;
top : 20px;
left : 126px;
}
#indexprice {
margin-left : 18px;
}
#imgorderindex {
position : absolute;
top : 156px;
left : 79px;
}
#enc1 {
margin-right : 0;
}
#enc0 {
margin-left : 3px;
}
#logosfabricants {
margin-left : 10px;
margin-top : 4px;
}
#lineheight {
line-height : 17px;
}
img#message {
display : block;
margin : 5px auto 0;
margin-bottom : 0;
width : 600px;
}
img#message1 {
display : block;
margin : 0 auto;
}
div#accueil {
clear : both;
width : 715px;
margin : auto;
padding-left : 35px;
font-size : 11px;
font-family : Verdana, sans-serif;
}
div#accueil div.encart {
float : left;
width : 228px;
margin-top : 10px;
margin-right : 8px;
}
#contenu1 {
width : 750px;
text-align : center;
margin : auto;
margin-top : 40px;
margin-bottom : 40px;
font-size : 11px;
font-family : Verdana;
font-weight : bold;
}
.formcaddy {
clear : both;
}
.divformcaddy {
width : 30px;
float : left;
}
.formcaddyresultleft {
width : 120px;
float : left;
vertical-align : baseline;
}
.formcaddyfab {
margin-left : 2px;
float : left;
width : 410px;
margin : 0;
padding : 0;
font-size : 12px;
padding-top : 2px;
}
.tsize {
margin-left : 110px;
font-size : 12px;
padding-top : 20px;
}
.zus_txt {position:absolute;
margin-left : 0px;
font-size : 9px;color: #cc6600;
padding-top : 0px;
padding-bottom: 0px;
margin-bottom : 0px;
}

.formcaddyfabimg {
height : 16px;
vertical-align : middle;
}
.divblanc {
float : right;
background-image : url(../images/ligne_horizontale.png);
height : 1px;
width : 609px;
}
.nr_list {
margin-bottom : 7px;
}
.formcaddyimage {
margin : 4px;
margin-bottom : 1px;
}
.formcaddyinfs {
background-image : url(../images/bg_caddy.png);
padding-left : 4px;
font-size : 11px;
color : white;
font-weight : bold;
}
.addcaddyform {
padding-left : 4px;
font-size : 11px;
}
.imageblanche {
background-image : url(../images/ligne_horizontale.png);
height : 1px;
width : 609px;
margin-left : 32px;
}
#main {
margin : auto;
width : 680px;
font-family : Verdana;
font-size : 13px;
}
#conditions {
margin : auto;
width : 750px;
font-family : Verdana;
font-size : 11px;
}
#conditions .condtitle {
margin : 15px;
font-size : 13px;
font-weight : bold;
color : #f30;
text-align : center;
}
#conditions .sommaire {
text-align : left;
font-size : 12px;
margin-left : 50px;
line-height : 17px;
}
#conditions table {
margin-left : 50px;
color : #333;
line-height : 17px;
}
#listSuivi {
margin : auto;
width : 750px;
font-size : 11px;
font-family : Verdana;
}
#listSuivi form {
margin : 0;
padding : 0;
}
#listSuivi .allDetailsDiv {
margin-left : 220px;
border-left : 1px solid #ccc;
font-size : 11px;
font-family : Verdana, sans-serif;
color : #666;
}
#caddySpacer {
clear : left;
margin : auto;
width : 750px;
height : 28px;
background-image : url("../images/bottom.png");
}
#resOrders table.details th {
background-color : #fc0;
font-size : 11px;
}
#resOrders table.details .inputQT {
font-size : 12px;
font-weight : bold;
}
#principalHaut {
margin : auto;
width : 750px;
height : 101px;
background-image : url("../images/top.png");
}
.imgPneuTop {
vertical-align : top;
}
#topCentre {
margin : auto;
width : 750px;
height : 220px;
margin-top : 0;
}
#topCentreUnder {
float : left;
width : 449px;
height : 220px;
background-image : url(../images/middle_left.jpg);
margin-left : 0;
position : relative;
}
#rechercheUnit {
margin-left : 449px;
}
#sousUnit {
background-image : url(../images/middle_right.jpg);
background-repeat : no-repeat;
position : relative;
}
#module {
float : left;
margin-top : 60px;
}
#zoneButton {
margin-left : 130px;
width : 100px;
height : 220px;
}
#zoneButton div {
padding-top : 60px !important;
}
#buttonOkSearch {
margin-top : 65px;
}
#zoneMenu {
clear : left;
margin : auto;
width : 750px;
height : 26px;
background-image : url(../images/bottom.png);
background-repeat : no-repeat;
font-family : Arial;
font-size : 11px;
}
#zoneConnect {
margin-left : 513px;
margin-top : 0;
padding : 0;
text-align : right;
padding-right : 2px;
padding-top : 0;
}
#divFormConnect {
float : left;
margin-top : 3px;
margin-left : 5px;
}
#footerAll {
clear : both;
margin : auto;
width : 740px;
margin-top : 5px;
padding-top : 5px;
font-size : 9px;
font-family : Verdana;
}
#footerNav {
border-top : 1px solid #666;
padding : 5px;
margin-left : 35px;
text-align : center;
font-family : Arial;
font-size : 11px;
font-weight : bold;
width : 695px;
}
#footerCopy {
margin-left : 35px;
}
.redLines {
margin-top : 3px;
margin-left : 10px;
}
.sel {
width : 100px;
font-size : 10px;
font-family : Arial;
padding : 0;
margin : 0;
}
#searchSizes {
margin : 0;
padding : 0;
}
.boitesSelect {
font-size : 10px;
font-family : Verdana;
margin-left : 20px;
margin-bottom : 4px;
}
#premierSelFab {
margin-top : 20px;
}
#premierSel1 {
margin-top : 10px;
}
#allContacter {
width : 750px;
margin : auto;
padding-top : 25px;
}
#sousEnsembleContacter {
margin-left : 30px;
}
#imgTelephone {
vertical-align : middle;
margin-left : 2px;
margin-right : 3px;
}
#fontTel {
font-size : 9px;
font-style : italic;
}
imgFaxCourrier {
vertical-align : middle;
margin-right : 8px;
}
#adresseContact {
margin-left : 37px;
}
#allComparaison {
margin : auto;
width : 750px;
font-size : 11px;
font-family : Verdana;
}
#messageCompare {
margin : 15px;
text-align : center;
font-size : 12px;
font-weight : bold;
}
#choiceOptPadd {
padding : 3px;
}
.spacerDiv {
height : 5px;
}
#tableT p {
margin : 0;
padding : 5px;
}
.bordp {
border-bottom : 1px solid #999;
}
div#mainbox {
margin : auto;
width : 750px;
font-family : Verdana;
}
div#info {
margin-top : 40px;
margin-bottom : 8px;
padding : 15px;
line-height : 18px;
font-size : 12px;
font-family : Verdana;
border : 1px solid #ddd;
}
#ShowGarages .garageTyp {
background-color : #ddd;
font-size : 11px;
font-family : Verdana;
line-height : 17px;
margin-bottom : 8px;
padding-bottom : 5px;
}
#footerNav {
font-size : 10px;
}
#coordonneesGarage {
background-color : #ddd;
padding-top : 5px;
padding-bottom : 5px;
}
#inscriptionPartenaire {
margin : auto;
margin-top : 30px;
margin-bottom : 30px;
width : 387px;
}
.insPart {
margin-bottom : 1px;
text-align : left;
width : 364px;
font-size : 11px;
background-image : url(../images/bande6.png);
color : white;
padding : 3px;
padding-left : 10px;
font-weight : bold;
}
#framePartenaire {
background-color : #ddd;
padding : 5px;
}
.imgValPart {
vertical-align : middle;
}
.fontVal {
font-size : 11px;
font-weight : bold;
}
#totalCompte {
margin : auto;
width : 712px;
padding-left : 38px;
font-family : Verdana;
font-size : 9px;
}
#formCompte {
margin : 15px auto;
}
#blocGauche {
float : left;
width : 350px;
margin-right : 12px;
}
#blocDroite {
float : left;
width : 350px;
}
#blocDroiteIn {
background-color : #ccc;
padding-top : 5px;
height : 280px;
border-top : 1px solid white;
margin-right : 7px;
}
#blocGaucheIn {
background-color : #ccc;
padding-top : 5px;
padding-bottom : 0;
height : 280px;
border-top : 1px solid white;
}
#infosLois {
border : 1px solid #f90;
margin-top : 10px;
padding : 5px;
line-height : 15px;
margin-left : 7px;
background-color : #fc0;
}
.smallFont {
font-size : 9px;
}
.selBottom {
margin-bottom : 2px;
}
.insOubli {
margin-bottom : 1px;
text-align : left;
width : 585px;
font-size : 11px;
background-image : url(../images/bande7.png);
margin : auto;
padding : 10px;
padding-top : 3px;
padding-bottom : 3px;
color : white;
font-weight : bold;
}
#condMail {
margin : 25px;
text-align : center;
line-height : 20px;
text-transform : uppercase;
}
#toutPass {
width : 585px;
margin : auto;
padding : 10px;
line-height : 16px;
margin-bottom : 10px;
margin-top : 1px;
background-color : #ddd;
}
#passUnder {
width : 580px;
padding : 1px;
padding-left : 5px;
margin-bottom : 10px;
}
#oubPass {
margin-top : 12px;
font-size : 11px;
font-family : Verdana;
width : 500px;
text-align : center;
}
#passHide {
width : 585px;
margin : auto;
padding : 10px;
line-height : 16px;
margin-top : 10px;
text-align : center;
}
#imgPass {
vertical-align : middle;
}
#colisBande {
background-image : url(../images/bande9.png);
padding : 3px;
padding-left : 12px;
color : white;
font-family : Verdana;
font-size : 11px;
font-weight : bold;
}
#allColis {
margin : 10px;
padding-top : 25px;
}
#numColis {
padding : 10px;
font-family : Verdana;
font-size : 12px;
color : #333;
border-top : 1px solid white;
background-color : #ddd;
font-weight : bold;
padding-bottom : 30px;
}
#choixGarageTitre {
margin : 20px;
color : #666;
font-size : 14px;
font-family : Verdana;
text-align : center;
}
#cat {
margin-left : 35px;
text-decoration : none;
}
#caddy1 {
vertical-align : middle;
}
#caddy1Div {
width : 290px;
font-family : Arial;
font-size : 12px;
font-weight : bold;
position : absolute;
top : 26px;
text-align : right;
}
#caddy1Div a {
color : #333;
text-decoration : none;
}
#closeWindow {
font-size : 11px;
font-family : Verdana;
}
#merci {
font-family : Verdana;
font-size : 11px;
color : #333;
text-align : center;
margin : 5px;
padding-left : 30px;
padding-right : 30px;
}
#imgMerci {
float : left;
vertical-align : middle;
margin-right : 10px;
}
#divMerci {
padding-top : 6px;
margin-left : 6px;
}
#surveyMain {
width : 450px;
margin : auto;
font-size : 11px;
font-family : Verdana;
padding-top : 20px;
}
.survey {
background-image : url(../images/bande8.png);
margin-top : 5px;
padding : 3px;
color : white;
padding-right : 0;
padding-left : 10px;
font-weight : bold;
}
#divSurvey {
border-top : 1px solid white;
padding : 3px;
background-color : #ddd;
}
.vertAlign {
vertical-align : middle;
}
#surveyChoices {
margin-top : 4px;
}
#subValid {
float : right;
margin-top : 8px;
}
#profSurvey {
font-size : 10px;
font-family : Arial;
}
#kilSurvey {
margin-left : 63px;
font-size : 10px;
font-family : Arial;
}
#propin {
height : 170px;
background-color : #ddd;
display : block;
position : static;
}
#arrow {
vertical-align : middle;
margin : 3px;
}
.alignCaddy {
vertical-align : middle;
}
#popul {
margin-left : 50px;
vertical-align : middle;
}
#res1 {
clear : both;
}
.padd3 {
padding : 3px;
}
.utqgIndices {
text-align : left;
padding : 10px;
color : #222;
line-height : 18px;
}
.garagesShow {
font-size : 11px;
color : #333;
font-weight : normal;
font-family : Verdana;
border-bottom : 1px solid #999;
padding-bottom : 5px;
}
#ital {
font-size : 9px;
color : #d00;
}
#allGarages {
width : 750px;
margin : auto;
padding-top : 25px;
font-family : Verdana;
color : #666;
}
#allGaragesDiv {
margin-left : 30px;
}
#garagesTitres {
font-size : 18px;
color : #00d;
font-weight : bold;
font-family : Verdana;
margin-bottom : 5px;
}
#garTitle {
width : 650px;
margin : auto;
background-image : url(../images/bandeJauneSmall.png);
}
.h1garages {
font-size : 16px;
text-decoration : underline;
}
#livrok_ko {
vertical-align : middle;
}
#adwords {
margin-left : 25px;
border-top : 1px solid #666;
margin-top : 15px;
}
.choixsaison {
margin-right : 8px;
margin-top : 5px;
margin-bottom : 5px;
vertical-align : middle;
}
#column-zero {
float : left;
width : 5px;
background-color : #fff;
margin-left : 0;
margin-right : 1px;
padding-bottom : 10px;
}
#column-one {
float : left;
width : 470px;
background-color : #eee;
margin-left : 5px;
margin-right : 10px;
padding-bottom : 10px;
}
#column-two {
float : left;
width : 282px;
background-color : #eee;
}
form.alt-form #column-one {
width : 400px;
}
form.alt-form #column-two {
width : 352px;
}
.bloc {
font-size : 10px;
margin-left : 0;
}
.bloc2 {
font-size : 10px;
margin-left : 0;
}
.bloc h1 {
clear : both;
background : #516886;
margin : 20px 0;
padding : 0 6px;
text-transform : uppercase;
font-weight : bold;
font-size : 11px;
line-height : 15px;
color : white;
width : 330px;
}
.divbloc {
background-repeat : no-repeat;
padding-top : 2px;
padding-bottom : 3px;
text-transform : uppercase;
font-weight : bold;
font-size : 11px;
font-family : Verdana;
line-height : 15px;
color : white;
width : 340px;
}
.divbloc1 {
background-image : url("../images/bande4.png");
background-repeat : no-repeat;
padding-top : 2px;
padding-bottom : 3px;
text-transform : uppercase;
font-weight : bold;
font-size : 11px;
font-family : Verdana;
line-height : 15px;
color : white;
width : 350px;
}
.divbloc2 {
background-image : url("../images/bande5.png");
background-repeat : no-repeat;
padding-top : 2px;
padding-bottom : 3px;
text-transform : uppercase;
font-weight : bold;
font-size : 11px;
font-family : Verdana;
line-height : 15px;
color : white;
width : 345px;
}
.bloc div {
margin : 3px 5px;
}
.bloc p {
line-height : 16px;
}
#formAccount {
background-color : #fff;
margin : 0;
padding : 0;
}
.bloc div, #formAccount #infos, #formAccount #block-code {
margin : 2px 5px;
clear : left;
}
#formAccount.alt-form .bloc div, #formAccount.alt-form #infos, #formAccount.alt-form #block-code {
margin : 2px 15px;
}
#formAccount #infos {
background-color : #ddd;
margin-top : 15px;
padding : 5px 10px;
line-height : 16px;
}
#formAccount #block-code {
background-color : #fafafa;
}
#formAccount #block-code * {
vertical-align : middle;
}
#formAccount #block-code .textfield {
width : auto;
}
.bloc label {
display : block;
float : left;
width : 140px;
background-color : #eee;
margin-right : 10px;
border : 1px solid #ddd;
padding-right : 5px;
text-align : right;
line-height : 19px;
color : #555;
cursor : pointer;
vertical-align : middle;
}
.bloc2 label {
display : block;
float : left;
width : 140px;
background-color : #ddd;
margin-right : 10px;
border : 1px solid #ddd;
padding-right : 5px;
text-align : right;
line-height : 19px;
color : #555;
cursor : pointer;
vertical-align : middle;
font-size : 9px;
font-family : Verdana;
}
#formAccount .bloc2 span {
display : block;
vertical-align : middle;
}
.bloc2 div {
margin : 3px 5px;
}
#formAccount .bloc span {
display : block;
vertical-align : middle;
}
#formAccount select, #formAccount .textfield, #formAccount .passfield, #formAccount textarea {
border : 1px solid #aaa;
padding : 2px 0;
font : 10px Verdana;
}
#formAccount select {
padding : 2px 0 1px;
}
#formAccount .textfield, #formAccount .passfield {
width : 160px;
padding-left : 2px;
}
#formAccount .bloc .passfield {
width : 80px;
}
#formAccount fieldset {
margin : 2px 40px;
border : none;
}
#formAccount.alt-form fieldset {
margin : 2px 15px;
}
#formAccount legend {
margin : 0;
margin-bottom : 15px;
padding : 0;
color : black;
}
#formAccount .bloc fieldset label {
width : 220px;
}
#formAccount .bloc fieldset div {
margin : 10px 0;
}
#soumission {
clear : both;
margin : 20px 40px 10px;
text-align : right;
}
#logos-paiement {
text-align : center;
}
#logos-paiement img {
vertical-align : middle;
margin-right : 3px;
}
ul#formErrors {
background : white url("../images/warn.gif") no-repeat scroll 30px 10px;
margin : 1px;
margin-bottom : 5px;
margin-top : 5px;
padding : 10px 0 10px 30px;
font-size : 11px;
color : #d00;
width : 630px;
margin-left : 53px;
}
ul#formErrors li {
margin : 1px 0;
}
.voteColor {
margin-bottom : 5px;
border : 1px solid #dddddd;
padding : 0;
}
.voteIMG {
margin : 0;
margin-right : 10px;
margin-left : 4px;
float : left;
}
.voteTXT {
font-size : 10px;
width : 20px;
margin : 0;
background-color : #eeeeee;
border : 1px solid #eeeeee;
margin-top : 2px;
}
#rightFrGar {
margin-left : 404px;
margin-right : 0;
margin-top : 10px;
margin-right : 0;
}
#rightFr {
margin-left : 475px;
margin-right : 0;
margin-top : 10px;
margin-right : 10px;
}
#leftFrGar {
float : left;
margin-bottom : 15px;
margin-top : 10px;
font-size : 10px;
margin-right : 15px;
width : 368px;
margin-left : 22px;
}
#blocGar1 {
background-color : #ddd;
padding-top : 5px;
padding-bottom : 5px;
}
#leftFr {
float : left;
margin-bottom : 15px;
margin-left : 0;
margin-top : 10px;
font-size : 10px;
}
#blocRight1 {
background-color : #ddd;
padding-top : 5px;
padding-bottom : 5px;
margin-right : 5px;
font-size : 10px;
margin-left : 0;
}
#blocRight2 {
background-color : #ddd;
padding-top : 5px;
padding-bottom : 5px;
margin-right : 5px;
font-size : 10px;
margin-left : 0;
}
#blocRight3 {
background-color : #ddd;
padding-top : 5px;
padding-bottom : 5px;
margin-right : 5px;
font-size : 10px;
margin-left : 0;
}
a {
color : #003399;
}
.bloc1 {
font-size : 12px;
margin-left : 0;
}
td.orangehead { background-color:#FFFFFF; font-size:10pt; color:#000000;}
A.orangehead {  font-size:10pt; color:#000000;text-decoration: underline;font-weight:bold}
td.greyhead { background-color:#CCCCCC; font-size:10pt; font-weight:bold; color:#000000;}
td.min { background-color:#FFFFFF; font-size:8pt; color:#000000;}
input {
background-color:white;cursor:hand;
}
.head 		{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none;
background-image: url('../images/back_title2.gif');
}
A.head		{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
A.head:hover 	{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: underline}
A.head:active 	{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
.gelb 		{BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none;
background-image: url('../images/back_title1.gif');
}
A.gelb		{BACKGROUND-COLOR: #FDCE26; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
A.gelb:hover 	{BACKGROUND-COLOR: #FDCE26; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: underline}
A.gelb:active 	{BACKGROUND-COLOR: #FDCE26; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
.sgrey 		{BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
A.sgrey		{BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: underline}
A.sgrey:hover 	{BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: underline}
A.sgrey:active 	{BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,Geneva,Swiss; TEXT-DECORATION: none}
/* ######################################################################################################
** ### Hauptnavigation ##################################################################################
** ######################################################################################################
*/
div.search {
	padding-left: 1em;
	margin: 0em 0em 0em 1em;
}
div.s_pd {
	padding-left: 1em;
	padding-bottom: 0.4em;
}
div.s_opt {
	width:320px;
	margin: 1em 0em 0em 0em;
	background: #eef1f8;
	padding: 0.3em 0.3em 0.3em 0.3em;
}
p.s_head { font-size:1.1em; font-weight: bold; margin: 0.6em 0em 0.5em 0em;}
p.s_op { font-size:1em;  margin: 0.6em 1em 0.5em 1em;}
.s_br
{
	width: 200px;
}
/* ######################################################################################################
** ### Tabellen ##################################################################################
** ######################################################################################################
*/
/* Tabelle Infos rechts */
table.infos_rechts  {	border-collapse: collapse;  border-spacing:0px; margin:0; padding:0;width:276px;  background: #E6E6E6;}
td.infos_r_hl   {margin:0; padding:0;  line-height: 2em; background:  url(../images/menu_top_hl.gif) repeat-x top;text-align:center; color: #000000;  font-size: 1em; font-weight: bold;}
td.infos_rechts_top   {margin:0; padding:0;  line-height: 2em; background:  url(../images/menu_top_rechts.gif) repeat-x top;text-align:center; color: #FFFFFF;  font-size: 1em; font-weight: bold;}
td.infos_rechts_middle   {text-align:block; padding: 0.5em 0em 0em 0.5em;}
td.infos_rechts_down  {  background: #FFFFFF; padding: 0px; background:  url(../images/menu_down_rechts.gif) repeat-x top;}
ul.infos_rechts_middle   {
	margin: 0;
	padding-left	: .8em;
}


td.bg1img  {background: #7F7F7F; background-image: url(../images/hinter_kontakt.gif)}
td.bg2img  {background: #7F7F7F; background-image: url(../images/hinter_kasse.gif)}
td.bg3img  {background: #7F7F7F; background-image: url(../images/hinter_hilfe.gif)}
td.bg4img  {background-image: url(../images/bg_hinter_gelb.jpg)}


/* ######################################################################################################
** ### Hauptnavigation ##################################################################################
** ######################################################################################################
*/
@media all
{
ul#mainnav  {
	margin: 0;
	padding: 0;
	width:186px;
}

#current ul {
	margin: 0;
	padding: 0;
	list-style:  none;
	width:186px;
}



#col1 h2 {margin: 0; padding:0;}
#col1 #mainnav li h2 a {
	display:block;
	width:194px;
	font-size: 75%;
	font-weight:normal;
	border-top: 1px solid #e1e6f2;
	padding: 0em 0em 0em 12px;
	color: #FFFFFF;
	background: #4477AA;
	text-decoration:none;
	}

#current #col1 #mainnav li ul li a {
	display:block;
	width:182px;
	font-weight:normal;
	border-top: 1px solid #FFFFFF;
	padding: 0.3em 0.3em 0.3em 20px;
	color: #FFFFFF;
	font-size:11px;
	text-decoration:none;
	}



#current #col1 #mainnav li h2 a.current:hover, #col1 #mainnav li h2 a.current:hover, #current #col1 #mainnav li h2 a.current:hover {background: #84A9CE;}
#current #col1 #mainnav li h2 a.current {background: #84A9CE;color: #fff; }
#current #col1 #mainnav li ul li a {background: #5088BF;color: #fff;}
#current #col1 #mainnav li ul li a:hover {background: #808080;color: #fff; }
#current #col1 #mainnav li ul li a.current {background: #B8CDE2;color: #fff; }



#first #col1 #mainnav li h2 a.first:hover,  #col1 #mainnav li h2 a.first:hover, #sommer #col1 #mainnav li h2 a.first:hover {background: #808080; }
#first #col1 #mainnav li h2 a.current {background: #d34b28;color: #fff;}
#first #col1 #mainnav li ul li a {background: #f6d4be;}
#first #col1 #mainnav li ul li a:hover {background: #eaa780;color: #000; }
#first #col1 #mainnav li ul li a.current {background: #eaa780;color: #000; }
}

/* ######################################################################################################
** ### Komplettrad Konfigurator Styles ##################################################################
** ######################################################################################################
*/

#felgenbezeichung_unter_bild {
		height:17px;
		background-image:url(../img/bg_felgen_modell.jpg);
			}

#felgenbezeichung_unter_bild_text {
		padding: 2px 0px 0px 5px;
		font-weight: bold;
		}

#felgenauswahl_aendern {
	    float:right;
        position:right;
        font-weight: bold;
		}

#reifenauswahl_aendern {
	 	font-weight: bold;
		}

#felge_gross_auswahl {
		margin: 10px 20px 10px 0px;
		height:288px;
		width:251px;
		background-image:url(../img/bg_anzeige_gr.jpg);
		}

#felge_gross_auswahl_1 {
		padding-top: 5px;
		padding-left: 5px;
        font-weight: bold;
        }

#felge_gross_auswahl_2 {
		padding-top: 2px;
		padding-left: 5px;
		line-height: 14px;
        font-weight: bold;
        font-size: 11px;
		}

#felge_gross_auswahl_3 {
		margin: 2px 0px 0px 28px;
		}

#felge_gross_auswahl_4 {
		margin: 0px 5px 0px 5px;
		}

#felge_klein_auswahl {
		margin: 10px 0px 10px 0px;
		height:237px;
		width:145px;
		background-image:url(../img/bg_anzeige_kl.jpg);
		}

td.felge_klein_auswahl {
		vertical-align: bottom;
        padding: 0px 10px 0px 0px;
		}

#felge_klein_auswahl_1 {
		text-align: center;
     	}

#felge_klein_auswahl_1 a {
	    text-decoration: none;
        font-size: 11px;
        font-weight: bold;
		color: #000000;
		}

#felge_klein_auswahl_1 a:hover{
		color: #797979;
	   }

#felge_klein_auswahl_2 {
		padding-top: 5px;
		padding-left: 5px;
        font-weight: bold;
       	}

#felge_klein_auswahl_3 {
		padding-top: 2px;
		padding-left: 5px;
		line-height: 14px;
        font-weight: bold;
        font-size: 11px;
		}

#felge_klein_auswahl_4 {
		margin: 2px 0px 0px 12px;
        height: 125px;
		}

#felge_klein_auswahl_5 {
    	margin: 0px 5px 0px 5px;
		}

#uebersicht_reifen {
        height:73px;
		width: 681px;
		background-image:url(../img/bg_uebersicht.jpg);
        }

#uebersicht_reifen_1 {
        height:30px;
		width: 681px;
		background-image:url(../img/bg_uebersicht_1.jpg);
        }

td.uebersicht_head_txt_1 {
        width: 351px;
        font-weight: bold;
        margin-top : 4px;
        }

td.uebersicht_eigenschaft_txt_1 {
        width: 300px;
        margin-top : 4px;
        font-size : 9px;
        text-align: right;
        }

td.uebersicht_zus_txt_1 {
        font-size : 9px;
        color: #cc6600;
        }

td.uebersicht_groesse_txt_1 {
        width: 300px;
        font-size : 12px;
        padding-top : 0px;
        font-weight: bold;
        padding-left : 30px;
        }

#uebersicht_groesse {
        margin-left : 35px;
        font-size : 12px;
        padding-top : 0px;
        }

#uebersicht_price   {
	   font-size: 14px;
	   font-weight: bold;
	   text-align: right;
	   margin-top: 0px;
	   margin-bottom: 0px;
	   margin-right: 10px;
       font-style: italic;
        }

#uebersicht_head_txt {
        font-weight: bold;
        margin-top : 8px;
        }

#uebersicht_zus_txt {
        margin-left : 110px;
        font-size : 9px;
        color: #cc6600;
        }

#uebersicht_eigenschaft_txt {
        margin-top : 6px;
        font-size : 9px;
        }

td.details_beschreibung_top {
        margin-top : 6px;
		padding-left: 5px;
        height:23px;
		background-image:url(../img/bg_detail_tabelle.jpg);
        }

/* ######################################################################################################
** ### Komplettrad HSN_TSN ##############################################################################
** ######################################################################################################
*/

.selectBoxContainer {
	FLOAT: left; WIDTH: auto; MARGIN-RIGHT: 5px
}
.miniTableContainer {
	CLEAR: left; FLOAT: left
}
.miniTableContainer TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; CURSOR: pointer; PADDING-TOP: 2px
}
.vehicle_filter_wrapper {
	FLOAT: left; BACKGROUND-COLOR: white
}
.typeBox .content {
	BORDER-RIGHT: #94969c 1px solid; BORDER-TOP: #94969c 1px solid; OVERFLOW-Y: auto; OVERFLOW-X: hidden; BORDER-LEFT: #94969c 1px solid; WIDTH: 350px; BORDER-BOTTOM: #94969c 1px solid; HEIGHT: 360px
}
.filter_header {
	CLEAR: both; DISPLAY: none; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; MARGIN: 12px 0px 0px 12px; WIDTH: auto
}
.makeBox {
	MARGIN-LEFT: 5px
}
.modelSelect {
	WIDTH: 170px; HEIGHT: 360px
}
.makeSelect {
	WIDTH: 130px; HEIGHT: 360px
}
.miniTableContainer TABLE {
	WIDTH: 100%
}
.modelBox {
	DISPLAY: none
}
.typeBox {
	DISPLAY: none
}
.typeBoxHeader {
	DISPLAY: none
}
.series_engineTable {
	TEXT-ALIGN: right
}
.right_side {
	RIGHT: 0px; MARGIN-RIGHT: 12px; POSITION: absolute
}
.right_side_hide {
	RIGHT: -320px; FILTER: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7
}
.right_side_lookup {
	RIGHT: -305px; FILTER: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1
}
.direct_search_wrapper {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 12px; PADDING-TOP: 12px
}
.select_search_wrapper {
	BORDER-RIGHT: #909799 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #909799 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 12px; BORDER-LEFT: #909799 1px solid; PADDING-TOP: 12px; BORDER-BOTTOM: #909799 1px solid; HEIGHT: 270px
}
.borderText {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 12px; MARGIN-LEFT: 12px; CURSOR: hand; COLOR: white; PADDING-TOP: 12px; HEIGHT: 272px; BACKGROUND-COLOR: #909799; TEXT-ALIGN: center
}
.sn_search {
	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #ecf4e7
}
.sn_search TD {
	BORDER-RIGHT: #8dc391 1px solid; BORDER-TOP: #8dc391 1px solid; BORDER-LEFT: #8dc391 0px solid; BORDER-BOTTOM: #8dc391 0px solid
}
.black_text {
	FONT-WEIGHT: bold; FONT-SIZE: 14px! important; COLOR: #333333; TEXT-INDENT: 7px; FONT-FAMILY: 'Courier New', 'courier','Times New Roman',times,serif
}
.fz_desc_text {
	FONT-WEIGHT: bold; COLOR: #65b36b; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #ecf4e7; TEXT-ALIGN: center
}
.fz_desc_text_small {
	FONT-WEIGHT: bold; COLOR: #65b36b; FONT-FAMILY: Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #ecf4e7; TEXT-ALIGN: center
}
.fz_desc_text_small {
	FONT-SIZE: 10px
}
.fz_header {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-INDENT: 0px; BORDER-RIGHT-WIDTH: 0px
}
.fz_first_td {
	BORDER-LEFT-WIDTH: 1px! important
}
.fz_last_row TD {
	BORDER-BOTTOM-WIDTH: 1px
}
.sn_search_green_row {
	BACKGROUND-COLOR: #cfe4c2
}
.type_kba_search {
	FLOAT: left; WIDTH: 50px; TEXT-ALIGN: center
}
.sn_search INPUT {
	BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; FLOAT: left; BORDER-LEFT: red 1px solid; WIDTH: 100%; BORDER-BOTTOM: red 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
#HSN {
	WIDTH: 50px; TEXT-INDENT: 0px
}
#TSN {
	WIDTH: 90px; TEXT-INDENT: 0px
}
#type_kba {
	WIDTH: 110px
}
.type_kba {
	MARGIN-TOP: 6px; FLOAT: left; WIDTH: 100px; TEXT-ALIGN: left
}
.sn_search_wrapper {
	CLEAR: both; FLOAT: left; WIDTH: 350px
}
.type_search_wrapper {
	CLEAR: both; MARGIN-TOP: 24px; FLOAT: left; MARGIN-LEFT: 7px
}
.type_search_wrapper {
	MARGIN-TOP: 4px; MARGIN-LEFT: 16px
}
.type_search_description {
	WIDTH: 300px
}
.prod_years_cell {
	WIDTH: 75px
}
.type_kba_cell {
	FONT-WEIGHT: bold; WIDTH: 50px
}
.series_name_cell {
	WIDTH: 85%
}
/* This notice must be untouched at all times.

wz_tooltip.js    v. 3.45

The latest version is available at
http://www.walterzorn.com
or http://www.devira.com
or http://www.walterzorn.de

Copyright (c) 2002-2005 Walter Zorn. All rights reserved.
Created 1. 12. 2002 by Walter Zorn (Web: http://www.walterzorn.com )
Last modified: 17. 2. 2007

Cross-browser tooltips working even in Opera 5 and 6,
as well as in NN 4, Gecko-Browsers, IE4+, Opera 7+ and Konqueror.
No onmouseouts required.
Appearance of tooltips can be individually configured
via commands within the onmouseovers.

LICENSE: LGPL

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License (LGPL) as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

For more details on the GNU Lesser General Public License,
see http://www.gnu.org/copyleft/lesser.html
*/



////////////////  GLOBAL TOOPTIP CONFIGURATION  /////////////////////
var ttAbove       = false;        // tooltip above mousepointer? Alternative: true
var ttBgColor     = "#e6ecff";
var ttBgImg       = "";           // path to background image;
var ttBorderColor = "#003399";
var ttBorderWidth = 1;
var ttClickClose  = false;
var ttDelay       = 500;          // time span until tooltip shows up [milliseconds]
var ttFontColor   = "#000066";
var ttFontFace    = "arial,helvetica,sans-serif";
var ttFontSize    = "11px";
var ttFontWeight  = "normal";     // alternative: "bold";
var ttLeft        = false;        // tooltip on the left of the mouse? Alternative: true
var ttOffsetX     = 12;           // horizontal offset of left-top corner from mousepointer
var ttOffsetY     = 15;           // vertical offset                   "
var ttOpacity     = 100;          // opacity of tooltip in percent (must be integer between 0 and 100)
var ttPadding     = 3;            // spacing between border and content
var ttShadowColor = "";
var ttShadowWidth = 0;
var ttStatic      = false;        // tooltip NOT move with the mouse? Alternative: true
var ttSticky      = false;        // do NOT hide tooltip on mouseout? Alternative: true
var ttTemp        = 0;            // time span after which the tooltip disappears; 0 (zero) means "infinite timespan"
var ttTextAlign   = "left";
var ttTitleColor  = "#ffffff";    // color of caption text
var ttWidth       = 300;
////////////////////  END OF TOOLTIP CONFIG  ////////////////////////



//////////////  TAGS WITH TOOLTIP FUNCTIONALITY  ////////////////////
// List may be extended or shortened:
var tt_tags = new Array("a","area","b","big","caption","center","code","dd","div","dl","dt","em","h1","h2","h3","h4","h5","h6","i","img","input","li","map","ol","p","pre","s", "select", "small","span","strike","strong","sub","sup","table","td","textarea","th","tr","tt","u","var","ul","layer");
/////////////////////////////////////////////////////////////////////



///////// DON'T CHANGE ANYTHING BELOW THIS LINE /////////////////////
var tt_obj = null,         // current tooltip
tt_ifrm = null,            // iframe to cover windowed controls in IE
tt_objW = 0, tt_objH = 0,  // width and height of tt_obj
tt_objX = 0, tt_objY = 0,
tt_offX = 0, tt_offY = 0,
xlim = 0, ylim = 0,        // right and bottom borders of visible client area
tt_sup = false,            // true if T_ABOVE cmd
tt_sticky = false,         // tt_obj sticky?
tt_wait = false,
tt_act = false,            // tooltip visibility flag
tt_sub = false,            // true while tooltip below mousepointer
tt_u = "undefined",
tt_mf = null,              // stores previous mousemove evthandler
// Opera: disable href when hovering <a>
tt_tag = null;             // stores hovered dom node, href and previous statusbar txt


var tt_db = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null,
tt_n = navigator.userAgent.toLowerCase(),
tt_nv = navigator.appVersion;
// Browser flags
var tt_op = !!(window.opera && document.getElementById),
tt_op6 = tt_op && !document.defaultView,
tt_op7 = tt_op && !tt_op6,
tt_ie = tt_n.indexOf("msie") != -1 && document.all && tt_db && !tt_op,
//tt_ie7 = tt_ie && typeof document.body.style.maxHeight != tt_u,
tt_ie6 = tt_ie && parseFloat(tt_nv.substring(tt_nv.indexOf("MSIE")+5)) >= 5.5,
tt_ie7 = tt_ie && !tt_ie6,
tt_n4 = (document.layers && typeof document.classes != tt_u),
tt_n6 = (!tt_op && document.defaultView && typeof document.defaultView.getComputedStyle != tt_u),
tt_w3c = !tt_ie && !tt_n6 && !tt_op && document.getElementById,
tt_ce = document.captureEvents && !tt_n6;

function tt_Int(t_x)
{
	var t_y;
	return isNaN(t_y = parseInt(t_x))? 0 : t_y;
}
function wzReplace(t_x, t_y)
{
	var t_ret = "",
	t_str = this,
	t_xI;
	while((t_xI = t_str.indexOf(t_x)) != -1)
	{
		t_ret += t_str.substring(0, t_xI) + t_y;
		t_str = t_str.substring(t_xI + t_x.length);
	}
	return t_ret+t_str;
}
String.prototype.wzReplace = wzReplace;
function tt_N4Tags(tagtyp, t_d, t_y)
{
	t_d = t_d || document;
	t_y = t_y || new Array();
	var t_x = (tagtyp=="a")? t_d.links : t_d.layers;
	for(var z = t_x.length; z--;) t_y[t_y.length] = t_x[z];
	for(z = t_d.layers.length; z--;) t_y = tt_N4Tags(tagtyp, t_d.layers[z].document, t_y);
	return t_y;
}
function tt_Htm(tt, t_id, txt)
{
	var t_bgc = (typeof tt.T_BGCOLOR != tt_u)? tt.T_BGCOLOR : ttBgColor,
	t_bgimg   = (typeof tt.T_BGIMG != tt_u)? tt.T_BGIMG : ttBgImg,
	t_bc      = (typeof tt.T_BORDERCOLOR != tt_u)? tt.T_BORDERCOLOR : ttBorderColor,
	t_bw      = (typeof tt.T_BORDERWIDTH != tt_u)? tt.T_BORDERWIDTH : ttBorderWidth,
	t_ff      = (typeof tt.T_FONTFACE != tt_u)? tt.T_FONTFACE : ttFontFace,
	t_fc      = (typeof tt.T_FONTCOLOR != tt_u)? tt.T_FONTCOLOR : ttFontColor,
	t_fsz     = (typeof tt.T_FONTSIZE != tt_u)? tt.T_FONTSIZE : ttFontSize,
	t_fwght   = (typeof tt.T_FONTWEIGHT != tt_u)? tt.T_FONTWEIGHT : ttFontWeight,
	t_opa     = (typeof tt.T_OPACITY != tt_u)? tt.T_OPACITY : ttOpacity,
	t_padd    = (typeof tt.T_PADDING != tt_u)? tt.T_PADDING : ttPadding,
	t_shc     = (typeof tt.T_SHADOWCOLOR != tt_u)? tt.T_SHADOWCOLOR : (ttShadowColor || 0),
	t_shw     = (typeof tt.T_SHADOWWIDTH != tt_u)? tt.T_SHADOWWIDTH : (ttShadowWidth || 0),
	t_algn    = (typeof tt.T_TEXTALIGN != tt_u)? tt.T_TEXTALIGN : ttTextAlign,
	t_tit     = (typeof tt.T_TITLE != tt_u)? tt.T_TITLE : "",
	t_titc    = (typeof tt.T_TITLECOLOR != tt_u)? tt.T_TITLECOLOR : ttTitleColor,
	t_w       = (typeof tt.T_WIDTH != tt_u)? tt.T_WIDTH  : ttWidth;
	if(t_shc || t_shw)
	{
		t_shc = t_shc || "#c0c0c0";
		t_shw = t_shw || 5;
	}
	if(tt_n4 && (t_fsz == "10px" || t_fsz == "11px")) t_fsz = "12px";

	var t_optx = (tt_n4? '' : tt_n6? ('-moz-opacity:'+(t_opa/100.0)) : tt_ie? ('filter:Alpha(opacity='+t_opa+')') : ('opacity:'+(t_opa/100.0))) + ';';
	var t_y = '<div id="'+t_id+'" style="position:absolute;z-index:1010;';
	t_y += 'left:0px;top:0px;width:'+(t_w+t_shw)+'px;visibility:'+(tt_n4? 'hide' : 'hidden')+';'+t_optx+'">' +
		'<table border="0" cellpadding="0" cellspacing="0"'+(t_bc? (' bgcolor="'+t_bc+'" style="background:'+t_bc+';"') : '')+' width="'+t_w+'">';
	if(t_tit)
	{
		t_y += '<tr><td style="padding-left:3px;padding-right:3px;" align="'+t_algn+'"><font color="'+t_titc+'" face="'+t_ff+'" ' +
			'style="color:'+t_titc+';font-family:'+t_ff+';font-size:'+t_fsz+';"><b>' +
			(tt_n4? '&nbsp;' : '')+t_tit+'</b></font></td></tr>';
	}
	t_y += '<tr><td><table border="0" cellpadding="'+t_padd+'" cellspacing="'+t_bw+'" width="100%">' +
		'<tr><td'+(t_bgc? (' bgcolor="'+t_bgc+'"') : '')+(t_bgimg? ' background="'+t_bgimg+'"' : '')+' style="text-align:'+t_algn+';';
	if(tt_n6) t_y += 'padding:'+t_padd+'px;';
	t_y += '" align="'+t_algn+'"><font color="'+t_fc+'" face="'+t_ff+'"' +
		' style="color:'+t_fc+';font-family:'+t_ff+';font-size:'+t_fsz+';font-weight:'+t_fwght+';">';
	if(t_fwght == 'bold') t_y += '<b>';
	t_y += txt;
	if(t_fwght == 'bold') t_y += '</b>';
	t_y += '</font></td></tr></table></td></tr></table>';
	if(t_shw)
	{
		var t_spct = Math.round(t_shw*1.3);
		if(tt_n4)
		{
			t_y += '<layer bgcolor="'+t_shc+'" left="'+t_w+'" top="'+t_spct+'" width="'+t_shw+'" height="0"></layer>' +
				'<layer bgcolor="'+t_shc+'" left="'+t_spct+'" align="bottom" width="'+(t_w-t_spct)+'" height="'+t_shw+'"></layer>';
		}
		else
		{
			t_optx = tt_n6? '-moz-opacity:0.85;' : tt_ie? 'filter:Alpha(opacity=85);' : 'opacity:0.85;';
			t_y += '<div id="'+t_id+'R" style="position:absolute;background:'+t_shc+';left:'+t_w+'px;top:'+t_spct+'px;width:'+t_shw+'px;height:1px;overflow:hidden;'+t_optx+'"></div>' +
				'<div style="position:relative;background:'+t_shc+';left:'+t_spct+'px;top:0px;width:'+(t_w-t_spct)+'px;height:'+t_shw+'px;overflow:hidden;'+t_optx+'"></div>';
		}
	}
	return(t_y+'</div>');
}
function tt_EvX(t_e)
{
	var t_y = tt_Int(t_e.pageX || t_e.clientX || 0) +
		tt_Int(tt_ie? tt_db.scrollLeft : 0) +
		tt_offX;
	if(t_y > xlim) t_y = xlim;
	var t_scr = tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0);
	if(t_y < t_scr) t_y = t_scr;
	return t_y;
}
function tt_EvY(t_e)
{
	var t_y2;

	var t_y = tt_Int(t_e.pageY || t_e.clientY || 0) +
		tt_Int(tt_ie? tt_db.scrollTop : 0);
	if(tt_sup && (t_y2 = t_y - (tt_objH + tt_offY - 15)) >= tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0))
		t_y -= (tt_objH + tt_offY - 15);
	else if(t_y > ylim || !tt_sub && t_y > ylim-24)
	{
		t_y -= (tt_objH + 5);
		tt_sub = false;
	}
	else
	{
		t_y += tt_offY;
		tt_sub = true;
	}
	return t_y;
}
function tt_ReleasMov()
{
	if(document.onmousemove == tt_Move)
	{
		if(!tt_mf && tt_ce) document.releaseEvents(Event.MOUSEMOVE);
		document.onmousemove = tt_mf;
	}
}
function tt_ShowIfrm(t_x)
{
	if(!tt_obj || !tt_ifrm) return;
	if(t_x)
	{
		tt_ifrm.style.width = tt_objW+'px';
		tt_ifrm.style.height = tt_objH+'px';
		tt_ifrm.style.display = "block";
	}
	else tt_ifrm.style.display = "none";
}
function tt_GetDiv(t_id)
{
	return(
		tt_n4? (document.layers[t_id] || null)
		: tt_ie? (document.all[t_id] || null)
		: (document.getElementById(t_id) || null)
	);
}
function tt_GetDivW()
{
	return tt_Int(
		tt_n4? tt_obj.clip.width
		: (tt_obj.offsetWidth || tt_obj.style.pixelWidth)
	);
}
function tt_GetDivH()
{
	return tt_Int(
		tt_n4? tt_obj.clip.height
		: (tt_obj.offsetHeight || tt_obj.style.pixelHeight)
	);
}

// Compat with DragDrop Lib: Ensure that z-index of tooltip is lifted beyond toplevel dragdrop element
function tt_SetDivZ()
{
	var t_i = tt_obj.style || tt_obj;
	if(t_i)
	{
		if(window.dd && dd.z)
			t_i.zIndex = Math.max(dd.z+1, t_i.zIndex);
		if(tt_ifrm) tt_ifrm.style.zIndex = t_i.zIndex-1;
	}
}
function tt_SetDivPos(t_x, t_y)
{
	var t_i = tt_obj.style || tt_obj;
	var t_px = (tt_op6 || tt_n4)? '' : 'px';
	t_i.left = (tt_objX = t_x) + t_px;
	t_i.top = (tt_objY = t_y) + t_px;
	//  window... to circumvent the FireFox Alzheimer Bug
	if(window.tt_ifrm)
	{
		tt_ifrm.style.left = t_i.left;
		tt_ifrm.style.top = t_i.top;
	}
}
function tt_ShowDiv(t_x)
{
	tt_ShowIfrm(t_x);
	if(tt_n4) tt_obj.visibility = t_x? 'show' : 'hide';
	else tt_obj.style.visibility = t_x? 'visible' : 'hidden';
	tt_act = t_x;
}
function tt_DeAlt(t_tag)
{
	if(t_tag)
	{
		if(t_tag.alt) t_tag.alt = "";
		if(t_tag.title) t_tag.title = "";
		var t_c = t_tag.children || t_tag.childNodes || null;
		if(t_c)
		{
			for(var t_i = t_c.length; t_i; )
				tt_DeAlt(t_c[--t_i]);
		}
	}
}
function tt_OpDeHref(t_e)
{
	var t_tag;
	if(t_e)
	{
		t_tag = t_e.target;
		while(t_tag)
		{
			if(t_tag.hasAttribute("href"))
			{
				tt_tag = t_tag
				tt_tag.t_href = tt_tag.getAttribute("href");
				tt_tag.removeAttribute("href");
				tt_tag.style.cursor = "hand";
				tt_tag.onmousedown = tt_OpReHref;
				tt_tag.stats = window.status;
				window.status = tt_tag.t_href;
				break;
			}
			t_tag = t_tag.parentElement;
		}
	}
}
function tt_OpReHref()
{
	if(tt_tag)
	{
		tt_tag.setAttribute("href", tt_tag.t_href);
		window.status = tt_tag.stats;
		tt_tag = null;
	}
}
function tt_Show(t_e, t_id, t_sup, t_clk, t_delay, t_fix, t_left, t_offx, t_offy, t_static, t_sticky, t_temp)
{
	if(tt_obj) tt_Hide();
	tt_mf = document.onmousemove || null;
	if(window.dd && (window.DRAG && tt_mf == DRAG || window.RESIZE && tt_mf == RESIZE)) return;
	var t_sh, t_h;

	tt_obj = tt_GetDiv(t_id);
	if(tt_obj)
	{
		t_e = t_e || window.event;
		tt_sub = !(tt_sup = t_sup);
		tt_sticky = t_sticky;
		tt_objW = tt_GetDivW();
		tt_objH = tt_GetDivH();
		tt_offX = t_left? -(tt_objW+t_offx) : t_offx;
		tt_offY = t_offy;
		if(tt_op7) tt_OpDeHref(t_e);
		if(tt_n4)
		{
			if(tt_obj.document.layers.length)
			{
				t_sh = tt_obj.document.layers[0];
				t_sh.clip.height = tt_objH - Math.round(t_sh.clip.width*1.3);
			}
		}
		else
		{
			t_sh = tt_GetDiv(t_id+'R');
			if(t_sh)
			{
				t_h = tt_objH - tt_Int(t_sh.style.pixelTop || t_sh.style.top || 0);
				if(typeof t_sh.style.pixelHeight != tt_u) t_sh.style.pixelHeight = t_h;
				else t_sh.style.height = t_h+'px';
			}
		}

		xlim = tt_Int((tt_db && tt_db.clientWidth)? tt_db.clientWidth : window.innerWidth) +
			tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0) -
			tt_objW -
			(tt_n4? 21 : 0);
		ylim = tt_Int(window.innerHeight || tt_db.clientHeight) +
			tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0) -
			tt_objH - tt_offY;

		tt_SetDivZ();
		if(t_fix) tt_SetDivPos(tt_Int((t_fix = t_fix.split(','))[0]), tt_Int(t_fix[1]));
		else tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));

		var t_txt = 'tt_ShowDiv(\'true\');';
		if(t_sticky) t_txt += '{'+
				'tt_ReleasMov();'+
				(t_clk? ('window.tt_upFunc = document.onmouseup || null;'+
				'if(tt_ce) document.captureEvents(Event.MOUSEUP);'+
				'document.onmouseup = new Function("window.setTimeout(\'tt_Hide();\', 10);");') : '')+
			'}';
		else if(t_static) t_txt += 'tt_ReleasMov();';
		if(t_temp > 0) t_txt += 'window.tt_rtm = window.setTimeout(\'tt_sticky = false; tt_Hide();\','+t_temp+');';
		window.tt_rdl = window.setTimeout(t_txt, t_delay);

		if(!t_fix)
		{
			if(tt_ce) document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = tt_Move;
		}
	}
}
var tt_area = false;
function tt_Move(t_ev)
{
	if(!tt_obj) return;
	if(tt_n6 || tt_w3c)
	{
		if(tt_wait) return;
		tt_wait = true;
		setTimeout('tt_wait = false;', 5);
	}
	var t_e = t_ev || window.event;
	tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));
	if(window.tt_op6)
	{
		if(tt_area && t_e.target.tagName != 'AREA') tt_Hide();
		else if(t_e.target.tagName == 'AREA') tt_area = true;
	}
}
function tt_Hide()
{
	if(window.tt_obj)
	{
		if(window.tt_rdl) window.clearTimeout(tt_rdl);
		if(!tt_sticky || !tt_act)
		{
			if(window.tt_rtm) window.clearTimeout(tt_rtm);
			tt_ShowDiv(false);
			tt_SetDivPos(-tt_objW, -tt_objH);
			tt_obj = null;
			if(typeof window.tt_upFunc != tt_u) document.onmouseup = window.tt_upFunc;
		}
		tt_sticky = false;
		if(tt_op6 && tt_area) tt_area = false;
		tt_ReleasMov();
		if(tt_op7) tt_OpReHref();
	}
}
function tt_Init()
{
	if(!(tt_op || tt_n4 || tt_n6 || tt_ie || tt_w3c)) return;

	var htm = tt_n4? '<div style="position:absolute;"></div>' : '',
	tags,
	t_tj,
	over,
	t_b,
	esc = 'return escape(';
	for(var i = tt_tags.length; i;)
	{--i;
		tags = tt_ie? (document.all.tags(tt_tags[i]) || 1)
			: document.getElementsByTagName? (document.getElementsByTagName(tt_tags[i]) || 1)
			: (!tt_n4 && tt_tags[i]=="a")? document.links
			: 1;
		if(tt_n4 && (tt_tags[i] == "a" || tt_tags[i] == "layer")) tags = tt_N4Tags(tt_tags[i]);
		for(var j = tags.length; j;)
		{--j;
			if(typeof (t_tj = tags[j]).onmouseover == "function" && t_tj.onmouseover.toString().indexOf(esc) != -1 && !tt_n6 || tt_n6 && (over = t_tj.getAttribute("onmouseover")) && over.indexOf(esc) != -1)
			{
				if(over) t_tj.onmouseover = new Function(over);
				var txt = unescape(t_tj.onmouseover());
				htm += tt_Htm(
					t_tj,
					"tOoLtIp"+i+""+j,
					txt.wzReplace("& ","&")
				);
				// window. to circumvent the FF Alzheimer Bug
				t_tj.onmouseover = new Function('e',
					'if(window.tt_Show && tt_Show) tt_Show(e,'+
					'"tOoLtIp' +i+''+j+ '",'+
					((typeof t_tj.T_ABOVE != tt_u)? t_tj.T_ABOVE : ttAbove)+','+
					((typeof t_tj.T_CLICKCLOSE != tt_u)? t_tj.T_CLICKCLOSE : ttClickClose)+','+
					((typeof t_tj.T_DELAY != tt_u)? t_tj.T_DELAY : ttDelay)+','+
					((typeof t_tj.T_FIX != tt_u)? '"'+t_tj.T_FIX+'"' : '""')+','+
					((typeof t_tj.T_LEFT != tt_u)? t_tj.T_LEFT : ttLeft)+','+
					((typeof t_tj.T_OFFSETX != tt_u)? t_tj.T_OFFSETX : ttOffsetX)+','+
					((typeof t_tj.T_OFFSETY != tt_u)? t_tj.T_OFFSETY : ttOffsetY)+','+
					((typeof t_tj.T_STATIC != tt_u)? t_tj.T_STATIC : ttStatic)+','+
					((typeof t_tj.T_STICKY != tt_u)? t_tj.T_STICKY : ttSticky)+','+
					((typeof t_tj.T_TEMP != tt_u)? t_tj.T_TEMP : ttTemp)+
					');'
				);
				t_tj.onmouseout = tt_Hide;
				tt_DeAlt(t_tj);
			}
		}
	}
	if(tt_ie6) htm += '<iframe id="TTiEiFrM" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>';
	t_b = document.getElementsByTagName? document.getElementsByTagName("body")[0] : tt_db;
	if(t_b && t_b.insertAdjacentHTML) t_b.insertAdjacentHTML("AfterBegin", htm);
	else if(t_b && typeof t_b.innerHTML != tt_u && document.createElement && t_b.appendChild)
	{
		var t_el = document.createElement("div");
		t_b.appendChild(t_el);
		t_el.innerHTML = htm;
	}
	else
		document.write(htm);
	if(document.getElementById) tt_ifrm = document.getElementById("TTiEiFrM");
}
tt_Init();
var queryIsRunning = false;


$(document).ready(function (){
    fctInitAjaxProgressBar();
    fctHighlight(".tyreTable tr, .series_engineTable tr, .highlightRows tr, .wheel_box");
    $('a[rel*=facebox]').facebox();



    /*
    $("[title]").mbTooltip({ // also $([domElement]).mbTooltip
        opacity : 1,       //opacity
        wait:100,           //before show
        cssClass:"default",  // default = default
        timePerWord:70,      //time to show in milliseconds per word
        hasArrow:true,                 // if you whant a little arrow on the corner
        hasShadow:false,
        imgPath:"images/",
        anchor:"parent", //or "parent" you can ancor the tooltip to the mouse  or to the element
        shadowColor:"black", //the color of the shadow
        mb_fade:50 //the time to fade-in
      });*/
});



function fctCheckValues ( aObjects, check_type, minlength )
{
    var failcount = 0;

    for ( i=0; i < aObjects.length; i++ )
    {
        maxlength = $(aObjects[i]).attr('maxlength');
        value = $(aObjects[i]).val();
        value = $.trim (value);

        if ( value == '' )
            failcount++;

        if ( minlength > value.length && check_type == 'minlength' )
            failcount++;

        if ( maxlength > value.length && check_type == 'exactlength' )
            failcount++;
    }

    if (failcount == 0)
        return true;
    else
        return false;
}


function fctInitAjaxProgressBar ()
{
    $(".progress_bar")
            .ajaxStart(function(){
                    queryIsRunning = true;
                    $(this).show();
            })
            .ajaxComplete(function(){
                    queryIsRunning = false;
                    $(this).hide();
            })
            .ajaxError(function(){
                    queryIsRunning = false;
                    alert ("Es gab einen Fehler");
                    $(this).hide();
            });
}

function fctHighlight( selector )
{
    $(selector).mouseover(function(){
            //alert ("hallo");
          $(this).addClass("highlight");
        }).mouseout(function(){
          $(this).removeClass("highlight");
        });
}



function fctToggle ( selector )
{
    $(selector).slideToggle();
}

function fctSetSelctedElement (selector, value)
{
    $(selector).val(value);

}

function fctClearText (startText, oCaller)
{
    if ( $(oCaller).val() == startText )
        $(oCaller).val('');
}
/*
 * jQuery Tools 1.2.4 - The missing UI library for the Web
 *
 * [tabs, tooltip, overlay, scrollable]
 *
 * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
 *
 * http://flowplayer.org/tools/
 *
 * File generated: Wed Aug 18 09:10:12 GMT 2010
 */
(function(c){function p(d,b,a){var e=this,l=d.add(this),h=d.find(a.tabs),i=b.jquery?b:d.children(b),j;h.length||(h=d.children());i.length||(i=d.parent().find(b));i.length||(i=c(b));c.extend(this,{click:function(f,g){var k=h.eq(f);if(typeof f=="string"&&f.replace("#","")){k=h.filter("[href*="+f.replace("#","")+"]");f=Math.max(h.index(k),0)}if(a.rotate){var n=h.length-1;if(f<0)return e.click(n,g);if(f>n)return e.click(0,g)}if(!k.length){if(j>=0)return e;f=a.initialIndex;k=h.eq(f)}if(f===j)return e;
g=g||c.Event();g.type="onBeforeClick";l.trigger(g,[f]);if(!g.isDefaultPrevented()){o[a.effect].call(e,f,function(){g.type="onClick";l.trigger(g,[f])});j=f;h.removeClass(a.current);k.addClass(a.current);return e}},getConf:function(){return a},getTabs:function(){return h},getPanes:function(){return i},getCurrentPane:function(){return i.eq(j)},getCurrentTab:function(){return h.eq(j)},getIndex:function(){return j},next:function(){return e.click(j+1)},prev:function(){return e.click(j-1)},destroy:function(){h.unbind(a.event).removeClass(a.current);
i.find("a[href^=#]").unbind("click.T");return e}});c.each("onBeforeClick,onClick".split(","),function(f,g){c.isFunction(a[g])&&c(e).bind(g,a[g]);e[g]=function(k){k&&c(e).bind(g,k);return e}});if(a.history&&c.fn.history){c.tools.history.init(h);a.event="history"}h.each(function(f){c(this).bind(a.event,function(g){e.click(f,g);return g.preventDefault()})});i.find("a[href^=#]").bind("click.T",function(f){e.click(c(this).attr("href"),f)});if(location.hash&&a.tabs==="a"&&d.find(a.tabs+location.hash).length)e.click(location.hash);
else if(a.initialIndex===0||a.initialIndex>0)e.click(a.initialIndex)}c.tools=c.tools||{version:"1.2.4"};c.tools.tabs={conf:{tabs:"a",current:"current",onBeforeClick:null,onClick:null,effect:"default",initialIndex:0,event:"click",rotate:false,history:false},addEffect:function(d,b){o[d]=b}};var o={"default":function(d,b){this.getPanes().hide().eq(d).show();b.call()},fade:function(d,b){var a=this.getConf(),e=a.fadeOutSpeed,l=this.getPanes();e?l.fadeOut(e):l.hide();l.eq(d).fadeIn(a.fadeInSpeed,b)},slide:function(d,
b){this.getPanes().slideUp(200);this.getPanes().eq(d).slideDown(400,b)},ajax:function(d,b){this.getPanes().eq(0).load(this.getTabs().eq(d).attr("href"),b)}},m;c.tools.tabs.addEffect("horizontal",function(d,b){m||(m=this.getPanes().eq(0).width());this.getCurrentPane().animate({width:0},function(){c(this).hide()});this.getPanes().eq(d).animate({width:m},function(){c(this).show();b.call()})});c.fn.tabs=function(d,b){var a=this.data("tabs");if(a){a.destroy();this.removeData("tabs")}if(c.isFunction(b))b=
{onBeforeClick:b};b=c.extend({},c.tools.tabs.conf,b);this.each(function(){a=new p(c(this),d,b);c(this).data("tabs",a)});return b.api?a:this}})(jQuery);
(function(f){function p(a,b,c){var h=c.relative?a.position().top:a.offset().top,e=c.relative?a.position().left:a.offset().left,i=c.position[0];h-=b.outerHeight()-c.offset[0];e+=a.outerWidth()+c.offset[1];var j=b.outerHeight()+a.outerHeight();if(i=="center")h+=j/2;if(i=="bottom")h+=j;i=c.position[1];a=b.outerWidth()+a.outerWidth();if(i=="center")e-=a/2;if(i=="left")e-=a;return{top:h,left:e}}function u(a,b){var c=this,h=a.add(c),e,i=0,j=0,m=a.attr("title"),q=a.attr("data-tooltip"),r=n[b.effect],l,s=
a.is(":input"),v=s&&a.is(":checkbox, :radio, select, :button, :submit"),t=a.attr("type"),k=b.events[t]||b.events[s?v?"widget":"input":"def"];if(!r)throw'Nonexistent effect "'+b.effect+'"';k=k.split(/,\s*/);if(k.length!=2)throw"Tooltip: bad events configuration for "+t;a.bind(k[0],function(d){clearTimeout(i);if(b.predelay)j=setTimeout(function(){c.show(d)},b.predelay);else c.show(d)}).bind(k[1],function(d){clearTimeout(j);if(b.delay)i=setTimeout(function(){c.hide(d)},b.delay);else c.hide(d)});if(m&&
b.cancelDefault){a.removeAttr("title");a.data("title",m)}f.extend(c,{show:function(d){if(!e){if(q)e=f(q);else if(m)e=f(b.layout).addClass(b.tipClass).appendTo(document.body).hide().append(m);else if(b.tip)e=f(b.tip).eq(0);else{e=a.next();e.length||(e=a.parent().next())}if(!e.length)throw"Cannot find tooltip for "+a;}if(c.isShown())return c;e.stop(true,true);var g=p(a,e,b);d=d||f.Event();d.type="onBeforeShow";h.trigger(d,[g]);if(d.isDefaultPrevented())return c;g=p(a,e,b);e.css({position:"absolute",
top:g.top,left:g.left});l=true;r[0].call(c,function(){d.type="onShow";l="full";h.trigger(d)});g=b.events.tooltip.split(/,\s*/);e.bind(g[0],function(){clearTimeout(i);clearTimeout(j)});g[1]&&!a.is("input:not(:checkbox, :radio), textarea")&&e.bind(g[1],function(o){o.relatedTarget!=a[0]&&a.trigger(k[1].split(" ")[0])});return c},hide:function(d){if(!e||!c.isShown())return c;d=d||f.Event();d.type="onBeforeHide";h.trigger(d);if(!d.isDefaultPrevented()){l=false;n[b.effect][1].call(c,function(){d.type="onHide";
h.trigger(d)});return c}},isShown:function(d){return d?l=="full":l},getConf:function(){return b},getTip:function(){return e},getTrigger:function(){return a}});f.each("onHide,onBeforeShow,onShow,onBeforeHide".split(","),function(d,g){f.isFunction(b[g])&&f(c).bind(g,b[g]);c[g]=function(o){f(c).bind(g,o);return c}})}f.tools=f.tools||{version:"1.2.4"};f.tools.tooltip={conf:{effect:"toggle",fadeOutSpeed:"fast",predelay:0,delay:30,opacity:1,tip:0,position:["top","center"],offset:[0,0],relative:false,cancelDefault:true,
events:{def:"mouseenter,mouseleave",input:"focus,blur",widget:"focus mouseenter,blur mouseleave",tooltip:"mouseenter,mouseleave"},layout:"<div/>",tipClass:"tooltip"},addEffect:function(a,b,c){n[a]=[b,c]}};var n={toggle:[function(a){var b=this.getConf(),c=this.getTip();b=b.opacity;b<1&&c.css({opacity:b});c.show();a.call()},function(a){this.getTip().hide();a.call()}],fade:[function(a){var b=this.getConf();this.getTip().fadeTo(b.fadeInSpeed,b.opacity,a)},function(a){this.getTip().fadeOut(this.getConf().fadeOutSpeed,
a)}]};f.fn.tooltip=function(a){var b=this.data("tooltip");if(b)return b;a=f.extend(true,{},f.tools.tooltip.conf,a);if(typeof a.position=="string")a.position=a.position.split(/,?\s/);this.each(function(){b=new u(f(this),a);f(this).data("tooltip",b)});return a.api?b:this}})(jQuery);
(function(a){function t(d,b){var c=this,i=d.add(c),o=a(window),k,f,m,g=a.tools.expose&&(b.mask||b.expose),n=Math.random().toString().slice(10);if(g){if(typeof g=="string")g={color:g};g.closeOnClick=g.closeOnEsc=false}var p=b.target||d.attr("rel");f=p?a(p):d;if(!f.length)throw"Could not find Overlay: "+p;d&&d.index(f)==-1&&d.click(function(e){c.load(e);return e.preventDefault()});a.extend(c,{load:function(e){if(c.isOpened())return c;var h=q[b.effect];if(!h)throw'Overlay: cannot find effect : "'+b.effect+
'"';b.oneInstance&&a.each(s,function(){this.close(e)});e=e||a.Event();e.type="onBeforeLoad";i.trigger(e);if(e.isDefaultPrevented())return c;m=true;g&&a(f).expose(g);var j=b.top,r=b.left,u=f.outerWidth({margin:true}),v=f.outerHeight({margin:true});if(typeof j=="string")j=j=="center"?Math.max((o.height()-v)/2,0):parseInt(j,10)/100*o.height();if(r=="center")r=Math.max((o.width()-u)/2,0);h[0].call(c,{top:j,left:r},function(){if(m){e.type="onLoad";i.trigger(e)}});g&&b.closeOnClick&&a.mask.getMask().one("click",
c.close);b.closeOnClick&&a(document).bind("click."+n,function(l){a(l.target).parents(f).length||c.close(l)});b.closeOnEsc&&a(document).bind("keydown."+n,function(l){l.keyCode==27&&c.close(l)});return c},close:function(e){if(!c.isOpened())return c;e=e||a.Event();e.type="onBeforeClose";i.trigger(e);if(!e.isDefaultPrevented()){m=false;q[b.effect][1].call(c,function(){e.type="onClose";i.trigger(e)});a(document).unbind("click."+n).unbind("keydown."+n);g&&a.mask.close();return c}},getOverlay:function(){return f},
getTrigger:function(){return d},getClosers:function(){return k},isOpened:function(){return m},getConf:function(){return b}});a.each("onBeforeLoad,onStart,onLoad,onBeforeClose,onClose".split(","),function(e,h){a.isFunction(b[h])&&a(c).bind(h,b[h]);c[h]=function(j){a(c).bind(h,j);return c}});k=f.find(b.close||".close");if(!k.length&&!b.close){k=a('<a class="close"></a>');f.prepend(k)}k.click(function(e){c.close(e)});b.load&&c.load()}a.tools=a.tools||{version:"1.2.4"};a.tools.overlay={addEffect:function(d,
b,c){q[d]=[b,c]},conf:{close:null,closeOnClick:true,closeOnEsc:true,closeSpeed:"fast",effect:"default",fixed:!a.browser.msie||a.browser.version>6,left:"center",load:false,mask:null,oneInstance:true,speed:"normal",target:null,top:"10%"}};var s=[],q={};a.tools.overlay.addEffect("default",function(d,b){var c=this.getConf(),i=a(window);if(!c.fixed){d.top+=i.scrollTop();d.left+=i.scrollLeft()}d.position=c.fixed?"fixed":"absolute";this.getOverlay().css(d).fadeIn(c.speed,b)},function(d){this.getOverlay().fadeOut(this.getConf().closeSpeed,
d)});a.fn.overlay=function(d){var b=this.data("overlay");if(b)return b;if(a.isFunction(d))d={onBeforeLoad:d};d=a.extend(true,{},a.tools.overlay.conf,d);this.each(function(){b=new t(a(this),d);s.push(b);a(this).data("overlay",b)});return d.api?b:this}})(jQuery);
(function(e){function n(f,c){var a=e(c);return a.length<2?a:f.parent().find(c)}function t(f,c){var a=this,l=f.add(a),g=f.children(),k=0,m=c.vertical;j||(j=a);if(g.length>1)g=e(c.items,f);e.extend(a,{getConf:function(){return c},getIndex:function(){return k},getSize:function(){return a.getItems().size()},getNaviButtons:function(){return o.add(p)},getRoot:function(){return f},getItemWrap:function(){return g},getItems:function(){return g.children(c.item).not("."+c.clonedClass)},move:function(b,d){return a.seekTo(k+
b,d)},next:function(b){return a.move(1,b)},prev:function(b){return a.move(-1,b)},begin:function(b){return a.seekTo(0,b)},end:function(b){return a.seekTo(a.getSize()-1,b)},focus:function(){return j=a},addItem:function(b){b=e(b);if(c.circular){g.children("."+c.clonedClass+":last").before(b);g.children("."+c.clonedClass+":first").replaceWith(b.clone().addClass(c.clonedClass))}else g.append(b);l.trigger("onAddItem",[b]);return a},seekTo:function(b,d,h){b.jquery||(b*=1);if(c.circular&&b===0&&k==-1&&d!==
0)return a;if(!c.circular&&b<0||b>a.getSize()||b<-1)return a;var i=b;if(b.jquery)b=a.getItems().index(b);else i=a.getItems().eq(b);var q=e.Event("onBeforeSeek");if(!h){l.trigger(q,[b,d]);if(q.isDefaultPrevented()||!i.length)return a}i=m?{top:-i.position().top}:{left:-i.position().left};k=b;j=a;if(d===undefined)d=c.speed;g.animate(i,d,c.easing,h||function(){l.trigger("onSeek",[b])});return a}});e.each(["onBeforeSeek","onSeek","onAddItem"],function(b,d){e.isFunction(c[d])&&e(a).bind(d,c[d]);a[d]=function(h){e(a).bind(d,
h);return a}});if(c.circular){var r=a.getItems().slice(-1).clone().prependTo(g),s=a.getItems().eq(1).clone().appendTo(g);r.add(s).addClass(c.clonedClass);a.onBeforeSeek(function(b,d,h){if(!b.isDefaultPrevented())if(d==-1){a.seekTo(r,h,function(){a.end(0)});return b.preventDefault()}else d==a.getSize()&&a.seekTo(s,h,function(){a.begin(0)})});a.seekTo(0,0,function(){})}var o=n(f,c.prev).click(function(){a.prev()}),p=n(f,c.next).click(function(){a.next()});!c.circular&&a.getSize()>1&&a.onBeforeSeek(function(b,
d){setTimeout(function(){if(!b.isDefaultPrevented()){o.toggleClass(c.disabledClass,d<=0);p.toggleClass(c.disabledClass,d>=a.getSize()-1)}},1)});c.mousewheel&&e.fn.mousewheel&&f.mousewheel(function(b,d){if(c.mousewheel){a.move(d<0?1:-1,c.wheelSpeed||50);return false}});c.keyboard&&e(document).bind("keydown.scrollable",function(b){if(!(!c.keyboard||b.altKey||b.ctrlKey||e(b.target).is(":input")))if(!(c.keyboard!="static"&&j!=a)){var d=b.keyCode;if(m&&(d==38||d==40)){a.move(d==38?-1:1);return b.preventDefault()}if(!m&&
(d==37||d==39)){a.move(d==37?-1:1);return b.preventDefault()}}});c.initialIndex&&a.seekTo(c.initialIndex,0,function(){})}e.tools=e.tools||{version:"1.2.4"};e.tools.scrollable={conf:{activeClass:"active",circular:false,clonedClass:"cloned",disabledClass:"disabled",easing:"swing",initialIndex:0,item:null,items:".items",keyboard:true,mousewheel:false,next:".next",prev:".prev",speed:400,vertical:false,wheelSpeed:0}};var j;e.fn.scrollable=function(f){var c=this.data("scrollable");if(c)return c;f=e.extend({},
e.tools.scrollable.conf,f);this.each(function(){c=new t(e(this),f);e(this).data("scrollable",c)});return f.api?c:this}})(jQuery);

