/* ------------------------------------------------------ we.register.it/orders/cart stylesheet - v2.0b Last Update: Wed 11.03.2009 @ 2.48 p.m. ------------------------------------------------------ Table of content - Introduction and comments - Map - Colour palette - Reset browsers default styling - Generic rules - Selector-specific rules: - Header - Container - Info Box (left column content) - Upselling per product - Add Domain form - Cart content (right column content) - Cart Rows (product tree) - Disclaimers, Cart Flush & Price table - Login Form - Proceed button - Promo Code box - Footer - Page-specific rules - #cc (cc.html & pagomensual.html) - #ownerdata (ownerdata.html) - #rescontacts (contactdata.html) - #ok, #ko, #wait (ok.html) ------------------------------------------------------ +--------------------- #header ----------------------+ | | | logo .area | | | | #breadcrumbs | | | +----------------------------------------------------+ +-------------------- #container --------------------+ | | | h1 .secure | | | | +---------------------------------------------+ | | | | | | | #intro | | | | | | | +---------------------------------------------+ | | | | +----------------- #content ------------------+ | | | | | | | #info_box #cart_content | | | | | | | +---------------------------------------------+ | | | +----------------------------------------------------+ +--------------------- #footer ----------------------+ | | | #logos | | | | #foocontent | +----------------------------------------------------+ Reset browsers default styling ----------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100,01%; font-family: inherit; vertical-align: baseline; line-height: 1; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } /* Generic rules ----------------------------------------------------*/ body { background: #DDDDDD; text-align: center; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #666666; font-size: 62.5%; word-spacing: 0.1em; padding: 0 0 40px 0; overflow-x: hidden; } .block { width: 940px; display: block; clear: both; margin: 0 auto; text-align: left; } strong { font-weight: bold; } a { text-decoration: none; padding-bottom: 1px; } a, .clickme { cursor: pointer; } h1, h2, h3, h4, h5, h6, legend { font-family: Cambria, Georgia, Times, Times New Roman, serif; } h1 { padding: 0 0 1px 0; } input { padding: 4px; /*border: 1px solid #ccc;*/ color: #666; font-family: Arial, Helvetica Neue, Helvetica, sans-serif } .inputradio, .inputcheckbox { padding: 0; margin: 0 0.5em 0 0; border: none; } /* Header ----------------------------------------------------*/ #header { position: relative; } #header img { margin: 20px 0 0; } #header_top { margin: 0; padding: 30px 0 0; position: absolute; right: 0; text-align: right; top: 0; width: 700px; } #restricted_access { position: relative; clear: both; display: block; text-align: right; padding: 0 0 30px; } #restricted_access a { color: #666; padding-bottom: 1px; border-bottom: 1px solid #ccc; } #restricted_access a:hover { color: #D13481; border-bottom: 1px solid #D13481; } #header span.area { display: none; } #header ul { } #breadcrumbs li { display: inline; font-size: 1.2em; padding: 0 20px; background: url(../_img/BreadCrumbSeparator.png) right center no-repeat; } #breadcrumbs li.Current { color: #333; font-weight: bold; } #breadcrumbs li.Complete a { color: #579000; font-weight: bold; } #breadcrumbs li.firstChild { } #breadcrumbs li.firstChildActive { font-weight: bold; color: #333; } #breadcrumbs li.firstChildComplete a { font-weight: bold; color: #579000; } #breadcrumbs li.lastChild { background: none; padding-right: 0; } #breadcrumbs li.lastChildCurrent { color: #333; font-weight: bold; } #breadcrumbs li.lastChildComplete { color: #666; } #header .Complete span.breadin, #header .firstChildComplete span.breadin { background: url(../_img/checked.gif) left center no-repeat; padding: 0 0 0 20px; } #header ul a { text-decoration: none; color: #666; font-weight: normal; } #header ul a:hover { text-decoration: underline; } #noJs, #nocookies { margin-top: -250px; position: absolute; width: 100%; z-index: 10; text-align: center; } #noJs div, #nocookies div { margin: 0 auto; background: #fff; width: 500px; height: 200px; } #noJs h3, #nocookies h3 { line-height: 2em; font-size: 2em; font-variant: small-caps; } #noJs p, #nocookies p { font-size: 1.2em; line-height: 1.5em; } #nocookies { margin: 0; position: relative; } /* Container ----------------------------------------------------*/ #weekend_promotion { display: none; } /* to-do */ #setup { background: #fff; color: #ccc; font-size: 5em; padding: 150px 0; position: relative; text-align: center; top: -35px; } #container { background: #fff url(../_img/contentTop.png) top center no-repeat; margin: 20px auto 0; padding: 30px 40px 5px; position: relative; width: 860px; } #container h1 { float: left; width: 500px; } #container .secure { float: right; text-align: right; background: url(../_img/icon-lock.gif) left center no-repeat; padding: 0 0 0 25px; line-height: 25px; font-size: 1.2em; color: #999; } p.intro { display: none; clear: both; border-top: 1px solid #ccc; margin: 40px 0 0; padding: 15px 0; font-size: 1.2em; line-height: 1.5em; z-index: 15; width: 860px;} #page_error { border-top: 1px dotted #ccc; clear: both; font-size: 1.2em; padding: 10px 0; margin-bottom: -10px; } #page_error .hd, #page_error .ft { display: none; } #page_error .bd { background: #FAF3E6 url(../_img/errorBackg.gif) no-repeat scroll 8px -76px; display: block; padding: 8px 0 5px 40px; margin: 0 0 10px 0; border-bottom: 1px solid #FAE6C2; border-top: 1px solid #FAE6C2; line-height: 1.5em; } #page_error .bd button { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -1px; width: 20px; height: 20px; text-indent: -9000px; border: none; cursor: pointer; float: right; margin: 0 10px; } #page_error .bd button.button-hover { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -22px; } #page_error .bd button.button-clicked { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -42px; } #page_error h3 { font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #FAE6C2; padding: 6px 0 6px; width: 785px; } #content { clear: both; width: 860px; padding: 0; margin-top: 30px; border-top: 1px solid #ccc; } .box_searchdom ul { padding: 1em 0 0; } .box_searchdom li { list-style: circle inside; line-height: 1.6em; font-size: 1.2em; } .box_searchdom #addDomain { margin: 40px 195px; float: none; } #info_box { float: left; margin: -5px 0 0 -5px; width: 490px; } #right_column { width: 340px; float: right; } #cart_content { width: 340px; clear: both; } #marketing_box { width: 340px; margin: 40px 0; clear: both; } #telephonic_order, #payment_methods_div, #markethingy, #promotion_active { float: right; width: 340px; background: #EBEBEB; position: relative; clear: both; background: #EBEBEB url(../_img/marketingBoxBottom.png) bottom center no-repeat; } #telephonic_order, #markethingy, #promotion_active { margin: 0 0 30px 0; } #telephonic_order h2, #payment_methods_div h2, #markethingy h2, #promotion_active h2 { display: block; text-align: center; font-size: 1.5em; line-height: 2em; padding: 3px 0 0;color: #333; background: #EBEBEB url(../_img/marketingBoxTop.png) top center no-repeat; } #telephonic_order p, #payment_methods_inner, #markethingy p, #promotion_active p { width: 280px; background: #fff; display: block; padding: 20px 20px 15px 20px; border: 1px solid #DEDEDE; border-bottom: none; margin: 0 10px 10px; } #telephonic_order p .intro { display: block; clear: both; padding: 0 0 1em 0; font-size: 1.2em; text-align: center; margin: 0 0 1em 0; border-bottom: 1px solid #ececec; } .greenline { color: #99CC00; font-size: 2.3em; padding: 0 0 0 30px; background: url(../_img/icon-phone.gif) left 1px no-repeat; font-weight: bold; letter-spacing: -0.1em; float: left; margin: 0 20px 0 0; } .reservation { display: block; text-align: center; padding: 15px 0 0 0; font-size: 1.2em; } .reservation a { color: #333; text-decoration: none; border-bottom: 1px solid #333; padding-bottom: 1px; } .reservation a:hover { color: #D13481; border-bottom: 1px solid #D13481; } #payment_methods_div ul { display: block; padding: 0 0 15px; } #payment_methods_div li { border-bottom: 1px solid #ECECEC; clear: both; display: block; font-size: 1.1em; height: 22px; line-height: 20px; margin: 0 0 5px; padding: 1px 0; } li.payment_credit { background: url(/orders/cart/_img/paymentMethods.gif) 146px 0 no-repeat; } .nominalia_com li.payment_credit { background: url(../_img/paymentMethods.gif) 128px 0 no-repeat; } li.payment_bullettin { background: url(../_img/paymentMethods.gif) right -30px no-repeat; } li.payment_cartafacile { background: url(../_img/paymentMethods.gif) right -54px no-repeat; } li.payment_paypal { background: url(../_img/paymentMethods.gif) right -80px no-repeat; } li.payment_ideal { background: url(../_img/paymentMethods.gif) no-repeat right -107px; } #payment_methods_inner span { font-size: 1.1em; display: block; clear: both; text-align: center; } .spacer { clear: both; width: 860px; height: 40px; } .readonly { background: #e2e2e2; } /* what's that? */ /* Info Box ----------------------------------------------------*/ #info_box .top { background: url(../_img/infoboxMain.png) no-repeat scroll center top; clear: both; float: left; height: 12px; width: 490px; } #info_box .middle { background: url(../_img/infoboxMiddle.png) repeat-y center top; clear: both; float: left; overflow: visible; padding: 15px 25px; width: 440px; } #info_header { font-size: 0.9em; } .product_header { display: block; font-size: 0.9em; } .product_header .dom_a { font-size: 1.3em; font-variant: small-caps; clear: both; display: block; position: relative; display: none; } .product_header .product { width: 340px; font-size: 2em; color: #D13481; float: left; padding: 0 0 10px 0; } .product_header .tld { text-transform: uppercase; margin: 0 10px 0 0; font-size: 0.9em; } .product_header .product_duration { font-size: 0.9em; color: #666; white-space: nowrap; } .product_header .price { display: inline; position: relative; float: right; text-align: center; color: #999; width: 92px; font-size: 1.8em; } #infoDivContainer { clear: both; width: 440px; padding: 0; float: left; } #infoDivContainer table { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 440px; } #infoDivContainer table td { line-height: 1em; font-size: 1.1em; padding: 1px 0; } #infoDivContainer .marketing_info_default .aftermarket_setup_descr_sum{line-height:20px;} #infoDivContainer .marketing_info_regit td { line-height: 1em; } #infoDivContainer td.price { background: #F9F9F9; width: 92px; text-align: center; padding: 4px 0; } #infoDivContainer ul { display: block; } #infoDivContainer li { display: block; line-height: 1.6em; } #info_box .bottom { background: url(../_img/infoboxMain.png) no-repeat center bottom; clear: both; float: left; height: 12px; width: 490px; } /* Cart Content ---------------------------------------------------*/ h2#cartHeader { background: #E385B3 url(../_img/cartContentTop.png) no-repeat scroll left top; padding: 0 0 6px 10px; letter-spacing: -1px; height: 1.2em; float: left; margin: 0 0 -7px 0; font-size: 2.2em; z-index: 10; color: #fff; } h2#cartHeader span { background: #E385B3 url(../_img/cartContentTop.png) no-repeat scroll right top; padding: 4px 10px 3px 0; line-height: 1.5em; } #cartList { background: #E385B3 url(../_img/cartContentTop.png) no-repeat scroll right top; width: 320px; display: block; clear: both; padding: 10px 10px 0; } #cartList .productGroup .last_child, #hidden_cart_products { display: none; } #cartList .productGroup { border-top: 1px solid #D13481; display: block; margin-bottom: 1px; } #cartList .productRow { background: #FEF7FA; border-bottom:1px solid #FEC8E2; color: #666; font-size: 1.1em; line-height: 1.2em; overflow: hidden; padding: 8px 8px 8px 20px; width: 292px; position: relative; } #cartList .productGroup .first_child { padding: 8px; width: 304px; font-size: 1.1em; } .productRow .product { display: block; float: left; line-height: 1.3em; width: 240px; } .productGroup .first_child .product { width: 260px; } .productGroup .first_child .DOMAINPRO_REN, #cartsummary .productGroup .first_child .DOMAINPRO_REN { width: 230px; } body .productGroup .productRow .DOMAINPRO, .productRow .DOMAINPRO_REN, .productRow .DOMAINPRO_UPG, .productRow .DOMAINPROCA { padding-right:35px; width:210px; color:#006B8E; background: url(../_img/ico_DP.gif) right top no-repeat; } body#cartsummary .productRow .DOMAINPRO, .productRow .DOMAINPRO_REN, .productRow .DOMAINPRO_UPG, .productRow .DOMAINPROCA, body#cartsummary .productRow .DOMAINPRO_UPG { width:180px; } /*Amen bundle*/ body .productGroup .productRow .WEBSTALINPRO, body#cartsummary .productGroup .productRow .WEBSTALINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HSL.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBSTAWINPRO, body#cartsummary .productGroup .productRow .WEBSTAWINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HSW.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBMAILSTARTPRO, body#cartsummary .productGroup .productRow .WEBMAILSTARTPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_ES.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBMAILPROFPRO, body#cartsummary .productGroup .productRow .WEBMAILPROFPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_EPRO.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBPROLINPRO, body#cartsummary .productGroup .productRow .WEBPROLINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HPROL.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBPROWINPRO, body#cartsummary .productGroup .productRow .WEBPROWINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HPROW.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBPRELINPRO, body#cartsummary .productGroup .productRow .WEBPRELINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HPREL.gif) right -1px no-repeat; overflow:hidden;} body .productGroup .productRow .WEBPREWINPRO, body#cartsummary .productGroup .productRow .WEBPREWINPRO { padding-right:35px; width:180px; height:15px; color:#006B8E; background: url(../_img/ico_HPREW.gif) right -1px no-repeat; overflow:hidden;} .product .tld { text-transform: uppercase; font-weight: bold; } #cartList .productRow .price { position: absolute; right: 10px; top: 11px; } #cartsummary #cartList .productRow .price { position: absolute; right: 35px; top: 11px; } #cartsummary #cartList .first_child .price { position: absolute; right: 35px; top: 9px; line-height: 1.3em; } .first_child .product { line-height: 1.3em; padding: 2px 0 0; } #cartList .productGroup .fake { background: #DF71A7; padding: 6px 8px; color: #fff; } #cartList .productGroup .fake .product { font-size: 0.7em; text-transform: uppercase; width: 305px; } .fake .product .domain { font-weight: bold; } #cartList #totalProductsInCart { border-bottom: 1px solid #E99CC2; color: #FFF; font-size: 1.2em; line-height: 1.5em; margin:0 0 3px; padding: 6px; text-align: center; border-bottom: 1px solid #E99CC2; } #totalProductsInCart a { border-bottom: 1px solid #fff; color: #FFF; } #totalProductsInCart a:hover { border-bottom: 1px solid #D13481; color: #D13481; } #price { background: #E385B3 url(../_img/cartContentBottom.png) bottom center no-repeat; color: #fff; padding: 0 10px 10px; clear: both; overflow: hidden; margin: -3px 0 0 0; } #price span.price { background: #E99CC2; margin-top: -10px; padding: 8px; text-align: center; width: 80px; position: absolute; right: 50px; } #price #subtotal, #price #vat, #price #total_price { border-bottom: 1px solid #E99CC2; padding: 12px 0 5px; margin-bottom: -1px; } #price #total_price { font-weight: bold; font-size: 1.2em; } #santjordi { background: #C6518B; border-bottom: 1px solid #DF71A7; border-top:1px solid #DF71A7; clear:both; color: #FFF0F8; font-size: 1.1em; padding: 10px 0; width: 320px; } #modify_cart { clear: right; display: inline; float: left; font-size: 1.1em; margin: 0 0 0 10px; padding: 7px 0 1px; } #modify_cart a { border-bottom: 1px solid #ccc; color: #666; padding-bottom: 1px; } #modify_cart a:hover { border-bottom: 1px solid #D13481; color: #D13481; } /* Footer ----------------------------------------------------*/ #logos { text-align: center; background: #fff url(../_img/contentBottom.png) bottom center no-repeat; position: relative; top: -35px; padding: 80px 0 30px 0;} #logos img { cursor: help; } #footer { position: relative; top: -15px; padding: 0 0 30px 0; } #foocontent { width: 940px; } #foocontent .logo { float: left; margin: 0 10px 0 0; } #foocontent p { line-height: 1.3em; font-size: 1em; width: 690px; float: left; } #foocontent a { color: #666; } #foocontent a:hover { color: #333; } #footel { background: #ccc; width: 150px; float: right; padding: 5px; text-align: center; } .foo_telephone { background: url(../_img/foo_tel.png) no-repeat 2px 1px; display: block; font-size: 2.3em; letter-spacing: -0.1em; padding: 4px 0 8px 25px; } .foo_telephone .NLnumber {display:block; font-size:13px; letter-spacing:-1px; margin-top:-2px;} /*only for amen.nl*/ /* Info Box Upselling per product ----------------------------------------------------*/ .upgrade_DOMAINPRO { background: #EDF2F5; clear: both; display: block; font-size: 1.1em; line-height: 1.8em; margin: 0 0 15px; padding: 3px; text-align: center; } .upgrade_DOMAINPRO a { color: #0C7494; border: none; } .upgrade_DOMAINPRO a:hover { color: #D13481; } .upgrade_DOMAIN { background: #F6F6F6; clear: both; display: block; font-size: 1.1em; line-height: 1.8em; margin: 0 0 15px; padding: 3px; text-align: center; } .upgrade_DOMAIN a { color: #666; border: none; } .upgrade_DOMAIN a:hover { color: #D13481; } .upselling, .upselling_section { clear: both; } .loadUpselling { display: block; text-align: center; color: #333; padding: 5px 0; margin: 5px 0; font-size: 1.4em; cursor: pointer; background: #EBEBEB; clear: both; } .loadUpselling span { display: block; background: url(../_img/upselling-showhide.png) 10px -17px no-repeat; } .loadUpselling.active span { background: url(../_img/upselling-showhide.png) 10px 2px no-repeat; } .upselling_inner { padding: 15px 0; clear: both; position: relative; } .upselling_item { float: left; width: 180px; padding: 15px; background: #EBEBEB; clear: none; } .odd { } .even { margin: 0 0 0 18px; float:right; } .upselling_image { display: block; width: 174px; height: 100px; clear: both; border: 1px solid #ccc; background: #fff url(../_img/pic_generic.jpg) no-repeat center center; padding: 2px; } /*brand diff in css of brand*/ .upselling_item h5 { display: block; font-size: 1.2em; padding: 5px 0; /*font-variant: small-caps;*/ font-weight: bold; } h5 .duration { display: block; } .upselling_item .price { background: none; border: none; padding: 0 0 7px 0; height: 1em; color: #999; font-size: 1.2em; border-bottom: 1px solid #ccc; font-weight: bold; width: 180px; display: block; } .upselling_info { border-top: 1px solid #fff; width: 180px; padding: 10px 0; border-bottom: 1px solid #ccc; line-height: 1.2em; } .upselling_info ul { display: block; margin: 5px 0; } .upselling_info ul li { list-style: circle inside; font-size: 1.1em; margin: 8px 0; } .add_to_cart { border-top: 1px solid #fff; padding: 15px 0 0 0; text-align: center; width: 180px; } .add_to_cart a { background: url(../_img/ButtonsGlobal.png) no-repeat -262px -3px; color: #FFF; display: block; height: 21px; line-height: 21px; margin: 0 18px; padding: 0 0 0 19px; text-align: center; text-decoration: none; width: 122px; } .add_to_cart a.button-hover { background:transparent url(../_img/ButtonsGlobal.png) no-repeat -262px -48px; } .add_to_cart a.button-clicked { background:transparent url(../_img/ButtonsGlobal.png) no-repeat -262px -25px; } .show_next_group { clear: both; padding: 30px 0 0; text-align: center; font-size: 1.3em; width: 440px; } .show_next_group span { display: inline; border-bottom: 1px solid #ccc; padding-bottom: 1px; } .show_next_group span:hover { color: #D13481; border-bottom: 1px solid #D13481; } /* Product Icons ----------------------------------------------------*/ .upselling_image.upselling_image_exchange {background: url(../_img/pic_exchange.jpg) no-repeat center center;} .upselling_image.upselling_image_exchangeowa {background: url(../_img/pic_exchange.jpg) no-repeat center center;} .upselling_image.upselling_image_hosting20 {background: url(../_img/pic_host_pers_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostndlx20 {background: url(../_img/pic_host_pers_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingnew50 {background: url(../_img/pic_host_dev_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostndlx50 {background: url(../_img/pic_host_dev_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingws50 {background: url(../_img/pic_host_dev_win.jpg) no-repeat center center;} .upselling_image.upselling_image_hostndws50 {background: url(../_img/pic_host_dev_win.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingnew150 {background: url(../_img/pic_host_bus_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostndlx150 {background: url(../_img/pic_host_bus_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingws150 {background: url(../_img/pic_host_bus_win.jpg) no-repeat center center;} .upselling_image.upselling_image_hostndws150 {background: url(../_img/pic_host_bus_win.jpg) no-repeat center center;} .upselling_image.upselling_image_email10 {background: url(../_img/pic_mail_10.jpg) no-repeat center center;} .upselling_image.upselling_image_email10nodom {background: url(../_img/pic_mail_10.jpg) no-repeat center center;} .upselling_image.upselling_image_spamvir10 {background: url(../_img/pic_antiv.jpg) no-repeat center center;} .upselling_image.upselling_image_sepromo2 {background: url(../_img/pic_motori.jpg) no-repeat center center;} .upselling_image.upselling_image_wcreator_start, .upselling_image.upselling_image_wcreatornd_start {background: url(../_img/pic_website.jpg) no-repeat center center;} .upselling_image.upselling_image_privatewhois {background: url(../_img/pic_privatewhois_product.jpg) no-repeat center center;} /*Amen*/ .upselling_image.upselling_image_email100 {background: url(../_img/pic_mail_100.jpg) no-repeat center center;} .upselling_image.upselling_image_email500 {background: url(../_img/pic_mail_500.jpg) no-repeat center center;} .upselling_image.upselling_image_hostinglx1 {background: url(../_img/pic_host_sta_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostinglx100 {background: url(../_img/pic_host_pro_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingws1 {background: url(../_img/pic_host_sta_win.jpg) no-repeat center center;} .upselling_image.upselling_image_hostingws100 {background: url(../_img/pic_host_pro_win.jpg) no-repeat center center;} .upselling_image.upselling_image_host_lx_start {background: url(../_img/pic_host_sta_lin.jpg) no-repeat center center;} .upselling_image.upselling_image_host_ws_start {background: url(../_img/pic_host_sta_win.jpg) no-repeat center center;} .upselling_image.upselling_image_host_lx_pro {background: url(../_img/pic_host_professional_lnx.jpg) no-repeat center center;} .upselling_image.upselling_image_host_ws_pro {background: url(../_img/pic_host_professional_win.jpg) no-repeat center center;} /* Add domain FORM ----------------------------------------------------*/ #addDomain { float: left; width: 470px; margin: 40px 5px; } #addDomain fieldset { border: 1px solid #ccc; padding: 15px; } #addDomain legend { padding: 0 10px; font-size: 1.4em; height: 1.5em; } #addDomain div { text-align: center; font-weight: bold; } #addDomain div div { display: inline; clear: none; } #addDomain #submitDomain { background: url(../_img/ButtonsGlobal.png) no-repeat scroll -405px -24px; width: 102px; height: 22px; padding: 0 0 0 13px; border: none; color: #fff; } #addDomain #submitDomain.active { background: url(../_img/ButtonsGlobal.png) no-repeat scroll -405px -1px; color: #fff; cursor: pointer; cursor: pointer; } #addDomain #submitDomain.button-hover { background: url(../_img/ButtonsGlobal.png) no-repeat scroll -405px -47px; cursor: pointer; } #container #addDomain #submitDomain.button-clicked { background: url(../_img/ButtonsGlobal.png) no-repeat scroll -405px -24px; } #addDomain #domain_format_error, #addDomain #domain_length_error { display: block; clear: both; padding: 15px 0 0; font-weight: normal; color: #AF3F3F; font-size: 0.9em; text-transform: uppercase; } /* Cart_content ----------------------------------------------------*/ #cartsummary #cartList, #cartsummary #price, #neodomain #cartList, #neodomain #price { background: #D13481; } #cartsummary h2#cartHeader, #neodomain h2#cartHeader { background: #D13481 url(../_img/cartContentActiveTop.png) no-repeat scroll left top; } #cartsummary h2#cartHeader span, #neodomain h2#cartHeader span { background: #D13481 url(../_img/cartContentActiveTop.png) no-repeat scroll right top; padding: 3px 10px 3px 0; line-height: 1.5em; } /* Cart rows ----------------------------------------------------*/ #cartsummary #cartList { background: #D13481 url(../_img/cartContentActiveTop.png) top right no-repeat; } #cartsummary #cartList .threeState, #neodomain #cartList .threeState { cursor: pointer; } #cartsummary #cartList .productRow, #neodomain #cartList .productRow { background: #FDF5F9; border-bottom: 1px solid #fff; border-top: 1px solid #F6B7D2; font-size: 1.2em; } #cartsummary #cartList .productGroup .first_child, #neodomain #cartList .productGroup .first_child { border-top: 1px solid #911150; color: #333; } #cartsummary .product .tld { cursor: help; } #cartsummary .productRow .product { width: 260px; } /*newstyle for bundle*/ #cartList .first_child .bundle_description{border-top:1px dotted #CCCCCC;float:left;margin-top:8px;padding:8px 0 0 5px;width:290px;} #cartsummary .productGroup form, #neodomain .productGroup form { display: block; } #cartsummary .productGroup .first_child, #neodomain .productGroup .first_child { padding: 8px 7px; width: 306px } .product img { float: left; margin: 0 7px 0 0; } #cartsummary #cartList .first_child .price { line-height: 1.2em; } #cartsummary .first_child .product, #neodomain .first_child .product { line-height: 1.2em; } #hidden_cart_products img { display: block; text-align: center; } body#cartsummary #cartList .productGroup li.button-hover, body#neodomain #cartList .productGroup li.button-hover { background: #F7DCEA; color: #D13481; } body#cartsummary #cartList .productGroup li.button-clicked, body#neodomain #cartList .productGroup li.button-clicked { background: #fff url(../_img/productGroupClicked.png) left 12px no-repeat; color: #666; } body#cartsummary #cartList .productGroup li.button-hover form a, body#neodomain #cartList .productGroup li.button-hover form a { background: url(../_img/cart_remove.png) no-repeat -3px -21px; } body#cartsummary #cartList .productGroup li.button-hover form a:hover, body#neodomain #cartList .productGroup li.button-hover form a:hover { background: url(../_img/cart_remove.png) no-repeat -3px -41px; } body#cartsummary #cartList .productGroup li.button-clicked form a, body#neodomain #cartList .productGroup li.button-clicked form a { background: url(../_img/cart_remove.png) no-repeat -3px -61px; } body#cartsummary #cartList .productGroup li.button-clicked form a:hover, body#neodomain #cartList .productGroup li.button-clicked form a:hover { background: url(../_img/cart_remove.png) no-repeat -3px -81px; } .productRow li { padding: 0 0 0 20px; } .productRow form { display: inline; margin: 0 0 0 7px; float: right; width: 18px; height: 17px; } .productRow form a { width: 18px; height: 17px; text-indent: -9000px; background: url(../_img/cart_remove.png) no-repeat -3px -1px; cursor: pointer; display: block; } /* Disclaimers, Cart Flush & Price table ----------------------------------------------------*/ #disclaimer_login_submit { width: 340px; color: #fff; clear: both; } #disclaimers, #autorenew, #old_customer,#myselfbox,#checkSimply { background: #D13481; width: 320px; padding: 0 10px; } #legal_notice p { line-height: 1.4em; padding: 1em 0 0; font-size: 1.1em; } #legal_notice .clickme, #checkSimply .clickme { border-bottom: 1px solid #FAFAFA; color: #fff; padding: 0; } #totalProductsInCart a:hover, #legal_notice .clickme:hover, #checkSimply .clickme:hover { color: #FFB3D8; border-bottom: 1px solid #FFB3D8; } #acceptServiceConditions { font-size: 1.1em; line-height: 1.5em; padding: 0 0 2px 0; } #adwords_note_container { padding: 5px 0; } #adwords_note_container h3 { padding: 3px 0 0; line-height: 1.2em; font-size: 1.2em; } #adwords_note_container p { padding: 5px 0; line-height: 1.3em; border-top: 1px solid #E280B0; font-size: 1.1em; } #autorenew,#myselfbox,#checkSimply,#bioInCart { padding: 10px 0 5px; } #autorenew,#myselfbox,#checkSimply label,#bioInCart { font-size: 1.1em; } #disclaimer_login_submit .round_bottom_regular { height: 5px; background-color:red; background: #D13481 url(../_img/cartContentActiveBottom.png) bottom center no-repeat; } #cart_flush input { background: #DF71A7; color: #FFF; float: right; font-size: 10px; padding: 5px 0 3px 0; text-transform: uppercase; width: 96px; border: none; border-top: 1px solid #D13481; margin-top: 1px; } #cart_flush input.button-hover { text-decoration: underline; } /* Login form ----------------------------------------------------*/ #old_customer { padding-bottom: 5px; } #old_customer_label { background: url(../_img/alreadyClientBackg.png) no-repeat left top; display: block; font-size: 1.1em; line-height: 31px; padding: 0 7px; } #old_customer_login { margin: 10px 0 0; background: #DD67A1 url(../_img/alreadyClientBottom.png) bottom left no-repeat; padding: 0 0 15px; width: 320px; overflow: hidden; } #cartsummary #login_instructions { background: url(../_img/alreadyClientTop.png) top left no-repeat; font-size: 1.1em; padding: 15px 15px 0; } #login_credentials { display: block; width: 290px; clear: both; padding: 0 15px; } #old_customer_login #login_credentials label { width: 145px; display: inline; float: left; font-weight: bold; font-size: 1.1em; line-height: 2em; padding: 0; clear: none; } #login_credentials a { color: #eee; font-weight: normal; } #login_credentials a:hover { color: #fff; } #login_credentials .inputtext { width: 130px; border: none; display: block; clear: both; } #old_customer_login .inputcheckbox { margin: 3px 0 0; } #old_customer_login label { display: block; clear: both; padding: 0 15px; } #cartsummary ul.simplyTip li {list-style:none;} /* Proceed button ----------------------------------------------------*/ #submit_cartsummary { padding: 30px 0 20px; } #submit_cartsummary input, #submit_contactdata input, #cc #superSubmit button, .bttnOrange, #submitArea button { background: url(../_img/ButtonsGlobal.png) -126px -1px; border: none; color: #FFF; cursor: pointer; display: block; float: right; font-size: 1.5em; font-style: normal; font-weight: bold; height: 30px; width: 134px; font-family: Helvetica, Arial, sans-serif; margin: 20px 0; } #cc #superSubmit button.button-hover, #submit_contactdata input.button-hover, #submit_cartsummary input.button-hover, .bttnOrange-hover, #submitArea button.hoverButton { background: url(../_img/ButtonsGlobal.png) -126px -32px; } #cc #superSubmit button.button-clicked, #submit_contactdata input.button-clicked, #submit_cartsummary input.button-clicked, #submitArea button.disabled { background: url(../_img/ButtonsGlobal.png) -126px -63px; } /* Promo Code ----------------------------------------------------*/ .got_code { border-bottom: 1px solid #ccc; padding: 7px 0 1px; display: inline; float: left; margin: 0 0 0 10px; font-size: 1.1em; clear: right; } .got_code:hover { color: #D13481; border-bottom: 1px solid #D13481; } #promoPopup, #promo_error, #promoInfo, #lostPwdDialog { width: 403px; position: absolute; z-index: 10; margin: -145px -90px; } #promo_error { margin-top: -50px; } #promoPopup .top, #promo_error .hd, #promoInfo .top, #lostPwdDialog .top { background: url(../_img/promocodeMain.png) left -28px no-repeat; height: 12px; } #promoPopup .middle, #promo_error .bd, #promoInfo .middle, #lostPwdDialog .middle { background: url(../_img/promocodeMiddle.png) top left repeat-y; width: 363px; padding: 5px 20px; overflow: hidden; } #promoInfo h3 { display: block; border-bottom: 1px solid #ccc; padding: 0 0 5px; font-size: 1.4em; } #promo_code_error_body { font-size: 1.2em; } #promoPopup .inputtext { width: 190px; } #submit_promo, #lostPwdForm div span input { background: url(../_img/ButtonsGlobal.png) 0 -2px; width: 125px; height: 25px; text-align: center; border: none; color: #fff; font-weight: bold; margin: 0 7px; cursor: pointer; } #submit_promo.button-hover, #lostPwdForm div span input.button-hover { background: url(../_img/ButtonsGlobal.png) 0 -28px; } #submit_promo.button-clicked, #lostPwdForm div span input.button-clicked { background: url(../_img/ButtonsGlobal.png) 0 -54px; } #promo_error button, #promoPopup .cancel, #promoInfo .cancel, #lostPwdDialog .cancel { background: url(../_img/promocodeMain.png) -133px -3px no-repeat; width: 19px; height: 19px; text-indent: -9000px; position: absolute; border: none; top: -3px; right: -5px; cursor: pointer; } #promoPopup .instructions { border-top: 1px solid #ccc; margin: 1em 0 0; } #promoPopup .instructions p, #promoInfo p { border-top: 1px solid #fff; padding: 1em 0 0; font-size: 1.1em; line-height: 1.3em; } #promoPopup .bottom, #promo_error .ft, #promoInfo .bottom, #lostPwdDialog .bottom { background: url(../_img/promocodeMain.png) bottom left no-repeat; height: 24px; } #lostPwdDialog { color: #666; margin: -325px 0 0 -85px; } #lostPwdForm div div { border-top: 1px solid #fff; padding: 10px 0 0 0; float: left; } #lostPwdDialog h3 { border-bottom: 1px solid #ccc; display: block; padding: 0 0 5px; font-size: 1.5em; } #lostPwdDialog label { float: left; font-size: 1.1em; width: 100px; line-height: 20px; margin: 0 0 8px 0; padding: 0 8px; text-align: right; } #lostPwdDialog .inputtext { float: left; margin: 0 0 8px 0; width: 200px; } #lostPwdDialog span { border-bottom:1px solid #CCC; display: block; float: left; padding: 5px 0 10px; text-align: center; width: 360px; } #lostPwdDialog p.instructions { border-top: 1px solid #fff; float: left; padding: 10px 0 0; font-size: 1.1em; line-height: 1.2em; } #lostPwdDialog .cancel { width: 19px; height: 8px; } /* Ownerdata & ContactData ----------------------------------------------------*/ #ownerdata .verifica_dat, #rescontacts li.informativa { padding: 1em 0 1.2em; font-size: 1.2em; display: block; text-align: justify; line-height: 1.5em; } .CopyButton { background: url(../_img/CopyButton.png) no-repeat; display: block; height: 33px; width: 200px; cursor: pointer; margin: 20px 85px 10px; } .CopyButton.button-hover { background: url(../_img/CopyButton.png) 0 -36px no-repeat; } #rescontacts #info_box form .inputtext.big { width: 150px; } #info_box form li.dns label, #info_box form .selectContainer label { width: 180px; line-height: 2em; } #info_box form li.informativa label { float: none; display: block; font-size: 1em; margin-top: 10px; } #ownerdata #info_box h4, #rescontacts #info_box h4 { background: #EBEBEB; color: #333; display: block; font-size: 1.1em; margin: 1.5em 0; padding: 8px 0; text-align: center; width: 370px; } #rescontacts #info_box form ul, #ownerdata #info_box form ul { padding: 0 20px; float: left; } #rescontacts #info_box form ul li, #ownerdata #info_box form ul li { font-size: 1.1em; padding: 0.4em 0.4em 0; margin: 0 10px 5px; float: left; width: 375px; } #rescontacts #info_box form label, #ownerdata #info_box form label { float: left; margin: 0 10px 10px 0; width:145px; padding: 6px 0 0 10px; clear: none; } form li.erroneous, form p.erroneous { background: #FAE5EA; } #rescontacts form li.erroneous label, #rescontacts form p.erroneous label { font-weight: bold; color: #CC0033; } form li.selected, form p.selected { background: #FCF5E0; } #rescontacts form li.selected label, #rescontacts form p.selected label { color: #333; } #info_box form ul li.bordered { border-bottom: 1px solid #ececec; margin: 0 0 15px; padding: 0 5px 10px; } #billing_email_status { position: absolute; } /* Contextual Help Panels ----------------------------------------------------*/ .contextualHelp { width: 352px; background: none; position: absolute; top: -5px; left: 345px; overflow: visible; z-index: 200; display: none; } .contextualHelpContainer { position:relative; } .erroneous .contextualHelp, #RegistrationData .contextualHelp, #RegistrationData .erroneous .contextualHelp { left: 375px; } #info_box .contextualHelp .top { background: url(../_img/contextualHelp.png) top right; height: 10px; width: 352px; } #info_box .contextualHelp .middle { background: url(../_img/contextualHelp.png) right -65px repeat-y; width: 307px; padding: 0 15px 0 30px; font-size: 0.8em; } #info_box .contextualHelp .bottom { background: url(../_img/contextualHelp.png) bottom right; height: 10px; width: 352px; } #CreateAccount .contextualHelpContainer p { padding: 0.5em 0; border: none; margin: 0; width: 305px; } #RegistrationData .contextualHelpContainer p { font-size: 1.2em; line-height: 1.4em; padding: 0.5em 0; } /* Form Elements ----------------------------------------------------*/ #rescontacts #info_box form .inputtext, #ownerdata #info_box form .inputtext { width: 190px; margin: 0 0 5px; } #rescontacts #info_box form .small, #ownerdata #info_box form .small { width: 40px; margin: 0 0 5px; } #rescontacts #info_box form .big, #ownerdata #info_box form .big { width: 128px; margin: 0 0 5px; } #rescontacts #info_box form select.big, #ownerdata #info_box form select.big { width: 146px; } #rescontacts #info_box form .inputselect, #ownerdata #info_box form .inputselect { border: 1px solid #ccc; padding: 3px; width: 200x; margin: 0 0 5px; } #rescontacts #info_box form select.makeitbigger { width: 100%; } #rescontacts #info_box form select, #ownerdata #info_box form select { border: 1px solid #ccc; padding: 3px; width: 200px; margin: 0 0 5px; } #rescontacts #info_box form .alternative .big, #ownerdata #info_box form .alternative .big { width: 129px; margin: 0 0 5px; } #ownerdata #info_box form select.long { width: 200px; } #info_box form .twoLines { padding-top: 0; } /* ContactData ----------------------------------------------------*/ #info_box form h3 { background: #EEE; color: #333; display: block; font-size: 1.3em; line-height: 2.1em; margin: 0 0 1.5em; position: relative; text-align: center; width:440px; padding: 0; } h3 .alreadyClient { border-left: 2px solid #fff; display: block; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 0.8em; line-height: 2.6em; padding: 0 6px; position: absolute; right: 0; top:0; } h3 .alreadyClient:hover { background: #99CC00; color: #fff; } /* Create Account Form Block ----------------------------------------------------*/ #CreateAccount { padding: 0 0 1.5em; } #rescontacts form #CreateAccount ul { padding: 1.5em 20px 0; } #CreateAccount p, #ownerdata form .middle p { border-bottom:1px solid #eee; font-size: 1.2em; line-height: 1.4em; margin: 0 20px; overflow: hidden; padding: 0 0 1.5em; text-align: justify; width: 400px; } #info_box form #CreateAccount .inputtext { float: left; margin: 0 5px 5px 0; width: 165px; } #div_bill_username, #div_bill_password, #div_repeat_bill_password { border-top: 1px solid #E3B0BD; margin: 0 10px; float: left; } #CreateAccount .errorMsg { color: #854252; padding: 10px 0 10px; border-top: 1px solid #fff; float: left; width: 355px; display: block; } /* Login Panel ----------------------------------------------------*/ #loginDialog { width: 403px; position: absolute; z-index: 10; margin: -175px 365px; } #loginDialog .top { background: url(../_img/LoginMain.png) left -28px no-repeat; height: 12px; } #loginDialog .middle { background: url(../_img/LoginMiddle.png) top left repeat-y; width: 363px; padding: 5px 20px; overflow: hidden; } #rescontacts #login_instructions { margin: 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; width: 360px; font-size: 1.2em; line-height: 1.4em; } #rescontacts #login_credentials { border-top:1px solid #FFFFFF; width: 362px; float: left; margin: 0 0 10px 0; padding: 5px 0 0 0; } #rescontacts #info_box #login_credentials label { margin:0 10px 5px 0; width:170px; padding: 0; font-size:1.1em; line-height:2em; } #rescontacts #info_box form #login_credentials .inputtext { float: left; margin: 0 5px 5px 0; width: 165px; } #rescontacts #info_box #login_credentials #assign_to_myself { width: 310px; } #loginDialog a { color: #666; border-bottom: 1px solid #999; line-height: 1.5em; } #loginDialog a:hover { color: #333; border-bottom: 1px solid #333; } #loginDialog #loginSubmit { background: url(../_img/ButtonsGlobal.png) 0 -2px; width: 125px; height: 25px; text-align: center; border: none; color: #fff; font-weight: bold; margin: -7px 7px 0; cursor: pointer; float: right; } #loginDialog #loginSubmit.button-hover { background: url(../_img/ButtonsGlobal.png) 0 -28px; } #loginDialog #loginSubmit.button-clicked { background: url(../_img/ButtonsGlobal.png) 0 -54px; } #loginDialog .cancel { background: url(../_img/LoginMain.png) -251px -3px no-repeat; width: 19px; height: 19px; text-indent: -9000px; position: absolute; border: none; top: -3px; right: -5px; cursor: pointer; } #loginDialog .bottom { background: url(../_img/LoginMain.png) bottom left no-repeat; height: 24px; } /* Registration Data Form Block ----------------------------------------------------*/ #rescontacts #info_box h4 { background: none; color: #333; display: block; font-size: 1.2em; margin: 1.5em 20px 0; padding: 8px 0; text-align: left; width: auto; border-bottom: 1px solid #eee; } #RegDataIntro { margin:0 20px 0 40px; } #rescontacts #RegistrationData p label { clear: both; padding: 0 0 0 5px; font-size: 1.2em; } .infoText { border-bottom: 1px solid #ECECEC; display: block; font-size: 1.1em; font-style: italic; line-height: 1.3em; margin: 0 20px 20px; padding: 0 0 10px; width: 400px; } #RegistrationData h5 { color: #333; display: block; font-size: 1.1em; background: #eee; text-align: center; padding: 5px; margin: 2em 0 0; } #RegistrationData #div_billmsg h5 { margin: 0; } #RegistrationData li.erroneous { padding: 0.7em 0.4em 0; } #RegistrationData .errorMsg { border-top: 1px solid #E3B0BD; color: #85425B; margin: 0 5px 10px 9px; padding: 10px 0 0 0; background: url(../_img/errorMsg-border.gif) top repeat-x; float: left; width: 355px; } .CopyButton { background: url(../_img/CopyButtonSprite.png) no-repeat scroll 0 -50px; font-size: 16px; height: 44px; line-height: 43px; margin: 20px 119px 0; padding: 0 25px 0 0; text-align: center; width: 132px; color: #999; } .CopyButton:hover { background: url(../_img/CopyButtonSprite.png) no-repeat scroll 0 0; color: #333; } #rescontacts #copy_billing_to_owner_help_ctxlHelpDiv, #rescontacts #copy_owner_to_admin_help_ctxlHelpDiv { left: 270px; top: 27px; } /* Privacy Policy Form Block ----------------------------------------------------*/ #rescontacts #info_box #PrivacyPolicy { padding: 20px 30px 0; width: 375px; } #rescontacts #info_box #PrivacyPolicy h4 { margin: 0; padding: 0; border: none; display: inline; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #666; font-weight: bold; font-size: 1em; } #rescontacts form #PrivacyPolicy ul { padding: 0 0 10px; float: none; display: block; } #rescontacts form #PrivacyPolicy ul li { font-size: 1.2em; line-height: 1.4em; padding: 0; margin: 0; width: auto; display: inline; float: none; } #rescontacts form #PrivacyPolicy ul li .smalltext {font-size:10px; line-height:1.2; color:#999;} #rescontacts form #PrivacyPolicy label { padding: 0.5em 0 0; float: none; display: block; width:100%; } .informativa a { border-bottom: 1px solid #ccc; padding-bottom: 1px; } .informativa a:hover { border-bottom: 1px solid #D13481; color: #D13481; } /* Weird cases, workarounds and other details. ----------------------------------------------------*/ #rescontacts form .div_owner.erroneous label { line-height: 0.9em; } #rescontacts form #billing_person label, #rescontacts form #div_owner_organization_ label { margin: 0 0px 5px 0; } #billing_person .inputradio, #rescontacts form #div_owner_organization_ .inputradio { margin: 0 1em 0 10px; } #div_billmsg p, .div_owner p, .div_admin p { padding: 15px 0; font-size: 1.1em; line-height: 1.5em; } #div_billmsg p span, .div_owner p span, .div_admin p span { border-bottom: 1px solid #eee; border-top: 1px solid #eee; font-size: 0.9em; line-height:1.5em; margin: 10px 0 0; padding: 10px 0; font-style: italic; } .PrivacyRadio span { border-top: 1px solid #ECECEC; float: left; font-size: 0.9em; line-height: 1.5em; margin:10px 0; padding: 10px 0; } .PrivacyRadio .privacyIT { font-size: 11px; line-height: 1.4em; } .PrivacyRadio .privacyIT span.infoText { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } fieldset ul .infoText { width: 380px; } #rescontacts .PrivacyRadio img { margin: 0 0 0 5px; } #rescontacts #info_box form li.PrivacyRadio { font-size: 1.2em; padding-top: 15px; } #rescontacts #info_box form .PrivacyRadio label { display:block; float:left; margin:7px 0; padding:0 0 0 10px; width: 60px; } #rescontacts #info_box form ul li.liSeparator { padding: 0 0.4em; margin: 10px 0 0 10px; border-top: 1px solid #eee; } #rescontacts form ul li.PrivacyRadio.selected, #rescontacts form ul li.PrivacyRadio.erroneous { position: relative; top: -1px; border-top: 1px solid #FCF5E0; } #rescontacts #owner_contact_privacy_help_ctxlHelpDiv { top: 52px; left: 100px; } #RegistrationData #info_box .contextualHelp .middle { font-size: 1.1em; } #rescontacts .moreInfo { border: none; display: block; margin: 0; padding: 0; line-height: 0; width: 15px; height: 15px; clear: none; background: url(/orders/reservationssalmoi/_img/iconaMoreInfo.gif) center center no-repeat; text-align: -9000px; } .boiade { border-top: 1px solid #ECECEC; display: block; line-height: 1.5em; margin: 10px 0; padding: 16px 0 0; } .boiade a { color: #666; display: block; font-size: 1.2em; font-variant: small-caps; padding: 10px 65px; text-align: center; text-decoration: underline; } .boiade a:hover { color: #D13481; } .div_owner .empty, .master_owner_new .empty { display: block; padding: 0 10px; } #rescontacts #info_box form ul li#billing_person {width:350px;} /*PT optimization*/ #rescontacts #checkSimplyContactData li { font-size:11px; line-height:1.4em; } #rescontacts #checkSimplyContactData li a { border-bottom:1px solid #ccc; padding-bottom:1px; } /* Submit Button ----------------------------------------------------*/ #submit_contactdata { text-align: center; width: 480px; float: left; clear: both; } #submit_contactdata input { float: none; margin: 30px auto; } /* Ownerdata ----------------------------------------------------*/ #ownerdata .contextualHelp { left: 370px; } #ownerdata form .middle p { padding: 0 0 1em; margin-bottom: 1em; } #ownerdata #info_box form select { width: 146px; } #ownerdata .CopyButton { margin: 20px 155px 30px; } #ownerdata form .contextualHelpContainer .middle p { margin: 0; padding: 0; min-height: 27px; width: 305px; } #info_box form ul li.dotIT { border-top: 1px solid #ececec; margin: 20px 0 0 10px; } #info_box form ul li.dotIT p { font-size: 1.1em; margin: 1em 0; padding: 0; border: none; width: 370px; } #ownerdata #info_box form ul li.dotIT .infoText { font-size: 1em; margin: 0 0 10px; padding: 10px 0; border-top: 1px solid #ececec; } #info_box form .dotIT label { clear: both; padding-top: 0; } #ownerdata #info_box form .master_admin_old.dotIT label { width: 40px; } #ownerdata #verifica_dati { padding: 20px; } #ownerdata #verifica_dati .clickme { border-bottom: 1px solid #ccc; } #ownerdata #verifica_dati .clickme:hover { border-bottom: 1px solid #D13481; color: #D13481; } #ownerdata form .middle #billing_data_popup_c p { border: none; clear: both; display: block; padding: 0 10px; } #billing_data_popup_c #tableContainer { clear:both; height: 320px; margin: 0 30px 30px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; } #billing_data_popup_c table { width: 630px; clear: both; } #billing_data_popup_c tbody td { font-size: 1.1em; line-height: 1.5em; border-bottom: 1px solid #F3F3F3; padding: 5px 10px; } #billing_data_popup_c .tdTtl { background: #F3F3F3; border-bottom: 1px solid #fff; width: 150px; } #billing_data_popup_c .footnote { line-height: 1.5em; padding: 30px 10px 10px 0; display: block; } /* NOMINALIA-only ----------------------------------------------------- */ #info_box form ul li.master_tech_old, #info_box form ul li.selectContainer { margin-left: 15px; width: 360px; } #info_box form ul li.dnsTitle { } #info_box form ul li.dns { width: 360px; margin: 0 10px 5px 15px } #ownerdata #info_box form ul li.dns h4 { margin: 1em 0; } #info_box form ul li.selectContainer label, #info_box form ul li.dns label { width: 150px; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .master_dns_old { border-top: 1px solid #ECECEC; clear: both; float: left; margin: 10px; padding: 10px 0; } #info_box form ul li.master_tech_old { border-top: 1px solid #ECECEC; display: block; margin: 1em 20px 0; padding: 15px 0; width: 360px; clear: both; } #info_box form ul li.dns.selected .master_dns_old { border-top: 1px solid #999; } #ownerdata #info_box form .master_tech_old select, #ownerdata #info_box form .master_admin_new select, #ownerdata #info_box form .master_owner_old select { width: 350px; margin: 0 5px; } #ownerdata .notice { background: #FFF3F3; border-bottom: 1px solid #FFDEDE; border-top: 1px solid #FFDEDE; display: block; line-height: 1.4em; padding: 10px; } /* CC ----------------------------------------------------*/ #cc #payment_modes_accordion .accordionHeader { text-align: center; color: #333; background: #EBEBEB url(../_img/upselling-showhide.png) 10px -10px no-repeat; font-size: 1.3em; margin: 0 0 10px 0; display: block; height: 28px; line-height: 28px; cursor: pointer; } #cc #payment_modes_accordion .accordionHeaderSelected { text-align: center; color: #333; background: #EBEBEB url(../_img/upselling-showhide.png) 10px 10px no-repeat; font-size: 1.3em; margin: 0 0 10px 0; display: block; height: 28px; line-height: 28px; cursor: pointer; } #cc .payment_method { padding: 10px 15px; text-align: justify; } #cc .payment_method .inputSubmit { display: none; } #cc .payment_method p { line-height: 1.4em; font-size: 1.2em; margin-bottom: 1em; } #cc .payment_method img { clear: both; display: block; margin:0 0 1em; } #cc .payment_method p img { margin:0 auto 1em; } #cc .payment_method label { font-size: 1.2em; line-height: 1.1em; } #cc label .inputradio { float: left; margin: 0 10px 0 0; } #cc #payment_modes_accordion .activeForm {padding: 10px 15px; text-align: justify;} #cc #payment_modes_accordion .activeForm p {font-size:1.2em; line-height:1.4em; margin-bottom:1em;} #cc #payment_modes_accordion .activeForm .CreditMutuel_submit, #cc #payment_modes_accordion .activeForm .Ogone_submit { background: #366F8E; border-bottom: 1px solid #336D8E; color: #fff; cursor: pointer; /*display: inline-block;*/ display: none; /* hidden - 2/3/2010 */ font-weight: bold; padding: 2px 9px; position: relative; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 -1px 1px rgba(1, 1, 1, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); font-size:10px; line-height:1.7em; font-style:normal; overflow:visible; text-transform:uppercase; white-space:nowrap; } #cc #payment_modes_accordion .activeForm .CreditMutuel_submit:hover, #cc #payment_modes_accordion .activeForm .Ogone_submit:hover { background: #5B9FC5; text-decoration: none; } } #cc #payment_modes_accordion .activeForm .CreditMutuel_submit:active, #cc #payment_modes_accordion .activeForm .Ogone_submit:active { background: #4B7796; border: 1px solid #426883; color: #E0E0E0; padding: 2px 9px 2px; top: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; } #cc #price { padding-bottom: 10px; } #cc #disclaimers { position: relative; top: -8px; color: #fff; line-height: 1.4em; padding-bottom: 10px; background: #DF71A7; } #cc #superSubmit { display: block; clear: both; padding: 20px 0 0; } #cc #marketing_box { margin: 65px 0; } /* Credit Card ----------------------------------------------------*/ #cc #creditCard img { margin: 0 0 2em 0; } #cc #cc_use_saved, #cc #cc_use_new { clear: both; display: block; padding: 0 10px 10px; } #cc #cc_use_saved label { display: block; clear: both; } #cc #creditCard #new_cc_list { padding-top: 15px; margin-bottom: 0; } #cc #cc_use_new #new_cc_list label { display: inline; float: left; line-height: 23px; margin-right: 10px; text-align: left; width: 140px; } #cc #new_cc_list li { padding: 0 0 1.2em; } #cc #cc_use_new .inputtext { width: 210px; } #cc #creditCard #new_cc_list .ccvv_input { width: 30px; } #creditCard .ccPanel { padding: 5px 5px 0; position: relative; margin: 10px; width: 370px; } #cc #creditCard table { width: 370px; position: relative; margin: 10px 0; } #creditCard caption { text-align: center; font-weight: bold; display: none; } #creditCard thead { } #creditCard thead td { background: #F3F3F3; border-left: 1px solid #fff; line-height: 2em; font-size: 1.1em; text-align: center; } #creditCard tbody td { font-size: 1.1em; line-height: 2.5em; border-bottom: 1px solid #F3F3F3; padding: 0 10px; } #creditCard table td.radio { width: 1em; } #cc .payment_method p.note { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ececec; } .box_txt { display: none; } /* Other Payment Methods ----------------------------------------------------*/ #cc #postalPayment label, #cc label.checkbox { padding: 1em 0 1.2em; border-top: 1px solid #ececec; font-size: 1.1em; display: block; text-align: justify; line-height: 1.5em; } #cc #monthy form div div label { display: inline; float: left; margin-right: 10px; text-align: left; width: 170px; line-height: 23px; } #cc #monthy .inputtext { width: 210px; margin-bottom: 1.1em; } #cc .no-bullettin-products { margin: 0 0 1em; padding: 0 30px; } #cc .no-bullettin-products li { list-style: circle outside; font-size: 1.1em; line-height: 1.5em; text-align: left; } /* OK ----------------------------------------------------*/ #ok p.intro { display: none; } #ok div.introOK { clear: both; border-top: 1px solid #ccc; margin: 40px 0 0; padding: 15px 0; font-size: 1.2em; line-height: 1.5em; position: relative; } #ok div.introOK span.name { font-weight: bold; } #ok #cart_content { width: auto; float: right; } #showCartContents { display: block; height: 22px; width: 187px; background: url(../_img/okButtons.png) no-repeat -255px 0; color: #fff; font-weight: bold; line-height: 22px; text-align: center; margin: 7px; } #showCartContents.button-hover { background: url(../_img/okButtons.png) no-repeat -255px -24px; } .amen_nl #showCartContents { font-size: 11px; } /* AMENWORLD.NL debug */ #ok .productRow { font-size: 1em } #ok #content { overflow: hidden; padding: 20px 0 10px; } #ok #content .spacer { height: 1px; } #ok #info_box { background: #FAF3E6; display: block; padding: 10px 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #FAE6C2; border-top: 1px solid #FAE6C2; line-height: 1.5em; width: 820px; } #ok #info_box h3 { display: block; line-height: 1.6em; font-size: 1.7em; margin: 0 0 1em; border-bottom: 1px solid #ccc; } #ok #info_box p { line-height: 1.4em; font-size: 1.2em; margin: 0 0 1em; } #ok #info_box p a { color: #666; border-bottom: 1px solid #666; padding: 0 0 1px; } #ok #info_box p a:hover { border-bottom: 1px solid #333; color: #333; } #ok #info_box ul { display: block; padding: 10px 20px; margin: 0 0 1em; } #ok #info_box ul li { list-style: circle inside; font-size: 1.2em; } #ok #info_box ul li a { text-transform: uppercase; color: #D13481; border-bottom: 1px solid #D13481; } #ok #info_box ul li a:hover { color: #DF71A7; border-bottom: 1px solid #DF71A7; } #ok .spacer { height: 1px; } #itLarContents { clear: both; display: block; text-align: center; } #itLarContents img { margin: 100px auto; } #itLarInner h2 { text-align: center; text-decoration: underline; padding: 0 0 20px; } #itLarInner h3 { font-weight: bold; } #itLarInner h4 { border-bottom: 1px dotted #ccc; padding: 20px 0 5px; margin-bottom: 5px; font-weight: bold; } #itLarInner p { line-height: 1.4em; text-indent: 2em; padding: 0 0 1em 0; } #itLarInner p.checkboxesp { padding: 20px 0; text-align: center;} #itLarInner dl { overflow: hidden; display: block; } #itLarInner dt, #itLarInner dd { float:left; padding:3px 0; width:200px; } #itLarInner dd { width: 390px; } #itLarInner li { line-height: 1.4em; list-style: disc inside; } #larsvonp { font-size: 1.2em; padding: 10px 0; } #cc p.intro { padding-bottom: 0; } #cc #larsvonp { padding: 5px 0 15px; } #larsvonp .clickme { border-bottom: 1px solid #ccc; padding-bottom: 1px; } .hrefLink { color: #666; text-decoration: underline; } /* Upselling ----------------------------------------------------*/ .fullWidthWithShadow { position: relative; margin: 0 0 0 -5px; width: 870px; } .fullWidthWithShadow .top { background: url(../_img/UpsellingBox-main.png) top left no-repeat; height: 12px; } .fullWidthWithShadow .middle { background: url(../_img/UpsellingBox-middle.png) top left repeat-y; padding: 20px 30px; } .innerUps { border: 1px solid #ccc; padding: 20px; overflow: hidden; } .innerUps h2 { display: block; clear: both; font-variant: small-caps; color: #333; text-align: center; margin: 0 0 20px; padding: 0 70px 10px; font-size: 1.7em; } .wrapper { width: 100%; position: relative; clear: both; margin: 0 0 25px; overflow: hidden; } .okUpsellingItem { padding: 0 20px; width: 340px; } .floatLeft { float: left; } .floatRight { float: right; } .okUpsellingItem a { color: #666; padding-bottom: 1px; border-bottom: 1px solid #ccc; } .okUpsellingItem a:hover { color: #D13481; border-bottom: 1px solid #D13481; } .okUpsellingItem h3 { background: #ebebeb; display: block; clear: both; text-align: center; padding: 5px; font-size: 1.3em; color: #333; margin: 0 0 1em; } .okUpsellingItem p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1em; } .okUpsellingItem ul { margin: 0 0 1.5em; padding: 0 0 0 20px; } .okUpsellingItem li { list-style: circle inside; font-size: 1.2em; padding: 0 0 10px; } .tryOut { background: url(../_img/okButtons.png) -443px 0 no-repeat; width: 160px; height: 22px; display: block; color: #fff; text-align: center; font-weight: bold; line-height: 22px; font-size: 1.1em; margin: 18px 90px; } .tryOut.button-hover { background: url(../_img/okButtons.png) -443px -24px no-repeat; } /* Upselling dynamic ----------------------------------------------------*/ div.upselling_product { padding: 15px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; margin: 0 0 15px; text-align: center; line-height: 2em; font-size: 1.2em; } div.upselling_product h3 { line-height: 1.3em; font-size: 1.5em; } div.upselling_product .bttn01 { background: url(../_img/upsellingButtons.png) 0 0 no-repeat; width: 194px; height: 24px; border: none; color: #fff; font-weight: bold; font-size: 1.2em; line-height: 24px; } .upselling_product .bttn01.button-hover { background: url(../_img/upsellingButtons.png) no-repeat 0 -49px; } .upselling_product .bttn01.button-clicked { background: url(../_img/upsellingButtons.png) no-repeat 0 -25px; } .fullWidthWithShadow .bottom { background: url(../_img/UpsellingBox-main.png) bottom left no-repeat; height: 12px; } #takeMeElswhere { padding: 40px 0 0 0; height: 70px; } #takeMeElswhere a, #takeMeElswhere input { background: url(../_img/okButtons.png) 0 0; color: #FFF; cursor: pointer; display: block; float: right; font-size: 1.5em; font-style: normal; font-weight: bold; height: 30px; width: 254px; font-family: Helvetica, Arial, sans-serif; line-height: 30px; text-align: center; border: none; } #takeMeElswhere a.button-hover, #takeMeElswhere input.button-hover { background: url(../_img/okButtons.png) 0 -31px; } #takeMeElswhere a.button-clicked, #takeMeElswhere input.button-clicked { background: url(../_img/okButtons.png) 0 -62px; } #takeMeElswhere_app { bottom: 40px; overflow: hidden; position: absolute; right: 30px;} #takeMeElswhere_app a, #takeMeElswhere_app input { background: url(../_img/okButtons.png) 0 0; color: #FFF; cursor: pointer; display: block; float: right; font-size: 1.5em; font-style: normal; font-weight: bold; height: 30px; width: 254px; font-family: Helvetica, Arial, sans-serif; line-height: 30px; text-align: center; border: none; } #takeMeElswhere_app a.button-hover, #takeMeElswhere_app input.button-hover { background: url(../_img/okButtons.png) 0 -31px; } #takeMeElswhere_app a.button-clicked, #takeMeElswhere_app input.button-clicked { background: url(../_img/okButtons.png) 0 -62px; } /* Ko.html ----------------------------------------------------*/ #ko .error_type { background: #FAF3E6 url(../_img/errorBackg.gif) no-repeat scroll 8px -76px; display: block; padding: 8px 0 5px 40px; margin: 10px 0 30px; border-bottom: 1px solid #FAE6C2; border-top: 1px solid #FAE6C2; line-height: 1.5em; } .error_type span { font-size: 1.2em; line-height: 1.4em; display: block; clear: both; } #ko table { width: 750px; position: relative; margin: 10px 30px; } #ko thead td { background: #F3F3F3; border-left: 1px solid #fff; line-height: 2.5em; font-size: 1.1em; text-align: center; } #ko tbody td { font-size: 1.1em; line-height: 1.5em; border-bottom: 1px solid #F3F3F3; padding: 10px; } #ko h2 { color: #333; display: block; font-variant: small-caps; line-height: 1.5em; margin: 0 0 1em; text-align: center; } #page_error, #crappyBrowser { border-top: 1px dotted #ccc; clear: both; font-size: 1.2em; padding: 10px 0; margin-bottom: -10px; position: relative; } #page_error .hd, #page_error .ft, #crappyBrowser .top, #crappyBrowser .bottom { display: none; } #page_error .bd, #crappyBrowser .middle { background: #FAF3E6 url(../_img/errorBackg.gif) no-repeat scroll 8px -76px; display: block; padding: 8px 0 5px 40px; margin: 0 0 10px 0; border-bottom: 1px solid #FAE6C2; border-top: 1px solid #FAE6C2; line-height: 1.5em; } #page_error .bd button { background: url(../_img/errorBackg.gif) no-repeat -2px -1px; border: none; cursor: pointer; float: right; height: 20px; margin: 0 10px; position: absolute; right: -20px; text-indent: -9000px; top: 0; width: 20px; } #page_error .bd button.button-hover { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -22px; } #page_error .bd button.button-clicked { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -42px; } #page_error h3, #crappyBrowser h3 { font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #FAE6C2; padding: 6px 0 6px; width: 785px; } #page_error p, #crappyBrowser p { border-top: 1px solid #fff; width: 785px; padding: 5px 0 3px; line-height: 1.3em; } #crappyBrowser .cancel { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -1px; width: 20px; height: 20px; text-indent: -9000px; border: none; cursor: pointer; position: absolute; top 0; right: 0; } /* YUI-Generated content ----------------------------------------------------*/ /* Panel ----------------------------------------------------*/ .yui-panel-container { z-index: 100 !important; } .yui-skin-sam .yui-panel { z-index: 100 !important; } .yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft, .yui-skin-sam .yui-panel { border: none; } .yui-skin-sam .container-close { background: url(../_img/yuiPanelMain.png) no-repeat -715px -12px; height: 27px; right: -7px; top:-7px; width:28px; } .yui-skin-sam .yui-panel .hd { background: url(../_img/yuiPanelMain.png) no-repeat left top; height: 20px; } .yui-skin-sam .yui-panel .bd { background: url(../_img/yuiPanelMiddle.png) repeat-y left top; height:470px} #container .yui-panel h1 { color: #333; display: block; font-variant: small-caps; margin:0 30px 20px; padding: 20px 0 40px; text-align: center; width: 630px; background: url(../_img/yuiPanelOrnaments1.gif) no-repeat center bottom; } .yui-panel textarea, .yui-panel #service_order_text, .yui-panel #service_order_text_res, .yui-panel #service_order_textXXX, .yui-panel #itLarInner { border: none; color: #333; float: left; font-family: Cambria, Georgia, Times, Times New Roman, serif; height: 360px; font-size: 1.1em; line-height: 1.4em; margin: 0 30px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; text-align: justify; width: 610px; } .yui-panel #service_order_text p, .yui-panel #service_order_text_res p, .yui-panel #service_order_textXXX p { font-size: 1.1em; line-height: 1.4em; padding: 0 0 20px; text-align: justify; } .yui-skin-sam .yui-panel .ft { background: url(../_img/yuiPanelMain.png) no-repeat left bottom; height: 15px; } #recoveredPwd p {font-size:1.2em; line-height:1.2; margin-top:15px;} #service_order_c, #service_order_res_c {z-index:200 !important;} .yui-panel #privacy_policyContent { color: #333; font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size: 0.95em; line-height: 1.4em; text-align: justify; } #privacy_policy_extendedContent { color: #333; font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size: 0.95em; line-height: 1.4em; text-align: justify; } /* ContactData ----------------------------------------------------*/ #privacy_policyContent { overflow: hidden; } #privacy_policyContent div { overflow:scroll; float:left; width: 610px; height: 350px; margin: 0 30px; padding: 0 20px 0 0; overflow-x: hidden; } #privacy_policyContent p { line-height: 1.4em; padding-bottom: 1em; } #privacy_policy_extendedContent { overflow: hidden; } #privacy_policy_extendedContent div { overflow:scroll; float:left; width: 610px; height: 350px; margin: 0 30px; padding: 0 20px 0 0; overflow-x: hidden; } #privacy_policy_extendedContent p { line-height: 1.4em; padding-bottom: 1em; } #privacy_policyContent h1 .mintext {display:block; font-size:16px; margin-top:-20px;} /*FR*/ /* OK.html (cart_content) ----------------------------------------------------*/ #cartContentsPanel { border: none; width: 432px !important; } .yui-skin-sam #cartContentsPanel .hd { background: url(../_img/okPanel.png) no-repeat left top; height: 20px; } .yui-skin-sam #cartContentsPanel .bd { background: url(../_img/okPanel-middle.png) repeat-y left top; padding: 0 16px; width: 400px; } #ok #cart_content h2 { color: #333; background: none; text-align: center; z-index: inherit; float: none; padding: 25px 0 10px; } #ok #cartList { margin: 0 30px; } #ok #cartContents { padding: 20px 0 0; height: 435px; } #ok #cart_contents_minimal { width: 400px; height: 292px; overflow-y: auto; overflow-x: hidden; } #ok li.productGroup ul { padding: 0; font-size: 0.9em; } #ok #cartList .productRow { border: none; width: 255px; } #cartContentsPanel .productGroup .productRow.fake { background: #D1D1D1; color: #333; padding: 7px; } #ok #cartList .productGroup { width: 313px; border: none; border-top: 1px solid #999; margin-bottom: 2px; } #ok .productRow .product, #ok .productGroup .first_child .product { width: 180px; } #ok #price { border-top: 1px solid #999; bottom: 0; margin-bottom: 16px; padding: 10px 45px 10px 35px; position: absolute; width: 320px; } #ok #price span.price { right: 45px; } .yui-skin-sam #cartContentsPanel .ft { background: url(../_img/okPanel.png) no-repeat left bottom; height: 10px; } #cartContentsPanel #cartList, #cartContentsPanel #cart_rows, #cartContentsPanel #cart_content h2 { background: #D1D1D1; } #neodomain #cart_rows #empty_cart { clear: both; background: #D13481 url(../_img/cartContentActiveTop.png) top no-repeat; text-align: center; padding: 20px 10px 10px; color: #fff; font-size: 1.2em; } #cartContentsPanel #price { background: #EBEBEB; color: #333; } #cartContentsPanel .productGroup .productRow { background: #EBEBEB url(../_img/okChecked.png) 25px 8px no-repeat; padding-left: 50px; width: 255px; } #ok #cartList .productGroup .first_child { width: 275px; padding-left: 30px; border-bottom: 1px solid #ccc; background:#EBEBEB url(../_img/okChecked.png) no-repeat scroll 7px 8px; } #cartContentsPanel #price span.price { background: #DEDEDE; width: 65px; } #cartContentsPanel #price #subtotal, #ok #price #vat, #ok #price #total_price { border-bottom: 1px solid #DEDEDE; } #cartContentsPanel #totalProductsInCart { } /* Tooltip ----------------------------------------------------*/ .yui-skin-sam .yui-tt .bd { font-size: 1.2em; line-height: 1.2em; padding:5px; } .yui-tt .bd { background: #FAE6BF; color: #333; } .yui-tt h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; display: block; padding: 5px 0; margin: 0 0 5px; border-bottom: 1px dotted #666; } .yui-tt ul { text-align: left; width: 450px; } .yui-tt li { list-style: circle; list-style-position: inside; font-size: 11px; line-height: 1.5em; } .yui-tt p { font-size: 11px; line-height: 1.5em; text-align: left; width: 450px; } #tooltip_logos .bd { background: #fff; border: 1px solid #ccc; color: #333 } #resbox {clear: both; overflow: hidden; width: 680px; margin: 0 auto;} .resbox {width: 200px; min-height: 70px; float: left; padding: 10px 0 10px 100px; margin: 35px 20px 40px; background: url(../_img/cart_sprite.png) no-repeat; } .resbox h3 {font-size: 16px; color: #666; margin-bottom: 5px;} .resbox p {font-size: 1.2em; color: #888; line-height: 1.3;} #resbox .resbox_free {} #resbox .resbox_refund {background-position: 0 -200px;}