﻿/* RESET STYLESHEET (html5doctor.com) v1.6.1 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* END RESET CSS (html5doctor.com) */


/* OTHER RESET STYLESHEET (HTML GENERAL) */
body{text-align:center;font-family:arial,verdana,helvetica,sans-serif;font-size:12px;background:none repeat scroll 0 0 #FFF;color:#5C5B5B;line-height:normal;}
a{color:#5C5B5B;text-decoration:none;font-weight:normal;}
a:hover{color:#B80709;text-decoration:underline;}
h1,h2,h3,h4,h5,h6{font-family:arial,helvetica,sans-serif;}
h2,h3{font-size:16px;}
textarea{width:100%;font-family:Verdana,Arial,sans-serif;font-size:11px;border:1px solid #EEEEEE;}
checkbox,input,radio,select,button{}
fieldset{margin:0px 0px 15px;border:1px solid #c9c9c9;padding:15px;}
legend{font-weight:bold;line-height:20px;font-size:16px;}
input[type="text"],input[type="password"]{border:1px solid #eee;}
input[type="text"]:disabled{background:none repeat scroll 0 0 #FFF;}


/* MASTER PAGE WRAPPERS */
.master-wrapper-page{margin:0;padding:0;width:810px;background:none repeat scroll 0 0 #FFF;font-family:arial,helvetica,sans-serif;color:#5C5B5B;}
.master-wrapper-main{text-align:left;margin:0;padding:0 5px;font-family:arial,helvetica,sans-serif;color:#5C5B5B;}
.master-wrapper-main{zoom:1;}
.master-wrapper-main:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}


/* HEADER AND MENU */
.header{padding:0 2px;height:70px;background:#fff;}
.header-logo{margin-top:5px;float:left;text-align:left;}
a.logo{background:url("images/logo.gif") no-repeat scroll 0 0 transparent;display:block;width:310px;height:60px;text-decoration:none;}
.header-menu{background:none repeat scroll 0 0 #404040;border-radius:4px;-o-border-radius:4px;-icab-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;height:auto;list-style:none outside none;margin:10px auto 0;padding:0 10px;}
.header-menu a{color:#FFFFFF;font-size:1.1em;text-decoration:none;}
.header-menu .top-menu-simple li{float:left;list-style:none outside none;padding:6px 8px;line-height:28px;height:28px}
.header-menu .top-menu-simple li:hover{background:#696969;}
.header-menu .top-menu{width:100%;height:100%;zoom:1;}
.header-menu .top-menu:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.header-menu .top-menu li{float:left;list-style-type:none;padding:10px 8px 1px 8px;line-height:28px;height:28px;margin-right:10px;text-align:center;min-width:75px;background:url(images/top-menu-divider.png) no-repeat 100% 50%;z-index:9}
.header-menu .top-menu li.last{background:none;}
.header-menu .top-menu li a{min-height:20px;display:block;line-height:20px; text-transform:uppercase;margin-bottom:9px;white-space:nowrap;padding:0 5px;}
.header-menu .top-menu li a.hover{background:#696969;}
.header-menu .top-menu li .sublist{position:absolute;background-color:#404040;background-image:url(images/top-menu-background.png);background-repeat:no-repeat;border:3px double #696969;margin-left:-10px;z-index:9;display: none;margin-left: -15px;white-space: nowrap;}
.header-menu .top-menu li .sublist.active{display:block}
.header-menu .top-menu li .sublist.firstLevel{}
.header-menu .top-menu li .sublist .sublist.active{left:100px;margin-top:-30px;top:auto;}
.header-menu .top-menu .sublist li a{text-transform:none;min-height:22px;margin:0 8px 0 28px;}
.header-menu .top-menu .sublist li{background:url(images/top-menu-list-image.png) no-repeat 5% 8px;height:22px;margin:6px 5px;text-align:left;float:none;padding:0;} 
.header-menu .top-menu .sublist li:hover{background:#696969 url(images/top-menu-list-image-hover.png) no-repeat 5% 8px;}
.header-menu .top-menu-triangle.active{display:none;}
.header-menu .top-menu-triangle{background:url(images/top-menu-triangle.png) no-repeat;margin-top:-9px;margin-left:10px;width:10px;height:5px;position:absolute;z-index:10;display:none;}
.header-menu .top-menu-triangle.active{display:block;}
/* search box */
.search-text{border:1px solid #eee;vertical-align:top;padding:5px 0 5px 5px;font-size:12px;width:100%;}
.search-box{background:none repeat scroll 0 0 #F6F6F4;float:right;clear:right;width:auto;display:inline;padding:7px 7px 5px;-o-border-radius:3px;-icab-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.search-box ul{margin:0;padding:0;float:right;}
.search-box ul li{list-style:none outside none;float:left;margin:0;padding:0;}
.search-box-text{background:none repeat scroll 0 0 #FFF;width:300px;border:1px solid #E3E3E3;padding:4px 5px;vertical-align:top;font-size:12px;}
.search-box-button{padding:4px 5px;background:none repeat scroll 0 0 #F6F6F4;border:1px solid #D3D3D3;border-radius:2px 2px 2px 2px;color:#353434;cursor:pointer;font-size:12px;margin-bottom:2px;width:70px;}


/* MISC. CLASSES */
.page{}
.page-body{}
.page-title{margin:0 0 10px;overflow:hidden;width:100%;}
.page-title h1,.page-title h2{padding:5px;font-size:20px;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:400;}
.button-1,.button-2{color:#6e6e6e;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;padding:3px 7px;/*position: relative;*/position:static;display:inline-block;text-shadow:0 1px 0 #fff;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;background:#F6F6F6;background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;cursor:pointer;height:auto;width:auto;overflow:visible;}
.button-1:hover,.button-2:hover{color:#333;border-color:#999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.15);}


/* FOOTER */
.footer{clear:both;font-size:11px;height:auto;margin:0 0 30px;padding:15px 10px;background:none repeat scroll 0 0 #FFFFFF;}
.footer a{text-decoration:none;color:#555555;}


/* PAGER */
.pager{zoom:1;}
.pager:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.pager ul{float:left;margin:2px 0;}
.pager li{float:left;line-height:20px;list-style:none outside none;margin-left:5px;}
.pager a,.pager span{display:inline-block;min-width:10px;text-align:center;color:#555;font-size:11px;font-weight:700;padding:0px 8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;transition:all 0.218s;border:1px solid gainsboro;border:1px solid rgba(0,0,0,0.1);background-color:whiteSmoke;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-decoration:none;}
.pager span,.pager a:active{background-color:#F9F9F9;cursor:default;}
.pager a:hover{border:1px solid #C6C6C6;color:#333;-webkit-transition:all 0.0s;-moz-transition:all 0.0s;-ms-transition:all 0.0s;-o-transition:all 0.0s;transition:all 0.0s;background-color:#F8F8F8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}


/* CATALOG PAGES */
.category-page{}
.category-page .page-title{border-bottom:0 none;clear:both;}
.category-page .category-description{padding:5px;color:#555;font-size:1.1em;}
.sub-category-grid{margin-left:auto;margin-right:auto;width:auto;margin-bottom:15px;zoom:1;}
.sub-category-grid:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.sub-category-grid a{color:#555;font-size:1.2em;font-weight:700;}
.sub-category-grid .item-box{float:left;text-align:center;vertical-align:text-top;}
.sub-category-grid .sub-category-item{text-align:center;margin:5px;width:145px;height:180px;border:1px solid #eee;}
.sub-category-grid .sub-category-item .title{text-align:center;font-weight:700;font-size:.9em;display:block;overflow:hidden;padding:5px;}
.sub-category-grid .sub-category-item .picture{text-align:center;padding:10px 0;}


/* PRODUCTS IN GRID - TEMPLATE */
.product-grid{margin-bottom:15px;margin-left:auto;margin-right:auto;width:auto;text-align:center;zoom:1;}
.product-grid:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.product-grid .item-box{float:left;padding:10px;text-align:center;vertical-align:text-top;}
.product-grid .item-box:hover{background:#F9F9F9;}
.product-grid .product-item{text-align:left;margin:0;padding:0;width:180px;height:270px;}
.product-grid .product-item .product-title{font-weight:normal;font-size:12px;padding:0;}
.product-grid .product-item .product-title a{display:block;height:auto;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;}
.product-grid .product-item .details{}
.product-grid .product-item .product-rating-box{}
.product-grid .product-item .picture{background:none repeat scroll 0 0 #FFFFFF;text-align:center;border:1px solid #F0F0F0;height:140px;overflow:hidden;}
.product-grid .product-item .picture img{margin:5px;}
.product-grid .product-item .add-info{vertical-align:bottom;text-align:right;width:auto;height:auto;position:relative;}
.product-grid .product-item .prices{text-align:left;vertical-align:middle;position:static;bottom:15px;right:10px;}
.product-grid .product-item .prices .price{margin:0px;display:block;}
.product-grid .product-item .prices .actual-price{color:#B80709;}
.product-grid .product-item .prices .old-price{color:#5C5B5B;text-decoration:line-through;}
.product-grid .product-item .buttons{vertical-align:middle;position:static;margin-top:5px;text-align:left;}
.product-grid .product-item .fb-like{vertical-align:middle;position:static;margin-top:5px;text-align:left;}
a.product-box-detail-button{color:#6e6e6e;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;padding:3px 7px;/*position: relative;*/position:static;display:inline-block;text-shadow:0 1px 0 #fff;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;background:#F6F6F6;background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;cursor:pointer;height:auto;width:auto;overflow:visible;}
a.product-box-detail-button:hover{color:#333;border-color:#999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.15);}


/* SEARCH */
.search-page{}
.search-page .page-title{}
.search-page .search-input{padding:10px;zoom:1;}
.search-page .search-input:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.search-page .search-input .inputs{float:left;}
.search-page .search-input .buttons{float:right;}
.search-page .search-results{padding-top:10px;}
.search-page .search-results .result{font-weight:700;color:#555;}
.search-page .search-text{width:680px;height:12px;}
.search-input .warning{text-decoration:underline;}