html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
body {
color: #777;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background:none repeat scroll 0 0 #F7F0EA;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
h1, .welcome {
color: #E48F14;
margin-top: 0px;
margin-bottom: 10px;
font-size: 19px;
font-weight: bold;
}
h2 {
color: #555;
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px;
font-weight:normal;
}
p {
margin-top: 0px;
margin-bottom:10px;
text-align:justify;
}
.content li a:hover {text-decoration:underline; }
a, a:visited, a b {
text-decoration:none;
cursor: pointer;
color:#433E39;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input[type='text'], input[type='password'], textarea {
background: #F8F8F8;
border: 1px solid #E2D8CF;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}
select {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
label {
cursor: pointer;
line-height: 22px;
}
.floatL { float:left;}
.floatR { float:right;}
.prevnext_link {}
/* layout */
#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
position:relative;
}
#column-left {
float: left;
width: 210px;
}
#column-right {
float: right;
width: 210px;
}
#content {
min-height: 400px;
}
#productcontent {overflow:visible;}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 23%;
}
#column-right + #content {
margin-right: 23%;
}
.product_info_page + #content {
margin-left: 23%;
}
/*============================= header =========================================*/
#header {
height: 185px;
padding-bottom: 4px;
z-index: 99;
}
#header #logo {margin-top: 10px;padding: 10px 0;}
#language {
color: #999999;
float:left;
line-height: 17px;
margin-top:4px;
width: 80px;
}
#language img {
cursor: pointer;
margin-right: 3px;
border:1px solid #CCCCCC;
padding:2px;
}
#currency {
color: #999999;
float: left;
line-height: 13px;
margin-right: 0px;
margin-top: 4px;
}
#currency a {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #999999;
display: inline-block;
margin-bottom: 2px;
margin-right: 2px;
padding: 1px 5px;
text-decoration: none;
}
#currency a b {
color: #000;
text-decoration: none;
}
.search-cart {clear:both;}
#header #cart {
background: none repeat scroll 0 0 #555454;
position:relative;
float: right;
margin-top: 15px;
z-index: 9;
height:28px;
}
#header #cart .heading {
float:left;
line-height: 29px;
z-index: 1;
}
/*.ie7 #header #cart .heading { width:250px; }
.ie8 #header #cart .heading { width:160px; float:right;}
.ie9 #header #cart .heading { width:160px; float:right;}*/
#header .cart_icon {
background: url("../image/sprite.png") no-repeat scroll 3px -57px ;
float: left;
height: 28px;
margin-right: 5px;
padding: 0;
width: 40px;
}
#header .cart_icon:hover {}
#header #cart .heading h4 {
color: #FFFFFF;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
}
#header #cart .heading a {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
float: left;
text-decoration: none;
}
#header #cart .heading a div#cart-total {
margin-left: 5px;
padding-right:5px;
}
.cartleft { float:left;}
#cart .caret {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #939393;
content: "";
display: inline-block;
float: left;
height: 0;
margin:17px 0 0 8px;
vertical-align: top;
width: 0;
display:none;
}
.caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #555;
content: "";
display: inline-block;
float: right;
height: 0;
margin:6px 0 0 0px;
vertical-align: top;
width: 0;
}
.caretdropdown {
background:url("../image/sprite.png") no-repeat scroll -9px -104px transparent;
content: "";
float: left;
height: 12px;
margin: 4px 5px 0;
vertical-align: top;
width: 12px;
}
#header #cart .content {
clear: both;
display: none;
position: absolute;
top: 29px;
width: 290px;
padding: 8px;
min-height: 150px;
border: 2px solid #E3D3C7;
background: #FFF;
right:0;
}
#header #cart.active .heading {
}
#header #cart.active .content {
display: block;
}
.mini-cart-info table {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info td {
color: #777;
padding: 10px 5px;
border-bottom: 1px solid #E2D8CF;
}
.mini-cart-info td.name a {color:#45413E !important; text-decoration:none;}
.mini-cart-info .image {
width: 1px;
}
.mini-cart-info .image img {
border: 1px solid #E2D8CF;
text-align: left;
}
.mini-cart-info .name small {
color: #666;
}
.mini-cart-info .quantity {
text-align: right;
}
.mini-cart-info td.total {
text-align: right;
}
.mini-cart-info .remove {
text-align: right;
}
.mini-cart-info .remove img {
cursor: pointer;
}
.mini-cart-total {
text-align: right;
}
.mini-cart-total table {
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td {
color: #666;
padding: 1px 4px;
}
#header #cart .checkout {
text-align: right;
clear: both;
}
#header #cart .empty {
padding-top: 50px;
text-align: center;
}
#header #search {
border: 1px solid #E3D3C7;
float: right;
height: 26px;
margin-top: 15px;
padding-top: 0;
width: 242px;
background:none repeat scroll 0 0 transparent;
}
#header #search:hover {transition: color 300ms ease-in-out 0s, border-color 300ms ease-in-out 0s;border-color: #888888;
}
#header #search:hover input {color: #777;}
#header .button-search {
background: url("../image/sprite.png") no-repeat scroll 0px -10px transparent;
cursor: pointer;
float: right;
height: 28px;
margin-right: 7px;
width: 25px;
z-index: 9;
}
#header #search input {
background: none repeat scroll 0 0 transparent;
border: none;
border-radius: 0 0 0 0;
color: #ACACAC;
height: 24px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding: 1px 1px 1px 5px;
width: 81%;
}
.ie7 #header #search input { padding-top:5px;}
.ie8 #header #search input { width:200px; padding-top:5px;}
.ie9 #header #search input { width:200px; padding-top:5px;}
#header #welcome {
color: #A29284;
font-weight:bold;
margin-top: 13px;
font-size:12px;
float:right;
}
#header #welcome a {color:#EF9523; text-decoration:underline;}
#header #welcome a:hover {color:#A29284; text-decoration:none;}
#header .row {height: 115px; width:1000px; margin:0 auto;}
#header .headerleft {
float: left;
height: 136px;
width: 200px;}
#header .headerright {
float: right;
height: 136px;
width: 800px;}
#header .links {
bottom: 14px;
float: right;
font-size: 10px;
margin-top: 5px;
padding-right: 0;
margin-left:10px;
}
#header .links a {
display:inline;
font-family: arial;
padding: 0px 0px 0px 8px;
color: #B0A59D;
text-decoration: none;
font-size: 12px;
background:url("../image/pipe2.gif") no-repeat scroll left center transparent;
}
#header .links a:first-child {background:none;}
#header .links a + a {
margin-left: 3px;
}
#header .links a + a:hover { color:#555;}
/*========================================== Naviagtion Menu =========================================*/
.nav-container {
float: right;
height: 37px;
margin: 30px 0px 0px;
padding: 0;
width: 800px;
}
#menu {
border-bottom: 6px solid #EE9623;
height: 37px;
width:750px; margin:0;
padding: 0;
float:right;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float:right;
display:inline-block;
}
#menu > ul > li {
position: relative;
float: left;
padding-bottom:3px;
z-index:12;
}
.ie7 #menu > ul > li > div {
min-width:190px;
z-index:99999 !important;
}
.ie7 #menu ul li.active div {
display: block;
}
#menu > ul > li:hover {
display: block;
}
#menu > ul > li > a {
color: #A4968C;
display: block;
font-size: 15px;
font-weight: normal;
line-height: 10px;
padding: 12px 8px;
text-decoration: none;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
min-width:1px;
}
#menu > ul > li:hover > a {
background:none;
color:#000;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;*/
}
#menu > ul > li > div {
display: none;
position: absolute;
top: 37px;
z-index: 99;
min-width:180px;
background-color: #555454;
background-image: url("../image/menu_bg_1.png");
background-position: 0 0;
background-repeat: repeat-x;
}
#menu .toparrow { background: url("../image/nav_topborder.gif") no-repeat scroll 32px top transparent;}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
width:190px;
padding:6px 0;
border-top: 5px solid #EE9623;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
display: block;
white-space: nowrap;
z-index:99;
}
#menu > ul > li ul > li > a:hover {
background: none;
color:#000;
}
#menu > ul > li > div > ul > li > a {
color: #fff;
padding:7px;
padding-left:12px;
}
#menu > ul > li ul > li > a:hover {
background: none repeat scroll 0 0 #7E7E7E;
color: #FFFFFF;
}
#menu > ul > li:hover > a {
background: none repeat scroll 0 0 #555454;
color: #FFFFFF;
}
.breadcrumb {
color: #CCCCCC;
margin-bottom: 7px;
overflow:hidden;
}
.breadcrumb ul { margin: 0;
padding: 0;}
.breadcrumb ul li { float: left;
list-style: none outside none;
margin: 0;
padding: 0;}
.success, .warning, .attention, .information {
padding: 10px 10px 10px 33px;
color: #555555;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
position:relative;
margin:10px 0;
}
.success {
background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.warning {
background: #EAF7D9 url('../image/warning.png') 10px center no-repeat;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.attention {
background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
float: right;
padding-top: 4px;
padding-right: 4px;
cursor: pointer;
}
.ie7 .success .close,.ie7 .warning .close,.ie7 .attention .close,.ie7 .information .close {
position:absolute;
top:10px; right:10px;
}
.ie8 .success .close,.ie8 .warning .close,.ie8 .attention .close,.ie8 .information .close {
position:absolute;
top:10px; right:10px;
}
.ie9 .success .close,.ie9 .warning .close,.ie9 .attention .close,.ie9 .information .close {
position:absolute;
top:10px; right:10px;
}
.ie7 .checkout-heading a ,
.ie8 .checkout-heading a ,
.ie9 .checkout-heading a{ margin-top:-23px; margin-right:10px; }
.required {
color: #FF0000;
font-weight: bold;
}
.error {
display: block;
color: #FF0000;
}
.help {
color: #999;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
display: block;
}
table.form {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table.form tr td:first-child {
width: 150px;
}
table.form > * > * > td {
color: #555;
}
table.form td {
padding: 4px;
}
input.large-field, select.large-field {
width: 300px;
}
table.list {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
margin-bottom: 20px;
}
table.list td {
border-right: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
}
table.list thead td {
background-color: #E2D8CF;
padding: 0px 5px;
}
table.list thead td a, .list thead td {
text-decoration: none;
color: #555454;
font-weight: normal;
}
table.list tbody td {
vertical-align: top;
padding: 0px 5px;
}
table.list .left {
text-align: left;
padding:12px;
}
table.list .right {
text-align: right;
padding: 7px;
}
table.list .center {
text-align: center;
padding: 7px;
}
table.radio {
width: 100%;
border-collapse: collapse;
}
table.radio td {
padding: 5px;
vertical-align: top;
}
table.radio td label {
display: block;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: #E2D8CF;
cursor: pointer;
}
.pagination {
border-bottom: 1px solid #E2D8CF;
border-top: 1px solid #E2D8CF;
display: inline-block;
margin-bottom: 0;
margin-top: 5px;
padding: 7px 0px 7px;
text-align: center;
width: 100%;
}
.paginationbotton {border-top: 1px solid #E2D8CF; padding-top:7px;}
.pagination .links {
float:right;
}
.pagination .links a {
background: none repeat scroll 0 0 #E2D8CF;
color: #000000;
display: inline-block;
padding: 3px 8px;
text-decoration: none;
}
.pagination .links a:hover {background-color: #000000; color:#FFFFFF; transition-duration: 100ms;}
.pagination .links b {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
display: inline-block;
font-weight: normal;
padding: 3px 8px;
text-decoration: none;
}
.pagination .results {
float: left;
padding-top: 3px;
color:#2C2C2C;
}
/* button */
a.button, input.button {
/* display: inline-block;
zoom: 1;
*display: inline;
margin: 0 2px; padding: 5px 12px;
outline: none;
cursor: pointer;
vertical-align: baseline;
font-family:Arial, Helvetica, sans-serif;
text-shadow: 0 1px 0 rgba(255,255,255,1);
font-size: 12px;
line-height: 12px;
text-align: center;
text-decoration: none;
color:#FFF;
background: #12A3E2;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dfdfdf));
background: -moz-linear-gradient(top, #f2f2f2, #e2e2e2);
background: linear-gradient(#12A3E2, #12A3E2);
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08);
-moz-box-shadow : 0 1px 2px rgba(0,0,0,.08);
box-shadow : 0 1px 2px rgba(0,0,0,.08);
-webkit-background-clip: padding-box;*/
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
#header #cart .checkout a.button { color:#FFFFFF ; padding:7px; background:#EE9422; font-weight:normal; font-size:12px;}
#header #cart .checkout a.button:hover {background:#433E39; color:#FFFFFF;}
input.button {
margin: 0;
border: 0;
height: 34px;
padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
color:#FFFFFF; background:#433E39;
}
.buttons {
background: #E2D8CF;
border: 1px solid #E2D8CF;
padding: 6px;
margin-bottom: 20px;
overflow:hidden;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .left .button {
color:#FFFFFF ; padding:7px; background:#EE9422; font-weight:normal; font-size:13px; margin-top:3px;
}
.buttons .left .button:hover { color:#FFFFFF; background:#433E39; }
.buttons .right {
float: right;
text-align: right;
}
.buttons .right .button {
color:#FFFFFF ; padding:7px; background:#EE9422; font-weight:normal; font-size:13px; margin-top:3px;
}
.buttons .right .button:hover { color:#FFFFFF; background:#433E39; }
.buttons .center {
margin-left: auto;
margin-right: auto;
}
.buttons .center .button {
color:#FFFFFF ; padding:7px; background:#EE9422; font-weight:normal; font-size:13px; margin-top:3px;
}
.buttons .center .button:hover { color:#FFFFFF; background:#433E39; }
.htabs {
border-bottom: 2px solid #A29285;
float: left;
line-height: 16px;
width: 100%;
}
.htabs a {
border:none;
background: #E2D8CF;
padding: 7px 15px 7px 15px;
float: left;
font-family: Arvo;
font-size: 15px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #45413E;
margin-right: 4px;
display: none;
}
.htabs a:hover {background: #A29285; color:#FFFFFF;}
.htabs a.selected {
padding-bottom: 7px;
background: #A29285;
color:#FFFFFF;
font-family:Arvo;
font-weight:bold;
font-size:15px;
}
.tab-content {
padding: 10px 5px;
z-index: 2;
overflow: auto;
border:1px solid #E2D8CF;
border-top:none;
}
#captcha {margin-top:10px;}
/* box */
.box {
margin-bottom: 0px;
}
#column-left .box {clear:both; }
#column-right .box {clear:both;}
#column-left .box .box-heading,#column-right .box .box-heading
{
background: none repeat scroll 0 0 #E2D8CF;
color: #2c2c2c;
font-family: arvo;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 18px;
text-transform:uppercase;
}
#column-left .box .box-heading-cms,#column-right .box .box-heading-cms
{
background: none repeat scroll 0 0 #E2D8CF;
color: #2C2C2C;
font-family: Arvo;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 18px;
text-transform:uppercase;
}
#column-left .box .box-heading-category, #column-right .box .box-heading-category
{
background: none repeat scroll 0 0 #E2D8CF;
color: #2c2c2c ;
font-family: arvo;
font-size: 15px;
font-weight: bold;
line-height: 15px;
margin: 0;
padding: 10px 18px;
text-transform:uppercase;
}
#column-left .box .box-content ,#column-right .box .box-content
{
border:2px solid #E2D8CF;
background: none repeat scroll 0 0 #FFFFFF;
padding:8px 8px 10px ;
float:left;
width:190px;
margin-bottom:12px;
}
#column-left .box .box-content-cms ,#column-right .box .box-content-cms
{
background: none repeat scroll 0 0 #FFFFFF;
margin: 0px 0 12px;
padding:12px 10px;
border:2px solid #E2D8CF;
float:left;
width:186px;
}
.brand {
float: left;
width: 92%;}
/* box products */
.box-product {
width: 100%;
}
.box-product > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
float:left;
}
.box-product .product_block_inner {margin:0;}
#column-left + #column-right + #content .box-product > div {
width: 119px;
}
.box-product .image {
display: block;
margin-bottom: 0px;
}
.box-product .image img ,#column-left .box-product .image img
{
}
.box-product .name a {
color: #5E5E5E;
display: block;
font-size: 13px;
font-weight: normal;
margin-bottom: 4px;
text-decoration: none;
text-transform: uppercase;
}
#column-left .box-product .name a ,#column-right .box-product .name a
{ font-size:14px;text-transform: none; font-family:arvo; color:#7B7B7B; }
#column-left .box-product .rating ,#column-right .box-product .rating {margin-top:5px; margin-bottom:0;}
.box-product .name a:hover { color:#555;}
.box-product .price {
display: block;
font-weight: normal;
color: #7B7B7B;
margin-bottom: 4px;
font-size:13px;
text-align:left;
}
#column-left .price, #column-right .price {color:#7B7B7B; }
#column-left .price-old, #column-right .price-old {font-size:12px;}
#column-left .box-product .price-new, #column-right .box-product .price-new { color: #777;
font-size: 12px;
font-weight: normal;}
.box-product .price-old {
color: #F00;
text-decoration: line-through;
}
.box-product .price-new {}
.box-product .rating {
display: block;
margin-bottom:2px;
}
/* box category */
.box-category {
margin-top: 0px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.ie7 .treeview li { display:block;}
.box-category > ul > li {
border-bottom:1px solid #EFEFEF;
}
.box-category > ul > li:hover {}
.box-category > ul > li:last-child {border-bottom:none; }
.box-category > ul > li + li {
}
.box-category > ul.treeview > li + li {
}
.box-category > ul > li > a {
text-decoration: none;
color: #333;
}
.box-category > ul > li > a:hover { }
.box-category > ul > li ul {
border-top:1px solid #EFEFEF;
display: none;
}
.box-category > ul > li a.active {
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category > ul > li ul > li {border-bottom:1px solid #EFEFEF;
}
.box-category > ul.treeview > li ul > li { border-bottom:1px solid #EFEFEF;
}
.box-category > ul > li ul > li > a {
text-decoration: none;
display: block;
padding: 0 0 0 35px;
background:url("../image/sprite.png") no-repeat scroll 9px -1646px transparent;
}
.box-category > ul > li ul > li:last-child{ border:none;}
.box-category > ul > li ul > li > a:hover {}
.box-category > ul > li ul > li > a.active {
font-weight: bold;
}
.relatedproduct .box-product .image { margin-bottom:5px;}
/* content */
#search_page { overflow: inherit !important;}
#content .content {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #E2D8CF;
overflow: hidden;
}
.content .button {
color:#FFFFFF ; padding:7px; background:#EE9422; font-weight:normal; font-size:13px; margin-top:3px;
}
.content .button:hover { color:#FFFFFF; background:#433E39; }
#content .content ul { margin: 0;padding:0;}
#content .content ul li { background: url("../image/sprite.png") no-repeat scroll -2px -1777px transparent;
list-style: none outside none;
margin: 5px 0;
padding-left: 15px;}
#content .content .left {
float: left;
width: 49%;
}
#content .content .right {
float: right;
width: 49%;
}
#content .searchcontent {overflow:visible !important;}
/* category */
.category-info {
overflow: auto;
margin-bottom: 0;
}
.category-info .image {
float:left;
}
#column-left + #column-right + #content .category-info .image img { width: 567px;}
.category-list {
margin-bottom: 0px;
}
.ie7 .category-list {margin-bottom:10px;}
.category-list ul {
float: left;
width: 18%;
margin:2px 0;
}
.category-list ul li { margin:5px 0; padding:0 10px !important;}
.category-list li .image { border:1px solid #E7E7E7;border-radius:3px; padding:3px; margin:0 0 3px 0;}
.category-list li .image img {width:80px; height:80px;}
.category-list li .no-image { border-radius:3px; padding:3px; margin:0 0 5px 0;}
.category-list li .no-image img { width:80px; height:80px;}
.category-list li .subcatname
{
text-align:center;
border-radius: 3px 3px 3px 3px;
padding: 2px 10px;}
/* manufacturer */
.manufacturer-list {
border: 1px solid #E2D8CF;
padding: 5px;
overflow: auto;
margin-bottom: 20px;
}
.manufacturer-heading {
background: #E2D8CF;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 6px;
}
.manufacturer-content {
padding: 8px;
}
.manufacturer-list ul {
float: left;
width: 25%;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
/* product */
.product-filter {
float: left;
padding-top: 1px;
width: 490px;
}
.product-filter {}
#column-left + #column-right + #content .product-filter {width:100%;}
.toolbar {
background: none repeat scroll 0 0 #FFFFFF;
display: inline-block;
margin-bottom: 0;
padding: 5px 5px 0px;
padding-right: 7px;
width: 99%;
float:left;
}
.product-filter .display {
margin-right: 4px;
float: left;
color: #777;
}
.product-filter .display a {
font-weight: normal;
}
.product-filter .sort {
float: right;
color: #333;
}
.product-filter .sort .sbHolder {width: 150px; top:0; }
.ie7 .product-filter .sort .sbHolder { border:1px solid #000 !important; z-index:0 !important;}
#column-left + #column-right + #content .product-filter .sort .sbHolder {width: 120px; top:0;}
#column-left + #content .product-filter .sort .sbHolder {width: 120px; top:0;}
#column-right + #content .product-filter .sort .sbHolder {width: 120px; top:0;}
.product-filter .sort .sbOptions {width:156px !important;}
.product-filter .sort b ,.product-filter .limit b
{ float:left; margin-top:8px; margin-right:3px; font-weight:normal; color:#2C2C2C;}
.product-filter .limit {
margin-left:8px;
float: right;
color: #333;
}
.product-filter .limit .sbHolder {width: 65px; top:0;}
.product-filter .limit .sbOptions { width: 72px;}
.product-compare {
background: none repeat scroll 0 0 #fff;
border: 1px solid #E2D8CF;
float: right;
font-weight: bold;
margin-bottom: 0px;
margin-top: 1px;
padding: 8px 10px;
}
.product-compare:hover { border-color: #999999;
transition: color 300ms ease-in-out 0s, border-color 300ms ease-in-out 0s;}
.product-compare a {
text-decoration: none;
font-weight: normal;
color:#2C2C2C;
}
.product-list li {
background:#FFFEFC;
overflow: auto;
margin-bottom: 12px;
list-style:none;
padding:10px;
margin-right:1px;
margin-left:1px;
}
.product-list li:hover { box-shadow: 0 0 0 1px #E2D8CF;}
.product-list { padding:0; margin:7px 0 0; float:left;}
.product-list .right {
border-left: 1px solid #E2D8CF;
float: right;
padding-left: 30px;
margin-top:10px;
}
.product-list li + div {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image {
float: left;
margin-right: 10px;
}
.product-list .image img {
height:170px;
width:160px;
}
.product-list .name {
margin-bottom: 7px;
margin-left:5px;
float:left;
width:382px;
}
.product-list .description {
float:left;
width:58%;
line-height: 15px;
margin-bottom: 15px;
color: #7B7B7B;
margin-left:5px;
margin-top:5px;
}
.product-list .rating {
color: #7B7B7B;
float:left;
margin-left:5px;
width:26%;
}
.product-list .price {
float: left;
text-align: left;
color: #EBA62A !important;
font-size: 15px;
font-weight:bold;
padding-top:30px;
margin-bottom:10px;
}
.product-list .price-old {
color: #777;
font-weight:normal;
text-decoration: line-through;
}
.product-list .price-new {color:#EBA62A; font-weight:bold; }
.product-list .price-tax {
font-size: 12px;
font-weight: normal;
color: #777;
}
.product-list .cart {
clear:both;
}
.product-list .cart .button { background: url("../image/sprite.png") no-repeat scroll -5px -1836px ;
float: left;
height: 55px;
margin-left: 10px;
padding: 0;
text-indent: -10em;
width: 55px;}
.ie8 .product-list .cart .button,.ie9 .product-list .cart .button,.ie7 .product-list .cart .button {font-size:0;}
.ie7 .product-list .cart .button:hover,.ie8 .product-list .cart .button:hover,.ie9 .product-list .cart .button:hover {font-size:0;color:#414141;}
.product-list .cart .button:hover {}
.product-list .wishlist, .product-list .compare {
margin-bottom: 3px;
float:left;
}
.product-list .wishlist a {
background: url("../image/sprite.png") no-repeat scroll 0 -1773px transparent;
border-radius: 3px 3px 3px 3px;
color: #9D8B7E;
display: block;
float: left;
margin-right: 10px;
padding: 4px 15px;
text-decoration: none;
}
.product-list .wishlist a:hover {color:#EBA62A;}
.product-list .compare a {
background: url("../image/sprite.png") no-repeat scroll 0 -1773px transparent;
border-radius: 3px 3px 3px 3px;
color: #9D8B7E;
display: block;
padding: 4px 15px;
text-decoration: none;
}
.product-list .compare a:hover {color:#EBA62A;}
.product-grid {
width: 100%;
/*overflow: auto;*/
padding:0;
}
.product-grid li {
/* width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
*/
list-style:none;
vertical-align: top;
margin-bottom: 15px;
}
ul.product-grid{
width: 100%;
padding: 0;
margin:4px 0;
list-style: none;
}
ul.product-grid li.item {
float:left;
width: 256px;
padding: 0;
margin:0;
}
ul.product-grid li.item .product-block { margin:25px 10px 6px 15px; background:#E3D9CF; width:228px; border:1px solid #F2E9E2; }
ul.product-grid li.item .product-block:hover {
border:1px solid #A29285; background:#A29285; box-shadow: 0 0 0 4px #A29285; -moz box-shadow: 0 0 0 4px #A29285;
-o-box-shadow: 0 0 0 4px #A29285;
-webkit-box-shadow: 0 0 0 4px #A29285;
}
ul.product-grid li.item .product-block :hover .name a { color:#FFFFFF;}
ul.product-grid li.item .product-block :hover .price-old { color:#FFFFFF;}
ul.product-grid li.item .product-block :hover .price { color:#FFFFFF;}
ul.product-grid li.item .product-block :hover .wishlist a { background:url("../image/sprite.png") no-repeat scroll -5px -1800px transparent; color:#FFFFFF ;}
ul.product-grid li.item .product-block :hover .compare a { color:#FFFFFF ; background:url("../image/sprite.png") no-repeat scroll -5px -1800px transparent;}
ul.product-grid li.item .product-block :hover .cart input { color:#FFFFFF; background:url("../image/sprite.png") no-repeat scroll 4px -1742px transparent; }
ul.product-grid li.item .product-block .cart input { background: url("../image/sprite.png") no-repeat scroll 4px -530px transparent;
color: #45413E;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 35px;}
.ie7 ul.product-grid li.item .product-block {border:1px solid #fff;}
.ie7 ul.product-grid li.item .product-block:hover {border:1px solid #ddd;}
ul.product-grid li.item .product-block .product-block-inner{ text-align:left;}
.product-block-inner .name { margin:0 0 7px;}
.product-block-inner .name a { color:#38B0E3;}
.product-block-inner .name a:hover { color:#FFFFFF;}
.product-block-inner .price {}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
padding-bottom:2px;
text-align:center;
}
.product-grid .image img {
}
.product-grid .description {
display: none;
}
.product-grid .rating {
display: block;
margin-top: 5px;
margin-left:10px;
}
.product-grid .price {
display: block;
color: #433E39;
margin-left: 13px;
font-size:15px;
font-weight:bold;
}
.product-grid .price-old {
color: #5E5E5E;
text-decoration: line-through;
}
.product-grid .price-new {}
.product-grid .price .price-tax {
display: none;
}
.product-grid .cart {
margin-bottom: 0px;
}
.product-grid .wishlist {
margin-bottom:0px;
padding-left:10px;
}
.product-grid .compare {
margin-bottom: 5px;
overflow:hidden;
}
.product-grid .wishlist a {
background: url("../image/sprite.png") no-repeat scroll -5px -1777px transparent;
color: #433E39 ;
display: block;
float: left;
margin-right: 10px;
padding-left: 10px;
text-decoration: none;
}
.product-grid .compare a {
background: url("../image/sprite.png") no-repeat scroll -5px -1777px transparent;
color: #433E39 ;
display: block;
float: left;
padding-left: 10px;
text-decoration: none;
}
.product-grid .name a,#feature-box-product .name a,#tab-related .box-product .name a
{
margin-left:12px;
color: #433E39;
font-weight: normal;
text-decoration: none;
font-size:16px;
font-family:Arvo;
}
.product-list .name a { color:#EBA62A; font-size:16px; text-decoration:none;
font-family:Arvo; font-weight:bold; float:left;}
.product-grid .name a:hover,.product-list .name a:hover,#feature-box-product .name a:hover,#tab-related .box-product .name a:hover
{ color:#333;}
/*================================================== Product =========================================*/
.product-info {
float: left;
margin: 0 0 10px 0;
width: 100%;
}
#full-info { float: left; width: 99%; padding-top:8px;}
.ie7 #full-info { float: left; width: 99%; margin-top:20px;}
.product-info > .left {
float: left;
margin-right: 0px;
width: 40%;
}
#column-left + #column-right + #content .product-info > .left {}
#column-left + #column-right + #content .product-info > .left + .right {}
.product-info > .left + .right {
float: left;
padding: 0px;
width: 60%;
}
.product-info .right {width: 57%;}
.product-info .image {
border: 1px solid #E2D8CF;
float: left;
margin-bottom: 10px;
padding: 8px;
text-align: center;
}
.product-info .image #wrap {z-index:1 !important;}
.product-info .image-additional {
clear: both;
margin-left: 0;
}
.product-info .image-additional img {
border: 1px solid #E2D8CF;
margin-right:1px;
}
.product-info .image-additional a {
float: left;
display: block;
margin-bottom: 10px;
padding-right:10px;
}
.product-info .description {
padding: 0px 0px 10px 0px;
line-height: 20px;
color: #4D4D4D;
}
.product-info .producttitle {border-bottom: 1px solid #E2D8CF;
float: left;
padding: 0 0 5px;
width: 100%; margin-bottom: 12px;}
.product-info .producttitle h1 { float: left;
line-height: 35px;
margin: 0;}
.product-info .description span {
color: #777;
font-weight:bold;
}
.product-info .description a {
color: #4D4D4D;
text-decoration: none;
}
.product-info .price {
background: none repeat scroll 0 0 ;
color: #433E39;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
overflow: auto;
padding: 10px 0px;
}
.product-info .price-old {
color: #7B7B7B;
font-size: 12px;
font-weight: normal;
text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
font-size: 12px;
font-weight: normal;
color: #999;
}
.product-info .price .reward {
font-size: 12px;
font-weight: normal;
color: #999;
}
.product-info .price .discount {
font-weight: normal;
font-size: 12px;
color: #4D4D4D;
}
.availableoption h2 {border-bottom: 1px solid #E2D8CF;}
.product-info .options {
background: none repeat scroll 0 0 #E2D8CF;
color: #555;
padding: 0 10px;
}
.product-info .options .optioninner { background: none repeat scroll 0 0 #F2F2F2;
margin-bottom: 12px;
padding: 10px 6px 0;
}
.product-info .options h2 { border-bottom: 1px solid #DBDBDB;
padding-bottom: 5px;}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
border: 1px solid #CCCCCC;
cursor: pointer;
}
.product-info .cart {
background:#E2D8CF;
color: #4D4D4D;
margin-bottom: 10px;
overflow: auto;
padding: 10px 5px;
}
.product-info .cart .cart_links {padding:0px 10px;}
.product-info .cart .cart_qty {width:290px; }
.product-info .cart .cart_qty #button-cart{ background: url("../image/sprite.png") no-repeat scroll 4px -530px transparent;
color: #45413E;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 35px; }
.product-info .cart .cart_qty #button-cart:hover{ background: url("../image/sprite.png") no-repeat scroll 4px -1742px transparent;
color: #FFFFFF;}
.product-info .cart div {
vertical-align: middle;
float:left;
}
.product-info .cart div > span {
padding-top: 7px;
display: block;
color: #999;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
color: #999;
clear: both;
}
.product-info .review {
}
.product-info .review > div {
border-bottom: 1px solid #E2D8CF;
line-height: 20px;
padding: 8px 8px 16px;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .review .share {
overflow: auto;
line-height: normal;
padding:16px 8px;
}
.product-info .review .share a {
text-decoration: none;
}
.review-list {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #E2D8CF;
}
.review-list .author {
float: left;
margin-bottom: 20px;
}
.review-list .rating {
float: right;
margin-bottom: 20px;
}
.review-list .text {
clear: both;
}
.attribute {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
color: #555;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.attribute tr td:first-child {
color: #555;
font-weight: bold;
text-align: right;
width: 20%;
}
.attribute td {
padding: 7px;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
}
.compare-info {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
background: none repeat scroll 0 0 #E2D8CF;
color: #555454;
font-size: 12px;
font-weight: normal;
text-align: left;
}
.compare-info tr td:first-child {
color: #555;
font-weight: bold;
text-align: right;
}
.compare-info td {
padding: 12px;
width: 20%;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
}
.compare-info .remove .button { background: none repeat scroll 0 0 #EE9422;
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
margin-top: 3px;
padding: 7px; }
.compare-info .remove .button:hover { background:#433E39; color:#FFFFFF;}
.compare-info .name a {
font-weight: bold;
}
.compare-info .price-old {
font-weight: bold;
color: #F00;
text-decoration: line-through;
}
.compare-info .price-new {
font-weight: bold;
}
/* wishlist */
.wishlist-info table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
border-right: 1px solid #E2D8CF;
margin-bottom: 20px;
}
.wishlist-info td {
padding: 12px;
}
.wishlist-info thead td {
background-color: #E2D8CF;
border-bottom: 1px solid #E2D8CF;
color: #555454;
font-weight: normal;
}
.wishlist-info thead .image {
text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
text-align: right;
}
.wishlist-info tbody td {
background:#FFFEFC;
border-bottom: 1px solid #E2D8CF;
}
.wishlist-info tbody .image img {
border: 1px solid #E2D8CF;
}
.wishlist-info tbody .image {
text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
text-align: right;
}
.wishlist-info tbody .price s {
color: #F00;
}
.wishlist-info tbody .action img {
cursor: pointer;
}
.login-content { margin-bottom: 20px; float:left; width:100%;}
.login-content .left {
float: left;
width: 48%;
}
.login-content .button
{background: none repeat scroll 0 0 #EE9422;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
padding: 7px 15px;
}
.login-content .button:hover {color:#FFFFFF; background: none repeat scroll 0 0 #433E39; }
.login-content .right {
float: right;
width: 48%
}
.login-content .left .content, .login-content .right .content {
min-height: 190px;
width:94%!important;
}
/* orders */
.order-list {
margin-bottom: 10px;
}
.order-list .order-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.order-list .order-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.order-list .order-content {
background:#E2D8CF;
padding: 10px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.order-list .order-content div {
float: left;
width: 32.3%;
}
.order-list .order-info {
text-align: right;
}
.order-detail {
background: #EFEFEF;
font-weight: bold;
}
/* returns */
.return-list {
margin-bottom: 10px;
}
.return-list .return-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.return-list .return-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.return-list .return-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
}
.return-list .return-content div {
float: left;
width: 32.3%;
}
.return-list .return-info {
text-align: right;
}
.return-product {
overflow: auto;
margin-bottom: 20px;
}
.return-name {
float: left;
width: 31%;
margin-right: 15px;
}
.return-model {
float: left;
width: 31%;
margin-right: 15px;
}
.return-quantity {
float: left;
width: 31%;
}
.return-detail {
overflow: auto;
margin-bottom: 20px;
}
.return-reason {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened {
float: left;
width: 31%;
margin-right: 15px;
}
.return-captcha img {margin-top:10px;}
.return-opened textarea {
width: 98%;
vertical-align: top;
}
.return-captcha {
float: left;
}
.download-list {
margin-bottom: 10px;
}
.download-list .download-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.download-list .download-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.download-list .download-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
float: left;
width: 33.3%;
}
.download-list .download-info {
text-align: right;
}
/* cart */
.cart-info table {
width: 100%;
margin-bottom: 15px;
border-collapse: collapse;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
border-right: 1px solid #E2D8CF;
}
.cart-info td {
padding:12px;
}
.cart-info thead td {
background-color: #E2D8CF;
border-bottom: 1px solid #E2D8CF;
color: #555454;
font-weight: normal;
}
.cart-info thead .image {
text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
text-align: right;
}
.cart-info tbody td {
border-bottom: 1px solid #E2D8CF;
background:none repeat scroll 0 0 #FFFEFC;
}
.cart-info tbody .image img {
border: 1px solid #E2D8CF;
}
.cart-info tbody .image {
text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
position: relative;
top: 4px;
cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
text-align: right;
}
.cart-info tbody span.stock {
color: #F00;
font-weight: bold;
}
.cart-module > div {
display: none;
}
.cart-total {
border-top: 1px solid #E2D8CF;
overflow: auto;
padding-top: 8px;
margin-bottom: 15px;
}
.cart-total table {
float: right;
}
.cart-total td {
padding: 3px;
text-align: right;
}
/* checkout */
.checkout-heading {
background: #A29285;
padding: 8px;
font-weight: normal;
font-size: 14px;
color: #FFFFFF;
font-family:Arvo;
margin-bottom: 15px;
}
.checkout-heading a {
float: right;
color:#FFFFFF !important;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}
.checkout-content {
padding: 0px 0px 15px 0px;
display: none;
overflow: hidden;
}
.checkout-content .left {
float: left;
width: 46%;
}
.checkout-content #button-account
{background: none repeat scroll 0 0 #EE9422;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
padding: 7px;
}
.checkout-content #button-account:hover {color:#FFFFFF; background:#433E39; }
.checkout-content .right {
float: right;
width: 53%;
}
.checkout-content #button-login
{background: none repeat scroll 0 0 #EE9422;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
padding: 9px 12px;
}
.checkout-content #button-login:hover {color:#FFFFFF; background:#433E39; }
.checkout-content .buttons {
clear: both;
}
.checkout-product table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #E2D8CF;
border-left: 1px solid #E2D8CF;
border-right: 1px solid #E2D8CF;
margin-bottom: 20px;
}
.checkout-product td {
padding: 7px;
}
.checkout-product thead td {
color: #555454;
font-weight: bold;
background-color: #E2D8CF;
border-bottom: 1px solid #E2D8CF;
}
.checkout-product thead .name, .checkout-product thead .model {
text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
text-align: right;
}
.checkout-product tbody td {
vertical-align: top;
border-bottom: 1px solid #E2D8CF;
}
.checkout-product tbody .name, .checkout-product tbody .model {
text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
text-align: right;
}
.checkout-product tfoot td {
text-align: right;
border-bottom: 1px solid #E2D8CF;
}
.contact-info { float:left;width:100%;}
.contact-info .left {
float: left;
width: 48%;
}
.contact-info .right {
float: left;
width: 48%;
}
.sitemap-info {
overflow: auto;
margin-bottom: 40px;
}
.sitemap-info .left {
float: left;
width: 48%;
}
.sitemap-info .left ul {padding-left:15px; }
.sitemap-info .left ul li ul { padding-left:30px;}
.sitemap-info .right {
float: left;
width: 48%;
}
.sitemap-info .right ul {padding-left:15px; }
.sitemap-info .right ul li ul { padding-left:30px;}
/*============================================= footer ==============================================*/
.footermain {background: none repeat scroll 0 0 #FFFFFF;
border-top: 6px solid #B2A295;
margin-top: 10px; float:left; width:100%; }
.footer-bottom {width:1000px; margin:0 auto; clear:both;}
.footer-block { background:none repeat scroll 0 0 #FFFFFF;
border-top:6px solid #B2A295;
float:left;
margin-top:25px;
width:100%;
}
.footer_custom_block { margin:0 auto; width:1000px;
}
.footer_custom_block .customblock_content_custom { background:#EDE0D8; margin:0 auto; width:1000px; float:left; }
.customblock_content_custom .follow-us { float:right;}
.customblock_content_custom .follow-us ul{ float:left; margin:6px 0 0 0; padding-bottom:4px; cursor:pointer;}
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s1 {background:url("../image/sprite.png") no-repeat scroll -7px -641px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s1:hover {background:url("../image/sprite.png") no-repeat scroll -7px -712px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s2 {background:url("../image/sprite.png") no-repeat scroll -7px -781px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s2:hover {background:url("../image/sprite.png") no-repeat scroll -7px -852px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s3 {background:url("../image/sprite.png") no-repeat scroll -7px -921px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s3:hover {background:url("../image/sprite.png") no-repeat scroll -7px -993px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s4 {background:url("../image/sprite.png") no-repeat scroll -7px -1061px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link .s4:hover {background:url("../image/sprite.png") no-repeat scroll -7px -1132px transparent; float:left; }
.footer_custom_block .customblock_content_custom .follow-us ul.social-link li { float:left; height:50px; width: 50px; list-style:none;}
.customblock_content_custom .custom-banner { float:left; height:61px;}
.custom-banner .banner1 { margin:0; list-style:none; height:61px; padding-left:0px; margin-top:6px; }
#footer {
margin: 0 auto;
overflow: auto;
padding: 20px 0;
width: 1000px;
}
#footer h3 {
color: #555454;
border-bottom:2px solid #F0E6E0;
font-size: 17px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom:5px;
margin-top: 0;
font-family:arvo;
}
#footer .column {
float: left;
width: 25%;
min-height: 100px;
}
#footer .column1 {
float: left;
width: 19%;
min-height: 100px;
}
#footer a {
text-decoration: none;
color: #6B5D51;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer a:hover {
text-decoration: underline;
color:#EF9523;
}
#powered {
margin:20px 0 5px;
text-align: left;
float:left;
color:#948170;
font-size:12px;
}
.blue { color:#EF9523;}
.blue:hover { color:#948170;}
.design-templatemela { color:#EF9523;}
.design-templatemela:hover { color:#948170;}
#copy {
float: left;
}
#footend p{ margin-bottom:0; padding-left:10px; float:left;}
#designed { clear: both;
margin-top: 3px;
}
#footer .column_1 { float: left;; min-height:100px; width:100%;}
#footer .column_2 { float: left;; min-height:100px; margin:0 5px; width:48%;}
#footer .column_3 { float: left;; min-height:100px; margin:0 5px; width:32%;}
#footer .column_4 { float: left;; min-height:100px; margin:0 5px; width:228px;}
#footer .column_5 { float: left;; min-height:100px; margin:0 5px; width:180px;}
#footer ul li a{
background: url("../image/sprite.png") no-repeat scroll -6px -1412px transparent;
padding-left: 12px;
text-decoration: none;
font-size:13px;
color:#4C4C4C;
}
#footer ul { padding:0; margin:10px 0 0 0; list-style:none;line-height:25px;}
#footer ul li { display:block;}
#footer ul .add { font-family:Arial, Helvetica, sans-serif; font-size:13px ; color:#524C48;}
.customblock_content p { text-align:justify;}
/* banner */
.banner div {
text-align: center;
width: 100%;
}
.cms-home .banner div img {
float:left;
border:5px solid #E3D8CF;
}
.vertical_arrow { float:right; margin-top:-34px;}
.box-content #ticker-previous1,.box-content #ticker-previous2,.box-content #ticker-previous3,.box-content #ticker-previous4
{
float: right;
height: 15px;
width:19px;
margin:0 5px 0 0;
border:1px solid #CCCCCC;
}
.box-content #ticker-next1,.box-content #ticker-next2,.box-content #ticker-next3,.box-content #ticker-next4
{
float: right;
height: 15px;
width:19px;
border:1px solid #CCCCCC;
}
/* ================================= ComboCSS ================================*/
form.jqtransformdone label{
margin-top:4px;
margin-right: 8px;
display: block;
float:left;
}
form.jqtransformdone div.rowElem{
clear:both;
padding:4px 0px;
}
/* -------------
* Buttons
* ------------- */
button.jqTransformButton {
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
cursor: pointer;
overflow: visible;
font-family: Arial;
}
*:first-child+html button.jqTransformButton[type]{width: 1px;} /* IE7 */
button.jqTransformButton span {
background: transparent url(img/btn_right.gif) no-repeat right top;
display: block;
float: left;
padding: 0px 4px 0px 0px; /* sliding doors padding */
margin: 0px;
height: 33px;
}
button.jqTransformButton span span {
background: transparent url(img/btn_left.gif) no-repeat top left;
color: #333;
padding: 8px 4px 0px 8px;
font-weight: normal;
font-size: 12px;
line-height: 13px;
display: block;
text-decoration: none;
height: 33px;
}
/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }
/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }
/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }
/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper {
background: transparent url(img/input/input_text_left.gif) no-repeat left top;
height: 31px;
padding: 0px;
float:left;
}
.jqTransformInputInner {
background: transparent url(img/input/input_text_right.gif) no-repeat top right;
padding: 0px;
margin: 0px;
}
.jqTransformInputInner div {
height: 31px;
margin:0px 0px 0px 8px;
}
.jqTransformInputInner div input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
vertical-align: middle;
height: 31px;
color:#404040;
border: none;
padding: 8px 0px 0px 0px;
margin: 0px;
background:transparent;
}
/* IE6 */
* html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin: 0 0 0 -8px;
height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
padding: 6px 0 0 0;
margin-left:-10px;
height:24px;
}
/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}
/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}
.jqTransformSafari .jqTransformInputInner div {
position: relative;
overflow: hidden;
margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
background: none;
position: absolute;
top: -10px;
left: -2px;
height: 42px;
padding-left: 4px;
}
/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/
}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(img/textarea/textarea_tr.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(img/textarea/textarea_mr.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(img/textarea/textarea_br.gif) no-repeat top left;}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}
table.jqTransformTextarea .jqTransformSafariTextarea div {
position: relative;
overflow: hidden;
border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: none;
position: absolute;
top:-10px;
left:-10px;
padding: 10px 10px 10px 10px;
resize: none;
}
/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;}
.jqTransformRadio {
background: transparent url(img/radio.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;/*display: -moz-inline-block;*/
}
/* -------------
* Checkboxes
* ------------- */
.jqTransformSelectWrapper {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid #E2D8CF;
color: #555555;
display: block;
height: 30px;
line-height: 24px;
position: relative;
text-decoration: none;
white-space: nowrap;
display:inline-block;
position: relative;
width:150px !important;
top:0px;
float:left;
z-index:5 !important;
}
.product-filter .limit .jqTransformSelectWrapper { width: 56px !important;}
.jqTransformSelectWrapper:hover { border-color: #999999;
transition: color 300ms ease-in-out 0s, border-color 300ms ease-in-out 0s;}
.jqTransformSelectWrapper div span {
font-size: 12px;
float: none;
position: absolute;
white-space: nowrap;
height: 18px;
line-height: 15px;
padding: 8px 0 0 7px;
overflow: hidden;
cursor:pointer;
color:#777;
/*border: 1px solid #CCCCCC;*/
/* border-right: none;*/
width:100% !important;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #555;
content: "";
display: inline-block;
margin: 0;
vertical-align: top;
width: 0;
position: absolute;
right: 6px;
top: 13px;
display: block;
}
.jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 30px;
left: 0px;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: 150px;
overflow: auto;
overflow-y: auto;
/*z-index:10;*/
z-index:10;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
font-size: 12px;
}
.jqTransformSelectWrapper ul a.selected {
background: #E2D8CF;
color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#E2D8CF;
color: #000;
}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden {display: none;}
/*================ Combo Css End*/
/*FOOTER CSS START */
#footer-top-outside h6 { color: #4C4C4C;
font-family:arvo;
font-size: 17px;
font-weight: bold;
border-bottom:2px solid #F0E6E0;
padding-bottom:5px;
margin: 4px 0 10px;}
#about_us_footer .icon { background: url("../image/sprite.png") no-repeat scroll -11px -1010px #FF633F;
color: #FFFFFF;
display: inline-block;
height: 27px;
overflow: hidden;
width: 27px; float:left; margin-right:8px;
display:none;}
#twitter_footer .icon { background: url("../image/sprite.png") no-repeat scroll -10px -1118px #FF633F;
color: #FFFFFF;
display: inline-block;
float: left;
height: 27px;
margin-right: 8px;
overflow: hidden;
width: 27px;
display:none;}
#contact_footer .icon{ background: url("../image/sprite.png") no-repeat scroll -12px -1065px #FF633F;
color: #FFFFFF;
display: inline-block;
float: left;
height: 27px;
margin-right: 8px;
overflow: hidden;
width: 27px;
display:none;}
#facebook_footer .icon { background: url("../image/sprite.png") no-repeat scroll -11px -1172px #FF633F;
color: #FFFFFF;
display: inline-block;
float: left;
height: 27px;
margin-right: 8px;
overflow: hidden;
width: 27px;
display:none;}
#footer-top-outside h2 { overflow:hidden !important; padding-bottom:13px;}
#custom_footer .icon { background: url("../image/sprite.png") no-repeat scroll -11px -1010px #FF633F;
color: #FFFFFF;
display: inline-block;
float: left;
height: 27px;
margin-right: 8px;
overflow: hidden;
width: 27px;
display:none;}
#footer-top-outside #twitter h2 {background:none;padding:0; font-size:13px; color:#979797;}
.lt-ie8 #twitter_footer h2 {background:none;}
#footer-top-outside
{
border: medium none;
clear: both;
color: #6B5D51;
margin: 0 auto;
overflow: hidden;
padding: 20px 0;
width: 980px;
}
.contactus .inner_contact {margin-bottom:10px;}
#footer-top-outside ul {margin:0; padding:0;}
#contact_footer ul { list-style: none outside none; margin:0 0 5px 0; padding:0; }
#categories_footer ul li { padding-bottom: 10px; }
#footer_telephone, #footer_telephone2, #footer_email, #footer_email2, #footer_skype, #footer_fax { text-indent: 25px; padding-left:20px;}
.contact_column { height: 35px; }
#tel { background:url("../image/sprite.png") no-repeat scroll -3px -1970px transparent;}
#mail { background:url("../image/sprite.png") no-repeat scroll -3px -2059px transparent; }
#fax { background:url("../image/sprite.png") no-repeat scroll -3px -2016px transparent; }
#contact_footer ul li ul li { margin-left:23px; font-size:13px; }
#contact_footer ul li ul#fax li, #contact_footer ul li ul#skype li { line-height:30px!important; }
/* twitter */
#twitter_update_list li { padding-bottom: 10px; padding-top:5px; }
#twitter_update_list { padding: 0 !important; list-style: none !important; margin-top:0 !important; line-height:17px; }
#twitter_footer li:first-child { padding-top:0 !important; }
#twitter_footer li span { display: block; }
#twitter_footer li a { font-style: normal; color:#979797; text-decoration:none; }
.no_image { height: 155px; }
.about_us_image { float: left; margin-right: 10px; margin-bottom: 5px; }
#footer-top-outside li, #footer-top-outside p { font-size: 14px; line-height: 18px; font-family:Arial, Helvetica, sans-serif; }
.container_12 { width:964px; margin:0 auto; }
.container_12 .grid_1 { width:61px; }
.container_12 .grid_2 { width:142px;float:left; }
.container_12 .grid_3 { width:221px; float:left; }
.container_12 .grid_4 { width:300px; float:left; }
.container_12 .grid_5 { width:385px;float:left; }
.container_12 .grid_6 { width:462px;float:left; }
.container_12 .grid_7 { width:547px;float:left; }
.container_12 .grid_8 { width:628px;float:left; }
.container_12 .grid_9 { width:709px;float:left; }
.container_12 .grid_10 { width:790px;float:left; }
.container_12 .grid_11 { width:871px; float:left;}
.container_12 .grid_12 { width:944px; float:left;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.footer-bottom-left {float:right;}
.paymenticon {clear: both;
float: right;}
#bottomfooter {
color: #555555;
font-weight: bold;
}
#bottomfooter ul {
float: right;
margin: 0;
padding-left: 0;
}
#bottomfooter li {
background: url("../image/pipe2.gif") no-repeat scroll right center transparent;
color: #3d3d3d;
display: inline;
padding: 1px 5px;
}
#bottomfooter li a {
color: #948170;
font-size: 12px;
font-weight: normal;
text-decoration: none;
text-transform: capitalize;
font-family:Arial, Helvetica, sans-serif;
}
#bottomfooter li a:hover {
text-decoration:none;
color:#414141;
}
#bottomfooter .last { background:none;}
#bottomfooter li:last-child {
background: none repeat scroll 0 0 transparent;
}
.bottomright {float:right; margin-top:20px;}
.ie7 .bottomright { width:70%;}
/*FOOTER CSS END*/
/*========================== LANGUAGE =============*/
.switcher {
float: left;
z-index: 123456;
margin:3px 0 0 0;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
overflow:hidden;
}
.switcher .selected a {
color: #B0A59D;
background:none;
padding: 2px 5px;
overflow:hidden;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.switcher .option {
position: absolute;
z-index: 99;
border-left: 1px solid #E2D8CF;
border-right: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
background-color: #FFF;
display: none;
width: 120px;
}
.switcher .option a {
color: #555454;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #555454;
color:#FFFFFF;
}
.switcher img {
position: relative;
top: 1px;
}
/*currency drop down*/
.currencyswitcher {
float: left;
z-index: 999;
margin: 3px 5px 0;
}
.currencyswitcher a {
text-decoration: none;
display: block;
}
.currencyswitcher .selected {
overflow: hidden;
}
.currencyswitcher .selected a {
color:#B0A59D !important;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:none;
overflow:hidden;
color: ##B0A59D;
padding: 2px 5px;
}
.ie7 .currencyswitcher .selected a { color:#B0A59D;}
.currencyswitcher .option {
position: absolute;
z-index:99;
border-left: 1px solid #E2D8CF;
border-right: 1px solid #E2D8CF;
border-bottom: 1px solid #E2D8CF;
background-color: #FFF;
display: none;
width: 120px;
}
.currencyswitcher .option a {
color: #555454;
padding: 3px 5px 3px 5px;
}
.currencyswitcher .option a:hover {
background: #555454;
color:#FFFFFF;
}
.currencyswitcher img {
position: relative;
top: 1px;
}
.lang_image { float:left;}
/*currency drop down end*/
/*========= related product ======*/
.relatedproduct {float:left; width:100%; }
.relatedproduct .box-product {padding-left:3px;}
.relatedproduct h3 { border-bottom: 1px solid #E2D8CF;
padding-bottom: 2px;}
.relatedproduct .box-product > div
{
display: inline-block;
background:#E3D9CF;
border:1px solid #F2E9E2;
float: none;
margin: 0 10px 15px 0;
padding: 0px;
text-align: left;
width: 228px;
}
.relatedproduct .box-product > div .name a { margin-left:12px;
color: #433E39;
font-weight: normal;
text-decoration: none;
font-size:16px;
font-family:Arvo; }
.relatedproduct .box-product > div .button { background: url("../image/sprite.png") no-repeat scroll 4px -538px transparent;
color: #45413E;
font-size: 14px;
font-weight: bold;
padding: 0 0 12px 35px;
margin-top:5px;
}
.relatedproduct .box-product > div .price { color:#433E39; font-weight:bold; font-size:15px; margin-left:12px; margin-bottom:0;}
.relatedproduct .box-product > div:hover .price{ color:#FFFFFF;}
.relatedproduct .box-product > div:hover .price .price-old { color:#FFFFFF;}
.relatedproduct .box-product > div:hover .name a { color:#FFFFFF;}
.relatedproduct .box-product > div:hover .button { color:#FFFFFF; background:url("../image/sprite.png") no-repeat scroll 4px -1750px transparent;}
.relatedproduct .box-product > div:hover { background:#A29285; border:1px solid #A29285;
box-shadow: 0 0 0 4px #A29285;
-moz box-shadow: 0 0 0 4px #A29285;
-o-box-shadow: 0 0 0 4px #A29285;
-webkit-box-shadow: 0 0 0 4px #A29285;
}
.lt-ie9 .relatedproduct .box-product > div {display: inline;}
.ie7 .relatedproduct .box-product div { display:inline;}
.ie7 .relatedproduct .box-product div .button {clear:both; float:left;}
.relatedproduct .related_title a { color:#45413E; font-size:15px; text-decoration:none; font-family:Arvo; font-weight:bold;}
.prevnext_link { float: right;
font-size: 0;
overflow: hidden;
width: 13%;}
#notification {margin:0 auto; width:1000px;}
#content-wrapper #notification {margin:0px auto; width:1000px;}
.ie7 #notification {width:auto;}
.prevnext_link .floatL .button { background: url("../image/sprite.png") no-repeat scroll -6px -1894px transparent;
height: 31px;
padding: 0;
width: 28px;}
.prevnext_link .floatL .button:hover {background:url("../image/sprite.png") no-repeat scroll -6px -1935px transparent; }
.prevnext_link .floatR .button { background: url("../image/sprite.png") no-repeat scroll -6px -1986px transparent;
height: 30px;
padding: 0;
width: 28px;}
.prevnext_link .floatR .button:hover { background: url("../image/sprite.png") no-repeat scroll -6px -2037px transparent;}
.prevnext_link .floatL .button span, .prevnext_link .floatR .button span {font-size:0;}
/*======== Latest Product ======*/
#column-left .box-product > div,#column-right .box-product > div
{
width: 100%;
display: inline-block;
vertical-align: top;
margin:0 0 15px 0;
padding:0;
border:none;
text-align:left;
}
#column-left .box-product > div .name ,#column-right .box-product > div .name { margin-top:5px; }
#column-left .box-product > div:hover,#column-right .box-product > div:hover {box-shadow:none}
#column-left .box-product .image,#column-right .box-product .image
{
display: block;
float: left;
margin-bottom: 0;
width: 48%;
border:none;
}
.boxprod_right { float: right;
margin-left: 3px;
width: 103px;
margin-top:10px;}
#vertical-ticker,#vertical-ticker1,#vertical-ticker2,#vertical-ticker3
{
height:400px;
overflow:hidden;
margin:0; padding:0;
-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
}
#vertical-ticker li,#vertical-ticker1 li,#vertical-ticker2 li,#vertical-ticker3 li
{
display:block;
color:#333;
margin:0 0 20px 0;
float:left;
width:100%;
}
.saleblock {
}
.saleicon {
height: 35px;
left:0px;
position: absolute;
text-indent: -9999px;
top: 20px;
width: 87px;
background: url("../image/sale.png") no-repeat scroll 0 0 transparent;
}
ul.featured-grid li.item .product-block:hover .saleicon { left: 19px;}
.ie7 ul.featured-grid li.item .product-block:hover .saleicon { left: 10px;}
#column-left .saleicon {display:none;}
#column-right .saleicon {display:none;}
/*====================== Vertical Category Sidebox ==============================*/
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
z-index:59;
}
.sidebarmenu ul li{
position: relative;
z-index:9 !important;
}
.sidebarmenu ul li:hover {background-color:#FFFFFF;}
.sidebarmenu ul li:last-child {border-bottom:none;}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 0px;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 2px;
visibility: hidden;
background:none #FFFFFF;
z-index:9999 !important;
}
#sidebarmenu1 li ul li { }
.sidebarmenu a.subfolderstyle{
}
#sidebarmenu1 li ul li a:hover {background-color:#FFFFFF; color:#E99627;}
#sidebarmenu1 li a { font-weight:normal; color:#7B7B7B;}
#sidebarmenu1 li a:hover {color:#E99627; }
#sidebarmenu1 li a.active { color:#7B7B7B !important; color: #7B7B7B !important;
font-weight: bold;}
#sidebarmenu1 li ul li a { color:#7B7B7B; font-size:11px; }
.custom_block { float:left; width:19%;}
.customblock_content { width:100%;}
/*============= Product page Accoridan Tab =============== */
#accordion {
float: left;
margin-bottom: 30px;
}
#accordion h2.ui-state-active {
background: url("../image/arow_up_down.png") no-repeat scroll 8px -15px #EAE2D7;
}
#accordion h2 {
background: none repeat scroll 0 0 #F8F8F8;
border: 1px solid #EEEEEE;
cursor: pointer;
margin: 3px 0 5px;
padding: 9px 10px;
}
#accordion .ui-state-active .ui-icon
{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #555;
border-top: 0px solid #555;
content: "";
display: inline-block;
height: 0;
vertical-align: top;
width: 0;
}
#accordion .ui-icon {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #555;
content: "";
display: inline-block;
height: 0;
vertical-align: top;
width: 0;
margin:-3px 0 0 5px;
}
#accordion h2 a {
color: #313842;
font-size: 15px;
}
#accordion .ui-accordion-header { background:none #A29285; border:1px solid #A29285; margin:6px 0 0; border-radius: 0 0 0 0;}
#accordion .tab-content { background:none #FFFEFC; height:auto !important; padding:15px 10px;}
#accordion .ui-state-active a { color:#fff !important;}
#accordion .ui-accordion-header a:hover { color:#fff;}
#accordion .ui-accordion-header a { color:#FFFFFF; font-family:Arvo; font-size:15px; font-weight:bold;}
#accordion .relatedproduct { background: none repeat scroll 0 0 transparent;
border: medium none;
margin: 0;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 0;}
#accordion .relatedproduct span {border:none !important;}
#accordion .relatedproduct h3 a {padding-left:0 !important;}
#accordion .relatedproduct .box-product a { display: inline-block; font-size: 12px; padding: 3px 10px;}
accordion .relatedproduct .box-product button {}
.ui-accordion .ui-accordion-content { height:auto !important;}
/*============================ Extra =====================*/
#column-left a.button,#column-right a.button,#column-left input.button,#column-right input.button
{
background: none repeat scroll 0 0 transparent !important;
border: medium none;
border-radius: 0 0 0 0;
color: #E7A42B;
font-size: 11px;
font-weight: normal;
height: auto;
margin-top: 4px;
padding: 0;
box-shadow: 0;
text-decoration:underline;
}
#column-left a.button:hover,#column-left input.button:hover { color:#7B7B7B; text-decoration:underline;}
#column-left .box-product .price { margin:0;}
.box-content ul li a {
color: #7B7B7B;
display: block;
font-family: Arial;
line-height: 32px;
padding-left:20px;
display:inline-block;
background:url("../image/sprite.png") no-repeat scroll -7px -1646px transparent;
}
.box-content ul li.manufactureimage a {background:none; border-bottom:none;}
.box-content ul li:last-child {border:none;}
.box-content ul li a:hover { color:#E99627;}
.box-content .jcarousel-skin-tango ul li a {background: none repeat scroll 0 0 transparent; text-decoration:none;
border-bottom: medium none;
color: #7B7B7B;
display: block;
font-family: Arvo;
line-height: 14px;
padding: 0px;
font-size:14px;}
/*====== Custom Footer ======*/
#about_us_footer p,#custom_footer p { text-align:justify; color:#4C4C4C;}
#customHome .grid_3 { float:left; width:184px; margin:0 5px;}
#customHome .grid_4 { float:left; width:228px; margin:0 7px;}
#customHome .grid_6 { float:left; width:297px; margin:0 10px;}
#customHome .grid_8 { float:left; width:465px; margin:0 10px;}
#customHome .grid_12 { float:left; width:100%;}
#customHome .grid_3 .fb_iframe_widget span { width:184px !important;height: 346px !important;}
#customHome .grid_3 .fb_iframe_widget iframe { width:184px !important; height: 350px !important;}
#customHome .grid_4 .fb_iframe_widget span { width:225px !important;height: 330px !important;}
#customHome .grid_4 .fb_iframe_widget iframe { width:226px !important;height:355px !important;}
#customHome .grid_6 .fb_iframe_widget span { width:297px !important;}
#customHome .grid_6 .fb_iframe_widget iframe { width:297px !important;}
#customHome .grid_8 .fb_iframe_widget span { width:465px !important;}
#customHome .grid_8 .fb_iframe_widget iframe { width:465px !important;}
#customHome .grid_12 .fb_iframe_widget span { width:965px !important;}
#customHome .grid_12 .fb_iframe_widget iframe { width:965px !important;}
/*#about_us_footer h2 { background:url("../image/spirit.png") no-repeat scroll -25px -38px transparent;}*/
#facebook_footer .fb_iframe_widget span { }
#content-wrapper {clear: both; width:1000px; margin:0px auto; }
.breadcrumb a { color:#7B7B7B; text-decoration:none; font-weight:normal; padding: 0 5px 0 0;}
.refine_serach { border-bottom:1px solid #DCDCDC; padding-bottom:5px;}
#refine_ul ul { width:95%; padding:0;}
#refine_ul ul li { padding:0 !important; margin:0; float:left; list-style:none;}
#refine_ul ul li a { background: none repeat scroll 0 0 #E2D8CF;
border-radius: 4px 4px 4px 4px;
float: left;
text-decoration:none;
list-style: none outside none;
margin: 0 5px 7px 0;
padding: 5px 10px !important; color:#2C2C2C;}
#refine_ul ul li a:hover {background-color:#5E5E5E; transition-duration: 100ms; color:#FFFFFF;}
.wrapper {}
#header .header_bckg { background:#FFFFFF; height: 25px; }
#header .header_top {width:1000px; margin:0 auto;}
#feature-box-product .box-heading
{ border-bottom: medium none;
color: #555;
font-family: open sans;
font-size: 20px;
font-weight: normal;
line-height: 34px;
margin-bottom: 5px;
text-align:left;
}
ul.featured-grid li.item {
float:left;
margin: 0 0 50px;
padding: 0;
width: 245px;
}
.featured-grid li {
list-style: none outside none;
margin-bottom: 15px;
vertical-align: top;
}
.featured-grid {
margin: 0;
padding: 0;}
#feature-box-product {width:980px; margin:0 auto; padding:10px 0 0; }
ul.featured-grid li.item .product-block {
margin-right: 0px;
position: relative;
text-align: center;
float:none !important;
vertical-align: top;
width:238px;
padding:18px 15px 15px 6px;
height:auto !important;
}
ul.featured-grid li.item .product-block:hover {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow:0 0 20px rgba(0, 0, 0, 0.2);
height: auto !important;
margin: 0 0px -74px -9px;
padding: 18px 15px 15px !important;
z-index: 10;
}
.ie7 ul.featured-grid li.item .product-block {display:inline; padding:8px !important; zoom:1; }
.ie7 ul.featured-grid li.item .product-block:hover { padding:8px !important;
display:block; overflow:hidden; zoom:1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=270);
margin-left:-3px;
margin-top:-3px;
}
.ie7 ul.featured-grid li.item { width:228px !important; margin: 0 7px 50px;}
.ie7 .sub_banner {margin-top:10px; border:1px solid #ddd;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=270);}
.ie8 .sub_banner {margin-top:10px; border:1px solid #ddd; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=270); }
.ie9 .sub_banner {margin-top:10px; border:1px solid #ddd; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC, Strength=1, Direction=270);}
.ie7 .block-test {margin-top:10px;}
.ie8 ul.featured-grid li.item .product-block {}
.ie8 ul.featured-grid li.item .product-block:hover {
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=270);
margin-left:-12px;
margin-top:-3px;
}
.block-test {
clear: both;
color: #999999;
display: none;
font-size: 11px;
line-height: 16px;
margin-top: -13px;
padding: 4px 0 10px;
text-align: left;
width: 100%;
}
.block-test .test {padding:10px 0 0;}
ul.featured-grid li.item .product-block:hover .block-test {
display: block;
}
.block-test .button_wishlist {background: url("../image/sprite.png") no-repeat scroll -5px -1945px transparent;
padding-left: 10px;}
.block-test .button_compare {background: url("../image/sprite.png") no-repeat scroll -5px -1945px transparent;
padding-left: 10px;}
#feature-box-product .image img { border:none; display:block;}
#feature-box-product .name { margin: 8px 0 8px;
padding: 5px 0 0;
text-align: left;}
#feature-box-product .price { color: #FF633F;
font-weight: normal;
text-align: left; float:left; font-size:15px;}
#feature-box-product .price .price-old {color:#5E5E5E; text-decoration:line-through;}
#tab-related .box-product > div
{
display: inline-block;
float: left;
background:#E3D9D0;
border:1px solid #E3D9D0;
margin: 0 10px 10px 0;
padding: 0px;
text-align: left;
width: 228px;
}
#tab-related .box-product .price {width:100%; clear:both; float:left; margin-bottom:10px; margin-left:12px;}
.lt-ie9 #tab-related .box-product div { display:inline;}
#tab-related .box-product > div:hover {background:#A29285; border:1px solid #A29285; box-shadow:0 0 0 4px #A29285; }
#tab-related .box-product > div:hover .name a { color:#FFFFFF;}
#tab-related .box-product > div:hover .button { background:url("../image/sprite.png") no-repeat scroll 4px -1750px transparent; color:#FFFFFF;}
#tab-related .box-product > div .button { background: url("../image/sprite.png") no-repeat scroll 4px -539px transparent;
color: #45413E;
font-size: 14px;
font-weight: bold;
padding: 0 0 7px 35px;}
#tab-related .box-product > div:hover .price { color:#FFFFFF;}
#tab-related .box-product > div:hover .price .price-old { color:#FFFFFF;}
#tab-related .box-product .image {}
#tab-related .box-product .image img { border:none;}
#tab-related .box-product .name { margin:5px 0;}
.cart-info .name a { color:#828282; font-weight:bold; text-decoration:none;}
.cart-info .name a:hover { color:#000;}
.nav-container1 {display:none;}
#mobileFpart {display:none;}
#mobilefooter {display:none;}
/*========= Product Slider ======== */
#issues .image { float:left; margin:0 20px; width:30%; padding-top:18px;}
.productslider_right { float:left; width:65%;}
.productslider_right .name { background: none repeat scroll 0 0 #E3D9D0;
height: 22px;
padding: 10px 0 23px 20px;}
.productslider_right .name a { color: #45413E;
font-size: 28px;
font-family:Arvo;
font-weight: bold;
text-decoration: none;
}
.productslider_right .price { color: #EBA62A;
font-size: 27px;
font-weight: bold; margin-top:10px;}
.productslider_right .price .price-old { color: red;font-size: 18px;text-decoration: line-through;}
.productslider_right .product-description {margin-top:10px;}
#timeline {
height: 315px;
overflow: hidden;
position: relative;
width: 1000px;
margin:0 auto;
}
.timelineblock {}
.ie7 .timelineblock {padding-top: 10px;}
#dates {
width:100% !important;
margin:0 !important;
padding:0;
display:none;
height: 60px;
overflow: hidden;
}
#dates li {
list-style: none;
float: left;
width: 117px;
height: 50px;
font-size: 24px;
text-align: center;
background: url('../image/biggerdot.png') center bottom no-repeat;
}
#dates a {
line-height: 38px;
padding-bottom: 10px;
color:#FBB0B4;
text-decoration:none;
}
#dates .selected {
font-size: 15px;
font-weight: bold;
}
#issues {
width: 800px;
height: 350px;
overflow: hidden;
padding:0;
}
#issues li {
width: 980px;
height: 305px;
list-style: none;
float: left;
margin-left:10px;
}
#issues li.selected img {
-webkit-transform: scale(1.0,1.1);
-moz-transform: scale(1.0,1.1);
-o-transform: scale(1.0,1.1);
-ms-transform: scale(1.0,1.1);
transform: scale(1.0,1.1);
}
#issues li img {
float: left;
margin: 0 10px;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
zoom: 1;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7,0.7);
-moz-transform: scale(0.7,0.7);
-o-transform: scale(0.7,0.7);
-ms-transform: scale(0.7,0.7);
transform: scale(0.7,0.7);
}
#issues li h1 {
color: #ffcc00;
font-size: 48px;
margin: 20px 0;
text-shadow: #000 1px 1px 2px;
}
#issues li p {
color: #777;
font-size: 14px;
font-weight: normal;
line-height: 22px;
text-align: justify;
}
#grad_left,
#grad_right {
width: 100px;
height: 350px;
position: absolute;
top: 0;
}
#grad_left {
left: 0;
background: url('../images/grad_left.png') repeat-y;
}
#grad_right {
right: 0;
background: url('../images/grad_right.png') repeat-y;
}
#next,
#prev {
background-position: 0 0;
background-repeat: no-repeat;
font-size: 70px;
height: 70px;
overflow: hidden;
position: absolute;
right: 60px;
text-indent: -9999px;
top: 230px;
width: 50px;
}
#next:hover {background-position: -4px -295px;}
#prev:hover {
background-position: -4px -149px;
}
#next {
right: 0;
background:url("../image/sprite.png") no-repeat scroll -4px -366px transparent;
}
#prev {
right: 50px;
background:url("../image/sprite.png") no-repeat scroll -4px -220px transparent;
}
#next.disabled,
#prev.disabled {
opacity: 0.2;
}
/*==================================*/
/* START FORMALIZE */
/*==================================*/
/* `Widths
----------------------------------------------------------------------------------------------------*/
.input_tiny {
width: 50px;
}
.input_small {
width: 100px;
}
.input_medium {
width: 150px;
}
.input_large {
width: 200px;
}
.input_xlarge {
width: 250px;
}
.input_xxlarge {
width: 300px;
}
.input_full {
width: 100%;
}
/*
Added via JS to