/* Global resets */
html {
height:100%;
min-width:1000px;
}
body {
font:.69em Verdana, Arial, Helvetica, sans-serif;
//font-size:12px;
margin:0;
height:100%;
color:#010101;
}
a {
color:#570048;
cursor: pointer;
}
a:hover {
text-decoration:none;
}
a img {
border:0;
}
form {
margin:0;
}
h1,h2,h3 {
font-weight:400;
margin:0 0 10px;
font-size:1em;
}
input,select,textarea {
font-family:inherit;
font-size:inherit;
}
p {
margin:0 0 1em;
}
table {
border-collapse:collapse;
}
table td,table th {
padding:0;
}
ul {
margin:0;
padding:0;
list-style:none;
}
noscript p {
font-size:2em;
text-align:center;
}
/* Wrapper */
#wrapper {
min-height:100%;
background:url(../images/bg_2604.jpg) center top no-repeat;
}
#wrapper2 {
width:1000px;
//width:1135px;
margin:0 auto;
}
/* Header */
#header {
height:198px;
position:relative;
background:url(../images/girl.png) 684px bottom no-repeat;
}
#header .logo {
position:absolute;
top:29px;
left:0;
color:#fff;
width:252px;
height:128px;
font:5.45em Arial, Helvetica, sans-serif;
text-align:center;
line-height:.55em;
text-shadow:1px 1px 2px #fc2adb;
}
#header .logo a {
display:block;
width:252px;
height:128px;
background:url(../images/logo.png) no-repeat;
position:absolute;
top:0;
left:0;
}
#header .logo .d {
display:block;
font:.2em Verdana, Arial, Helvetica, sans-serif;
position:absolute;
top:-27px;
left:0;
line-height:normal;
}
#header .logo .s {
display:block;
font-size:.3em;
}
#header .phone {
position:absolute;
color:#fff;
font-size:2.36em;
background-repeat:no-repeat;
background-position:0 5px;
left:660px;
top:47px;
padding-left:52px;
}
/* Navigation */
#nav {
font:italic 1.45em Georgia, "Times New Roman", Times, serif;
position:absolute;
left:268px;
top:16px;
text-align:center;
}
#nav li {
display:inline-block;
margin-right:13px;
}
#nav a {
text-decoration:none;
color:#7b0040;
display:block;
margin-right:-9px;
padding:0 9px;
background-position:right -19px;
min-width:70px;
}
#nav li.active {
background-position:0 -38px;
}
#nav .active a {
background-position:right -57px;
color:#fff;
}
#nav li:hover {
background-position:0 -38px;
}
#nav li:hover a {
background-position:right -57px;
color:#fff;
}
/* Top */
#top {
height:46px;
padding-bottom:10px;
background-repeat:no-repeat;
background-position:center bottom;
position:relative;
}
/* Basket */
#cart_status {
float:left;
margin-left:20px;
margin-top:-12px;
font:1.09em Arial, Helvetica, sans-serif;
width:240px;
}
#cart_status a {
display:block;
background:url(../images/sprite.jpg) no-repeat;
text-decoration:none;
color:#000;
min-height:45px;
padding-left:45px;
}
#cart_status a span {
display:block;
font-weight:700;
font-style:italic;
color:#7f0073;
}
/* Authorization */
#cAuth {
float:right;
width:192px;
font:1.18em Arial, Helvetica, sans-serif;
padding-left:38px;
min-height:37px;
background:url(../images/sprite.jpg) 0 -138px no-repeat;
}
#cAuth a {
color:#880062;
}
/* Sorting */
#sort {
font:italic 1.27em Georgia, 'Times New Roman', Times, serif;
color:#000;
margin:0 240px 0 260px;
padding-top:15px;
}
#sort a {
color:#000;
padding-right:11px;
background:url(../images/sprite.jpg) -80px -500px no-repeat;
margin-left: 8px;
}
#sort a.desc {
background:url(../images/sprite.jpg) -91px -500px no-repeat;
margin-left: 1px;
}
/* Content */
#main {
overflow:hidden;
}
#left {
width:266px;
float:left;
padding-top:10px;
}
#left h2 {
font:bold italic 1.27em Georgia, 'Times New Roman', Times, serif;
}
#right {
margin-left:295px;
padding-top:5px;
overflow: hidden;
zoom: 1;
width: 705px;
//width: 735px;
}
#right h2 {
font:italic 1.82em Georgia, 'Times New Roman', Times, serif;
padding-left:24px;
background:url(../images/sprite.jpg) left -271px no-repeat;
margin-bottom:28px;
}
/* Catalogue */
#catalogue {
font:italic 1.27em Georgia, 'Times New Roman', Times, serif;
background-repeat:no-repeat;
background-position:16px bottom;
padding-bottom:25px;
margin-bottom:20px;
}
#catalogue li {
margin-bottom:12px;
}
#catalogue li li {
margin:0;
}
#catalogue a {
background:url(../images/sprite.jpg) 1px -390px no-repeat;
color:#ff6700;
text-decoration:none;
display:block;
padding:0 0 2px 20px;
}
#catalogue .i2 > a {
color:#3d1fea;
}
#catalogue .i3 > a {
color:#00c4c4;
}
#catalogue .i4 > a {
color:#ff00c0;
}
#catalogue ul ul {
margin-left:35px;
}
#catalogue ul ul a {
color:#8a0077;
text-decoration:underline;
padding:0;
background:none;
}
#catalogue ul ul a:hover {
text-decoration:none;
}
/* Footer */
#footer {
height:50px;
margin-top:30px;
}
/* Search */
#search {
padding-left:20px;
margin-bottom:20px;
}
#search h2 {
color:#247e00;
margin-bottom:6px;
}
#search .text {
border:1px solid;
font:1.18em Arial, Helvetica, sans-serif;
padding:3px;
width:184px;
margin:0 4px 0 0;
vertical-align:top;
}
#search .submit {
border:0;
background:url(../images/sprite.jpg) 0 -615px no-repeat;
width:28px;
height:28px;
cursor:pointer;
position:relative;
top:-1px;
vertical-align:top;
}
/* Discount */
#discount {
width:172px;
height:122px;
background:url(../images/discount.png) no-repeat;
padding:57px 72px 0 22px;
//padding:37px 72px 20px 22px;
text-align:center;
font:italic 1.09em Georgia, 'Times New Roman', Times, serif;
//font-size:12px;
color:#ec1c24;
margin-bottom:20px;
}
#discount span{//font-size:12px;}
#discount em span span span{//font-size:2px;}
/* Manufacturers */
#manufacturers {
padding:0 0 30px 20px;
background-repeat:no-repeat;
background-position:16px bottom;
margin-bottom:20px;
}
#manufacturers h2 {
color:#ec1d25;
}
#manufacturers ul {
font:italic 1.27em Georgia, 'Times New Roman', Times, serif;
margin-left:15px;
}
#manufacturers a {
color:#8a0077;
}
/* Favourite articles */
#fArticles {
padding:0 0 35px 20px;
margin-bottom:20px;
background-repeat:no-repeat;
background-position:16px bottom;
}
#fArticles ul {
font:italic 1.27em Georgia, 'Times New Roman', Times, serif;
margin-left:15px;
}
#fArticles h2 {
color:#7e0071;
}
#fArticles a {
color:#8a0077;
}
/* Left column block */
#left .block {
padding-left:20px;
margin-bottom:20px;
}
/* Product list */
.prodList {
margin-bottom:5px;
}
.prodList ul {
margin-left:-20px;
}
.prodList li {
display:inline-block;
width:219px;
margin:0 0 30px 20px;
vertical-align:top;
//float:left;
}
.subcategories li{float:none;}
.grid li{//height:390px; _height:420px;}
.prodList img {
display:block;
}
.prodList li a {
display:block;
font-size:1.09em;
}
.prodList .price {
font:bold 1.09em Verdana, Arial, Helvetica, sans-serif;
color:#570048;
margin-top:7px;
}
.prodList h1 {
margin-bottom:20px;
font:italic 1.82em Georgia, 'Times New Roman', Times, serif;
color:#570048;
padding-left:25px;
background:url(../images/sprite.jpg) 0 -271px no-repeat;
}
.prodList .title h1 {
padding:0;
margin:0;
background:none;
font-size:1em;
display:inline;
}
.ulList {
margin-bottom:100px;
}
.puttocart {
display:block;
width:26px;
height:19px;
position:relative;
top:18px;
left:129px;
background:url(../images/sprite.jpg) 0 -743px no-repeat;
margin-bottom:-5px;
}
.prodList .descr {
margin-bottom:20px;
}
.sep {
height:7px;
background-repeat:no-repeat;
background-position:center top;
margin-bottom:20px;
}
/* Articles & news */
.artnews {
margin-bottom:30px;
}
.artnews ul {
margin-left:-20px;
}
.artnews li {
display:inline-block;
width:219px;
margin:0 0 15px 20px;
vertical-align:top;
}
.artnews .t {
color:#560047;
display:block;
font-weight:700;
}
.artnews li a {
color:#010101;
font-size:.9em;
}
.artnews .more {
color:#570048;
font-size:1.09em;
}
/* Product */
.productI h1 {
display:inline;
}
.productI .title,.prodList .title {
margin-bottom:20px;
font:italic 1.82em Georgia, 'Times New Roman', Times, serif;
color:#570048;
padding-left:25px;
background:url(../images/sprite.jpg) 0 -271px no-repeat;
}
.productI .titleD {
color:#570048;
margin-bottom:10px;
}
.productI .contP {
margin-bottom:100px;
overflow:hidden;
}
.productI .left {
float:left;
}
.productI a img {
display:block;
border:1px solid #000;
}
.productI .left a img {
margin-bottom:15px;
}
.productI .right {
margin-left:177px;
}
.productI .price {
color:#570048;
font-size:1.09em;
font-weight:700;
margin-bottom:10px;
}
.productI .tocart {
font-size:1.09em;
}
.productI .gallery {
margin-top:20px;
}
.productI .gallery li {
display:inline-block;
margin-right:3px;
}
/* Manufacturers */
#manufact {
margin-bottom:100px;
}
#manufact h1 {
margin-bottom:20px;
font:italic 1.82em Georgia, 'Times New Roman', Times, serif;
color:#570048;
padding-left:25px;
background:url(../images/sprite.jpg) 0 -271px no-repeat;
}
#manufact ul img {
display:block;
margin:0 auto;
}
#manufact li {
display:inline-block;
font:italic 1.27em Georgia, 'Times New Roman', Times, serif;
width:150px;
margin-left:22px;
text-align:center;
vertical-align:top;
}
#manufact li span {
display:block;
min-height:34px;
text-decoration:underline;
}
#manufact li:hover span {
text-decoration:none;
}
#manufact li a {
color:#8a0077;
}
/* Гуна добавочные стили */
#sign_io {
padding:11px 3px 0 0;
position:relative;
}
#sign_io a,#sign_io a:visited,#sign_io a:hover,#sign_io a:active {
padding:0 4px;
}
#sign_io a.text-button,#sign_io a.text-button:visited,#sign_io a.text-button:hover,#sign_io a.text-button:active {
padding:0 8px 0 2px;
margin:0;
}
#login {
position:absolute;
border:1px solid #fff;
z-index:14;
width:292px;
top:24px!important;
right:4px;
left:auto!important;
}
.login-popup {
background-color:#f9ffd2;
border:1px solid #b1b1b1;
padding:9px 16px;
}
.login-popup p {
font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:14px;
}
.login-popup h1 {
font:bold 22px Arial, Helvetica, sans-serif;
margin:0 0 8px -4px;
}
.login-popup .error-text {
margin-bottom:11px;
}
.login-popup .form-field,.login .form-field {
padding-left:0;
}
.login-popup .form-field label,.login .form-field label {
font:13px Arial, Helvetica, sans-serif;
margin-left:0;
}
.login-popup .form-field .input-text {
clear:both;
font:bold 22px Arial, Helvetica, sans-serif;
padding:0 3px 0 27px;
margin-top:3px;
width:226px;
}
.login-popup .form-field .password {
margin-bottom:6px;
}
.login-popup .clear,.login .clear {
padding:10px 0 6px;
}
.login-popup .clear .float-left {
padding-top:1px;
}
.login-popup .clear .checkbox {
margin:2px 0 0 1px;
}
.login-popup .clear label {
font:13px Arial, Helvetica, sans-serif;
}
.login-popup a {
font-size:13px;
}
.login {
width:247px;
margin:0 auto;
}
.login .clear {
padding:10px 0 6px;
}
.login-popup .error-text {
color:#fd0000;
}
.login-popup .form-field label,.login .form-field label {
color:#757474;
}
.login-popup .form-field .input-text {
border:1px solid #d2d9e1;
background:#fff url(images/icons/icon_username.gif) no-repeat 6px 4px;
}
.login-popup .form-field .password {
background-image:url(images/icons/icon_password.gif);
}
.productI .hidden, .hidden { display:none; }
.select-link,.select-link:hover {
background:url(images/icons/select_icon.gif) no-repeat 100% 2px;
}
.select-wrap .select-link,.select-wrap .select-link:hover {
background:url(images/icons/select_icon.gif) no-repeat 100% 2px;
}
element.style {
display:block;
left:376px;
top:241px;
}
.select-popup {
background-color:#fff;
position:absolute;
top:0;
left:0;
border:1px solid #CECECE;
width:200px;
padding:3px 3px 0 4px;
margin:0!important;
z-index:12;
}
.prodList .close-icon {
position:absolute;
right:3px;
cursor:pointer;
margin: 0;
border: 0;
}
ul.cm-select-list {
margin:0;
padding:0;
list-style-type:none;
display:block;
}
.prodList ul.cm-select-list li {
padding:1px 39px 7px 0;
cursor:pointer;
white-space:nowrap;
margin: 0;
}
ul.cm-select-list li a {
white-space:nowrap;
}
.cm-select-list a,.cm-select-list a:visited,.cm-select-list a:hover,.cm-select-list a:active {
font:normal 12px Arial;
background-repeat:no-repeat;
background-position:left 0;
text-decoration:none;
padding:0 2px;
}
.view-large-image-link,.view-large-image-link:visited,.view-large-image-link:hover,.view-large-image-link:active {
background:url(images/icons/view_larger.gif) no-repeat left 2px;
padding:1px 0 1px 15px;
font-size:10px;
}
/* Previewer styles */
#previewer_overlay {
background-color:#000;
-moz-opacity:0.1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
opacity:0.1;
}
#previewer_window {
color:#000;
}
#previewer_hide_select {
background-color:#fff;
border:none;
-moz-opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity:0;
}
#preview_window {
border:2px solid #FF8000;
}
.drag-window {
background-color:#fff;
cursor:move;
-moz-opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity:0;
}
a.cm-thumbnails-mini,.product-variant-image-unselected,#thumbs_frame img {
border:1px solid #e2e2e2;
margin:1px;
}
a.cm-cur-item,.product-variant-image-selected,#thumbs_frame img.cm-current-thumb {
border:1px solid #a5a5a5;
}
/* /Previewer styles */
/* Previewer styles */
#previewer_overlay {
position:fixed;
z-index:34;
top:0;
left:0;
height:100%;
width:100%;
}
#previewer_window {
position:fixed;
z-index:35;
display:none;
top:50%;
left:50%;
background-color:#fff;
}
.previewer-container {
padding:10px;
border:1px solid #909090;
}
.scroller-container {
margin-bottom:5px;
padding:10px;
}
#scroller_holder,#previewer_scroller {
margin:0 auto;
text-align:center;
}
#previewer_close {
padding:7px 4px 0 2px;
font-size:11px;
}
#previewer_close a.tool-link,#previewer_close a.tool-link:hover {
font-size:11px;
}
#previewer_load {
position:fixed;
display:none;
height:16px;
width:16px;
z-index:11;
top:50%;
left:50%;
margin:-8px 0 0 -8px;
}
#previewer_hide_select {
z-index:8;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
}
#viewer {
overflow:hidden;
display:inline-block;
margin:22px 0;
height:42px;
}
#thumbs_frame {
display:block;
}
#thumbs_frame img {
margin:0 1px;
padding:3px;
}
#preview_holder {
width:180px;
height:180px;
text-align:center;
vertical-align:middle;
}
#preview_window {
position:absolute;
z-index:7;
}
.prodList a.cm-thumbnails-mini {
display:0;
display:inline-block;
}
/* /Previewer styles */
/* Tabs */
.tabs {
background:url(images/tabs_bg.gif) 0 0;
padding:0;
}
.tabs ul li,.tabs ul li.cm-active {
margin:2px 2px 0 0;
background:#ececec url(images/tab_left.png) no-repeat left top;
padding:0 0 0 3px;
}
.tabs ul li.cm-active {
background:#dfe2e5 url(images/tab_left_active.png) no-repeat left top;
}
.tabs ul li a {
display:block;
padding:6px 12px 4px 10px;
height:16px;
background:url(images/tab_right.png) no-repeat right top;
}
.tabs ul li.cm-active a {
background-image:url(images/tab_right_active.png);
}
.tabs ul li a,.tabs ul li a:visited,.tabs ul li a:hover,.tabs ul li a:active {
text-decoration:none;
color:#8a8989;
font:bold 12px Tahoma;
}
.tabs ul li.cm-active a,.tabs ul li.cm-active a:visited,.tabs ul li.cm-active a:hover,.tabs ul li.cm-active a:active {
font:bold 12px Tahoma;
color:#545454;
}
.tabs ul li a:hover {
text-decoration:underline;
}
.cm-tabs-content {
border:1px solid #d9dbdd;
border-top-width:0;
padding:15px 22px;
}
.tab-list-title {
border-bottom:1px solid gray;
}
/* /Tabs */
/* Buttons */
.button a,.button-action a,.button-submit-action input,.button-submit input,.button-submit-big input {
color:#fff;
font:bold 11px Tahoma;
height:20px;
line-height:13px;
border:0 none;
margin:0;
}
.button-submit-action input,.button-submit input {
padding:3px 8px 4px 0;
}
.button-submit-action input,.button-submit input,x:-moz-any-link {
padding:1px 7px 4px 0;
}
.button a,.button-action a {
padding:3px 10px 0 3px;
height:17px;
}
/* input buttons */
.button-submit-action,.button-submit,.button-submit-big,.button,.button-action {
background:#f67c1c url(images/but_left_action.png) no-repeat left top;
height:20px;
padding-left:8px;
}
.button-submit,.button {
background:#7bc3f7 url(images/but_left.png) no-repeat left top;
}
.button-submit-action input,.button-submit input,.button-submit-big input,.button-action a {
background:transparent url(images/but_right_action.png) no-repeat right top;
}
.button-submit input,.button a {
background:url(images/but_right.png) no-repeat right top;
}
.button-submit-big {
background:#ff4f01 url(images/big_but_left.png) no-repeat left top;
padding-left:3px;
height:29px;
}
.button-submit-big input {
font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(images/big_but_right.png) no-repeat right top;
padding:7px 19px 8px 7px;
height:29px;
line-height:16px;
}
.button-submit-big input,x:-moz-any-link {
padding:5px 16px 8px 4px;
}
/* /input buttons */
.text-button,.text-button:visited,.text-button:hover,.text-button:active,.text-button-act,.text-button-act:visited,.text-button-act:hover,.text-button-act:active {
margin-right:1px;
padding-right:8px;
background:url(images/icons/text_but_arrow.gif) no-repeat right 5px;
text-decoration: underline;
}
.text-button-act,.text-button-act:visited,.text-button-act:active,.text-button-act:hover {
color:#ff5400;
background-image:url(images/icons/action_text_but_arrow.gif);
}
.go-button {
padding-left:3px;
}
.top-tools-container .go-button {
padding-left:4px;
}
.button-tool a,.button-tool a:visited,.button-tool a:hover,.button-tool a:active,a.tool-link,a.tool-link:hover {
font:normal 12px Arial;
color:#b20101;
text-transform:lowercase;
}
.product-container .button-submit-action,.product-container .text-button {
margin-right:5px;
}
/* /Buttons */
hr {
border:0 solid #eaf0f5;
border-top-width:1px;
}
.dark-hr {
border-color:#e3e3e3;
}
hr.dashed {
border:0 none;
border-bottom:1px dashed #909090;
}
.product-info {
padding-left:15px;
overflow: hidden;
}
.float-left {
float:left;
}
/* MY */
.product-container {
overflow: hidden;
padding-bottom: 5px;
margin-bottom: 20px; }
*+html product-container { zoom: 1; }
.product-item-image img { margin: 0; }
.select-link, .select-link:hover {
cursor: pointer;
margin-right: 30px;
padding: 0 16px 1px 0; }
.cm-select-list a.active { font-weight: bold; }
.button a, .button-action a, .button-submit-action input, .button-submit input, .button-submit-big input {
cursor: pointer;
display: inline-block;
text-decoration: none;
white-space: nowrap; }
*+html .button a, *+html .button-action a, *+html .button-submit-action input, *+html .button-submit input, *+html .button-submit-big input { zoom: 1; }
.button-submit-action, .button-submit, .button-submit-big, .button, .button-action {
display: inline-block;
margin-bottom: 4px; }
*+html .button-submit-action, *+html .button-submit, *+html .button-submit-big, *+html .button, *+html .button-action { zoom: 1; }
.productI > form { overflow: hidden; margin-bottom: 15px; }
*+html .productI > form { zoom: 1; }
.prodList .tabs ul { margin: 0; }
.prodList .tabs li { width: auto; }
.prodList .tabs a { cursor: pointer; }
.table th {
background-color:#E8EFF8;
border-bottom:1px solid #DEE1E5;
border-right:1px solid #DEE1E5; }
.table th {
font-weight:bold;
padding:3px 5px 2px;
white-space:nowrap; }
table.table {
border-color:#DEE1E5;
border-style:solid;
border-width:1px 0 1px 1px; }
.table tr, .table .table tr {
background-color:#FFFFFF; }
.table-row, tr.table-row, td.table-row {
background-color:#F1F4F6; }
.table td, .table .table td {
border-right:1px solid #DEE1E5; }
.prodList .table .product-image img {
border: 0;
display: inline; }
table.table td {
padding:2px 5px; }
table.table .center p { margin: 0; }
table.table .price { margin: 0; }
.table .text-button-act {
text-decoration: underline;
cursor: pointer;
background-position: right 5px; }
.table .text-button-act:hover { text-decoration: none; }
.form-field { padding:0 0 0 170px; }
.form-field, .select-field {
margin: 6px 0;
vertical-align: middle; }
.form-field label {
float: left;
margin-left: -170px;
padding-top: 1px;
text-align: left;
width: 160px; }
.form-field label.cm-required {
background: url("images/icons/required_mark.gif") no-repeat scroll right 6px transparent; }
.form-field label.cm-required {
margin-right: 5px;
width: 165px; }
.product-spacer {
width: 9px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 13px; }
.multicolumns-list table td { padding:0; }
.multicolumns-list .price { margin: 0 0 12px; }
.multicolumns-list td {
padding: 15px 0 17px; }
.border-bottom { border-bottom:1px solid #D5D5D5; }
td.product-image img { margin: 0 10px 0 0; }
.fixed-layout { table-layout: fixed; }
.search-form { border: 1px solid #D0CEBE; margin-bottom: 10px; }
.section-title { background: #F3F1DA url("images/section_title_bg.gif") center bottom repeat-x; }
.section-title {
padding: 6px 0 5px 9px;
margin-bottom: 0; }
.section-title a.cm-combo-off { background: transparent url("images/icons/section_icon_expanded.gif") scroll 0 5px no-repeat; }
.section-title a.cm-combo-on { background: transparent url("images/icons/section_icon_collapsed.gif") 0 6px no-repeat; }
.section-title a {
color:#5C5D3E;
padding-left:14px;
text-decoration:none;
cursor: pointer; }
.section-body, .section-body-details {
border-top: 1px solid #D0CEBE;
padding: 9px 16px; }
.valign { vertical-align: middle; }
select {
border: 1px solid #DFE6ED;
padding: 1px; }
.search-form .input-text-large { width: 207px; }
.central-column .input-text, .central-column .input-text-auto, .central-column .input-text-large, .central-column .input-text-medium, .central-column .input-text-short, .central-column .input-text-100 {
height: 14px;
}
.input-text, .input-text-auto, .input-text-large, .input-text-medium, .input-text-short, .input-text-100, .input-textarea, .input-textarea-long {
border: 1px solid #DFE6ED;
color: #2D2D2D;
padding: 2px; }
.form-field .select-field {
margin: 0;
overflow: hidden; }
*+html .form-field .select-field {
zoom: 1; }
.select-field label, .form-field .select-field label {
clear:none;
float:left;
margin:0 10px 0 0;
padding:3px 0 3px 12px;
vertical-align:middle;
white-space:nowrap;
width:auto; }
#right h2.subheader, .subheader, .subheader-first-item {
background:url("images/subheader_bg.gif") repeat-x scroll center bottom transparent;
color:#2D2E2E;
font:bold 14px Arial,Helvetica,sans-serif;
margin-bottom:10px;
padding:13px 0 5px; }
.select-field label .checkbox {
margin-left:-12px;
vertical-align:-2px; }
.radio, .checkbox {
margin:0 6px 0 0;
padding:0;
vertical-align:middle; }
.select-field label .checkbox {
margin-left:-12px;
vertical-align:-2px; }
input, textarea, select {
color:#2D2D2D;
font:12px tahoma,verdana,arial,sans-serif;
margin:0 3px 0 0; }
.cm-reset-link {
text-decoration: underline;
cursor: pointer; }
*+html .button-submit { padding-left: 11px; }
*+html .button-submit input {
padding: 3px 11px 4px 0;
overflow: visible; }
.prodList .product-title {
margin-bottom: 11px; }
.calendar-but { cursor:pointer; }
.prodList .calendar-but {
height:22px;
vertical-align:-8px;
width:20px;
display: inline;
border: 0;
position: relative;
top: -2px; }
.hand { cursor:pointer; }
.calendar-box {
-moz-user-select:none;
border-color:#CECECE #797979 #797979 #CECECE;
border-style:solid;
border-width:1px; }
.calendar-box {
background-color:#D5E7F6;
padding:5px 6px;
position:absolute;
z-index:13; }
.calendar-navig {
font:bold 14px arial;
margin:4px 0 8px;
text-align:center;
white-space:nowrap; }
.calendar-navig a.cm-previous-month {
background:url("images/icons/calendar_previous.gif") no-repeat scroll 2px 4px transparent;
text-decoration:none; }
.calendar-navig a.cm-previous-month {
margin-right:30px;
padding:0 2px; }
.calendar-navig a, .calendar-navig a:hover { text-decoration:none; }
.calendar-navig a.cm-next-month {
background:url("images/icons/calendar_next.gif") no-repeat scroll 2px 4px transparent;
text-decoration:none; }
.calendar-navig a.cm-next-month {
margin-left:30px;
padding:0 2px; }
.calendar-box div.float-left {
background-color:#F4F7F8; }
.calendar-box div.float-left {
height:171px;
margin-right:5px;
padding:3px 8px 7px; }
.calendar-box ul.float-left { width:30px; }
.calendar-box ul { margin:0 0 10px; }
.calendar-box ul li { padding:2px 0 1px; }
.calendar-box ul li a {
display:block;
font-size:11px;
line-height:13px;
padding:4px 0; }
.calendar {
background-color:#FFFFFF;
border-collapse: collapse; }
.calendar {
display:inline;
height:181px; }
.calendar th {
background-color:#EDEEDB;
font-weight:normal; }
.calendar th { padding:6px 4px 3px; }
.calendar th.weekend { color:#F15513; }
.search-advanced .calendar td, .calendar td {
color:#0033CC;
cursor:pointer; }
.search-advanced .calendar td, .calendar td {
padding:0;
text-align:center; }
.calendar td.previous-month-days a, .calendar td.previous-month-days a:hover, .calendar td.next-month-days a, .calendar td.next-month-days a:hover {
color:#BFBFBF;
text-decoration:none; }
.calendar td a {
display:block;
padding:4px; }
.calendar a { text-decoration: underline; }
.calendar td a:hover { background-color:#F0F0F0; }
.prodList .image-captcha {
border:2px solid #D0E25A;
cursor:pointer;
margin-top:4px;
display: inline; }
.captcha-input-text {
border:1px solid #D2D9E1;
font:bold 16px Tahoma;
padding:4px 2px; }
.captcha-input-text {
margin:4px 0 0;
width:133px; }
.required-question, .required, .required-field-mark {
color: #FF0000; }
.in-stock, .out-of-stock {
color:#009900;
padding:4px 0 0; }
.strong { font-weight:bold; }
.prices-container {
overflow: hidden;
padding: 0 0 5px 3px; }
*+html .prices-container { zoom: 1; }
.list-price {
color:#757575;
font:11px Tahoma; }
.list-price {
font-size:11px;
margin:0;
padding:0;
white-space:nowrap; }
.discount-label {
background:url("images/discount_label_left.png") no-repeat scroll left top transparent;
padding:0 0 0 10px; }
.discount-label {
float:left;
margin:4px 0 0 20px; }
.discount-label em {
background:url("images/discount_label_right.png") no-repeat scroll right top #37AAE8;
color:#FFFFFF;
font:bold 13px Arial,Helvetica,sans-serif;
height:16px;
min-width:28px;
padding:4px 4px 4px 1px;
text-align:center; }
.discount-label em {
display:block;
font-size:11px;
font-weight:bold;
white-space:nowrap; }
#cart_items .product-image { padding-left:3px; }
.product-image, .feature-image {
float:left;
margin:0 25px 10px 0;
text-align:center; }
#cart_items > div { overflow: hidden; }
*+html #cart_items > div { zoom: 1; }
.prodList #cart_items .product-image img { margin: 0; }
.prodList .product-description img {
border: 0;
margin: 0;
display: inline;
position: relative;
top: 2px; }
.cart-buttons {
background-color:#F1F1F1;
border:1px solid #DDDDDD; }
.cart-buttons {
margin-bottom:5px;
padding:4px 4px 0 8px;
overflow: hidden;
zoom: 1; }
.cart-buttons .float-left { padding-top:3px; }
.cart-buttons .text-button { background-position: right 5px; }
.float-right { float:right; }
.promotion-coupon {
background:url("images/coupon_code_bg.gif") repeat-x scroll left top #F2F2F2;
border:1px solid #DDDDDD; }
.promotion-coupon {
margin-bottom:8px;
padding:5px 7px 5px 8px; }
.updates-wrapper .form-field, .promotion-coupon .form-field {
margin:0;
padding:0; }
.promotion-coupon strong {
display:inline-block;
padding-bottom:3px; }
*+html .promotion-coupon strong {
display: inline;
zoom: 1; }
.promotion-coupon .input-text {
border:1px solid #D0D0D0; }
.promotion-coupon .input-text, #point_payment .input-text {
height:15px;
margin-left:3px;
padding:1px;
vertical-align:middle;
width:129px; }
.buttons-container { padding:5px 0 1px; }
.clear-both { clear:both; }
/* jCarousel */
.jcarousel-skin {
border:1px solid #dadada;
background-color:#fff;
}
.jcarousel-skin .prices-container {
padding:5px 0 2px;
}
.jcarousel-skin .buttons-container {
padding-top:0;
}
.image-border .jcarousel-skin {
border:0 none;
}
.jcarousel-prev-horizontal,.jcarousel-next-horizontal,.prev-horizontal,.next-horizontal {
background:#ececec url(images/icons/prev_but.gif) no-repeat 50% 50%;
width:12px;
height:38px;
float:left;
margin:0 1px 0 0;
cursor:pointer;
}
.jcarousel-next-horizontal,.next-horizontal {
background-image:url(images/icons/next_but.gif);
float:right;
margin:0 0 0 1px;
}
.product-main-info .jcarousel-clip-horizontal {
margin:0 auto;
}
.product-main-info .jcarousel-container-horizontal {
margin:0 auto;
}
.jcarousel-container {
position:relative;
}
.jcarousel-clip {
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
.jcarousel-list {
overflow:hidden;
position:relative;
top:0;
left:0;
margin:0;
padding:0;
}
.jcarousel-list li,.jcarousel-item {
float:left;
list-style: none;
}
a.cm-thumbnails-mini,.product-variant-image-unselected,#thumbs_frame img {
border:1px solid #e2e2e2;
margin:1px;
}
a.cm-cur-item,.product-variant-image-selected,#thumbs_frame img.cm-current-thumb {
border:1px solid #a5a5a5;
}
#product_thumbnails {
white-space:nowrap;
text-align:center;
margin: 0;
}
#product_thumbnails li {
display:inline;
padding:0;
margin: 0;
}
#product_thumbnails li a.cm-thumbnails-mini {
margin:0 1px;
}
#product_thumbnails a img {
border: 0; }
.image-border img {
margin: 3px;
}
.jcarousel-list li, .jcarousel-item {
float:left;
list-style:none outside none;
}
.center { text-align:center; }
/* Picker */
.cm-picker {
position: absolute;
z-index: 27;
}
.cm-popup-bg {
position: absolute;
z-index: 26;
width: 100%;
top: 0px;
left: 0px;
background-color: #000000;
}
.popup-notes-content .cm-popup-content-header {
margin-bottom: 8px;
}
.popup-notes-content {
background-color: #ffffff;
border: 1px solid #909090;
}
.popup-content {
background-color: #ffffff;
}
.cm-dashed-box {
border: 1px dashed #909090;
background-color: transparent;
}
.cm-popup-corner-resizer, .cm-popup-hor-resizer, .cm-popup-vert-resizer {
margin: 0 !important;
}
.cm-popup-hor-resizer, .w-shadow, .e-shadow {
position: absolute;
width: 13px;
height: 100%;
}
.cm-popup-hor-resizer {
cursor: w-resize;
}
.cm-popup-hor-resizer {
cursor: w-resize;
}
.cm-left-resizer, .w-shadow {
background: url(images/shadow_w.png) repeat-y left top;
left: -13px;
}
.cm-right-resizer, .e-shadow {
background: url(images/shadow_e.png) repeat-y left top;
right: -13px;
}
.cm-popup-vert-resizer, .n-shadow, .s-shadow {
position: absolute;
width: 100%;
height: 18px;
}
.cm-popup-vert-resizer {
cursor: s-resize;
}
.cm-top-resizer, .n-shadow {
top: -18px;
background: url(images/shadow_n.png) repeat-x left top;
}
.cm-bottom-resizer, .s-shadow {
bottom: -18px;
background: url(images/shadow_s.png) repeat-x left top;
left: 0;
}
.cm-popup-corner-resizer, .ne-shadow, .se-shadow, .sw-shadow, .nw-shadow {
position: absolute;
width: 13px;
height: 18px;
}
.cm-nw-resizer, .nw-shadow {
background: url(images/shadow_nw.png) no-repeat left top;
top: -18px;
left: -13px;
}
.cm-nw-resizer {
cursor: nw-resize;
}
.cm-ne-resizer, .ne-shadow {
top: -18px;
right: -13px;
background: url(images/shadow_ne.png) no-repeat left top;
}
.cm-ne-resizer {
cursor: ne-resize;
}
.cm-sw-resizer, .sw-shadow {
background: url(images/shadow_sw.png) no-repeat left top;
bottom: -18px;
left: -13px;
}
.cm-sw-resizer {
cursor: sw-resize;
}
.cm-se-resizer, .se-shadow {
background: url(images/shadow_se.png) no-repeat left top;
bottom: -18px;
right: -13px;
}
.cm-se-resizer {
cursor: se-resize;
}
.cm-popup-content-header {
padding: 15px 15px 5px 15px;
cursor: move;
}
.cm-popup-content-header h3 {
font: bold 18px Arial;
margin: 0px;
background-color: transparent;
padding: 0px;
}
.cm-popup-content-header .float-right {
padding: 2px 4px;
}
.cm-popup-content-footer {
padding: 0px 15px 15px 15px;
}
.object-container {
padding: 12px;
overflow-x: auto;
overflow-y: scroll;
font-weight: normal;
}
.popupbox-closer {
position: absolute;
right: -15px;
top: -12px;
width: 30px;
height: 30px;
cursor: pointer;
}
/* /Picker */
.form-field:after, .search-field:after, .info-field-title:after, .info-field:after, .item-wrap:after, .buttons-container:after, .clear:after, .break:before, #top_menu:after, .cm-tabs-content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+html .form-field { zoom: 1; }
*+html .select-field { float: none; display: inline; zoom: 1; }
.break:before {
height: 3px;
}
/* checkout login */
.login-table td {
padding-left: 15px;
}
.login-table td.login {
padding: 0px 15px 0px 0px;
width: auto;
}
.login-table .delim {
margin: 15px 0px;
}
.login .clear {
padding-right: 1px;
}
.login .input-text {
width: 240px;
margin: 0px;
}
.order-status {
padding: 10px 10px 10px 30px;
margin: 5% auto;
width: 920px;
}
body.clear-body {
min-width: 100%;
}
/* /checkout login */
.categories-image {
float: left;
margin: 0px 15px 15px 0px;
display: inline;
}
.subcategories, .categories-columns {
font-size: 11px;
font-weight: bold;
line-height: 17px;
float: left;
padding: 1px 5px 0 0;
margin: 0 0 15px 0;
}
.prodList .subcategories li {
display: block;
margin: 0; }
.prodList .subcategories ul {
margin: 0; }
.categories-columns {
float: left;
padding-right: 40px;
}
.categories-columns ul {
line-height: 18px;
}
.subcategories p {
padding: 0px;
margin: 0px 0px 1px 0px;
}
.sidebox-title {
background:url("images/sb_title_left.png") no-repeat scroll left top #CFDFE7;
padding-left:10px;
margin-bottom: 0;
}
.sidebox-title span {
background:url("images/sb_title_right.png") no-repeat scroll right top transparent;
color:#003542;
padding:7px 10px 7px 0;
display:block;
font:bold 14px Tahoma,Verdana,Geneva,Arial,Helvetica;
}
.sidebox-body {
border-left:1px solid #CFDFE7;
border-right:1px solid #CFDFE7;
padding:13px 13px 10px;
}
.arrows-list li {
background:url("images/icons/cart_arrow.gif") no-repeat 1px 7px;
padding: 2px 0 2px 13px;
}
.arrows-list li.delim {
background:url("images/sidebox_delim.gif") 0 2px repeat-x;
}
.delim {
font-size:7px;
height:7px;
line-height:7px;
margin:0;
padding:0;
}
.sidebox-body .updates-wrapper {
margin:8px -10px -7px;
}
.updates-wrapper {
background-color:#E9EFF3;
border:1px solid #D2E1E8;
margin-bottom:10px;
padding:9px 5px 9px 9px;
}
.sidebox-bottom {
background:url("images/sb_btm_right.gif") no-repeat scroll right top #CFDFE7;
height:1px;
}
.updates-wrapper p {
font:11px tahoma,verdana,arial,sans-serif;
margin:0;
padding-bottom:3px;
padding-top:0;
}
.track_order_quick input {
vertical-align: middle;
}
.left-column .input-text, .right-column .input-text, .updates-wrapper .input-text {
height:17px;
margin:0;
vertical-align:middle;
width:115px;
}
.input-text, .input-text-auto, .input-text-large, .input-text-medium, .input-text-short, .input-text-100, .input-textarea, .input-textarea-long, .go-button {
vertical-align:middle;
}
#track_order_item {
width: 150px;
}
.sidebox-wrapper {
margin-bottom: 20px;
}
.checkout-right-col {
width:35%;
}
.step-container, .step-container-active {
background-color:#F8FDFF;
border:1px solid #DDDDDD;
}
.step-container, .step-container-active {
margin:2px 0 3px;
}
.step-title-active {
background: #FDFEC5 url("images/op_checkout_title_active_bg.gif") center bottom repeat-x;
border-bottom:1px solid #C6D8DD;
}
.step-title span.float-left, .step-title-active span.float-left {
font: 1.82em Georgia, "Times New Roman", Times, serif;
color: #570048;
margin-right: 7px;
}
#checkout_steps .title {
background: none;
padding-left: 0; }
.step-body-active {
padding:16px 20px 20px;
}
.login-table td.login {
background:url("images/sidebox_vert_delim.gif") right center repeat-y;
}
.login-table td.login {
padding:0 15px 0 0;
width:auto;
}
.login-table .login {
margin: 0; }
.step-container-active {
background-color:#FFFFFF;
border:1px solid #C6D8DD;
}
.right {
text-align:right;
}
.delim {
background:url("images/sidebox_delim.gif") center center repeat-x;
}
.checkout-left-col {
width:65%;
}
.step-title, .step-title-active {
padding:8px 9px 6px 7px;
margin: 0;
}
.step-complete-wrapper, .step-complete-wrapper strong {
color:#8CA1A1;
font:italic 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.step-body, .step-body-active {
padding:3px 28px 10px 26px;
}
/* Product notification */
.product-notification {
background-color: #e8f8f8;
}
.product-notification .notification-body {
background-color: #ffffff;
height: 73px; }
/* /Product notification */
/* Product notification */
.product-notification-container {
position:absolute;
top:50%;
left:50%;
margin:-80px 0 0 -200px;
color:#000000;
width:400px;
height:160px;
z-index:30;
}
.product-notification {
background-color:#ffffff;
padding:8px 10px 6px 10px;
}
.product-notification h1 {
font-size:18px;
}
.product-notification .notification-body,.product-notification .notification-body a,.product-notification .notification-body a:visited,.product-notification .notification-body a:hover,.product-notification .notification-body a:active {
color:#000000;
}
.product-notification .notification-body p {
text-align:left;
}
.product-notification .notification-body {
height:72px;
overflow-y:auto;
overflow-x:hidden;
border:1px solid #cccccc;
margin:10px 0 13px 0;
padding:1px 7px;
}
.product-notification-container img.cm-notification-close {
margin:0;
padding:0;
float:none;
}
.product-notification .notification-body .product-list-field {
margin-top:0;
font:normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.product-notification .notification-body .product-list-field label {
padding-top: 0;
}
/* /Product notification */
/* Ajax */
.ajax-loading-box {
padding:6px 6px 6px 26px;
position:fixed;
right:50%;
top:0px;
z-index:18;
display:none;
}
.ajax-message {
padding:10px;
z-index:17;
display:none;
position:absolute;
width: 339px;
}
/* /Ajax*/
/* Notification box */
.cm-notification-container {
position:fixed;
right:8px;
top:0px;
z-index:16;
}
.notification-content {
position:relative;
margin-bottom:1px;
}
.notification-w,.notification-n,.notification-e {
width:250px;
opacity:0.96;
-moz-opacity:0.96;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=96)";
padding:3px 11px 11px 13px;
}
.notification-header-w,.notification-header-n,.notification-header-e {
padding:0px 10px 1px 26px;
font:bold 15px Arial,Helvetica,sans-serif;
position:absolute;
left:8px;
top:0px;
z-index:15;
}
.notification-body {
font:normal 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
line-height:16px;
text-align:justify;
clear:both;
}
img.cm-notification-close {
padding:0px 4px 4px 4px;
margin-right:-7px;
float:right;
}
.notification-body p {
margin:3px -1px 0px 0px;
text-align:right;
}
.notification-body b {
font-weight:normal;
}
.notification-body a,.notification-body a:visited,.notification-body a:hover,.notification-body a:active {
font: normal 11px Arial,Helvetica,sans-serif;
}
/* /Notification box */
/* Ajax */
.ajax-loading-box {
background: url('images/ajax_left.gif') no-repeat left bottom;
padding: 0px 0px 0px 5px;
}
.right-inner-loading-box {
background: url('images/ajax_right.gif') no-repeat right bottom;
padding: 0px 5px 0px 0px;
}
.ajax-inner-loading-box {
background: #fff1a8 url('images/icons/ajax.gif') no-repeat 5px center;
padding: 6px 6px 6px 26px;
font-size: 12px;
font-weight: bold;
color: #3f0000;
}
.ajax-message {
border: 1px solid #000000;
background-color: #f4fbff;
}
/* /Ajax*/
/* Notification box */
.notification-w, .notification-n, .notification-e {
background-color: #d72323;
}
.notification-header-w, .notification-header-n, .notification-header-e {
color: #ffffff;
background: #b50000 url('images/icons/notification_icon_e.gif') no-repeat left center;
}
.notification-body {
color: #ffffff;
}
.notification-body a, .notification-body a:visited, .notification-body a:hover, .notification-body a:active {
color: #ffffff;
}
.notification-n {
background-color: #88ba00;
}
.notification-header-n {
background: #5ca400 url('images/icons/notification_icon_n.gif') no-repeat left center;
}
.notification-w {
background-color: #ff9600;
}
.notification-header-w {
background: #f66e00 url('images/icons/notification_icon_w.gif') no-repeat left center;
}
/* /Notification box */
.footer-helper-container .quick-links a { margin-right: 15px; }
/* Page 404 */
.helper-container {
width: 960px;
margin: 0 auto;
}
.exception-body h1 {
background-color: #dbdee2;
color: #ffffff;
font: bold 32px Arial, Helvetica, sans-serif;
padding: 6px 16px 2px 16px;
margin: 0px;
}
.exception-body h2 {
color: #373737;
font: bold 42px Arial, Helvetica, sans-serif;
padding: 32px 0px 2px 0px;
margin: 0px;
}
.exception-body h3 {
margin: 0px 0px 28px 0px;
font: bold 17px Arial, Helvetica, sans-serif;
padding: 0px;
}
.exception-menu li {
background: url('images/icons/list_arrow.gif') no-repeat 0px 5px;
padding: 0px 0px 14px 10px;
color: #898989;
font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 1%;
}
.exception-menu li a, .exception-menu li a:visited, .exception-menu li a:hover, .exception-menu li a:active {
font: normal 14px Arial, Helvetica, sans-serif;
}
.exception-content p {
font-size: 14px;
}
.exception-logo {
}
/* /Page 404 */
.pagination {width:100%; clear:both;}
.tabs ul{clear:both; width:100%;}