/* CSS theme colours coming from old version => #FBC717 gold yellow, #4DABE4 blue, #7B7979 grey */ @font-face { font-family:"TradeGothic"; src:url("Trade-Gothic-LT-Bold.ttf") } @font-face { font-family:"TradeGothic"; src:url("Trade-Gothic-LT-Bold.eot") } /* * { font-family:'TradeGothic'; margin:0; padding:0 } */ /**************************************************************************************************************************************************/ /* M A I N P A G E O N T H E S U R F A C E */ /**************************************************************************************************************************************************/ img { border:none } a { cursor:pointer; cursor:hand } textarea { resize:none } * { margin:0; padding:0 } input[type="checkbox"] { border:0 } /*FIX IE*/ /* correct datatables original css */ table.display { margin:15px auto } .dataTables_filter { width:300px/*50%*/; float:right; text-align:right } #core { margin-left:-20px } /* main menu on tab1 Profile */ #profile { margin:10px auto 0 auto } /* TODO bad effect on margins when you change main tabs, view identical problem with address book */ #profile_menu { font-size:14px } #profile_menu .tabs { width:100%; border-bottom:1px solid #ccc; position:relative; float:left } #profile_menu .tabs div.tab { width:24%; height:40px; position:relative; float:left; margin:0px 0.2em; _margin:0px 0.1em } #profile_menu .tabs div.selected { border:1px solid #ccc; top:1px; border-bottom:1px solid white } #profile_menu .tabs div.selected h3 { /*color:#4DABE4*/ } /**/ #profile_menu .tabs div.unselected { top:2px; background-color:#ebebeb } /**/ #profile_menu .tabs div.unselected:hover { border:1px 1px 0px 0px; border-color:#87c04b; cursor:pointer } /**/ #profile_menu .tabs div.unselected h3 { color: #707070 } /**/ #profile_menu .tabs div a { width:100%; text-decoration:none } #profile_menu .tabs .preference { display:block; width:100%; margin:0 auto 0 auto; clear:both } #profile_menu .tabs .preference .txtIcon { display:block; width:65% } #profile_menu .tabs .preference .txtIcon p { padding:10px 0 0 3px; margin:0px; text-align:left; font-size:0.9em; line-height:0.9em } #profile_menu .tabs .preference .txtIcon p h3.titleIcon { padding:0 0 3px 0; font-size:1.2em } /* control panel */ #csv_dialog {} #csv_dialog #box_upload_file { margin-top:20px } #csv_dialog #send_file { display:block; margin-top:10px } /* datatable row highlighting */ table.display tbody { min-height:450px } /* wrong? */ table.display tbody tr.highlighted td.ext { background-color: #E0EDC5 } /**/ table.display tbody tr.highlighted td.csv { background-color: #D4ECFB } /**/ table.display tbody tr.highlighted td.std { background-color: #D4ECFB } /**/ table.display tbody tr:hover td.ext { background-color: #E0EDC5 } /**/ table.display tbody tr:hover td.csv { background-color: #D4ECFB } /**/ table.display tbody tr:hover td.std { background-color: #D4ECFB } /**/ table.display tbody tr td { cursor:pointer } #box_invoices table.display tbody tr td { cursor:text } #box_invoices table.display tbody tr td.right { text-align:right } /* datatable sx header */ #header_sx_datatable { float:left; margin-top:-40px; margin-left:10px; width:65% /* TODO but ie7 needs more... */ } #html_header_sx_empty_datatable { float:left; margin-top:-40px; margin-left:10px; width:65%; height:80px } /**/ #menu_shipments { clear:both; margin-top:10px } #menu_shipments a { margin-right:22px; margin-right:15px\9; *margin-right:7px; font-size:1.05em; *font-size:1em; white-space:nowrap } #menu_shipments a.std { text-decoration:underline; color:#11c } /**/ #menu_shipments a.selected { color:#000; text-decoration:none; font-weight:bold; cursor:text } /**/ #menu_shipments span.stats { position:relative; top:-10px; left:-20px; left:-15px\9; *left:-7px; font-size:10px } /**/ #date_recenti { font-size:13px } #date_recenti a.recente { text-decoration:underline; margin-right:10px; color:black } /**/ /**/ .menu_date1 { width:140px; height:30px; left:0px; margin-top:5px; float:right } .menu_date1 span { height:30px; vertical-align:middle } .menu_date1 span input { padding:2px 0 0 2px } .date1_text { display:inline-block; margin-right:5px } .menu_date1 img { position:relative; top:-3px; left:10px; vertical-align:middle } /**/ .menu_date2 { width:140px; height:30px; left:0px; margin-top:5px; float:right } .menu_date2 span { height:30px; vertical-align:middle } .menu_date2 span input { padding:2px 0 0 2px } .date2_text { display:inline-block; margin-right:5px } .menu_date2 img { position:relative; top:-3px; left:10px; vertical-align:middle } /**/ .input_date { width:80px; border:1px solid #666 } .input_date:focus { border:1px solid #709f3e } /* used in section 2 but similar genre */ .date_in { margin-top:5px; margin-right:16px } .date_in img { position:relative; top:0px; left:10px; vertical-align:middle } /********************************************************************************************************************************************************/ /* F O R M 3 D F O R I N S E R T I N G / E D I T I N G A S H I P M E N T */ /********************************************************************************************************************************************************/ #form_order { margin:0; padding:0; font-size:12px; z-index:100 /*needed to parify slider > */ } /* about envelope/package boxes on the top */ #form_order .box_tab { width:100%; border-bottom:1px solid #ccc; position:relative; float:left } #form_order .box_tab div.selected { width:24%; height:60px; border:1px solid #ccc; float:left; margin:0px 0.2em; _margin:0px 0.1em; position:relative; top:1px; border-bottom:1px solid white } #form_order .box_tab div.selected a {} #form_order .box_tab div.selected h3 { color:#4DABE4 } /*?*/ #form_order .box_tab div.unselected { width:24%; height:60px; float:left; margin:0px 0.2em; _margin:0px 0.1em; position:relative; top:2px; background-color:#ebebeb } /**/ #form_order .box_tab div.unselected:hover { border:1px 1px 0px 0px; border-color: #87c04b; cursor: pointer } /**/ #form_order .box_tab div.unselected h3 { color: #707070 } /**/ #form_order .box_tab div a { width: 100%; text-decoration: none; color: #036 } /**/ /* about each boxe */ #form_order .boxOrdertype { width:100%; margin:0 auto 0 auto; padding:2px 0 0 0; clear:both; display:block } #form_order .ordertypeImage { display:block; width:55%; float:left } #form_order .ordertypeImage img { padding:6px 0 0 0 } #form_order .ordertypeText { display:block; width:45%; float:left; padding:0 } #form_order .ordertypeText p { width:68px; float:left; margin-top:-4px; padding:0 0 0 3px; text-align:left; font-size:0.9em; line-height:0.9em; color:#a3a3a3 } /**/ #form_order h3.ordertypeTitle { font-size:11px/*1.2em*/ } #form_order .ordertypeDesc { font-size: 1.0em; line-height:1.0em; color: #a3a3a3 } /* max 1 kg etc */ /**/ /* about dimension/weight of chosen box */ #form_order #product_box { width:100%; height:31px; clear:both; padding-top:3px } #form_order #product_box table {} #form_order #product_box table td { font-size:14px; font-weight:bold; line-height:13px } #form_order #product_box table td p { color:#8b8b8b; font-size:11px; font-weight:normal } /**/ /* line */ #form_order .borderTop { height:2px; clear:both; border-top: 1px solid #CCCCCC; clear:both; float:left; width:100%;} /* first price on dimensions & promo */ #form_order #data_sums { float:left; width:360px/*120*/ } #form_order .overprice { color:#8b8b8b } /**/ #form_order .overprice a, #form_order h3.order_slides_title span a { text-decoration:underline; color:#8b8b8b } /**/ #form_order .overprice a:hover, #form_order h3.order_slides_title span a:hover { color:#FBC717 } /**/ #form_order .divSubtot { width:195px; height:24px; float:right; background:#E3E3E3; font-weight:bold; color:#7F7F7F; font-size:13px } /**/ #form_order .divSubtot img { border:0px solid; float:left } #form_order .divSubtot .textDiv { width:95px; float:left; padding:5px 0 0 0 } #form_order .divSubtot .priceDiv { width:60px; float:left; padding:5px 0 0 0; text-align:right } #form_order .divSubtot .euroDiv { width:15px; float:left; text-align:center; padding:5px 0 0 0 } /* assicuraz */ #form_order #sectionInsurance, #form_order #section_floor_delivery { width:100%; height:30px; clear:both; float:left } #form_order .overprice span { color:#4DABE4 } /**/ #form_order .addServicesEuro { width:12px; padding:5px 0 0 0; float:left; font-weight:bold; color:#1586b0 } /**/ #form_order .addServicesInput { width:100px; float:left } #form_order .addServicesTxt { width:110px; padding:2px 0 0 0; float:left; font-weight:normal; color:#808274; margin-top:-10px } /**/ /* recipients agenda ("dettaglio consegna") */ #form_order h3.order_slides_title { color:#4DABE4; font-size:15px; margin:10px 0 10px 0; padding:0px; border-bottom:1px solid gray; clear:both } /**/ /* sovraprezzo */ #form_order .sovrapprezzo01 { clear:both; float:left; width:100%; color:#808274; height:25px } /**/ #form_order .sovrapprezzo02 { clear:both; float:left; width:100%; color:#808274; height:25px } /**/ /* totale (redo all in my new simpler format) */ .divTot { width:400px/*195*/; height:24px; float:right; font-weight:bold; color:#FFF; font-size:13px } /**/ #reload_tot { float:left; padding:0px; margin:0px; position:relative; top:-3px; left:4px } .divTot img { border:0px solid; float:left; position:relative; left:-4px; top:3px } .divTot .textDiv { width:60px; /*fix problem 1px padding logged-not*/height:20px; float:left; padding:4px 0 0 3px; background:#17A5C9 } .divTot .priceDiv { width:60px; float:left; padding:4px 0 0 0; text-align:right; color:#4DABE4 } /**/ .divTot .priceDivFinal { width:70px; height:20px; float:left; padding:4px 0 0 0; text-align:right; background:#17A5C9 } .divTot .euroDiv { width:13px; float:left; text-align:center; padding:4px 0 0 0; color:#4DABE4 } /**/ .divTot .euroDivFinal { width:15px; height:20px; float:left; text-align:center; padding:4px 0 0 0; background:#17A5C9 } .divTot .add_plus { width:20px; float:left; text-align:center; padding:4px 0 0 0; color:#4DABE4 } /**/ .divTot .add_tax { width:30px; float:left; text-align:center; padding:4px 0 0 0; color:#4DABE4 } /**/ .divTot .equal { width:15px; float:left; text-align:center; padding:4px 0 0 0; color:#4DABE4 } /**/ /* P.S. about inserting */ #form_order .loading { background: url('../img/loading.gif') no-repeat right } #form_order .clear { clear:both } #form_order .blue { color:#1586b0 } /**/ #form_order .blue_p1 { color:#4DABE4 } /**/ #form_order .datario01 { margin-top:14px; margin-right:16px } #form_order .datario01 img {position:relative; top:0px; left:10px; vertical-align:middle } #form_order div.input_dim_val, #form_order input.input_dim_val { color:#6b6b6b; font-size:13px; border:0px; width:60px; height:16px; background:#e3e3e3; text-align:right; margin:0px; padding:0px; /**/ position:relative; top:0px; font-weight:bold } #form_order div.input_dim_val_tot, #form_order input.input_dim_val_tot { color:#fff; font-size:13px; border: 0px; width:60px; height:16px; background:#17A5C9; text-align:right; margin:0px; padding:0px; /**/ position:relative; top:0px; font-weight:bold } /* about tail */ #tmp_order_tot { float:right; margin-top:10px; margin-right:10px } #waiting_div { float:right; font-size:11px; color:#666; margin-top:7px; margin-right:10px } /**/ #waiting_easyfatt { float:left; font-size:11px; color:#666; margin-top:20px; margin-left:20px } /**/ /* about tail if not logged */ #checkout_not_logged { clear:both; float:right; margin-right:18px }; .ui-widget-header-gold { background:#FBC717 } #sender_time { margin-top:-15px; font-size:11px } /* about nascondi la triangolazione */ #form_order #mask_sender { color:#8b8b8b } /**/ #form_order #mask_sender a { text-decoration:underline; color:#8b8b8b } /**/ #form_order #mask_sender a:hover { color:#FBC717 } /**/ /*#form_order #mask_sender #billing_address_in_waybill { border:none }*/ /* END */ /********************************************************************************************************************************************************/ /* A D D R E S S B O O K */ /********************************************************************************************************************************************************/ #address_book { margin:50px auto 0 0; width:965px } /* 50px! otherwise bad effect on template margins when you change main tabs */ /**/ #address_book #sect_sx { width:306px; float:left; margin-left:-10px; position:relative; top:0px } /* address book menu (almost equal to profile menu) */ #address_book_menu { font-size:14px; height:70px } #address_book_menu .tabs { width:100%; border-bottom:1px solid #ccc; position:relative; float:left } #address_book_menu .tabs div.tab { width:45%; height:40px; position:relative; float:left; margin:0px 0.2em; _margin:0px 0.1em } #address_book_menu .tabs div.selected { border:1px solid #ccc; top:1px; border-bottom:1px solid white } #address_book_menu .tabs div.selected h3 { /*color:#4DABE4*/ /* ok: blue if selected */ } #address_book_menu .tabs div.unselected { top:2px; background-color:#ebebeb } /**/ #address_book_menu .tabs div.unselected:hover { border:1px 1px 0px 0px; border-color:#87c04b; cursor:pointer } /**/ #address_book_menu .tabs div.unselected h3 { color:#707070 /* ko: does not work in chrome/ff5 */ } /**/ #address_book_menu .tabs div a { width:100%; text-decoration:none } #address_book_menu .tabs .preference { display:block; width:100%; margin:0 auto 0 auto; clear:both } #address_book_menu .tabs .preference .txtIcon { display:block; width:65% } #address_book_menu .tabs .preference .txtIcon p { padding:3px 0 0 3px; margin:0px; text-align:left; font-size:0.9em; line-height:0.9em } #address_book_menu .tabs .preference .txtIcon p h3.titleIcon { padding:0 0 3px 0; font-size:1.2em } /**/ #sect_sx .arrowUp a { background:url(../img/arrow_up_off.gif) no-repeat; width:23px; height:12px; display:block; position:relative; left:30px; top:-4px; cursor:pointer } #sect_sx .arrowUp a:hover { background:url(../img/arrow_up_on.gif) no-repeat } #sect_sx .arrowDwn a { background:url(../img/arrow_dwn_off.gif) no-repeat; width:23px; height:12px; display:block;position:relative; left:30px; top:6px;cursor:pointer } #sect_sx .arrowDwn a:hover { background:url(../img/arrow_dwn_on.gif) no-repeat } #sect_sx .address_selected { background: url(../img/contact_sel.png); width:300px; height:65px } #sect_sx .address_unselect { cursor:pointer; width:300px; height:65px } #sect_sx .address_unselect:hover { background: url(../img/contact_sel.png); width:300px; height:65px } #sect_sx .address_default { background: url(../img/contact_def.png); width:300px; height:65px; z-index:1000 } #sect_sx .address_default:hover { background: url(../img/contact_def_hover.png); width:300px; height:65px; z-index:1000 } #sect_sx #add_contact { margin-left:150px } /**/ #sect_sx .scrollable vertical {} #sect_sx div.scrollable { position:relative; overflow:hidden; height:195px/*262*/; width:100% } #sect_sx div.scrollable div.items { position:absolute; height:20000em } #sect_sx .contact_txt { position:relative; top:16px; left:25px; line-height:16px; font-size:12px } #sect_sx .contact_txt a { font-weight:bold; color:#1586b0; text-decoration:none } /**/ #sect_sx .contact_txt p { color:#424242; font-weight:bold } /**/ /**/ #address_book #sect_dx { float:left; width:600px; _width:630px } #address_book #content_box_dx { padding:20px; height:350px } #address_book #book { color:#808274 } /**/ /**/ #sect_dx fieldset { border-top:2px solid #dddede; padding:0; margin-top:-20px; border-left:0; border-right:0; border-bottom:0; margin-bottom:10px } #sect_dx legend { font-size:1.2em; color:#6f6f6f; font-weight:bold; padding-right:10px } /**/ /********************************************************************************************************************************************************/ /* P R O F I L E */ /********************************************************************************************************************************************************/ #profile #box_personal_data { float:left; margin-top:30px; width:600px; color:#808274 } /**/ #profile #box_change_password { float:left; margin-top:30px; width:600px; color:#808274 } /**/ /**/ #passwd-strength-result { text-align:center; background-color:#eee; border:1px solid; border-color:#ddd; width:180px; margin-top:20px } /**/ #passwd-strength-result.strong, #passwd-strength-result.short { font-weight:bold } #passwd-strength-result.bad { background-color: #ffb78c; border-color: #ff853c } /**/ #passwd-strength-result.good { background-color: #ffec8b; border-color: #fc0 } /**/ #passwd-strength-result.short { background-color: #ffa0a0; border-color: #f04040 } /**/ #passwd-strength-result.strong { background-color: #c3ff88; border-color: #8dff1c } /**/ p.description, span.description { font-size:10px; font-style:italic; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif } .description { color:#666 } /**/ #profile #box_invoices { float:left; width:80%/*650px*/; margin:0; margin-top:30px; margin-left:100px; padding:0; color:#333 } /**/ /********************************************************************************************************************************************************/ /* A C C E S S O R I E S */ /********************************************************************************************************************************************************/ button::-moz-focus-inner { border: 0 !important; padding: 0 !important } /* quick Contact */ #quick_contact { position:absolute; top:250px/*170*/; left:-445px; width:485px; height:287px; background:url(../img/quick_contact.png) no-repeat left top; z-index:1000 } #quick_contact h2 { position:absolute; top:20px; right:0; width:45px; height:150px; text-indent:-999em; cursor:pointer } #quick_contact #quick_contact_close { position:absolute; top:4px; right:45px; width:35px; height:35px; text-indent:-999em; cursor:pointer } #quick_contact #quick_contact_note { position:absolute; bottom:26px; left:140px; font-size:12px; line-height:17px; color:#000; width:260px } /**/ #quick_contact form { position:absolute; top:35px; left:35px; width:369px } #quick_contact form .input { position:relative; margin-bottom:9px } #quick_contact form input { background:#fff; padding:0; width:349px; border:0; padding:9px; font-size:12px; color:#333; line-height:11px; /**/ font-family:Arial, Helvetica, sans-serif; border:1px solid #fff } #quick_contact form input.error { border:1px solid #f00 } #quick_contact form textarea { height:72px; background:#fff; width:349px; border:0; padding:9px; font-size:12px; color:#333; /**/ font-family:Arial, Helvetica, sans-serif; overflow:auto; border:1px solid #fff } #quick_contact form textarea.error { border:1px solid #f00 } #quick_contact form .input label { position:absolute; top:0; left:0; line-height:23px; padding:2px 8px; color:#999; font-size:12px; background:#fff; /**/ display:block; margin:4px; height:23px } #quick_contact form .input label.error { display:none !important } #quick_contact form button { background:url(../img/bg_button_qc.gif) repeat-x left center; width:94px; height:34px; border:0; color:#fff; /**/ text-transform:uppercase; letter-spacing:-0.5px; font-size:13px; cursor:pointer } /* warning */ #warning_quick_contact { width:220px; margin:81px 114px 0; text-align:center; color:#478FDC; font-size:19px } /**/ /********************************************************************************************************************************************************/ /* E A S Y F A T T */ /********************************************************************************************************************************************************/ #easyfatt_dialog .outer { position:relative; padding-top:10px; min-height:200px } #easyfatt_dialog .inner { overflow:auto; height:300px } #easyfatt_dialog table {} #easyfatt_dialog table thead th { text-align:left; border-bottom:1px solid gray } #easyfatt_dialog table tbody {} #easyfatt_dialog table td { height:auto; text-align:left } #easyfatt_dialog table td.num { height:auto; text-align:right } /********************************************************************************************************************************************************/ /* T R A C K I N G S T A T U S */ /********************************************************************************************************************************************************/ #tracking_dialog .outer { position:relative; padding-top:10px; min-height:200px } #tracking_dialog .inner { overflow:auto; height:300px } #tracking_dialog table {} #tracking_dialog table thead th { text-align:left; border-bottom:1px solid gray } #tracking_dialog table tbody {} #tracking_dialog table td { height:auto; text-align:left } /********************************************************************************************************************************************************/ /* R E S I D U A L C R E D I T */ /********************************************************************************************************************************************************/ #payment { margin-top:20px; margin-left:20px } #recharge { float:left; display:inline-block; *display:inline; height:100px } #recharge p { display:inline-block; *display:inline; font-size:18px; font-weight:bold; color:#7b7b7b } /**/ #recharge p a { *display:inline; margin-left:10px; vertical-align:3px; font-size:12px; font-weight:bold; color:#17aacc } /**/ #recharge #recharge_pay { margin-left:20px; vertical-align:-14px; font-size:12px; color:#17aacc; font-weight:bold } /**/ #recharge #recharge_pay img { vertical-align:5px } #tot_price { float:left; display:inline-block; *display:inline; font-size:18px; font-weight:bold; color:#7b7b7b; margin-left:170px; vertical-align:0px } /**/ #tot_price #tot_price_details { display:inline-block; *display:inline; vertical-align:-48px; vertical-align:24px\9 } #tot_price #tot_price_details #tot_price_table {} #tot_price #tot_price_details #tot_price_table td { height:auto; text-align:right } #tot_price #tot_price_details #a_discount { color:#8b8b8b } /**/ #tot_price #tot_price_details #a_discount:hover { color:#FBC717 } /**/ #checkout { *display:inline; margin-left:20px; vertical-align:25px; } /**/ #view_credit_dialog table { font-size:11px } #view_credit_dialog table thead th { text-align:left } #view_credit_dialog table tbody { /*overflow-x:hidden; overflow-y:auto*/ } /* TODO make axis y scrollable but do not use css3, please */ #view_credit_dialog table td { height:auto } /********************************************************************************************************************************************************/ /* R E C H A R G E C R E D I T */ /********************************************************************************************************************************************************/ #recharge_dialog {} #recharge_dialog .table_recharge { color:#808274 } /**/ #recharge_dialog .table_recharge td { padding-bottom:5px } #recharge_dialog .td_cuts_recharge_left { width:400px/*220px*/ } #recharge_dialog .td_cuts_recharge_right { width:400px/*210px*/ } #recharge_dialog .td_spec_cc_recharge_right { padding-left:30px } #recharge_dialog .cvv { width:120px; float:right; display:inline; background:yellow } #recharge_dialog .cvv input { background:pink; margin: 0 0 0 51px; clear:both } /********************************************************************************************************************************************************/ /* C H E C K O U T */ /********************************************************************************************************************************************************/ #checkout_dialog #checkout_summary { padding-bottom:15px; margin-top:10px; margin-bottom:15px; border-bottom:1px solid gray } #checkout_dialog #checkout_courier { border-top: 1px solid gray; margin-top: 0px; padding-top: 15px; } #checkout_dialog .td_left { width:220px } #checkout_dialog .td_left input { margin-top:10px } #checkout_dialog .td_left a { font-size:18px; font-weight:bold; color:#7b7b7b; text-decoration:none } /**/ #checkout_dialog .td_others { width:500px/*220px*/ } /********************************************************************************************************************************************************/ /* F I X */ /********************************************************************************************************************************************************/ .panel { padding-left:20px } /* fix slideshow often offsetted negative */ /********************************************************************************************************************************************************/ /* C R E A T E A U N I Q U E S T Y L E */ /********************************************************************************************************************************************************/ .tab_sheet { color:#808274 } /**/ .tab_sheet tr.sharpened { /*background-color:#FFF99D;*/border-bottom:1px solid gray } span.orange { color:#F94803; font-size:12px/*20*/; font-weight:bold; /*vertical-align:-6px; height:14px*/ /*TODO*/ } /* mandatory field */ /**/ #form_order .bg_grey { background:#e9e9e9 } #form_order .bg_custom { color:#4DABE4 } .input_default { background-image:url(img/bg-input.gif); color:#666; height:22px; padding:0 0 0 0; margin:0 0 0 0; vertical-align:middle; /**/ border:1px solid #CCC } .input_default:focus { border:1px solid #4DABE4 } #form_order .input_txtarea { color:#666; height:24px; padding:0 0 0 0; margin:0 0 0 0; border:1px solid #CCC } /**/ #form_order input.orange { background:url(img/bg-input_error.gif) } #form_order select.orange { background:url(img/bg-input_error.gif) } select { background:none } /* length */ .input30 { width:30px } .input40 { width:40px } .input60 { width:60px } .input90 { width:90px } .input130 { width:130px } .input140 { width:140px } .input150 { width:150px } .input170 { width:170px } .input175 { width:175px } .input190 { width:190px } .input200 { width:200px } .input240 { width:240px } .input250 { width:250px } .input260 { width:260px } .input270 { width:270px } .input290 { width:290px } .input300 { width:320px } .input_full { width:99% } .input_full_address { width:375px } .h { font-weight:normal; color:#8b8b8b } /**/ #recharge_dialog .input_SM { width:153px } #recharge_dialog .input_M { width:180px } #recharge_dialog .input_S { width:140px } /* errors validation */ input.form_error { background:#FFF99D; color:black } /* weak yellow */ /**/ select.form_error { background:#FFF99D; color:black } /* weak yellow */ /**/ .form_error { /*background:#FBC717; color:#FFFFFF*/ /*FIX 01Jun2011*/ background:red; color:#FFFFFF } /* white on yellow */ /**/ .err_validator { margin-top:1px; height:22px; font-size:11px; font-weight:bold } #err_msg { margin-top:110px; width:100% } /* table td in #profile and #address_book */ .large { padding-top:16px; vertical-align:bottom } /* volume weight */ #form_order span.dim_warn_single { display:none; margin-left:10px; vertical-align:bottom; color:#FBC717; font-weight:bold; font-size:2em } /**/ #tb_data_sums span.dim_warn_sum { margin-left:3px; color:#FBC717; font-weight:bold; font-size:2em } /**/ #tb_data_sums span.dim_warn_spec { color:#4DABE4 } /**/ #tb_data_sums a { text-decoration:underline } #tb_data_sums a:hover { color:#4DABE4 } /**/ /********************************************************************************************************************************************************/ /* I N C O R P O R A T E p r o g e t t o u n o T E M P L A T E */ /********************************************************************************************************************************************************/ * { margin:0; padding:0 } body { background: url("../images/body_bg.png") no-repeat scroll 58% 268px transparent } #content { margin-left:auto; margin-right:auto; margin-top:10px/*25*/; width:935px } #pageheader { height:90px; overflow: visible; width:935px } /**/ #smalllogo { float:left; position:relative; top:20px; left:-35px; /*all browsers except ie need margin*/margin:-25px 0 0 40px } #logo-medium { left:-40px; position:relative; top:-20px; z-index:11 } /**/ #invite_box_container { position:absolute; top:-8px/*0*/; right:0 } #invitebox-btn { display:none } #invite_box_btn { background:url("../img/dillo-ad-un-amico.png") no-repeat scroll; padding-left:232px/*206*/; padding-bottom:36px } #img_to_page_ask_support { background-image:url("../img/chiedi-supporto.png"); display:block; height:63px; width:198px !important; /*FIX*/ margin-top:10px } #img_to_page_ask_support:hover { background-image:url("../img/chiedi-supporto-hover.png") } /**/ #LiveChat_small { float:right; position:relative; top:0px; *top:-200px; right:350px } #LiveChat_small { background-image:url("../images/parlaconnoi.png"); background-repeat:no-repeat; display:block; height:102px; width:158px } #LiveChat_small:hover { background-image:url("../images/parlaconnoi-hover.png") } /**/ #imballaggio { float:right; position:relative; top:15px/*45*/; right:-100px } #imballaggio a { text-decoration:none } #imballaggio span { font-family:'TradeGothic'; color:#4DABE4 } /**/ /**/ #pagelogin { float:right; width:500px; height:80px; margin-right:10px; margin-top:0px; /*border:1px dotted gray*/ } #body { margin-top:8px } #pagetop { background: url("../images/page-top.png") no-repeat scroll 0 0 transparent; height:19px; width:935px; position:relative; z-index:10 } #pagebody { background: url("../images/page-bg.png") repeat-y scroll 0 0 transparent; width:935px; display:table; /*padding-top:15px*/ } #page-wrapper { margin-left:10px; margin-right:10px } #pagefooter { background: url("../images/page-bottom.png") no-repeat scroll 0 0 transparent; height:20px; width:935px; clear:both } /**/ #tabwrapper { float:right; width:600px; height:85px; margin-right:20px; padding-top:31px } #tabwrapper div { cursor:pointer; cursor:hand } #tabwrapper a { outline:none } #tabwrapper .tab1 { margin-left:0px; position:relative; width:170px; height:71px; background:url(../images/profilo.png) 0px 4px no-repeat; display:inline-block; z-index:1 } #tabwrapper .tab2 { margin-left:-40px; position:relative; *margin-left:135px; *top:-71px; width:170px; height:71px; background:url(../images/spedizioni-tab.png) 0px 4px no-repeat; display:inline-block; z-index:2 } #tabwrapper .tab3 { margin-left:-40px; position:relative; *margin-left:270px; *top:-142px; width:170px; height:71px; background:url(../images/magazzino.png) 0px 4px no-repeat; display:inline-block; z-index:3 } #tabwrapper .tab4 { margin-left:-40px; position:relative; *margin-left:405px; *top:-213px; width:170px; height:71px; background:url(../images/archivio.png) 0px 4px no-repeat; display:inline-block; z-index:4 } #tabwrapper .tabactive { z-index:1000 } /**/ #tabwrapper h3 { position:absolute; margin:35px 0 0 48px; font-size:1.2em; line-height:0.9em; color: #a3a3a3; padding:0 0 3px 0; } /**/ #tabwrapper .tabactive h3 { color:#00AEED } .SDA { /**/ width: 134px; height: 64px; background: url(../img/couriers.png) 0 0; background-position:0px 0px; } .BRT { /**/ width: 83px; height: 128px; background: url(../img/couriers.png) 0 0; background-position:-134px 0px; } .UPS { /**/ width: 105px; height: 128px; background: url(../img/couriers.png) 0 0; background-position:-217px 0px; } .SDA-mini { /**/ width: 32px; height: 16px; background: url(../img/couriers-mini.png) 0 0; background-position:0px 0px; } .BRT-mini { /**/ width: 20px; height: 32px; background: url(../img/couriers-mini.png) 0 0; background-position:-34px 0px; } .AWS-mini { /**/ width: 32px; height: 16px; background: url(../img/couriers-mini.png) 0 0; background-position:0px -16px; } img.centered { display: block; margin-left: auto; margin-right: auto; } /**********************************************************************************/ /* Attribute Hacks for IE (http://paulirish.com/2009/browser-specific-css-hacks/) */ /**********************************************************************************/ /* Comprehensive List of Browser-Specific CSS Hacks => \9 x 6,7,8, * x 6,7 Selector Hacks IE6 and below: * html #uno { color: red } IE7 *:first-child+html #dos { color: red } IE7, FF, Saf, Opera html>body #tres { color: red } IE8, FF, Saf, Opera (Everything but IE 6,7) html>\/**\/body #cuatro { color: red } Opera 9.27 and below, safari 2 html:first-child #cinco { color: red } Safari 2-3 html[xmlns*=""] body:last-child #seis { color: red } safari 3+, chrome 1+, opera9+, ff 3.5+ body:nth-of-type(1) #siete { color: red } safari 3+, chrome 1+, opera9+, ff 3.5+ body:first-of-type #ocho { color: red } saf3+, chrome1+ @media screen and (-webkit-min-device-pixel-ratio:0) { #diez { color: red } } iPhone / mobile webkit @media screen and (max-device-width: 480px) { #veintiseis { color: red } } Safari 2 - 3.1 html[xmlns*=""]:root #trece { color: red } Safari 2 - 3.1, Opera 9.25 *|html[xmlns*=""] #catorce { color: red } Everything but IE6-8 :root *> #quince { color: red } IE7 *+html #dieciocho { color: red } Firefox only. 1+ #veinticuatro, x:-moz-any-link { color: red } Firefox 3.0+ #veinticinco, x:-moz-any-link, x:default { color: red } Attribute Hacks IE6 #once { _color: blue } IE6, IE7 #doce { *color: blue } Everything but IE6 #diecisiete { color\/**\/: blue } IE6, IE7, IE8 #diecinueve { color: blue\9; } IE7, IE8 #veinte { color/\*\**\/: blue\9; } IE6, IE7 -- acts as an !important #veintesiete { color: blue !ie; } string after ! can be anything IE8 #anotherone {color: blue\0/;} must go at the END of all rules */