/* $Id: main.css,v 1.1.2.74 2009/06/24 13:22:21 aim Exp $ vim: set ts=2 sw=2 sts=2 et: */ /* general tags styles */ html, body { height: 100%; margin: 0px; padding: 0px; font-family: arial, Tahoma, verdana, helvetica, sans-serif; font-size: 11px; border: 0px none; } body { background: #ffe6cd;} div, th, td, p, input, select, textarea, tt, button { font-family: Tahoma, arial, helvetica, verdana, sans-serif; color: #383838; font-size: 12px; } a:link { color: #0059ac; text-decoration: none; } a:visited { color: #0059ac; text-decoration: underline; } a:hover { color: #0096e4; text-decoration: underline; } a:active { color: #0059ac; text-decoration: underline; } h1 { margin: 10px 0px; padding: 0px; font-size: 24px; color: #006da0; font-weight: normal; } h2 { margin: 20px 0px 10px 0px; padding: 0; font-size: 13px; } h3 { margin: 12px 0px; padding: 0; font-size: 12px; color: #a10000; } hr { border: 0px none; border-bottom: 1px dotted #b6d1e1; margin: 20px 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; } .right-box.cart { width: 100%; background: transparent url(images/vivid_dreams/dot-line.gif) repeat-x left top; padding-top: 30px; 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: #0059ac; text-decoration: none; font-size: 9px; } a.small-link:visited { color: #0059ac; text-decoration: none; font-size: 9px; } a.small-link:hover { color: #0096e4; text-decoration: underline; font-size: 9px; } a.small-link:active { color: #0059ac; text-decoration: none; font-size: 9px; } .error-message { color: #b51a00; font-weight: bold; } div.error-message { margin: 0px 0px 15px 0px; } .form-text { color: #112536; font-weight: bold; } .black-text { color: #000000; } a.list-item:link, .list-item a:link { text-decoration: none; } a.list-item:visited, .list-item a:visited { text-decoration: none; } a.list-item:hover, .list-item a:hover { text-decoration: underline; } a.list-item:active, .list-item a:active { text-decoration: none; } table tr.head-row td, table tr.head-row th { background: #F3E2D2 none; font-weight: bold; } table tr.subhead-row td, table tr.subhead-row th { background: #F3F3F3 none; } table tr.center-row th { text-align: center; } /* Currency */ .currency { white-space: nowrap; } /*============================================================================== layout styles ==============================================================================*/ /* page container */ #page-container { position: relative; margin:0 auto 15px auto; background: #FFFFFF; width: 920px; border:2px solid #9a3c05; border-top:none;} #page-container2 { background: none; } /* page layout */ /* header position: change margin-top to 287px with specials, 135px with header only ( leaving 15px margin btwn header and content) */ #content-container {clear: both; float: left; overflow: hidden; position: relative; width: 100%; display: block; margin-top: 135px; padding-bottom: 50px; margin-bottom: 50px; } #content-container2 { float: left; position: relative; right: 100%; width: 200%; padding: 0px;} #center { float: left; position: relative; width: 50%; left: 50%; background:none;} #left-bar { float: left; position: relative; width: 250px; padding: 0px 30px 0px 0px; background:url(images/sidebar_bkg.jpg) left top repeat-y; } #left-bar-top {background:url(images/sc/sidebar_top.jpg) left top no-repeat; display:block; width:245px; height:20px;} #left-bar-bot {background:url(images/sc/sidebar_bot.jpg) left bottom no-repeat; display:block; width:245px; height:70px;} #right-bar { float: right; right: 0px; position: relative; width: 158px; } #center-main { margin:0px; padding:14px 30px 0 285px; position:relative; background:#fff; min-height:450px;} #header { height: 287px; position: absolute; top: 0; width: 100%; border: 0; } #header2 { height: 135px; position: absolute; top: 0; width: 100%; border: 0; } #header #r_bg { position: absolute; right: 0px; } #header .head-bg { background: transparent url(images/sc/head-left.jpg) no-repeat left top; } #header .head-bg2 { height: 287px; padding: 0px; background: transparent url(images/sc/head-right.jpg) no-repeat right bottom; } #header .head-bg2 .cart-container { width: 580px; height: 253px; position: absolute; top: 0px; right: 50px; } .block-news-links { margin: 0px 22px -48px 252px; padding: 0px; background:none; position: relative; } .block-news-links table { width: 100%; } .block-news-links table tr td { vertical-align: top; width: 30%; padding-right: 50px; } .block-news-links .imgv-box { background: transparent url(images/sc/dot-line.gif) repeat-x left top; height: 1px; } .block-news-links .imgv { display: none; } .block-news-links-2 { background:none; padding: 22px 33px 0px 18px; margin: 0px; } .block-news-links .news-box { min-width: 200px; } .block-news-links h2 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px 0px 12px 0px; color: #607e98; } /* Submenu, bottom */ .submenu {margin: 0px 22px -48px 252px; padding: 0px; background:none; position: relative; color:#9F9F9F;} .submenu table {width:100%; font-size:7px; line-height:12px;} .submenu table tr td {vertical-align: top; border-right:2px solid #CCCCCC;} .submenu table tr td.last {vertical-align: top; border-right:none;} .submenu table tr td ul {margin:0; padding:0 0 0 9px;} .submenu table tr td ul li { list-style:none; padding:0 0 6px 0; margin:0; color:#9F9F9F;} .submenu table tr td ul li a { color:#9F9F9F; text-decoration:none; } .submenu table tr td ul li a:hover { color:#7E7E7E; text-decoration:none; } /* Right-to-left */ .rtl { direction: rtl; } /* header styles left:520px; left:680px; */ #head-wrapper {width:920px; height:120px; background:url("images/sc/header_store.jpg") top center no-repeat; position:relative;} #head-cart {position:relative; } #header-cart-links {top:21px; position:absolute; right:25px;} .cart-icon {margin:0 5px 0 0; padding:0; display:inline-block;} .cart-checkout {margin:0 0 0 15px; padding:0; display:inline-block;} #header-links { top:93px; position:absolute; font-size:15px; color:#202020; right:25px;} #header-links a {color:#202020; text-decoration:none; text-transform:uppercase; font-family:tahoma, verdana, ariel, helvetica, sans-serif; display:inline-block; margin:0 0 0 8px; font-weight:bold;} #header-links a:hover {color:#A44815;} #sc_logo {position:absolute; width:200px; height:120px;} #sc_logo a {display:block; width:200px; height:120px; text-decoration:none;} #head-wrapper div.search { position: absolute; z-index: 1000; top:43px; right:15px; height: 35px; line-height: 18px; vertical-align: middle; padding: 11px 0px 0px 5px; } #head-wrapper div.search input.search-input { width: 167px; height: 12px; margin: 7px 10px 0px 0px; float: left; padding: 2px 0px 3px 5px; font-size: 11px; } #head-wrapper div.search a.adv-search:link, #head-wrapper div.search a.adv-search:visited, #head-wrapper div.search a.adv-search:hover, #head-wrapper div.search a.adv-search:active { font-size: 11px; width: 100px; background: transparent url(images/sc/zoom.gif) no-repeat left 5px; padding-left: 17px; display: block; color: #5bdeff; text-decoration: underline; } #head-wrapper a.search:link, #head-wrapper a.search:visited, #head-wrapper a.search:hover, #head-wrapper a.search:active { text-decoration: underline; } #specials-wrapper {width:920px; height:145px; background:url("images/sc/header_store.jpg") bottom center no-repeat;} #header .logo { position: absolute; width: 345px; height: 54px; margin: 0px; left: 23px; top: 107px; } /* header tabs */ .tabs { position: absolute; top: 0px; right: 20px; margin: 0px; padding: 0px; height: 30px; text-align: right; } .tabs ul { margin: 0px; padding: 0px; list-style: none; } .tabs li { float: right; margin: 1px 1px 0px 0px; padding: 10px 30px 8px 30px; background: transparent url("images/sc/tab_r.gif") no-repeat right top; height: 14px; } .tabs li.last { background: transparent; } .tabs ul li a:link, .tabs ul li a:visited, .tabs ul li a:hover, .tabs ul li a:active { display: block; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; white-space: nowrap; color: #004d7b; text-decoration: none; font-weight: bold; font-size: 12px; } .line2 .tabs ul li a:hover { color: #AC501F; text-decoration: underline; } /* phones line */ #header .phones { position: relative; margin: 0px; height: 42px; vertical-align: middle; color: #ffffff; text-align: left; white-space: nowrap; font-size: 11px; padding: 8px 0px 0px 26px; } #header .phones span { padding-right: 7px; } /* header line 2 */ #header .line2 { position: relative; width: 100%; border: 0px none; height: 32px; color: #451300; margin-top: 203px; } #header div.search { position: absolute; z-index: 1000; top: 0px; left: 0px; height: 35px; line-height: 18px; vertical-align: middle; padding: 11px 0px 0px 5px; } #header div.search input.search-input { width: 167px; height: 12px; margin: 7px 10px 0px 0px; float: left; padding: 2px 0px 3px 5px; font-size: 11px; } #header div.search a.adv-search:link, #header div.search a.adv-search:visited, #header div.search a.adv-search:hover, #header div.search a.adv-search:active { font-size: 11px; width: 100px; background: transparent url(images/sc/zoom.gif) no-repeat left 5px; padding-left: 17px; display: block; color: #5bdeff; text-decoration: underline; } #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: 9px; left: 260px; text-align: left; vertical-align: middle; white-space: nowrap; z-index: 1000; } #header .languages label { vertical-align: middle; font-size: 11px; color: #004d7b; } #header .languages select { margin-left: 5px; font-size: 10px; color: #000000; } #header .cart-block { width: 210px; right: 0px; background: #003f62 url(images/sc/cart-bg.gif) no-repeat left top; height: 254px; position: absolute; top: 0px; overflow: hidden; } /* header line 3 */ #header .line3 { position: relative; width: 100%; height: 39px; text-align: right; } .printable-bar { position: absolute; top: 20px; right: 35px; height: 18px; } .printable-bar a:link, .printable-bar a:visited, .printable-bar a:hover, .printable-bar a:active { background: transparent url(images/sc/printer.gif) no-repeat right 3px; padding: 2px 18px 2px 0px; color: #5a8fb0; font-size: 11px; line-height: 16px; } /* footer styles */ /*#footer { height: 50px; width: 100%; position: absolute; padding: 0px; bottom: 0; background: #002e4a url(images/vivid_dreams/footer-bg.gif) repeat-x left top; z-index: 1000; float: left; } #footer .box { width: 100%; border: none; padding: 0px; } #footer .box #left-c { position: absolute; top: -268px; left: 250px; width: 11px; height: 11px; background: transparent url(images/vivid_dreams/left-corner.gif) no-repeat left top; } #footer .box #right-c { position: absolute; top: -12px; z-index: 700; right: 0px; width: 10px; height: 12px; background: transparent url(images/vivid_dreams/right-corner.gif) no-repeat left top; display: none; } #footer .subbox { position: relative; color: #a6cbea; height: 30px; vertical-align: middle; padding: 0px; } #footer .subbox .left { background: transparent none; position: absolute; left: 28px; top: 5px; color: #a6cbea; line-height: 40px; font-size: 11px; vertical-align: middle; } #footer .subbox .right { background: transparent none; position: absolute; color: #a6cbea; right: 28px; top: 5px; font-size: 11px; text-align: right; line-height: 40px; vertical-align: middle; } #footer .subbox a:link { color: #5bdeff; text-decoration: underline; } #footer .subbox a:visited { color: #5bdeff; text-decoration: underline; } #footer .subbox a:hover { color: #5bdeff; text-decoration: none; } #footer .subbox a:active { color: #5bdeff; text-decoration: underline; } */ #footer { height:80px; width:920px; padding: 0px; background: none; margin:5px auto; text-align:right;} /*============================================================================== widgets ==============================================================================*/ /* location bar */ #location { line-height: 15px; margin-bottom: 27px; font-size: 11px; color: #8b8b8b; width: 80%; } font.bread-crumb { font-size: 11px; color: #8b8b8b; } a.bread-crumb:link { font-size: 11px; color: #006da0; text-decoration: underline; } a.bread-crumb:visited { font-size: 11px; color: #006da0; text-decoration: underline; } a.bread-crumb:hover { font-size: 11px; color: #006da0; text-decoration: none; } a.bread-crumb:active { font-size: 11px; color: #006da0; text-decoration: underline; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0px 5px 0px 5px; } /* page title */ h1.page-title { text-align: left; font-size: 22px; color: #006da0; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px; } h1.page-title2 { text-align: left; font-size: 24px; color: #006da0; font-weight: normal; margin: 0px; padding: 0px; float: left; } /* 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 black; border-top: 3px solid black; 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: #383838; border-color: #0c7abc; background: #eef9fe url(images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-w { color: #383838; border-color: #0c7abc; background: #eef9fe url(images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-e { color: #383838; border-color: #0c7abc; background: #eef9fe 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: #20b881; } /* 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: 18px; height: 18px; background: transparent url(images/icon_warning_small.gif) no-repeat; } /* side bar container */ .menu-dialog { margin-bottom: 20px; padding-left: 2px; overflow: hidden; } .menu-dialog .title-bar { width: 100%; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; color: #006da0; font-size: 20px; padding-left: 20px; } .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; padding: 8px 15px 20px 20px; overflow: hidden; color: #5bdeff; } .menu-dialog .content a:link, .menu-dialog .content a:visited, .menu-dialog .content a:link { color: #006da0; text-decoration: underline; } .menu-dialog .content a:hover { color: #0097DF; } .menu-dialog ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .menu-dialog ul li { padding: 0px 0px 0px 0px; vertical-align: middle; } .menu-dialog .item { color: #aa4919; font-size: 10px; } .menu-dialog ul li a:link { font-size: 13px; text-decoration: none; } .menu-dialog ul li a:visited { font-size: 13px; text-decoration: none; } .menu-dialog ul li a:hover { font-size: 13px; text-decoration: underline; } .menu-dialog ul li a:active { font-size: 13px; text-decoration: none; } .menu-dialog hr { background-color: #999999; } /* Comparision */ .fcomp-list .fcomp-subtitle { color: #ffffff; } .menu-dialog.fcomp-list .content { line-height: 18px; } .menu-dialog.fcomp-list .content li.fcomp-line hr { background: transparent url(images/sc/dot-line.gif) repeat-x left top; border: 0px; height: 1px; margin: 3px 0px; } .menu-dialog.fcomp-list .content .fcomp-button { margin-bottom: 7px; } /* dialog container */ /* original .dialog { padding: 0px; margin: 0px 0px 15px 0px; page-break-inside: avoid; } .dialog .title_cat { background: #280818 url(images/vivid_dreams/title-bg.gif) repeat-x left top; position: relative; } .dialog .title_cat .left { background: transparent url(images/vivid_dreams/title-left.gif) no-repeat left top; position: relative; } .dialog .title_cat .right { height: 35px; position: relative; background: transparent url(images/vivid_dreams/title-right.gif) no-repeat right top; } .dialog .title_cat .right h2 { font-size: 18px; color: #549dbf; line-height: 35px; padding: 0px 0px 0px 16px; margin: 0px; font-weight: normal; white-space: nowrap; } .dialog.small_title .title { height: 20px; } .dialog.big_title .title { height: 35px; } .dialog.big_title .title h2 { font-size: 24px; margin-top: 0px; font-weight: normal; white-space: nowrap; } .dialog .title { position: relative; color: #549dbf; font-size: 18px; border: 0px none; vertical-align: middle; margin: 0px; padding: 0px 0px 16px 0px; text-align: left; overflow: hidden; } .dialog .title h2 { font-size: 18px; width: auto; font-weight: normal; } .dialog .title h2.titles { font-size: 24px; color:#006da0;} .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 0px 0px 25px 0px; color: #383838; } .dialog .dialog-sort-row { height: 30px; position: absolute; top: 0px; right: 10px; width: 50%; overflow: hidden; } .dialog .title-with-sort-row .dialog-search-sort-bar { height: 30px; position: absolute; top: 2px; 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 { font-weight: normal; } .dialog-search-sort-bar .search-sort-title, .dialog-search-sort-bar .search-sort-cell { padding-right: 15px; color: #263742; } .dialog-search-sort-bar a:link, .dialog-search-sort-bar a:hover, .dialog-search-sort-bar a:active, .dialog-search-sort-bar a:visited { color: #0059ac; } */ .dialog { padding: 0px; margin: 0px 0px 15px 0px; page-break-inside: avoid; } .dialog .title_cat { background:#fff url(images/title-bg.gif) repeat-x left top; position: relative; } .dialog .title_cat .left { background: transparent url(images/title-left.gif) no-repeat left top; position: relative; } .dialog .title_cat .right { height: 35px; position: relative; background: transparent url(images/title-right.gif) no-repeat right top; } .dialog .title_cat .right h2 { font-size: 18px; color: #202020; line-height: 35px; padding: 0px 0px 0px 16px; margin: 0px; font-weight: bold; white-space: nowrap; text-transform:uppercase;} .dialog.small_title .title { height: 20px; } .dialog.big_title .title { height: 35px; } .dialog.big_title .title h2 { font-size: 24px; margin-top: 0px; font-weight: normal; white-space: nowrap; } .dialog .title { position: relative; color: #202020; font-size: 18px; border: 0px none; vertical-align: middle; margin: 0px; padding: 0px 0px 16px 0px; text-align: left; overflow: hidden; } .dialog .title h2 { font-size: 18px; width: auto; font-weight: normal; } .dialog .title h2.titles { font-size: 18px; color:#006da0; text-transform:uppercase; font-weight: bold;} .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 0px 0px 25px 0px; color: #383838; } .dialog .dialog-sort-row { height: 30px; position: absolute; top: 0px; right: 10px; width: 50%; overflow: hidden; } .dialog .title-with-sort-row .dialog-search-sort-bar { height: 30px; position: absolute; top: 2px; 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 { font-weight: normal; } .dialog-search-sort-bar .search-sort-title, .dialog-search-sort-bar .search-sort-cell { padding-right: 15px; color: #263742; text-transform:uppercase; font-size:11px;} .dialog-search-sort-bar a:link, .dialog-search-sort-bar a:hover, .dialog-search-sort-bar a:active, .dialog-search-sort-bar a:visited { color: #0059ac; text-transform:uppercase; font-size:11px; text-decoration:none;} .dialog-search-sort-bar a:hover {text-decoration:underline;} /* buttons */ /* button-based */ button.button { border: 0px none; background-color: transparent; cursor: pointer; height: 26px; margin: 0px; padding: 0px; vertical-align: top; overflow: visible; outline-style: none; } button.button .button-right { display: block; background: transparent url(images/sc/but_right.gif) no-repeat right top; padding: 0px 12px 0px 0px; height: 26px; } button.button .button-left { display: block; margin: 0px; background: transparent url(images/sc/but_left.gif) no-repeat left top; padding: 0px 0px 0px 12px; vertical-align: middle; white-space: nowrap; color: #63402A; font-weight: bold; font-size: 12px; height: 26px; line-height: 26px; } /* div-based */ div.button { border: 0px none; background: transparent none; cursor: pointer; margin: 0px; padding: 0px 10px 0px 0px; white-space: nowrap; background: transparent url(images/sc/but_right.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/sc/but_left.gif) no-repeat left top; padding: 0px 5px 0px 15px; line-height: 25px; white-space: nowrap; color: #63402A; font-weight: bold; font-size: 12px; text-decoration: none; outline-style: none; } /* button-based link */ button.simple-button { border: 0px none; background-color: transparent; cursor: pointer; height: 16px; margin: 3px 0px 0px 0px; padding: 0px; white-space: nowrap; color: #63402A; font-size: 12px; font-weight: bold; line-height: 15px; vertical-align: middle; text-decoration: underline; outline-style: none; } button.simple-button span { text-decoration: underline; } button.simple-button img { display: none; } button.simple-button.menu-button2 { border: 0px none; background-color: transparent; cursor: pointer; height: 16px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 2px; white-space: nowrap; color: #63402A; font-size: 11px; text-align: left; font-weight: bold; line-height: 12px; text-decoration: underline; } button.simple-button.menu-button3 { border: 0px none; background-color: transparent; cursor: pointer; height: 18px; margin: 3px 0px 0px 0px; padding: 0px; white-space: nowrap; color: #63402A; font-size: 12px; font-weight: bold; line-height: 16px; vertical-align: middle; outline-style: none; } /* a-based link */ a.simple-button:link, a.simple-button:visited, a.simple-button:hover, a.simple-button:active { font-size: 12px; white-space: nowrap; color: #63402A; 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; } input.image-button.search { margin: 6px 0px 0px 0px; float: left; padding: 0px; border: 0px none; width: 32px; height: 21px; background: transparent url(images/sc/search.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/sc/but_main_right.gif) no-repeat right top; padding: 0px 10px 0px 0px; margin: 0px; height: 26px; } button.main-button .button-left { background: transparent url(images/sc/but_main_left.gif) no-repeat left top; color: #fff; font-size: 12px; padding: 0px 5px 0px 15px; height: 26px; line-height: 23px; } button.cart-button { height: 32px; color: #ffffff; } button.cart-button .button-right { background: transparent url(images/sc/but_cart_right.png) no-repeat right top; padding: 0px 39px 0px 0px; height: 30px; } button.cart-button .button-left { background: transparent url(images/sc/but_cart_left.png) no-repeat left top; color: #ffffff; font-size: 14px; padding: 0px 10px 0px 10px; height: 30px; line-height: 30px; } button.cart-button .button-left span.price { font-weight: bold; color: #ffffff; } button.cart-button .button-left span.market-price { font-weight: normal; color: #fff; font-size: 12px; } div.main-button { background: transparent url(images/sc/but_main_right.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/sc/but_main_left.gif) no-repeat left top; color: #fff; font-size: 12px; } 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: #880000; } /* 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: #AC501F; background: transparent url(images/sc/delete_cross.gif) no-repeat left 7px; padding-left: 13px; } /* menu button */ button.menu-button { } button.menu-button .button-right { background: transparent url(images/sc/but_right.gif) no-repeat right top; padding-right: 7px; } button.menu-button .button-left { background: transparent url(images/sc/but_left.gif) no-repeat left top; display: block; margin: 0px; padding: 0px 5px 0px 12px; vertical-align: middle; white-space: nowrap; color: #63402A; font-weight: bold; font-size: 11px; line-height: 22px; } div.menu-button { background: transparent url(images/sc/but_right.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/sc/but_left.gif) no-repeat left top; padding: 0px 1px 0px 8px; line-height: 20px; color:#ffffff !important; font-size: 10px; } /* 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: 12px; color: #63402A; font-size: 12px; background: transparent url(images/sc/button_arrow.gif) no-repeat left 8px; } .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 { color: #63402A; background-position: left 3px; } button.simple-arrow-button img.left-simple-button { display: inline; width: 7px; height: 10px; background: transparent url(images/sc/button_arrow.gif) no-repeat left top; margin-right: 3px; color: #63402A; vertical-align: bottom; } /* button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0px; height: 25px; line-height: 23px; } .buttons-row { padding-top: 10px; } .buttons-row .button { margin-top: -5px } .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: 10px 0px 0px 0px; height: 23px; } .buttons-row.nopad { margin-top: 0px; padding-bottom: 5px; } .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/sc/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: #ffffff 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: 1px; left: 1px; right: 1px; height: 22px; background: transparent url(images/sc/popup_header_bg1.gif) repeat-x left top; vertical-align: middle; z-index: 1200; } .popup-window .popup-title span { color: #fff; font-size: 10px; line-height: 22px; 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/sc/popup_header_cross.gif) no-repeat left top; } .popup-window .popup-content { position: absolute; top: 24px; left: 1px; right: 1px; 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: #e8edf1 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/sc/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 #00314f; background: #4daad1 none; height: 1px; cursor: n-resize; z-index: 1250; } .popup-window .popup-tr-corner { right: 0px; top: 0px; height: 1px; width: 1px; border-top: 1px solid #00314f; border-right: 1px solid #00314f; background: #4daad1 none; cursor: ne-resize; z-index: 1260; } .popup-window .popup-r-side { top: 0px; right: 0px; bottom: 0px; height: 100%; border-right: 1px solid #00314f; background: #4daad1 none; width: 1px; cursor: e-resize; z-index: 1250; } .popup-window .popup-br-corner { right: 0px; bottom: 0px; height: 1px; width: 1px; border-bottom: 1px solid #00314f; border-right: 1px solid #00314f; background: #4daad1 none; cursor: se-resize; z-index: 1260; } .popup-window .popup-b-side { bottom: 0px; left: 0px; right: 0px; width: 100%; border-bottom: 1px solid #00314f; background: #4daad1 none; height: 1px; cursor: s-resize; z-index: 1250; } .popup-window .popup-bl-corner { left: 0px; bottom: 0px; height: 1px; width: 1px; border-bottom: 1px solid #00314f; border-left: 1px solid #00314f; background: #4daad1 none; cursor: sw-resize; z-index: 1260; } .popup-window .popup-l-side { top: 0px; left: 0px; bottom: 0px; height: 100%; border-left: 1px solid #00314f; background: #4daad1 none; width: 1px; cursor: w-resize; z-index: 1250; } .popup-window .popup-tl-corner { left: 0px; top: 0px; height: 1px; width: 1px; border-top: 1px solid #00314f; border-left: 1px solid #00314f; background: #4daad1 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: #383838; width: 100px; padding-right: 5px; } table.data-table .data-required, .data-required { color: #AC501F; } table.data-table td.data-required { padding-right: 4px; } table.data-table td textarea#review_message { width: 290px; height: 120px; } 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 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: 7px; 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/sc/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/sc/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: 10px 0px 0px 15px; margin: 0px; } .nav-pages-title { padding-right: 10px; } .nav-pages img { vertical-align: bottom; width: 5px; 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/sc/but_arrow_right.gif) no-repeat right 3px; } .nav-pages .right-arrow img { background: transparent url(images/sc/but_arrow.gif) no-repeat left 3px; } .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: #607e98; font-weight: bold; font-size: 14px; padding: 0px; border: 0px none; } .subheader-grey { color: #607e98; font-size: 11px; border-bottom: 1px solid #607e98; } .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 { padding: 15px 0px 10px 0px; background:url(images/sidebar_bkg.jpg) repeat-y;} .menu-categories-list .content { padding: 10px 30px 0px 20px;} .menu-categories-list ul li { padding: 0px; position: relative; background:none; padding: 0px 0px 7px 4px; } .menu-categories-list ul li.last { background: transparent none; } .rtl .menu-categories-list ul li { padding: 4px 20px 5px 0px; background: transparent url(images/category_bullet_invert.gif) no-repeat right 5px; } .menu-dialog.menu-categories-list .content ul li a:link, .menu-dialog.menu-categories-list .content ul li a:visited, .menu-dialog.menu-categories-list .content ul li a:hover, .menu-dialog.menu-categories-list .content ul li a:active { text-decoration: none; font-weight: bold; color:#211f24; font-size: 15px; text-transform:uppercase; } .menu-dialog.menu-categories-list .content ul li a:hover { color: #006da0; } /* hide category label */ #left_bar .menu-categories-list div.title-bar { display:none;} /* Subcategories - side left */ .menu-dialog.menu-categories-list .content ul ul#subcatmenu li {} .menu-dialog.menu-categories-list .content ul ul#subcatmenu li a:link, .menu-dialog.menu-categories-list .content ul ul#subcatmenu li a:visited, .menu-dialog.menu-categories-list .content ul ul#subcatmenu li a:hover, .menu-dialog.menu-categories-list .content ul ul#subcatmenu li a:active {font-size:10px; margin:0 0 2px 10px; padding:0; text-transform:none;} .content ul.subcatmenu { font-size:10px;} .content ul.subcatmenu ul li {font-size:10px;} .content ul.subcatmenu li a.submenu_item {} .content a.submenu_item {display:block; font-size:10px;} /* special menu */ .menu-special .title-bar img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } .menu-special .title-bar { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; color: #607e98; } .menu-special .content { padding-left: 0px; } .menu-special .content ul li a:link, .menu-special .content ul li a:visited, .menu-special .content ul li a:hover, .menu-special .content ul li a:active { color: #0059ac; } .menu-special .content ul li a:hover { color: #0096e4; } .menu-special ul li, .menu-help ul li { padding-top: 3px; padding-bottom: 3px; } /* help menu */ .menu-help .title-bar img.icon { background: url(images/dingbats_help.gif) no-repeat; } .menu-help .title-bar { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; color: #607e98; } .menu-help .content { padding-left: 0px; } .menu-help .content ul li a:link, .menu-help .content ul li a:visited, .menu-help .content ul li a:hover, .menu-help .content ul li a:active { color: #0059ac; } .menu-help .content ul li a:hover { color: #0096e4; } /* minicart */ .menu-minicart .title-bar img.icon { background: url(images/dingbats_orders.gif) no-repeat; } .menu-minicart { position: relative; } div.minicart { color: #ebbcd3; font-size: 12px; height: 15px; padding: 15px 0px 15px 18px; } div.minicart a { float: left; } div.minicart img { width: 19px; height: 16px; } div.minicart .full img { margin: -8px 14px 7px 0px; width: 17px; height: 25px; background: transparent url(images/sc/cart_full.gif) no-repeat left top; } div.minicart .empty img { margin: 0px 14px 1px 0px; width: 17px; height: 15px; background: transparent url(images/sc/cart_empty.gif) no-repeat left top; } div.minicart .empty strong, div.minicart .full span { line-height: 16px; color: #ffffff; font-size:12px; } 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; } ul.minicart-menu { margin: 0px; padding: 8px 0px 0px 30px; list-style: none; height: 115px; } ul.auth { padding: 19px 0px 0px 30px; } ul.auth li { line-height: 28px; white-space: nowrap; } ul.minicart-menu li { background: transparent url(images/sc/bullet.gif) no-repeat left 13px; padding-left: 14px; line-height: 28px; white-space: nowrap; } ul.minicart-menu li a:link, ul.minicart-menu li a:visited, ul.minicart-menu li a:hover, ul.minicart-menu li a:active { color: #5bdeff; font-size: 11px; font-weight: bold; } ul.minicart-menu li a:hover { text-decoration: none; color: #5bdeff; } ul.minicart-menu li a.check { text-transform: uppercase; } ul.minicart-menu2 { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; height: 50px; } ul.minicart-menu2 li { background: transparent url(images/sc/bullet.gif) no-repeat left 11px; padding-left: 9px; line-height: 24px; white-space: nowrap; } ul.minicart-menu2 li.first-item { padding-left: 14px; } ul.minicart-menu2 li a:link, ul.minicart-menu2 li a:visited, ul.minicart-menu2 li a:hover, ul.minicart-menu2 li a:active { color: #5bdeff; font-weight: bold; font-size: 11px; } /* 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; } .login-text { margin-left: 30px; vertical-align: top; padding: 20px 0px 0px 0px; color: #ffffff; font-size: 12px; white-space: nowrap; width: 175px; overflow: hidden; } .small-note, a.small-link:link { color: #0059ac; text-decoration: none; font-size: 9px; } a.small-link:visited { color: #0059ac; text-decoration: none; font-size: 9px; } a.small-link:hover { color: #0096e4; text-decoration: underline; font-size: 9px; } a.small-link:active { color: #0059ac; 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; } .subscribe { margin-top: 0px; } .subscribe #show2 { line-height: 24px; font-size: 12px; } .subscribe .left { padding-bottom: 5px; } .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: #AC501F; font-weight: bold; margin: 10px 0px 10px 0px; font-size: 20px; text-transform:uppercase; } .subcategories a:link, .subcategories a:visited, .subcategories a:hover, .subcategories a:active { font-weight: bold; } .subcategories img { margin-bottom: 10px; } 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 li a:link, ul.subcategories li a:visited, ul.subcategories li a:hover, ul.subcategories li 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; } .subcategories-separator { height: 15px; } /* product details page */ .product-details { position: relative; line-height: 18px; } .product-details .image { text-align: center; vertical-align: top; padding: 0px; float: left; margin: 5px 20px 5px 10px; } .product-details .image .image-box { margin: 0px auto; padding: 0px; } .product-details .details { padding-left: 30px; } .product-details .details .descr { padding: 0px; margin: 0px 20px 0px 0px; } .product-details .details form.orderform { padding-bottom: 10px; } .product-details .prices-block { float: left; margin-right: 25px; color: #383838; font-size: 18px; } .product-details .details .save { width: 48px; float: left; position: relative; height: 25px; text-align: center; vertical-align: middle; color: #130707; margin: -6px 0px -30px 0px; padding: 23px 0px 0px 0px; font-weight: bold; font-size: 11px; background: transparent url(images/sc/save_money.gif) no-repeat left top; } .product-details .product-subtitle { padding: 23px 0px 10px 0px; } .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0px none; border-bottom: 1px solid #9d1500; } .product-details .message { color: #b51a00; } .product-details .warning-message { color: red; } .product-details .customer-message { color: #b51a00; font-weight: bold; } /* product properties table */ table.product-properties { margin: 20px 0px 0px 0px; width: 100%; } table.product-properties tr td { padding: 0px 0px 5px 0px; } table.product-properties tr td.width-100 { width: 100%; } table.product-properties .property-name { padding-right: 20px; font-size: 12px; white-space: nowrap; width: 20%; } table.product-properties .property-value { white-space: nowrap; } table.product-properties .product-price { color: #a5a5a5; font-size: 18px; vertical-align: top; } table.product-properties .product-price-value { color: #AC501F; font-size: 18px; white-space: nowrap; } table.product-properties .product-market-price { color: #a5a5a5; padding-left: 5px; font-size: 18px; white-space: nowrap; } table.product-properties .product-taxed-price { color: #383838; padding-top: 5px; padding-left: 1px; font-size: 12px; display: block; white-space: nowrap; } table.product-properties .product-input { height: 25px; } table.product-properties .product-input.sm { font-size: 11px; padding-top: 15px; } 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 .image img { margin-bottom: 7px; } .products a.see-details:link, .products a.see-details:visited, .products a.see-details:hover, .products a.see-details:active { font-size: 10px; color: #221D1A; display: block; text-align: center; text-decoration: none; text-transform:uppercase; } .products a.see-details:hover {color: #AC501F; } .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: #202020; font-weight: bold; font-size: 14px; text-decoration: none; } .products a.product-title:hover { color: #006da0; } .products .descr { padding: 6px 0px 0px 0px; margin: 0px; } .products .sku { margin-top: 15px; font-size: 12px; color: #383838; } .products .price-row { margin: 0px; padding: 0px; text-align: left; } .products .market-price { font-size: 14px; color: #383838; line-height: 18px; } .products .market-price-but { color: #000040; font-size: 12px; font-weight: normal; } .products .market-price-value { text-decoration: line-through; color: #383838; } .products .price { font-weight: bold; color: #AC501F; font-size: 14px; } .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00; } .products .price-value-but { font-weight: bold; font-size: 14px; color: #ffffff; } .products .price-save { padding: 0px; margin: 0px; font-size: 11px; color: #AC501F; display: inline; width: auto; } .products .prices-block { padding: 0px; font-size: 11px; } .products .prices-block .market-price { font-size: 11px; padding: 0px; } .products .taxes { margin-top: 15px; padding: 2px 2px 2px 70px; } .products .button-row { margin: 10px auto 0px auto; width: 220px; height: 35px; overflow: hidden; } .products .buttons-row.nopad { margin: 10px 0px 0px 0px; position: relative; width: auto; } .products.products-table .quantity { height: 20px; padding: 5px 0px 0px 0px; margin:0px; white-space: nowrap; vertical-align: middle; } .products.products-list .quantity { height: 10px; padding: 6px 0px 0px 0px; margin:0px; white-space: nowrap; vertical-align: middle; } .products .buy-now .quantity-empty { height: 25px; } .products .buy-now .quantity-title { width: 75px; font-size: 11px; 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: #383838; font-weight: bold; font-size: 14px; } /* list as list */ .products-list .item { position: relative; margin: 0px 0px 32px 0px; } .products-list .image { text-align: center; 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 .descr { padding-bottom: 10px; } .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: transparent none; text-align: center; padding: 0px; vertical-align: top; } .products-table .products-row td.product-cell { padding-top: 40px; } .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; font-size: 12px; } .products-table .price-row { text-align: center; } .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; } .products-table a.product-title:link, .products-table a.product-title:visited, .products-table a.product-title:hover, .products-table a.product-title:active { padding-left: 10px; padding-right: 10px; } /* 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: #383838; font-weight: bold; } .adv-search table .data-input { white-space: nowrap; padding: 0px; } .adv-search table .data-input input.for_s { margin: -5px 0px 0px 0px; } .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; } .search-again { padding-top: 15px; } /* register page */ .register-note { color: #383838; 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: #607e98; font-size: 12px; font-weight: bold; width: 100%; line-height: normal; border-bottom: 1px solid #607e98; } 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 */ .products .cart {background:#FFFFFF;} .cart .item { margin-bottom: 30px; } .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: none; } .cart .descr { padding-bottom: 15px; } .cart .poptions-title { padding: 0px; margin: 0px 0px 12px 0px; 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: #112536; font-weight: bold; margin-bottom: 15px; text-align: right; } th.shipping-method { color: #112536; 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: #eeeeee none; } .totals { margin: 0px 0px 0px auto; text-align: right; width: 30%; } .totals td { padding: 3px; } .totals .total-name { white-space: nowrap; color: #383838; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-value { white-space: nowrap; color: #AC501F; font-size: 14px; font-weight: bold; text-align: right; } .totals .total-alt-value { white-space: nowrap; text-align: right; color: #383838; font-size: 14px; } .totals .total-line { height: 1px; } .totals .total-line img { background: black none; width: 100%; height: 1px; } .totals .total { white-space: nowrap; color: #383838; font-size: 14px; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line { background-color: #eeeeee } .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: 40px; } .cart-content { margin-bottom: 15px; } .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; } .cart-content .cart-column-tax { text-align: center; } .cart-content .cart-column-price, .cart-content .cart-column-total { text-align: right; } .cart-content .cart-content-text { color: #AC501F; font-weight: bold; } .cart-content .cart-column-quantity { width: 30px; } .cart-content .cart-column-product { width: 100%; } .cart-content input.cart-quantity { width: 30px; } .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; } .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 { background: #ffffff; } .payment-wait .payment-wait-title { border-top: 30px solid #00446d; } .payment-wait h1 { display: block; padding: 10px 0px 0px 30px; border-top: 1px solid #00446d; margin-top: 1px; color: #549dbf; } .payment-wait .links { padding-left: 30px; } /* help index page */ .help-index { list-style: none; padding: 0px; margin: 0px 0px 30px 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 #4daad1; } .images-viewer-icons a:hover { border: 1px solid #4daad1; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0px none; } /* Order invoice */ .order-invoice { background: #ffffff none; padding: 15px; } .order-invoice td { color: #333333; } .invoice-company-icon { vertical-align: top; padding-top: 30px; } .invoice-data-box { width: 100%; padding-left: 30px; } .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: #cccccc 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: #cccccc none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #cccccc 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: #cccccc 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 { height: 100%; overflow: hidden; } .error-page #page-container { margin: 0px; height: 100%; overflow: hidden; background: transparent url(images/sc/top_bg2.gif) repeat-x left 158px; } .error-page #page-container2 { height: 100%; background: transparent url(images/sc/top_bg.gif) no-repeat 20px 158px; } .error-page #content-container { height: 100%; margin: 158px 0px 0px 0px; background: transparent url(images/sc/right_bg.gif) repeat-y left top; } .error-page #content-container2 { height: 100%; background: transparent url(images/sc/right_bg.gif) repeat-y right top } .error-page #center { height: 100%; background: transparent url(images/sc/top_bg4.gif) no-repeat left top; text-align: center; } .error-page #center-main { background: transparent none; } .error-page #header { height: 159px; background: #00446d url(images/sc/head-bg-flc.gif) repeat-x left top; } .error-page #header .head-bg { position: static; background: transparent url(images/sc/head-left-flc.jpg) no-repeat left top; } .error-page #header .head-bg2 { height: 158px; position: static; padding: 15px 15px 0px 15px; background: transparent url(images/head-right-flc.jpg) no-repeat right 150px; } .error-page #header .cart-container { position: static; background: transparent none; } .error-page #header .line2 { height: 20px; } .error-page #header .head-bg-flc .logo { margin-left: 20px; margin-top: -60px } .error-page #header .head-bg .logo_err { display: block; left: 45px; top: 41px; } .error-page #header .head-bg .logo { display: none; } .error-page #header .head-bg .phones, .error-page #header .head-bg .languages, .error-page #header .head-bg .cart-block, .error-page #header .head-bg .tabs, .error-page .block-news-links { display: none; } .error-page #content-container { margin: 158px 0px 0px 0px; } .error-page #center-main { text-align: center; margin: 0px 10px; padding: 0px; } .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: #549dbf; width: 186px; float: left; text-align: center; } .error-page .description { width: 514px; float: right; } .error-page .description h1 { font-weight: normal; color: #549dbf; } .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: #549dbf; } .error-page .description hr { margin: 10px 0px 15px 0px; } .error-page ul.links { margin: 0px; padding: 5px 0px; list-style: none; } .error-page #footer { bottom: 0px; } .error-page #footer .box #left-c { left: 20px; } .error-page #footer .box #right-c { right: 0px; display:block; top: -99px; } /* 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; } .menu-bestsellers .title-bar { background:url(images/sidebar_line.jpg) bottom left no-repeat; padding:10px 0 10px 20px; color:#202020; text-transform:uppercase; font-size:15px; font-weight:bold;} .menu-bestsellers ul li { position: relative; padding: 0px 0px 0px 20px; line-height: 10px; margin-bottom: 10px; } .menu-bestsellers ul li a:link, .menu-bestsellers ul li a:visited, .menu-bestsellers ul li a:hover, .menu-bestsellers ul li a:active { line-height: 18px; } .menu-bestsellers ul li strong { color: #202020; font-size: 12px; line-height: 18px; display: block; position: absolute; left: 0px; top: 0px; } /* 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: 0px 0px 0px 0px; } .creviews-stars strong { padding-right: 13px; } .creviews-stars img { width: 16px; height: 16px; margin: 3px 4px 0px 0px; } .creviews-stars img.star-4 { background: transparent url(images/sc/star_4.gif) no-repeat left top; } .creviews-stars img.star-3 { background: transparent url(images/sc/star_3.gif) no-repeat left top; } .creviews-stars img.star-2 { background: transparent url(images/sc/star_2.gif) no-repeat left top; } .creviews-stars img.star-1 { background: transparent url(images/sc/star_1.gif) no-repeat left top; } .creviews-stars img.star-0 { background: transparent url(images/sc/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; color: #383838; padding: 12px 0px; } div.creviews-reviews-list { text-align: left; 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: left; 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 0px; font-size: 11px; color: #0059ac; 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 #0059ac; } /* discount coupons module */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(images/sc/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* fast lane checkout module */ /*.flc-container { background: transparent url(images/sc/right_bg.gif) repeat-y left top !important; } .flc-container #page-container2 { background: transparent url(images/sc/right_bg.gif) repeat-y right top; } .flc-container #center { text-align: center; background: transparent url(images/sc/top_bg4.gif) no-repeat left top; } #header .head-bg-flc { background: transparent url(images/sc/head-left-flc.jpg) no-repeat left top; } #header .head-bg2-flc { height: 159px; position: relative; padding: 0px; background: transparent none; margin-bottom: 0px; z-index: 300; background: transparent url(images/vivid_dreams/head-right-flc.jpg) no-repeat right bottom; } */ .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: 130px; left: 45px; height: 20px; line-height: 21px; text-align: left; width: 50%; color: #63402A; 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 { background:none; } .flc-container #page-container2 { background:none; } .flc-container #content-container { margin-top: 158px; background-color:#fff; background-image:none;} .flc-container #content-container2 { background-color:#fff; background-image:none; } .flc-container #center { text-align: center; background:none; } .flc-container #center-main { width: 770px; margin: 0px auto; padding: 28px 0px 0px 0px; text-align: left; background: transparent none; } .flc-container #footer .box #left-c { left: 20px; } .flc-container #footer .box #right-c { right: 0px; display: block; top: -99px; } .flc-container #header { height: 159px; background:url(images/sc/header_store.jpg) no-repeat left top; } .flc-container #header .phones { display: none; } #header .head-bg-flc { background:none; } #header .head-bg2-flc { height: 159px; position: relative; padding: 0px; background: transparent none; margin-bottom: 0px; z-index: 300; } .flc-container #header .logo { float: left; margin: -60px 0px 0px 29px; } .flc-container #header .line3 { height: 15px; } .flc-container #header .phones { position: absolute; float: left; } #header .logo_err { display: none; } /* 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 */ .flc-tabs-top { position: absolute; top: 125px; right: 20px; margin: 0px; padding: 0px; height: 30px; width: 80%; text-align: right; border: 0px none; } .flc-tabs-top ul { margin: 0px; padding: 0px; list-style: none; } .flc-tabs-top li { float: right; margin: 2px 1px 0px 0px; padding: 7px 30px; background: transparent url("images/sc/tab_r.gif") no-repeat right top; height: 16px; } .flc-tabs-top li.last { background: transparent; } div.flc-tabs-top ul li a:link, div.flc-tabs-top ul li a:visited, div.flc-tabs-top ul li a:hover, div.flc-tabs-top ul li a:active { display: block; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; white-space: nowrap; color: #004d7b; text-decoration: none; font-weight: bold; font-size: 12px; } div.flc-tabs-top ul li a:hover { color: #AC501F; text-decoration: underline; } .flc-tabs { position: relative; margin: 0px 0px 20px auto; } 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: 17px; height: 25px; text-align: center; background: transparent url(images/sc/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: #eaeaea none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0px; right: 50%; left: 0px; width: 50%; height: 6px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0px; right: 0px; left: 50%; width: 50%; height: 6px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 6px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; background: transparent url(images/sc/left-flc.gif) no-repeat left top !important; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: transparent url(images/sc/right-flc.gif) no-repeat left top; } .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: #267bab url(images/sc/flc-bg.gif) repeat-x left top; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1 { background: #267bab url(images/sc/r-full.gif) repeat-x right top; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-half .flc-tab-line-img2 { background: transparent url(images/sc/right-flc-full.gif) no-repeat left top; } /* 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; font-size: 11px; color: #383838; 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; font-size: 11px; color: #0059ac; } /* Checkout : last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0px 0px 30px 0px; } .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: #63402A; 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; padding: 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 { line-height: normal; font-size: 11px; vertical-align: middle; } table.data-table tr td.iv-box-descr { padding-top: 15px; line-height: normal; } .iv-description { padding: 0px; margin: 0px; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: left; float: left; width: 120px; } .iv-img img { margin-top: 7px; margin-bottom: 5px; } .iv-input { text-align: left; float:left; width: 50px; } .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: 50px; margin-top: 10px; } .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 { background:url(images/sidebar_line.jpg) bottom left no-repeat; padding:10px 0 10px 20px; color:#202020; text-transform:uppercase; font-size:15px; font-weight:bold;} .menu-manufacturers .content ul li a {color:#202020;} /* 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; } .news { font-size: 12px; } .news p { margin: 0px; padding: 0px; line-height: 24px; } .news span.data { font-size: 12px; color: #2f6798; display: block; padding-bottom: 5px; } /* '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; white-space: normal; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 0px; } .poptions-options-list td { padding-right: 10px; padding-bottom: 12px; } /* recommended products module */ ul.rproducts { list-style: none; margin: -5px 0px 0px 7px; padding: 0px; } ul.rproducts li { margin: 0px; padding: 0px 0px 8px 12px; font-size: 12px; position: relative; background: transparent url(images/vivid_dreams/bullet2.gif) no-repeat left 5px; } ul.rproducts a:link, ul.rproducts a:visited, ul.rproducts a:hover, ul.rproducts a:active { font-size: 12px; } .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 { 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; font-weight: bold; } .uproducts td.item-number { width: 1%; } /* ups online tools module */ .ups-logo { width: 84px; height: 96px; margin: 0px 5px 15px 5px; } .ups-logo-cell { margin: 25px 20px 5px 20px; text-align: center; } .ups-notice { font-size: 10px; text-align: left; padding-left: 10px; } table.ups-error tr td { padding: 1px; } .ups-error-name { width: 20%; } /* users online module */ /* users statistics box */ .uo-box { background: transparent url(images/vivid_dreams/dot-line.gif) repeat-x left top; padding: 17px 0px 17px 0px; margin-top: 5px; } /* wholesale module */ #wl-prices { margin-top: 15px; } #wl-prices table { background: #cccccc none; } #wl-prices table td { padding: 2px 10px; background: #ffffff none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; 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; } .wish { float: left; padding-top: 0px; } /*============================================================================== alternative layouts ==============================================================================*/ /* printable */ .printable, .printable #page-container2, .printable #page-container, .printable #content-container, .printable #content-container2, .printable #center, .printable #center-main { background: #ffffff none; } .printable div, .printable th, .printable td, .printable p, .printable input, .printable .product-details .prices-block, .printable .product-details table.product-properties .product-market-price, .printable .product-details table.product-properties .product-taxed-price { color: #000; } .printable table.product-properties .product-price-value { color: #AC501F; } .printable #header .head-bg { position: static; height: 159px; background: #00446d none; } .printable #header .head-bg2 { height: 100px; position: static; padding: 15px 15px 0px 15px; background: transparent none; } .printable #content-container { position: static; margin: 0px; color: #000; padding: 0px; } .printable #header .cart-container { position: static; height: 100px; background: transparent none; } .printable #content-container .content { color: #000; } .printable #header .cart-block, .printable #header .languages { display: none; } .printable #header .head-bg .logo { position: absolute; left: 20px; top: 45px; } .printable #header .head-bg .phones { display: none; } .printable #content-container2 { float: none; position: static; left: 0px; padding-top: 1px; right: 0px; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0px; } .printable button.button .button-left, .printable button.cart-button .button-left .price-value-but, .printable button.cart-button .button-left .market-price-but, .printable button.cart-button .button-left .price, .printable button.cart-button .button-left .market-price { color: #000000; } .printable #header { position: static; height: 151px; border-bottom: solid 1px #9e0e0e; background: transparent none; } .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; padding-left: 10px; } .printable #footer { position: static; border-top: solid 1px #00446d; background: transparent none; } .printable #footer .box #left-c, .printable #footer .box #right-c { display: none; } .printable #footer .subbox .left, .printable #footer .subbox .right { color: #383838; } .printable .dialog .title_cat, .printable .dialog .title_cat .left, .printable .dialog .title_cat .right { background: transparent none; } /* buttons */ .printable button.button, .printable div.button { border: 1px solid #00446d; } .printable .button, .printable .button * { background: transparent none !important; } .printable #header .cart-container { height: 100px; } .printable .products .details .prices-block2 .market-price .price-save { color: #00446d } .printable .dialog .title_cat .right h2 { color: #00446d } /* containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0px; } /* service styles */ .printable .no-print { display: none; } /* users online sublayout */ .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; } .menu-affiliate ul li { line-height: 18px; } .delete_profile { margin-top: -25px; } .delete_profile a.simple-delete-button:link, .delete_profile a.simple-delete-button:visited, .delete_profile a.simple-delete-button:hover, .delete_profile a.simple-delete-button:active { color: #AC501F; background: transparent url(images/vivid_dreams/delete_cross.gif) no-repeat left 4px; padding-left: 13px; } .product-details .fcomp-product-box .fcomp-select-box { margin: 5px 0px 0px 0px; } .fcomp-select-box button.simple-button { margin-top: 0px; } .fcomp-xy tr td.fcomp-title, .fcomp-yx tr td.fcomp-title { background: #b9dfeb none !important; } .prices_without_bn { padding-top: 10px; } .prices_without_bn .price-value-but { color: #AC501F; font-size: 12px; } .prices_without_bn .market-price-but { color: #383838; } .prices_without_bn .market-price { font-size: 11px; padding: 0px; } .prices-block2 { margin-top: 7px; } .details .prices-block2 .market-price { font-size: 11px; padding-left: 7px; } .details .market-price { font-size: 12px } /* Fancy categories module */ .menu-fancy-categories-list { overflow: visible; } .fancycat-icons-scheme ul li { width: 230px !important; padding: 9px 0px 10px 4px !important; background: transparent url(images/vivid_dreams/dot-cat.gif) repeat-x left bottom !important; } .fancycat-icons-scheme li ul { background: #00446d !important; border: 1px solid #007399 !important; left: 180px !important; width: 180px !important; } .fancycat-icons-scheme li ul.fancycat-icons-level-1 { left: 220px !important; } .fancycat-icons-scheme li ul li { padding: 3px 10px !important; background: transparent none !important; width: 175px !important; } .fancycat-icons-scheme a.sub-link:link, .fancycat-icons-scheme a.sub-link:visited, .fancycat-icons-scheme a.sub-link:hover, .fancycat-icons-scheme a.sub-link:active { background-image: url(images/vivid_dreams/but_arrow.gif) !important; background-position: right 4px !important; } .menu-fancy-categories-list { background: #00446d url(images/vivid_dreams/cat_bg_top.gif) repeat-x left top; padding: 50px 0px 10px 0px; } .fancycat-icons-scheme a.empty-link:link, .fancycat-icons-scheme a.empty-link:visited, .fancycat-icons-scheme a.empty-link:hover, .fancycat-icons-scheme a.empty-link:active { color: #6a95a9 !important; } /* Special Offers modules */ a.offers-thumbnail:link img, a.offers-thumbnail:visited img, a.offers-thumbnail:hover img, a.offers-thumbnail:active img { width: 48px !important; height: 48px !important; background: transparent url(images/vivid_dreams/offer_thumb.png) no-repeat left top !important; } .offers-cell { text-align: left; padding-right: 1%; } .offers-cell .center { text-align: left; } .offers-short-list { padding-left: 0px !important; } .magnifier-popup-link { text-align: left !important; padding-left: 0px !important; } .magnifier-popup-link a:link, .magnifier-popup-link a:visited, .magnifier-popup-link a:hover, .magnifier-popup-link a:active { color: #d04907 !important; font-size: 11px !important; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { background: transparent none !important; color: #0059ac !important; padding-right: 0px !important; font-size: 11px; } .fcomp-checkbox-box { font-size: 11px; } .flc-buttons { position: relative; } /* Survey modules */ .menu-survey .content div, .menu-survey .content label { color: #5bdeff; } .menu-survey .survey-footer { font-size: 12px !important; } /* STATIC PAGES */ #terms-and-conditions {padding:0 50px 0 0; line-height:1.2em;} #terms-and-conditions h2 {margin:0 0 15px 0; padding:0; text-transform:uppercase; font-size:14px;} #terms-and-conditions h3 {margin:0 0 15px 0; padding:0; color:#333333;} #terms-and-conditions table {width:50%; margin:0 0 0 30px;} #terms-and-conditions table tr td {border-bottom:dotted 1px #CCCCCC; padding:6px 0;} /* home page sc_welcome.tpl */ #sc_home h1 {color:#AC501F; line-height:1.3em; margin:5px 0 15px 0; font-size:24px; text-transform:uppercase; font-weight:bold;} #sc_home p {line-height:1.3em; font-size:12px;} #sc_home .spacer-150 {height:150px;} #sc_home h3 {color: #000000; line-height:1.3em; font-size:15px; text-align:center;} #welcome_box_wrapper { position:relative; clear:both;} #sc_home .welcome_box h2 {font-size:9px; margin:5px 0 10px 14px; padding:0; text-align:left; font-size:15px; height:50px;} #sc_home .welcome_box h3 {color:#AC501F; font-size:18px; margin:5px 0 0 14px; padding:0;} .welcome_box {width:185px; background:#fff none; float:left; margin:10px 10px 10px 0; } .welcome_box a {color: #000000; text-decoration:none;} .box_last { background:#fff none;} .welcome_box_1 {} .welcome_box_2 {} .welcome_box_3 {} /* add coupon */ .add_coupon {margin:0px 0px 20px 70px; padding:15px 20px 0 20px; border:2px dashed #9A3C05; background:#EAB164; width:295px; float:right;} .add_coupon h2 {text-transform:uppercase; font-size:24px; font-weight:bold; text-align:center;} .add_coupon .data-name {font-weight:bold; text-transform:uppercase;} .clearcoupon {clear:both;} .add_coupon .button-row {padding-bottom:0; margin-bottom:0;}