#html {margin: 0px; padding: 0px; height: auto; width: auto; font-family: Tahoma, sans-serif; font-size: 12px; border: 0px; color: #000000;}
body {margin: 0px; padding: 0px; height: auto; width: auto; min-width: 1057px; font-family: Tahoma, sans-serif; font-size: 12px; border: 0px; color: #000000;}
html {background: #000000;
}
body {background: none;}
div,th,td,p,input,select,textarea,tt,button {font-family: Tahoma, sans-serif; color: #000000; font-size: 12px;}
ul {margin: 0px; padding: 0px;}
h1,h2,h3 {margin: 0px; padding: 0px; text-decoration: none;}
hr { height: 1px; border: 0; background: #eee}
h30 {
margin: 0 30px 10px;
color: #B51A00;
font-weight: bold;
font-size: 14px;
padding: 0;
border: 0 none;
}
h1 { font-size: 16px; margin: 0 0 0 0 }
h2 { font-size: 14px }
h3 { font-size: 12px }
h10 { font-size: 12px;
color: #B51A00;
margin-left: 100px;
}
h11 { font-size: 16px;
font-weight: bold;
margin: 10px 0 0 5px }
h12 { font-size: 14px;
font-weight: bold;
margin: 10px 0 0 5px }
h12-2 { font-size: 12px;
font-weight: bold;
color: #B51A00;
margin: 10px 0 0 5px }
h13 { font-size: 14px;
font-weight: bold;
color: #DF0101}
h14 { font-size: 12pt;
text-align: center}
h4 {
}
h3 {
margin: 0 0 10px;
color: #fb9e25;
font-weight: bold;
font-size: 11px;
padding: 0;
border: 0 none;
border-bottom: 1px solid #eee;
}
h4 {}
.popup-in-layeruo-container h2 { margin: 10px 0 20px 0}
p,form,table {margin: 0px; padding: 0px;}
img {border: 0px; vertical-align: middle;}
a:link,
a:active,
a:visited {color: #4f4f51; text-decoration: none; }
a:hover {color: #f7a11a; text-decoration: underline;}
.clearboth, .clearing {height: 0px; font-size: 0px; line-height: 0px; clear: both; width: auto; white-space: nowrap;}
.container {position: relative; height: 100%; width: 1057px; margin: 0px auto;}
#colmask {position: relative; clear: both; float: left; width: 100%; overflow: hidden; background: #ffffff;}
#colmid {float: left; width: 200%; position: relative; left: 262px; background: #ffffff;}
#colright {float: left; width: 100%; position: relative; left: 50%; margin-left: -524px; background: #ffffff;}
#col1wrap {float: right; width: 50%; position: relative; right: 100%;}
#col1pad {margin: 0px 0px 0px 524px; overflow: visible;}
#col1 {width: 100%; overflow: visible;}
#col2 {float: left; width: 262px; position: relative; margin-left: -50%; left: 262px;}
#col3 {float: left; width: 262px; position: relative; left: 0px;}
.colpadding {padding: 0px 0px 1px 0px;}
#col1 .colpadding {padding: 0px 3px 1px 0px;}
#header {position: relative; float: left; width: 100%; height: 176px; overflow: visible; clear: both; background: #000000 url(../images/header-gradient.png) top repeat-x;}
#footer {clear: both; float: left; width: 100%; height: 57px; color: #ffffff; margin: 0px; padding: 0px; background: #000000 url(../images/footer-bg.png) top repeat-x;}
.one_cols #colmid {left: 0px; background: #ffffff;}
.one_cols #colright {margin-left: 0px;}
.one_cols #col2 {display: none;}
.one_cols #col1pad {margin: 0 10px 0 20px;}
.two_cols #colright {margin-left: -262px;}
.two_cols #col1wrap {background: none;}
.two_cols #col1pad {margin: 0px 0px 0px 262px;}
.two_cols #col2 {left: 0px;}
.two_cols #col3 {display: none;}
.two_cols #col1 .colpadding {padding: 0px 0px 1px 3px;}
#header #header-top {position: relative; width: auto; height: 129px; overflow: hidden; clear: both; border: 1px solid #000000; border-width: 0px 1px;}
#header #header-bottom {position: relative; float: left; width: 100%; height: 47px; overflow: visible; clear: both;}
#header #logo {position: absolute; width: 600px; height: 130px; left: 23px; top: 7px;}
#header-links {position: relative; width: auto; text-align: right; margin-right: 170px; margin-top: 18px;}
#header-links a:link,
#header-links a:active,
#header-links a:visited {margin: 0px 14px; color: #ffffff; text-decoration: none;}
#header-links a:hover {color: #f7a11a; text-decoration: none;}
#header #phone {position: absolute; width: 258px; height: 26px; right: 47px; top: 60px;}
#header-cart {position: absolute; right: 0px; top: 0px; width: 145px; height: 55px; color: #757676; font-size: 12px; padding: 13px 5px 0px 0px;}
#header-cart img {vertical-align: middle; border: 0px;}
#header_search {position: relative; text-align: right; float: right; clear: none; width: 360px; padding: 0px 0px;}
#header_search table {float: right;}
#header_search input {vertical-align: middle;}
#header_search #search-button {vertical-align: middle; border: 0px; width: 46px; height: 35px; overflow: hidden;}
#header_search .text {color: #ffffff; border: 0px; background: #505050; padding: 0px 10px; height: 35px; width: 290px; font: normal 12px/35px Tahoma, sans-serif;}
#topmenu {position: relative; list-style: none; list-style-position: outside; height: 47px; width: auto; float: left; margin: 0px; clear: none; text-align: center; color: #ffffff; font: bold 12px/47px Tahoma, sans-serif; background: url(../images/topmenu.png) bottom repeat-x; text-transform: uppercase; border: 1px solid #333333; border-width: 0px 1px; overflow: visible;}
#topmenu li {position: relative; padding: 0px; margin: 0px; width: auto; height: 100%; float: left;}
#topmenu li a:link,
#topmenu li a:active,
#topmenu li a:visited {position: relative; display: block; float: left; width: auto; text-decoration: none; padding: 0px 0px 0px 12px; margin: 0px; text-align: center; color: #ffffff; font: bold 12px/47px Tahoma, sans-serif; background: url(../images/topmenu.png) bottom repeat-x; cursor: pointer;}
#topmenu li a:hover,
#topmenu li.hover a:link,
#topmenu li.hover a:active,
#topmenu li.hover a:visited,
#topmenu li.hover a:hover {text-decoration: none; background: url(../images/topmenu.png) left top no-repeat; cursor: pointer;}
#topmenu li a:link span,
#topmenu li a:active span,
#topmenu li a:visited span {position: relative; display: block; float: left; width: auto; padding: 0px 17px 0px 0px; background: none; cursor: pointer;}
#topmenu li a:hover span,
#topmenu li.hover a:link span,
#topmenu li.hover a:active span,
#topmenu li.hover a:visited span,
#topmenu li.hover a:hover span {display: block; float: left; width: auto; padding: 0px 17px 0px 0px; background: url(../images/topmenu.png) right top no-repeat; cursor: pointer;}
#topmenu li.hover .submenu {display: block;}
#topmenu .submenu {display: none; position: absolute; left: 0px; top: 47px; right: 0px; list-style: none; list-style-position: outside; height: auto; width: auto; padding: 7px 15px; margin: 0px; color: #171718; font: bold 11px Tahoma, sans-serif; background: #efefef; text-transform: none; border: 1px solid #fabf77; text-align: left; z-index: 1000;}
#topmenu .submenu li {padding: 0px; margin: 5px 0px; width: auto; height: auto; float: none;}
#topmenu .submenu li a:link,
#topmenu .submenu li a:active,
#topmenu .submenu li a:visited {display: inline; float: none; width: auto; text-decoration: none; padding: 0px 0px 0px 10px; margin: 0px; color: #171718; font: bold 11px Tahoma, sans-serif; background: url(../images/marker-sub.png) center left no-repeat; cursor: default;}
#topmenu .submenu li a:hover {text-decoration: underline; cursor: default;}
#main-banner {position: relative; z-index: 1; float: left; width: 100%; height: 200px; background: #ffffff; padding-bottom: 0px; overflow: visible; clear: both;}
#main-banner #car-left {position: absolute; left: -160px; top: 0px; width: 160px; height: 200px;}
#main-banner #car-right {position: absolute; right: -180px; top: 0px; width: 180px; height: 200px;}
#main-banner img {position: relative; z-index: -1;}
#speedbar {position: relative; overflow: hidden; clear: both; min-height: 33px; height: 33px; width: auto; padding-left: 17px; padding-right: 17px; margin: 0px; font: bold 14px/33px Tahoma, sans-serif; color: #ffffff; text-align: left; background: #040404 url(../images/gradient1.png) top repeat-x; border-right: 1px solid #000000;}
.breadcrumbs {color: #4b4b4d; font-size: 11px; text-align: left; padding: 4px;}
.breadcrumbs a:link,
.breadcrumbs a:active,
.breadcrumbs a:visited {color: #4b4b4d; text-decoration: none; font-size: 11px;}
.breadcrumbs a:hover {color: #4b4b4d; text-decoration: underline;}
.box {position: relative; overflow: hidden; height: auto; width: auto; margin-bottom: 10px;}
.box-title {position: relative; height: 32px; width: auto; padding-left: 17px; padding-right: 17px; margin: 0px; font: bold 14px/32px Tahoma, sans-serif; color: #ffffff; text-align: left; background: #474748 url(../images/gradient3.png) top repeat-x; text-transform: uppercase;}
.box-title a {color: #ffffff; text-decoration: none}
.box-content {position: relative; height: auto; width: auto; background: none; padding: 8px 8px;}
.nav-title {position: relative; height: 33px; width: auto; padding-left: 17px; padding-right: 17px; margin: 0px; font: bold 14px/33px Tahoma, sans-serif; color: #ffffff; text-align: left; background: #040404 url(../images/gradient1.png) top repeat-x; text-transform: uppercase; border: 1px solid #000000; border-width: 0px 1px;}
.box ul.nav_list {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; color: #4f4f51; font: normal 12px/normal Tahoma, sans-serif; text-align: left; background: #c4c4c4;}
.box ul.nav_list li {padding: 0px; margin: 0px; width: auto; border-bottom: 0}
.box ul.nav_list li a:link,
.box ul.nav_list li a:visited,
.box ul.nav_list li a:active {display: block; padding: 8px 5px 7px 19px; width: auto; color: #4f4f51; text-decoration: none; background: #c4c4c4; border-bottom: 1px solid #f8f8f8; text-transform: uppercase;}
.box ul.nav_list li a:hover {color: #4f4f51; text-decoration: none; background: #d9d9d9;}
.box ul.num_list {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; color: #4f4f51; font: normal 12px/normal Tahoma, sans-serif; text-align: left;}
.box ul.num_list li {padding: 8px 5px 7px 19px; margin: 0px; width: auto; background: #e8e8e8; border-bottom: 1px solid #f8f8f8;}
.box ul.num_list li a:link,
.box ul.num_list li a:visited,
.box ul.num_list li a:active {margin: 0px; height: auto; width: auto; color: #4f4f51; text-decoration: none;}
.box ul.num_list li a:hover {color: #f7a11a; text-decoration: none;}
.box ul {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; color: #4f4f51; font: normal 12px/normal Tahoma, sans-serif; text-align: left;}
.box ul li {padding: 8px 5px 7px 19px; margin: 0px; width: auto; background: #e8e8e8; border-bottom: 1px solid #f8f8f8;}
.box ul li a:link,
.box ul li a:visited,
.box ul li a:active {margin: 0px; height: auto; width: auto; color: #4f4f51; text-decoration: none;}
.box ul li a:hover {color: #f7a11a; text-decoration: none;}
#footer-content {margin: 0px; padding: 10px 0px 0px; height: auto; text-align: center;}
.copyright {color: #ffffff; font-size: 12px; text-align: center; color: #ffffff;}
.designed {color: #828282; font-size: 12px; text-align: center; padding: 4px;}
.designed a:link,
.designed a:active,
.designed a:visited {color: #828282; text-decoration: none;}
.designed a:hover {color: #828282; text-decoration: underline;}
#col1 p {margin: 10px 7px;}
#col1 h4 {margin: 10px 7px; color: #000000; font: bold 14px Tahoma, sans-serif;}
.fbox {position: relative; width: auto; height: auto; margin-bottom: 10px; margin-top: 5px; }
.fbox .fbox-title {position: relative; height: 33px; width: auto; margin: 0px; padding: 0px 18px; font: bold 14px/33px Tahoma, sans-serif; color: #ffffff; text-align: left; background: #1e1e20 url(../images/gradient2.png) top repeat-x; text-transform: uppercase;}
.fbox .fbox-content {position: relative; width: auto; height: 100%; background: #ffffff; padding: 8px; margin: 0px;}
.fbox .fbox-product {position: relative; width: auto; height: 100%; background: #ffffff; padding-top: 8px; margin: 0px;}
.button-orange {position: relative; font-size: 0px; outline: none; display: block; border: 0px; padding: 0px; margin: 0px; white-space: nowrap; height: 17px; width: auto; background: none; vertical-align: middle; overflow: hidden; text-align: center;}
.button-orange .button_left {height: 15px; width: auto; float: left; padding: 0px 0px 0px 10px; background: url(../images/button-orange.png) no-repeat left top;}
.button-orange .button_right {height: 15px; width: auto; float: left; padding: 0px 10px 0px 0px; color: #ffffff; background: url(../images/button-orange.png) no-repeat right top; font: bold 11px/14px Tahoma, sans-serif; cursor: default; text-decoration: none;}
.ftable {position: relative; table-layout: fixed; border-collapse: separate; border-spacing: 0px; width: 100%; border: 0px;}
.ftable td {border-right: 1px solid #d9d9d9;}
.ftable td.sep {width: 25px; border: 0px;}
.ftable tr.sep td {height: 25px; border: 0px;}
.item-title {font: bold 14px/normal Tahoma, sans-serif; color: #252527; padding: 0px 5px; vertical-align: top; text-align: center; text-transform: uppercase }
.item-title a:link,
.item-title a:active,
.item-title a:visited {color: #252527; text-decoration: none;}
.item-title a:hover {color: #252527; text-decoration: underline;}
.part-number {text-align: center; padding: 0px; text-align: center; color: #8c8d8d; font-size: 11px;}
.item-image {overflow: hidden; text-align: center; padding: 5px 5px;}
.item-image img {border: 0px; display: block; margin: 0px auto;}
.item-price {text-align: center; padding: 0px 5px; text-align: center; color: #c4c4c4; font-size: 11px; text-decoration: line-through; font-weight: normal }
.our-price {text-align: center; padding: 0px 5px; text-align: center; color: #fb9e25; font-size: 12px; font-weight: bold;}
.our-price div.priceblock { float: left; text-align: left; padding-top: 10px; color: #fb9e25; font-size: 18px; font-weight: bold;}
.our-price div.priceblock .price-save { font-size: 11px; color: #252525 }
.app-box { border: 1px solid #d9d9d9; border-right: 0; border-bottom: 0; cursor: pointer; overflow: hidden }
.app-header { background: url(../images/app-header-bg.png) repeat-x; height: 28px; border-bottom: 1px solid #d9d9d9; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 27px; font-size: 11px }
.app-content { background: #e1e1e1 url(../images/app-box-bg.png) repeat-x; height: 60px; color: #252525; font-size: 11px; line-height: 19px; padding-top: 8px; padding-bottom: 8px; }
.app-box:hover .app-content, .app-content:hover { background: #ff4a32 url(../images/app-box-hover-bg.png) repeat-x; }
.descr .app-box { border: 1px solid #d9d9d9; text-align: center; margin-top: 10px; cursor: auto }
.descr .app-header, .descr .app-content { padding-left: 10px; padding-right: 10px }
.descr .app-content { height: auto }
.descr .app-box:hover .app-content, .descr .app-content:hover { background: #e1e1e1 url(../images/app-box-bg.png) repeat-x; cursor: auto }
.item-buttons {position: relative; border-bottom: 1px solid #d9d9d9;}
.item-buttons div {position: relative; height: 15px;}
.details-button {position: absolute; right: -7px; bottom: -7px; width: 54px; height: 55px;}
#customer_notes { width: 97% }
.ftable .creviews-vote-bar {
width: 112px;
left: 50%;
margin: auto;
}
.sku {
margin-top: 0px;
font-size: 11px;
font-weight: normal;
color: #8c8d8d;
}
.ftable .market-price {
color: #c4c4c4;
font-weight: normal;
font-size: 11px;
}
.ftable .price-save {
font-weight: normal;
color: #666;
}
.per-page-selector {
float: right;
display: none;
}
.printable { min-width: 100px; background: #fff; margin: 20px }
.printable #page-container { width: 100% }
.printable #center-main { margin: 0; }
.one_cols #topmenu {
margin-bottom: 10px;
}
.sitemap_section {
list-style: none;
margin-left: 10px;
}
.menu-rviewed-section .box-menucontent,
.menu-news .box-menucontent {
padding: 10px 5px 5px 15px;
background: #e8e8e8;
}
#header-cart div.minicart {
font-size: 11px;
padding: 0px;
color: #fff;
float: right;
}
#header-cart div.menu-minicart {
float: right;
padding-right: 15px;
}
#header-cart div.minicart table tr td {
color: #fff;
}
#header-cart div.minicart a span.currency {
color: #aaa !important;
}
.languages {
position: absolute;
width: 300px;
top: 100px;
right: 45px;
text-align: right;
color: #666;
}
.languages label select {
margin-left: 5px
}
.subcats-tbl {
border-collapse: collapse;
width: 100%;
}
.subcats-tbl td {
border: 1px solid #d9d9d9;
text-align: center;
vertical-align: top;
height: 160px;
overflow: hidden;
}
.subcats-tbl td.cathover {
}
.subcats-tbl .item-total {
font-size: 11px;
color: #8b8b8b;
}
.subcats-tbl td div.sub-cat-inner {
border: 1px solid #fff;
height: 100%;
padding: 10px 5px;
}
.subcats-tbl td.cathover div.sub-cat-inner {
border-top: 1px solid #f7f7f7;
border-right: 1px solid #838383;
border-bottom: 1px solid #848484;
border-left: 1px solid #f7f9f8;
background: #d8d8d8;
}
.fbox-title span.sub-title {
color: #c0c0c2;
text-transform: uppercase;
font-size: 11px;
}
ul.simple-list,
ul.simple-list-left
{
list-style: none;
padding: 10px 0 0;
margin: 0;
}
.simple-list-left {
padding-bottom: 14px;
}
.item-left {
float: left;
}
.item-right {
float: right;
}
#freight-notice {
display: block;
margin: 0;
background: transparent url(../images/oversided_shipping.png) no-repeat left top;
padding: 15px 145px 0 6px;
vertical-align: middle;
white-space: nowrap;
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
font-weight: bold;
font-size: 16px;
height: 49px;
line-height: 21px;
float: left;
}
#freight-notice-free {
font-size: 12pt;
margin-top: 0px;
float: left;
margin-left: 30px;
color: #DF0101;
}
#free-shipping {
float: left;
margin-top: 0px;
}
#pricematch {
float: left;
margin-left: -13px;
margin-top: 14px;
}
/**
* page break
*/
.page-break {
height: 0;
line-height: 0;
margin: 0;
padding: 0;
page-break-after: always;
}
/**
* pointer cursor
*/
.pointer {
cursor: pointer;
}
/**
* overflow wrapper
*/
.overflow {
position: relative;
margin-right: 20px;
padding-bottom: 20px;
overflow: auto;
}
/* display: none */
.hidden {
display: none;
}
label {
vertical-align: bottom;
line-height: 15px;
}
label input {
margin: 0;
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;
}
.plain-box {
display: block;
padding-bottom: 15px;
}
.plain-box .label-title {
display: block;
}
.default-value {
color: #aaa;
}
.underline {
text-decoration: underline;
}
.dotted {
text-decoration: none !important;
border-bottom: 1px dotted #888;
}
.toggle-link {
background: transparent url(../images/arrow_down.png) no-repeat right 8px;
padding-right: 15px;
}
.cursor-hover:hover {
border: solid 1px #1a478f !important;
}
/**
* Form elements styles
*/
input[type=text],
input[type=password],
select,
textarea,
.input-style
{
border: solid 1px #bbb;
background: #fff;
}
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus
{
border: solid 1px #999;
}
/**
* Common styles
*/
.error-message {
color: #fb9e25;
}
select.err,
input.err,
textarea.err
{
border: solid 1px #fb9e25;
background-color: #f7f3f3;
}
div.error-message {
margin: 0 0 15px;
}
.form-text {
color: #112536;
font-weight: bold;
}
.black-text {
color: #000;
}
a.list-item:link,
.list-item a:link
{
color: #fb9e25;
text-decoration: none;
}
a.list-item:visited,
.list-item a:visited
{
color: #fb9e25;
text-decoration: none;
}
a.list-item:hover,
.list-item a:hover
{
color: #fb9e25;
text-decoration: underline;
}
a.list-item:active,
.list-item a:active
{
color: #fb9e25;
text-decoration: none;
}
tr.head-row th {
background: #ccc none;
font-weight: bold;
}
tr.highlight td,
tr.highlight th,
li.highlight
{
}
tr.center-row th {
text-align: center;
}
div.ajax-popup-error-message {
padding: 0 5px;
margin: 10px 0;
display: none;
}
div.ajax-popup-error-message span {
float: left;
margin: 0 10px 0 3px;
}
/**
* Currency
*/
.currency {
white-space: nowrap;
}
input.datepicker-formatted {
border: solid 1px #bbb;
margin-right: 5px;
}
input.datepicker-formatted[disabled] {
background: #fff;
color: #bbb;
}
/**
* zipcode
*/
input.zipcode {
width: 100px;
}
input.zip4 {
width: 60px;
}
/**
* password validation
*/
span.validate-mark {
margin: 0;
padding: 0;
vertical-align: middle;
}
span.validate-mark img {
width: 15px;
height: 15px;
margin-left: 3px;
}
span.validate-matched img {
background: transparent url(../images/icon_ok.png) no-repeat left top;
}
span.validate-non-matched img {
background: transparent url(../images/icon_nok.png) no-repeat left top;
}
/*==============================================================================
layout styles
==============================================================================*/
/**
* Right-to-left
*/
.rtl {
direction: rtl;
}
.printable-bar a {
background: transparent url(../images/printer.gif) no-repeat right top;
padding: 2px 20px 2px 0;
color: #818891;
font-size: 10px;
line-height: 25px;
}
div.printable-bar {
width: 130px;
}
/*==============================================================================
widgets
==============================================================================*/
/**
* location bar
*/
#location {
min-height: 25px;
line-height: 25px;
margin-bottom: 10px;
font-size: 11px;
color: #818891;
}
font.bread-crumb {
font-size: 11px;
color: #818891;
}
a.bread-crumb {
font-size: 11px;
color: #818891;
text-decoration: underline;
}
a.bread-crumb:hover {
text-decoration: none;
}
font.last-bread-crumb {
text-decoration: none;
}
#location span {
padding: 0 5px;
}
/**
* Dialog message container
*/
#dialog-message {
margin: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
width: 350px;
z-index: 1000;
}
#dialog-message .box {
position: relative;
border: 1px solid #000;
border-top: 3px solid #000;
padding: 10px 25px 10px 59px;
vertical-align: middle;
text-align: left;
min-height: 32px;
}
#dialog-message a.close-link {
display: block;
position: absolute;
top: 5px;
right: 5px;
width: 13px;
height: 13px;
text-decoration: none;
}
#dialog-message .close-img {
width: 13px;
height: 13px;
background: transparent url(../images/but_cross.gif) no-repeat left top;
}
#dialog-message .message-i {
color: #112536;
border-color: #7a97c1;
background: #f4f5f7 url(../images/icon_info.gif) no-repeat 10px 10px;
}
#dialog-message .message-w {
color: #3e3104;
border-color: #c3902f;
background: #f8f7f3 url(../images/icon_warning.gif) no-repeat 10px 10px;
}
#dialog-message .message-e {
color: #590a0a;
border-color: #d30000;
background: #f7f3f3 url(../images/icon_error.gif) no-repeat 10px 10px;
}
#dialog-message .anchor {
position: relative;
margin-left: auto;
margin-right: 0;
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: #1a2b3c;
}
/**
* Form fill error
*/
.fill-error label {
color: #ce0000;
}
.fill-error input[type=text],
.fill-error input[type=password],
.fill-error select,
.fill-error textarea
{
border: solid 1px #ce0000;
background-color: #ffebeb;
}
div.error-label {
color: #ce0000;
font-size: 9px !important;
display: none;
}
.fill-error div.error-label {
display: block;
}
/**
* Inline message
*/
.inline-message {
height: 16px;
line-height: 16px;
vertical-align: middle;
padding: 1px 1px 15px;
margin: 0;
}
.inline-message img.icon-w {
vertical-align: top;
width: 18px;
height: 18px;
background: transparent url(../images/icon_warning_small.gif) no-repeat;
}
.cart-message {
padding: 5px 5px 5px 35px;
text-align: left;
min-height: 20px;
color: #4f6280;
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.cart-message-w {
background: #efefef 5px 5px url(../images/icon_warning_small.gif) no-repeat;
}
.cart-message div.close-link {
float: right;
width: 25px;
height: 13px;
text-align: right;
cursor: pointer;
background: transparent url(../images/but_cross.gif) no-repeat right top;
}
/**
* side bar container
*/
.menu-dialog {
border: 1px solid #eee;
margin-bottom: 15px;
}
.menu-dialog .title-bar {
width: 100%;
background: #9ec6de url(../images/menu_bg.gif) repeat-x left top;
border: 0 none;
border-bottom: #215485 1px solid;
height: 27px;
overflow: hidden;
}
.menu-dialog .title-bar img.icon {
vertical-align: middle;
margin: 4px 7px 6px;
width: 17px;
height: 17px;
}
.menu-dialog .title-bar h2 {
font-size: 12px;
color: #fff;
font-weight: bold;
line-height: 27px;
height: 27px;
margin: 0;
padding: 0;
width: auto;
display: inline;
white-space: nowrap;
}
.menu-dialog .link-title span.title-link {
float: right;
padding: 8px 7px 8px 0;
}
.menu-dialog .link-title a.title-link {
text-decoration: none;
outline-style: none;
}
.menu-dialog .link-title .title-link img {
width: 7px;
height: 11px;
background: transparent url(../images/menu_arrow.gif) no-repeat left center;
}
.menu-dialog .content {
border: 0;
background-color: #fff;
padding: 8px 10px;
overflow: hidden;
}
.menu-dialog .content a {
color: #324c76;
}
.menu-dialog .content a:hover {
color: #fb9e25;
}
.menu-dialog ul {
list-style: none;
padding: 0;
margin: 0;
}
.menu-dialog ul li {
padding: 0;
vertical-align: middle;
}
.menu-dialog .item {
color: #112536;
font-size: 10px;
}
.menu-dialog ul li a {
font-size: 11px;
text-decoration: none;
}
.menu-dialog ul li a:hover {
text-decoration: underline;
}
.menu-dialog hr {
background-color: #aaa;
}
.menu-dialog .login-text ul li {
padding: 1px 0;
}
/**
* Dialog container
*/
.dialog {
border: 1px solid #bad2c1;
padding: 0;
margin: 0 0 30px;
page-break-inside: avoid;
}
.dialog .title {
position: relative;
font-weight: bold;
font-size: 14px;
background: transparent url(../images/dialog_bg.gif) repeat-x top left;
border: 0 none;
vertical-align: middle;
height: 25px;
line-height: 30px;
margin: 0;
padding: 5px 0 0 18px;
text-align: left;
border-bottom: 1px solid #bad2c1;
overflow: hidden;
}
.dialog .content {
border: 0 none;
background: transparent none;
text-align: left;
padding: 10px 10px 25px;
color: #58595b;
}
.list-dialog .title h2 {
width: 60%;
}
.list-dialog .title div.sort-box {
height: 30px;
position: absolute;
top: 0;
right: 0;
width: 50%;
overflow: hidden;
}
.list-dialog .title div.sort-box .search-sort-bar {
padding: 0;
margin: 2px 0;
}
.list-dialog .title div.sort-box .search-sort-title,
.list-dialog .title div.sort-box .search-sort-cell
{
padding-right: 10px;
}
/**
* Dialog with "noborder" class parameter
*/
.noborder {
border: 0 none;
}
.noborder .content {
padding: 0;
}
/**********************************
* Buttons
**********************************/
/**
* button-based
*/
button.button {
border: 0 none;
background-color: transparent;
cursor: pointer;
height: 23px;
margin: 0;
padding: 1px;
vertical-align: top;
overflow: visible;
outline-style: none;
}
button.button .button-right {
display: block;
background: transparent url(../images/but_right.png) no-repeat right top;
padding: 0 10px 0 0;
height: 21px;
}
button.button .button-left {
display: block;
margin: 0;
background: transparent url(../images/but_left.png) no-repeat left top;
padding: 0 5px 0 15px;
vertical-align: middle;
white-space: nowrap;
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
font-weight: bold;
font-size: 11px;
height: 22px;
line-height: 21px;
}
/**
* div-based
*/
div.button {
border: 0 none;
background: transparent none;
cursor: pointer;
margin: 0;
padding: 0 10px 0 0;
white-space: nowrap;
background: transparent url(../images/but_right.png) no-repeat right top;
float: left;
}
div.button div,
div.button a
{
display: block;
background: transparent url(../images/but_left.png) no-repeat left top;
padding: 0 5px 0 15px;
line-height: 21px;
white-space: nowrap;
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
outline-style: none;
}
/**
* button-based link
*/
button.simple-button {
border: 0 none;
background-color: transparent;
cursor: pointer;
height: 15px;
margin: 3px 0 0;
padding: 0;
white-space: nowrap;
color: #fb9e25;
font-size: 11px;
font-weight: bold;
line-height: 15px;
vertical-align: middle;
outline-style: none;
}
button.simple-button span {
text-decoration: underline;
}
button.simple-button img {
display: none;
}
/**
* a-based link
*/
a.simple-button {
font-size: 11px;
white-space: nowrap;
color: #fb9e25;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 21px;
vertical-align: bottom;
text-decoration: underline;
outline-style: none;
}
a.simple-button:hover {
color: #fb9e25;
}
/**
* input-image-based
*/
input.image-button {
margin: 0;
padding: 0;
margin-bottom: 2px;
border: 0 none;
width: 19px;
height: 18px;
background: transparent url(../images/go.gif) no-repeat left top;
vertical-align: middle;
}
/**
* a-image-based
*/
a.image-button {
text-decoration: none;
}
a.image-button img {
margin: 0;
padding: 0;
margin-bottom: 2px;
border: 0 none;
width: 19px;
height: 18px;
background: transparent url(../images/go.gif) no-repeat left top;
vertical-align: middle;
}
/*********************************
* Buttons alternative styles
*********************************/
/**
* Highlighted button
*/
button.main-button .button-right {
background: transparent url(../images/but_main_right.png) no-repeat right top;
}
button.main-button .button-left {
background: transparent url(../images/but_main_left.png) no-repeat left top;
color: #fff;
}
button.add-to-cart-button2,
button.add-to-wl-button,
button.checkout-button,
button.continue-button,
button.details-button2,
button.details-button3
{
height: 32px !important;
}
button.add-to-cart-button2 .button-right {
background: transparent url(../images/but-cart-right.png) no-repeat right top !important;
padding-right: 19px;
height: 30px;
}
button.add-to-cart-button2 .button-left {
background: transparent url(../images/but-cart-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 48px;
font-size: 12px;
margin-left: 10px;
}
.detailsblock { float: right; margin-top: 12px; padding-bottom: 10px }
button.details-button3:hover .button-right {
background: transparent url(../images/but-cart-right.png) no-repeat right top !important;
padding-right: 19px;
height: 30px;
}
button.details-button3:hover .button-left {
background: transparent url(../images/but-details-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 32px;
font-size: 12px;
}
button.details-button3 .button-right {
background: transparent url(../images/but-details-gray-right.png) no-repeat right top !important;
padding-right: 19px;
height: 30px;
}
button.details-button3 .button-left {
background: transparent url(../images/but-details-gray-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 32px;
font-size: 12px;
}
button.add-to-wl-button .button-right {
background: transparent url(../images/but-wish-right.png) no-repeat right top !important;
padding-right: 19px;
height: 30px;
}
button.add-to-wl-button .button-left {
background: transparent url(../images/but-wish-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 42px;
font-size: 12px;
}
button.continue-sh .button-right {
background: transparent url(../images/but-continue-right.png) no-repeat right top !important;
padding-right: 19px;
height: 30px;
}
button.continue-sh .button-left {
background: transparent url(../images/but-wish-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 44px;
font-size: 12px;
height: 30px;
}
div.main-button {
background: transparent url(../images/but_main_right.png) no-repeat right top;
}
div.main-button div,
div.main-button a
{
background: transparent url(../images/but_main_left.png) no-repeat left top;
color: #fff;
}
button.simple-main-button,
a.simple-main-button
{
color: #800;
}
/**
* Light button
*/
button.light-button {
padding-right: 10px;
}
button.light-button .button-right {
background: transparent url(../images/but_light_right.gif) no-repeat right top;
padding: 0 2px 0 0;
}
button.light-button .button-left {
background: transparent url(../images/but_light_left.gif) no-repeat left top;
padding: 0 10px 0 15px;
color: #898989;
font-size: 11px;
}
div.light-button {
padding: 0 5px 0 0;
background: transparent url(../images/but_light_right.gif) no-repeat right top;
}
div.light-button div,
div.light-button a
{
background: transparent url(../images/but_light_left.gif) no-repeat left top;
padding: 0 5px 0 11px;
color: #898989;
font-size: 11px;
}
/**
* Delete cart item button
*/
a.simple-delete-button {
color: #800;
background: transparent url(../images/delete_cross.gif) no-repeat left 4px;
padding-left: 22px;
padding-bottom: 6px;
}
a.simple-estimate-button {
color: #800;
background: transparent url(../images/estimate.gif) no-repeat left 0px;
padding-left: 22px;
padding-bottom: 8px;
}
/**
* Delete button w/o icon
*/
a.simple-delete-button-woicon {
color: #800;
}
/**
* Add to list... button
*/
div.drop-out-button {
padding: 0 23px 0 0;
background: transparent url(../images/but_right_dropout.png) no-repeat right top;
}
div.drop-out-button div,
div.drop-out-button a
{
background: transparent url(../images/but_left.png) no-repeat left top;
padding-right: 10px;
}
div.dropout-container {
position: absolute;
padding: 0;
margin: 0;
border: 0 none;
}
div.dropout-wrapper {
float: left;
position: relative;
z-index: 1;
margin: 0;
}
div.dropout-box {
border: solid 1px #adb6c6;
background-color: #fff;
padding: 5px 0;
margin-top: 26px;
position: absolute;
display: none;
}
div.dropout-wrapper ul {
margin: 0;
padding: 0;
}
div.dropout-wrapper ul li {
list-style-position: outside;
list-style-type: none;
padding: 5px 15px;
float: left;
}
div.dropout-wrapper ul li .button {
float: left;
position: relative;
}
div.dropout-wrapper .button {
float: none;
position: absolute;
margin-right: 0;
margin-top: 2px;
}
/**
* Menu button
*/
button.menu-button {
height: 22px;
}
button.menu-button .button-right {
background: transparent url(../images/but_menu_right.png) no-repeat right top;
padding-right: 7px;
height: 20px;
}
button.menu-button .button-left {
background: transparent url(../images/but_menu_left.png) no-repeat left top;
height: 20px;
padding: 0 1px 0 8px;
color: #deedf7;
font-size: 10px;
height: 21px;
line-height: 20px;
}
div.menu-button {
background: transparent url(../images/but_menu_right.png) no-repeat right top;
padding-right: 7px;
}
div.menu-button div,
div.menu-button a
{
background: transparent url(../images/but_menu_left.png) no-repeat left top;
padding: 0 1px 0 8px;
line-height: 20px;
color: #deedf7 !important;
font-size: 10px;
}
/**
* Add2Cart AJAX-based
*/
button.do-add2cart-wait,
button.do-add2cart-success,
button.do-add2cart-error
{
cursor: default;
}
button.do-add2cart-wait .button-right,
button.do-add2cart-success .button-right,
button.do-add2cart-error .button-right
{
background: transparent url(../images/but_light_right.gif) no-repeat right top;
padding: 0 5px 0 0;
}
button.do-add2cart-wait .button-left,
button.do-add2cart-success .button-left,
button.do-add2cart-error .button-left
{
background: transparent url(../images/but_light_left.gif) no-repeat left top;
padding: 0 10px 0 15px;
color: #898989;
font-size: 11px;
}
button.do-add2cart-wait .button-left .progress {
display: block;
background: transparent url(../images/progress.gif) repeat-x left 5px;
}
/**
* button(s) containers
*/
.button-row,
.button-row-right
{
margin-top: 20px;
padding: 0;
height: 23px;
line-height: 23px;
}
.buttons-row .button,
.buttons-row button.simple-button,
.buttons-row a.simple-button
{
float: left;
}
.buttons-row-right .button,
.buttons-row-right button.simple-button,
.buttons-row-right a.simple-button,
.button-row-right .button,
.button-row-right button.simple-button,
.button-row-right a.simple-button
{
float: right;
}
.buttons-row-right-box {
float: right;
}
.buttons-row-right,
.buttons-row
{
margin: 5px 0 0;
height: 23px;
}
.buttons-row .button-separator {
float: left;
width: 20px;
height: 22px;
}
.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: 0;
padding-top: 15px;
}
.buttons-auto-separator .button,
.buttons-auto-separator button.simple-button,
.buttons-auto-separator a.simple-button
{
margin-right: 20px;
}
.buttons-auto-separator-close
{
padding-top: 8px;
}
.buttons-auto-separator-close .button
{
margin-right: -16px;
margin-bottom: 10px;
}
.button-up {
position: relative;
margin-top: -23px;
width: 30%;
}
/**
* popup help link
*/
a.popup-link {
text-decoration: none;
}
a.popup-link img {
vertical-align: bottom;
width: 20px;
height: 18px;
background: transparent url(../images/question_button.gif) no-repeat left top;
margin-bottom: 1px;
}
/**
* cart page
*/
.shipping-method a {
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
.shipping-method a:hover {
text-decoration: none;
}
.shipping-method label {
display: block;
vertical-align: middle;
}
.shipping-warning {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
.estimator-container {
width: 40%;
}
/**
* Gift wrapping
*/
.giftwrapping-cart {
text-align: left;
padding: 10px 0;
}
.giftwrap-option {
padding: 5px 0 5px 5px;
}
.giftwrap-message-label {
padding: 5px 0;
}
.giftwrap-message-text textarea {
width: 300px;
height: 80px;
}
.giftwrap-cart-note {
margin-left: 15px;
color: #b51800;
}
.invoice-total-name span {
font-weight: normal;
}
.cart-total-row .total-name a {
font-weight: normal;
}
.invoice-giftwrap-notes {
padding-top: 30px;
}
.invoice-giftwrap-notes p {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.invoice-giftwrap-notes div {
border: 1px solid #cecfce;
height: 50px;
overflow: hidden;
padding: 5px;
}
/**
* Images preview
*/
.images-preview-bg {
background: transparent url(../images/grey.png) repeat left top;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.images-preview {
position: absolute;
top: 50px;
right: 50px;
bottom: 50px;
left: 50px;
background: #fff none;
border: 5px solid #e3e3e3;
overflow: hidden;
min-width: 700px;
min-height: 500px;
z-index: 4000;
}
.images-preview .wait {
position: absolute;
top: 30px;
right: 0;
bottom: 30px;
left: 0;
background: #fff url(../images/loading.gif) no-repeat center center;
z-index: 1500;
}
.images-preview a.close {
position: absolute;
top: 9px;
right: 11px;
background: transparent url(../images/close_images_preview.gif) no-repeat left center;
padding-left: 12px;
padding-bottom: 2px;
font-size: 11px;
color: #4e4e4e;
text-decoration: none;
outline-style: none;
text-transform: lowercase;
}
.images-preview .list-box {
margin: 50px 50px 0;
padding: 0;
text-align: center;
position: relative;
border: 1px solid #fff;
}
.images-preview a.arrow {
position: absolute;
display: block;
width: 13px;
height: 13px;
outline-style: none;
cursor: pointer;
}
.images-preview a.hidden {
display: none;
}
.images-preview a.left {
left: 0;
background: transparent url(../images/arrow_left.gif) no-repeat left center;
}
.images-preview a.right {
right: 0;
background: transparent url(../images/arrow_right.gif) no-repeat right center;
}
.images-preview a.left-disabled {
background: transparent url(../images/arrow_left_disabled.gif) no-repeat left center;
cursor: auto;
}
.images-preview a.right-disabled {
background: transparent url(../images/arrow_right_disabled.gif) no-repeat 6px center;
cursor: auto;
}
.images-preview div.list-subbox {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
text-align: center;
}
.images-preview ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
position: absolute;
}
.images-preview ul li {
display: block;
padding: 0;
margin: 0 12px;
border: 1px solid #fff;
background: transparent none;
text-align: center;
vertical-align: middle;
float: left;
cursor: pointer;
}
.images-preview ul li.over,
.images-preview ul li:hover
{
border: 1px solid #ccc;
}
.images-preview ul li.selected {
border: 1px solid #215485;
}
.images-preview ul li img {
display: inline;
text-align: center;
vertical-align: middle;
}
.images-preview ul li.loading {
background-image: url(../images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview ul li.loading img {
display: none;
}
.images-preview .box {
position: relative;
margin: 50px;
vertical-align: middle;
text-align: center;
background: transparent none;
}
.images-preview .box.loading {
background-image: url(../images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.images-preview .box img {
cursor: pointer;
vertical-align: middle;
text-align: center;
}
/**
* Data table
*/
.data-table td {
padding: 4px 1px;
line-height: 21px;
vertical-align: top;
}
.data-table.light-table td {
line-height: 16px;
padding: 3px;
}
.data-table td.data-name {
vertical-align: top;
color: #112536;
padding-right: 5px;
}
.data-table td.data-required,
td.data-required
{
color: #800;
}
.data-table td.data-required {
padding-right: 4px;
text-align: center;
width: 5px;
}
.data-table .error-message {
color: #800;
vertical-align: middle;
}
.data-table div.error-message {
margin: 0;
}
.data-table tr.head-row th {
padding-left: 5px;
padding-right: 5px;
}
.data-table tr th.data-checkbox-column {
width: 10px;
}
.data-table tr .data-right-column {
text-align: right;
}
.data-table tr .data-width-100 {
width: 100%;
}
.data-table tr td.data-name label {
line-height: 21px;
vertical-align: top;
}
span.star {
padding-left: 5px;
color: #800;
}
/**
* Search sort bar
*/
.search-sort-bar {
vertical-align: middle;
line-height: 12px;
height: 12px;
padding-right: 0px;
white-space: nowrap;
margin: 5px 0 0px;
text-align: right;
}
.search-sort-title {
padding-right: 20px;
}
.search-sort-cell {
padding-right: 10px;
}
a.search-sort-link {
text-decoration: underline;
}
.search-sort-bar img,
.search-sort-bar-float img
{
width: 9px;
height: 9px;
margin-right: 5px;
}
.search-sort-bar a.up-direction {
font-weight: bold;
padding-left: 14px;
background: transparent url(../images/uarrow.gif) no-repeat left 3px;
}
.search-sort-bar a.down-direction {
font-weight: bold;
padding-left: 14px;
background: transparent url(../images/darrow.gif) no-repeat left 3px;
}
/**
* Expandable section
*/
.expand-section {
height: 16px;
margin: 20px 0;
vertical-align: middle;
line-height: 16px;
}
.expand-section img {
width: 11px;
height: 11px;
vertical-align: middle;
margin: 2px 5px 3px 0;
}
.expand-section img.plus {
background: transparent url(../images/plus.gif) no-repeat left top;
}
.expand-section img.minus {
background: transparent url(../images/minus.gif) no-repeat left top;
}
.expand-section a {
font-weight: bold;
text-decoration: underline;
}
/**
* Pagination mechanism
*/
.item-center {
text-align: center;
}
.nav-pages {
white-space: nowrap;
vertical-align: bottom;
padding: 0;
margin: 0;
margin-bottom: 22px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 23px;
}
.nav-pages-title {
padding-right: 10px;
}
.nav-pages img {
width: 10px;
height: 20px;
}
.nav-pages a {
text-align: center;
text-decoration: underline;
color: #f99d18;
text-decoration: none;
border: 1px solid #fff;
text-shadow: 0px 1px 1px rgba(200, 200, 200, 1);
padding: 0px 9px;
}
.nav-pages a:hover {
background: #ececec;
border: 1px solid #d9d9d9;
border-radius: 2px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.nav-pages .left-arrow, .nav-pages .right-arrow {
padding: 0 10px;
border: 1px solid #eee;
background: #fbfbfb;
border-radius: 2px;
}
.nav-pages .left-arrow img {
background: transparent url(../images/nav-left.png) no-repeat 0px 0px;
}
.nav-pages .right-arrow img {
background: transparent url(../images/nav-right.png) no-repeat 2px 0px;
}
.nav-pages .current-page {
color: #545454;
border: 1px solid #d9d9d9;
border-radius: 2px;
text-shadow: 0px 1px 1px rgba(200, 200, 200, 1);
padding: 0px 9px;
}
.nav-pages .right-delimiter {
margin-right: 4px;
}
/**
* Subheader styles
*/
h3.grey {
color: #666;
font-size: 11px;
border-bottom: 1px solid #ccc;
}
h3.black {
color: #010101;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #000;
}
h3.red {
border-bottom: 1px solid #bad2c1;
}
h3.separator {
margin-top: 30px;
}
/**
* 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
*/
.noscript-warning {
position: absolute;
top: 10px;
padding: 10px;
left: 25%;
right: 25%;
margin: 0;
overflow: hidden;
border: 5px solid #ddd;
background: #fff none;
}
.noscript-warning .content {
background: transparent url(../images/icon_warning.gif) no-repeat left top;
font-weight: bold;
padding-left: 37px;
min-height: 32px;
line-height: 16px;
}
/**
* Webmaster mode
*/
.lbl {
display: inline !important;
color: green !important;
font-weight: 700 !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.section {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
/**
* BlockUI plugin (screen overlay)
*/
.blockMsg {
padding: 0;
margin: 0;
min-width: 200px;
top: 40%;
text-align: center;
color: #000;
border: 3px solid #aaa;
background-color: #fff;
cursor: wait;
}
.blockUI span.waiting {
padding: 3px;
background: #fbfbfb url(../images/loading.gif) no-repeat;
color: #617683;
display: inline-block;
font-size: 18px;
margin: 8px 5px;
padding: 5px 0 5px 45px;
}
.ui-dialog .blockOverlay {
background: #fff !important;
opacity: 1 !important;
filter:Alpha(Opacity=100);
}
.ui-dialog .blockMsg {
border: 0 none !important;
}
/*==============================================================================
Side-bar styles
==============================================================================*/
/**
* categories list
*/
.menu-categories-list img.icon {
background: transparent url(../images/dingbats_categorie.gif) no-repeat left top;
}
.menu-categories-list ul li {
padding: 4px 0 5px 20px;
background: transparent url(../images/category_bullet.gif) no-repeat 8px 5px;
}
.menu-categories-list ul li a {
font-size: 12px;
}
/**
* Special menu
*/
.menu-special img.icon {
background-image: url(../images/dingbats_categorie.gif);
}
/**
* Help menu
*/
.menu-help img.icon {
background-image: url(../images/dingbats_help.gif);
}
/**
* Minicart
*/
.menu-minicart .title-bar {
background-image: url(../images/menu_bg_light.gif);
}
.menu-minicart .title-bar h2 {
color: #666;
}
.menu-minicart img.icon {
background: url(../images/dingbats_orders.gif) no-repeat;
}
.full-mini-cart .title-bar img.icon {
background: transparent url(../images/cart_full.gif) no-repeat left top;
width: 18px;
height: 13px;
}
div.minicart {
font-size: 11px;
padding-left: 15px;
padding-top: 5px;
}
div.minicart img {
width: 19px;
height: 16px;
}
div.minicart .empty {
line-height: 18px;
color: #999;
}
div.minicart table {
margin: 0 0 0 1px;
}
div.minicart table tr td {
font-size: 11px;
padding: 1px;
}
hr.minicart {
clear: both;
margin: 5px 0;
padding: 0;
height: 0;
}
/**
* AJAX-based minicart
*/
.ajax-minicart .title-bar {
position: relative;
overflow: visible;
}
#content-container .ajax-minicart img.minicart-button {
background: transparent url(../images/cart_button.gif) no-repeat left top;
width: 38px;
height: 21px;
cursor: pointer;
position: relative;
overflow: hidden;
margin-top: 2px;
margin-bottom: 4px;
z-index: 100;
}
#content-container .ajax-minicart img.minicart-button-show {
background-position: left -21px;
}
.minicart-box {
display: none;
position: absolute;
left: auto;
right: 0;
top: 23px;
width: 250px;
padding: 10px 10px 10px 5px;
border: 1px solid #99a4ad;
background: #fff none;
white-space: normal;
z-index: 2500;
font-weight: normal;
}
.minicart-box .progress {
background: transparent url(../images/progress.gif) repeat-x left top;
height: 11px;
}
.minicart-box hr {
margin-left: 5px;
}
.minicart-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.minicart-box ul li {
position: relative;
margin: 0;
padding: 6px 15px 6px 5px;
overflow: hidden;
white-space: normal;
line-height: normal;
}
.minicart-box ul li a.delete {
padding-left: 10px;
}
.minicart-box ul li a.delete img {
background: transparent url(../images/delete_cross.gif) no-repeat left top;
width: 9px;
height: 9px;
}
.minicart-box ul li a {
text-decoration: underline;
white-space: normal !important;
}
.minicart-box .price-row {
margin-top: 4px;
}
.minicart-box input.quantity {
width: 35px;
}
.minicart-box .buttons-row {
margin-top: 5px;
margin-left: 5px;
height: 30px;
}
.minicart-box .buttons-row .light-button div,
.minicart-box .buttons-row .light-button a,
.minicart-box .buttons-row .light-button .button-left
{
font-size: 10px;
font-weight: normal;
}
.minicart-box ul.menu li.view-cart-link a,
.minicart-box ul.menu li.checkout-link a
{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.minicart-box li.checkout-popup-link {
overflow: visible;
padding-left: 0;
padding-top: 2px;
padding-bottom: 2px;
}
.minicart-box .checkout-popup-link a.link:link,
.minicart-box .checkout-popup-link a.link:visited,
.minicart-box .checkout-popup-link a.link:hover,
.minicart-box .checkout-popup-link a.link:active
{
text-decoration: none;
}
.minicart-box .checkout-popup-link a.link {
border: 1px solid #fff;
outline-style: none;
z-index: 1000;
background-color: #fff;
padding: 4px 0 4px 5px;
position: relative;
outline-style: none;
}
.minicart-box .checkout-popup-link a.show {
border-top: 1px solid #99a4ad;
border-left: 1px solid #99a4ad;
border-right: 1px solid #99a4ad;
border-bottom: 1px solid #fff;
padding-right: 5px;
}
.minicart-box .checkout-popup-link .link span {
border-bottom: 1px dashed #fb9e25;
cursor: pointer;
}
.minicart-box .checkout-popup-link a.link img {
background: transparent url(../images/checkout_arrow.gif) no-repeat right top;
width: 9px;
height: 7px;
cursor: pointer;
}
.minicart-box .checkout-popup-link div.buttons-box {
position: absolute;
border: 1px solid #99a4ad;
background: #fff none;
left: 0;
top: 19px;
display: none;
padding: 10px;
}
.minicart-box .minicart-checkout-button {
background: transparent url(../images/but_flc_arrow_right.png) no-repeat right top;
padding-right: 31px;
}
.minicart-box .minicart-checkout-button a:link,
.minicart-box .minicart-checkout-button a:hover,
.minicart-box .minicart-checkout-button a:visited,
.minicart-box .minicart-checkout-button a:active
{
background: transparent url(../images/but_flc_main_left.png) no-repeat;
line-height: 29px;
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
float: left;
}
.minicart-box .gcheckout-cart-buttons a img {
width: inherit;
height: inherit;
background: transparent none;
}
.minicart-box .paypal-cart-button,
.minicart-box .paypal-cart-button p,
.minicart-box .gcheckout-cart-buttons,
.minicart-box .gcheckout-cart-buttons p
{
text-align: left;
}
.minicart-box .paypal-cart-button div,
.minicart-box .gcheckout-cart-buttons div
{
text-align: left;
margin: 0;
}
iframe.minicart-bg {
position: absolute;
display: none;
width: 250px;
border: 0 none;
background: #fff none;
}
iframe.minicart-checkout-bg {
position: absolute;
display: none;
border: 0 none;
background: #fff none;
}
.help-link {
border-bottom: 1px dashed #000;
cursor: help;
text-decoration: none !important;
}
/**
* Tooltip
*/
#tooltip {
position: absolute;
border: 1px solid #000;
padding: 5px;
background: #fff none;
top: 0;
left: 0;
text-align: left;
max-width: 300px;
z-index: 10000;
}
#tooltip h3,
#tooltip div
{
margin: 0;
}
/**
* auth box
*/
.menu-auth img.icon {
background: url(../images/dingbats_authentification.gif) no-repeat;
}
.menu-auth input {
width: 120px;
}
.login-buttons {
margin: 3px 0 5px;
}
.login-buttons .button {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.menu-dialog .recovery {
clear: both;
margin-bottom: 2px;
}
.menu-dialog .recovery a {
text-decoration: underline;
font-size: 10px;
}
.menu-dialog .left {
text-align: left;
}
.menu-dialog .login-text {
vertical-align: top;
}
.small-note,
.small-link
{
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
.small {
font-weight: normal;
font-size: 10px;
}
.small-link:hover {
text-decoration: underline;
}
/**
* news box styles
*/
.menu-news img.icon {
background: url(../images/dingbats_news.gif) no-repeat;
}
.menu-dialog .subscribe {
margin-top: 8px;
}
.menu-dialog a.prev-news {
text-decoration: underline;
}
/**
* interneka menu
*/
.menu-interneka img.icon {
background: url(../images/dingbats_affiliates.gif) no-repeat;
}
/**
* Popup-dialog
*/
div.popup-dialog {
text-align: left;
min-width: 300px;
}
/*============================================================================
page-specific styles
==============================================================================*/
/**
* category page
*/
.category-description {
margin-bottom: 15px;
}
.current-category-icon {
padding: 0;
height: 100%;
vertical-align: top;
}
.current-category-icon img {
margin: 5px;
}
ul.subcategories {
list-style: none;
margin: 0;
padding: 0 0 15px;
}
ul.subcategories li {
margin: 0 0 10px;
text-align: left;
}
ul.subcategories a {
text-decoration: underline;
font-weight: bold;
}
span.subcategories {
display: inline-block;
vertical-align: top;
margin: 0 10px;
text-align: center;
padding-bottom: 0;
overflow: hidden;
}
.subcategory-image {
float: left;
margin: 0 10px 10px 0;
}
.subcategory-descr {
width: auto;
padding: 0;
margin-bottom: 20px;
margin-left: 5px;
}
/**
* Product details page
*/
.product-details {
position: relative;
margin-bottom: 20px;
}
.product-details .image {
text-align: center;
vertical-align: top;
padding: 0;
float: left;
margin: 5px 0px 5px 0px;
}
.product-details .image .image-box {
margin: 0 auto;
padding: 0;
}
.product-details .details {
padding-left: 0px;
padding-bottom: 0px;
border-left: 1px solid #d9d9d9;
}
.product-details .details .descr {
vertical-align: top;
padding-right: 10px;
padding-left: 10px;
}
.product-details .details .save-percent-container {
margin-left: 10px;
width: 57px;
height: 57px;
}
.product-details .details .save {
float: left;
width: 57px;
height: 29px;
padding-top: 30px;
padding-left: 3px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: center;
background: transparent url(../images/save_money.gif) no-repeat left top;
}
.product-details .saver {
font-weight: bold;
}
.product-details .product-subtitle {
padding: 23px 0 10px;
}
.product-details .product-subtitle div {
color: #fb9e25;
font-weight: bold;
font-size: 12px;
border: 0 none;
border-bottom: 1px solid #000000;
padding-left: 20px;
}
.product-details .message {
color: #fb9e25;
}
.product-details .warning-message {
color: red;
}
.product-details .customer-message {
color: #fb9e25;
font-weight: bold;
}
.product-details .quantity-row td {
padding-top: 15px;
padding-left: 0px;
}
.product-details .button-row {
margin-top: 15px;
}
#product-tabs-container {
margin-bottom: 30px;
}
.product-details .ask-question {
margin-top: 0px;
float: left;
}
/**
* Product properties table
*/
table.product-price-box {
width: 100%;
margin: 0 !important;
}
table.product-properties {
width: 100%;
margin: 0 !important;
}
table.product-properties tr td {
padding: 2px;
vertical-align: top;
}
table.product-properties .property-name {
width: 25%;
padding-left: 10px;
}
table.product-properties .property-value {
width: 75%;
}
table.product-price-box .property-name {
width: 25%;
}
table.product-price-box .property-value {
width: 75%;
}
table.product-properties .product-price {
color: #010101;
font-weight: bold;
font-size: 12px;
}
table.product-properties .product-price-value {
color: #B40404;
font-weight: bold;
font-size: 12px;
font-family: verdana;
white-space: nowrap;
}
table.product-properties .product-market-price {
color: #787878;
padding-left: 5px;
font-size: 12px;
font-family: verdana;
white-space: nowrap;
font-weight: bold;
}
table.product-properties .product-taxed-price {
color: #383838;
white-space: nowrap;
font-weight: normal;
vertical-align: bottom;
}
table.product-properties .product-input {
height: 25px;
padding-right: 10px;
}
table.product-properties .product-min-amount,
table.product-properties .product-one-quantity
{
font-size: 14px;
}
table.product-properties .separator td {
height: 18px;
}
/**
* Send 2 friend section
*/
input.send2friend {
width: 300px;
}
textarea.send2friend {
width: 400px;
}
#send_message_box {
margin-top: 10px;
}
/*********************************
* Products list
*********************************/
/**
* Common styles
*/
.products {
margin-bottom: 15px;
margin-top: 30px;
}
.products .image {
text-align: center;
vertical-align: top;
white-space: nowrap;
}
.products a.see-details {
display: block;
text-align: center;
text-decoration: underline;
}
.products .product-title,
.product-details .product-title
{
font-weight: bold;
font-size: 15px;
color: #252527;
}
.products .descr {
padding: 15px 0 0;
margin: 0;
}
.products .sku {
margin-top: 15px;
}
.products .price-row {
margin: 0;
padding: 0;
text-align: left;
}_
.products .market-price-value {
background: transparent url(../images/spacer_black.gif) repeat-x left 8px;
}
.products .price {
font-weight: bold;
font-size: 12px;
}
.products .price-value {
font-weight: bold;
font-size: 12px;
color: #fb9e25;
}
.products .price-save {
padding: 0;
margin: 0;
color: #fb9e25;
}
.products .taxes {
padding: 2px 2px 2px 30px;
}
.products .buy-now {
margin: 10px 0 0;
}
.products .buy-now .quantity {
height: 30px;
white-space: nowrap;
vertical-align: middle;
}
.products .buy-now .quantity-empty {
height: 45px;
}
.products .buy-now .quantity-title {
width: 75px;
padding-right: 16px;
}
.products .buy-now .quantity select {
vertical-align: middle;
}
.products .buy-now .out-of-stock {
white-space: nowrap;
font-weight: bold;
}
.products .buy-now .prices {
height: 15px;
vertical-align: middle;
}
.products .product-details-title {
color: #fb9e25;
font-weight: bold;
font-size: 12px;
}
.products .product-price-text {
color: #010101;
font-weight: bold;
font-size: 12px;
}
.quantity-text {
color: #818891;
padding-left: 3px;
}
/**
* List as list
*/
.products-list .item {
position: relative;
margin: 0 0 45px;
}
.products-list .image {
float: left;
position: relative;
padding: 3px 20px 3px 10px;
margin-right: auto;
}
.products-list .details {
vertical-align: top;
padding-left: 30px;
border: 0 none;
}
.products-list .details hr {
margin: 5px 5px 5px 0;
}
.products-list .buy-now .center,
.products-list .buy-now .halign-center
{
margin-left: 0;
text-align: left;
}
/**
* List as multicolumn table
*/
.products-table .product-cell {
background: #fff none;
padding: 0;
vertical-align: top;
}
.products-table .first.products-row td.product-cell {
padding-top: 0;
}
.products-table td.product-cell-price {
padding-top: 2px;
}
.products-table td.product-cell-buynow {
padding-top: 6px;
vertical-align: bottom;
}
.products-table td.product-cell-buynow .button-row {
text-align: left;
margin: 9px 0 5px;
}
.products-table td.product-cell-buynow .quantity-empty {
height: auto;
}
.products-table .image {
padding: 0;
margin: 5px 0;
text-align: left;
}
.products-table a.see-details {
text-align: left;
display: inline;
}
.products-table .sku {
margin-top: 5px;
}
.products-table .product-title
{
font-size: 14px;
text-transform: uppercase;
}
.products-table .buttons-row,
.products-table .button-row
{
margin: 0;
}
.products-table .buttons-row button,
.products-table .button-row button
{
float: none;
}
.products-table .buy-now {
margin-top: 5px;
}
.products-table .buy-now .quantity-title {
width: auto;
padding-right: 5px;
}
.products-table tr.separator td {
padding: 0;
height: 60px;
}
/**
* Advanced search page
*/
.adv-search table td {
white-space: nowrap;
padding: 3px 5px 3px 0;
}
.adv-search table .data-name {
width: 20%;
vertical-align: top;
color: #112536;
font-weight: bold;
}
.adv-search table .data-input {
white-space: nowrap;
}
.adv-search table .pattern {
padding-bottom: 0;
}
.adv-search table .pattern input,
.adv-search table .pattern select
{
width: 95%;
vertical-align: bottom;
}
.adv-search table .search-button {
width: 25%;
padding: 0;
}
#adv_search_box {
margin-bottom: 15px;
}
.search-again {
position: relative;
margin-top: -17px;
text-align: right;
margin-left: 400px;
padding-right: 5px;
}
.results-found {
position: relative;
width: 400px;
padding-left: 5px;
}
/**
* Register page
*/
.register-note {
color: #000;
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 div {
vertical-align: middle;
padding: 2px 0;
border-bottom: 1px solid #ccc;
}
.register-section-title div * {
vertical-align: middle;
}
.register-sec-minimized div {
border-bottom: 0 none;
}
.register-section-title label {
color: #666;
font-size: 10px;
font-weight: bold;
}
.register-table .register-exp-section label {
border-bottom: 1px dashed #666;
}
table.register-table .register-exp-section {
padding-top: 16px;
padding-bottom: 16px;
}
table.register-table td.data-name {
text-align: right;
font-weight: normal;
width: 30%;
}
/**
* Cart page
*/
.cart {
margin: 0;
}
.cart .item {
margin: 0 0 10px;
}
.cart .item .image {
position: relative;
padding: 0px 8px 3px 0px;
height: 100%;
}
.cart .item .image img {
}
.cart .details {
margin-left: 138px;
vertical-align: top;
width: 80%;
}
.cart .product-title {
font-weight: bold;
font-size: 15px;
color: #252527;
text-transform: uppercase;
text-decoration: underline;
white-space: nowrap;
}
.cart .descr {
padding-bottom: 15px;
}
.cart .poptions-title {
font-weight: bold;
}
.cart .poptions-list {
margin-bottom: 15px;
}
.cart .buttons {
position: relative;
vertical-align: top;
margin-top: 30px;
height: 23px;
}
.cart .buttons .buttons-row {
margin-top: 0;
}
.cart .left-buttons-row {
vertical-align: top;
position: absolute;
top: 0;
left: 0;
}
.cart .right-buttons-row {
position: absolute;
top: 0;
right: 0;
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: 0 0 0 auto;
text-align: right;
}
.shipping-method table td {
font-weight: normal;
text-align: left;
}
.shipping-method tr.selected {
background: #eee none;
}
.totals {
margin: 0 0 0 auto;
text-align: right;
width: 30%;
}
.totals td {
padding: 3px;
}
.totals .total-name {
white-space: nowrap;
color: #112536;
font-weight: bold;
padding-right: 8px;
text-align: left;
}
.totals .total-value {
white-space: nowrap;
color: #fb9e25;
font-weight: bold;
text-align: right;
}
.totals .total-alt-value {
white-space: nowrap;
text-align: right;
}
.totals .total-line {
height: 1px;
}
.totals .total-line img {
background: #000 none;
width: 100%;
height: 1px;
}
.totals .total {
white-space: nowrap;
color: #112536;
font-weight: bold;
padding-right: 8px;
text-transform: uppercase;
text-align: left;
}
.totals .total-taxes {
font-weight: bold;
text-align: right;
}
.totals .total-tax-line {
background-color: #eee;
}
.totals .total-tax-line td {
text-align: right;
white-space: nowrap;
}
.totals .total-tax-name {
padding-right: 8px;
}
.cart hr {
margin-top: 0px;
margin-bottom: 10px;
border-color: #d7d9e4;
}
.cart-content {
margin-bottom: 15px;
}
.cart-content tr td,
.cart-content tr th
{
padding: 1px 3px;
height: 23px;
text-align: left;
vertical-align: top;
}
.cart-content tr td.summary-cell {
text-align: right;
}
.cart-content .cart-column-tax {
text-align: center;
}
.cart-content td.cart-column-price,
.cart-content td.cart-column-total
{
text-align: right;
}
.cart-content .cart-content-text {
color: #fb9e25;
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: 0 none;
}
.checkout-update-button {
float: left;
margin: 0;
}
.order-placed-msg {
margin: 20px 0 10px;
padding: 0;
font-size: 13px;
text-align: center;
}
/**
* Payment wait page
*/
body.payment-wait {
text-align: center;
}
body.payment-wait .payment-wait-title,
body.payment-wait .payment-details-title
{
border-top: 30px solid #d0ddeb;
}
body.payment-wait h1 {
display: block;
padding: 40px 0 0;
border-top: 1px solid #d0ddeb;
margin-top: 1px;
color: #666;
}
body.payment-wait img.payment-wait-image {
background: transparent url(../images/progress.gif) repeat-x;
width: 350px;
height: 11px;
margin-top: 10px;
}
/**
* Help index page
*/
.help-index {
list-style: none;
padding: 0;
margin: 0;
}
.help-index li {
margin: 0;
padding: 10px 0 0;
}
.help-index li.first-item {
padding-top: 0;
}
/**
* Help / cvv2 page
*/
.help-cvv2-images {
float: right;
margin: 15px 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 0;
}
.images-viewer-list {
position: relative;
white-space: nowrap;
}
.images-viewer-list .side-arrow {
position: absolute;
top: 0;
display: block;
width: 10px;
height: 54px;
text-decoration: none;
outline-style: none;
}
.images-viewer-list .left-arrow {
text-align: left;
left: 0;
}
.images-viewer-list .right-arrow {
padding-left: 3px;
text-align: right;
right: 0;
}
.images-viewer-list .side-arrow img {
width: 7px;
height: 100%;
}
.images-viewer-list .left-arrow .enabled {
display: block;
background: transparent url(../images/arrow_left.gif) no-repeat left center;
}
.images-viewer-list .left-arrow .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 {
display: block;
background: transparent url(../images/arrow_right.gif) no-repeat left center;
}
.images-viewer-list .right-arrow .disabled {
display: block;
background: transparent url(../images/arrow_right_disabled.gif) no-repeat left center;
}
.images-viewer-icons {
text-align: left;
padding: 0;
margin: 0 10px;
overflow: hidden;
}
.images-viewer-icons a {
display: block;
padding: 0;
border: 1px solid #fff;
padding: 0;
margin: 0 10px;
float: left;
outline-style: none;
background: #eee none;
text-align: center;
vertical-align: middle;
}
.images-viewer-icons a.selected {
border: 1px solid #215485;
}
.images-viewer-icons a:hover {
border: 1px solid #ccc;
}
.images-viewer-icons img {
margin: 1px;
vertical-align: middle;
border: 0 none;
}
/**
* Order invoice
*/
.order-invoice {
background: #fff none;
}
.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 0 17px;
border-bottom: 2px solid #58595b;
}
.invoice-personal-info {
width: 45%;
margin-bottom: 15px;
}
.invoice-personal-info tr td {
padding: 0;
}
.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: 0;
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: 0;
}
.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 #cecfce;
height: 50px;
overflow: hidden;
padding: 5px;
}
.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: #000 none;
}
.invoice-products tr td,
.invoice-products tr th
{
background: #fff none;
}
.invoice-products tr th {
padding: 3px;
background: #ccc 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;
padding: 0 3px 3px 0;
}
.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: 0;
}
.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: #ccc none;
}
.invoice-totals tr .invoice-total-value-fin {
text-align: right;
height: 25px;
padding-right: 5px;
background: #ccc none;
white-space: nowrap;
}
.invoice-totals tr td.invoice-line {
height: 2px;
}
.invoice-giftcerts {
width: 100%;
}
.invoice-giftcerts tr td {
padding: 0;
}
.invoice-giftcerts tr th {
background: #ccc none;
}
.invoice-giftcerts tr th.invoice-giftcert-id {
width: 60px;
}
.invoice-giftcerts tr td.invoice-giftcert-id {
text-align: center;
}
.invoice-giftcerts tr .invoice-giftcert-cost {
text-align: right;
white-space: nowrap;
padding-right: 5px;
}
/**
* 404 error page
*/
.error-page #header {
height: 87px;
}
.error-page #header .line2 {
height: 20px;
}
.error-page #header .logo {
margin-left: 167px;
}
.error-page #content-container {
margin-top: 87px;
}
.error-page #center-main {
text-align: center;
margin: 0 10px;
}
.error-page #header .line1 .tabs,
.error-page #header .line1 .phones,
.error-page #header .line2 .search,
.error-page #header .line2 .languages,
.error-page #left-bar,
.error-page #right-bar,
.error-page #location
{
display: none;
}
.error-page .subcontainer {
text-align: left;
width: 700px;
margin: 32px auto 0;
position: relative;
clear: both;
}
.error-page .code-number {
font: normal 74px arial,
sans-serif;
color: #d8d8d8;
width: 186px;
float: left;
text-align: center;
}
.error-page .description {
font-family: verdana;
width: 514px;
float: right;
}
.error-page .description h1 {
font-weight: normal;
color: #000;
}
.error-page .description a {
text-decoration: underline;
}
.error-page .description ul {
margin: 0;
padding: 5px 0;
list-style-position: inside;
}
.error-page .reason {
font-weight: bold;
color: #a10000;
}
.error-page .description hr {
margin: 10px 0 15px;
}
.error-page ul.links {
margin: 0;
padding: 5px 0;
list-style: none;
}
/**
* PayPal
*/
.paypal-cart-button {
text-align: right;
height: 65px;
}
.paypal-cart-button div {
width: 200px;
height: 65px;
margin-left: auto;
margin-right: 0;
overflow: visible;
text-align: right;
}
.paypal-cart-button p {
width: 100%;
text-align: right;
margin: 10px 0;
}
.paypal-cart-icon {
float: left;
padding-right: 10px;
}
/**
* 'Note' box
*/
div.note-box {
position: absolute;
border: 1px solid #000;
background-color: #f6f5eb;
margin: 0 0 0 30px;
padding: 3px;
width: 150px;
line-height: 15px;
white-space: normal;
overflow: hidden;
}
/**
* Printable
*/
.printable #content-container {
position: static;
padding: 0;
margin-top: 82px;
}
.printable #content-container2 {
float: none;
position: static;
left: 0;
right: 0;
width: 100%;
}
.printable #center {
float: none;
position: static;
width: 100%;
left: 0;
}
.printable #header {
position: static;
height: 82px;
}
.printable #header .tabs {
display: none;
}
.printable #header .line2 {
display: none;
}
.printable #header .printable {
display: none;
}
.printable #center-main {
margin: 0 10px !important;
position: static;
}
.printable #footer {
position: static !important;
}
.printable #footer .subbox {
background: transparent none;
}
/**
* Buttons
*/
.printable button.button,
.printable div.button,
.printable a.simple-button
{
display: none;
}
/**
* Containers
*/
.printable .dialog .title {
background: transparent none;
}
.title h2 {
margin: 0;
}
.printable .product-details .dropout-wrapper {
height: 150px;
}
/**
* Service styles
*/
.printable .no-print {
display: none;
}
.printable #content-container,
.printable #center-main
{
overflow: visible !important;
}
/**
* Users online sublayout
*/
.uo-container #content-container {
padding-bottom: 74px;
}
.uo-container #footer {
height: 74px;
}
.normal {
font-weight: normal;
}
/**
* Admin preview layout
*/
.admin-preview #header,
.admin-preview #footer,
.admin-preview #left-bar,
.admin-preview #right-bar,
.admin-preview #location,
.admin-preview .offers-short-list,
.admin-preview .creviews-dialog,
.admin-preview .send2friend-dialog
{
display: none;
}
.admin-preview #content-container {
margin: 0;
padding: 0;
}
.admin-preview #center-main {
margin: 5px;
}
/**
* 'Need help' box
*/
.need-help-link {
text-decoration: none !important;
cursor: help;
border: none;
border-bottom: 1px dashed #3c6992 !important;
white-space: nowrap;
color: #3c6992 !important;
}
div.need-help-box,
div.need-help-box div
{
position: relative;
width: 200px;
margin: 0;
padding: 0;
}
div.need-help-box div {
position: absolute;
top: 0;
left: 14px;
border: 1px solid #888;
background: #FFF;
padding: 6px;
white-space: normal;
font-weight: normal;
overflow: hidden;
}
select.adv-search-select {
width: 400px;
}
div.evaluation-notice {
border: solid 4px #c7c5c5;
background: #f7f6f4;
padding: 16px;
color: #666;
margin-bottom: 25px;
}
div.evaluation-notice span.license-warning {
color: #911717;
font-weight: bold;
}
/**
* Language selectors
*/
a.language-code img,
.language-code img.language-code-out
{
padding: 2px;
border: 0 none;
}
strong.language-code img,
.language-code-over
{
padding: 1px !important;
border: solid 1px #fff !important;
}
div.market-price {
margin-top: 4px;
}
div.man-url {
margin-bottom: 6px;
}
/**
* Payment page
*/
#payment-form {
width: 100%;
text-align: left;
}
#payment-form .payment-note {
width: 400px;
}
/**
* Address book
*/
ul.address-container {
text-align: left;
padding: 0;
margin: 0;
}
div.address-bg {
background: transparent url(../images/bg_post.png) repeat top left;
margin: 2px;
padding: 8px;
width: 260px;
}
li.address-box {
display: inline-block;
margin: 0 50px 50px 0;
padding: 0;
border: solid 1px #ddd;
width: 280px;
min-height: 200px;
overflow: hidden;
text-decoration: none;
vertical-align: top;
text-align: left;
list-style: none;
}
.address-main {
padding: 5px 10px;
background: #fff;
min-height: 170px;
}
.address-main a.new-address {
font-size: 22px;
line-height: 36px;
}
.address-main .new-address-label {
padding-top: 40px;
text-align: center;
}
.address-default {
font-weight: bold;
vertical-align: top;
}
.address-default img {
margin-right: 5px;
}
.address-line {
margin: 5px 0;
}
/**
* Popup address selection
*/
.popup-address {
min-width: 780px;
text-align: left;
}
.popup-address .address-box {
margin: 0 25px 25px 0;
padding: 0;
border: solid 1px #ddd;
width: 230px;
float: left;
min-height: 150px;
overflow: hidden;
}
.popup-address .address-current {
border: solid 1px #1a478f;
}
.popup-address .address-main {
min-height: 120px;
}
.popup-address .address-bg {
width: 210px;
}
.popup-address .address-main hr {
margin: 15px 0 30px;
}
.popup-address .address-main .new-address-label {
padding-top: 28px;
}
.popup-address .address-main a.new-address {
line-height: 32px;
}
.popup-address .address-default {
float: right;
}
.per-page-selector {
float: right;
}
.transactions {
border-top: 1px solid #666;
margin-top: 10px;
padding-top: 15px;
}
.delete-icon {
width: 8px;
height: 8px;
background: transparent url(../images/delete_record.gif) no-repeat left top;
}
/**
* Common checkout styles
*/
.checkout-sns-button {
position: absolute;
top: 0;
left: 30px;
height: 100%;
}
.checkout-sns-button img {
width: 9px;
height: 9px;
}
.checkout-top-login {
position: absolute;
top: 0;
right: 10px;
height: 20px;
line-height: 21px;
text-align: right;
width: 50%;
vertical-align: middle;
}
#header .checkout-top-login .simple-button {
margin-bottom: 7px;
}
.checkout-top-login-text {
white-space: nowrap;
padding: 0 10px 0 0;
}
.checkout-login-text {
font-size: 12px;
font-weight: 700;
margin: auto 0;
}
.checkout-login-text a:link,
.checkout-login-text a:visited,
.checkout-login-text a:hover,
.checkout-login-text a:active
{
text-decoration: underline;
}
/* Checkout buttons */
.checkout-buttons .checkout-1-button {
float: right;
}
.checkout-buttons .checkout-3-button,
.checkout-buttons .checkout-2-button
{
margin-left: 0px;
float: right;
}
/**
* Big main button
*/
div.checkout-2-button {
background: transparent url(../images/but_main_right.png) no-repeat right top;
}
div.checkout-2-button div,
div.checkout-2-button a:link,
div.checkout-2-button a:visited,
div.checkout-2-button a:hover,
div.checkout-2-button a:active
{
background: transparent url(../images/but_main_left.png) no-repeat;
line-height: 22px;
color: #fff;
font-weight: 700;
font-size: 11px;
}
/**
* Big button
*/
div.checkout-1-button {
background: transparent url(../images/but-wish-right.png) no-repeat right top !important;
padding-right: 19px;
}
div.checkout-1-button div,
div.checkout-1-button a:link,
div.checkout-1-button a:visited,
div.checkout-1-button a:hover,
div.checkout-1-button a:active
{
background: transparent url(../images/but-continue-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 42px;
font-size: 12px;
}
/**
* Big main with arrow button
*/
div.checkout-buttons div.checkout-3-button {
background: transparent url(../images/but-cart-right.png) no-repeat right top !important;
padding-right: 19px;
}
div.checkout-3-button div,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button a:hover,
div.checkout-3-button a:active
{
background: transparent url(../images/but-checkout-left.png) no-repeat left top !important;
color: #fff;
text-transform: uppercase;
font-style: italic;
padding: 4px 0 6px 56px;
font-size: 12px;
}
ul.simple-list,
ul.simple-list-left
{
list-style: none;
padding: 10px 0 0;
margin: 0;
}
.simple-list-left {
padding-bottom: 14px;
}
.item-left {
float: left;
}
.item-right {
float: right;
}
/**
* jQuery UI tabs layout change
* (remove style definitions below to have default UI tabs look & feel)
*/
.ui-tabs {
padding: 0;
border: 0 none;
}
.ui-tabs .ui-tabs-panel {
border-width: 1px;
}
.ui-tabs .ui-widget-header {
background: transparent none;
border: 0 none;
}
.ui-tabs .ui-tabs-nav {
padding-left: 0;
}
#top-links .ui-widget-content {
height: 1px;
padding: 0;
border-width: 1px 0 0;
}
img.separator {
width: 100%;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
background-color: #eee;
}
/*
Small design fix
*/
.cart .buttons .left-buttons-row.buttons-row button.button {
margin-top: -1px;
}
.simple-products-table tr.separator td {
height: 30px;
padding: 0;
}
.simple-products-table .product-cell {
padding-right: 10px;
}
.simple-products-table td.last {
padding-right: 0px;
}
.thumb{background:no-repeat center;}
.subcat-img-wrap{
min-height:125px;
}
div.opc-authbox{
height: 44px;
}
div.coupon-info input.image-button.rh {
background: url(../images/CLICK_TO_APPLY.png);
width:151px;
height:27px;
}
.xm-menu {
float: left;
}
.mcafee {
position: absolute;
right: 182px;
top: 89px;
}
/* XPC iframe styles */
.xpc-iframe-hidden {
height: 0px;
}
.xpc-iframe-shown {
height: 470px !important;
}
.checkout-form-xpc-shown {
position: relative;
margin-top: -20px;
}
.terms_n_conditions-xpc-shown {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.button-hider {
width: 100%;
height: 70px;
background: #fff;
position: relative;
top: -83px;
opacity: 0.5;
filter: alpha(opacity = 50);
}
.xpc-disabled {
height: 0px !important;
}