html { overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }
*:focus { outline:none; }
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body { color:#555; font-size:12px; font-family:'OpenSans', Verdana, sans-serif; line-height:20px; margin: 0px; padding:0px; }
body, td, th, input, textarea, select, a { font-size: 12px; }
h1 { padding:0 0 0px 0; margin:0 0 25px 0; font-family:'OpenSans', Arial; font-size:22px; font-weight:bold; color: #922; text-align:center; text-shadow:1px 1px 0px #fff; }
h1 span { padding:0 8px; padding:0 8px; }
.welcome { background:url(../image/bbackground.png) left center repeat-x; padding:0 0 0px 0; margin:0 0 10px 0; font-family: 'OpenSans'; font-size:20px; font-weight:normal; color: #555; text-align:center; line-height:22px; }
.welcome span { padding:0 8px; }
h2 { color:#444; font-size:17px; margin-top: 0px; margin-bottom: 5px; font: Arial; font-weight:normal; text-shadow:1px 1px 0px #fff; }
p { margin-top: 0px; margin-bottom: 20px; }
a, a:visited, a b { color: #555; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; color: #922;}
a img { border: none; }
form { padding: 0; margin: 0; display: inline; }
input[type='text'], input[type='password'], textarea { background:#ffffff; border: 1px solid #e1e2e2; padding:0px 10px; margin-left: 0px; margin-right: 0px; color:#555; -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:210px; height:25px; font-size:12px; font-family:Verdana, Geneva, sans-serif; box-shadow:0 0 10px #E1E0E0 inset; -moz-box-shadow:0 0 10px #E1E0E0 inset; -webkit-box-shadow:0 0 10px #E1E0E0 inset; }
textarea { background:#ffffff; border: 1px solid #e1e2e2; padding:0px 3px; margin-left: 0px; margin-right: 0px; color:#555; -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:228px; height:125px; line-height:20px; font-size:12px; font-family:Verdana, Geneva, sans-serif; box-shadow:0 0 10px #E1E0E0 inset; -moz-box-shadow:0 0 10px #E1E0E0 inset; -webkit-box-shadow:0 0 10px #E1E0E0 inset; }
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus { background:#f7f6f6; -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:#ffffff; border: 1px solid #e1e2e2; padding:4px 5px; color:#555; width:178px; font-family:Verdana, Geneva, sans-serif; box-shadow:0 0 10px #E1E0E0 inset; -moz-box-shadow:0 0 10px #E1E0E0 inset; -webkit-box-shadow:0 0 10px #E1E0E0 inset; }
.moby { background: #121212; margin: 0px; padding:0px; float:right; position:relative; border:2px solid #a22;box-shadow:0 0 7px #E1E0E0 inset; -moz-box-shadow:0 0 7px #E1E0E0 inset; -webkit-box-shadow:0 0 7px #E1E0E0 inset; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
select.mob { color:#888; text-align: left; background: #121212; margin: 7px 15px 7px 15px; padding:0px; border: 0px; width:88%; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
label { cursor: pointer; }
.clear { clear:both; }
#notification { margin:0 auto; }
/* Flexible iFrame za respons u gmaps modulu*/
.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
padding-left: 18%;
padding-right: 18%;
height: 0;
overflow: hidden;
text-align: center;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* layout */
.main-wrapper { }
.wrapper { width:964px; margin:0px auto 0px auto; padding:8px; }
#container { margin-left: auto; margin-right: auto; text-align: left; }
#column-left { float: left; width:180px; }
#column-right { float: right; width:180px; }
#content { min-height: 400px; margin-bottom:10px; }
#column-left + #column-right + #content, #column-left + #content { margin-left:200px; }
#column-right + #content { margin-right:200px; }
/* header */
.header-top-main { background:url(../image/bg.png) left top repeat-x; padding-top:10px; }
.header-top { padding:0; border-bottom:1px dotted #545454; width:980px; margin:0 auto; }
#header-main { width:980px; margin:0px auto; }
.md { position: relative; background:url(../image/md_head_bg.png) left top no-repeat; width:980px; margin:0px auto; padding:0; }
#header { margin:0; padding:0; min-height:96px; }
#header #logo { margin:8px 0 2px 0px; padding:0; float:left; }
#language { margin:0px 0 0 20px; padding:0; float:right; color:#999; line-height:34px; height:34px; }
#language img { cursor: pointer; opacity:0.9; }
#currency { margin:7px 0 0 20px; padding:0; color:#999; float:left; }
#currency a { padding:0px 5px; margin:0; float:left; color:#999; height:20px; line-height:20px; text-decoration: none; -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:1px dotted #545454; margin:0 3px; }
#currency a b { color: #333; text-decoration:none; font-weight:normal; }
#currency a:hover { color: #333; }
.header-top #cart { position:relative; top: 0px; right:0; z-index:21; }
.header-top #cart .heading { float:right; margin:0 0px 0 0; padding:0 0px 0 30px; position: relative; z-index: 1; height:36px; line-height:36px; background:url(../image/cart-icon1.png) left 10px no-repeat; }
.header-top #cart .heading h4 { float:left; color:#999; font-weight:normal; margin-top: 0px; margin-bottom:3px; }
.header-top #cart .heading a { color: #777; text-decoration: none; margin-left:5px; height:34px; line-height:34px; display:inline-block; }
.header-top #cart .heading a span { padding:0 15px 0 0px; background:url(../image/arrow-down.png) right 3px no-repeat; }
.header-top #cart .content { clear: both; display: none; position: relative; top:0px; padding:8px; min-height:100px; background:#FFF; border:1px solid #e8e8e8; width:360px; box-shadow:0px 0px 20px #e1e0e0 inset; -moz-box-shadow:0px 0px 20px #e1e0e0 inset; -webkit-box-shadow:0px 0px 20px #e1e0e0 inset; }
.header-top #cart.active .heading a { color:#444; }
.header-top #cart.active .content { display: block; right:0px; position:absolute; z-index:21; top:34px; }
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td { color: #444; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info tr:hover { background:#efefef; -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; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { border: 1px solid #EEEEEE; 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: #555; padding: 4px; }
#cart .checkout { text-align: right; clear: both; }
#cart .empty { padding-top: 50px; text-align: center; }
#search { background: #eee; margin: 25px 0 0 0; padding:0px; float:right; position:relative; border:2px solid #a22; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
.button-search { float:right; position:absolute; right:0px; top:0px; background:url('../image/btn-search.png') left top no-repeat; width:33px; height:30px; cursor: pointer; z-index:1; }
#search input { width:250px; margin:0; padding:0px 10px 0 10px; color:#999; border:none; padding-right:33px; font-size:12px; height:30px; line-height:30px; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#welcome { margin:0px; padding:0; text-align:left; color:#777; float:left; line-height:36px; }
#welcome a { padding:0px 0px; margin:0 3px; height:23px; line-height:23px; display:inline-block; text-decoration:underline; color:#999; -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; }
#welcome a:hover { color:#444; text-decoration:none; -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; }
#header .links { padding:0px; margin:15px 0 20px 0; float:right; height:15px; line-height:15px; width:500px; text-align:right; }
#header .links a { display:inline-block; padding:0px 0 3px 0; margin:0 7px; color:#999; text-decoration:none; }
#header .links a:hover { color:#444; border-bottom:2px solid #a22; }
#mobile-menu, #mobile-menu2 { display:none; }
/* menu */
.menu-main { margin:0 auto; padding:0px 0 0 0; width:100%; height:40px; }
#menu { margin:0 auto 0 auto; height:32px; line-height:32px; padding:0px; width:980px; }
#menu ul { list-style: none; margin:0px 0 0 5px; padding:0; }
#menu > ul > li { position: relative; float:left; z-index: 20; margin:0px 0 0 0; height:32px; line-height:32px; }
#menu > ul > li img { padding-top:6px; }
#menu > ul > li:hover a, #menu > ul > li a.active { }
#menu > ul > li > a { color:#fff; text-decoration:none; display: block; padding:0 9px; z-index: 6; position: relative; font-size:12px; text-transform:uppercase; font-family: 'OpenSans', Verdana; font-weight:bold; text-shadow:1px 1px 0px #5d5e5e; }
#menu > ul > li > a:hover, #menu > ul > li > a.active { color:#666; background:#fff url(../image/menu-bg.jpg) left top repeat-x; text-shadow:none; }
#menu > ul > li > div, #menu > ul > li > div.ab { display:none; background:#fff; position:absolute; z-index:5; padding:8px; top:32px; margin:0px 0 0 0; }
#menu > ul > li:hover > div { display:table; background:#fff; border-bottom:2px solid #a22 }
#menu > ul > li > div > ul { display: table-cell; }
#menu > ul > li ul + ul { padding-left:20px; }
#menu > ul > li ul > li { margin:0; padding:0; }
#menu > ul > li ul > li > a { text-decoration: none; padding:0 5px; margin:0; color: #000; background:none!important; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; display: block; white-space: nowrap; min-width: 120px; -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-bottom:1px dotted #D6D6D6; }
#menu > ul > li ul > li > a:hover { color:#a22!important; -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; }
#menu > ul > li > div > ul > li > a { color:#555; line-height:28px; padding:0 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.breadcrumb { color:#999; margin:0px 0 10px 0; }
.breadcrumb a { color:#aaa; text-decoration:underline; font-style:italic; }
.breadcrumb a:hover { text-decoration:none; color:#922; }
.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color: #555555; }
.success a { background:#BBDF8D; padding:4px 8px; margin:0 5px; text-decoration:none; color:#555; }
.warning a { background:#F8ACAC; padding:2px 5px; text-decoration:none; color:#555; }
.attention a { background:#F2DD8C; padding:2px 5px; text-decoration:none; color:#555; }
.information a { background:#B8E2FB; padding:2px 5px; text-decoration:none; color:#555; }
.success a:hover, .warning a:hover, .attention a:hover, .information a:hover { background:#555; color:#fff; }
.success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; }
.attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; }
.information { background: #E8F6FF url('../image/information.png') 10px center no-repeat; border: 1px solid #B8E2FB; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; }
.required { color: #FF0000; font-weight: bold; }
.error { display: block; color: #FF0000; font-size:11px; }
.help { color: #777; 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%; margin-bottom: 20px; background:#fff; }
table.list td { border-bottom:1px solid #ddd; }
table.list thead td { background:#eee; border: 1px solid #ddd; padding: 0px 5px; color:#555; }
table.list thead td a, .list thead td { text-decoration: none; color:#555; font-weight: bold; }
table.list tbody td a { text-decoration: underline; }
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.list .asc { padding-right: 15px; background: url('../image/asc.png') right center no-repeat; }
table.list .desc { padding-right: 15px; background: url('../image/desc.png') right center no-repeat; }
.pagination { padding-top:12px; display:inline-block; width: 100%; margin-bottom:10px; background: url("../image/background.png") left top repeat-x; }
.pagination .links { float: left; }
.pagination .links a { display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #A3A3A3; }
.pagination .links b { display: inline-block; border: 1px solid #269BC6; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #269BC6; background: #FFFFFF; }
.pagination .results { float: right; padding-top: 3px; }
/* button */
/* button */
a.button, input.button{
position:relative;
z-index:1;
overflow:visible;
display:inline-block;
padding:0.4em 0.6em 0.375em;
border:1px solid #999;
border-bottom-color:#888;
margin:0;
text-decoration:none;
text-align:center;
font:bold 11px/normal 'lucida grande',tahoma,verdana,arial,sans-serif;
white-space:nowrap;
cursor:pointer;
/* outline:none; */
color:#333;
background-color:#eee;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f6f6),to(#e4e4e3));
background-image:-moz-linear-gradient(#f5f6f6,#e4e4e3);
background-image:-o-linear-gradient(#f5f6f6,#e4e4e3);
background-image:linear-gradient(#f5f6f6,#e4e4e3);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;
box-shadow:0 1px 0 rgba(0,0,0,0.1),inset 0 1px 0 #fff;
/* IE hacks */
/* zoom:1; */
/* display:inline; */
}
.button:hover,
.button:focus,
.button:active{
border-color:#777 #777 #666;
}
.button:active{
border-color:#aaa;
background:#ddd;
/* filter:none; */
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner{ padding:0; border:0; }
.buttons{ background:#FFFFFF; border:1px solid #EEEEEE; overflow:auto; padding: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 { line-height: 20px; height: 34px; position: relative; top:1px; z-index: 1; }
.htabs a { background:#e8e8e8; padding:7px 9px 6px 9px; float: left; font-size:12px; font-weight: bold; text-align: center; text-decoration: none; color: #555; display: none; text-shadow:1px 1px 0px #fff; }
.htabs a:hover { color:#555; }
.htabs a.selected { padding-bottom:6px; background:#fff; color:#a22; border:1px solid #e8e8e8; border-width:1px 1px 0px 1px; }
.tab-content { padding:10px; min-height:100px; z-index:2; overflow:auto; background:#fff; margin-bottom:20px; font-size:12px; border:1px solid #E8E8E8; }
.rev .content img { float:right; width:100px; }
/* box */
.box { margin-bottom: 20px; background: #fff; border: 0px; padding: 0px; }
.box .box-heading { background:url(../image/bbackground.png) left top repeat-x #933; padding-left:10px; margin:0 0 10px 0; height:28px; line-height:28px; font-size:12px; color:#eee; text-transform:uppercase; font-family: 'OpenSans', Verdana; font-weight:bold; text-shadow:1px 1px 0px #5d5e5e;}
#content .box .box-heading { background:#fff; padding-left:10px; margin:0 0 10px 0; height:28px; line-height:28px; font-size:12px; color:#933; border-bottom: 1px solid #e8e8e8; text-transform:uppercase; font-family: 'OpenSans', Verdana; font-weight:bold; text-shadow:1px 1px 0px #622;}
.box .box-heading span { padding:0 8px; text-shadow:1px 1px 0px #5d5e5e; }
.box .box-content { padding:10px; }
.box-content ul { padding:20px;}
.box .box-heading1 { background:url(../image/bbackground.png) left center repeat-x; padding:0 0 0 0; margin:0px 0px 15px 0; font-size:18px; font-weight:normal; line-height: 14px; color: #666; font-family: 'OpenSans' , Tahoma ; text-align:center; }
.box .box-heading1 span { background:#fff; padding:0 8px; }
.box .box-content1 { padding:0px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
/* box products */
.box-product { width: 100%; overflow: auto; }
.box-product > div { display: inline-block; vertical-align: top; margin:10px 7px 10px 7px; padding:0; -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-align:center; position:relative; background:#fff; box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; }
.box-product > div: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; }
.box-product .image { display: block; margin-bottom:5px; padding:5px; }
.box-product .name a { color:#444; max-width:214px; text-align:center; font-weight:normal; text-decoration:none; display: block; margin-bottom:4px; font-size:14px; margin-top:10px; border-top:1px solid #eee; font-family: 'OpenSans'; }
.box-product .abs { position:absolute; top:0; background:rgba(0, 0, 0, 0); width:100%; height:100%; padding:0px 0; display:none; -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-product > div:hover .abs { 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; background:rgba(0, 0, 0, 0.7); }
.box-product .price { display: block; width:100%; font-weight:bold; color: #a22; font-size:12px; margin-bottom:5px; float:left; }
.box-product .price-old { color: #F00; text-decoration: line-through; }
.box-product .price-new { font-weight: bold; }
.box-product .rating { display: block; margin-bottom: 4px; }
.box-product .cart { margin-top:50% }
.box-product .rating img, .box-product1 .rating img, .product-list .rating img, .product-grid .rating img, .box-product2 .rating img { width:80px; }
.ml10 { margin-left:10px; }
/********** Comented for Right Part Start*******/
#column-right .box .box-content .box-product .rating, #column-right .box .box-content .box-product .name, #column-right .box .box-content .box-product .price, #column-right .box .box-content .box-product .cart, #column-left .box .box-content .box-product .rating, #column-left .box .box-content .box-product .name, #column-left .box .box-content .box-product .price, #column-left .box .box-content .box-product .cart, #column-left .box .box-content .box-product > div:hover .abs, #column-right .box .box-content .box-product > div:hover .abs, #column-left .box .box-content .box-product1 > div:hover .abs, #column-right .box .box-content .box-product1 > div:hover .abs { display:none; }
#column-right .box .box-content .box-product .image, #column-left .box .box-content .box-product .image { border:none; padding:0; margin:0; }
#column-right .box .box-content .box-product div, #column-left .box .box-content .box-product div { padding:0px; margin:5px 5px 5px 5px; }
#column-right .box .box-content .box-product .image a img, #column-left .box .box-content .box-product .image a img, .box-product .image a img, #column-right .box .box-content .box-product1 .image a img, #column-left .box .box-content .box-product1 .image a img, .product-info .image a img, .product-info .image-additional a img, .box-product2 .imag a img, .product-list .image a img { display:block }
#column-right .box .box-content .box-product1 .rating, #column-right .box .box-content .box-product1 .cart, #column-left .box .box-content .box-product1 .rating, #column-left .box .box-content .box-product1 .cart { display:none; }
#column-right .box .box-content .box-product1 .name, #column-left .box .box-content .box-product1 .name { float:left; margin-bottom:0; }
#column-right .box .box-content .box-product1 .name a, #column-left .box .box-content .box-product1 .name a { font-size:11px; line-height:15px; width:128px; text-align:left; font-family:Tahoma, Geneva, sans-serif; border:none; }
#column-right .box .box-content .box-product1 .price, #column-left .box .box-content .box-product1 .price { font-size:10px; float:left; width:auto; margin-bottom:0; margin-top:0; }
#column-right .box .box-content .box-product1 .price-old, #column-left .box .box-content .box-product1 .price-old { font-size:10px; }
#column-right .box .box-content .box-product1 div, #column-left .box .box-content .box-product1 div { padding:0px; margin:5px 2px 5px 3px; border:none; }
#column-right .box .box-content .box-product1 .image, #column-left .box .box-content .box-product1 .image { border:1px solid #fff; float:left }
#column-left .box .box-content, #column-right .box .box-content { padding:2px; }
/********** Comented for Right Part Start*******/
/* box products second*/
.box-product1 { width: 100%; overflow: auto; }
.box-product1 > div { display: inline-block; vertical-align: top; margin:10px 7px 10px 7px; padding:0; -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-align:center; position:relative; background:#fff; box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; }
.box-product1 > div: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; }
.box-product1 .image { display: block; margin-bottom:5px; padding:5px; }
.box-product1 .name a { color:#444; max-width:214px; text-align:center; font-weight:normal; text-decoration:none; display: block; margin-bottom:4px; font-size:14px; margin-top:10px; border-top:1px solid #eee; font-family: 'OpenSans'; }
.box-product1 .abs { position:absolute; top:0; background:rgba(0, 0, 0, 0); width:100%; height:100%; padding:0px 0; display:none; -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-product1 > div:hover .abs { 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; background:rgba(0, 0, 0, 0.7); }
.box-product1 .price { display: block; width:100%; font-weight:bold; color: #a22; font-size:12px; margin-bottom:5px; float:left; }
.box-product1 .price-old { color: #F00; text-decoration: line-through; }
.box-product1 .price-new { font-weight: bold; }
.box-product1 .rating { display: block; margin-bottom: 4px; }
.box-product1 .cart { margin-top:50% }
.wish-list { background:url(../image/wish-list.png) left 3px no-repeat; width:30px; height:30px; text-indent:-9999px; display:inline-block; margin-left:10px; }
.wish-list:hover { background:url(../image/wish-list1.png) left 3px no-repeat; }
.compare-icon { background:url(../image/compare.png) left 2px no-repeat; width:30px; height:30px; text-indent:-9999px; display:inline-block; margin-left:5px; }
.compare-icon:hover { background:url(../image/compare1.png) left 2px no-repeat; }
/* box category */
.box-category { margin-top: -5px; }
.box-category ul { list-style: none; margin: 0; padding: 0; }
.box-category > ul > li { padding:0px; line-height:30px; }
.box-category > ul > li + li { border-top: 1px dotted #D6D6D6; }
.box-category > ul > li > a { text-decoration: none; color:#777; display:block; padding:0px 0 0 20px; background:url(../image/arrow-right.png) left 10px no-repeat; text-shadow:1px 1px 0px #fff; }
.box-category > ul > li > a:hover { margin:0; color:#922; }
.box-category > ul > li ul { display: none; }
.box-category > ul > li a.active { font-weight: bold; color:#555; }
.box-category > ul > li a.active + ul { display: block; }
.box-category > ul > li ul > li { padding:0px 0 0 10px; line-height:20px }
.box-category > ul > li ul > li > a { text-decoration: none; display: block; }
.box-category > ul > li ul > li > a:hover { margin:0; color:#922; }
.box-category > ul > li ul > li > a.active { font-weight: bold; }
/* md - spit - box category */
.split-box-category { margin-top: -5px; }
.split-box-category ul { list-style: none; margin: 0; padding: 0; }
.split-box-category > ul > li { padding:0px; line-height:20px; }
.split-box-category > ul > li + li { border-top: 1px dotted #D6D6D6; }
.split-box-category > ul > li > a { font-size: 11px; font-family:'OpenSans', Tahoma, sans-serif; text-decoration: none; color:#777; display:block; padding:0px 0 0 13px; background:url(../image/arrow-right.png) left 5px no-repeat; text-shadow:1px 1px 0px #fff; }
.split-box-category > ul > li > a:hover { margin:0; color:#922; }
.split-box-category > ul > li ul { display: none; }
.split-box-category > ul > li a.active { font-weight: bold; color:#555; }
.split-box-category > ul > li a.active + ul { display: block; }
/* content */
#content .content { padding: 10px; overflow: auto; margin-bottom: 20px; margin-left: 5px; margin-right: 5px; background:#fff; box-shadow:0 0 5px #CCCCCC; -webkit-box-shadow:0 0 5px #CCCCCC; -moz-box-shadow:0 0 5px #CCCCCC; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }
/* category */
.category-info { overflow: auto; font-size:12px; }
.category-info .image { float: left; padding: 5px; margin-right: 15px; border: 1px solid #E8E8E8; background:#fff; }
.category-info .image img { }
.category-list { overflow: auto; margin-bottom: 20px; }
.category-list ul { float: left; padding:0 0 0 20px; }
.category-list ul li { list-style-type:none; border-bottom:1px dotted #D6D6D6; background:url(../image/arrow-right.png) left 9px no-repeat; padding:0 0 0 18px; line-height:28px; }
.category-list ul li a { text-decoration: none; }
.category-list ul li a:hover { color:#333; }
.category-list .div a { text-decoration: underline; font-weight: bold; }
/* manufacturer */
.manufacturer-list { padding:0px; overflow: auto; margin-bottom: 20px; background:#fff; box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; }
.manufacturer-heading { background: #eee; color:#555; 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 select { width:115px!important; }
.product-filter { background:#fff; border:1px solid #e8e8e8; padding:5px; overflow: auto; }
.product-filter .display { margin-right: 15px; float: left; padding-top: 4px; color: #555; }
.product-filter .display a { font-weight: bold; }
.product-filter .sort { float: right; color: #555; }
.product-filter .limit { margin-left: 15px; float: right; color: #555; }
.product-compare { padding-top: 16px; margin-bottom: 20px; font-weight: bold; }
.product-compare a { text-decoration: none; font-weight: bold; font-size:12px; color:#922; background: #e8e8e8;}
.product-list > div { overflow: auto; margin-bottom: 15px; background:#fff; padding:5px 8px; border:dotted 1px #e8e8e8; }
.product-list > div:hover { }
.product-list .right { float: right; margin-left: 15px; }
.product-list .image { float: left; margin-right: 10px; }
.product-list .image img { padding:3px; }
.product-list .name { margin-bottom: 3px; }
.product-list .name a { color:#555; font-weight: bold; text-decoration: none; font-family: 'OpenSans', Verdana; }
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; font-size:11px; }
.product-list .rating { color: #7B7B7B; }
.product-list .price { float: right; height: 50px; margin-left: 8px; text-align: right; font-weight:bold; color: #555; font-size: 12px; }
.product-list .price-old { color: #a22; text-decoration: line-through; }
.product-list .price-new { font-weight: bold; }
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #555; }
.product-list .cart { margin-bottom: 3px; }
.product-list .wishlist, .product-list .compare { margin-bottom: 3px; }
.product-list .wishlist a { color: #555; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left center no-repeat; -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; font-size:11px; }
.product-list .wishlist a:hover { color:#555; -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; }
.product-list .compare a { color: #555; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left 60% no-repeat; -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; font-size:11px; }
.product-list .compare 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; color:#555; }
.product-grid { width: 100%; overflow: auto; }
.product-grid > div { width:141px; display: inline-block; background:#fff; padding:8px; margin:5px 12px 10px 12px; text-align:center; vertical-align: top; -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:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; }
.product-grid > div: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; }
.product-grid .image { display: block; margin-bottom:0px; }
.product-grid .image img { padding: 3px; }
.product-grid .name a { color:#525251; font-size:12px; text-decoration:none; display:block; margin-bottom: 4px; color:#555; font-weight:bold; font-family: 'OpenSans', Verdana; }
.product-grid .description { display: none; }
.product-grid .rating { display: block; margin-bottom: 4px; }
.product-grid .price { display: block; font-weight: bold; color:#555555; margin:3px 0 4px 0; font-size:11px; }
.product-grid .price-old { color: #F00; text-decoration: line-through; }
.product-grid .price-new { font-weight: bold; }
.product-grid .price .price-tax { display: none; }
.product-grid .cart { margin-bottom: 3px; }
.product-grid .wishlist, .product-grid .compare { margin-bottom:0px; }
.product-grid .wishlist a { font-size:11px; color: #555; text-decoration: none; padding-left: 18px; background: url('../image/add.png') left center no-repeat; }
.product-grid .compare a { color: #555; font-size:11px; text-decoration: none; padding-left: 18px; background: url('../image/add.png') left center no-repeat; }
.product-grid .wishlist a:hover, .product-grid .compare a:hover { color: #555; }
/* Product */
.product-info { overflow: auto; margin-bottom: 20px; }
.product-info > .left { float: left; }
.product-info > .left + .right { margin-left:255px; }
.product-info .image { background:#fff; float:left; margin:5px 5px 20px 5px; padding:8px; text-align: center; border: dotted 1px #e8e8e8; }
.product-info .image:hover { }
.product-info .image-additional { width:245px; clear: both; overflow: hidden; }
.product-info .image-additional a:hover { }
.product-info .image-additional a { float:left; display: block; margin:0px 5px 10px 5px; padding:5px; background:#fff; border: dotted 1px #e8e8e8; }
.product-info .description { padding: 5px 5px 10px 5px; background: url("../image/background.png") repeat-x left bottom; margin-bottom: 10px; line-height: 20px; color: #4D4D4D; position:relative; min-height:75px; }
.product-info .description span { color:#555; font-weight:bold; margin-right:5px; width:110px; display:inline-block; }
.product-info .description a { color: #4D4D4D; text-decoration: none; }
.product-info .price { overflow: auto; padding:5px 5px 15px 5px; margin-bottom:10px; background: url("../image/background.png") repeat-x left bottom; font-size:14px; font-weight:bold; color:#555; font-family: 'OpenSans', Verdana; }
.product-info .price-old { color: #a22; text-decoration: line-through; }
.product-info .price-new { }
.product-info .price-tax { font-size: 12px; font-weight: normal; color: #555; }
.product-info .price .reward { font-size: 12px; font-weight: normal; color: #555; }
.product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; }
.product-info .options { padding: 0px 5px 10px 5px; background: url("../image/background.png") repeat-x left bottom; margin-bottom: 10px; color: #555; }
.product-info .cart { background:#fff; padding:5px 8px 25px 8px; margin-bottom:15px; color: #4D4D4D; overflow: auto; background: url("../image/background.png") repeat-x left bottom; }
.product-info .cart div { float: left; vertical-align: middle; }
.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 { color:#555; padding:5px 0 20px 5px; margin-bottom:10px; background: url("../image/background.png") repeat-x left bottom; }
.product-info .review > div { padding:0px; line-height: 20px; }
.product-info .review > div a { display:inline-block; }
.product-info .review > div a:hover { color:#555 }
.product-info .review > div > span { color: #38B0E3; }
.product-info .review .share { overflow: auto; line-height: normal; }
.product-info .review .share a { text-decoration: none; }
.product-info .share { margin-bottom:10px; }
.tags { background: url("../image/background.png") repeat-x left top; padding:15px 0 0 0; }
.attribute { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
.attribute .thead td, .attribute .thead tr td:first-child { color: #555; font-size: 14px; font-weight: bold; background:#eee; text-align: left; }
.attribute tr td:first-child { color: #555; font-weight: bold; text-align: left; width: 38.2%; }
.attribute td { padding: 7px; color: #555; text-align: center; vertical-align: top; border: 1px solid #DDDDDD;}
.compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DFDDDD; border-left: 1px solid #DFDDDD; margin-bottom: 20px; background:#fff; }
.compare-info thead td, .compare-info thead tr td:first-child { font-size:14px; font-weight: bold; background:#eee; border:1px solid #DFDDDD; text-align: left; color:#555 }
.compare-info tr td:first-child { color:#555; font-weight: bold; text-align: right; }
.compare-info td { padding: 7px; width: 20%; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DFDDDD; border-bottom: 1px solid #DFDDDD; }
.compare-info .name a { font-weight: bold; font-family: 'OpenSans', Verdana; }
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; }
.compare-info .price-new { font-weight: bold; }
/* wishlist */
.wishlist-product table { width: 100%; border-collapse: collapse; background:#fff; border:1px solid #DFDDDD; margin-bottom: 20px; }
.wishlist-product td { padding: 7px; }
.wishlist-product thead td { font-weight: bold; background:#ddd; color: #555555; }
.wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart { text-align: center; }
.wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock { text-align: left; }
.wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total { text-align: right; }
.wishlist-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.wishlist-product tbody .remove { vertical-align: middle; }
.wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart { text-align: center; }
.wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock { text-align: left; }
.wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total { text-align: right; }
.wishlist-product tbody .price s { color: #F00; }
.login-content { margin-bottom: 20px; overflow: auto; }
.login-content h2 { margin-left: 5px; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.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 dotted #D6D6D6; border-bottom: 1px dotted #D6D6D6; }
.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: 33.3%; }
.return-model { float: left; width: 33.3%; }
.return-quantity { float: left; width: 33.3%; }
.return-detail { overflow: auto; margin-bottom: 20px; }
.return-reason { float: left; width: 33.3%; }
.return-opened { float: left; width: 33.3%; }
.return-opened textarea { width: 98%; vertical-align: top; }
.return-remove { float: left; width: 33.3%; padding-top: 90px; text-align: center; vertical-align: middle; }
.return-additional { overflow: auto; margin-bottom: 20px; background:#fff; padding:10px; border:1px solid #e8e8e8; }
.return-comment { float: left; width: 47%; }
.return-captcha { float: left; width: 47%; }
.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: 20px; border-collapse: collapse; border-top: 1px solid #DFDDDD; border-left: 1px solid #DFDDDD; border-right: 1px solid #DFDDDD; }
.cart-info td { padding: 7px; }
.cart-info thead td { color: #555; font-weight: bold; background:#eee; }
.cart-info thead .remove, .cart-info thead .image { text-align: center; }
.cart-info thead .name, .cart-info thead .model { text-align: left; }
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total { text-align: right; }
.cart-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.cart-info tbody tr { background:#fff; }
.cart-info tbody .remove { vertical-align: middle; }
.cart-info tbody .remove, .cart-info tbody .image { text-align: center; }
.cart-info tbody .remove, .cart-info tbody .image img { }
.cart-info tbody .name, .cart-info tbody .model { text-align: left; }
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total { text-align: right; }
.cart-info tbody span.stock { color: #F00; font-weight: bold; }
.cart-module .cart-heading { border: 1px solid #DFDDDD; padding:8px 8px 8px 25px; font-weight: bold; font-size: 13px; color: #555; margin-bottom: 15px; cursor: pointer; background: #fff url('../image/arrow-right1.png') 10px 50% no-repeat; }
.cart-module .active { background:#fff url('../image/arrow-down.png') 7px 50% no-repeat; color:#555; }
.cart-module .cart-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; }
.cart-total { background: url("../image/background.png") repeat-x left top; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align: right; }
.mobile-name { display:none; }
/* checkout */
.checkout-heading { background:#fff; border: 1px solid #dfdddd; padding: 8px; font-weight: bold; font-size: 13px; color: #555; margin-bottom: 15px; }
.checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding: 0px 0px 15px 0px; 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; margin-bottom: 20px; }
.checkout-product td { padding: 7px; }
.checkout-product thead td { color: #555; font-weight: bold; background-color: #fff; border:1px solid #DFDDDD; }
.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 dotted #D6D6D6; }
.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; }
.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; background:#fff; box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; }
.sitemap-info .left { float: left; width: 48%; }
.sitemap-info .right { float: left; width: 48%; }
/* footer */
#footer-main { background:url(../image/nav.png) #121212 0px 0px repeat-x; width:100%; padding:0px; position:relative; }
.mobile-fpart { display:none!important; }
#footer { margin:0 auto; clear: both; overflow:auto; padding:10px 0 0 0; width:980px; display:block; }
#footer h3 { color:#933; font-size:17px; display:inline-block; padding:2px 8px; font-weight:normal; margin:10px 0 10px 0; font-family: 'OpenSans', Verdana ; text-shadow:1px 1px 0px #311; }
#footer .column { float: left; width: 20%; margin:0 11px; padding:0 11px; }
#footer .column ul { margin:0px; padding:0; }
#footer .column ul li { line-height:32px; list-style-type:none; margin:0 8px; }
#footer .column ul li + li { border-top:1px dotted #545454; }
#footer .column a { text-decoration: none; color:#999; padding:0px; display:block; text-shadow:1px 1px 0px #333; }
#footer .column a:hover { color:#fff; }
#afooter { margin:0 auto; clear: both; overflow:auto; padding:10px 0 0 0; width:980px; display:block; }
#afooter h3 { color:#933; font-size:17px; display:inline-block; padding:2px 8px; font-weight:normal; margin:10px 0 10px 0; font-family: 'OpenSans', Verdana ; text-shadow:1px 1px 0px #311; }
#afooter .column { float: left; width: 20%; margin:0 11px; padding:0 11px; }
#afooter .column ul { margin:0px; padding:0; }
#afooter .column ul li { line-height:32px; list-style-type:none; margin:0 8px; }
#afooter .column ul li + li { border-top:1px dotted #545454; }
#afooter .column a { text-decoration: none; color:#999; padding:0px; display:block; text-shadow:1px 1px 0px #333; }
#afooter .column a:hover { color:#fff; }
.powered-main { background: #000; width:100%; padding:0px; margin: 0px 0 0 0; }
#powered { width:980px; margin:0px auto; min-height:38px; line-height:38px; padding:0 0 4px 0; text-align:right; font-size:11px; color:#aaa; border-top:1px dotted #545454; text-shadow:1px 1px 0px #444; }
#powered br { display:none; }
#powered a { text-decoration:none; -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-align:left; min-height:30px; line-height:30px; font-size:11px; color:#888; text-shadow:1px 1px 0px #222; }
#powered a:hover { color:#f00; -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 { margin:0px 15px 0px 0; padding:0px 0 0 0 }
.social a { margin:0 2px }
.back-to-top { position:fixed; bottom:5px; right:20px; background:url(../image/back-to-top.png) left top no-repeat; width:25px; height:23px; }
.back-to-top:hover { background:url(../image/back-to-top.png) left -23px no-repeat; }
.back-to-top a { text-indent:-9999px; display:block; }
/* banner */
.fl { float:left; }
.fr { float:right; }
.banner div { text-align:center; width:100%; }
.banner div img { margin-bottom:20px; }
ul.list-bullet { padding:0; margin-left:15px; }
ul.list-bullet li { list-style-type:none; margin:0; padding:0; border-bottom: 1px dotted #D6D6D6; }
ul.list-bullet li a { background:url(../image/arrow-right.png) left 2px no-repeat; padding-left:20px; line-height:28px; text-decoration:none; -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; color:#777; }
ul.list-bullet li a:hover { color:#444; -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; }
.w30 { width:25px!important; text-align:center; }
.mt10 { margin-top:10px; }
.line-bottom { background:url(../image/lline-bottom.png) left top repeat-x; padding:28px 0 10px 0; }
.line-bottom1 { background:url(../image/lline-bottom1.png) left top repeat-x; height:17px; }
#about_us_footer { }
#footer-top-outside { background:#111; overflow:auto; }
#footer-top-outside h2 { padding-bottom:10px; }
#footer-top-outside { margin: auto; overflow: auto; padding:0px; }
#footer-top-outside ul { list-style: disc outside; margin-top: 0; padding: 0 15px; }
#contact_footer ul { list-style: none outside none; margin-bottom: 10px; padding-left: 0; }
#categories_footer ul li { padding-bottom: 10px; }
#footer_telephone, #footer_telephone2, #footer_email, #footer_email2, #footer_skype, #footer_fax { text-indent: 25px; }
.contact_column { height: 35px; }
#tel { background: url("../image/contact/telephone.png") no-repeat scroll left center transparent; }
#mail { background: url("../image/contact/mail.png") no-repeat scroll left center transparent; }
#skype { background: url("../image/contact/skype.png") no-repeat scroll left center transparent; }
#fax { background: url("../image/contact/fax.png") no-repeat scroll left center transparent; }
#footer_fax, #footer_telephone2, #footer_email2, #footer_fax { padding-bottom:8px; }
#footer ul { list-style: disc outside; padding-left: 15px; line-height:14px; }
#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; border-bottom:1px solid #EDEDED; }
#twitter_update_list { padding: 0 !important; list-style: none !important; margin-top:0 !important; line-height:17px; }
#twitter_footer li:last-child { border: none !important; }
#twitter_footer li:first-child { padding-top:0 !important; }
#twitter_footer li span { display: block; }
#twitter_footer li a { font-style: normal; color:#a22; }
.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: 12px; line-height: 18px; }
.container_12 { width:964px; margin:0 auto; }
.container_12 .grid_1 { width:61px; }
.container_12 .grid_2 { width:142px; }
.container_12 .grid_3 { width:221px; }
.container_12 .grid_4 { width:300px; }
.container_12 .grid_5 { width:385px; }
.container_12 .grid_6 { width:462px; }
.container_12 .grid_7 { width:547px; }
.container_12 .grid_8 { width:628px; }
.container_12 .grid_9 { width:709px; }
.container_12 .grid_10 { width:790px; }
.container_12 .grid_11 { width:871px; }
.container_12 .grid_12 { width:944px; }
.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; }
.revi { background: none repeat scroll 0 0 #fff; border-radius: 5px 5px 5px 5px; margin-bottom:10px; padding:10px; }
/* wishlist */
.wishlist-info table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; background:#fff; }
.wishlist-info td { padding: 7px; }
.wishlist-info thead td { color: #4D4D4D; font-weight: bold; background:#eee; border-bottom: 1px solid #DDDDDD; }
.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 { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.wishlist-info tbody .image img { border: 1px solid #DDDDDD; }
.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; }
@media screen and (min-width:0px) and (max-width: 760px) {
body {
-webkit-text-size-adjust: auto;
}
.main-wrapper {
padding:0px;
}
.wrapper {
margin:0px 0 0 0;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.header-top-main, .wrapper, #afooter, #powered, .md, .header-top, #header-main {
width:auto!important;
}
.header-top-main {
background:url("../image/nav.png") top left repeat-x #121212;
padding-bottom:10px;
}
#header-main {
padding:0 8px 0px 8px;
}
#header {
min-height:auto;
text-align:center;
}
#header .links {
text-align:center;
float:none;
height:28px;
line-height:28px;
margin:0 0px;
padding:0 5px;
background:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
width:auto;
}
#header .links a {
padding:0 6px;
margin:0 4px;
}
#header .links a#wishlist-total {
display:none;
}
#header #logo {
float:none;
}
#menu {
width:100%!important;
}
#menu > ul > li {
float:none;
}
.home, .banner, #column-right, #column-left, .back-to-top, .header-top #cart, .slideshow {
display:none!important;
}
#welcome {
float:none;
text-align:center;
line-height:28px;
}
#welcome a {
margin:0 10px 0 0;
}
h1 span, .welcome span {
line-height:35px;
}
#currency {
width:auto;
float:left;
margin:0px 0 0 0px;
padding:0 5px;
color:#999;
line-height:22px;
height:22px;
border:none;
}
#currency a {
background:none;
display:inline-block;
padding:0px 4px;
color:#bfc0c0;
height:20px;
line-height:20px;
text-decoration: none;
-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:1px solid #888;
}
#currency a b {
color: #555;
text-decoration:none;
}
#language {
line-height:22px;
height:22px;
padding:0 5px;
}
#afooter .column {
float:none;
width:auto;
margin:0;
}
#afooter .column h3 {
cursor:pointer;
display:block;
text-align:center;
padding:5px 0;
background:#fff;
box-shadow: 0 0 5px #CCCCCC;
-webkit-box-shadow: 0 0 5px #CCCCCC;
-moz-box-shadow: 0 0 5px #CCCCCC;
}
#afooter .column ul {
display:none;
}
#afooter .column ul li {
text-align:center;
}
#footer {
display:none;
}
#footer-top-outside h2 {
border-bottom: 1px dotted #ccc;
padding-bottom:0px;
margin-bottom:10px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
float: none;
}
.container_12 {
padding:0 8px;
width:auto
}
.mobile-fpart {
display:block!important;
}
#powered {
min-height:60px;
line-height:14px;
text-align:center;
}
#powered .fl {
float:none;
}
#column-right + #content {
margin-right:0;
}
#column-left + #content {
margin-left:0;
}
.login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right {
width:auto!important;
float:none;
}
input[type="text"], input[type="password"], textarea {
width:96%;
padding:2px 4px;
}
select, .moby {
width:99%;
}
.breadcrumb a {
font-size:11px;
margin-bottom:10px;
display:inline-block
}
#search {
width:99%;
}
.button-search {
}
#search input, #search:hover input {
width:90%;
padding:0 0 0 16px;
float:left;
}
#mobile-menu, #mobile-menu2 {
margin:5px 8px 0px 8px;
display:block;
}
#mobile-menu ul.menu-none, #mobile-menu2 ul.menu-none {
display:block!important;
height:100%;
-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;
}
.menu-main {
display: none;
}
#optmenu {
margin:6px 0;
display: block !important;
} /* Menu for mobiles */
.menuarrow {
text-align: center;
color:#fff;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
padding:7px 8px;
margin:0;
cursor: pointer;
background:#a22;
border-bottom:1px solid #eee;
font-family: 'OpenSans';
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
/*.menuarrow:hover, html.range_0 .menuarrow:active, html.range_0 .menuarrow.active { border:1px solid #FFF; background-color: #D4D4D4; background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#e9e9e9)); background: -moz-linear-gradient(top, #dfdfdf, #e9e9e9); background: linear-gradient(#dfdfdf, #e9e9e9); -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15); }*/
.menuarrow span {
display: inline;
background:url(../image/mobile-nav-icon.png) right 50% no-repeat;
padding-right:33px;
}
.menu-mobile {
margin:0;
text-align:left;
background:#FBFBFB;
display:none;
}
.menu-mobile li {
}
.menu-mobile li a {
text-decoration:none;
display: block;
padding:2px 6px;
font-weight:bold;
text-transform:uppercase;
}
.menu-mobile li div ul li a {
font-weight:normal;
border-bottom:1px solid #eee;
}
.jcarousel-skin-opencart {
display:none!important;
}
.product-info > .left {
float:none;
text-align:center;
}
.product-info > .left + .right {
margin-left:auto
}
.product-info .image {
float:none;
}
.product-info .image a img {
display:inline;
}
.product-info .image-additional {
width:auto;
margin-bottom:10px;
}
.product-info .image-additional a {
display:inline-block;
float:none;
}
.product-info .cart div {
margin-bottom:10px;
}
.product-grid, .box, .box-product {
text-align:center;
}
.cart-info thead .price, .cart-info tbody .price {
display:none;
}
.sitemap-info .left, .sitemap-info .right, #content .content .left, #content .content .right, .return-comment, .return-captcha, .manufacturer-list ul, .order-list .order-content div {
float:none;
width:auto
}
.wishlist-product thead td {
font-size:11px;
}
.cart-info thead .model, .cart-info tbody .model, .wishlist-product thead .model, .wishlist-product thead .stock, .wishlist-product tbody .model, .wishlist-product tbody .stock {
display:none;
}
.mobile-name {
display:block!important;
}
.mobile-rating img {
width:70px;
}
.mobile-search {
margin-bottom:10px;
}
#footer-top-outside {
display:none;
}
.tab-content {
clear:both;
}
.Flexible-container {
padding-left: 0;
/* padding-right: auto; */
}
}
.list thead td { font-weight: bold; }
table.tableizer-table {border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:100%;}
.tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc; text-align: center;}
.tableizer-table td:first-of-type {text-align: left;}
.tableizer-table th {background: url('../image/background.png') repeat-x; color: #FFF; font-weight: bold; height:23px;}
.tableizer-table th.th01 {width:25%; height:23px; text-align: left;}
.tableizer-table th.th02 {width:65%; height:23px; text-align: center;}
.tableizer-table th.th03 {width:5%; height:23px;}
.tableizer-table th.th04 {width:5%; height:23px;}
/* Filtering products by manufacturers and stock status "In Stock" in categories - START */
.product-filter .manu {
margin-left: 2px;
float: left;
color: #922;
}
.product-filter .stock {
display: none;
margin-left: 7px;
float: left;
color: #333;
}
/* Filtering products by manufacturers and stock status "In Stock" in categories - END */
.display {
display:none;
}
#livesearch_search_results {
margin:0px;
padding:5px;
position: absolute;
top: 24px;
left: 0px;
background-color: #555;
list-style-type: none;
z-index: 12;
min-width: 200px;
border-bottom: 1px solid #000;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#livesearch_search_results li {
padding: 5px;
}
#livesearch_search_results a,
#livesearch_search_results a:visited,
#livesearch_search_results a:hover {
color: #fff;
text-decoration: none;
}
#livesearch_search_results a:hover {
color: #FFF;
}
#livesearch_search_results li:hover {
background-color: #000;
}
#livesearch_search_results .highlighted {
background-color: #000;
}
.keks {position:fixed; top:0; right:0; bottom:0; left:0; z-index:101;}
.keks div {position:absolute; bottom:0; right:0; left:0; color:#fff; font-size:11px; padding:40px; text-align:center; background:transparent url('../image/transparent.png'); z-index:100;}
.keks div a {color:#fff; font-weight:bold;}