@import 'lib/reset.css';

body { color: #000; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 75%; background: #2E2E2D url('../images/layout/bg-main.gif') repeat-x; }

a { color: #ffda2f; text-decoration: underline; }
a:hover { color: #ffda2f; text-decoration: none;}

h1,h2,h3,h4,h5,h6 { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { font-size: 1.5em; line-height: 1; margin: 0; color: #FFF; padding: 20px 0 0 0; letter-spacing: -0.04em; text-align: center; }
h2 { font-size: 2.2em; margin: 0; padding: 15px 0 0 0; }
h2.nopadding { font-size: 2.2em; margin: 0; padding: 5px 0 15px 0; }
h3 { font-size: 1.5em; line-height: 1.25; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; }
h6 { font-size: 1em; font-weight: bold; }

h3.block {font-size: 1.5em; line-height: 1.3; margin: 0 0 0.3em 0; padding: 0 105px 0 0; }
h3.small-block {font-size: 1.5em; line-height: 1.2; margin: 0 0 0.3em 0; padding: 0; }

.cleaner { clear: both; }

/* Text fields */
input.text  { width: 300px; margin: 0.5em 0.5em 0.5em 0; display: inline; border: 1px solid #bbb; background:#f6f6f6; padding:5px; }

/* Main page wrapper */
.container { margin: 0 auto; width: 960px; padding: 0; background: #FFF; }

/* Header */
.header { width: 960px; height: 109px; background: url('../images/layout/bg-header.jpg') no-repeat; padding: 0; margin: 0; }

/* Header - logo */
.header .logo { float: left; width: 240px; height: 109px; }
.header .logo a { background: none; }

/* Header - center part */
.header .center { float: left; padding: 0; margin: 0; }

/* Navigation area */
.navigation { width: 543px; height: 49px; margin: 22px 0 0 0; float: left; }
.navigation #nav { margin: 0; padding: 0; list-style-type: none; }
.navigation #nav li { display: inline; padding: 0; text-indent:-2000px; }
.navigation #nav li a { display: block; float:left; padding: 0;  height: 49px; }
.navigation #nav li a:hover { background-position: 0 -49px; }
.navigation #nav li a:active { background-position: 0 -49px; }
.navigation #audio a { background:url('../images/navigation/audio.gif'); width: 181px;}
.navigation #audio a.active, .navigation #audio a.active:hover {  background-position: 0 -98px; }
.navigation #disky a { background:url('../images/navigation/disky-pneumatiky.gif'); width: 181px;}
.navigation #disky a.active, .navigation #disky a.active:hover { background-position: 0 -98px; }
.navigation #tuning a { background:url('../images/navigation/tuning.gif'); width: 181px;}
.navigation #tuning a.active, .navigation #tuning a.active:hover { background-position: 0 -98px; }
.navigation .clearfix { display: inline-block; }
.navigation .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Login info & Shopping cart */
.login-cart { float: right; width: 167px; padding: 20px 10px 0 0; margin: 0; }
.login-cart .cart { margin: 0 auto; padding: 0; text-align: center; color: #FFF; font-size: 1.5em; }
.login-cart .cart .icon { margin: 0; }
.login-cart .links { margin: 0 auto; padding: 0 0 10px 0; text-align: left; color: #FFF; font-size: 1em; }
.login-cart .items { margin: 0 auto; padding: 0 0 5px 0; text-align: center; color: #FFF; font-size: 1em; }

/* Navigation bar - AUDIO */
.nav-bar { width: 920px; height: 24px; padding: 8px 20px; margin: 0 0 15px 0; border-bottom: 1px solid #FFC313; background-color: #FFDA2F; }
.nav-bar .search { float: left; padding: 0; margin: 0; font-size: 1.3em; }
.nav-bar .contacts { float: right; padding: 2px 0 0 0;font-size: 1.2em; }
.nav-bar .contacts .phone { float: left;}
.nav-bar .contacts .icq { float: left; }
.nav-bar .contacts img { float: left; margin: 3px 3px 0 2px; display: inline; }

/* Navigation bar - AUDIO */
.nav-bar.audio { background-image: url('../images/navigation/bg-navbar-audio.gif'); }

/* Navigation bar - DISKY A PNEUMATIKY */
.nav-bar.disks { background-image: url('../images/navigation/bg-navbar-disky.gif'); }

/* Navigation bar - TUNING */
.nav-bar.tuning { background-image: url('../images/navigation/bg-navbar-tuning.gif'); }

/* Left navigation area */
#left-navigation { width: 219px; float: left; margin: 0; padding: 0 11px; }
#left-navigation .box { width: 219px; height: auto; margin: 0 auto 15px auto; padding: 0; background: #FFF url('../images/sub-navigation/box-body-bg.gif') repeat-y; }
#left-navigation .box .title { width: 209px; height: 32px; padding: 8px 0 0 10px; margin: 0; background: #FFE257 url('../images/sub-navigation/bg-top-main.gif') no-repeat; }
#left-navigation .box .title h3 { font-size: 1.5em; line-height: 1.25; margin-bottom: 0; }
#left-navigation .box .bottom { width: 219px; height: 13px; margin: 0; padding: 0; background: #F3F3F3 url('../images/sub-navigation/bg-bottom-main.gif') no-repeat; overflow: hidden; }
#left-navigation .box .banners { padding: 15px 0 0 18px;}
#left-navigation .box .banners img { border: 4px solid #bbbbbb;}
#left-navigation .box ul.partners { padding: 10px 0 0 14px; list-style: none; line-height: 1.9em; }
#left-navigation .box ul.partners a { color: #000; text-decoration: underline; padding: 1px;}
#left-navigation .box ul.partners a:hover { color: #000; background: #ffda2f; text-decoration: none; }
#left-navigation .box .cursor { cursor: pointer;}

.subnavigation { width: 219px; padding: 0; margin: 0; }
.subnavigation a { color: #000; text-decoration: none; margin: 0; padding: 0; }
/*.subnavigation li { width: 204px; height: 27px; padding:  4px 0 0 15px; margin: 0; font-size: 15px; list-style-type: none; background: #f3f3f3 url('../images/sub-navigation/bg.gif') repeat-y; overflow: hidden;  }*/
.subnavigation li { width: 204px; height: 26px; padding: 5px 0 0 15px; margin: 0; font-size: 13px; list-style-type: none; background: #f3f3f3 url('../images/sub-navigation/bg.gif') repeat-y; overflow: hidden; }
.subnavigation li:hover { width: 204px; height: 26px; padding:  5px 0 0 15px; margin: 0; list-style-type: none; color: #000; background: #f3f3f3 url('../images/sub-navigation/bg-rollover.gif') repeat-y; overflow: hidden; }
.subnavigation li a { /*width: 219px;*/ height: 26px;  padding:  0; list-style-type: none; display: block }
.subnavigation li a:hover { color: #000; }
.subnavigation li.active { background: url('../images/sub-navigation/bg-active.gif') no-repeat; text-decoration: none; }

/*.subnavigation li.submenu { width: 194px; padding: 2px 0 0 25px; font-size: 12px; height: 20px; position: relative;}*/
.subnavigation li.submenu { width: 194px; padding: 2px 0 0 25px; font-size: 11px; height: 20px; position: relative;}
.subnavigation li.submenu a { text-decoration: underline; }
.subnavigation li.submenu a:hover, .subnavigation li.submenu.active a { text-decoration: none; background: none; color: #000;}
.subnavigation li.submenu .last { padding: 0 0 5px 0; }


/* MAIN CONTENT AREA */

#content { float: left; width: 689px; padding: 5px 15px 0 15px; }

/* breadcrumb */
#content .breadcrumb { font-size: 11px; }
#content .breadcrumb a { color: #000; text-decoration: underline; }
#content .breadcrumb a:hover { color: #000; text-decoration: none; }

/* Product search */
#content .search-products { width: 631px; background: #f4f4f4; padding: 5px 10px; margin: 0 0 5px 0;}
#content .search-products table.searchtable { padding: 0; margin: 0; display: inline;}
#content .search-products table.searchtable td { text-align: left; padding: 3px; display: inline; }
#content .search-products table.searchtable .label { width: 100px; display:block; }
#content .search-products table.searchtable .label50 { width: 50px; display:block; }
#content .search-products table.searchtable .data { width: 130px; }
#content .search-products table.searchtable .data60 { width: 70px; }
#content .search-products table.searchtable input { padding: 0; margin: 0; vertical-align: bottom;}

/* Product search */
#content .search-products { width: 631px; background: #f4f4f4; padding: 5px 10px; margin: 0 0 5px 0;}
#content .search-products table.searchpneu { padding: 0; margin: 0; display: inline;}
#content .search-products table.searchpneu td { text-align: left; padding: 2px; }
#content .search-products table.searchpneu .label { width: 100px; display: block; }
#content .search-products table.searchpneu .label50 { width: 50px; display: block; }
#content .search-products table.searchpneu .data { width: 130px; }
#content .search-products table.searchpneu input { padding: 0; margin: 0; vertical-align: bottom; }


/* Hlavne rozdelenie produktov */
#content .main-products { width: 150px; float: left; margin: 0 17px 20px 0; padding: 0; }
#content .main-products img { margin: 0; padding: 0; float: left; }
/*#content .main-products .main-title { background: #e9e9e9; padding: 3px 0 3px 10px; font-size: 15px; line-height: 1.3em; color: #000;}*/
#content .main-products .main-title { background: #e9e9e9; padding: 3px 0 3px 10px; font-size: 13px; line-height: 1.3em; color: #000;}

/* Produkty */
#content .products { width: 150px; float: left; margin: 15px 17px 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #d6d6d6; }
#content .products .picture { width: 150px; height: 122px; margin: 0; padding: 0; float: left; z-index: 0; overflow: hidden; display: inline; }
#content .products .new { width: 150px; height: 122px; margin: 0; padding: 0; float: left; z-index: 1000; position: absolute; visibility: show; }

#content .products .main-title { height: 40px; padding: 4px 0 0 0; font-size: 14px; line-height: 1.3em; font-weight: bold; color: #000; }
#content .products .buttons { margin: 0; padding: 0; }
#content .products .buttons img {  float: left; margin: 0; padding: 0 5px 0 2px; }
#content .products .buttons img.cart {  float: right; margin: 0; padding: 0 1px 0 0; }
#content .products .product-desrciption { font-size: 12px; font-weight: normal; color: #000;}
#content .products .oldprice { font-size: 12px; font-weight: normal; color: #000; text-decoration: line-through; }
#content .products .newprice {  float: left; font-size: 12px; font-weight: bold; color: #000; padding: 0 2px 4px 0; }
#content .products .expedition { float: right; padding: 0; margin: 0; height: 17px;}


/* Detail produktov */
#content .products-detail { padding: 0; margin: 0; }
#content .products-detail .main-picture { width: 241px; height: 181px; float: left; margin: 0px 10px 0 0; padding: 0; }
#content .products-detail .short-description { width: 245px; min-height: 186px; _height: 186px; float: left; font-size: 13px; padding: 0 10px 0 0; }
#content .products-detail .short-description .more-info { padding: 8px 0 0 0;}
#content .products-detail .shopping-info { width: 165px; float: left; border-left: 1px solid #d6d6d6; }
#content .products-detail .shopping-info .mark { width: 137px; height: 23px; margin: 0 0 5px 10px; padding: 4px 0 0 15px; font-size: 13px; font-weight: bold; background: #d6d6d6 url(../images/layout/sale-new-bg.gif) no-repeat;}
#content .products-detail .shopping-info .info { width: 137px; height: 134px; padding: 10px; padding-right: 5px; margin: 0 0 0 10px; background: #ffeb83 url(../images/layout/shopping-bg.gif) no-repeat; }

#content .products-detail .shopping-info .info .oldprice { font-size: 18px; color: #000; text-decoration: line-through; letter-spacing: -0.03em; }	
#content .products-detail .shopping-info .info .newprice { font-size: 18px; color: #000; font-weight: bold; letter-spacing: -0.03em; }
#content .products-detail .shopping-info .info .euro { font-size: 18px; color: #000; font-weight: bold; letter-spacing: -0.03em; }
#content .products-detail .shopping-info .info .expedition { font-size: 12px; color: #000; font-weight: normal; letter-spacing: -0.03em; padding: 0 0 5px 0; }

#content .products-detail .shopping-info .info table.shopping { padding: 0; margin: 0; display: inline;}
#content .products-detail .shopping-info .info table.shopping td { text-align: left; padding: 2px; display: inline; }
#content .products-detail .shopping-info .info table.shopping .number { width: 20px; }
#content .products-detail .shopping-info .info table.shopping input { vertical-align: bottom;}

#content .products-detail .icons img { float: left; padding: 20px 5px 10px 0; }
#content .products-detail .more-pics img { float: left; padding: 10px 5px 10px 0; }

#content .specifications { padding: 0 10px 0 0; margin: 0; }
#content .specifications ul.specs { list-style: none; padding: 0 0 10px 0; }
#content .more { font-weight: bold; padding: 10px 0; line-height: 1.7em;}
#content .more a { color: #000; text-decoration: underline; }
#content .more a:hover { color: #000; background: #ffda2f; text-decoration: none; }


/* CONTAC FORM - PLECHOVE DISKY */
.contactform { width: 650px; background: #f6f6f6; margin: 15px 0 0 0; padding: 15px; color: #000; font-size: 12px; }
.contactform form.plechove-disky { padding: 0; margin: 0; font-size: 12px; display: inline;  }
.contactform form.plechove-disky .label { text-align: right; padding: 0 5px 0 0;  display:block; abackground: red; }
.contactform form.plechove-disky .textfields { width: 200px;}
.contactform form.plechove-disky .textarea { width: 300px; height: 155px; vertical-align: bottom; display:block;}
.contactform form.plechove-disky input { vertical-align: bottom; }
.contactform p.button { padding: 5px 0 0 0;}

/* Footer */
#footer { width: 960px; height: 64px; padding: 10px 0 0 0; background: #FFF url(../images/layout/bg-footer.jpg) no-repeat bottom; text-align: center; color: #000; }
#footer .copy { color: #909090; font-size: 11px; text-align: center; padding: 5px 0 0 0; }
#footer .copy a { color: #909090; text-decoration: none; }
#footer .copy a:hover { color: #909090; text-decoration: underline; }
#footer a { color: #000; text-decoration: underline; margin: 0 15px 0 0; }
#footer a:hover { color: #000; text-decoration: none; }