/* $Id: main.css,v 1.130 2008/12/11 09:14:58 max Exp $ vim: set ts=2 sw=2 sts=2 et: */ /* ------------------------------------- WineCountryNaturals.com Version 1.0 February 11, 2009 Copyright 2008-2009 design artgirldesign.com css/php/html RenGraphicDesign.com and Product 9 DESIGN www.product9.com */ /* TAGS */ html, body { height: 100%; background:#D4C6DC url(/images/global/elements/wcn-background.gif); margin:0 auto; padding:0; color:#000000; font-family: arial, helvetica, sans-serif; font-size:100.01%; min-width:780px; border:0px none; line-height:1.14em; } div, th, td, p, input, select, textarea, tt, button {font-family:arial, helvetica, sans-serif; color:#000; font-size:12px; } a {color: #722D7D; text-decoration: none;} a:visited {text-decoration: none; color:#b49abf;} a:hover {text-decoration: none; color:#007b42;} a:active {text-decoration: none;} img {border:none;} h1 { margin: 10px 0px; padding: 0; font-size: 16px; color: #722D7D; } h2 { margin: 20px 0px 10px 0px; padding: 0; font-size: 14px; } h3 { margin: 12px 0px; padding: 0; font-size: 12px; color: #722D7D; } hr { border: 0px none; border-bottom:2px solid #007A47; margin:15px 0px 10px 0px; padding: 0px; height: 0px; } form { margin: 0px; } table, img { border: 0px; } em { font-style: italic; } strong { font-weight: bold; } /* service styles */ /* float-box finisher */ .clearing { height: 0px; font-size: 0px; clear: both; } /* vertical align (center) */ .valign-middle { vertical-align: middle; height: 100%; } .valign-middle-adv-lvl1 { height: 100%; display: table; } .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle; } .valign-middle-adv-lvl3 { } /* horizontal align */ .halign-center { display: table; margin: 0px auto; text-align: center; } .center { text-align: center; } .right-box { width: 100%; text-align: right; } /* text block container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; } /* no-wrap */ .nowrap { white-space: nowrap; } /* width:100% emulator */ table.width-100 { width: 100%; } /* page break */ .page-break { height: 0px; line-height: 0px; margin: 0px; padding: 0px; page-break-after: always; } /* overflow wrapper */ .overflow { margin-right: 20px; overflow: auto; } label { vertical-align: bottom; line-height: 15px; } label input { margin: 0px; vertical-align: bottom; } label.input-block { vertical-align: middle; line-height: 21px; } label.input-block input, label.input-block select { vertical-align: middle; } label.input-row, .input-row label { float: left; padding-right: 20px; } label.plain-box { display: block; padding-bottom: 15px; } label.plain-box .label-title { display: block; } a.underline:link, a.underline:visited, a.underline:hover, a.underline:active { text-decoration: underline; } /* common styles */ a.small-link:link { color: #712E7E; text-decoration: none; font-size: 9px;} a.small-link:visited { color: #712E7E; text-decoration: none; font-size: 9px;} a.small-link:hover { color: #007A47; text-decoration: underline; font-size: 9px;} a.small-link:active { color: #712E7E; text-decoration: none; font-size: 9px;} .error-message { color: #b51a00; font-weight: bold; } div.error-message { margin: 0px 0px 15px 0px; } .form-text { color: #712E7E; font-weight: bold; } .black-text { color: #000000; } a.list-item:link, .list-item a:link { color: #712E7E; text-decoration: none; } a.list-item:visited, .list-item a:visited { color: #712E7E; text-decoration: none; } a.list-item:hover, .list-item a:hover { color: #007A47; text-decoration: underline; } a.list-item:active, .list-item a:active { color: #712E7E; text-decoration: none; } table tr.head-row td, table tr.head-row th { background:#C1ACCA none; font-weight: bold; } table tr.subhead-row td, table tr.subhead-row th { background: #E8E2F0 none; } table tr.center-row th { text-align: center; } /* Currency */ .currency { white-space: nowrap; } /*============================================================================== layout styles ==============================================================================*/ /* WCN ===================*/ /* BODY */ #container {width:800px; margin:0 auto; border:none; text-align:left;} #bordered-box {background:#fff; margin:0 auto; border:3px solid #722D7D; text-align:left; } #header h1 { margin:0; padding:0;} /* TOP */ #top {text-align:right; text-transform:uppercase; padding:3px 0; margin:0;} #top a {color:#722D7D; text-decoration:none; font-size:0.69em; font-weight:bold;} #top a:visited {color:#722D7D;} a:hover {color:#007b42;} /* HEADER */ .quick_cart {position:relative; margin:0 auto; width:800px; height:23px; text-align:right; padding:3px 0 0 0;} .quick_cart ul {margin:0; padding:0; position:absolute; top:0; left:630px; text-align:right;} .quick_cart ul li {list-style:none; display:block; margin:0; padding:6px 10px; float:right;} .quick_cart ul li a {display:block; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#712E7E;} .quick_cart ul li a:hover {color:#007b42;} #header {height:205px; position:absolute; top:0; left:3px; width:100%;} #header_line2 {background:#712E7E; margin:0; position:absolute; top:3px; left:0; width:100%;} #logo {width:185px; height:175px; position:absolute; top:0; left:0;} #banner {width:430px; height:175px; position:absolute; top:0; left:185px;} #banner_hero {width:185px; height:175px; position:absolute; top:0; left:615px; background:url(/images/global/header/banner-image-products.jpg) no-repeat;} /* change banner hero by body class */ .products #banner_hero {background:url(/images/global/header/banner-image-products.jpg) no-repeat;} .wholesale #banner_hero {background:url(/images/global/header/banner-image-wholesale.gif) no-repeat;} .retail #banner_hero {background:url(/images/global/header/banner-image-retail.gif) no-repeat;} .private #banner_hero {background:url(/images/global/header/banner-image-private-labeling.gif) no-repeat;} .press #banner_hero {background:url(/images/global/header/banner-image-press.gif) no-repeat;} .about #banner_hero {background:url(/images/global/header/banner-image-contact.gif) no-repeat;} .register #banner_hero {background:url(/images/global/header/banner-image-register.gif) no-repeat;} .links #banner_hero {background:url(/images/global/header/banner-image-links.gif) no-repeat;} #tagline {height:30px; width:100%; display:block; background-color:#007A48; position:absolute; top:175px; left:0;} #tagline h2 {color:#FFFFFF; font-size:11pt; text-align:center; font-style:italic; padding:6px 0 0 0; letter-spacing:1px; margin:0;} /* SIDEBAR and NAVIGATION */ #sidebar1 {float:left; width:250px; padding:10px 10px 15px 20px; background-color:#E8E2F0; border-right:6px solid #722D7D;} #nav, #nav ul, #nav ul li {margin:0; padding:0;} #nav ul li {list-style:none; display:block; margin:0 0 15px 0;} #nav ul li a {display:block; height:62px; width:236px; text-decoration:none;} /* NAV ITEMS, by section - background */ .nav_products a {background:url(/images/global/nav/nav1t-products.gif) no-repeat;} .nav_wholesale a {background:url(/images/global/nav/nav2t-wholesale.gif) no-repeat;} .nav_retail a {background:url(/images/global/nav/nav3t-retail.gif) no-repeat;} .nav_private a {background:url(/images/global/nav/nav4t-private-labeling.gif) no-repeat;} .nav_press a {background:url(/images/global/nav/nav5t-press.gif) no-repeat;} .nav_about a {background:url(/images/global/nav/nav6t-about-us.gif) no-repeat;} .nav_register a {background:url(/images/global/nav/nav7t-register.gif) no-repeat;} .nav_links a {background:url(/images/global/nav/nav8t-links.gif) no-repeat;} /* NAV ITEMS, by section - hover */ .nav_products a:hover {background: url(/images/global/nav/nav1at-products.gif) 0px 0 no-repeat;} .nav_wholesale a:hover {background:url(/images/global/nav/nav2at-wholesale.gif) 1px 0 no-repeat;} .nav_retail a:hover {background:url(/images/global/nav/nav3at-retail.gif) no-repeat;} .nav_private a:hover {background:url(/images/global/nav/nav4at-private-labeling.gif) 1px 0 no-repeat;} .nav_press a:hover {background:url(/images/global/nav/nav5at-press.gif) 1px 0 no-repeat;} .nav_about a:hover {background:url(/images/global/nav/nav6at-about-us.gif) 1px 0 no-repeat;} .nav_register a:hover {background:url(/images/global/nav/nav7at-register.gif) 1px 0 no-repeat;} .nav_links a:hover {background:url(/images/global/nav/nav8at-links.gif) 1px 0 no-repeat;} /* LAST NAV ITEM (has shorter bottom margin) */ .nav_last {margin:0;} /* CONTENT */ #mainContent {margin:0; padding:15px 0 0 0; width:500px; float:right; background-color:#FFFFFF; } #main-text {float:left; height:610px; width:480px; padding:10px 10px 18px 0; margin:0 0 16px 0; overflow:auto; position:relative;} /* PAGES */ /*products*/ .products #main-text {height:585px; padding:0 10px 3px 0; margin:0; } .products #main-text h1 {font-size: 11pt; font-weight: bold; color: #007A48; letter-spacing: 0.4px; margin-bottom:15px;} .products #main-text h2 {font-size: 10pt; color: #722D7D; letter-spacing: 1px; font-weight: bold; margin-bottom:10px;} .products #main-text p {font-size: 10pt; color: #722D7D; line-height: 12pt; letter-spacing: 1px; } #product_image {padding:0 0 18px 0;} /* retail */ .retail #main-text {height: 649px; padding:10px 15px 0 0; margin:0; } /* about us*/ .about-us #main-text {height: 610px; width:485px; padding:10px 0 18px 0; margin:0 3px 16px 0;} /* Home */ #store_home h1 {color:#438B61; font-size:1.25em; font-weight:bold;} #store_home p {color:#712D7D;} #store_img {padding:3px 0 35px 15px;} #store_home ul {margin:0 0 0 0px; padding:0 0 15px 38px;} #store_home ul li {padding:0; margin:0 0 0 0; color:#438B61; list-style:none; font-size:1.25em; font-weight:bold; display:block;} #store_home ul li a {padding:3px 0 3px 25px; margin:0 0 9px 0; text-decoration:none; color:#438B61; display:block; background:url(/store/skin1/images/wcn/list_leaf_green.gif) top left no-repeat;} #store_home ul li a:hover {color:#712D7D; background:url(/store/skin1/images/wcn/list_leaf_purp.gif) top left no-repeat;} #vine {float: right; height: 649px; width: 179px; } #main-image {float: left; height:485px; width: 480px; padding: 5px 0 0 10px; margin: 5px 0 5px 0; background-image: url(../Images/product-vine-big.gif); background-repeat: no-repeat; background-position: right bottom; } #scrollbar-pad {float: left; height:580px; width: 460px; padding:0 10px 18px 0; margin:0 0 16px 0; } #scrollbar-pad-products {float: left; height: 110px; width: 450px; padding:0; margin:0; } #order {float:left; height:35px; width:480px; padding:0 10px 0 0; margin: 10px 0 0 0; } /* FOOTER */ #footer {padding:3px 0 25px 0; text-align:center; width:800px; margin:0 auto 0 auto; font-size:12px; color:#722D7D; letter-spacing:1px; line-height:1.25;} /* use these for IE6 and 7 #footer {position:absolute; bottom:0; margin-top:150px;} */ #footer_links {font-weight:bold; color:#722D7D;} #footer_links a {color:#722D7D; text-decoration: none;} #footer_links a:visited {color:#722D7D;} #footer_links a:hover {color: #007b42;} #copyright {padding:25px 0 0 0; font-weight:bold; color:#722D7D;} #text-links {font-size:12px; color:#722D7D; margin:0px; width:800px; letter-spacing:1px; line-height:1.25; } /* ===================*/ /* WCN Customized X-Cart styles */ /* PAGE CONTAINER */ #page-container {width:800px; margin:0 auto 0 auto; border:none; text-align:left; position:relative; min-height:100%;} #page-container2 {width:100%; background:#fff; border:3px solid #722D7D; margin-bottom:15px;} /* PAGE LAYOUT */ /* the content containers allow the main text to come first in the html, while allowing room for the header in the layout at top */ #content-container {clear:both; float:left; overflow:hidden; position:relative; width:100%; margin:202px 0 0 0;} #content-container2 {float:left; position:relative; right:100%; width:200%;} #center {float:left; position:relative; width:50%; left:50%; background-color:#E8E2F0; } #center-main {margin:0 0 0 280px; overflow:hidden; position:relative; background-color:#fff; border-left:6px solid #722D7D;} #center-padding {margin:12px 12px 0 12px;} #left-bar {float:left; position:relative; width:250px; padding:10px 10px 15px 20px; background-color:#E8E2F0; border-right:6px solid #722D7D;} /* ------ delete ------- #content-container {clear:both; float:left; overflow:hidden; position:relative; width:100%; margin:202px 0 0 0;} #content-container2 {float:left; position:relative; right:100%; width:200%;} #center {float:left; position:relative; width:50%; left:50%; } #left-bar {float:left; position:relative; width:250px; padding:10px 10px 15px 20px; background-color:#E8E2F0; border-right:6px solid #722D7D;} #center-main { margin:12px 12px 0 302px; overflow:hidden; position:relative;} */ /* unused x-cart layout styles */ /* #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 100%; padding-bottom: 39px; margin-top: 140px; } #content-container2 { float: left; position: relative; right: 100%; width: 200%; } #center { float: left; position: relative; width: 50%; left: 50%; } #left-bar { float: left; position: relative; width: 150px; margin-left: 7px; } #right-bar { float: right; right: 7px; position: relative; width: 158px; } #center-main { margin: 0px 185px 0px 177px; overflow: hidden; position: relative; } #header { height: 140px; position: absolute; top: 0; left: 0; width: 100%; } #footer { height: 39px; width: 100%; position: absolute; bottom: 0; overflow: hidden; float: left; } */ /* Right-to-left */ .rtl { direction: rtl; } /* header styles */ /* unused x-cart header styles */ /* #header .line1 { position: relative; height: 67px; direction: ltr; } #header .line1 .logo { margin-left: 27px; width: 244px; } #header .line1 .logo a img { width: 244px; height: 67px; } */ /* header tabs */ .tabs { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; height: 25px; width: 80%; text-align: right; } .tabs ul { margin: 0px; padding: 0px; list-style: none; } .tabs li { float: right; margin: 0px 1px 0px 0px; padding: 0px; background: transparent url("images/tab_r.png") no-repeat right top; height: 25px; } .tabs a:link, .tabs a:visited, .tabs a:hover, .tabs a:active { display: block; background: transparent url("images/tab_l.png") no-repeat left top; margin: 0px 5px 0px 0px; padding: 5px 10px 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #253161; text-decoration: none; font-weight: bold; font-size: 11px; height: 25px; outline-style: none; } .tabs a:hover { color: #2863c2; } /* phones line */ #header .phones { position: absolute; right: 10px; top: 25px; height: 42px; vertical-align: middle; line-height: 42px; color: #5480a2; text-align: right; white-space: nowrap; font-size: 11px; } #header .phones span { padding-left: 15px; } /* header line 2 */ #header .line2 { position: relative; width: 100%; border: none; border-top: 1px solid #cb480c; border-bottom: 1px solid #cb480c; background: url(images/head_linebg.gif) repeat-x top; height: 39px; color: #451300; } #header .line2 div, #header .line2 span { color: #451300; } #header .line2 a:link, #header .line2 a:visited, #header .line2 a:hover, #header .line2 a:active { color: #510000; } #header div.search { position: absolute; top: 0px; left: 0px; height: 39px; line-height: 39px; vertical-align: middle; } #header span.search { font-size: 12px; padding-left: 20px; padding-right: 5px; } #header a.search:link, #header a.search:visited, #header a.search:hover, #header a.search:active { text-decoration: underline; } #header input { margin-right: 3px; } #header button.simple-button { vertical-align: middle; margin-bottom: 3px; margin-right: 3px; } #header button.simple-button img { margin-left: 0px; } #header .languages { position: absolute; top: 7px; right: 20px; text-align: right; vertical-align: middle; } #header .languages label { line-height: 21px; vertical-align: middle; font-size: 12px; } #header .languages select { margin-left: 5px; } /* header line 3 */ #header .line3 { position: relative; width: 100%; height: 39px; text-align: right; } .line3 .printable-bar { position: absolute; top: 6px; right: 186px; height: 18px; } .line3 .printable-bar a:link, .line3 .printable-bar a:visited, .line3 .printable-bar a:hover, .line3 .printable-bar a:active { background: transparent url(images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0px; color: #818891; font-size: 10px; line-height: 16px; } /* footer styles */ /* unused x-cart footer styles */ /* #footer .box { width: 100%; border: none; border-top: 1px solid #cb480c; padding: 0px; } #footer .subbox { position: relative; border-top: #ffd30d 1px solid; background: #f4f5f7 none; color: #667d92; height: 40px; vertical-align: middle; padding: 0px; } #footer .subbox .left { background: transparent none; position: absolute; left: 12px; top: 0px; line-height: 40px; vertical-align: middle; } #footer .subbox .right { background: transparent none; position: absolute; right: 12px; top: 0px; text-align: right; line-height: 40px; vertical-align: middle; } #footer .subbox a:link { color: #667d92; text-decoration: underline; } #footer .subbox a:visited { color: #667d92; text-decoration: underline; } #footer .subbox a:hover { color: #667d92; text-decoration: none; } #footer .subbox a:active { color: #667d92; text-decoration: underline; } */ /*============================================================================== widgets ==============================================================================*/ /* location bar */ #location { height: 15px; line-height: 15px; margin-bottom: 27px; font-size: 11px; color: #818891; } font.bread-crumb { font-size: 11px; color: #818891; } a.bread-crumb:link { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:visited { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:hover { font-size: 11px; color: #818891; text-decoration: none; } a.bread-crumb:active { font-size: 11px; color: #818891; text-decoration: underline; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0px 5px 0px 5px; } /* page title */ h1.page-title { text-align: center; } /* dialog message container */ #dialog-message { padding: 15px 0px 20px 0px; width: 100%; } #dialog-message .box { position: relative; margin-left: 8%; margin-right: 8%; border: 1px solid #712E7E; border-top: 3px solid #712E7E; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px; } #dialog-message a.close-link:link, #dialog-message a.close-link:visited, #dialog-message a.close-link:hover, #dialog-message a.close-link:active { display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; text-decoration: none; } #dialog-message .close-img { width: 13px; height: 13px; background: transparent url(images/but_cross.gif) no-repeat left top; } #dialog-message .message-i { color: #112536; border-color: #7a97c1; background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-w { color: #3e3104; border-color: #c3902f; background: #f8f7f3 url(images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-e { color: #590a0a; border-color: #d30000; background: #f7f3f3 url(images/icon_error.gif) no-repeat 10px 10px; } #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0px; height: 15px; text-align: right; vertical-align: middle; } #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(images/goto_arr.gif) no-repeat left top; } .dialogtr { color: #20b8e0; } /* inline message */ .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px 1px; margin: 0px; } .inline-message img.icon-w { vertical-align: top; width: 16px; height: 16px; background: transparent url(images/icon_warning_small.gif) no-repeat; } /* side bar container */ .menu-dialog {border: 3px solid #712E7E; margin-bottom: 15px; } /*background:#712E7E url(images/menu_bg.gif) repeat-x left top;*/ .menu-dialog .title-bar { width: 100%; background:#712E7E; font-size:13px; border:none; border-bottom:#712E7E 1px solid; line-height:27px; height:27px; overflow:hidden; white-space:nowrap; color:#ffffff; font-weight:bold; position:relative; text-transform:uppercase;} .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px 7px; width: 17px; height: 17px; } .menu-dialog .title-bar a:link, .menu-dialog .title-bar a:visited, .menu-dialog .title-bar a:hover, .menu-dialog .title-bar a:active {display:block; position:absolute; top:7px; right:7px; text-decoration:none; } .rtl .menu-dialog .title-bar a:link, .rtl .menu-dialog .title-bar a:visited, .rtl .menu-dialog .title-bar a:hover, .rtl .menu-dialog .title-bar a:active { right: auto; left: 7px; } .menu-dialog .title-bar a:link img, .menu-dialog .title-bar a:visited img, .menu-dialog .title-bar a:hover img, .menu-dialog .title-bar a:active img {width: 7px; height: 11px; background: transparent url(images/menu_arrow.gif) no-repeat left top; } .rtl .menu-dialog .title-bar a:link img, .rtl .menu-dialog .title-bar a:visited img, .rtl .menu-dialog .title-bar a:hover img, .rtl .menu-dialog .title-bar a:active img {background: transparent url(images/menu_arrow_invert.gif) no-repeat left top;} .menu-dialog .content { border:0px; background-color:#ffffff; padding:8px 10px 20px 10px; overflow: hidden;} .menu-dialog .content a:link, .menu-dialog .content a:visited, .menu-dialog .content a:link { color: #712E7E; } .menu-dialog .content a:hover { color: #007A47; } .menu-dialog ul { list-style: none; padding:0; margin:0; } .menu-dialog ul li { padding:0; vertical-align: middle; } .menu-dialog .item { color: #112536; font-size: 10px; } .menu-dialog ul li a:link { font-size: 10px; text-decoration: none; } .menu-dialog ul li a:visited { font-size: 10px; text-decoration: none; } .menu-dialog ul li a:hover { font-size: 10px; text-decoration: underline; } .menu-dialog ul li a:active { font-size: 10px; text-decoration: none; } .menu-dialog hr {background-color: #999999; } /* dialog container */ .dialog { border:none; padding:0px; margin: 0px 0px 15px 0px; page-break-inside: avoid; } .dialog .title { position: relative; color:#712E7E; font-weight: bold; font-size: 22px; vertical-align: middle; height:30px; line-height:30px; margin:0; padding:0 0 0 30px; text-align:left; border:0px none; border-bottom:3px solid #712E7E; overflow:hidden; text-transform:uppercase; background:transparent url(images/grapeleaf.gif) 0 3px no-repeat;} .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 10px 10px 25px 10px; color: #712E7E; } .dialog .dialog-sort-row { height: 30px; position: absolute; top: 0px; right: 0px; width: 50%; overflow: hidden; } .dialog .title-with-sort-row h2 { width: 50%; font-size:18px; } .dialog .title-with-sort-row .dialog-search-sort-bar { height: 30px; position: absolute; top: 0px; right: 0px; width: 50%; overflow: hidden; } .dialog-search-sort-bar .search-sort-bar { padding: 0px; margin: 7px 0px; } .dialog-search-sort-bar .search-sort-title, .dialog-search-sort-bar .search-sort-cell { padding-right: 10px; } /* product container */ .product .title {position: relative; color:#007A47; font-weight: bold; vertical-align: middle; height:30px; line-height:30px; margin:0; padding:0 0 0 0px; text-align:left; border:0px none; overflow:hidden; text-transform:uppercase;} .product .title h2 {font-size:17px; } .product .content { border: 0px none; background:transparent none; text-align:left; padding:10px 10px 25px 10px; color:#712E7E; } /* .dialog { border: 1px solid #acb7c7; padding: 0px; margin: 0px 0px 15px 0px; page-break-inside: avoid; } .dialog .title { position: relative; color: #253161; font-weight: bold; font-size: 13px; background: transparent url(images/dialog_bg.gif) repeat-x top left; border: 0px none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 18px; text-align: left; border-bottom: 1px solid #acb7c7; overflow: hidden; } .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 10px 10px 25px 10px; color: #58595b; } .dialog .dialog-sort-row { height: 30px; position: absolute; top: 0px; right: 0px; width: 50%; overflow: hidden; } .dialog .title-with-sort-row h2 { width: 50%; } .dialog .title-with-sort-row .dialog-search-sort-bar { height: 30px; position: absolute; top: 0px; right: 0px; width: 50%; overflow: hidden; } .dialog-search-sort-bar .search-sort-bar { padding: 0px; margin: 7px 0px; } .dialog-search-sort-bar .search-sort-title, .dialog-search-sort-bar .search-sort-cell { padding-right: 10px; } */ /* buttons */ /* button-based */ button.button { border: 0px none; background-color:transparent; cursor:pointer; height:33px; margin:0; padding:0; vertical-align: top; overflow:visible; outline-style:none; } button.button .button-right {display: block; background: transparent url(images/btn_right_p.gif) no-repeat right top; padding: 0px 18px 0px 0px; height:33px; } button.button .button-left { display: block; margin:0px; background: transparent url(images/btn_left_p.gif) no-repeat left top; padding: 0px 9px 0px 24px; vertical-align: middle; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; color:#fff; font-weight: bold; font-size:11px; height:33px; line-height:32px; text-transform:uppercase; } /* button.button { border: 0px none; background-color: transparent; cursor: pointer; height:22px; margin: 0px; padding: 0px; vertical-align: top; overflow: visible; outline-style: none; } button.button .button-right { display: block; background: transparent url(images/but_right.png) no-repeat right top; padding: 0px 10px 0px 0px; height: 22px; } button.button .button-left { display: block; margin: 0px; background: transparent url(images/but_left.png) no-repeat left top; padding: 0px 5px 0px 15px; vertical-align: middle; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; color: #111d4d; font-weight: bold; font-size: 11px; height: 22px; line-height: 21px; } */ /* div-based */ div.button { border: 0px none; background: transparent none; cursor: pointer; margin: 0px; padding: 0px 18px 0px 0px; white-space: nowrap; background: transparent url(images/btn_right_p.gif) no-repeat right top; float: left; } div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active { display: block; background: transparent url(images/btn_left_p.gif) no-repeat left top; padding: 0px 9px 0px 26px; line-height: 33px; white-space: nowrap; color:#fff; font-weight: bold; font-size: 12px; text-decoration: none; outline-style: none; text-transform:uppercase; } /* button-based link */ button.simple-button { border: 0px none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0px 0px 0px; padding: 0px; white-space: nowrap; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; vertical-align: middle; outline-style: none; } button.simple-button span { text-decoration: underline; } button.simple-button img { display: none; } /* a-based link */ a.simple-button:link, a.simple-button:visited, a.simple-button:hover, a.simple-button:active { font-size: 11px; white-space: nowrap; color: #712E7E; font-weight: bold; margin: 0px; padding: 0px; line-height: 21px; vertical-align: bottom; text-decoration: underline; outline-style: none; } /* input-image-based */ input.image-button { margin: 0px; margin-bottom: 1px; padding: 0px; border: 0px none; width: 20px; height: 20px; background: transparent url(images/go.gif) no-repeat left top; vertical-align: middle; } /* a-image-based */ a.image-button:link, a.image-button:visited, a.image-button:hover, a.image-button:active { text-decoration: none; } a.image-button:link img, a.image-button:visited img, a.image-button:hover img, a.image-button:active img { margin: 0px; padding: 0px; border: 0px none; width: 20px; height: 18px; background: transparent url(images/go.gif) no-repeat center center; vertical-align: middle; } /* Buttons alternative styles */ /* highlighted button */ button.main-button .button-right { background: transparent url(images/btn_right_p.gif) no-repeat right top; } button.main-button .button-left { background: transparent url(images/btn_left_p.gif) no-repeat left top; color: #fff; } div.main-button { background: transparent url(images/btn_right_p.gif) no-repeat right top; } div.main-button div, div.main-button a:link, div.main-button a:visited, div.main-button a:hover, div.main-button a:active { background: transparent url(images/btn_left_p.gif) no-repeat left top; color:#fff; } button.simple-main-button, a.simple-main-button:link, a.simple-main-button:visited, a.simple-main-button:hover, a.simple-main-button:active { color: #fff; } /* Delete cart item button */ a.simple-delete-button:link, a.simple-delete-button:visited, a.simple-delete-button:hover, a.simple-delete-button:active { color:#712E7E; background: transparent url(images/delete_cross_p.gif) no-repeat left 7px; padding-left: 13px; } /* menu button */ button.menu-button { height: 22px; font-weight:bold;} button.menu-button .button-right { background: transparent url(images/btn_right_psm.gif) no-repeat right top; padding-right: 7px; height: 22px; } button.menu-button .button-left { background: transparent url(images/btn_left_psm.gif) no-repeat left top; height: 22px; padding: 0px 1px 0px 8px; color: #fff; font-size: 10px; height: 22px; line-height: 22px; } div.menu-button { background: transparent url(images/btn_right_psm.gif) no-repeat right top; padding-right: 7px; } div.menu-button div, div.menu-button a:link, div.menu-button a:visited, div.menu-button a:hover, div.menu-button a:active { background: transparent url(images/btn_left_psm.gif) no-repeat left top; padding: 0px 1px 0px 8px; line-height: 22px; color:#fff !important; font-size: 10px; font-weight:bold;} /* link-with-arrow */ a.simple-arrow-button:link, a.simple-arrow-button:visited, a.simple-arrow-button:hover, a.simple-arrow-button:active { padding-left: 10px; background: transparent url(images/but_arrow.png) no-repeat left 6px; } a.simple-arrow-button:hover { color: #2863c2; } .rtl a.simple-arrow-button:link, .rtl a.simple-arrow-button:visited, .rtl a.simple-arrow-button:hover, .rtl a.simple-arrow-button:active { padding-left: 0px; padding-right: 10px; background: transparent url(images/but_arrow_invert.png) no-repeat right 6px; } .button-row a.simple-arrow-button:link, .button-row a.simple-arrow-button:visited, .button-row a.simple-arrow-button:hover, .button-row a.simple-arrow-button:active { background-position: left 2px; } button.simple-arrow-button img.left-simple-button { display: inline; width: 7px; height: 10px; background: transparent url(images/but_arrow.png) no-repeat left top; margin-right: 3px; vertical-align: bottom; } /* button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0px; height: 23px; line-height: 23px; } .buttons-row .button, .buttons-row button.simple-button, .buttons-row a.simple-button {float: left;} .buttons-row-right .button, .buttons-row-right button.simple-button, .buttons-row-right a.simple-button, .button-row-right .button, .button-row-right button.simple-button, .button-row-right a.simple-button { float: right; } .buttons-row-right-box { float: right; } /*.buttons-row-right, .buttons-row { margin: 20px 0px 0px 0px; height: 23px; } */ .buttons-row .button-separator { float: left; width: 20px; height: 15px; } .buttons-row-right .button-separator { float: right; width: 30px; height: 15px; } table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right { margin: 0px; padding-top: 15px; } .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button { margin-right: 20px; } .button-up { position: relative; margin-top: -23px; width: 30%; } /* popup help link */ a.popup-link:link, a.popup-link:visited, a.popup-link:hover, a.popup-link:active { text-decoration: none; } a.popup-link:link img, a.popup-link:visited img, a.popup-link:hover img, a.popup-link:active img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(images/question_button.gif) no-repeat left top; margin-bottom: 1px; } /* Popup window */ .popup-modal-bg { background: transparent url(images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1000; } .popup-window { position: absolute; background: white none; overflow: hidden; padding: 0px; margin: 0px; z-index: 1100; } .popup-window .popup-bg-iframe { position: absolute; width: 100%; height: 100%; border: 0px none; background: white none; margin: 0px; padding: 0px; z-index: 1150; } .popup-window .popup-title { position: absolute; top: 2px; left: 2px; right: 2px; height: 22px; background: transparent url(images/popup_header_bg.gif) repeat-x left top; vertical-align: middle; z-index: 1200; } .popup-window .popup-title span { color: #ffffff; font-size: 10px; line-height: 22px; font-family: verdana, helvetica, sans-serif; font-weight: bold; padding: 0px 0px 0px 20px; } .popup-window .popup-title a:link, .popup-window .popup-title a:visited, .popup-window .popup-title a:hover, .popup-window .popup-title a:active { display: block; position: absolute; top: 3px; right: 5px; outline-style: none; text-decoration: none; width: 16px; height: 16px; } .popup-window .popup-title img { width: 16px; height: 16px; background: transparent url(images/popup_header_cross.gif) no-repeat left top; } .popup-window .popup-content { position: absolute; top: 24px; left: 2px; right: 2px; bottom: 20px; overflow: auto; margin: 0px; padding: 0px; z-index: 1200; } .popup-window .popup-frame { padding: 5px; margin: 0px; } .popup-window .popup-footer { position: absolute; bottom: 2px; left: 2px; right: 2px; background: #f3f5f7 none; height: 18px; text-align: right; z-index: 1200; } .popup-window .popup-footer div { position: absolute; width: 18px; height: 18px; top: 0px; right: 0px; background: transparent url(images/popup_bottom_arrow.gif) no-repeat 9px 9px; cursor: se-resize; } .popup-dnd-border { position: absolute; border: 1px dotted #000000; background: transparent none; z-index: 1200; } .popup-window .popup-border { position: absolute; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; } .popup-window .popup-t-side { top: 0px; left: 0px; right: 0px; width: 100%; border: 0px none; border-top: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: n-resize; z-index: 1250; } .popup-window .popup-tr-corner { right: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: ne-resize; z-index: 1260; } .popup-window .popup-r-side { top: 0px; right: 0px; bottom: 0px; height: 100%; border-right: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: e-resize; z-index: 1250; } .popup-window .popup-br-corner { right: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: se-resize; z-index: 1260; } .popup-window .popup-b-side { bottom: 0px; left: 0px; right: 0px; width: 100%; border-bottom: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: s-resize; z-index: 1250; } .popup-window .popup-bl-corner { left: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: sw-resize; z-index: 1260; } .popup-window .popup-l-side { top: 0px; left: 0px; bottom: 0px; height: 100%; border-left: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: w-resize; z-index: 1250; } .popup-window .popup-tl-corner { left: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: nw-resize; z-index: 1260; } /* data table */ table.data-table td { padding: 4px 1px; line-height: 21px; vertical-align: top; } table.data-table td.data-name { vertical-align: top; color: #112536; padding-right: 5px; } table.data-table .data-required, .data-required { color: #880000; } table.data-table td.data-required { padding-right: 4px; } table.data-table td.data-required { text-align: center; width: 5px; } table.data-table .error-message { color: #880000; vertical-align: middle; } table.data-table div.error-message { margin: 0px; } table.data-table tr.head-row th { padding-left: 5px; padding-right: 5px; } table.data-table .head-row {text-transform:uppercase;} table.data-table tr th.data-checkbox-column { width: 10px; } table.data-table tr .data-right-column { text-align: right; } table.data-table tr .data-width-100 { width: 100%; } table.data-table tr td.data-name label { line-height: 21px; vertical-align: top; } /* search sort bar */ .search-sort-bar { vertical-align: middle; line-height: 16px; height: 16px; padding-right: 20px; white-space: nowrap; margin: 15px 0px 30px 0px; text-align: right; } .search-sort-title { padding-right: 20px; } .search-sort-cell { padding-right: 20px; } a.search-sort-link:link, a.search-sort-link:visited, a.search-sort-link:hover, a.search-sort-link:active { text-decoration: underline; } .search-sort-bar img, .search-sort-bar-float img { width: 9px; height: 9px; margin-right: 5px; } .search-sort-bar a.up-direction:link, .search-sort-bar a.up-direction:visited, .search-sort-bar a.up-direction:hover, .search-sort-bar a.up-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(images/uarrow.gif) no-repeat left 3px; } .search-sort-bar a.down-direction:link, .search-sort-bar a.down-direction:visited, .search-sort-bar a.down-direction:hover, .search-sort-bar a.down-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(images/darrow.gif) no-repeat left 3px; } /* expandable section */ .expand-section { height: 16px; margin: 20px 0px 20px 0px; vertical-align: middle; line-height: 16px; } .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0px; } .expand-section a:link, .expand-section a:visited, .expand-section a:hover, .expand-section a:active { font-weight: bold; text-decoration: underline; } /* pagination mechanism */ .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0px; margin: 0px; } .nav-pages-title { padding-right: 10px; } .nav-pages img { vertical-align: bottom; width: 15px; height: 15px; } .nav-pages a:link, .nav-pages a:visited, .nav-pages a:hover, .nav-pages a:active { text-align: center; text-decoration: underline; } .nav-pages .left-arrow img { background: transparent url(images/navigation_arrow_left.gif) no-repeat left top; } .nav-pages .right-arrow img { background: transparent url(images/navigation_arrow_right.gif) no-repeat left top; } .nav-pages .current-page { text-align: center; font-weight: bold; } .nav-pages .right-delimiter { padding-right: 12px; } /* subheader styles */ .subheader { margin: 0px 0px 10px 0px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0px; border: 0px none; border-bottom: 1px solid #9d1500; } .subheader-grey { color: #666666; font-size: 11px; border-bottom: 1px solid #cccccc; } .subheader-black { color: #010101; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000000; } .subheader-red { border-bottom: 1px solid #acb7c7; } /* Table head cell */ .img-down-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(images/r_bottom.gif) no-repeat left top; margin-right: 3px; } .img-up-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(images/r_top.gif) no-repeat left top; margin-right: 3px; } /* NoScript warning */ div.noscript-warning { text-align: center; height: 30px; line-height: 30px; padding: 0px 0px 20px 0px; } div.noscript-warning div.content { background: transparent url(images/icon_warning.gif) no-repeat left top; color: #b51a00; font-weight: bold; padding: 0px 0px 0px 33px; white-space: nowrap; line-height: 30px; overflow: hidden; } /* Webmaster mode */ .lbl { display: inline !important; color: green !important; font-weight: bold !important; width: auto !important; margin: 0px !important; padding: 0px !important; } .section { margin: 0px !important; padding: 0px !important; width: auto !important; } /*============================================================================== side-bar styles ==============================================================================*/ /* categories list */ .menu-categories-list .title-bar img.icon { background: transparent url(images/dingbats_categorie.gif) no-repeat left top; } .menu-categories-list ul li { padding: 4px 0px 5px 20px; background: transparent url(images/category_bullet.gif) no-repeat 8px 5px; } .rtl .menu-categories-list ul li { padding: 4px 20px 5px 0px; background: transparent url(images/category_bullet_invert.gif) no-repeat right 5px; } .menu-categories-list ul li a:link, .menu-categories-list ul li a:visited, .menu-categories-list ul li a:hover, .menu-categories-list ul li a:active { font-size: 12px; } /* special menu */ .menu-special .title-bar img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } /* help menu */ .menu-help .title-bar img.icon { background: url(images/dingbats_help.gif) no-repeat; } /* minicart */ .menu-minicart .title-bar img.icon { background: url(images/dingbats_orders.gif) no-repeat; } div.minicart { color: #112536; font-size: 10px; } div.minicart a { float: left; } div.minicart img { width: 19px; height: 16px; } div.minicart .full img { margin: 7px 4px 7px 1px; width: 18px; height: 13px; background: transparent url(images/cart_full.gif) no-repeat left top; } div.minicart .empty img { margin: 1px 4px 1px 1px; width: 18px; height: 13px; background: transparent url(images/cart_empty.gif) no-repeat left top; } div.minicart .empty b { line-height: 18px; } div.minicart table { margin: 0px 0px 0px 1px; } div.minicart table tr td { color: #112536; font-size: 10px; padding: 1px; } hr.minicart { clear: both; margin: 5px 0px 5px 0px; } /* auth box */ .menu-auth .title-bar img.icon { background: url(images/dingbats_authentification.gif) no-repeat; } .login-buttons { margin: 3px 0px 5px 0px; } .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px; } .menu-dialog .recovery { clear: both; margin-bottom: 5px; } .menu-dialog .recovery a:link, .menu-dialog .recovery a:visited, .menu-dialog .recovery a:hover, .menu-dialog .recovery a:active { text-decoration: underline; font-size: 10px; } .menu-dialog .left { text-align: left; } .menu-dialog .login-text { vertical-align: top; margin-left: 15px; } .small-note, a.small-link:link {color:#712E7E; text-decoration: none; font-size: 9px;} a.small-link:visited {color:#712E7E; text-decoration: none; font-size: 9px;} a.small-link:hover {color:#007A47; text-decoration: underline; font-size: 9px;} a.small-link:active {color:#712E7E; text-decoration: none; font-size: 9px;} /* news box styles */ .menu-news .title-bar img.icon { background: url(images/dingbats_news.gif) no-repeat; } .menu-dialog .news { font-size: 9px; } .menu-dialog .subscribe { margin-top: 8px; } .menu-dialog a.prev-news:link, .menu-dialog a.prev-news:visited, .menu-dialog a.prev-news:hover, .menu-dialog a.prev-news:active { text-decoration: underline; } /* interneka menu */ .menu-interneka .title-bar img.icon { background: url(images/dingbats_affiliates.gif) no-repeat; } /*============================================================================ page-specific styles ==============================================================================*/ /* category page */ .category-description { margin-bottom: 15px; } .current-category-icon { padding: 0px; height: 100%; vertical-align: top; } .current-category-icon img { margin: 5px; } h1.category { color: #2c3e49; margin: 20px 0px 10px 0px; font-size: 13px; } ul.subcategories { list-style: none; margin: 0px; padding: 0px 0px 15px 0px; } ul.subcategories li { margin: 0px 0px 10px 0px; text-align: left; } ul.subcategories a:link, ul.subcategories a:visited, ul.subcategories a:hover, ul.subcategories a:active { text-decoration: underline; font-weight: bold; } div.subcategories { float: left; margin: 0px 10px; text-align: center; padding-bottom: 0px; } .subcategory-image { float: left; margin: 0px 10px 10px 0px; } .subcategory-descr { width: auto; padding: 0px; } /* product details page */ .products #main-text {height:585px; padding:0 10px 3px 0; margin:0; } .product-details h1 {font-size: 11pt; font-weight: bold; color: #007A48; letter-spacing: 0.4px; margin-bottom:15px;} .product-details h2 {font-size: 10pt; color: #722D7D; letter-spacing: 1px; font-weight: bold; margin-bottom:10px;} .product-details p {font-size: 10pt; color: #722D7D; line-height: 12pt; letter-spacing: 1px; } .product-details {position:relative;} .product-details .image {text-align:left; vertical-align:top; padding:0 0 18px 0; margin:0;} .product-details .image .image-box { width:100%; margin:0; padding:0px; } .product-details .details {padding-left:0; } .product-details .details .descr {padding:0 0 6px 0; margin:0; font-size:10pt; color:#722D7D; line-height: 12pt; letter-spacing:1px; } .product-details .details .save { position: absolute; right: 3px; top: 0px; width: 57px; height: 57px; text-align: center; vertical-align: middle; color: #ffffff; padding: 28px 0px 0px 0px; font-weight: bold; background: transparent url(images/save_money.gif) no-repeat;} .product-details .product-subtitle { padding:18px 0px 6px 0px;} .product-details .product-subtitle div {color:#712E7E; font-weight: bold; font-size:13px; border: 0px none; border-bottom: 2px solid #712E7E; text-transform:uppercase; } .product-details .message { color:#712E7E; } .product-details .warning-message { color:#712E7E; } .product-details .customer-message { color:#712E7E; font-weight: bold; } /* product properties table */ table.product-properties { margin: 0px; width: 100%; color:#007A47;} table.product-properties tr td { padding: 0px; color:#007A47;} table.product-properties .property-name { padding-right: 5px; white-space: nowrap; width: 30%; text-transform:uppercase; font-weight:bold;} table.product-properties .property-value { white-space: nowrap; } table.product-properties .product-price {font-weight: bold; font-size: 12px; vertical-align: top; } table.product-properties .product-price-value {color:#007A47; font-weight: bold; font-size: 12px; white-space: nowrap; } table.product-properties .product-market-price {color:#9FC4AE; padding-left: 5px; font-size: 12px; white-space: nowrap; font-weight: bold; } table.product-properties .product-input { height: 25px; } table.product-properties .product-min-amount { padding-left: 5px; font-size: 14px;} table.product-properties .product-one-quantity { padding-left: 5px; font-size: 14px; } table.product-properties .separator td { height: 18px; } /* send 2 friend section */ input.send2friend { width: 300px; } /* products list */ /* common styles */ .products { margin-bottom: 15px; margin-top: 15px; } .products .image { text-align: center; vertical-align: top; white-space: nowrap; } .products a.see-details:link, .products a.see-details:visited, .products a.see-details:hover, .products a.see-details:active { display: block; text-align: center; text-decoration: underline; } .products a.product-title:link, .products a.product-title:visited, .products a.product-title:hover, .products a.product-title:active, .products .product-title, .product-details .product-title { color: #793a02; font-weight: bold; font-size: 12px; text-decoration: underline; } .products a.product-title:hover { color: #a87950; } .products .descr { padding: 15px 0px 0px 0px; margin: 0px; } .products .sku { margin-top: 15px; } .products .price-row { margin: 0px; padding: 0px; text-align: left; } .products .market-price { } .products .market-price-value { text-decoration: line-through; } .products .price { font-weight: bold; font-size: 12px; } .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00; } .products .price-save { padding: 0px; margin: 0px; color: #b51a00; } .products .taxes { margin-top: 15px; padding: 2px 2px 2px 70px; } .products .buy-now { margin: 10px 0px 0px 0px; } .products .buy-now .quantity { height: 25px; white-space: nowrap; vertical-align: middle; } .products .buy-now .quantity-empty { height: 25px; } .products .buy-now .quantity-title { width: 75px; padding-right: 16px; } .products .buy-now .quantity select { vertical-align: middle; } .products .buy-now .out-of-stock { white-space: nowrap; font-weight: bold; } .products .buy-now .prices { height: 15px; vertical-align: middle; } .products .product-details-title { color: #b51a00; font-weight: bold; font-size: 12px; } .products .product-price-text { color: #010101; font-weight: bold; font-size: 12px; } /* list as list */ .products-list .item { position: relative; margin: 0px 0px 45px 0px; } .products-list .image { float: left; position: relative; padding: 3px 20px 3px 10px; margin-right: auto; } .products-list .details { vertical-align: top; padding-left: 30px; border: 0px none; } .products-list .details hr { margin: 5px 5px 5px 0px; } .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0px; text-align: left; } /* list as multicolumn table */ .products-table .product-cell { background: #ffffff none; text-align: center; padding: 0px; vertical-align: top; } .products-table .products-row td.product-cell { padding-top: 60px; } .products-table td.product-cell-price { padding-top: 14px; } .products-table td.product-cell-buynow { padding-top: 12px; } .products-table .image { padding: 0px; margin: 5px 0px; } .products-table .sku { margin-top: 10px; text-align: center; } .products-table .market-price { padding: 8px 0px 0px 0px; } .products-table .price-row { text-align: center; } .products-table .buttons-row, .products-table .button-row { margin: 0px; } .products-table .buttons-row button, .products-table .button-row button { margin: 0px; float: none; } .products-table .buy-now { margin-top: 5px; } .products-table .buy-now .quantity-title { width: auto; padding-right: 5px; } /* advanced search page */ .adv-search table td { white-space: nowrap; padding: 3px 5px 3px 0; } .adv-search table .data-name { width: 20%; vertical-align: top; color: #112536; font-weight: bold; } .adv-search table .data-input { white-space: nowrap; } .adv-search table .pattern { padding-bottom: 0px; } .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom; } .adv-search table .search-button { width: 25%; padding: 0px; } #adv_search_box { margin-bottom: 15px; } /* register page */ .register-note { color: #712E7E; margin-bottom: 15px; } .register-newbie-note { text-align: center; margin-top: 30px; } .register-bottom-note { margin-top: 30px; padding-bottom: 45px; } .register-ups-box { margin-top: 45px; margin-bottom: 15px; } .register-section-title { height: 30px; vertical-align: middle; } .register-section-title label { display: block; color: #712E7E; font-size: 10px; font-weight: bold; width: 100%; line-height: normal; border-bottom: 1px solid black; } table.register-table td.data-name { text-align: right; font-weight: normal; width: 30%; } table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px; } table.register-table .register-exp-section label.register-sec-minimized { border-bottom: 0px none; } /* cart page */ .cart .item { margin: 0px 0px 30px 0px; } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align:top; width: 80%; } .cart a.product-title:link, .cart a.product-title:visited, .cart a.product-title:hover, .cart a.product-title:active { text-decoration: underline; color:#712E7E; font-weight:bold; font-size:13px;} .cart a.product-title:hover {color:#007A47;} .cart .descr { padding-bottom: 15px; color:#712E7E;} .cart .poptions-title { font-weight: bold; } .cart .poptions-list { margin-bottom: 15px; } .cart .buttons { position: relative; vertical-align: top; margin-top: 30px; height: 23px; } .cart .buttons .buttons-row { margin-top: 0px; } .cart .left-buttons-row { vertical-align: top; position: absolute; top: 0px; left: 0px; } .cart .right-buttons-row { position: absolute; top: 0px; right: 0px; width: 50%; } .cart .right-buttons-row .checkout-button { float: right; } .cart-total-line { width: 50%; margin-left: 50%; } .cart-total-row { text-align: right; } div.shipping-method { color:#712E7E; font-weight: bold; margin-bottom: 15px; text-align: right; } th.shipping-method { color:#712E7E; font-weight: bold; text-align: left; } .shipping-method select { font-weight: normal; } .shipping-method table { margin: 0px 0px 0px auto; text-align: right; } .shipping-method table td { font-weight: normal; text-align: left; } .shipping-method tr.selected { background:#E8E2F0 none; } .shipping-method label {color:#712E7E;} .totals { margin: 0px 0px 0px auto; text-align: right; width: 30%; } .totals td { padding: 3px; } .totals .total-name { white-space: nowrap; color: #712E7E; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-value { white-space: nowrap; color: #712E7E; font-weight: bold; text-align: right; } .totals .total-alt-value { white-space: nowrap; text-align: right; } .totals .total-line { height: 1px; } .totals .total-line img { background: black none; width: 100%; height: 1px; } .totals .total { white-space: nowrap; color: #712E7E; font-weight: bold; padding-right: 8px; text-transform: uppercase; text-align: left; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line { background-color: #E8E2F0 } .totals .total-tax-line td { text-align: right; white-space: nowrap; } .totals .total-tax-name { padding-right: 8px; } .cart hr { margin-top: 10px; margin-bottom: 10px; color:#712E7E;} .cart-content { margin-bottom: 15px; color:#712E7E;} .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; color:#712E7E;} .cart-content tr th { text-transform:uppercase;} .cart-content .cart-column-tax { text-align: center; } .cart-content .cart-column-price, .cart-content .cart-column-total { text-align: right; color:#712E7E;} .cart-content .cart-content-text { color: #712E7E; font-weight: bold; } .cart-content .cart-column-quantity { width: 30px; color:#712E7E;} .cart-content .cart-column-product { width: 100%; color:#712E7E;} .cart-content input.cart-quantity { width: 30px; color:#712E7E;} .cmpi-vbv-icon { width: 49%; float: left; text-align: center; } .cmpi-vbv-icon img { width: 71px; height: 57px; background: transparent url(images/vbv_logo.gif) no-repeat left top; } .cmpi-mcsc-icon { width: 49%; text-align: center; } .cmpi-mcsc-icon img { width: 74px; height: 40px; background: transparent url(images/mcsc_logo.gif) no-repeat left top; } /* Checkout page */ .checkout-payments tr td { padding: 2px; text-align: left; color: #712E7E;} .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0px none; } .checkout-update-button { float: left; margin: 0px; } /* Payment wait page */ .payment-wait .payment-wait-title { border-top: 30px solid #d0ddeb; } .payment-wait h1 { display: block; padding: 10px 0px 0px 30px; border-top: 1px solid #d0ddeb; margin-top: 1px; color: #2c3e49; } /* help index page */ .help-index { list-style: none; padding: 0px; margin: 0px; } .help-index li { margin: 0px; padding: 10px 0px 0px 0px; } .help-index li.first-item { padding-top: 0px; } /* help / cvv2 page */ .help-cvv2-images { float: right; margin: 15px 5px 5px 5px; } .help-cvv2-images img { float: none; display: block; margin-bottom: 15px; } /* help / usps test page */ .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px; } /* Images viewer */ .images-viewer { text-align: center; margin: 10px 0px } .images-viewer-list { position: relative; white-space: nowrap; } .images-viewer-list .side-arrow, .images-viewer-list .side-arrow:link, .images-viewer-list .side-arrow:visited, .images-viewer-list .side-arrow:hover, .images-viewer-list .side-arrow:active { position: absolute; top: 0px; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none; } .images-viewer-list .left-arrow:link, .images-viewer-list .left-arrow:visited, .images-viewer-list .left-arrow:hover, .images-viewer-list .left-arrow:active { text-align: left; left: 0px; } .images-viewer-list .right-arrow:link, .images-viewer-list .right-arrow:visited, .images-viewer-list .right-arrow:hover, .images-viewer-list .right-arrow:active { padding-left: 3px; text-align: right; right: 0px; } .images-viewer-list .side-arrow:link img, .images-viewer-list .side-arrow:visited img, .images-viewer-list .side-arrow:hover img, .images-viewer-list .side-arrow:active img { width: 7px; height: 100%; } .images-viewer-list .left-arrow .enabled, .images-viewer-list .left-arrow:link .enabled, .images-viewer-list .left-arrow:visited .enabled, .images-viewer-list .left-arrow:hover .enabled, .images-viewer-list .left-arrow:active .enabled { display: block; background: transparent url(images/arrow_left.gif) no-repeat left center; } .images-viewer-list .left-arrow .disabled, .images-viewer-list .left-arrow:link .disabled, .images-viewer-list .left-arrow:visited .disabled, .images-viewer-list .left-arrow:hover .disabled, .images-viewer-list .left-arrow:active .disabled { display: block; background: transparent url(images/arrow_left_disabled.gif) no-repeat left center; } .images-viewer-list .hidden { display: none; } .images-viewer-list .right-arrow .enabled, .images-viewer-list .right-arrow:link .enabled, .images-viewer-list .right-arrow:visited .enabled, .images-viewer-list .right-arrow:hover .enabled, .images-viewer-list .right-arrow:active .enabled { display: block; background: transparent url(images/arrow_right.gif) no-repeat left center; } .images-viewer-list .right-arrow .disabled, .images-viewer-list .right-arrow:link .disabled, .images-viewer-list .right-arrow:visited .disabled, .images-viewer-list .right-arrow:hover .disabled, .images-viewer-list .right-arrow:active .disabled { display: block; background: transparent url(images/arrow_right_disabled.gif) no-repeat left center; } .images-viewer-icons { text-align: left; padding: 0px; margin: 0px 10px; overflow: hidden; } .images-viewer-icons a:link, .images-viewer-icons a:visited, .images-viewer-icons a:hover, .images-viewer-icons a:active { display: block; padding: 0px; border: 1px solid #ffffff; padding: 0px; margin: 0px 10px; float: left; outline-style: none; background: #eeeeee none; text-align: center; vertical-align: middle; } .images-viewer-icons a.selected:link, .images-viewer-icons a.selected:visited, .images-viewer-icons a.selected:hover, .images-viewer-icons a.selected:active { border: 1px solid #215485; } .images-viewer-icons a:hover { border: 1px solid #cccccc; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0px none; } /* Order invoice */ .order-invoice { background: #ffffff none; } .invoice-company-icon { vertical-align: top; padding-top: 3px; } .invoice-data-box { width: 100%; padding-left:5px; } .invoice-data-box table { width: 100%; } .invoice-data-box table tr td { padding: 2px; vertical-align: top; } .invoice-title { font-weight: bold; font-size: 28px; text-transform: uppercase; } .invoice-data-box table tr td.invoice-right-info { text-align: right; vertical-align:bottom; } hr.invoice-line { margin: 2px 0px 17px 0px; border-bottom: 2px solid #58595b; } .invoice-personal-info { width: 45%; margin-bottom: 15px; } .invoice-personal-info tr td { padding: 0px; } .invoice-personal-info tr td strong { white-space: nowrap; } .invoice-address-box { width: 100%; margin-bottom: 30px; } .invoice-address-title { width: 45%; height: 25px; } td.invoice-line { vertical-align: top; padding: 0px; height: 4px; } td.invoice-line img { height: 2px; width: 100%; background: #58595b none; } .invoice-address-box table { width: 100%; } .invoice-address-box table tr td { padding: 0px; } .invoice-address-box table tr td strong { white-space: nowrap; } .invoice-customer-notes { padding-top: 30px; } .invoice-customer-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-customer-notes div { border: 1px solid black; height: 50px; overflow: hidden; } .invoice-bottom-note { text-align: center; padding-top: 30px; font-size: 12px; } p.invoice-products-title { font-size: 14px; font-weight: bold; text-align: center } .invoice-products { width: 100%; background: #000000 none; } .invoice-products tr td, .invoice-products tr th { background: #ffffff none; } .invoice-products tr th { padding: 3px; background: #E8E2F0 none; white-space: nowrap; } .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column { width: 60px; } .invoice-products tr th.invoice-tax-column { width: 100px; } .invoice-products tr th.invoice-price-column { width: 100px; text-align: center; } .invoice-products tr td { padding: 3px; } .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column { text-align: center; } .invoice-products tr td.invoice-product-column span { font-size: 11px; } .invoice-products tr td.invoice-product-column table tr td { vertical-align: top; } .invoice-products tr td.invoice-product-column p { white-space: nowrap; } .invoice-products tr td.invoice-product-column div { padding-left: 10px; white-space: nowrap; } .invoice-products tr td.invoice-price-column { text-align: right; white-space: nowrap; } .invoice-products tr td.invoice-total-column { text-align: right; white-space: nowrap; padding-right: 5px; } .invoice-totals { width: 100%; } .invoice-totals tr td { padding: 0px; } .invoice-totals tr .invoice-total-title { text-align: right; width: 100%; height: 20px; } .invoice-totals tr .invoice-total-name { text-align: right; width: 100%; height: 20px; padding-right: 3px; } .invoice-totals tr .invoice-total-value { text-align: right; height: 20px; padding-right: 5px; white-space: nowrap; } .invoice-totals tr .invoice-total-name-fin { text-align: right; width: 100%; height: 25px; padding-right: 3px; background: #E8E2F0 none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #E8E2F0 none; white-space: nowrap; } .invoice-totals tr td.invoice-line { height: 2px; } .invoice-giftcerts { width: 100%; } .invoice-giftcerts tr td { padding: 0px; } .invoice-giftcerts tr th { background: #E8E2F0 none; } .invoice-giftcerts tr th.invoice-giftcert-id { width: 60px; } .invoice-giftcerts tr td.invoice-giftcert-id { text-align: center; } .invoice-giftcerts tr .invoice-giftcert-cost { text-align: right; white-space: nowrap; padding-right: 5px; } /* 404 error page */ .error-page #header { height: 87px; } .error-page #header .line2 { height: 20px; } .error-page #header .logo { margin-left: 167px; } .error-page #content-container { margin-top: 87px; } .error-page #center-main { text-align: center; margin: 0px 10px; } .error-page #header .line1 .tabs, .error-page #header .line1 .phones, .error-page #header .line2 .search, .error-page #header .line2 .languages, .error-page #header .line3, .error-page #left-bar, .error-page #right-bar, .error-page #location { display: none; } .error-page .subcontainer { text-align: left; width: 700px; margin: 32px auto 0px auto; position: relative; clear: both; } .error-page .code-number { font: normal 74px arial, sans-serif; color: #d8d8d8; width: 186px; float: left; text-align: center; } .error-page .description { font-family: verdana; width: 514px; float: right; } .error-page .description h1 { font-weight: normal; color: #000000; } .error-page .description a:link, .error-page .description a:visited, .error-page .description a:hover, .error-page .description a:active { text-decoration: underline; } .error-page .description ul { margin: 0px; padding: 5px 0px; list-style-position: inside; } .error-page .reason { font-weight: bold; color: #a10000; } .error-page .description hr { margin: 10px 0px 15px 0px; } .error-page ul.links { margin: 0px; padding: 5px 0px; list-style: none; } /* PayPal */ .paypal-cart-button { text-align: right; height: 79px; } .paypal-cart-button div { width: 200px; height: 79px; margin-left: auto; margin-right: 0px; overflow: visible; text-align: right; } .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0px; } .paypal-cart-icon { float: left; padding-right: 10px; } /*============================================================================ module styles ==============================================================================*/ /* bestsellers module */ /* bestsellers menu box */ .menu-bestsellers .title-bar img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } /* bestsellers products list */ ul.bestsellers-products-item { list-style: none; margin: 0px; padding: 0px; } ul.bestsellers-products-item li { list-style: none; padding: 2px; } ul.bestsellers-products-item img { width: 50px; float: left; } .bestsellers-products-item .details { margin-left: 50px; padding-left: 2px; } .bestsellers-products-item a.product-title:link, .bestsellers-products-item a.product-title:visited, .bestsellers-products-item a.product-title:hover, .bestsellers-products-item a.product-title:active { font-weight: bold; } /* customer reviews module */ .creviews-stars { padding: 15px 0px 0px 15px; } .creviews-stars strong { padding-right: 20px; } .creviews-stars img { width: 15px; height: 15px; margin: 0px; } .creviews-stars img.star-4 { background: transparent url(images/star_4.gif) no-repeat left top; } .creviews-stars img.star-3 { background: transparent url(images/star_3.gif) no-repeat left top; } .creviews-stars img.star-2 { background: transparent url(images/star_2.gif) no-repeat left top; } .creviews-stars img.star-1 { background: transparent url(images/star_1.gif) no-repeat left top; } .creviews-stars img.star-0 { background: transparent url(images/star_0.gif) no-repeat left top; } .creviews-voting { margin: 15px 0px; } .creviews-voting td { padding: 1px; vertical-align: middle; height: 25px; line-height: 25px; } .creviews-voting select { margin: 0px 10px 0px 0px; } ul.creviews-reviews-list { list-style: none; margin: 0px 0px 35px 0px; padding: 0px; width: 100%; } ul.creviews-reviews-list li { margin: 0px; padding: 12px 0px; } div.creviews-reviews-list { text-align: center; padding: 12px 0px 25px 0px; } .creviews-reviews-title { font-weight: bold; white-space: nowrap; font-size: 12px; } .creviews-reviews-add table td { padding: 2px; } /* detailed product images module */ /* detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0px 0px 10px 0px; } .dpimages-list .content img.last { padding: 0px; } /* product details line */ div.dpimages-popup-link { margin-top: 3px; text-align: center; vertical-align: middle; } .dpimages-popup-link a:link, .dpimages-popup-link a:visited, .dpimages-popup-link a:hover, .dpimages-popup-link a:active { text-decoration: underline; padding: 0px 0px 0px 17px; background: transparent url(images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } .printable .dpimages-popup-link { display: none; } /* icons box */ .dpimages-icons-box { padding-top: 15px; padding-bottom: 10px; width: 220px; } .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active { display: block; outline-style: none; padding: 1px; border: 1px solid #ffffff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* discount coupons module */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* fast lane checkout module */ .flc-sns-button { position: absolute; top: 0px; left: 30px; height: 100%; } .flc-sns-button img { width: 9px; height: 9px; } .flc-top-login { position: absolute; top: 0px; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle; } #header .flc-top-login .simple-button { margin-bottom: 5px; } .flc-top-login-text { white-space: nowrap; padding: 0px 10px 0px 0px; } .flc-container #header .line2 { height: 20px; } .flc-container #header .line3 { height: 15px; } .flc-container #content-container { margin-top: 102px; } .flc-container #header { height: 102px; } .flc-container #center { text-align: center; } .flc-container #center-main { width: 780px; margin: 0px auto; text-align: left; } /* Checkout page : user profile */ .flc-left-dialog { width: 49%; float: left; height: 260px; } .flc-right-dialog { margin-left: 50%; height: 260px; } .flc-ext-left-dialog, .flc-ext-right-dialog { height: 380px; } .flc-right-dialog .content { vertical-align: middle; text-align: center; line-height: 184px; } .flc-ext-right-dialog .content { line-height: 314px; } .flc-login-text { font-size: 12px; font-weight: bold; margin: auto 0px; } .flc-login-text a:link, .flc-login-text a:visited, .flc-login-text a:hover, .flc-login-text a:active { text-decoration: underline; } /* Checkout page : shipping & payment methods */ .flc-checkout-container { vertical-align: top; padding-bottom: 30px; width: 100%; clear: both; } .flc-checkout-container .flc-address { vertical-align: top; width: 30%; float: left; overflow: hidden; } .flc-checkout-container .flc-checkout-options { margin-left: 32%; vertical-align: top; } .flc-payments tr td { padding: 2px; } .flc-payments tr td.flc-payment-name { width: 20%; white-space: nowrap; } .flc-payments tr td.flc-payment-name label { font-weight: bold; } .flc-payments tr td.flc-payment-descr { width: 80%; } .flc-payments tr td.flc-payment-paypal { width: 100%; } .flc-payments tr td.flc-payment-paypal img { border: 0px none; } .flc-shippings label { position: relative; display: block; padding: 2px; height: 18px; line-height: 18px; vertical-align: middle; } .flc-shippings label input { vertical-align: middle; } .flc-shippings label span { padding-left: 3px; } .flc-shippings label.flc-hl-shipping { background: #eeeeee none } /* Checkout page : tabs */ div.flc-tabs { text-align: right; } table.flc-tabs { width: 70%; text-align: right; margin-left: auto; } table.flc-tabs tr td { padding: 0px; } tr.flc-tab-cart-line td { vertical-align: top; text-align: center; height: 20px; } tr.flc-tab-cart-line img { width: 18px; height: 13px; text-align: center; background: transparent url(images/cart_checkout.gif) no-repeat left top; margin: 0px 4px 4px 0px; /* margin-right = flc-tab-line-img3.width * 2 */ } .flc-tab-marks-line td { padding: 0px; height: 10px; vertical-align: top; } .flc-tab-marks-line div { width: 100%; height: 6px; position: relative; } .flc-tab-marks-line img { position: absolute; background: #a6b1c1 none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0px; right: 50%; left: 0px; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0px; right: 0px; left: 50%; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 4px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: white none; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background: #ff8600 none; } /* Opera fix */ .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-last .flc-tab-line-img1 { width: 51%; } .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { left: inherit; } .flc-tab-links td { font-weight: bold; text-align: center; padding: 0px 10px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: bold; } /* Checkout : last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0px 0px 30px 20px; } .flc-checkout-address-left { width: 48%; float: left; vertical-align: top; padding-bottom: 15px; } .flc-checkout-address-right { vertical-align: top; margin-left: 50%; padding-bottom: 15px; } table.flc-checkout-address tr td { padding: 2px; } .flc-payment-options { padding-bottom: 15px; } /* gift certificate module */ /* gift certificate page */ .giftcert-header { vertical-align: middle; padding-bottom: 15px; } .giftcert-header img { width: 84px; height: 69px; background: transparent url(images/gift.gif) no-repeat left top; float: left; margin: 0px 5px 15px 0px; } .giftcert-table .giftcert-title { color: #b51a00; font-weight: bold; font-size: 12px; padding: 10px 0px 0px 0px; } .giftcert-table .data-name { text-align: right; } .giftcert-table .giftcert-subtitle { padding-bottom: 30px; } .giftcert-table .giftcert-h-separator { padding: 15px 0px; } .giftcert-table .giftcert-h-separator hr { border-bottom: 1px solid #cccccc; } .giftcert-table .buttons-row #preview_button { float: left; } .giftcert-table .giftcert-delivery-method { font-weight: bold; } table.data-table tr#preview_template td { vertical-align: middle; } #preview_template td select { margin-right: 20px; } /* cart page */ .giftcert-item .image img { width: 84px; height: 69px; background: transparent url(images/gift.gif) no-repeat left top; } .giftcert-item .giftcert-item-row .giftcert-item-subtitle { padding-right: 3px; } .giftcert-item .product-title { padding-bottom: 15px; } /* google checkout module */ .gcheckout-cart-buttons { } .gcheckout-cart-buttons div { width: 200px; margin-left: auto; margin-right: 0px; overflow: visible; text-align: right; } .gcheckout-cart-buttons p { width: 100%; text-align: right; margin: 10px 0px; } table.gcheckout-top-button { float: right; margin-bottom: 3px; } table.gcheckout-top-button tr td { padding: 0px; } table.gcheckout-top-button tr td.gcheckout-or-use { padding-left: 20px; padding-right: 20px; } .error-page .gcheckout-top-button { display: none; } /* image verification module */ div.iv-box { margin-top: 15px; font-size: 11px; line-height: normal; } table.data-table tr td.iv-box { font-size: 11px; line-height: normal; vertical-align: middle; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 11px; line-height: normal; } .iv-description { padding: 0px; margin: 0px; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: center; } .iv-input { text-align: center; } .iv-row .iv-img { text-align: left; margin-right: 10px; float: left; } .iv-row .iv-input { text-align: left; height: 60px; line-height: 60px; } .iv-input input { width: 100px; } .iv-error { padding-left: 5px; color: #880000; } .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active { font-size: 11px; text-decoration: underline; } /* manufacturers module */ /* manufacturers menu list */ .menu-manufacturers .title-bar img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0px; margin: 0px; list-style: none; } ul.manufacturers-list li { margin: 0px; padding: 0px 0px 0px 5px; white-space: nowrap; } /* News management module */ .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } /* News list */ label.news-item { display: block; font-weight: bold; } .news-item-descr { font-style: italic; padding-left: 20px; padding-bottom: 15px; } /* 'Note' box */ div.note-box { position: absolute; border: 1px solid black; background-color: #f6f5eb; margin: 0px 0px 0px 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden; } /* product options module */ /* exceptions list */ #exception_msg { padding-bottom: 15px; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 1px; } .poptions-options-list td { padding-right: 10px; } /* recommended products module */ ul.rproducts { list-style: disc outside none; margin: 15px 0px 0px 15px; padding: 0px; } ul.rproducts li { margin: 0px; padding: 0px; font-size: 7px; } ul.rproducts a:link, ul.rproducts a:visited, ul.rproducts a:hover, ul.rproducts a:active { font-weight: bold; font-size: 11px; } .printable .rproducts-dialog { display: none; } /* sns module */ .sns-button img { cursor: pointer; } .sns-button .text { height: 15px; text-align: center; } .sns-button .text a:link, .sns-button .text a:visited, .sns-button .text a:hover, .sns-button .text a:active { font-family: arial; text-decoration: none; color: #550000; font-weight: bold; } /* Stop list module */ img.slist-no-ip { vertical-align: middle; width: 12px; height: 12px; background: transparent url(images/no_ip.gif) left top; } /* subscriptions module */ .subscriptions-product-price { color: #010101; font-weight: bold; font-size: 12px; padding-right: 5px; } .subscriptions-product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; } /* upselling products module */ .uproducts table { margin: 0px; } .uproducts td { padding: 5px; color: #043fa0; font-weight: bold; } .uproducts td.item-number { width: 1%; } /* ups online tools module */ .ups-logo { width:57px; height:65px; margin: 0px 3px 10px 0px; } .ups-logo-cell { margin: 10px 5px 5px 10px; text-align: center; } .ups-notice { font-size: 10px; text-align: left; padding-left: 5px; } table.ups-error tr td { padding: 1px; } .ups-error-name { width: 20%; } /* users online module */ /* users statistics box */ .uo-box { width: 100%; border-top: 1px solid #acb7c7; background-color: #e8edf4; padding: 10px 0px 10px 13px; } /* wholesale module */ #wl-prices { margin-top: 15px; } #wl-prices table td { padding: 2px 10px; background: #eeeeee none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; background: #cccccc none; font-weight: bold; text-align: center; } #wl-prices div strong { color: #112536; } /* wishlist module */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; } .wishlist-sendlist input.input-email { width: 140px; } /*============================================================================== alternative layouts ==============================================================================*/ /* printable */ .printable #content-container { position: static; margin: 0px; padding: 0px; } .printable #content-container2 { float: none; position: static; left: 0px; right: 0px; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0px; } .printable #header { position: static; height: 82px; } .printable #header .tabs { display: none; } .printable #header .line2 { display: none; } .printable #header .line3 { border-top: 1px solid #acb7c7; height: 15px; } .printable #header .printable { display: none; } .printable #center-main { margin: 0px 10px 0px 10px; position: static; } .printable #footer { position: static; } .printable #footer .subbox { background: transparent none; } /* buttons */ .printable button.button, .printable div.button { border: 1px solid #acb7c7; } .printable .button, .printable .button * { background: transparent none !important; } /* containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0px; } /* service styles */ .printable .no-print { display: none; } /* users online sublayout */ .uo-container #content-container { padding-bottom: 74px; } .uo-container #footer { height: 74px; } .normal { font-weight: normal; } /* Admin preview layout */ .admin-preview #header, .admin-preview #footer, .admin-preview #left-bar, .admin-preview #right-bar, .admin-preview #location, .admin-preview .offers-short-list, .admin-preview .creviews-dialog, .admin-preview .send2friend-dialog { display: none; } .admin-preview #content-container { margin: 0px; padding: 0px; } .admin-preview #center-main { margin: 5px; }