Skip to content

Instantly share code, notes, and snippets.

@leotop
Last active August 29, 2015 14:07
Show Gist options
  • Save leotop/8785b7001633efd42898 to your computer and use it in GitHub Desktop.
Save leotop/8785b7001633efd42898 to your computer and use it in GitHub Desktop.
@font-face {
font-family: 'OpenSansRegular';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
* {
font-family: Arial,sans;
}
html {
overflow: -moz-scrollbars-vertical;
/*margin:0; padding:0;*/
}
body {
background:#dcdbdb;
color:#222;
font-family: 'OpenSansRegular';
/*margin: 0px; padding: 0px;*/
line-height:18px;
}
body, td, th, input, textarea, select, a {
font-size:12px;
}
* {
/*margin:0; padding:0;*/
}
#telephone {
background: url("../image/call0000.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
font-size: 17px;
height: 30px;
padding-left: 50px;
}
#telephone, #work-hours, #user, #callback {
clear: right;
float: right;
position: relative;
white-space: nowrap;
color: #636363;
}
#telephone #area-code {
color: #68bb0b;
font-weight: normal;
padding: 0 8px 5px 0;
vertical-align: middle;
}
#telephone #area-code:before {
color: #636363;
content: "(";
}
#telephone #area-code:after {
color: #636363;
content: ")";
}
#telephone #number {
font-size: 28px;
letter-spacing: 1px;
font-weight: bold;
}
#work-hours {
font-size: 13px;
position: relative;
/*top: 50px;*/
}
#callback {
background: url("../image/icon_ask.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
font-size: 14px;
height: 20px;
margin: 0;
padding: 6px 0 0 55px;
/*text-decoration: underline;*/
vertical-align: middle;
width: 195px;
}
#callback a {
font-size: 14px;
background: url(icon_ask.png) 0px 0px no-repeat;
width: 195px;
height: 20px;
vertical-align: middle;
cursor: pointer;
text-decoration: underline;
margin: 0;
}
#callback a:hover {
text-decoration: none;
color: #68bb0b;
}
#resource-name {
border-left: 1px solid #636363;
float: left;
height: 46px;
margin-top: 17px;
padding: 0 0 0 19px;
text-align: center;
}
#resource-name h1 {
font-size: 20px;
margin: 0 0 5px 0;
padding: 0;
text-transform: lowercase;
color: #666;
letter-spacing: 1px;
}
#resource-name h2 {
font: 10px arial;
margin: 0;
padding: 0;
text-transform: lowercase;
}
#container h1 {
color: #009900!important;
font: normal 16px Arial, sans-serif;
font-weight: bold;
}
#container h2 {color: #222; font-size:15px; margin-top: 0px; margin-bottom:15px; line-height:normal; padding:5px 0px; border-bottom:2px solid #ddd; text-transform: uppercase; font-weight:normal; }
p {margin-top:0px; margin-bottom: 20px; line-height:20px;}
a, a b {color:#3e7cb4; text-decoration: none; cursor: pointer;}
a:hover, a b:hover {text-decoration:none; color:#000;}
a img {border:none;}
.clear{clear:both;}
form {padding:0; margin:0; display:inline;}
input[type='text'], input[type='password'], textarea {background:#fff; border:1px solid #ccc; padding:8px 8px; margin-left: 0px; margin-right: 0px; font-size:13px; font-family:'OpenSansRegular'; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:80%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
input[type='text']:focus, input[type='password']:focus, textarea:focus {border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
select {background:#fff; border: 1px solid #ccc; padding:8px 2px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
textarea{line-height:20px;}
select:focus{border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2;}
label {cursor: pointer;}
/********** layout **********/
.wrapper-box{max-width:1220px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);}
.main-wrapper{max-width:100%; margin:0px auto; padding:0 25px;}
#container{text-align:left; margin:0 auto;}
#column-left { float:left; width:220px; padding:0px 20px 0 0px;}
#column-right { float: right; width:220px; padding:0px 0px 0 20px;}
#content {
min-height: 400px;
padding: 23px 23px 10px 23px;
border: solid 1px #cecece;
border-radius: 5px;
}
#content:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; }
#column-right + #content { margin-right:250px; }
/********** header **********/
#header {position: relative; padding:0px;}
#header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .htop{background:#3e7cb4;}
#header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .header-row{position:relative; margin:0 auto; padding:15px 0;}
#header #logo {float:left; margin:0px; }
#header #logo a img{display:block;}
.left-top{float:left;}
/********** Language & Currency **********/
#language, #currency{float:left; margin:0 0px; border-left:1px dotted #5b9ad4; cursor:default; color:#fff; text-decoration:none; text-transform:capitalize; position:relative;line-height:35px;}
#language span a, #currency span a{color:#fff;}
#language ul, #currency ul{display:none; position:absolute; top:35px; left:0; background:#fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); z-index:1013; padding:10px; }
#language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:4px 0;}
#language ul li a, #currency ul li a{display:block; color:#333;}
#language ul li a b, #currency ul li a b{cursor:default; display:block; color:#333;}
#language ul li a:hover, #currency ul li a:hover{color:#3e7cb4;}
#language:hover > span:after, #currency:hover > span:after, #header .links > div.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;}
#language span b, #currency span b, #header .links > div.wrap_custom_block > a b{clear:both; content:' '; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-width:4px 5px 0px 5px; margin:0 0 1px 0;}
#language span, #currency span{ position:relative; display:block; padding:0 10px 0 10px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#language img {cursor: pointer; margin-right:5px;}
/********** Top Links **********/
#header .links { position: relative; float:left; line-height:35px; border-right:1px dotted #7b97b2;}
#header .links > a, #header .links .wrap_custom_block > a {float:left; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4; text-decoration: none; font-size:12px; position:relative;}
#header .links > div.wrap_custom_block{float:left; position:relative;}
#header .links > div.wrap_custom_block > div { display: none; background:#fff; position:absolute; z-index:1015; top:35px; padding:10px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);}
#header .links > div.wrap_custom_block > a b{margin-left:3px;}
#header .links > div.wrap_custom_block > a:hover{text-decoration:none;}
#header .links > div.wrap_custom_block > div ul li{list-style-type:none;}
#header #welcome {color:#fff; float:right; line-height:35px; border-right:1px dotted #7b97b2;}
#header #welcome a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4;}
#header .links a:hover, #header #welcome a:hover{text-decoration:underline;}
.wrapper-box #language{border-left:none;}
.wrapper-box #header #welcome{border-right:none;}
.wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;}
/********** Mini Cart ***********/
#header #cart {
position: absolute;
left:480px;
top:30%;
margin-top:-16px;
/*background: red;*/
}
#header #cart .heading {padding:0 0px 0px 0px; position:relative;}
#header #cart .heading h4 {float:left; background:#3e7cb4; width:32px; height:32px; position:relative;}
#header #cart .heading a {
text-decoration: none;
font-size:14px;
height:85px;
color:#444;
display:inline-block;
background: url("../image/basket00.png") no-repeat center;
position:relative;
padding:0;
}
#header #cart .heading a span {display:inline-block; line-height:32px;}
#header #cart.active .heading a span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1012;}
#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height:80px; z-index:1011; background: #FFF; border-top:3px solid #3e7cb4; width:350px; right:0; top:32px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);}
#header #cart.active .heading a{color:#000;}
#header #cart.active .content { display: block; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td {color: #000; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { 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; background:#e9e9e9; padding:3px; border-radius:50%;}
.mini-cart-total { text-align: right; }
.mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; }
.mini-cart-total td { color: #000; padding:2px; font-size:13px;}
.mini-cart-total td b{padding-right:10px;}
#header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0 -8px -8px; padding:15px 8px; background:#f5f5f5; border-top:1px solid #EEEEEE;}
#header #cart .empty { padding-top:25px; text-align: center; text-transform:capitalize;}
/********** Search Bar **********/
#header #search {
position:relative;
float:left;
display:inline-block;
margin-top:28px;
right:0;
/*top:50%;*/
}
#header .button-search {
background:url('../image/arrow_dc.png') center center no-repeat;
width:38px;
height:38px ;
position:absolute;
right:0;
cursor:pointer;
float:right;
}
#header #search input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d7d7d7 #a3a3a3 #a1a1a1 #9f9f9f;
border-image: none;
border-width: 1px;
margin: 0;
padding: 1px;
}
#search {
float: left;
left: 10px;
margin: 0;
padding: 0;
position: relative;
top: -30px;
width: 230px;
padding-top: 10px;
color: #fff;
}
#search input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d7d7d7 #a3a3a3 #a1a1a1 #9f9f9f;
border-image: none;
border-style: solid;
border-width: 1px;
margin: 0;
padding: 1px;
width: 150px;
}
#search input[type="button"] {
background: url("../image/arrow_dc.png") no-repeat scroll center center rgba(0, 0, 0, 0);
border: medium none;
cursor: pointer;
height: 20px;
width: 20px;
}
#search input {
margin: 0;
padding: 1px;
}
input, select {
vertical-align: middle;
}
input, select {
color: #000;
font: 12px Tahoma,Arial,sans-serif;
}
/*style 2*/
#header.style2 #logo{width:450px; text-align:center; position:relative; left:50%; margin-left:-225px;}
#header.style2 #logo a img{display:inline-block; max-width:450px;}
#header.style2 #cart{left:0; right:auto;}
#header.style2 #cart .content{left:0; right:auto;}
#header.style2 #search input{width:150px;}
#header.style2 #search input:focus{width:300px;}
/*style 3*/
#header.style3 #cart{right:0;}
#header.style3 #search{margin-left:-160px; left:50%; right:auto;}
#content #filter_name{width:auto;}
/********** Menu **********/
#menu > span{display:none; }
#menu {
margin:0px 0px 15px 0;
padding:0px;
/*border-bottom:3px solid #d6d6d6;*/
/*border-top:1px solid #d6d6d6;*/
/*border-bottom: 3px solid #d6d6d6;*/
border-top: 1px solid #d6d6d6;
background: url("../image/hor_menu.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
clear: both;
height: 38px;
list-style: none inside url("../image/rc_lt000.png");
}
#menu a {
color: white;
font: 14px Arial;
text-decoration: none;
}
#menu:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu > ul > li {
position:relative;
float:left;
height:30px;
padding:0px;
}
#menu > ul > li > a {
color: #fff;
display: block;
font: 14px Arial;
/*line-height: 40px;*/
padding: 5px 10px 0 10px;
margin-top: 5px;
height: 20px;
position: relative;
text-decoration: none;
z-index: 1009;
border-left: solid 1px #555555;
border-right: solid 1px #aaaaaa;
}
#menu > ul > li:hover > a {
background:url("../image/menu_hl_.png") repeat-x center right;
}
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1010; padding:5px 0 0; border-top:3px solid #3e7cb4; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
/*#menu > ul > li:hover > div.custom_block{display:table;}*/
#menu > ul > li:hover > div.custom_block ul{display:table-cell;}
/*#menu > ul > li:hover > div { display: table;}*/
#menu > ul > li > div > ul { display: table-cell; }
#menu > ul > li.categories_hor > div { display:none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
#menu > ul > li.sub:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1009;}
#menu > ul > li.categories_hor > div > .column a span, #menu > ul > li.categories > div > .column a span, #menu > ul > li > div > ul li a span{float:right; font-size:18px; line-height:13px;}
/*#menu > ul > li:hover > div {display: block;}*/
#menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;}
#menu > ul > li > div > ul{position:relative; width:160px;}
#menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; }
#menu > ul > li > div > ul li a{font-size:12px;}
#menu > ul > li.categories_hor > div > .column:hover > a{color:#3e7cb4;}
#menu > ul > li.categories_hor > div > .column > div{display:block;}
/*#menu > ul > li.categories_hor > div > .column:hover div{display:table; }*/
#menu > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;}
#menu > ul > li.categories_hor > div > .column > div ul li + li{}
#menu > ul > li ul + ul { padding-left: 20px; }
#menu > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 160px;}
#menu > ul > li div > ul > li > a {color:#222;}
#menu > ul > li div > ul > li:hover > a {color:#3e7cb4;}
#menu > ul > li.categories > div { display: none; background:#fff; min-width:180px; position:absolute; z-index:1008; padding:5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
/*#menu > ul > li:hover > div {display: block;}*/
#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu > ul > li.categories > div > .column > a, #menu > ul > li div > ul > li > a{font-size:13px; padding:7px 10px; display:block; color:#444;}
#menu > ul > li.categories > div > .column:hover > a, #menu > ul > li > div > ul li:hover a{color:#3e7cb4;}
#menu > ul > li.categories > div > .column > div{display:none; position:absolute; background:#fff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); z-index:1010; left:165px; top:0; padding:0; border-top:3px solid #3e7cb4;}
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}
.submenu {background:#fff; position:absolute; z-index:1008; padding:0px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); min-width:160px; display:none; border-top:3px solid #3e7cb4; left:165px; margin-top:-32px;}
#menu > ul > li.categories_hor > div .submenu{background:#fff; position:absolute; z-index:1008; padding:3px 0; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); margin-top:-23px; left:155px; min-width:160px; display:none; border-top:3px solid #3e7cb4;}
#menu > ul > li.categories_hor > div .submenu ul li a{padding:4px 10px;}
.menu_brands > div{padding-bottom:0px!important;}
.menu_brands > div.brands_logo6{width:436px;}
.menu_brands > div.brands_logo8{width:582px;}
.menu_brands > div.brands_logo10{width:728px;}
.menu_brands > div > div{display:inline-block; width:70px; text-align:center; margin-bottom:10px; vertical-align:top;}
.menu_brands > div > div a{display:inline-block; line-height:16px;}
.menu_brands > div > div a img{display:block;}
.custom_block p{line-height:18px; margin:0;}
.custom_block a{display:inline-block;}
.custom_block {line-height:normal;}
.breadcrumb{
color:#c2c2c2;
margin-bottom: 10px;
padding: 10px 0;
}
.breadcrumb a{
font-size: 150%;
line-height: 100%;
text-decoration: none;
color: #3F4C6B;
}
.breadcrumb a:hover{
/*color:#2f4a90;*/
text-decoration:underline;
}
.success, .warning, .attention, .information {padding:10px 10px 10px 33px; margin-bottom:15px; color:#555555;}
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; color:#333;}
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; color:#333;}
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; color:#333;}
.attention a:hover, .success a:hover, .warning a:hover{color:#333; text-decoration:underline;}
.success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border:2px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border:2px solid #F8ACAC; }
.attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border:2px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding:5px; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff;}
.success .close{border:1px solid #BBDF8D;}
.warning .close{border:1px solid #F8ACAC;}
.attention .close{border:1px solid #F2DD8C;}
.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: #333; }
table.form td { padding:8px 4px; }
input.large-field, select.large-field { width: 300px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; }
table.list .left { text-align: left; padding: 7px; }
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: #f8f6f6; cursor: pointer; }
/*********** Pagination ***********/
.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; }
.pagination .links { float: left; }
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; margin-right:4px; padding: 4px 10px; text-decoration: none; color: #555; }
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #3e7cb4; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #3e7cb4; margin-right:4px;}
.pagination .links a:hover { color:#000; background:#EEEEEE; }
.pagination .results { float: right; padding-top: 3px; }
/*********** button ***********/
a.button, .button {background-color:#3e7cb4; color:#ffffff; border:0px none; text-transform:uppercase; cursor:pointer; color:#fff; font-size:15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a.button { display: inline-block; text-decoration: none; padding:8px 16px;}
.button { margin:0; padding:8px 16px;}
a.button:hover, .button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }
.htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom:2px solid #ddd; }
.htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;}
.htabs a.selected {color:#111; padding-bottom:7px; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;}
.tab-content{padding:15px 15px 10px; margin-bottom: 20px; z-index:2; border:2px solid #ddd; border-top:0px; }
#tab-description ul {margin-left:20px; margin-bottom:15px;}
.tab-sub{position:absolute; right:70px; top:-46px; border:none; padding:0; height:25px; line-height:25px;}
.tab-sub a{padding:0px 7px; font-size:12px;}
.tab-sub a.selected{padding:0px 10px; position:relative; border-width:2px; line-height:24px;}
.tab-sub a.selected:hover{text-decoration:none; cursor:default;}
.tab-sub a:hover{text-decoration:underline; color:#004B91;}
.category .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;}
.category .tabs li{float:left; list-style-type:none;}
.category .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;}
.category .tabs li.active a{position:relative; line-height:24px; color:#111; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;}
.category .tabs li.active a:hover{text-decoration:none; cursor:default;}
.category .tabs li a:hover{text-decoration:underline; color:#004B91;}
.product-tab{margin-bottom:20px;}
.product-tab .tabs{height:30px; line-height:15px; padding-left:10px; border-bottom:2px solid #ddd; margin-bottom:20px;}
.product-tab .tabs li{float:left; list-style-type:none;}
.product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:18px; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff;}
.product-tab .tabs li.active a{opacity:1; padding-bottom:8px; background: #FFFFFF; border-top:2px solid #ddd; border-left: 2px solid #ddd; border-right:2px solid #ddd;}
.product-tab .deactive, .category .deactive {display:none;}
.addthis_default_style > a{padding:0}
/*********** box ***********/
.box {
margin-bottom: 20px;
border: solid 1px #cecece;
border-radius: 5px;
}
.box .box-heading, .welcome{
position:relative;
padding:0px 0px 2px 0px;
margin-bottom:20px;
margin-left: 10px;
height:30px;
line-height:30px;
font-size:12px;
font-weight: bold;
color:#000;
border-bottom:2px solid #ddd;
}
.box .box-content { padding:0px; position:relative;}
.box .box-heading a:hover{text-decoration:underline;}
/*********** box products ***********/
.box-product {
width: 100%;
}
.box-product > .flexslider ul li{
vertical-align: top;
background:#fff;
text-align:center;
width:210px;
}
.box-product > .flexslider ul.slides{
display:inline-block;
}
.box-product > .flexslider ul li .slide-inner{
padding:10px;
position: relative;
text-align: left;
border:1px solid #fff;
}
.box-product > .flexslider ul li .slide-inner:hover{
/*border:1px solid #E0E0E0;*/
/*box-shadow:0px 0px 5px #ccc inset;*/
}
.box-product .image {
display: block;
margin-bottom:5px;
}
.box-product .image a {
display:block;
}
.box-product .image img {
padding:0;
}
.box-product .name a {
font-size:13px;
line-height:18px;
text-decoration: underline;
display:block;
/*margin:0 auto;*/
padding:0;
color:#4682b4;
}
.box-product .name a:hover {
text-decoration: none;
color: #9ACD32;
}
.box-product .price {
/*display: block;*/
/*font-weight: bold;*/
/*margin:5px 0;*/
/*padding:0 8px;*/
/*color:#3e7cb4;*/
/*font-size:13px;*/
color: #800000;
font-size: 160%;
font-weight: bold;
line-height: 150%;
text-align: left;
}
.box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.box-product .price-new { font-weight: bold; }
.saving {background:#F00; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 15px; font-weight: normal; height: 40px; line-height: 40px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px;}
.box-product .rating { display: block; }
.box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:4px 8px; margin-top: 5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.box-product > .flexslider ul li .rating img{ width:auto; display:inline;}
.box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;}
.box-product > .flexslider.style1 ul li .name{text-align:left}
.box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.box-product > .flexslider.style1 ul li .rating{float:left;}
.box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.box-product > .flexslider.style1 ul li:hover .rating{display:block;}
.box-product > .flexslider.style1 ul li .cart{float:right; }
.box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;}
.box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; }
.box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;}
.box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;}
.hover-options .wish, .hover-options .compare {display:inline-block;}
/********** Comented for Right Part Start*******/
.box-product > .flexslider ul li{display:block;}
.box-product > .flexslider ul li .slide-inner{padding:0; padding:10px; }
#column-left .box-product > .flexslider ul li .slide-inner, #column-right .box-product > .flexslider ul li .slide-inner{padding:0px; text-align:left; border:0px none;}
#column-left .box-product .flexslider ul li, #column-right .box-product .flexslider ul li{padding-bottom:8px;}
#column-left .box-product .flexslider ul li + li, #column-right .box-product .flexslider ul li + li {border-top:1px dotted #ccc; padding-top:8px;}
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;}
#column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:8px;}
#column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; }
#column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px; line-height:15px;}
#column-left .box-product .price, #column-right .box-product .price {padding:0; margin:0px 0 2px 0; font-size:12px;}
#column-left .cart, #column-right .cart, #column-left .box-product .saving, #column-right .box-product .saving { display:none; }
#column-left .box-product .rating, #column-right .box-product .rating {margin-top:0px; }
#column-left .box-product > .flexslider ul li .slide-inner:hover, #column-right .box-product > .flexslider ul li .slide-inner:hover{border:0px none; box-shadow:none;}
#column-left .box-product .flexslider, #column-right .box-product .flexslider{margin-bottom:0px;}
#column-left .box-category > ul, #column-left > .list-item, #column-right .box-category > ul, #column-right > .list-item{margin-top:-10px;}
/********** Comented for Right Part End*******/
/*********** Category boxes ***********/
.box-category ul, .list-item {
list-style: none;
margin: 0;
padding: 0 0 10px 5px;
}
.box-category > ul > li, .list-item > li {
display: block;
position: relative;
}
.box-category .down { top:2px; right: 0; position: absolute; cursor: pointer; width:16px; height:24px; background: transparent url(../image/plus.png) 0px 4px no-repeat; opacity: 0.6; -moz-opacity: 0.6; }
.box-category .down:hover { opacity: 1; -moz-opacity: 1;}
.box-category ul li a, .list-item li a {
padding:5px 0px 5px 12px;
display: block;
background: transparent url(../image/bkg-2bas.gif) 0px 0px no-repeat;
color: #333;
font: 12px/11px Tahoma;
margin-top: 5px;
text-decoration: none;
}
.box-category ul li.double a { display: inline-block; margin: 0; }
#column-right .list-item, #column-left .list-item{margin-top:-10px;}
.box-category ul li {position: relative; }
.box-category ul li ul li + li{
/*border-top:1px dotted #ccc;*/
}
.box-category > ul > li a.active + .down { background-position: 0px -12px; }
.box-category > ul > li > a { color: #333; text-transform: uppercase; }
.box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;}
.box-category > ul > li a.active { font-weight: bold; }
.box-category > ul > li > a.active { margin-bottom:5px; }
.box-category > ul > li a.active + ul { display: block; }
.box-category a:hover, .list-item a:hover {text-decoration:none; color:#9acd32; }
.box-category > ul > li ul li a { margin-right: 16px; }
.box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;}
.box-category > ul > li ul > li > a { text-decoration: none; }
/*********** Filter ***********/
.box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;}
.box-filter > li > ul{margin-bottom:15px;}
.box-filter > li > ul li {margin-bottom:5px;}
.box-filter > li > ul li label{margin-left:5px;}
#button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;}
/*********** sitemap ***********/
.sitemap{list-style: none; margin: 0; padding: 0; }
.sitemap > li{border-top:1px solid #eee; display:block; position:relative; font-weight:bold; color:#555;}
.sitemap > li:first-child{border-top:0;}
.sitemap li a{color:#555; padding:5px 8px 5px 0px; display:block; font-weight:bold;}
.sitemap li ul{margin-left:30px; }
.sitemap li ul li a{font-weight:normal;}
.sitemap li a:hover{color:#3e7cb4; text-decoration:underline;}
/*********** content ***********/
#content .content {padding:10px; overflow: auto; margin-bottom: 20px; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }
/*********** category ************/
.category-info { overflow: auto; margin-bottom: 20px; }
.category-info .image { float: left; padding:0px; margin-right: 15px; }
.category-list { overflow: auto; margin-bottom: 20px; }
.category-list > div {text-align: center; margin:0 5px; min-height:130px; max-width: 100px; display:inline-block; vertical-align:top; margin-bottom:10px;}
.category-list > div img{display:block;}
.category-list ul { float: left; width:23%; margin-right:12px; list-style: none;}
.category-list .div a { text-decoration: underline; font-weight: bold;}
/*********** manufacturer ***********/
.manufacturer-list { overflow: auto; margin-bottom: 20px; }
.manufacturer-heading { border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;}
.manufacturer-content { padding:0px; overflow: auto; }
.manufacturer-list ul { float:left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; }
/*********** product ***********/
.product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; overflow: auto; line-height:27px; margin-bottom:20px;}
.product-filter .display { margin-right:4px; float: left; color: #333; }
.product-filter .display a { font-weight: bold; }
.product-filter .sort { float: right; color: #333; }
.product-filter .limit { margin-left: 15px; float: right; color: #333; }
.product-filter select{padding:4px; font-size:13px;}
.product-compare {font-weight: bold; float:left; padding-left:10px; border-left:1px solid #EAEAEA; }
.product-compare a { text-decoration: none; font-weight:normal; color: #555;}
.product-compare a:hover{color:#3E7CB4;}
.product-list > div {overflow: auto; position:relative; border:1px solid #fff; padding:20px 10px 20px 10px;}
.product-list > div:hover{border:1px solid #ddd; border:1px solid #E0E0E0; box-shadow:0px 0px 5px #ccc inset;}
.product-list > div + div { border-top: 1px solid #ddd; }
.product-list .image { float: left; margin-right:15px; }
.product-list .name { margin-bottom:8px; }
.product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:15px; }
.product-list .name a:hover { color:#3e7cb4; }
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; }
.product-list .rating { color: #7B7B7B; margin-top:5px;}
.product-list .price {font-size:14px; font-weight: bold; color:#3e7cb4; }
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #aaa; }
.product-list .cart{float:left; margin-right:5px; margin-top:8px;}
.product-list .cart input{margin:0!important;}
.product-list .wishlist, .product-list .compare {float:left; margin-top:8px; padding:3px 6px; display:inline-block;}
.product-list .wishlist a, .product-list .compare a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:20px;}
.product-list .wishlist a{background: url("../image/wishlist.png") 0 0 no-repeat;}
.product-list .compare a {background: url("../image/compare.png") 0 0 no-repeat;}
.product-list .saving{top:25px; left:16px;}
#cloud-zoom-big{background:#fff;}
/*********** Grid-List Icon ***********/
.product-filter .display b { float:left; margin-right:10px;}
.list-icon, .grid-icon, .list1-icon, .grid1-icon{width:17px; height:17px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list-icon{background:url(../image/list-icon.png) left top no-repeat; }
.grid-icon{background:url(../image/list-icon.png) left -45px no-repeat;}
.list1-icon { background: url(../image/list-icon.png) left -23px no-repeat;}
.grid1-icon { background: url(../image/list-icon.png) left -68px no-repeat;}
/*********** Grid-List Icon ***********/
.product-grid { width: 100%;}
#column-right + #content .product-grid > div, #column-left + #content .product-grid > div{width:159px;}
#column-left + #column-right + #content .product-grid > div{width:199px;}
.product-grid > div {
width:170px;
height: 265px;
display:inline-block;
position: relative;
text-align:center;
vertical-align: top;
/*background:#fff;*/
padding:10px;
border:1px solid #fff;
margin-bottom:20px;
/*background: yellow;*/
background: #fff;
}
.product-grid > div:hover {
display:inline-block;
border-top: solid 1px gray;
border-left: solid 1px gray;
border-right: solid 1px gray;
}
.product-grid > div:hover .blade {
display:inline-block;
border-bottom: solid 1px gray;
border-left: solid 1px gray;
border-right: solid 1px gray;
}
.blade {
width: 169px;
height: 150px;
position: relative;
/*background: red;*/
padding: 5px;
/*top:0;*/
/*right:0;*/
display: none;
margin-left: -11px;
z-index: 5;
background: #fff;
}
.product-grid .image {display: block; margin-bottom:5px; }
.box-product .image a {display:block; }
.product-grid .image img {padding:0px; height:auto; max-width:100%;}
.product-grid .name a {width:152px; font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;}
.product-grid .name a:hover {text-decoration:underline;}
.product-grid .description {display: none; }
.product-grid .rating {display:block;}
.product-grid .price {display: block; font-weight: bold; margin:5px 0; color:#3e7cb4; font-size:13px;}
.product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.product-grid .price-new { font-weight: bold; }
.product-grid .price .price-tax { display: none; }
.product-grid div:hover .cart{float:left}
.product-grid .cart input, .product-list .cart input{padding:4px 8px; margin-top: 5px; margin-right:5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.product-grid .wishlist, .product-grid .compare {display:none; width:28px; height:22px; margin-top:7px; float:left;}
.product-grid div:hover .wishlist{border-right:1px solid #eee;}
.product-grid div:hover .wishlist, .product-grid div:hover .compare{display:inline-block;}
.product-grid .wishlist a, .product-grid .compare a{color:#666; text-decoration:none; font-size:10px; text-transform:uppercase; text-indent:-99999px; width:28px; height:22px; display:inline-block; opacity:0.6;}
.product-grid .wishlist a{background: url("../image/wishlist.png") center center no-repeat; }
.product-grid .compare a {background: url("../image/compare.png") center center no-repeat;}
.product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#3e7cb4; opacity:1;}
.product-grid.style1 .name a{margin:0 0 10px 0;}
.product-grid.style1 .name{text-align:left}
.product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.product-grid.style1 > div:hover .rating{display:block;}
.product-grid.style1 .cart{float:right; }
.product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;}
.product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;}
.product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;}
.product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;}
.product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;}
.product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;}
.product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block}
.product-grid.style1 .wishlist a{margin:0;}
/*********** Product ***********/
.product-info {margin-bottom: 20px;}
.product-info{content:''; display:table; width:100%;}
.product-info > .left {float: left; margin-right: 15px; }
.product-info > .left + .right { margin-left:370px; }
.product-info .image {margin-bottom: 15px; text-align: center; position:relative; border:1px solid #eee;}
.product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; }
.product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; }
.product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: uppercase; background: #fff url('../image/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; }
.product-info #zoom-image { color: #ababab; }
.product-info .image-additional { width:355px; margin-left: -7px; overflow: hidden; }
.product-info .image-additional img { width:64px; height:auto; display:block; }
.product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 10px; }
.image-additional a:active { outline: 0; }
.product-info .description {padding:0px 0px 12px 0px; line-height: 20px; color: #4D4D4D; font-size:13px; }
.product-info .description span { font-weight:bold; }
.product-info .description a {text-decoration: none; font-size:13px; }
.product-info .price {background:#F4F3F3; border:1px solid #eee; overflow: auto; padding:10px 5px; margin-bottom:20px; font-size:28px; font-weight: bold; color: #3e7cb4; }
.product-info .price-old {color:#F00; font-size:20px; text-decoration: line-through; font-weight:normal; }
.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; }
.product-info .options {padding: 0px 5px 0px 5px; margin-bottom:20px; color:#333; border-bottom:1px solid #eee;}
.product-info .options input{width:auto;}
.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 { border-bottom: 1px solid #eee; padding:0px 0px 20px; margin-bottom:15px; color: #4D4D4D; overflow: auto; }
.product-info .cart div { vertical-align: middle; float:left;}
.product-info .cart div.text-or{padding:5px 6px 0;}
.product-info .cart div > span { padding-top: 7px; display: block; color: #999; }
.product-info .cart div .wishlist, .product-info .cart div .compare{font-size:11px; display:inline-block;}
.product-info .cart div .wishlist{padding-top:4px;}
.product-info .cart #button-cart{
text-transform:uppercase;
/*padding:11px 45px;*/
width: 143px;
height: 26px;
background: url("../image/add2cart.gif") no-repeat center;
}
.product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; }
.product-info .review { color: #999; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #EEEEEE;}
.product-info .review > div {line-height: 20px; overflow:auto; }
.product-info .review > div > span { color: #38B0E3; }
.product-info .review .share { overflow: auto; line-height: normal; }
.product-info .review .share a { text-decoration: none; }
.review-list { padding:0px; overflow: auto; margin-bottom:20px;}
.review-list + .review-list{border-top:1px dotted #D5D5D5; padding-top:20px;}
.review-list .author { float: left; margin-bottom: 20px; font-size:11px;}
.review-list .author b{font-size:14px;}
.review-list .rating { float: right; margin-bottom: 20px; }
.review-list .text { clear: both; }
.attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
.attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; }
.attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; }
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.compare-info { border-collapse: collapse; width: 100%; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; }
.compare-info thead td, .compare-info thead tr td:first-child {padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; text-align:left;}
.compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; }
.compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom: 1px solid #EAEAEA; }
.compare-info td + td{border-left: 1px solid #EAEAEA;}
.compare-info thead td{padding:10px 7px;}
.compare-info .name a { font-weight: bold; }
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; }
.compare-info .price-new { font-weight: normal; }
.product-info .cart div .qty{margin-right:20px; float:left;}
.qty strong{margin-right:10px; float:left; padding:12px 0; display:inline-block;}
.qty a{background: url("../image/plus.png") no-repeat 2px 2px #f5f5f5; display: inline-block; height:20px; width:20px; position: relative; text-indent: -9999px; border:1px solid #ccc; border-width:1px 1px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:0px 3px 0px 0px; -moz-border-radius:0px 3px 0px 0px; -webkit-border-radius:0px 3px 0px 0px;}
.qty a.mines{background-position:2px -13px; border-width:1px 1px 1px 0px; border-radius:0px 0px 3px 0px; -moz-border-radius:0px 0px 3px 0px; -webkit-border-radius:0px 0px 3px 0px;}
.qty a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:#fff;}
.qty input{float:left; height:18px; padding:12px 8px 11px; font-size:15px; border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px;}
/*********** wishlist ***********/
.wishlist-info table { width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; }
.wishlist-info td { padding: 7px; }
.wishlist-info thead td {padding:12px 10px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA;}
.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 {border-bottom: 1px solid #EAEAEA; }
.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; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .right b{margin-bottom:3px; display:inline-block;}
.login-content .right a{margin-top:12px; display:inline-block}
.login-content .left .content, .login-content .right .content {min-height: 190px;}
/*********** 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 { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.order-list .order-content div { float: left; width: 33.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 #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.return-list .return-content div { float: left; width: 33.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-opened textarea {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%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px;}
.cart-info td { padding: 7px; }
.cart-info thead td { padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; }
.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 #DDDDDD; }
.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 #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align:right; }
/*********** checkout ***********/
.checkout{margin-bottom:20px;}
.checkout-heading {border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;}
.checkout-heading a {float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding:0px; margin-bottom:20px; display: none; overflow: auto; }
.checkout-content .left { float: left; width: 48%; }
.checkout-content .right { float: right; width: 48%; }
.checkout-content .buttons { clear: both; }
.checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;}
.checkout-product td { padding: 7px; }
.checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.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 #DDDDDD; }
.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-right: 1px solid #DDDDDD; }
.contact-info { overflow: auto; }
.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%; margin-right:2%;}
.sitemap-info .right { float: left; width: 48%; }
#back-top{display:none;}
#back-top a{ position:fixed; bottom:0px; right:10px; background-image:url(../image/arrow-backtotop.png); background-color:rgba(0, 0, 0, 0.2); background-position:center center; background-repeat:no-repeat; width:45px; height:30px;text-indent:-9999px; display:block;}
#back-top a:hover { background-color:#3e7cb4; }
/************************* Footer ***********************/
/******* Facebook ********/
#facebook{position:fixed; width:235px; background:#fff; border:3px solid #3b5998; padding:0px;}
#facebook.fb-left{left:-241px;}
#facebook.fb-right{right:-241px;}
#facebook_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/facebook.png); background-position:center center; background-repeat:no-repeat; background-color:#3b5998;}
.fb-left #facebook_icon{right:-33px;}
.fb-right #facebook_icon{left:-33px;}
/******** Twitter *******/
#twitter_footer{position:fixed; width:215px; background:#fff; border:3px solid #2daae1; padding:5px 10px;}
#twitter_footer.twit-left{left:-241px;}
#twitter_footer.twit-right{right:-241px;}
.twitter_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/twitter.png); background-position:center center; background-repeat:no-repeat; background-color:#2daae1;}
.twit-left .twitter_icon{right:-33px;}
.twit-right .twitter_icon{left:-33px;}
/******** Twitter *******/
#custom_side_block{position:fixed; width:215px; background:#fff; border:3px solid #ed5f01; padding:5px 10px;}
#custom_side_block.custom_side_block_left{left:-241px;}
#custom_side_block.custom_side_block_right{right:-241px;}
#custom_side_block img{width:100%!important; height:auto!important;}
.custom_side_block_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/arrow-block.png); background-position:center center; background-repeat:no-repeat; background-color:#ed5f01;}
.custom_side_block_left .custom_side_block_icon{right:-33px;}
.custom_side_block_right .custom_side_block_icon{left:-33px; background-image:url(../image/arrow-block-prv.png); background-position:center center; background-repeat:no-repeat;}
/******** Footer Links *******/
#footer {clear: both; overflow:auto;}
#footer .fpart-first{background-color:#f3f3f3; color:#444;}
#footer .fpart-first a{color:#888;}
#footer .fpart-first a:hover{color:#3e7cb4; text-decoration:underline;}
#footer .fpart-second{background-color:#fff; color:#666;}
#footer .fpart-second a{color:#3e7cb4;}
#footer .fpart-second a:hover{color:#3e7cb4; text-decoration:underline;}
#footer .fpart-inner{margin:0 auto; padding:50px 0px; max-width:1170px;}
#footer #powered:after, #footer .fpart-inner:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#footer .fpart-second .fpart-inner{padding:25px 0px 0;}
#footer .bottom-row{}
#footer .custom-text{text-align:center; padding:0px 0px 25px;}
#footer .custom-text p{margin:0;}
#footer h3{color:#000; font-size:17px; margin:0px 0 15px 0; padding:0px 0px 7px 0px; font-weight:normal;}
#footer .column { float: right; position:relative; }
#footer .column + .column { margin-left:15px; }
#footer .column ul {width:170px; padding:0px; }
#footer .column ul li { list-style-type:none; }
#footer .column a { text-decoration: none; display:block; padding:3px 0px; line-height:18px; font-size:12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/******** Contact Details *******/
#footer .contact{float:left;}
#footer .contact ul{width:260px;}
#footer .contact_icon ul li{background:url(../image/contact-icon.png) left top no-repeat;}
#footer .contact_icon1 ul li{background:url(../image/contact-icon-1.png) left top no-repeat;}
#footer .contact_icon2 ul li{background:url(../image/contact-icon-2.png) left top no-repeat;}
#footer .contact_icon3 ul li{background:url(../image/contact-icon-3.png) left top no-repeat;}
#footer .contact_icon4 ul li{background:url(../image/contact-icon-4.png) left top no-repeat;}
#footer .contact_icon5 ul li{background:url(../image/contact-icon-5.png) left top no-repeat;}
#footer .contact_icon6 ul li{background:url(../image/contact-icon-6.png) left top no-repeat;}
#footer .contact_icon7 ul li{background:url(../image/contact-icon-7.png) left top no-repeat;}
#footer .contact_icon8 ul li{background:url(../image/contact-icon-8.png) left top no-repeat;}
#footer .contact_icon9 ul li{background:url(../image/contact-icon-9.png) left top no-repeat;}
#footer .contact_icon10 ul li{background:url(../image/contact-icon-10.png) left top no-repeat;}
#footer .contact ul li{font-size:12px; list-style-type:none; padding:0 0 0 32px; line-height:20px; }
#footer .contact ul li + li{margin-top:12px;}
#footer .contact ul li.address{background:url(../image/contact/location.png) 2px 3px no-repeat;}
#footer .contact ul li.mobile{background:url(../image/contact/telephone.png) left 2px no-repeat;}
#footer .contact ul li.email{background:url(../image/contact/mail.png) left 4px no-repeat;}
#footer .contact ul li.email a{text-decoration:underline;}
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;}
#footer .contact_icon1 ul li.address{background-image:url(../image/contact/1/location.png);}
#footer .contact_icon2 ul li.address{background-image:url(../image/contact/2/location.png);}
#footer .contact_icon3 ul li.address{background-image:url(../image/contact/3/location.png);}
#footer .contact_icon4 ul li.address{background-image:url(../image/contact/4/location.png);}
#footer .contact_icon5 ul li.address{background-image:url(../image/contact/5/location.png);}
#footer .contact_icon6 ul li.address{background-image:url(../image/contact/6/location.png);}
#footer .contact_icon7 ul li.address{background-image:url(../image/contact/7/location.png);}
#footer .contact_icon8 ul li.address{background-image:url(../image/contact/8/location.png);}
#footer .contact_icon9 ul li.address{background-image:url(../image/contact/9/location.png);}
#footer .contact_icon10 ul li.address{background-image:url(../image/contact/10/location.png);}
#footer .contact_icon1 ul li.mobile{background-image:url(../image/contact/1/telephone.png);}
#footer .contact_icon2 ul li.mobile{background-image:url(../image/contact/2/telephone.png);}
#footer .contact_icon3 ul li.mobile{background-image:url(../image/contact/3/telephone.png);}
#footer .contact_icon4 ul li.mobile{background-image:url(../image/contact/4/telephone.png);}
#footer .contact_icon5 ul li.mobile{background-image:url(../image/contact/5/telephone.png);}
#footer .contact_icon6 ul li.mobile{background-image:url(../image/contact/6/telephone.png);}
#footer .contact_icon7 ul li.mobile{background-image:url(../image/contact/7/telephone.png);}
#footer .contact_icon8 ul li.mobile{background-image:url(../image/contact/8/telephone.png);}
#footer .contact_icon9 ul li.mobile{background-image:url(../image/contact/9/telephone.png);}
#footer .contact_icon10 ul li.mobile{background-image:url(../image/contact/10/telephone.png);}
#footer .contact_icon1 ul li.email{background-image:url(../image/contact/1/mail.png);}
#footer .contact_icon2 ul li.email{background-image:url(../image/contact/2/mail.png);}
#footer .contact_icon3 ul li.email{background-image:url(../image/contact/3/mail.png);}
#footer .contact_icon4 ul li.email{background-image:url(../image/contact/4/mail.png);}
#footer .contact_icon5 ul li.email{background-image:url(../image/contact/5/mail.png);}
#footer .contact_icon6 ul li.email{background-image:url(../image/contact/6/mail.png);}
#footer .contact_icon7 ul li.email{background-image:url(../image/contact/7/mail.png);}
#footer .contact_icon8 ul li.email{background-image:url(../image/contact/8/mail.png);}
#footer .contact_icon9 ul li.email{background-image:url(../image/contact/9/mail.png);}
#footer .contact_icon10 ul li.email{background-image:url(../image/contact/10/mail.png);}
/******** Payments Types *******/
#footer .payments_types{text-align:center; padding:0px 0 25px 0;}
#footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/******** Social Icon *******/
#footer .social {float:right; margin:0; text-align:right; padding:0px 0 0 0;}
#footer .social a {float:left; margin:0px 0 0px 10px;}
#footer .social a img{display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/******** Powered *******/
#footer #powered {line-height:20px; padding:0px 0 25px; margin-bottom:25px; border-bottom:1px solid #E8E8E8;}
#footer #powered a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .powered_text{float:left; padding-top:6px;}
#footer .powered_text p{line-height:18px; margin:0;}
/*********** banner ***********/
.banner div { text-align: center; width:100%; display:none; }
.banner div img { margin-bottom: 20px; }
/*********** Extra ***********/
.w30{width:30px!important; text-align:center;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment