/* ------------------------------------------------------ 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) - #contactdata (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; } .shout {text-transform: uppercase;} .text-center {text-align: center;} strong { font-weight: bold; } a { text-decoration: none; padding-bottom: 1px; color: #09c; } 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: #999; padding-bottom: 1px; border-bottom: 1px dotted #ccc; } #restricted_access a:hover { color: #D13481; border-bottom: 1px dotted #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; } #breadcrumbs li span.ok {color:black; font-weight: bold} #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; } #header .cart_header_logo { height: 40px; } #header .cart_header_logo.superhosting_bg { height: 20px; margin-top: 25px; } #header .cart_header_logo.ubilibet_com, #header .cart_header_logo.swizzonic_ch { margin-top: 10px; } #header .cart_header_logo.papaki_com, #header .cart_header_logo.natro_com { height: 34px; } /* 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; max-width: 500px; margin-bottom: 2px; font-size: 18px;} /*#container .secure {float: right; font-size: 11px; font-family: Arial, sans-serif; text-transform: uppercase; color: #999; display: inline-block; width: 120px; padding: 13px 53px 13px 0; min-height: 26px; text-align: right; margin: 0 0 0 15px; background: url(../_img/ssl.png) top right no-repeat;}*/ #container .secure {float: right; font-size: 11px; font-family: Arial, sans-serif; text-transform: uppercase; color: #999; display: inline-block; text-align: right; margin: 0 0 0 15px;} #container .secure:before {content: "\f023"; font-family: FontAwesome; color: #999; font-size: 13px; vertical-align: text-bottom; margin-right: 8px;} #neodomain .secure, #cartsummary .secure {display: none;} p.intro { display: block; clear: left; margin: 0; padding: 0; font-size: 13px; line-height: 1.2; z-index: 15; color: #999;} #page_error, #crappyBrowser { clear: both; font-size: 1.2em; position: relative; } #page_error .hd, #page_error .ft, #crappyBrowser .top, #crappyBrowser .bottom { display: none; } #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; } #page_error .bd, #crappyBrowser .middle { background: #fff6f6 url(../_img/errorBackg.gif) no-repeat scroll 8px -72px; color: crimson; display: block; padding: 15px 0 15px 40px; margin: 0 0 10px 0; 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: -10px; width: 20px; } #page_error .bd button:hover { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -22px; } #page_error .bd button:focus { background: url(../_img/errorBackg.gif) no-repeat scroll -2px -42px; } #page_error h3, #crappyBrowser h3 { font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; } #content { clear: both; width: 860px; padding: 25px 0;} .box_searchdom ul { padding: 1em 0 0; } .box_searchdom li { list-style: circle inside; line-height: 1.6em; font-size: 1.2em; } .box_searchdom p {font-size: 14px; color: #999; line-height: 1.4; margin: 5px 0 0 !important;} .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; position: relative; clear: both; background: #fff; border: 2px solid #ebebeb; box-sizing: border-box;} #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: 15px; line-height: 2em; padding: 3px 0;color: #333; background: #ebebeb; border: none; } #telephonic_order p, #payment_methods_inner, #markethingy p, #promotion_active p { width: 280px; background: #fff; display: block; padding: 20px 20px 15px 20px; margin: 0 10px 10px; border: none; border-radius: 3px; font-size: 13px;} #telephonic_order p .intro { display: block; clear: both; padding: 0 0 1em 0; font-size: 11px; text-align: center; margin: 0 0 1em 0; border-bottom: 1px solid #ececec; } #telephonic_order p {text-align: center; margin-bottom: 0;} .greenline { /*color: #99CC00;*/ font-size: 23px; font-weight: 500; letter-spacing: 0; float: none; margin: 0 auto 10px; text-align: center; display: block; padding: 30px 0 0; background: url(../_img/icon-phone.gif) no-repeat top center; } .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;} #payment_methods_div li { border-bottom: 1px solid #ECECEC; clear: both; display: block; font-size: inherit; height: 22px; line-height: 20px; margin: 0 0 10px; padding: 1px 0; } li.payment_credit { background: url(../_img/paymentMethods.gif) 146px 0 no-repeat; } .nominalia_com li.payment_credit { background: url(../_img/paymentMethods.gif) 150px 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; } li.payment_iris { background: url(../_img/paymentMethods.gif) right -107px no-repeat; } #payment_methods_inner span { font-size: inherit; display: block; clear: both; text-align: center; color: #999; line-height: 1.4; margin-top: 20px; } .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: 10px 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 5px 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; } .product_header .cart-content-icon {float: left; margin: 5px 10px 0 0; font-size: 13px; color: #555;} #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: 1px 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; padding: 8px; position: relative;} #cartList .productRow:after {content: ""; display: table; clear: both;} #cartList .productGroup .first_child { padding: 8px; width: 304px; font-size: 1.1em; } .productRow .product { display: block; float: left; line-height: 1.3em; width: 245px; } .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:190px; 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: 10px; line-height: 1.2em; } .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 { color: #999; padding-bottom: 1px; } #modify_cart a:hover { border-bottom: 1px dotted #D13481; color: #D13481; } .product_badge {font-size: 10px; padding: 2px 5px; border-radius: 3px; color: #fff; background: #333; margin-left: 5px; text-transform: uppercase; vertical-align: baseline; position: relative; cursor: pointer;} .product_badge_promo {background: #00BF60;} .product_icon {display: inline-block; font-size: 13px; color: #999; float: right;} .product_icon:hover {cursor: pointer; color: #666;} .tooltip-smallcart {position: absolute; left: 0; top: 0; right: 15px; box-shadow: 0 3px 5px rgba(0,0,0,0.5); display: block; background: #fff; color: #666; padding: 15px; border-radius: 3px; font-size: 11px; z-index: 10;} .tooltip-smallcart.hidden {display: none;} .tooltip-smallcart:before {content: ""; display: block; height: 20px; width: 20px; background: #fff; position: absolute; left: 65px; top: -10px; transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0,0,0,0.1);} .tooltip-smallcart:after {height: 20px; width: 20px; display: block; position: absolute; right: -3px; top: 10px; content:"\f00d"; font-family: FontAwesome; color: #999; font-size: 10px; z-index: 10;} .tooltip-smallcart:hover:after {color: #666; cursor: pointer;} .tooltip-smallcart strong {color: #666;} .tooltip-smallcart p {color: #999; margin: 0; line-height: 1.4;} .tooltip-smallcart a {color: #09c; text-decoration: none;} #cc #payment_modes_accordion .tooltip-smallcart:before {bottom: -10px; top: auto; box-shadow: 2px 2px 2px rgba(0,0,0,0.4);} #cc #payment_modes_accordion .activeForm .tooltip-smallcart p {font-size: 12px;} #cc #payment_modes_accordion .activeForm .tooltip-smallcart p:last-child {margin-bottom: 0;} #cc #payment_modes_accordion .tooltip-smallcart {width: 300px; padding-right: 30px;} .voucher {background-color: white; color: #666; font-size: 9px; } .voucher_info { font-size: 13px; padding: 10px 5px 10px 5px; margin-top: 15px } .voucher_info ul li::before { position:absolute; margin: -11px auto auto 0px; content: "\2022"; font-size: xx-large; color: #D13481; display: inline-block; width: 10px; margin-left: 5px;} .voucher_applied { padding: 12px 7px 12px 7px; margin-top: 7px; } .voucher_applied ul li::before { position:absolute; content: "\2714\0020"; font-size: medium; color: #D13481; display: inline-block; width: 10px;} .voucher_choice { padding: 4px; margin-top: 7px; } /* Footer ----------------------------------------------------*/ #logos { text-align: center; background: #fff url(../_img/contentBottom.png) bottom center no-repeat; position: relative; top: -35px; padding: 50px 0 30px 0;} #footer { position: relative; top: -15px; padding: 0 0 30px 0; } #foocontent {text-align: center; font-family: Source Sans Pro, sans-serif; font-weight: 300 !important;} #foocontent p {font-size: 13px; line-height: 1.4; float: none; width: auto; } #foocontent a {color: #09c;} #footel {background: transparent; width: 300px; padding: 0; margin: 20px auto 0; font-size: 13px; float: none;} .foo_telephone { background: url(../_img/foo_tel.png) no-repeat 0px 6px; display: block; font-size: 2.3em; letter-spacing: -0.1em; padding: 4px 0 8px 25px; } .foo_telephone {font-size: 23px; font-weight: 500; letter-spacing: 0; background-position: center 5px; padding: 30px 0 0; margin-bottom: 5px;} /* 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_authsmtp1000 {background: url(../_img/pic_authsmtp1000.jpg) no-repeat center center;} .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;} /*Nominalia*/ .upselling_image.upselling_image_cpanelapppresta10 {background: url(../_img/pic_prestashop.jpg) no-repeat center center;} .upselling_image.upselling_image_email10ox1q2 {background: url(../_img/pic_email.jpg) no-repeat center center;} .upselling_image.upselling_image_email10ox2q2 {background: url(../_img/pic_mail_pro.jpg) no-repeat center center;} .upselling_image.upselling_image_design_ecom_basic {background: url(../_img/pic_design.jpg) no-repeat center center;} .upselling_image.upselling_image_sitelock10 {background: url(../_img/pic_sitelock_s.jpg) no-repeat center center;} .upselling_image.upselling_image_bulk_transfer {background: url(../_img/pic_bulk.jpg) no-repeat center center;} .upselling_image.upselling_image_sitelock30 {background: url(../_img/pic_sitelock_ph.jpg) no-repeat center center;} .upselling_image.upselling_image_sitelock20 {background: url(../_img/pic_sitelock_p.jpg) no-repeat center center;} .upselling_image.upselling_image_cpanelappwp10 {background: url(../_img/pic_wordpress.jpg) no-repeat center center;} .upselling_image.upselling_image_cpanelappjml10 {background: url(../_img/pic_joomla.jpg) no-repeat center center;} /*Amen*/ .upselling_image.upselling_image_email10ox1q2 {background: url(../_img/pic_email.jpg) no-repeat center center;} .upselling_image.upselling_image_email10ox2q2 {background: url(../_img/pic_mail_pro.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;} .upselling_image.upselling_image_cpanelmono10 {background: url(../_img/pic_linux_s.jpg) no-repeat center center;} .upselling_image.upselling_image_host_ws85_10 {background: url(../_img/pic_windows_s.jpg) no-repeat center center;} .upselling_image.upselling_image_ecommerce_pro {background: url(../_img/pic_ecommerce_pro.jpg) no-repeat center center;} .upselling_image.upselling_image_authsmtp1000 {background: url(../_img/pic_authsmtp1000.jpg) no-repeat center center;} .upselling_image.upselling_image_authsmtp5000 {background: url(../_img/pic_authsmtp5000.jpg) no-repeat center center;} .upselling_image.upselling_image_sslcert_rapidssl_2 {background: url(../_img/pic_ssl_rapid.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; } /* -- Domain add with autocomplete -- */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .domain-add-autocomplete {float: left; clear: left; margin: 40px 0; transition: opacity 1s ease;} .domain-add-hidden {opacity: 0; height: 0; overflow: hidden; margin: 0;} .domain-add-autocomplete h2 {font-weight: normal; font-size: 18px;} .domain-search-form {border: 1px solid #ddd; border-radius: 3px; margin-top: 10px; padding: 5px; width: 470px;} .add-domain-registration .text-element {display: inline-block; /*width: 360px;*/} .add-domain-transfer .text-element {display: inline-block; width: 280px;} .domain-search-form .text-element .inputtext {border: none; padding-left: 5px; font-size: 15px; color: #666;} .domain-search-form .select-element {font-size: 15px; border: none;} .domain-search-form .btn {float: right;} .twitter-typeahead {width: 360px;} .tt-dropdown-menu p {font-size: 14px; line-height: 1.4;} .domain-form-note {font-size: 12px; margin: 10px 0;} .domain-form-note a {color: #999; text-decoration: underline;} .domain-form-note a:hover {text-decoration: none; color: #666;} .box_searchdom .domain-add-autocomplete {float: none;} /* cartsummary empty */ .btn-neutral {background-color: #eee; color: #666; font-family: Arial, sans-serif;} .btn-neutral:hover {background: #ddd;} .alert {padding: 15px 20px; background: #FCF8E3; color: #888; font-size: 12px; line-height: 1.5; margin: 10px 0;} .alert-error {background: #fff; color: #d00; padding: 0; margin-bottom: 20px;} .alert-warning {font-size: 13px; margin: 5px 5px 15px; border-radius: 3px;} .alert-warning strong {color: #333;} .alert-warning em {font-style: italic;} .alert-warning p {line-height: 1.3;} .alert-info {font-size: 12px; margin: 0 0 13px; background: #f9f9f9; color: #666; text-align: center;} /* 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: 4px 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: 230px; padding-top: 2px;} /*newstyle for bundle*/ #cartList .first_child .bundle_description{border-top:1px dotted #CCC;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 .cart-icon { float: left; margin: 0 9px 0 3px; } #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#neodomain #cartList .productGroup li.button-hover, body#neodomain #cartList .productGroup li.button-clicked, body#cartsummary #cartList .productGroup li.button-hover, body#cartsummary #cartList .productGroup li.button-clicked {margin-left: -5px; margin-right: -5px; padding-left: 12px; width: 310px; transition: all .2s ease; background: #fff; border-color: #fff; color: #666; box-shadow: 0 3px 5px rgba(0,0,0,0.5);} 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 -61px; /*-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; display: none;} #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 { padding: 10px; } #autorenew,#myselfbox,#checkSimply label { font-size: 1.1em; } #disclaimer_login_submit .round_bottom_regular { height: 5px; 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;} /* New Login form with social buttons ----------------------------------------------------*/ .login-wrap { background: none repeat scroll 0 0 #d13481; padding: 10px; } .login-inner { background: none repeat scroll 0 0 #dd67a1; border-radius: 3px; padding: 10px; } .login-title { font-size: 16px; margin: 0 0 10px; } .login-subtitle { font-size: 11px; margin: 0 0 20px; } .btn-primary.btn-social { border-bottom: 1px solid #666; font-size: 11px; line-height: 21px; margin: 0 0 10px 0; padding: 4px 15px 1px 0; transition: background 0.3s; border:none; min-width: 190px; box-shadow: 0 1px 1px 0 #333; } .btn-primary.user-btn { font-size: 11px; line-height: 21px; margin: 0 0 5px 0; padding: 3px 4px; background: #eee; transition: none; border:none; color: #333; box-shadow: 0 1px 1px 0 #666; min-width: 190px; transition: 0.3s background; } .btn-primary.user-btn:hover, .btn-primary.user-btn:active, .btn-primary.user-btn:focus { background: #fff; color: #333 } .btn-primary.user-btn.pressed { box-shadow: 0 1px 1px 0 #666 inset; } #old_customer_login_withsocial { margin: 10px 0 0; padding: 0 0 5px; width: auto; overflow: hidden; } #login_credentials_withsocial { display: block; width: 290px; clear: both; padding: 0; } .loginbox { clear: none; display: inline; float: left; font-size: 1.1em; font-weight: bold; line-height: 2em; padding: 0; width: 145px; } .loginbox .inputtext { border: medium none; clear: both; display: block; width: 130px; } /* 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; } #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 { width: 403px; position: absolute; z-index: 10; margin: 15px -120px; } /*#promo_error { margin-top: -50px; }*/ #promoPopup .top, #promo_error .hd, #promoInfo .top { background: url(../_img/promocodeMain2.png) left -28px no-repeat; height: 30px; } #promoPopup .middle, #promo_error .bd, #promoInfo .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 { /*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; } #promo_error button, #promoPopup .cancel, #promoInfo .cancel { background: url(../_img/promocodeMain2.png) -133px -3px no-repeat; width: 19px; height: 19px; text-indent: -9000px; position: absolute; border: none; top: 7px; 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 { background: url(../_img/promocodeMain2.png) bottom left no-repeat; height: 15px; } /* Ownerdata & ContactData ----------------------------------------------------*/ #ownerdata .verifica_dat, #contactdata 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; } #contactdata #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, #contactdata #info_box h4 { background: #EBEBEB; color: #333; display: block; font-size: 1.1em; margin: 1.5em 0; padding: 8px; text-align: center; width: 362px; line-height:1.3em; } #contactdata #info_box form ul, #ownerdata #info_box form ul { padding: 0 20px; float: left; } #contactdata #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; } #contactdata #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; } #contactdata form li.erroneous label, #contactdata form p.erroneous label { font-weight: bold; color: #CC0033; } form li.liStandardMsg { background: #F8F9F9; } form li.selected, form p.selected { background: #FCF5E0; } #contactdata form li.selected label, #contactdata 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; } #ownerdata .alert, #contactdata .alert {margin: 5px 0 20px;} /* Contextual Help Panels ----------------------------------------------------*/ .contextualHelpDisplay { width: 352px; background: none; position: absolute; top: -5px; left: 345px; overflow: visible; z-index: 200; display: none; } .contextualHelpContainer { position:relative; } .erroneous .contextualHelpDisplay, #RegistrationData .contextualHelp, #RegistrationData .erroneous .contextualHelp { left: 375px; } #info_box .contextualHelpDisplay .top { background: url(../_img/contextualHelp.png) top right; height: 10px; width: 352px; } #info_box .contextualHelpDisplay .middle { background: url(../_img/contextualHelp.png) right -65px repeat-y; width: 307px; padding: 0 15px 0 30px; font-size: 0.8em; } #info_box .contextualHelpDisplay .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 ----------------------------------------------------*/ #contactdata #info_box form .inputtext, #ownerdata #info_box form .inputtext { width: 190px; margin: 0 0 5px; } #contactdata #info_box form .small, #ownerdata #info_box form .small { width: 40px; margin: 0 0 5px; } #contactdata #info_box form .big, #ownerdata #info_box form .big { width: 128px; margin: 0 0 5px; } #contactdata #info_box form select.big, #ownerdata #info_box form select.big { width: 146px; } #contactdata #info_box form .inputselect, #ownerdata #info_box form .inputselect { border: 1px solid #ccc; padding: 3px; width: 200x; margin: 0 0 5px; } #contactdata #info_box form select.makeitbigger { width: 100%; } #contactdata #info_box form select, #ownerdata #info_box form select { border: 1px solid #ccc; padding: 3px; width: 200px; margin: 0 0 5px; } #contactdata #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: #f2f2f2; color: #333; display: block; font-size: 1.5em; margin: 0 0 1.5em; position: relative; text-align: center; width:440px; padding: 10px 0; } #info_box form #dnsData h3 { line-height:1.3em; padding:8px; width:420px; margin:1em 0; font-size:12px;} 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; } #contactdata 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; } #contactdata #login_instructions { margin: 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; width: 360px; font-size: 1.2em; line-height: 1.4em; } #contactdata #login_credentials { border-top:1px solid #FFFFFF; width: 362px; float: left; margin: 0 0 10px 0; padding: 5px 0 0 0; } #contactdata #info_box #login_credentials label { margin:0 10px 5px 0; width:170px; padding: 0; font-size:1.1em; line-height:2em; } #contactdata #info_box form #login_credentials .inputtext { float: left; margin: 0 5px 5px 0; width: 165px; } #contactdata #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; } #NEWloginSubmit { /*border: medium none; color: #FFFFFF; cursor: pointer;*/ float: right; /*font-weight: bold; height: 25px; margin: -7px 7px 0; text-align: center; width: 125px;*/ } #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 ----------------------------------------------------*/ #contactdata #info_box h4 { background: none; color: #333; display: block; font-size: 1.2em; margin: 1.5em 20px 1em; padding: 8px 0; text-align: left; width: auto; border-bottom: 1px solid #eee; } #RegDataIntro { margin:0 20px 0 40px; } #contactdata #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; } #RegistrationData .standardMsg { border-top: 1px solid LightGray; color: black; 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; } #contactdata #copy_billing_to_owner_help_ctxlHelpDiv, #contactdata #copy_owner_to_admin_help_ctxlHelpDiv { left: 270px; top: 27px; } /* Privacy Policy Form Block ----------------------------------------------------*/ #contactdata #info_box #PrivacyPolicy { padding: 20px 30px 0; width: 375px; } #contactdata #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; } #contactdata form #PrivacyPolicy ul { padding: 0 0 10px; float: none; display: block; } #contactdata form #PrivacyPolicy ul li { font-size: 1.2em; line-height: 1.4em; padding: 0; margin: 0; width: auto; display: inline; float: none; } #contactdata form #PrivacyPolicy ul li .smalltext {font-size:10px; line-height:1.2; color:#999;} #contactdata 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; } #contactdata #tldDisclaimer { padding: 5px 30px 0; } #contactdata #tldDisclaimer p { font-size: 1.2em; line-height: 1.4em; } /* Paper Invoice (swizzonic.ch) */ #contactdata #info_box #paperInvoice { padding: 20px 30px 0; width: 375px; } #contactdata #info_box #paperInvoice 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; } #contactdata form #paperInvoice ul { padding: 0 0 10px; float: none; display: block; } #contactdata form #paperInvoice ul li { font-size: 1.2em; line-height: 1.4em; padding: 0; margin: 0; width: auto; display: inline; float: none; } #contactdata form #paperInvoice ul li .smalltext {font-size:10px; line-height:1.2; color:#999;} #contactdata form #paperInvoice label { padding: 0.5em 0 0; float: none; display: block; width:100%; } /* Weird cases, workarounds and other details. ----------------------------------------------------*/ #contactdata form .div_owner.erroneous label { line-height: 0.9em; } #contactdata form #billing_person label, #contactdata form #div_owner_organization_ label { margin: 0 0px 5px 0; } #billing_person .inputradio, #contactdata 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; } #contactdata .PrivacyRadio img { margin: 0 0 0 5px; } #contactdata #info_box form li.PrivacyRadio { font-size: 1.2em; padding-top: 15px; } #contactdata #info_box form .PrivacyRadio label { display:block; float:left; margin:7px 0; padding:0 0 0 10px; width: 60px; } #contactdata #info_box form ul li.liSeparator { padding: 0 0.4em; margin: 10px 0 0 10px; border-top: 1px solid #eee; } #contactdata form ul li.PrivacyRadio.selected, #contactdata form ul li.PrivacyRadio.erroneous { position: relative; top: -1px; border-top: 1px solid #FCF5E0; } #contactdata #owner_contact_privacy_help_ctxlHelpDiv { top: 52px; left: 100px; } #RegistrationData #info_box .contextualHelp .middle { font-size: 1.1em; } #contactdata .moreInfo { border: none; display: block; margin: 0; padding: 0; line-height: 0; width: 15px; height: 15px; clear: none; background: url(../_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; } #contactdata #info_box form ul li#billing_person {width:350px;} /*PT optimization*/ #contactdata #checkSimplyContactData li { font-size:11px; line-height:1.4em; } #contactdata #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, #ownerdata .contextualHelpDisplay, #contactdata .contextualHelpDisplay { 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: 15px; 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: 15px; margin: 0 0 10px 0; display: block; height: 28px; line-height: 28px; cursor: pointer; } #cc #payment_modes_accordion .accordionHeaderBG { text-align: center; color: #666; background: #eee url(../_img/upselling-showhide-radio.png) 10px -20px no-repeat; font-size: 15px; margin: 0 0 10px 0; display: block; height: 28px; line-height: 28px; cursor: pointer; } #cc #payment_modes_accordion .accordionHeaderBGSelected { text-align: center; color: #000; background: #f8f8f8 url(../_img/upselling-showhide-radio.png) 10px 5px no-repeat; font-size: 15px; margin: 0 0 10px 0; display: block; height: 28px; line-height: 28px; cursor: pointer; } #cc #payment_modes_accordion .accordionHeaderBG:hover {color: #000; background-color: #f4f4f4;} #cc .payment_method { padding: 0 0 10px;} #cc .payment_method .inputSubmit { display: none; } #cc .payment_method p { line-height: 1.4em; font-size: 1.2em; margin-bottom: 1em; } #cc .payment_method td {font-size: 12px; padding: 10px; border-bottom: 1px solid #eee;} #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, .payment_method_anchor { font-size: 12px; line-height: 1.4em; } #cc label .inputradio { margin: 0 5px 0 0; } #cc #payment_modes_accordion .activeForm {padding: 0px 15px 25px;} #cc #payment_modes_accordion .activeForm p {font-size:1.2em; line-height:1.4em; margin-bottom:1em;} #cc #payment_modes_accordion .activeForm .CreditMutuel_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 { background: #5B9FC5; text-decoration: none; } #cc #payment_modes_accordion .activeForm .CreditMutuel_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 #payment_modes_accordion .logo {display: block; margin: 0 auto 10px;} #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-top: 55px; margin-bottom: 15px;} #marketing_feats {margin-bottom: 20px;} .marketing_feat {text-align: center; font-size: 11px; color: #999; margin-bottom: 40px;} .marketing_feat_icon {display: block; margin: 5px auto;} .marketing_feat_ssl .marketing_feat_icon {width: 58px; height: 22px; background: url(../_img/cart-feature-ssl.png) no-repeat;} .marketing_feat_brand {font-size: 13px; font-weight: bold;} .marketing_feat_rank {margin-bottom: 0;} .marketing_feat_trustpilot {margin: 3px auto; text-align: center; display: flex; justify-content: center;} .marketing_feat_rank .marketing_feat_icon {width: 103px; height: 23px; background: #ddd;} .marketing_feat_rank .ranking {width: 92%; height: 100%; background: #E7711B; display: block;} .marketing_feat_rank .ranking:after {content:""; display: block; width: 103px; height: 23px; background: url(../_img/cart-feature-rank.png) no-repeat;} /* Credit Card ----------------------------------------------------*/ #cc #creditCard img { margin: 0; } #cc #cc_use_saved, #cc #cc_use_new { clear: both; display: block; padding: 10px 10px 0; } #cc #cc_use_saved label { display: block; clear: both; } #cc #cc_use_saved #superSubmitButton {margin: 15px 0 30px;} #cc #creditCard #new_cc_list { margin: 0; padding: 0; width: 380px;} #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 { position: relative; width: 370px; padding: 5px 0 0; margin: 10px auto 20px;} #cc #creditCard table { width: 370px; position: relative; margin: 10px 0; } #creditCard caption { text-align: center; font-weight: bold; display: none; } #creditCard thead td { background: #F3F3F3; border-left: 1px solid #fff; } #creditCard table td.radio { width: 1em; } #cc .payment_method p.note { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ececec; } #paymentFrame {width: 400px; height: 290px;} .box_txt { display: none; } /* Other Payment Methods ----------------------------------------------------*/ #cc #paypal {padding: 0;} #paypal li {margin-bottom: 10px;} #ppSavedForm table {margin: 10px auto; width: 100%; border: 1px solid #eee; border-bottom: none;} #paypal td.radio {text-align: center;} #paypal tr:hover td {border-bottom: 1px solid #ddd; cursor: pointer;} #paypal th {background: #eee; border-left: 1px solid #fff; font-size: 12px; padding: 10px;} #paypal .cta {margin: 0 auto 10px;} #paypal .centered {text-align: center;} #paypal .pp_autorenew {margin: 0 0 15px;} #paypal .pp_autorenew_box {margin: 15px 0;} .payment-inner-box {margin: 10px 0 20px 23px;} #cc #postalPayment label, #cc label.checkbox { padding: 1em 0 1.2em; border-top: 1px solid #ececec; font-size: 12px; display: inline-block; } #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; } #cc .offline_select {margin: 10px auto 20px; display: block; font-size: 12px; padding: 2px 0;} #cc .text-center {text-align: center; font-size: 16px; margin-top: 25px;} /* 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; } #NEWshowCartContents { margin: 7px; text-align: center; } /*#NEWshowCartContents.button-hover { background: url(../_img/okButtons.png) no-repeat -255px -24px; }*/ #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: #FCF8E3; display: block; padding: 10px 20px 0; margin: 0 0 10px 0; border: none; 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: 0 10px; margin: 0 0 1em; } #ok #info_box ul li { list-style: circle inside; font-size: 1.2em; margin-bottom: 5px;} #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 #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:0; height: 40px; margin-top: 3em; } #takeMeElswhere a.old, #takeMeElswhere input.old { background: transparent; color: #09c; cursor: pointer; display: block; float: left; font-size: 1.4em; font-style: normal; font-weight: bold; height: auto; width: auto; font-family: Helvetica, Arial, sans-serif; line-height: normal; text-align: right; border: none; } #takeMeElswhere a.pribttn, #takeMeElswhere input.pribttn { } #takeMeElswhere a.old:hover, #takeMeElswhere input.button-hover { background: transparent; border-bottom: 1px solid #09c;} #takeMeElswhere a.old:active, #takeMeElswhere input.button-clicked { background: transparent; } #takeMeElswhere a.pribttn:hover, #takeMeElswhere input.pribttn { } #takeMeElswhere a.pribttn:active, #takeMeElswhere input.pribttn { } #takeMeElswhere_app { bottom: 40px; overflow: hidden; position: absolute; right: 30px;} #takeMeElswhere_app a, #takeMeElswhere_app input { background: transparent; color: #09C; cursor: pointer; display: block; float: right; font-size: 1.4em; font-style: normal; font-weight: bold; height: auto; width: auto; font-family: Helvetica, Arial, sans-serif; line-height: normal; text-align: right; 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; } #takeMeElswhere a.threeState { background-color:#0099CC; color:#FFF; padding:10px 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; font-size:12px; } #takeMeElswhere a.threeState:hover {border:0; background-color:#0085B1;} .error_type .error_down_text { font-size:12px; margin:10px 20px 10px 0;} .error_type .error_title_top { font-family:Cambria,Georgia,Times,Times New Roman,serif; font-size:17px; margin-bottom:10px;} .error_contacts_text { margin-top:40px;} .error_contacts_text h4 {font-family:inherit; font-size:14px; line-height:10px; margin-bottom:10px; font-weight:bold;} .error_contacts_text p { font-family:inherit; font-size:12px; line-height:20px;} .error_contacts_text p span { color:#060; font-weight:bold;} .error_contacts_text p a, .error_contacts_text a:hover {color:#0085B1; text-decoration:underline;} #takeMeElswhereSetefi a.threeState { background-color:#0099CC; color:#FFF; padding:10px 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; font-size:12px; } #takeMeElswhereSetefi a.threeState:hover {border:0; background-color:#0085B1;} .error_type .error_down_text { font-size:12px; margin:10px 20px 10px 0;} .error_type .error_title_top { font-family:Cambria,Georgia,Times,Times New Roman,serif; font-size:16px; margin-bottom:10px;} .error_contacts_text h4 {font-family:inherit; font-size:14px; line-height:10px; margin-bottom:10px; font-weight:bold;} .error_contacts_text p { font-family:inherit; font-size:12px; line-height:20px;} .error_contacts_text p span { color: #390; font-weight:bold;} /*.error_contacts_text p a, a:hover {color:#0085B1; text-decoration:underline;}*/ p.trial_note a { color: #808080; text-decoration: underline; } /* 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 40px; 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; } /* 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 #itLarInner, .yui-panel #trial_conditions_text { 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 { font-size: 1.1em; line-height: 1.4em; padding: 0 0 20px; text-align: justify; } .yui-panel #trial_conditions_text 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 {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; } .yui-legal-content {color: #333; float: left; height: 360px; overflow-x: hidden; overflow-y: scroll; width: 600px; white-space: pre-line;} #contractsContent {font-size: 12px; line-height: 1.3; margin: 0 30px; padding-right: 20px; } #specificClauseModalContent {font-size: 14px;} /* 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 {background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.5); color: #999; border: none; border-radius: 3px; padding: 15px 15px 5px; text-align: left; width: auto; max-width: 350px;} .yui-skin-sam .yui-tt h3 {font-size: 13px; font-weight: bold; color: #333; line-height: 1; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-family: Arial, sans-serif;} .yui-skin-sam .yui-tt h4 {font-size: 12px; font-weight: bold; color: #333; line-height: 1; margin-bottom: 2px; font-family: Arial, sans-serif;} .yui-skin-sam .yui-tt p {font-size: 11px; margin: 0 0 5px; width: auto; line-height: 1.4; font-family: Arial, sans-serif;} .yui-skin-sam .yui-tt ul {width: auto; margin: 0 0 5px;} .yui-skin-sam .yui-tt li {font-size: 11px; padding-left: 17px; list-style: none; position: relative; margin-bottom: 5px; line-height: 1.2;} .yui-skin-sam .yui-tt li:before {display: inline-block; content:"\f00c"; font-family: FontAwesome; color: #7DBF79; font-size: 11px; vertical-align: middle; position: absolute; left: 0; top: 0;} .yui-tt-shadow {display: none;} /* For Reseller Cart OwnerData Page ----------------------------------------------------*/ li.chooseClientLi {background:none !important; width:100% !important; padding-bottom:38px !important; height:0px !important;} li.chooseClientLi span { font-weight:bold; margin-left:10px; color:#fff; font-size:14px; text-shadow:0 1px 1px #000000; text-transform: uppercase;} li.chooseClientLi label {width:100% !important; background: url(../_img/choose_client_radio.gif) no-repeat scroll 5px 3px !important; height:25px; padding:7px 0 0 10px !important;} li.chooseClientLi ,selected { background: none !important;} li.chooseClientTitle {font-family: Cambria,Georgia,Times,Times New Roman,serif; font-size: 1.1em; line-height: 1.3em; text-align:left; color:#666; text-transform: uppercase; margin-bottom:0px !important;} li.arrowChooseClient { position:relative; background-color:#FCF5E0; margin-top:9px !important; width:100% !important; height:30px;} li.arrowChooseClient .arrowDivChoose { position:absolute; width:15px; height:8px; left:12px; top:-10px; background: url(../_img/choose_client_ex.gif) no-repeat;} li.firstLiForm {margin-top:10px !important;} h3.dnsChooseTitle { border-bottom:1px solid #333;} ul.dnsUlFeact { background-color:#89A5B9; padding-top:6px !important; padding-bottom:6px !important;} ul.dnsUlFeact div {color:#fff; float:left; border-left:1px dotted #fff; padding-left:10px; font-size:12px; font-weight:bold;} select.selectDnsChoose { float:left; margin-right:14px !important; margin-top:6px !important;} ul.dnsUlFeact li.selected { background:none !important;} .selectSizeClass {width:180px !important;} .dnsLiContainer { margin:0 0 5px !important; width:388px !important;} ul.dnsUlFeact li.dnsLiContainer p { font-size:12px !important; border:none !important; font-weight:bold !important; color:#fff !important; margin:4px 0 !important; padding:0 !important; width:100% !important; text-shadow:1px 1px 2px #333;}