/* S T R U C T U R E O F E V E R Y P A G E O F T H E S I T E #content #header #man #controls .serv_button #pageheader #pagelogin frm loginform .pageloginblock #parlaconnoi #body #maintop #pagetop #mainbody .leftvline (#login, #seguispedizione, #spediscipacco, #parlaconnoi) #pagebody #page-wrapper oppure page-column1 page-column2 #page-wrapper #mainfooter #pagefooter #footer */ /********************************************************************************************************************************************************/ /* G E N E R A L S E T T I N G S /********************************************************************************************************************************************************/ @font-face { font-family:"TradeGothic"; src:url("Trade-Gothic-LT-Bold.ttf") } /* P1 css3 browsers */ @font-face { font-family:"TradeGothic"; src:url("Trade-Gothic-LT-Bold.eot") } /* P1 ie browsers */ * { margin:0; padding:0; font-family:"Arial" } /* "font-family:Arial,Verdana,Helvetica,sans-serif" */ /*TradeGothic*/ /* degrade choice P1: Trebuchet MS */ html { *overflow-x:hidden /* FIX ie7 scroll bar */ } body { background:url("../images/body_bg.png") no-repeat scroll 58% 230px transparent; *background:none; /* FIX ie7 Rik, it does not see an aereoplane section on the right, so better cut it all */ font-size:68% /* important to drive fonts size around */ } /* fix to resize fonts on ui-dialog */ .ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all { font-size:150% } /* elements format */ h1, h2, h3, h4 { /*font-style:italic;*/ /*font-size\9:32px*/ } h1 { background: url("../images/arrow2.png") no-repeat scroll 0 50% transparent; font-size:2.6em; margin-bottom:10px; padding-left:22px; text-decoration:none; text-transform:uppercase } h2 { color:#FFFFFF; font-size:1.5em; margin-bottom:6px; text-transform:uppercase } h3, h3 a { clear:both; color:#FFFFFF; font-size:13px; font-weight:bold; margin-bottom:5px; text-decoration:none; text-transform:uppercase } h4, h4 a { clear:both; color:#FFFFFF; font-size:1.1em; margin-bottom:2px; text-decoration:none; text-transform:uppercase } img { border:0 none } /*pagelogin*/ ul { list-style:none outside none; margin:0 } /*pagelogin*/ ul li a { color:#58585A; display:block; font-size:12px; font-weight:bold; text-decoration:none } /*pagelogin*/ ul li a:hover { color:#00B8E9; text-decoration:none } #login ul li a { color:#FFFFFF } #login a:hover, #seguispedizione a:hover, #spediscipacco a:hover { color:#FBC717 } #login { white-space:nowrap } #login #login_err h4 { color:#FBC717 } p { color:#464648; font-size:12px; font-weight:bold; margin-bottom:10px; text-align:justify } label { display:block; font-size:12px; font-weight:bold; line-height:14px; margin-bottom:4px; margin-top:5px } .clear { clear:both } input, textarea { font-family:arial; font-size:12px } textarea { overflow:auto } .field50 { border: 1px solid #333333; width: 55%; } .field100 { border: 1px solid #333333; width: 100%; } .field120 { background-color: #EEEFEF; border: 1px solid #58585A; width:120px } /* form registrati */ /* form contatti */ .input_contacts { height:2em; width:400px/*230px*/; margin-bottom:1.1em } .textarea_contacts { width:400px/*230px*/; margin-bottom:1.1em } /*.field_contacts { vertical-align:10px; background-color:#EEEFEF; border:1px solid #58585A; height:2em; width:150px }*/ .input_captcha_contacts { margin-top:1em; position:relative; left:-65px; width:130px } #captcha_generate { font-size:12px; color:#808274 } .imagebutton { float:right; margin-bottom:10px; margin-top:10px } /********************************************************************************************************************************************************/ /* F O L L O W I N G S T R U C T U R E E X P L A I N E D O N T H E T O P /********************************************************************************************************************************************************/ #content { margin-left:auto; margin-right:auto; margin-top:25px; width:935px } /* ------------------------------------------- index.php ------------------------------------------ */ #header { background:url("../images/main_bg.jpg") no-repeat scroll 0 0 transparent; height:304px } #man { float:left; height:200px; left:-38px; position:relative; top:-50px; width:508px } #main_title { position:relative; margin-right:9px; text-align:right } #main_title h1 { background-image:none; color:#353D30; font-size:2em;/*2.1,FIX chrome resolution*/ font-style:italic; letter-spacing:-1px; margin-bottom:0; padding-left:0 } #controls { float:right; margin-top:5px; width:425px } .serv_button { float:left } /* sx: social + 1 image */ #social { float:left; left:20px; position:relative; top:92px; width:40px } #spedisci-new { float:right; left:58px; position:relative; top:-150px; width:230px } #spedisci-subito-new { background-image:url("../images/spedisci-nazionali-hover.png"); display:block; height:145px; width:210px } #spedisci-subito-new:hover { background-image:url("../images/spedisci-nazionali.png") } #spedisci { float:right; left:26px; position:relative; top:-150px; width:230px } #spedisci-subito { background-image:url("../images/spedisci-subito.png"); display:block; height:58px; width:241px } #spedisci-subito:hover { background-image:url("../images/spedisci-subito-hover.png") } /* dx: 4 top images */ #servizio { background-image:url("../images/servizio.png"); display:block; height:145px; width:210px } #servizio:hover { background-image:url("../images/servizio-hover.png") } #tariffe { background-image:url("../images/tariffe.png"); display:block; height:145px; width:210px } #tariffe:hover { background-image:url("../images/tariffe-hover.png") } #spedizioni { background-image:url("../images/spedizioni-internazionali.png"); display:block; height:145px; width:210px } #spedizioni:hover { background-image:url("../images/spedizioni-internazionali-hover.png") } #spediscibut { background-image:url("../images/spedisci.png"); display:block; height:145px; width:210px } #spediscibut:hover { background-image: url("../images/spedisci-hover.png") } /* dx: parla con noi */ .bigger { font-size:25px; margin-left:15px } /*CHIAMACI*/ .label-left { margin-top:-6px; margin-left:-5px; text-align:left; white-space:nowrap; font-size:0.9em } /* bottom */ #img_to_page_invite_friends { background-image:url("../img/dillo-amico.png"); display:block; height:95px; width:205px } #img_to_page_invite_friends:hover { background-image:url("../img/dillo-amico-hover.png") } #img_to_page_ask_info { background-image:url("../img/chiedi-info.png"); display:block; height:63px; width:198px; margin-top:10px } #img_to_page_ask_info:hover { background-image:url("../img/chiedi-info-hover.png") } #img_to_page_ask_support { background-image:url("../img/chiedi-supporto.png"); display:block; height:63px; width:198px } #img_to_page_ask_support:hover { background-image:url("../img/chiedi-supporto-hover.png") } a.discount { color:white; text-decoration:none } a.discount:hover { color:yellow } .yellow_lght { color:yellow } .blue_lght { color:#25a7db } .tab_border.white { border-bottom:solid 1px white } .tab_border.black { border-bottom:solid 1px black } #body { margin-top:8px } #maintop { background:url("../images/main-top.png") no-repeat scroll 0 0 transparent; height:14px; width:935px } #mainbody { background:url("../images/main-body.png") repeat-y scroll 0 0 transparent; color:#FFFFFF; display:table; width:935px } .leftvline { border-left:2px dashed #464646; height:191px; padding-left:25px; padding-right:25px } /* 1. login */ #login { border-left:2px dashed #464646; float:left; width:175px } #login h1.enter { padding-left:0 } #login h1.enter a { color:#FBC717 } #login h1.enter a:hover { color:#FFFFFF } #login #recharge img {} #login #click_for_logout img {} /* 2. segui la spedizione */ #seguispedizione { float:left; width:196px } #seguispedizione h3 { white-space:nowrap } #seguispedizione h3 img { float:left; margin:-10px 3px auto -14px } /* 3. hai una spedizione particolare? */ #spediscipacco { float:left; width:200px } #spediscipacco h2 { margin-bottom:10px } #spediscipacco h2 img { float:left; margin-bottom:16px; margin-left:-15px; margin-right:5px } #spediscipacco h3 a { white-space:nowrap } #spediscipacco #new { margin-top:-10px } #spediscipacco #new h4 a { white-space:nowrap } /* 4. parla con noi */ #parlaconnoi { float:left; width:154px } #LiveChat_big { background-image:url("../images/parlaconnoi.png"); background-repeat:no-repeat; display:block; height:102px; width:158px } #LiveChat_big:hover { background-image:url("../images/parlaconnoi-hover.png") } #mainfooter { background:url("../images/main-footer.png") no-repeat scroll 0 0 transparent; clear:both; height:14px; width:935px } /* ------------------------------------------- page.php ------------------------------------------ */ #pageheader { height:90px; overflow:visible; width:935px } #pagelogin { float:right; height:100px; margin-right:10px; margin-top:-18px; *margin-top:-150px } #pagelogin #spedisci-subito { height:55px; width:235px } #pagelogin h3 { height:45px } #pagelogin h3 a {} #pagelogin #registrati { background-image:url("../images/registrati.gif"); display:block; height:55px; width:235px } #pagelogin #registrati:hover { background-image:url("../images/registrati-hover.gif") } #links_on_top { font-weight:bold; height:10px; margin-top:-10px; margin-left:100px; color:#4DABE4 } #LiveChat_small { float:right; margin-right:100px; position:relative; top:-3px; *top:-137px } #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") } #pagetop { background:url("../images/page-top.png") no-repeat scroll 0 0 transparent; height:19px; width:935px } #pagebody { background:url("../images/page-bg.png") repeat-y scroll 0 0 transparent; display:table; padding-top:15px; width:935px; /**/ font-family:'Arial' } #pagebody {} #pagebody a { color:#4DABE4 } #pagebody a:hover { color:#FBC717 } #pagebody h1, h3 { color:#00B8E8 } #pagebody h2 { color:#000000 } #page-wrapper { margin-left:40px; margin-right:40px } #page-column1 { float:left; margin-left:15px; margin-right:15px; margin-top:40px; width:295px } #page-column1 ul { left:-48px; position:relative; width:340px } #page-column1 ul li { background:url("../images/list-head.png") no-repeat scroll 0 0 transparent; color:#000000; line-height:29px; padding-left:11px } #page-column1 ul li:hover { background:none repeat scroll 0 0 transparent; color:#FFFFFF } .num { color:#FFFFFF; margin-right:40px } .activestep { color:#FFFFFF } .activestep .num { color:#000; font-weight:bold } #page-column1 h2 a { font-size:17px; text-decoration:none } #page-column1 h2 a:hover { background:url("../images/stepactive.png") no-repeat scroll 44px 0 transparent; color:#FFFFFF; font-size:17px; text-decoration:none } #page-column1 h2 a:hover .num { color:#000000 } #page-column1 h2 a.activestep { background:url("../images/stepactive.png") no-repeat scroll 44px 0 transparent; color:#FFFFFF; font-size:17px; text-decoration:none } #page-column1 ul li.activestep { background:none repeat scroll 0 0 transparent; color:#FFFFFF } #page-column1 h3 { border-bottom:2px dashed #58585A; font-size:18px; margin-bottom:30px; margin-left:19px; margin-top:30px; width:196px } #page-column1 p { font-weight:normal; text-align:left } #page-column2 { border-left:4px dashed #58585A; display:table; float:left; padding-top:30px; width:60%/*FIX <600px but chrome update ruined template*/ } #page-column2 img { margin-right:30px } #pagefooter { background:url("../images/page-bottom.png") no-repeat scroll 0 0 transparent; clear:both; height:20px; width:935px } #footer { display:table; margin:10px 5px 1px; *min-height:130px } #footer h3 { color:#00B8E8; white-space:nowrap } #footer a { white-space:nowrap } .bottompanel { border-left:1px dotted #464648; float:left; height:120px } #bottom_panel_1 { border-left:medium none; padding-left:8px; width:180px } #bottom_panel_2 { width:180px; padding-left:40px; padding-right:15px } #bottom_panel_3 { width:190px; padding-left:35px; padding-right:25px } #news { width:140px; padding-left:25px; padding-right:25px } #blog { padding-left:22px; padding-right:0 } #blog h3 { margin:0px auto auto 25px } #blog h3 a { color:#9D9D9D; font-size:1em; line-height:23px } #blog h3 a:hover { color:#4DABE4 } #bloglink { color:#00B8E9; font-size:1.4em } #bloglink:hover { color:#FBC717 } #footer_mission { clear:left; text-align:justify; font-size:10px; color:#909090; font-weight:normal; line-height:12px; margin:0 } #footer_mission h1 { font-size:10px; color:#909090; font-weight:normal; display:inline; line-height:12px; /**/ padding-left:0px; font-style:normal; text-transform:none; background:none } #footer_mission h3 { font-size:10px; color:#909090; font-weight:normal; display:inline; line-height:12px; /**/ font-style:normal; text-transform:none; background:none } /********************************************************/ /* contatti.php, registrati.php /********************************************************/ /**/ .floatleft { float:left } .contact_us_img { margin-top:-20px } .contact_table, #register_table { text-align:right; clear:both; color:#808274 } .msgBoxError { color:#CC0606; text-align:center; margin-top:20px; margin-bottom:10px; font-size:13px; clear:left } .msgBoxSuccess { color:#CC0606; text-align:left; margin-top:20px; margin-bottom:10px; font-size:15px } input.fieldError, textarea.fieldError, select.fieldError { -moz-box-shadow:0 0 7px red; -webkit-box-shadow:0 0 7px red; box-shadow:0 0 7px #FBC717; border:1px solid red } label.fieldError { font-size:13px } /**/ .contact_table { margin-left:0px; width:520px/*357*/; text-align:left } .contact_table td { vertical-align:middle } img#captcha { height:50px; margin-right:0 } #message { resize:none } /**/ #register_table { width:500px } #password label { float:right\9 } #br_ie7 { *display:block } #again_password label { float:right\9; margin-left:-35px } #register_table #passwd-strength-result { margin-left:80px; text-align:center; background-color:#eee; border:1px solid; border-color:#ddd; height:16px; font-size:12px; *width:262px; *float:left; *margin-left:80px; *display:block } #register_table #passwd-strength-result.strong, #passwd-strength-result.short { font-weight:bold } #register_table #passwd-strength-result.bad { background-color: #ffb78c; border-color: #ff853c } #register_table #passwd-strength-result.good { background-color: #ffec8b; border-color: #fc0 } #register_table #passwd-strength-result.short { background-color: #ffa0a0; border-color: #f04040 } #register_table #passwd-strength-result.strong { background-color: #c3ff88; border-color: #8dff1c } #register_table p.description, span.description { font-size:10px; font-style:italic; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif } #register_table .description { color:#666; width:262px; margin-left:80px; clear:both } #register_table .field_default { background-color:#FFFFFF; color:#666; border:1px solid #58585A; width:262px; height:22px; *float:left; *margin-left:80px } /*#register_table .field_default:focus { border:1px solid #4DABE4 }*/ #register_table .field_province { width:200px; float:left; margin-left:80px } #register_table .field_town { width:261px; float:left; margin-left:80px } #register_table .field_postal_code { width:90px; float:left; margin-left:80px } #register_table .field_check { float:left; *margin-left:80px } .legal { float:left; margin-left:80px; font-size:110% } .legal a { cursor:pointer; cursor:hand; text-decoration:underline } /* validation not used for now */ input.form_error { background:#FFF99D; color:black } select.form_error { background:#FFF99D; color:black } .form_error { /*background:#FBC717; color:#FFFFFF*/ /*FIX 01Jun2011*/ background:red; color:#FFFFFF } .err_validator { margin-top:1px; height:15/*22*/px; font-size:11px; font-weight:bold } /********************************************************************************************************************************************************/ /* Q U I C K C O N T A C T /********************************************************************************************************************************************************/ #quick_contact { position:absolute; top:250px; 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:20px/*browser*/; 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_quick_contact { width:240px; margin:40px/*81*/ 114px 0; text-align:center; color:#478FDC; font-size:19px } #frm_quick_contact textarea { resize:none } /********************************************************************************************************************************************************/ /* T R A C K I N G S T A T U S /********************************************************************************************************************************************************/ #tracking_dialog {} #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 } /********************************************************************************************************************************************************/ /* E X T R A (work in progress) /********************************************************************************************************************************************************/ h2#best_price { float:left; left:320px; position:relative; top:-85px; font-size:120%; text-transform:none; color:#4DABE4 } h2#best_price a { color:#4DABE4; text-decoration:none } h2#best_price a:hover { color:#FBC717 } /**/ #logo-medium { left:-40px; position:relative; top:-20px } /* not used */ #smalllogo { left:-40px; position:relative; top:-21px } /* not used */ /**/ td.prices { color:#4dabe4 }