/* helpers formulaires */
/* largeurs des blocs */
.formCtn {float:left;}
.size-720 {width:770px;}
.size-600 {width:600px;}
.size-440 {width:440px;}
.size-400 {width:400px;}
.size-330 {width:330px;}
.size-320 {width:320px;}
.size-300 {width:300px;}
.size-280 {width:280px;}
.size-260 {width:260px;}
.size-240 {width:240px;}
.size-220 {width:220px;}
.size-200 {width:200px;}
.size-190 {width:190px;}
.size-180 {width:180px;}
.size-170 {width:170px;}
.size-160 {width:160px;}
.size-150 {width:150px;}
.size-140 {width:140px;}
.size-130 {width:130px;}
.size-120 {width:120px;}
.size-110 {width:110px;}
.size-100 {width:100px;}
.size-90 {width:90px;}
.size-80 {width:80px;}
.size-70 {width:70px;}
.size-60 {width:60px;}

.size-25 {width:25px;}
.size-141 {width:141px;*width:142px;}




/* <input type="text"> */
input.skeenableInput {width:100%;border:0;height:30px;}
label.skeenableLabel {color: #A4A4A4 !important;}
select.skeenableSelect {width:100%;border:0;height:30px;filter:alpha(opacity=0);}




/*new EMA */
textarea.skeenableTxtA {width:100%;border:0;height:110px;font-size: 18px;}


form.skeenable div.inlineLeftTxtA{width:100%;position:relative;margin: 30px 0;}








/** SKEENABLERADIO**/
/** ==> structure, ne pas toucher **/

input.skeenableRadio {opacity:0;filter:alpha(opacity=0);margin-top:0px;height:1px;}
a.skeenableRadio {position:absolute;outline:none;}
a.radioSelected {}
a.skeenableRadio:focus {}
/** ==> skin, à customiser **/
a.incrementialInput {width:16px;height:16px;background:no-repeat 10% top;}
a.roundRadio {background-image: url(skin/buttons/roundRadio.png);margin:0px 0 0 4px;width:16px;height:16px;}
a.roundRadio.selected {background-position: left bottom;}
a.crossRadio{background-image: url(skin/buttons/crossRadio.png);margin:0px 0 0 2px;width:16px;height:16px;}
a.crossRadio.selected {background-position: left bottom;}
/*seasons*/
.seasons  {width:96px;height:65px;background:red;margin:15px 10px 0 20px;}

/* Great Britain */
.seasonSUMMERGB {background:url(skin/buttons/option_summer_GB.png);}	
.seasonALLGB {background:url(skin/buttons/option_allseasons_GB.png);}	
.seasonWINTERGB {background:url(skin/buttons/option_winter_GB.png);}

/* france */
.seasonSUMMERFR {background:url(skin/buttons/option_summer_FR.png);}	
.seasonALLFR {background:url(skin/buttons/option_allseasons_FR.png);}	
.seasonWINTERFR {background:url(skin/buttons/option_winter_FR.png);}

/* germany */
.seasonSUMMERDE {background:url(skin/buttons/option_summer_DE.png);}	
.seasonALLDE {background:url(skin/buttons/option_allseasons_DE.png);}	
.seasonWINTERDE {background:url(skin/buttons/option_winter_DE.png);}

/* sroucheray : 23/06/10 second selector to fix a bug in ie6 where multiple class are not interpreted*/
.seasons.selected, #seasonsId a.selected {background-position:left bottom;}	
/*sms*/
.skeenable .informationRadio p, .skeenable .smsRadio p {overflow:hidden; zoom:1; _overflow:hidden; margin-right:10px; vertical-align:middle;}
.skeenable .informationRadio, .skeenable .smsRadio{float:left; width:48%;}
/* tyreBrand  */
input.tyreBrand  {width:110px;height:72px;margin:2px;}
.brandLogo {width:110px;height:72px;float:left;margin:10px;}
.skeenable a.tyreBrand  {width:110px;height:72px;margin:2px;}
.skeenable a.michelin {background:url(skin/buttons/tyreBrand.png) no-repeat 0 top;background-position:left top;}
.skeenable a.dunlop {background:url(skin/buttons/tyreBrand.png) no-repeat -110px top;}
.skeenable a.bfgoodrich {background:url(skin/buttons/tyreBrand.png) no-repeat -220px top;}
.skeenable a.goodyear {background:url(skin/buttons/tyreBrand.png) no-repeat -330px top;}
.skeenable a.tigar {background:url(skin/buttons/tyreBrand.png) no-repeat -440px top;}
.skeenable a.uniroyal {background:url(skin/buttons/tyreBrand.png) no-repeat -550px top;}
.skeenable a.fulda {background:url(skin/buttons/tyreBrand.png) no-repeat -660px top;}
.skeenable a.kormoran {background:url(skin/buttons/tyreBrand.png) no-repeat -770px top;}
.skeenable a.vredestein {background:url(skin/buttons/tyreBrand.png) no-repeat -880px top;}
.skeenable a.avon {background:url(skin/buttons/tyreBrand.png) no-repeat -990px top;}
.skeenable a.pirelli {background:url(skin/buttons/tyreBrand.png) no-repeat -1100px top;}
.skeenable a.nokianrenkaat {background:url(skin/buttons/tyreBrand.png) no-repeat -1210px top;}
.skeenable a.bridgestone {background:url(skin/buttons/tyreBrand.png) no-repeat -1320px top;}
.skeenable a.semperit {background:url(skin/buttons/tyreBrand.png) no-repeat -1430px top;}
.skeenable a.kleber {background:url(skin/buttons/tyreBrand.png) no-repeat -1540px top;}
.skeenable a.gislaved {background:url(skin/buttons/tyreBrand.png) no-repeat -1650px top;}
.skeenable a.firestone {background:url(skin/buttons/tyreBrand.png) no-repeat -1760px top;}
.skeenable a.hankook {background:url(skin/buttons/tyreBrand.png) no-repeat -1870px top;}
.skeenable a.riken {background:url(skin/buttons/tyreBrand.png) no-repeat -1980px top;}
.skeenable a.maxxis {background:url(skin/buttons/tyreBrand.png) no-repeat -2090px top;}
.skeenable a.sava {background:url(skin/buttons/tyreBrand.png) no-repeat -2200px top;}
.skeenable a.federal {background:url(skin/buttons/tyreBrand.png) no-repeat -2310px top;}
.skeenable a.ceat {background:url(skin/buttons/tyreBrand.png) no-repeat -2420px top;}
.skeenable a.encore {background:url(skin/buttons/tyreBrand.png) no-repeat -2530px top;}
.skeenable a.recamic {background:url(skin/buttons/tyreBrand.png) no-repeat -2640px top;}
.skeenable a.pneulaurent {background:url(skin/buttons/tyreBrand.png) no-repeat -2750px top;}
.skeenable a.coopertires {background:url(skin/buttons/tyreBrand.png) no-repeat -2860px top;}
.skeenable a.kumhotyres {background:url(skin/buttons/tyreBrand.png) no-repeat -2970px top;}
.skeenable a.taurus {background:url(skin/buttons/tyreBrand.png) no-repeat -3080px top;}
.skeenable a.continental {background:url(skin/buttons/tyreBrand.png) no-repeat -3190px top;}
.skeenable a.sunny {background:url(skin/buttons/tyreBrand.png) no-repeat -3300px top;}
.skeenable a.nankang {background:url(skin/buttons/tyreBrand.png) no-repeat -3410px top;}
.skeenable a.alliance {background:url(skin/buttons/tyreBrand.png) no-repeat -3520px top;}
.skeenable a.triangle {background:url(skin/buttons/tyreBrand.png) no-repeat -3630px top;}

/* ce qui suit permet de corriger un bug firefox 2 connu : https://bugzilla.mozilla.org/show_bug.cgi?id=316981 */
/* sroucheray : 23/06/10 second selector to fix a bug in ie6 where multiple class are not interpreted*/
.skeenable a.michelin.selected, .skeenable .michelin a.selected {background-position: 0 bottom;}
.skeenable a.dunlop.selected, .skeenable .dunlop a.selected {background-position: -110px bottom;}
.skeenable a.bfgoodrich.selected, .skeenable .bfgoodrich a.selected {background-position: -220px bottom;}
.skeenable a.goodyear.selected, .skeenable .goodyear a.selected {background-position: -330px bottom;}
.skeenable a.tigar.selected, .skeenable .tigar a.selected {background-position: -440px bottom;}
.skeenable a.uniroyal.selected, .skeenable .uniroyal a.selected {background-position: -550px bottom;}
.skeenable a.fulda.selected, .skeenable .fulda a.selected {background-position: -660px bottom;}
.skeenable a.kormoran.selected, .skeenable .kormoran a.selected {background-position: -770px bottom;}
.skeenable a.vredestein.selected, .skeenable .vredestein a.selected {background-position: -880px bottom;}
.skeenable a.avon.selected, .skeenable .avon a.selected {background-position: -990px bottom;}
.skeenable a.pirelli.selected, .skeenable .pirelli a.selected {background-position: -1100px bottom;}
.skeenable a.nokianrenkaat.selected, .skeenable .nokianrenkaat a.selected {background-position: -1210px bottom;} 
.skeenable a.bridgestone.selected, .skeenable .bridgestone a.selected {background-position: -1320px bottom;}
.skeenable a.semperit.selected, .skeenable .semperit a.selected {background-position: -1430px bottom;}
.skeenable a.kleber.selected, .skeenable .kleber a.selected {background-position: -1540px bottom;}
.skeenable a.gislaved.selected, .skeenable .gislaved a.selected {background-position: -1650px bottom;}
.skeenable a.firestone.selected, .skeenable .firestone a.selected {background-position: -1760px bottom;}
.skeenable a.hankook.selected, .skeenable .hankook a.selected {background-position: -1870px bottom;}
.skeenable a.riken.selected, .skeenable .riken a.selected {background-position: -1980px bottom;}
.skeenable a.maxxis.selected, .skeenable .maxxis a.selected {background-position: -2090px bottom;}
.skeenable a.sava.selected, .skeenable .sava a.selected {background-position: -2200px bottom;}
.skeenable a.federal.selected, .skeenable .federal a.selected {background-position: -2310px bottom;}
.skeenable a.ceat.selected, .skeenable .ceat a.selected {background-position: -2420px bottom;}
.skeenable a.encore.selected, .skeenable .encore a.selected {background-position: -2530px bottom;}
.skeenable a.recamic.selected, .skeenable .recamic a.selected {background-position: -2640px bottom;}
.skeenable a.pneulaurent.selected, .skeenable .pneulaurent a.selected {background-position: -2750px bottom;}
.skeenable a.coopertires.selected, .skeenable .coopertires a.selected {background-position: -2860px bottom;}
.skeenable a.kumhotyres.selected, .skeenable .kumhotyres a.selected {background-position: -2970px bottom;}
.skeenable a.taurus.selected, .skeenable .taurus a.selected {background-position: -3080px bottom;}
.skeenable a.continental.selected, .skeenable .continental a.selected {background-position: -3190px bottom;}
.skeenable a.sunny.selected, .skeenable .sunny a.selected {background-position: -3300px bottom;}
.skeenable a.nankang.selected, .skeenable .nankang a.selected {background-position: -3410px bottom;}
.skeenable a.alliance.selected, .skeenable .alliance a.selected {background-position: -3520px bottom;}
.skeenable a.triangle.selected, .skeenable .triangle a.selected {background-position: -3630px bottom;}

#tyreSize_1 {width:265px;zoom:1;}
#tyreSize_1 a.skeenableSelect  {width:220px !important;}
.tyreSize_1 ul.skeenableSelect  {width:220px !important;}
#tyreSize_2 {width:271px;zoom:1;}
#tyreSize_2 a.skeenableSelect  {width:230px !important;}
.tyreSize_2 ul.skeenableSelect  {width:230px !important;}
#tyreSize_3 {width:220px;zoom:1;}
#tyreSize_3 a.skeenableSelect  {width:180px !important;}
.tyreSize_3 ul.skeenableSelect  {width:168px !important;}
/** SKEENABLECHECKBOX**/
/** ==> structure, ne pas toucher **/
input.skeenableCheckbox {opacity:1;filter:alpha(opacity=0);}
a.skeenableCheckbox {position:absolute;outline:none;}
/** ==> skin, à customiser **/
a.crossCheckbox {width:16px;height:16px;background: url(skin/buttons/crossRadio.png) no-repeat left top;margin:3px 0 0 2px;}


/** SKEENABLEINPUT**/
span.roundInput , span.roundInput span {background:url(skin/blocks/input_custom.png) no-repeat left top; display:-moz-inline-block; display:inline-block;text-decoration:none;position:relative;height:30px;}
span.roundInput {padding-left:10px;}
span.roundInput span { background-position:right top; padding:1px 10px 1px  0px; display:block; }
#orderDetail span.roundInput span {width:50px !important; }
span.roundInput input {vertical-align:middle; border:0px; background:none; font-family:inherit;  padding:3px 0 6px 0;height:28px; font-size:16px;color:#a4a4a4;font-weight:bold;}
span.roundInput input.filled {color:#000000;}
body:last-child:not(:root:root) span.roundInput input {border:0;}



/** INCREMENTBTN **/
div.incrementialInput  {width:19px;padding-top:1px;overflow:hidden;float:left;}
.cartPad div.incrementialInput  {}
a.incrementialInput  {width:19px;height:19px;background:url(skin/buttons/plusmoins.png) no-repeat left top;margin:2px 0;outline:none; zoom:1;font-size:1%;}
div a.incrementialInputCart  {width:10px;height:10px;background:url(skin/buttons/plusmoinsSmall.png) no-repeat left top;margin:2px 0;outline:none; zoom:1;}
a.decrementBtn  {background-position:left -10px !important; }
a.suppressBtn  {background-position:left bottom !important; }
a.decrementBtnBig  {background-position:left -19px !important; }
a.suppressBtnBig {background-position:left bottom !important; }
span.incrementialInput{margin-top:10px;}
.cartPad span.incrementialInput{margin-top:5px;margin-left:0 !important;padding-left:0;}
.cartPad span.incrementialInput span{padding:1px 0px 1px 0;}
span.incrementialInput, span.incrementialInput span {background:none;}
input.incrementialInput {color:black !important; font-size:1.2em !important; font-weight:bold;}
#orderDetail input {text-align:center;padding-top:3px;}
div.incrementialInputCart {width:10px; position:absolute;margin:4px 33px;}
 a.inputCart { color:white!important; font-size:1.2em !important;}
 input.incrementialInputCart {width:18px !important;}
.cartPad input.incrementialInput {width:30px !important;color:white !important;text-align:center;}


/** SKEENABLEBTN **/
span.skeenableBtn, span.skeenableBtn span{display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:24px;height:24px;white-space:nowrap;font-size:10px; background:url(skin/buttons/btn.png) left top no-repeat;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center; color:#000000; font-weight:bold;}
span.skeenableBtn input {display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:24px;height:22px;white-space:nowrap;font-size:10px;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center; color:#000000;}
span.skeenableBtn{padding-left:17px;_width:1%;}
span.skeenableBtn span{display:block;background-position:right top; padding:0 6px 0 2px; text-transform:uppercase; font-weight:bold;}
span.skeenableBtn span input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;_width:1%;padding:0; cursor:pointer; text-transform:uppercase; } 
span.skeenableBtnBlock{display:block; width:auto;}
span.skeenableBtn:focus {outline:1px solid red;}





/**SKEENABLESELECT*/
/*structure*/
select.skeenableSelect {opacity:0;filter:alpha(opacity=0);_visibility:hidden;font-size:16px;}
a.skeenableSelect {z-index:199999999;}
a.skeenableSelected {z-index:200000001 !important; }
a.skeenableSelect, a.skeenableSelect span {}
a.skeenableSelect:focus, a.skeenableSelect:active {outline:none;text-decoration:underline;}
a.skeenableSelect span {display:block;}
a.skeenableSelect span.selected {}
ul.skeenableSelect{overflow:hidden;_overflow:visible;zoom:1;z-index:200000000;position:absolute;padding:0;}
ul.open {}
ul.skeenableSelect li {overflow:hidden;_overflow:visible;zoom:1;float:left;width:100%;}
ul.skeenableSelect li.first {}
ul.skeenableSelect li.first {}
ul.skeenableSelect li a {float:left;width:100%;}
ul.skeenableSelect li.first a {padding-top:5px;}
ul.skeenableSelect li.last a {}
ul.skeenableSelect li a:hover, .skeenableSelect li a:focus, .skeenableSelect li a:active{}
/* select general du site */
ul.yellowSelect {background:white;border:1px solid #BEBEBE;width:151px;}
ul.yellowSelect li.first a{}
ul.yellowSelect li a, a.yellowSelect {color:#a4a4a4;font-size:1.4em;text-decoration:none;padding-left:4px;}
ul.yellowSelect li a.hover{background-color:#bebebe;color:#000;}
a.yellowSelect, a.yellowSelect span {vertical-align:middle;white-space:nowrap;line-height:30px;background:url(skin/buttons/bg_select.png) left  top no-repeat;text-decoration:none;cursor:pointer;height:30px;font-size:16px;font-weight:bold;}
a.yellowSelect span{background-position:right top;}
a.yellowSelect {padding-left:9px;_width:1%;}
a.select150 {width:150px !important;}
/*home layer*/
#chooseModel select { width:215px; margin:0px 6px;}
#chooseModel ul.skeenableSelect {width:222px !important;}
/**/
#chooseModel2 ul.yellowSelect, .chooseModel2 ul.yellowSelect {}
/**/
#tyreSize  select {margin:0px 6px;}
#insidePopup a span  {color:#000;font-size:0.9em !important; }
/*ul.yellowSelect li a, a.yellowSelect {color:#a4a4a4;font-size:1.4em;text-decoration:none;padding-left:4px;}*/
.sk_1 {width:146px;}
.sk_2 {width:146px;}
.sk_3 {width:146px;}
.sk_4 {width:146px;}
.sk_5 {width:146px;}
.sk_6 {width:146px;}
/* whoiam */
#whoiam select {width:285px;}
.whoiam a.yellowSelect{z-index:2;}
.whoiam ul {}
/* */





/* css specifique au select du footer (drapeau)*/
ul.skeenableSelect_img {overflow-y:auto;overflow-x:hidden;background:#FBFBFB;list-style:none;margin-left:6px;margin-top:-5px;}
a.skeenableSelect_img {margin-top:5px;outline:none;}
.skeenableSelect_img li {display:block;border-bottom:1px solid #80bb85;padding:1px 5px;float:none !important;;width:auto !important;}
.skeenableSelect_img li.last {border-bottom:none;}
.skeenableSelect_img li a{padding:2px 0pt 3px;text-decoration:none;display:block;color:#000 !important;font-weight:bold;}
.skeenableSelect_img li a:hover{}
a.skeenableSelect_img, a.skeenableSelect_img span {vertical-align:middle;white-space:nowrap;line-height:18px;background:url(skin/misc/bg_select_footer.png) left  top no-repeat;text-decoration:none;cursor:pointer;height:18px;}
a.skeenableSelect_img {padding-left:9px;_width:1%;}
a.skeenableSelect_img{width:46px !important;z-index:2;}
a.skeenableSelect_img span{text-indent:0 !important;line-height:18px;font-size:1%;background-position:right top;}
a.skeenableSelect_img img{padding:4px 0 0 3px;}
ul.skeenableSelect_img{width:28px !important;border:1px solid #80bb85;margin-left:189px !important;}
.skeenableSelect li a.en_GB, a.en_GB .skeenableSelectIMG {background:url(skin/misc/en_GB.png) no-repeat center center;text-indent:-5000px;outline:none;}
.skeenableSelect li a.fr_FR, a.fr_FR .skeenableSelectIMG {background:url(skin/misc/fr_FR.png) no-repeat center center;text-indent:-5000px;outline:none;}
.skeenableSelect li a.es_ES, a.es_ES .skeenableSelectIMG  {background:url(skin/misc/es_ES.png) no-repeat center center;text-indent:-5000px;outline:none;}
.skeenableSelect li a.de_DE, a.de_DE .skeenableSelectIMG  {background:url(skin/misc/de_DE.png) no-repeat center center;text-indent:-5000px;outline:none;}
.skeenableSelect li a.it_IT, a.it_IT .skeenableSelectIMG  {background:url(skin/misc/it_IT.png) no-repeat center center;text-indent:-5000px;outline:none;}
ul.skeenableSelect_top  {margin-top:1px;*margin-top:4px;}
body:last-child:not(:root:root) a.skeenableSelect_top {left:370px;} /*safari, pb de context ?*/





/** CSS spec aux formulaires, pas a skeenable.js**/
.LmarginSpec1 input.LmarginSpec1 {margin-left:0 !important;} /*  i know, no comment... i'm tired, it's late and it's easy ;-)  */ 
.legend {display:block; float:left; font-size:1.2em; font-weight:bold; padding-top:4px; padding-right:4px;}
form.skeenable div.inlineLeft{float:left; width:50%;position:relative;overflow:hidden;zoom:1;}
form.skeenable div.inlineLeftOffers {width: 200px; float:left; position:relative;overflow:visible; }
.partSlect  {overflow:hidden; zoom:1;margin: 20px 0 10px;}
.partSlect .selects {width:560px; margin:0 auto;}
#crossDetails select {width:136px; padding:10px;}
#crossDetails select.littleQtyBox {margin-right: 10px; margin-top: 3px; width:35px; padding: 0 !important;}
.crossDetails ul {width:141px !important; font-size:1.3em; margin-top:25px;}
.crossDetails ul.crossDetailsFont{font-size:1.1em !important; color:#000;}
.crossDetails ul.crossDetailsFont{font-size:1.1em !important; color:#000;}
.crossDetails a.crossDetailsFont{font-size:1em !important; color:#000;}
label {margin: 0 10px;color:#000;font-size:1.6em; font-weight:bold;}
.skeenable sup {color:#CC0000;font-size:25px;*font-size:35px;float:left;margin:4px;}

/*SCROLL*/
.scrollerTop {background: yellow url() no-repeat left top;width:20px;height:15px;float:left;display:block;cursor:pointer;_font-size:1%;}
.scrollerRoad {width:15px;float:left;display:block;cursor:pointer;background:#ffa722;}
.scrollerRoad span{display:block;}
.scrollerRoad .body {background:#339966;}
.scrollerRoad .head {height:4px;background:red url(skin/scroll_road.png) no-repeat left top;_font-size:1%;zoom:1;}
.scrollerRoad .foot {height:4px;background:red url(skin/scroll_road.png) no-repeat left bottom;_font-size:1%;zoom:1;}
.scrollerBottom {background:yellow url(skin/scrollBtn_mini.png) no-repeat left bottom;width:20px;height:15px;float:left;display:block;cursor:pointer;_font-size:1%;}
.scrollerLift {width:15px;position:absolute;right:0;left:0;top:0;z-index:1000;display:block;cursor:pointer;}
.scrollerLift span {display:block;height:10px;}
.scrollerLift .body {background:#ffa722;}
.scrollerLift .head {height:4px;background:orange;font-size:1%;}
.scrollerLift .foot {height:4px;background:orange;font-size:1%;}
.scroller_global {float:right;margin-right:10px;}