/* * $Id: main.css 33621 2010-04-08 11:06:22Z iargent $ */ body {background:#EBEBEB url(../../static/img/background.gif) repeat scroll 0 0;} a {color:#76b900;text-decoration:none;} a:hover {color:#007229;text-decoration:underline;} ul li {display:inline;} label {display:block;color:#76b900;} textarea, select {background-color:#FFF;} fieldset span {color:#CC0000;padding:5px;} /* mandatory fields */ tr th {text-transform:uppercase; color:#666;} /* table header cells */ /* =item related shared elements */ .price, .product_price {font-weight:bold;color:#666;} /* all prices */ .vat_rate {color:#666;} /* all prices */ div.price span.offer-price {color:#CC0000;} /* visible price for offers */ div.price span.original-price {text-decoration:line-through; color:#CCC;} /* old price for offers */ span.sku {color:#999; font-size:10px;} /* sku for item */ span.stock {font-size:10px; font-weight:bold; margin-left:10px; color:#009900;} /* stock info for item */ span.stock.out {color:#CC0000;} /* out of stock info for item */ ul#feature_list {clear:right;width:130px;overflow:hidden;float:left;margin:0;padding:0;} /* list of item features */ ul#feature_list li a {color:#666; display:block;font-size:9px;font-weight:bold;background:#FFF url(../../static/img/feature_pale_bg.gif) no-repeat;padding:1px 3px 3px 13px;} /* list of item features */ ul#feature_list li.feature a {white-space:nowrap;width:117px;overflow:hidden;margin-bottom:4px;} /* list of item features */ .small, sup {font-size:9px;} /* notes and small texts */ div.back {float:left;} .jCarouselLite img { margin:0; } /*styles for text and img of item page*/ #item-basic-info {overflow:hidden; padding-bottom:20px;} #item-basic-info #item-description {font-size:10px;} #item-basic-info #add-to-wishlist {margin-top:10px;} #item-basic-info #product-image {float:left;} /* =errors */ #errors {border:1px solid #990000; padding:10px; color:#990000; margin-bottom:15px; background-color:#FBE3E4;} /* =errors */ #errors h3 {padding:0 !important;border:none !important; color:#990000;} /* errors header text */ #errors ul li {display:list-item; list-style:square;} /* errors list */ /* =messages */ #messages {border:1px solid #CCE5EB; padding:10px; background:#F2F8FF; color:#007229;} /* =messages */ #messages h3 {padding:0 !important;border:none !important;} /* messages header text */ #messages ul li {display:list-item; list-style:square;} /* messages list */ /* =confirmations */ #confirmations {padding:10px; background:#DBEAAE; border:1px solid #99CC00; color:#009900 !important; } /* =confirmations */ #confirmations h3 {padding:0 !important;border:none !important;} /* confirmations header text */ #confirmations ul li {display:list-item; list-style:square;} /* confirmations list */ /* =confirmations withuot border */ .confirmations_msg { background:#DBEAAE; color:#009900; font-weight:bold; text-align:right;} /* =confirmations */ /*=header*/ #header { position:relative; height:90px; padding:0 7px 5px; background:#fff; } #header-top { position:relative; height:60px; width:100%; } #header #identity { float:left; border:0; } #header #identity img { margin:0; } #auxlinks { float:right; text-align:right; width:495px; } #auxlinks img { margin:0; } #header #emailcontainer { padding:8px; position:absolute; right:0; top:28px; width:175px; z-index:120; } a#home-link { background:transparent url(../../static/img/header/superNav.png) no-repeat scroll 0 0; float:right; width:131px; height:27px; margin:-20px 0 10px; } a#home-link:hover { background-position:0 -27px !important; } #home-link span { display:none; } #header #emailtext2, #header #emailtext2 a:active, #header #emailtext2 a:visited, #emailtext2 a:hover, #header #emailtext2 a:link { font-weight:bold; text-align:right; font-size:92%; } #header #closeicon { left:6px; position:absolute; top:6px; } #search { float:right; text-align:right; margin-top:10px; width:300px; } .no-results { float:none !important; } #search form {display:inline;} #search img {margin:0 0 -7px 0;} #SEARCHSTRING { font-size:10px; width:100px; display:inline; } #header h1 {max-height:30px; float:left;} /* logo in header */ #header #links, #header #main_nav, #header #store_nav ul, #header div.search{float:right;} /* simple links box in header */ #header #header_bottom {float:left; width:100%; border-bottom:1px solid red;} /* bottom part for header */ #header #main_nav a {width:100px; margin-right:2px; border:1px solid #666;padding:10px; background-color:#EFEFEF;} /* main website tabs in header */ #header #store_nav {clear:both;border:1px solid #666;width:100%;overflow:hidden;background-color:#DBEAAE;max-height:23px; padding-top:10px;} /* store navigation in header */ #header #store_nav ul {width:100px;float:left;} /* lists in store_nav-header */ #header #store_nav ul ul, #header #store_nav ul ul ul {display:none;} /* hide sub-lists in store_nav-header */ #header #store_nav ul li a h3 {font-size:10px;margin:0;} /* lists points links in store_nav-header */ #breadcrumb {margin-top:13px; padding-left:10px; font-size:94%;} /* =checkout status breadcrumb bar */ #checkout-status {background:url(../../static/img/lock.gif) no-repeat;padding-left:30px;padding-top:9px; width:auto;} /* =checkout status breadcrumb bar */ #checkout-status ol {font-weight:bold;overflow:hidden;background-color:#F4F4F4;border:1px solid #ccc; border-collapse:collapse;} /* list in checkout status bar */ #checkout-status ol li {display:inline;padding:2px 50px 3px 50px;color:#CCC;} /* step in checkout status bar */ #checkout-status ol li.here {background-color:#FFF;color:#999} /* selected step in checkout status bar */ /* =cross sales box */ #cross-sales div.cross-sales-box {clear:both;border-bottom:1px solid #CCC;overflow:auto;width:582px;padding:5px;} /* iteration cross sales product */ #cross-sales div.cross-sales-box div.item-short {float:left;margin-top:15px;width:220px;} /* Item name and short description */ #cross-sales div.cross-sales-box span.subtitle {color:#666;font-size:11px;} /* 'what's for' title */ #cross-sales div.cross-sales-box span.desc-one-line {position:relative;clear:left;float:left;width:200px;font-weight:bold;padding-left:20px;} /* description one line */ #cross-sales div.cross-sales-box div.item-desc {float:left;width:180px;margin-right:5px;margin-left:8px;} /* Item name and short description */ #cross-sales div.cross-sales-box h3 {margin:0;font-size:12px;font-weight:bold;width:175px;margin-top:3px;} /* product name */ #cross-sales div.cross-sales-box p {font-size:10px;width:175px;} /* short desctiption */ #cross-sales div.cross-sales-box img {float:left;border:1px solid #999;width:76px;margin-top:10px;} /* product image medium */ #cross-sales div.cross-sales-box span.price {width:76px;} /* price display */ .cross-sales-box.item-short, .cross-sales-box.item-desc, .cross-sales-box.price-btn-wrapper{overflow:auto;} /* =continue_shopping and =user-menu box */ #continue_shopping, #user-menu {clear:both; padding:5px;} /* =continue_shopping box */ #continue_shopping ul h3, #user-menu ul h3 {display:inline;font-size:12px;margin:0;font-weight:bold;border:none !important;} /* continue_shopping title */ #continue_shopping ul li h3 {color:#007229;} #continue_shopping ul, #user-menu ul {float:left;} /* lists in continue_shopping box */ #continue_shopping ul li, #user-menu ul li {display:list-item; list-style:none;} /* list points in continue_shopping box */ #continue_shopping ul li a, #user-menu ul li a {background:url(../../static/img/blue_arrow.gif) no-repeat;color:#007229; padding-left:15px; font-weight:bold; padding-top:2px; text-transform:capitalize;} /* links in continue_shopping box */ #continue_shopping ul ul, #continue_shopping ul ul ul {display:none;} /* -------------------------------------------------------------- General positioning * Main elements positioning. -------------------------------------------------------------- */ .container {position:relative;width:773px;margin:0 auto;padding-top:20px; text-align:left; background-image:none;} /* =container main pages container */ #sidenav {float:left;width:150px;padding:5px;margin-right:5px;margin-bottom:20px;} /* =sidenav */ div.main-col {width:594px; float:left; margin-bottom:20px;overflow:hidden;} /* main content for 2 columns pages */ #content {position:relative;float:right;width:100%;margin-top:20px;} /* =content container for all site (exept popup) */ #popup {background:none;background-color:#FFF;padding:10px;z-index:10;} /* main container for =popup pages */ /* -------------------------------------------------------------- =default * DEFAULT PAGE specific elements styles and positioning. -------------------------------------------------------------- */ div.main-col {background-color:#FFF;padding:5px;border:1px solid #999999;border-collapse:collapse;} #sidenav {background-color:#FFF;border:1px solid #999;font-size:10px;border-collapse:collapse;} /* =sidenav */ #sidenav a, #sidenav h3, #sidenav h4 {margin:0;font-size:10px;font-weight:bold;padding-top:3px;} #sidenav a {color:#9F9F9F; text-decoration:none; cursor:pointer;} #sidenav div {margin-bottom:10px;} /* standard boxes in sidenav */ #sidenav div h3, #sidenav div h4 {color:#FFF; background:#FFF url(../../static/img/side_dark_bg.gif) no-repeat;height:17px;width:137px;padding-left:12px;} /* headers in sidenav (top level section) */ #sidenav div ul {margin:0;padding:0;list-style:none;} /* lists in sidenav */ #sidenav div ul li a {height:17px;width:149px;} /* lists points links in sidenav */ #sidenav #full_nav ul li ul li a h4 {color:#9F9F9F;background:#FFF url(../../static/img/side_pale_bg.gif) no-repeat;padding-top:1px;padding-left:20px;width:129px;margin-bottom:1px;} /* II level links in sidenav */ #sidenav #full_nav ul li ul li.here h4 {color:#FFF;background:#FFF url(../../static/img/side_green_bg.gif) no-repeat; height:18px;} /* II level selected list points in sidenav */ #sidenav #full_nav ul li ul li ul li {display:block;background:none; border:1px solid #CCC; height:17px;width:147px; margin-bottom:1px; overflow:hidden;} /* III level list points in sidenav */ #sidenav #full_nav ul li ul li ul li a {background:#FFF url(../../static/img/grey_arrow.gif) no-repeat;margin-left:20px; padding-left:10px;width:117px;} /* III level list points in sidenav */ /*#sidenav #full_nav ul li ul li ul li.here {border-right:5px solid #CCC;width:143px;} */ #sidenav #full_nav ul li ul li ul li a {height:17px;width:117px;} /* III level lists points links in sidenav */ #sidenav #cs ul li a h4 {color:#9F9F9F;background:#FFF url(../../static/img/side_pale_bg.gif) no-repeat;padding-top:1px;padding-left:20px;width:129px;margin-bottom:1px;} #sidenav ul#usr-menu {padding-top:10px;} /* user related links */ #sidenav div.list_image {left:18px !important;left:25px;} /* fix bullet display in IE */ #sidenav #mini-cart {border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} #sidenav #mini-cart h3 a {color:#FFF;} #sidenav #mini-cart a {padding-right:7px; text-align:right;} /* links in =mini-cart box in sidenav */ #sidenav #mini-cart div.item {clear:right; height:50px;} /* item line in mini-cart sidenav */ #sidenav #mini-cart div.item a {background:none; padding:0;} /* links in item line in mini-cart sidenav */ #sidenav #mini-cart div.item img {float:left; margin:0 3px 3px 0; padding:2px; border:1px solid #CCC;} /* images with links in mini-cart in sidenav */ #sidenav #mini-cart div.item span {color:#666; font-weight:bold; float:right;} /* item price in mini-cart in sidenav */ #sidenav #mini-cart div.total {clear:left; font-weight:bold; background-color:#EFEFEF; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:right; padding-right:3px; margin:20px 0 10px 0;color:#666;} /* mini-cart subtotal in sidenav */ #sidenav #mini-cart ul {text-align:right;} #sidenav #mini-cart ul li {display:list-item; list-style:none; text-transform:capitalize;} #sidenav #mini-cart ul li a {font-weight:bold; color:#999; background:url(../../static/img/grey_arrow.gif) no-repeat right;} #sidenav #mini-cart ul li.save {float:left;} #sidenav .mini {text-align:center;} #footer {clear:both; width:100%; font-size:10px; font-weight:bold; overflow:hidden; } /* =footer container */ #footer a, #footer a:hover {color:#007229;} #footer ul {clear:left;padding:5px;text-align:center;border-top:1px solid #999;} /* basic list in footer */ #footer ul li a {color:#007229; text-transform:capitalize;} /* links in lists in footer */ #footer .extended {border-top:1px solid #999; width:100%; padding:5px;} /* =extended footer */ #footer .extended div {float:left; width:180px;margin-left:5px;margin-bottom:15px;} /* box lists in extended footer */ #footer .extended div a h3 {margin:0;font-size:12px;font-weight:bold;color:#007229;} /* titles in extended footer */ #footer .extended div ul {border:none;margin:0;padding:0;list-style:none;text-align:left; } /* lists in extended footer */ #footer .extended div ul li {display:list-item;} /* lists points in extended footer */ #footer .extended div#prod_list ul ul ul {display:none} /* hide product listing in footer section list */ #footer .extended div#prod_list ul li a h4 {color:#007229;font-size:10px;font-weight:bold;margin:0;padding-left:10px;} /* second level sections */ #footer a{margin:3px;} #footer div{margin:8px} #pagebottom{ font-size: 9px; text-align: center; } /* =cart*/ table.cart_content {width:100%;border-collapse:collapse;color:#666;margin-bottom:0;} /* table in cart/order/saveCart/retrieveCart/invoice page */ table.cart_content tr th {vertical-align:bottom;} table.cart_content tr td {vertical-align:top; text-align:center;} /* table cell in cart content table */ table.cart_content tr td.product_img img {border:1px solid #CCC; width:130px;} /* product image in cart content table width:80px;*/ table.cart_content tr td.product_info {text-align:left;color:#007229;width:370px;} /* table cell in cart content table */ table.cart_content tr td.product_info h3 {margin:0;font-size:13px;font-weight:bold; padding-bottom:5px;} /* product name in product info cell in cart content table */ table.cart_content tr td.product_info h3 a {color:#007229;} table.cart_content tr td.product_info a.xsell {display:block; font-size:10px;} /* 'show cross sales products link */ table.cart_content tr td.product_qty {font-size:9px;width:35px;text-align:center;} /* quantity cell in cart content table */ table.cart_content tr td.product_qty a {text-decoration:underline;} /* quantity update link in cart content table */ table.cart_content tr td.product_qty input {vertical-align:middle;} /* quantity cell in cart content table */ table.cart_content tr td.product_qty input.qty {width:30px; text-align:center;} /* quantity cell in cart content table */ #promo-code-box {position:relative;overflow:hidden;height:38px;margin-bottom:3px;background-color:#F4F4F4;width:100%;} /* promo e-voucher line in basket */ #promo-code-box label {color:#666;position:absolute;right:280px;top:8px;} /* promo label */ #promo-code-box input {position:absolute;right:120px;top:8px;width:150px;} /* promo input field */ #express-checkout {position:relative;clear:both;border:1px solid #DDD;padding:5px;overflow:hidden;margin-bottom:10px;margin-top:50px;} /* =express-checkout box + IE fixes */ #express-checkout h2 {margin:0;font-size:14px;font-weight:bold;} /* title in express-checkout box */ #express-checkout label {display:inline; padding:0 10px 0 0px;} /* labels in express-checkout box */ #express-checkout input {margin-right:30px;} /* input fields in express-checkout box */ #express-checkout a {font-size:9px; text-decoration:underline; float:right; padding-right:137px;} /* lost password link in express-checkout box */ /* =CART TOTALS */ #cart-total {width:100%; margin-bottom:30px;} .cart_content .net-price { padding-left:10px; } .cart_content .product_price { text-align:right; padding-right:10px; } .cart_content .total td{ background-color:#ececec; } .cart_content .total-line td { border-bottom:0; } .cart_content td.cart-total-titles { text-align:right; text-transform:uppercase; border-bottom:0; background-color:#fff; } dl#cart-total, dl.subtotal, #order-details dl { text-transform:uppercase; color:#666; padding: 0; background-color: #f4f4f4; margin-bottom:10px; width:100%; } dl#cart-total dt, dl.subtotal dt, #order-details dl dt { margin:0; padding: 0.3em 0 0.3em 1em; width: 480px; float: left; color: #333; text-align:right; border-bottom:3px solid #FFF; } dl#cart-total dd, dl.subtotal dd, #order-details dl dd { margin: 0 0 0 8em; padding: 0.3em 1em 0.3em 1em; color: #666; font-weight:bold; border-bottom:3px solid #FFF; } dl#cart-total dt.total {background-color: #E9E7E8; font-size:13px;} /* text for cartTotals FINAL TOTAL */ dl#cart-total dd.total {background-color: #E9E7E8; font-size:13px;} /* amounts for cartTotals FINAL TOTAL */ dl.subtotal dt, #order dl#cart-total dt, #invoice dl#cart-total dt {width:600px; padding-right:40px;} /* text for cart Subtotal */ #retrieveCart dl#cart-total dt, #saveCart dl#cart-total dt {width:430px;} #saveCart dl#cart-total { clear:left; position:relative; top:10px; } /* -------------------------------------------------------------- =save/retieveCart page * SAVE & RETRIEVE CART PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #saveCart fieldset, #retrieveCart fieldset {width:auto;margin:0; margin-bottom:10px;} /* fieldset in save/retieveCart page */ #saveCart fieldset label, #retrieveCart fieldset label {margin-top:15px;} /* labels in save/retieveCart */ #saveCart fieldset input, #retrieveCart fieldset input {width:170px;} /* input fields save/retieveCart */ /* -------------------------------------------------------------- =orderHistory * ORDER HISTORY PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #orderHistory #orderHistory-search {clear:left;position:relative;} /* orderHistory page search box */ #orderHistory fieldset label {margin-top:15px;} /* labels in fieldset in orderHistory page */ #orderHistory fieldset input, #orderHistory fieldset select {background-color:#FFF;width:170px;} /* input fields in fieldset in orderHistory page */ #orderHistory fieldset .calendar {float:left;} #ui-datepicker-div th, #ui-datepicker-div td {padding:0;} #datepicker .cldr-holder {margin:0; padding:0;width:40%;float:left;} /* from date block in calendar */ #order-list {clear:both;} /* =order List for orderHistory page */ #order-list table {width:100%;} /* order list table */ /* -------------------------------------------------------------- =order-details * ORDER DETAILS PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #order-details #order-resume {padding-bottom:20px;} #order-details ul li {text-transform:capitalize;} #order-details ul li a.back {margin-right:50px; margin-bottom:15px;} #order-details dl dt {text-transform:capitalize;} #order-details dl {background-color:transparent;margin:0;} #order-details dl dt {width:30%;border:none;padding-right:10px;} #order-details dl dd {text-align:left; width:40%;border:none;} #print-div {position:absolute;top:130px;right:20px;} #order-resume .container{padding:10px 0 10px 10px;margin-bottom:5px;background-color: #ececec;text-transform:capitalize;width: 580px;} #order-resume .data{padding-left: 10px; } #order-details table.cart_content tr td.product_info {width:240px;} #order-details #cart-total .cart-total-titles {width:290px;} /*#order-details #address_details, #order-details #order-resume {clear:both;border:1px solid #CCC; overflow:auto; width:auto; padding:10px; margin-bottom:15px;}*/ /* -------------------------------------------------------------- =product_lines page * PRODUCT LINES PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #product_lines {margin:0 auto; background-color:#FFF; border:1px solid #999; margin-bottom:20px;} /* =product_lines page */ #product_lines h2 {margin:0; padding-left:20px;} /* page header text */ #product_lines div#source-wrapper{position:relative;width:780px;overflow:auto;} #product_lines div.source {float:left;border:3px solid #FFF;overflow:hidden; width:382px; border-collapse:collapse;} /* section image to rollover controls div.target */ #product_lines div.source h3 {margin:0;color:#FFF; font-weight:bold; padding:3px 0 3px;text-align:center;background-color:#007229;width:382px;font-size:14px;} /* sec name from sec metadata */ #product_lines div.source h4 {margin:0;color:#FFF; font-weight:bold; padding:3px 0 3px;text-align:center;background-color:#76b900;width:382px; text-decoration:underline; font-size:14px;} /* desc_prod_line */ #product_lines div.source h4:hover {background-color:#007229;} /* desc_prod_line over */ #product_lines div.source img {margin:0;width:382px;background-color:#FFF; border-top:3px solid #FFF; border-bottom:3px solid #FFF;} /* sec medium image */ #product_lines div#target-wrapper{position:relative;width:780px;overflow:hidden;height:245px;} #product_lines div#target1{position:absolute;top:0;z-index:99} #product_lines div#target2{position:absolute;top:0;z-index:98} #product_lines div.target {color:#007229;height:215px;width:750px;bottom:0; border:3px solid #FFF; background-color:#FFF; padding:10px 0 10px 20px;} /* controlled div with big section image and text */ #product_lines div.target h4 {color:#007229;margin:0;width:450px;font-size:20px;} /* desc_hilight_title from sec metadata */ #product_lines div.target p {padding:5px 0 10px;width:450px;margin:0;} /* desc_hilight_body from sec metadata */ #product_lines div.target h5 {width:420px;color:#76b900;} /* desc_hilight_bottom from sec metadata */ #product_lines div.target span {text-align:right; padding:5px; font-weight:bold;} /* desc_one_line from sec metadata */ /* -------------------------------------------------------------- =section page * SECTION PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #section, #item {color:#666;} /* =section page */ #section #sec_header {height:210px;position:relative;margin:0;margin-bottom:5px;width:761px;background-color:#FFF;overflow:hidden;padding:5px;border:1px solid #999999;border-collapse:collapse;} /* #sec_header works as #home #promo */ #section #sec_header img {margin:0;position:absolute; right:5px;z-index:auto;} #section #sec_header div.text {text-align:left;position:absolute;margin:0;width:286px;height:179px;padding:15px;background:url(../../static/img/sec_text_bg.gif) no-repeat #000;color:#FFF;font-weight:bold;z-index:1;} #section #sec_header div.text h2 {color:#FFF;margin:0;padding-top:50px;} div.item-box {clear:both;overflow:hidden;border-bottom:1px solid #999;width:591px; margin-top:10px;} /* =item-box for sections and search page */ div.item-box h3 a, div.item-box h3 a:hover {color:#007229;} div.item-box-img {float:left;} div.item-box-img div {width:140px; overflow:hidden; margin:0;font-size:10px; margin-left:3px;} div.item-box-img img {margin-right:5px;padding:4px; border:1px solid #CCC; margin-bottom:0px;} /* item image in item listing */ div.item-box-col p {font-size:10px;padding-right:100px;margin-top:5px;} /* item basic informations in item listing */ div.item-box-col h3, #item #item-basic-info h2 {margin:0;font-size:15px;font-weight:bold;} /* item name in item listing */ div.item-box-col span a {float:right;font-size:10px;text-decoration:underline;font-weight:bold;padding-right:5px;} /* 'see details' link in item listing */ div.item-box-col h4 {margin:0;color:#666;font-weight:bold;font-size:13px; margin-bottom:10px;} /* short description under name in item listing */ /* =item pages */ #item #item-basic-info {position:relative; overflow:auto; width:100%;} #item #item-basic-info h2 {width:495px;} /* product name */ #item #item-basic-info #product-image img {padding:4px; border:1px solid #CCC;} /* product image */ #item #item-basic-info .item_avail_string{} /* stock display holder in item page */ #item #item-basic-info p{float:right;width:295px;font-size:10px; margin-top:3px;margin-bottom:0;clear:right;} /* description medium */ #item #item-extended-info {clear:both;} /* for extended inf links box */ #item #item-extended-info ul#extended-links {clear:left; font-weight:bold; padding:5px 0 5px 5px;background-color:#999;width:593px; margin:0 0 5px 0;} /* extended info links */ #item #item-extended-info ul#extended-links li a {color:#FFF; border-right:2px solid #FFF; margin-right:3px; padding-right:5px;} #item #item-info-container ul {margin-bottom:10px; } /* tab selection listing */ #item #item-info-container ul li a {color:#CCC; border-right:2px solid #CCC; padding-right:10px; padding-left:10px;} /* tab links */ #item #item-info-container ul li.tabs-selected a {color:#000; font-weight:bold;} #item #item-info-container .tabs-container, #cart #cross-sales {clear:both;border:1px solid #CCC; padding:0px 4px 0 4px;border-top:4px solid #DCEAAF; border-collapse:collapse;} /* content of the tabs */ #cart #cross-sales {margin-top:50px;} /* content of the tabs */ #item #item-extended-info ul li.last a {border:none !important;} /* remove the separator fot the last element in lists */ #item-description ul { margin-left:10px;} #item-detail li, #item-description li { font-size:11px; display:list-item; list-style-type:disc; margin-left:15px;} #item-detail p {font-size:11px;} #item-description #add-to-wishlist {margin-left:-10px} #product-description-wrapper{font-size:12px;} #product-wrapper{ font-size:11px; overflow:auto; margin-top:20px; } #product-image{ height:283px; width:283px; overflow:auto; height:auto; } #product-image img{ padding:0; height:275px; width:270px; } #product-power-reviews{ width:255px; padding:10px; } #product-description-wrapper, #product-description{ width:275px; } #product-description{overflow:auto; } #product-description ol{list-style:disc;} #product-image-wrapper{ width:280px;} #product-description-wrapper, #product-image-wrapper{ float:left; } #product-image-wrapper{ margin-right:20px;} #item #item-basic-info p { width:100%; font-size:12px; display:block; } #item #item-basic-info img{ margin:0;} p{margin:auto;} div.prStars{position:static;} #product-power-reviews, #product-image, #product-image-wrapper, #product-wrapper{ position:relative; } #item-detail-link-contents{ margin-top:10px;} #item #item-basic-info img{ border:none;} #product-price{ float:right; /*overflow:auto; */ } #product-price form { display:block; overflow:auto; text-align:center; } #product-price .price{ /*width:100%;*/ /*text-align:center;*/ margin-bottom:10px; font-size:14px; /*display:block;*/ } #product-price #add-to-basket-button-link { clear:both; display:block; } #msg{ visibility:hidden; clear:both; float:none; color: rgb(0, 153, 0); font-weight: bold; display: block; } #add-to-wishlist{ margin-top:0; padding-top:0; clear:both; display:block; margin-bottom:20px; width:90%; } #startWishList { display:none; } /*#add-to-basket-button{ border:none; margin:0; padding:0; float:right; }*/ .default{ width:450px !important; text-align:center !important; height:470px !important; } button.next,button.prev{ background-image:none !important; text-align:center; padding-right:20px; border:1px solid gray; } #desc_in_box ul { list-style:circle !important; } #desc_in_box li{ display:block !important; } #cross-sales div.cross-sales-box div.item-short{ margin:0; } #cross-sales div.cross-sales-box span.desc-one-line{ padding-left:0; } .item-desc a h3{ margin-top:4px; margin-bottom:4px; } .desc-one-line, .item-desc p{ margin-top:5px; } .item-desc p{ font-size:12px; } #item #item-info-container .tabs-container, #cart #cross-sales{ border:1px solid #ccc; } #extended-links li a{ color:#ccc !important; } #extended-links li a:hover{ color:#fff !important; } #desc_in_box ul{ list-style: circle outside !important; margin:0; margin-top:10px; padding-left:20px; } #desc_in_box li{ display:list-item !important; } #item-detail p, #item-detail ul li{ font-size:12px !important; } /* =carousel related styles */ #TB_window{height:500px;top:40% !important; overflow:hidden; padding-bottom:45px;} #TB_ajaxContent{height:500px !important;} button.next,button.prev{background-image:none !important;text-align:center;padding-right:20px;border:1px solid gray;} /* -------------------------------------------------------------- =register * REGISTER PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #registration {background-color:#FFF;overflow:visible;width:755px;border:1px solid #666;padding:10px;margin-bottom:20px;} /* =register page */ #registration h3 {clear:left; padding-top:20px; border-top:1px solid #666;} #registration fieldset {border:none;margin:0;} #registration fieldset legend {color:#76b900;font-size:14px;} #registration fieldset label {margin-top:15px;} #registration input {width:170px;} #registration select {background-color:#FFF;width:170px;} #register {background-color:#FFF;overflow:visible;width:753px;padding:10px;margin-bottom:20px;margin-top:20px;} /* =register page */ #register h3 {clear:left; padding-top:20px; border-top:1px solid #666;} #register fieldset {border:none;margin:0;} #register fieldset legend {color:#76b900;font-size:14px;} #register fieldset label {margin-top:15px;} #register input {width:170px;} #register select {background-color:#FFF;width:170px;} #address-wrapper div, #checkout-top div {width:240px;} #wrapper-titles{ width:100%; overflow:auto; position:relative; } #wrapper-titles-1, #wrapper-titles-2, #wrapper-titles-3 { float:left; } #wrapper-titles-1{ width:220px; padding-left:16px; } #wrapper-titles-2{ width:90px; } #wrapper-titles-3{ margin-left:30px; } #copy_from_billto{ width:90px; } h4{ font-weight:bold; } #checkout-top{ margin-top:10px; } #checkout-bottom{ margin-top:15px; } #register legend#checkout-top-legend { color:#007229; } #checkout-top-legend, #address-wrapper label, #checkout-top label{ text-transform:capitalize; } .address-doctor-message{ font-size:14px; color:red; padding:15px; padding-left:0; padding-bottom:5px; width:170px; } #usr-pwd .details { clear:left; width: 500px; padding-top: 40px; color:#666; } #register h3{ border-top:none; } #bt_sel_address, #st_sel_address{ width:200px; } #shipping-address input, #billing-address input{ margin-bottom:5px; } #shipping-address label, #billing-address label, #billing-address, #shipping-address { width:280px; } #billing-address label, #shipping-address{ text-transform:capitalize; } #checkout-top {position:relative; clear:both;border-top:1px solid #666;padding-top:15px;} /* email&psw box for register page */ #checkout-top div.column_left {float:left; width:270px;} /* email&psw box left block in register page */ #checkout-top div.column_right {float:left; padding-top:35px;} /* email&psw box right block in register page + IE fixes */ #checkout-top div.column_right input.check {display:inline;width:auto;} #checkout-top div.column_right .check {display:inline;} #address-wrapper {position:relative;} #address-wrapper p {width:170px;} #billing-address {background-color:#FFF;} /* fieldset in register page */ /* also in orderDetail page */ #address_details {position:relative;border:none;width:100%; padding-bottom:15px;} /* addresses resume block */ #address_details div.address {float:left;width:49%;overflow:hidden; margin-bottom:15px;} /* single address block in addresses resume block */ #address_details div.address ul {margin:0; padding-bottom:15px;} /* lists in addresses resume block */ #address_details div.address li {display:list-item; color:#666; text-transform:capitalize;} /* lists points in addresses resume block */ #address_details div.rel-info {top:20px;} /* positioning related info box */ #checkout-bottom {position:relative;overflow:hidden;margin-bottom:20px;width:100%;border-top:1px solid #666;padding-top:15px;} /* action buttons box for checkout/register page */ #checkout-bottom hr {width:535px; text-align:center; height:1px;margin-top:0;margin-bottom:10px;} #checkout-bottom p {text-align:left; margin-left:13px; font-size:9px; color:#666;} /* order T&C sentence + description text for action buttons box */ #checkout-bottom p a {font-weight:bold; text-decoration:none;} #checkout-bottom div.back {float:left; margin-left:10px;} /* =FLOATING LINKS to infopages in checkout process */ div.rel-info {position:absolute;left:580px;top:70px;right:0;} /* positioning related info for email&psw box */ div.rel-info {padding:4px;width:180px !important;background:url(../../static/img/n2.gif) repeat-x #FFF;border:1px solid #CCC;overflow:hidden;} /* related info for checkout/registration process */ div.rel-info ul {margin:0;} div.rel-info ul li {margin-bottom:5px; display:list-item; list-style:none;} div.rel-info ul li a {background:url(../../static/img/blue_arrow.gif) no-repeat; padding-left:10px; padding-top:2px; font-size:9px; font-weight:bold;} div.info div.main-col ul li {display:list-item; list-style:none;} /* list points for all static pages */ div.info div.main-col ul li a {background:url(../../static/img/blue_arrow.gif) no-repeat; padding-left:15px; font-weight:bold; padding-top:2px; text-transform:capitalize;} div.info div.main-col ol {margin-left:40px;} div.info div.main-col ol li {margin-top:10px;} div.info div.main-col ol li u {font-weight:bold;} /*INFOPAGES LINKS*/ #infopages_wraper a, #infopages_wraper li a{color:#76b900;text-decoration:none;background-image:none;padding-left:0;font-weight:normal;} #infopages_wraper a:hover, #infopages_wraper li a:hover {color:#007229;text-decoration:underline;background-image:none;padding-left:0;font-weight:normal;} #infopages_wraper ul li {list-style-type:disc;} /* -------------------------------------------------------------- =order page * ORDER PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #order, #invoice {background-color:#FFF;overflow:visible;width:753px;padding:10px;margin-bottom:20px;} /* =order page */ #order #checkout-bottom {border:none;} #order h3, #order_cart_content h3, #order-details .main-col h3 {clear:left; padding-top:20px; border-top:1px solid #666;} #order table.cart_content h3 {padding-top:0; border:none;} #order div.rel-info {top:60px;} /* positioning related info box */ #order #order_cart_content {clear:left;position:relative;} /* cart content in order page */ #order_cart_content div.rel-info {top:20px;} /* positioning related info box */ #order #paymentMet div.rel-info {top:20px;} /* positioning related info box */ #order label {color:#007229;} #shipping_meth {clear:left;padding-bottom:20px;position:relative;} /* shipping method selector box */ #shipping_meth span {color:#CC0000;padding:5px;} /* mandatory marker in shipping method selector box */ #shipping_meth p {padding:5px; font-size:11px;} #paymentMet {position:relative; margin-bottom:15px;} /* =payment methods in order page */ #paymentMet fieldset {border:none;} #paymentMet select {background-color:#FFF; width:100px;} .paymentMethodContent {padding-left:20px; margin-bottom:10px;} /* single payment method texts */ .paymentMethodContent label {padding-top:5px;} /* single payment method texts */ .paymentMethodHeader input {margin-right:5px;} /* single payment method header */ /* -------------------------------------------------------------- =invoice page * INVOICE PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #invoice h3 {border-top:1px solid #666; padding-top:15px;} #invoice table h3 {border:none; padding:0;} #invoice #congrats {margin-bottom:15px;position:relative;} /* invoice page confirmation messages */ #invoice #congrats h3 {padding-top:0;border:none;border-bottom:1px solid #666; padding-bottom:15px;color:#999; text-transform:uppercase;} /* invoice page confirmation messages title */ #invoice #congrats ul {color:#666;text-transform:capitalize;margin:0;} /* invoice page confirmation messages title */ #invoice #congrats ul li {display:list-item; list-style:none;} /* invoice page confirmation messages title */ #invoice #congrats ul li h3 {border:none; color:#007229; text-transform:capitalize; margin-bottom:0px; font-size:18px;} /* invoice page confirmation messages title */ #invoice #congrats ul li span { font-weight:bold; } /* invoice page order details data */ #invoice #congrats ul li p.error {color:#990000;} /* bibit_redirection warning message in confirmation messages */ #invoice #congrats .rel-info {top:110px;} #invoice #order_cart_content {clear:left; margin-bottom:20px;} #invoice #continue_shopping {padding-bottom:15px; min-height:100px;} #invoice p.terms {text-align:right;} /* T&C message in invoice page */ /* -------------------------------------------------------------- =info pages * INFO PAGES specific elements styles and positioning. -------------------------------------------------------------- */ div.info div.main-col ul li {display:list-item; list-style:none;} /* list points for all static pages */ div.info div.main-col ul li a {background:url(../../static/img/blue_arrow.gif) no-repeat; padding-left:15px; font-weight:bold; padding-top:2px; text-transform:capitalize;} .ticket p a {font-weight:bold;} /* ticket pages texts */ ul.ticket label {display:inline;} /* ticket resume */ ul.ticket li.message {border:1px solid #CCC; padding:5px; display:block;} /* display previous messages in tickets */ div.info a.back {margin-bottom:15px;} .ticket fieldset ul li label {margin-top:15px;} /* ticket pages fieldsets label */ .lost_password fieldset label {margin-top:15px;} /* -------------------------------------------------------------- =newsletter pages * NEWSLETTER PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #newsletter #login-wrapper fieldset label {margin-top:15px;} /* newsletter registration labels */ #newsletter #login-wrapper fieldset div h4 {margin-top:15px; font-weight:bold;} /* newsletter format type choose */ #newsletter #login-wrapper fieldset div label {display:inline;} /* newsletter format type choose */ #newsletter #login-wrapper fieldset div input { display:inline;} /* newsletter format type choose */ /* -------------------------------------------------------------- =login pages * LOGIN PAGE specific elements styles and positioning. -------------------------------------------------------------- */ #login fieldset label {margin-top:15px;} /* fieldset labels in login page */ #login fieldset a {font-size:9px; text-decoration:underline; font-weight:normal;} #login a {text-transform:capitalize; font-weight:bold;} /* -------------------------------------------------------------- =address book page * ADDRESS BOOK specific elements styles and positioning. -------------------------------------------------------------- */ #address-book ul.add-book-intro {width:580px !important;} #address-book .add-book-intro li{display:block; display:list-item; list-style-type:disc;} #address-book .add-book-intro a{ color:#76b900; text-decoration:none; background-image:none; padding-left:0; font-weight:bold; } #address-book .add-book-intro a:hover { color:#007229; text-decoration:underline; background-image:none; padding-left:0; } /*=snippets*/ .prSnippetLink, .prSnippetTitle{display:none;} .prSnippetTitle{display:none !important;} .prSnippetNumberOfRatingsText{float:none; display:block !important; font-size:12px !important; overflow:auto;padding:0 !important; margin:0 !important;} .prSnippetEngine{margin:0; padding:0;padding-top:1px !important;} .prSnippetRatingUnclickable{width:250px; padding:0;margin:0;margin-top:10px;}