/* ------------- * Radios * ------------- */ .jRadioWrapper { float: left; margin: 0 5px 0 0;width:15px; } .jNiceRadio { background: transparent url(../images/radio.gif) no-repeat center top; vertical-align: middle; height: 18px; width: 18px; display:block; } #accountPage .jNiceRadio { background-image: url(../images/radio-2.gif); } #contactForm .jNiceRadio { background-image: url(../images/radio-2.gif); } #form-validate .jNiceRadio { background-image: url(../images/radio-2.gif); } #co-billing-form .jNiceRadio, #co-addressedit-form .jNiceRadio, #recapPayment .jNiceRadio{ background-image: url(../images/radio.gif); } /* ------------- * Checkboxes * ------------- */ .jNiceCheckbox { float: left; background: transparent url(../images/checkbox.gif) no-repeat center top; vertical-align: middle; height: 18px; width: 18px; margin: 0 5px 0 0; display:block; } #orderForm .jNiceCheckbox { float: left; background: transparent url(../images/checkbox.gif) no-repeat center top; vertical-align: middle; height: 18px; width: 18px; margin: 0 5px 0 0; display:block; } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ .jNiceChecked { background-position: center bottom;} #orderForm .jNiceChecked { background-position: center bottom;} /* ------------- * Selects * ------------- */ /* default (commande, etc) */ .jNiceSelectWrapper { width: 195px; position:relative; z-index: 100; height: 17px; float: left; } .jNiceSelectWrapper div span { z-index: 101; font-size:11px; float: none; position: absolute; width: 170px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border: 1px solid #967982; border-right: none; } .jNiceSelectWrapper div a {z-index: 102; display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right.gif) no-repeat center center; } .jNiceSelectWrapper ul { z-index: 103; position: absolute; width: 164px; top: 19px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #967982; display: none; margin: 0px; padding: 0px; height: 120px; overflow: auto; overflow-y: auto; z-index:100; } .jNiceSelectWrapper ul a { z-index: 104; font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } .jNiceSelectWrapper ul a:hover { background:#d1b7bf; color: #FFFFFF; } .jNiceSelectWrapper ul a.selected { background: #967982; color: #FFFFFF; } /*date de naissance*/ #accountPage .dob-day .jNiceSelectWrapper { width: 40px; position:relative; z-index: 100; margin-bottom: 7px; height: 17px; float: left;font-size:10px; _margin-left: 3px; } #accountPage .dob-day .jNiceSelectWrapper div span { border-color: #939322; float: none; position: absolute; width: 23px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border: 1px solid #939322; border-right: none; } #accountPage .dob-day .jNiceSelectWrapper div a { display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right-2.gif) no-repeat center center; } #accountPage .dob-day .jNiceSelectWrapper ul { position: absolute; width: 37px; top: 19px; left: 0px; list-style: none; background-color: #FFF;border-color: #939322; display: none; margin: 0px; padding: 0px; height:220px; overflow: auto; overflow-y: auto; z-index:100; } #accountPage .dob-day .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } #accountPage .dob-day .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #accountPage .dob-day .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF;} #accountPage .dob-month .jNiceSelectWrapper { width: 80px; position:relative; z-index: 100; margin-bottom: 7px; height: 17px; float: left; margin-left: 8px; } #accountPage .dob-month .jNiceSelectWrapper div span { float: none; position: absolute; width: 60px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border-color: #939322; border-right: none; } #accountPage .dob-month .jNiceSelectWrapper div a { display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right-2.gif) no-repeat center center; } #accountPage .dob-month .jNiceSelectWrapper ul { position: absolute; width: 78px; top: 19px; left: 0px; list-style: none; background-color: #FFF; border-color: #939322; display: none; margin: 0px; padding: 0px; height: 220px; overflow: auto; overflow-y: auto; z-index:100; } #accountPage .dob-month .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } #accountPage .dob-month .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #accountPage .dob-month .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF;} #accountPage .dob-year .jNiceSelectWrapper { width: 60px; position:relative; z-index: 100; margin-bottom: 7px; height: 17px; float: left; margin-left: 8px;} #accountPage .dob-year .jNiceSelectWrapper div span { float: none; position: absolute; width: 50px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border-color: #939322; border-right: none; } #accountPage .dob-year .jNiceSelectWrapper div a { display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right-2.gif) no-repeat center center; } #accountPage .dob-year .jNiceSelectWrapper ul { position: absolute; width: 57px; top: 19px; left: 0px; list-style: none; background-color: #FFF; border-color: #939322; display: none; margin: 0px; padding: 0px; height: 220px; overflow: auto; overflow-y: auto; z-index:100; } #accountPage .dob-year .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } #accountPage .dob-year .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #accountPage .dob-year .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF;} /*overview*/ #orderForm .jNiceSelectWrapper { width: 48px; text-align: left; } #orderForm .jNiceSelectWrapper div span { color: #69545B;width: 22px; background-color: #FFFFFF; } .cartBox .jNiceSelectWrapper ul { width: 193px; height: 200px; } #orderForm .jNiceSelectWrapper ul a { font-size: 11px; } /* selects dans favoriteProduct sur home */ #favProductForm .jNiceSelectWrapper { width: 145px; margin-left: 0; } #favProductForm .jNiceSelectWrapper div span { color: #69545B;width: 128px; background-color: #FFFFFF; } #favProductForm .jNiceSelectWrapper ul { width: 143px; height: 70px; } #favProductForm .jNiceSelectWrapper ul a { font-size: 11px; } /* selects dans newProducts sur home */ #newProducts .jNiceSelectWrapper { width: 170px; text-align: left; margin-left: 0; margin-bottom:7px;} *+html #newProducts .jNiceSelectWrapper { float: none; } #newProducts .jNiceSelectWrapper div span { color:#58580D;width: 150px; background-color: #FFFFFF; border-color: #939322; } #newProducts .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #newProducts .jNiceSelectWrapper ul { width: 168px; padding: 0; height: 105px; border-color: #939322; } #newProducts .jNiceSelectWrapper ul a { font-size: 11px;text-decoration:none;} #newProducts .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #newProducts .jNiceSelectWrapper ul a.selected { background:#adad33; color: #FFFFFF; } #productList dt .jNiceSelectWrapper { width: 159px; text-align: left; margin-left: 0; } *+html #productList dt .jNiceSelectWrapper { float: none; } #productList dt .jNiceSelectWrapper div span { width: 141px; background-color: #FFFFFF; border-color: #939322; } #productList dt .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #productList dt .jNiceSelectWrapper ul { width: 150px; padding: 0; height: 80px; border-color: #939322; } #productList dt .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px;} #productList dt .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #productList dt .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF; } /* selects dans pages compte */ #accountPage .jNiceSelectWrapper div span { color:#58580D;border-color: #939322; } #accountPage .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #accountPage .jNiceSelectWrapper ul { height: 150px; border-color: #939322; width:192px;} #accountPage .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; } #accountPage .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #accountPage .jNiceSelectWrapper ul a.selected { background:#adad33; color: #FFFFFF; } /* plusieurs selects sur une ligne dans mon-compte */ #accountPage .shortSelect { width: 58px; margin: 0 5px 7px 0; _margin: 0 0 7px 5px; } #accountPage .shortSelect div span { color:#58580D;width: 40px; } #accountPage .shortSelect ul { width: 76px; } #accountPage .shortSelect ul a {text-decoration:none; font-size: 11px; } /* selects dans productFilter à gauche (listing marques) */ #productFilter .jNiceSelectWrapper { width: 125px; margin-left: 0; margin-bottom:7px;} #productFilter .jNiceSelectWrapper div span { color: #69545B;width: 98px; background-color: #FFFFFF; } #productFilter .jNiceSelectWrapperdisabled div span { background-color: #f7f2f4; border-color: #a8969b; color: #a8969b; } #productFilter .jNiceSelectWrapperdisabled div a { cursor: default; background-image: url(../images/select_right-disabled.gif); } #productFilter .jNiceSelectWrapper ul { width: 123px; height: 75px; } #productFilter .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; } /* selects dans pages panier */ .cart .jNiceSelectWrapper div span { color:#58580D;border-color: #939322; } .cart .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } .cart .jNiceSelectWrapper ul { height: 100px; border-color: #939322; width:175px;} .cart .jNiceSelectWrapper ul a { font-size: 11px; text-decoration:none;} .cart .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } .cart.jNiceSelectWrapper ul a.selected { background:#adad33; color: #FFFFFF; } .cart .quantityCartTable .jNiceSelectWrapper { width: 48px; text-align: left; } .cart .quantityCartTable .jNiceSelectWrapper div span { width: 22px; } .cart .quantityCartTable .jNiceSelectWrapper ul { width: 46px; height: 200px;} /* selects dans pages produit */ #productCardInfo .jNiceSelectWrapper { width: 150px; clear: both; text-align: left; margin-left: 0; } #productCardInfo .jNiceSelectWrapper div span { color:#58580D;border-color: #939322; width: 122px; } #productCardInfo .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #productCardInfo .jNiceSelectWrapper ul { height: 150px; border-color: #939322; width: 148px; } #productCardInfo .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; } #productCardInfo .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #productCardInfo .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF; } /* select quantité dans page produit*/ #productCardInfo .jNiceSelectWrappershortSelect { width: 58px; } #productCardInfo .jNiceSelectWrappershortSelect div span { color:#58580D;width: 40px; } #productCardInfo .jNiceSelectWrappershortSelect ul { width: 56px; } #productCardInfo .jNiceSelectWrappershortSelect ul a { font-size: 11px; } /* selects dans boite "et aussi" */ #seeAlso .jNiceSelectWrapper { width: 168px; text-align: left; margin-left: 0; margin-bottom:5px; z-index: 100; } *+html #seeAlso .jNiceSelectWrapper { float: none; } #seeAlso .jNiceSelectWrapper div span { color:#58580D;width: 145px; background-color: #FFFFFF; border-color: #939322; } #seeAlso .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #seeAlso .jNiceSelectWrapper ul { width: 158px; padding: 0; height: 90px; border-color: #939322; } #seeAlso .jNiceSelectWrapper li { width: 100% !important; float: none; display: block; min-height:0;} #seeAlso .jNiceSelectWrapper ul a { text-decoration:none;font-size: 11px; } #seeAlso .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #seeAlso .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF; } /*selects dans page contacts*/ #contactForm .jNiceSelectWrapper { width: 195px; text-align: left; margin-left: 0; } *+html #contactForm .jNiceSelectWrapper { float: left; } #contactForm .jNiceSelectWrapper div span { color:#58580D;width: 175px; background-color: #FFFFFF; border-color: #939322; } #contactForm .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #contactForm .jNiceSelectWrapper ul { width: 180px; padding: 0; height: 190px; border-color: #939322; } #contactForm .jNiceSelectWrapper li { padding: 0; height: auto; } #contactForm .jNiceSelectWrapper ul a { font-size: 11px; text-decoration:none;} #contactForm .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #contactForm .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF; } #country_select_id.jNiceSelectWrapper { width: 195px; text-align: left; margin-left: 0; } #country_select_id .jNiceSelectWrapper div span { color:#58580D;width: 175px; background-color: #FFFFFF; border-color: #939322; } #country_select_id .jNiceSelectWrapper div a { background-image: url(../images/select_right-2.gif); } #country_select_id .jNiceSelectWrapper ul { width: 220px; padding: 0; height: 250px; border-color: #939322; } #country_select_id .jNiceSelectWrapper li { padding: 0; height: auto; } #country_select_id .jNiceSelectWrapper ul a { font-size: 11px; text-decoration:none;} #country_select_id .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #country_select_id .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF; } /*gift certificates*/ .gift-card-info .input .jNiceSelectWrapper { width: 80px; position:relative; z-index: 100; margin-bottom: 4px; height: 17px; float: left;font-size:10px; margin-left: 3px; } .gift-card-info .input .jNiceSelectWrapper div span { color:#58580D;border-color: #939322; float: none; position: absolute; width: 53px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border: 1px solid #939322; border-right: none; } .gift-card-info .input .jNiceSelectWrapper div a { display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right-2.gif) no-repeat center center; } .gift-card-info .input .jNiceSelectWrapper ul { position: absolute; width: 78px; top: 23px; left: 0px; list-style: none; background-color: #FFF;border-color: #939322; display: none; margin: 0px; padding: 0px; height:170px; overflow: auto; overflow-y: auto; z-index:100; } .gift-card-info .input .jNiceSelectWrapper ul a { font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } .gift-card-info .input .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } .gift-card-info .input .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF;} /*pager*/ #Pager .jNiceSelectWrapper { width: 40px; position:relative; z-index: 100; margin-bottom: 7px; height: 17px; float: left;font-size:10px; _margin-left: 3px; } #Pager .jNiceSelectWrapper div span { border-color: #939322; float: none; position: absolute; width: 23px; height: 18px; line-height: 18px; padding: 0px 3px; overflow: hidden; border: 1px solid #939322; border-right: none; } #Pager .jNiceSelectWrapper div a { display: block; position: absolute; right: 0px; width: 20px; height: 20px; background: url(../images/select_right-2.gif) no-repeat center center; } #Pager .jNiceSelectWrapper ul { position: absolute; width: 35px; top: 19px; left: 0px; list-style: none; background-color: #FFF;border-color: #939322; display: none; margin: 0px; padding: 0px; height:60px; overflow: auto; overflow-y: auto; z-index:100; } #Pager .jNiceSelectWrapper ul a { font-size: 11px; display: block; padding: 2px 5px; text-decoration: none; color:#000000; background-color: #FFF; } #Pager .jNiceSelectWrapper ul a:hover { background:#adad33; color: #FFFFFF; } #Pager .jNiceSelectWrapper ul a.selected { background: #7e7e12; color: #FFFFFF;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jNiceHidden { display: none !important; }