@import url(main.css);

body {font-family: 'Arial', sans-serif; font-size: 11px;}

#top {background: #0e0e0e;}
    #header {width: 890px; margin: auto; height: 119px; position: relative;}
    #header h1 a {width: 145px; height: 114px; position: absolute; left: 0; top: 0;
                  overflow: hidden; display: block;}
    #header h1 a span {display: block; width: 145px; height: 114px; z-index: 10;
                       background: url(/img/front/logo.png) 0 0 no-repeat; top: 0;
                       position: absolute;}
#bannerWrapper {height: 280px; background: url(/img/front/bannerBg.png) 0 0 repeat-x;}
    #banner {width: 890px; height: 280px; margin: 0 auto;
             background: url(/img/front/banner.jpg) 0 0 no-repeat;}
div.hand {background: url(/img/front/hand.jpg) 100% 0 no-repeat; margin-left: 2px;
          padding-top: 5px;}
    #main {width: 890px; margin: 0 auto; background: url(/img/front/mainBg.png) 0 0 repeat-x;
           padding-bottom: 115px;}
#footerWrapper {height: 227px; background: #1e1e1e;}
    #footer {height: 227px; width: 890px; margin: auto; position: relative;
             background: url(/img/front/footerBg.png) 100% 0 no-repeat;}

/** Hlavní menu */
ul#mainMenu {position: absolute; left: 106px; top: 82px;}
ul#mainMenu li {list-style-type: none; float: left; margin-right: 10px;}
ul#mainMenu li a {color: #b2b2b2; font-size: 12px; text-transform: uppercase;
                  text-decoration: none;}

/** infoboxy na titulce */
div.infobox {width: 296px; float: left; padding-top: 45px;}
div.infobox p {margin: 0 18px 10px 18px;}
div.infobox h3 {margin: 0 18px; font-size: 20px; font-weight: normal;}
div.infobox h3 a {text-decoration: none;}

h3.helter a {color: #e9930c}
h3.elive a {color: #f02d5b}
h3.smsio a {color: #4688a6}

div.infobox strong {color: #8b8b8b}

/** záhlaví boxů */
div.heading {margin: 18px; border-bottom: 1px solid #1e1e1e; color: #666; font-size: 13px;
             padding-bottom: 10px;}
div.heading h2 {font-weight: normal;}
div.heading strong.subheading {font-weight: normal;}

/** malý košík */
#basketSmall {width: 360px; height: 47px; top: 18px; left: 146px; font-size: 12px;
                color: #fff; position: absolute;}
#basketSmall a {display: block; width: 82px; height: 22px; margin-top: 12px;
                background: url(/img/front/basketSmall.png) 0 0 no-repeat;}
#basketSmall a span {display: none;}

/** grid */
table.grid {margin: 0 18px;}
table.grid td {border-right: 1px solid #b7b7b7; padding: 0 40px;}
table.grid td.first {padding-left: 0 !important;}
table.grid td.last {padding-right: 0 !important; border-right: 0 !important}
table.grid td.img {border: 1px solid #757575;}
table.grid h2 {line-height: 70%; margin-bottom: 12px;}
table.grid h2 a {color: #924d4d; text-decoration: none;}
table.grid h2 a span {color: #696969;}

table.grid .buttons {color: #7d7d7d; font-size: 19px;}
table.grid .buttons a {display: block; float: right; width: 62px; height: 24px;
                       position: relative; overflow: hidden;}
table.grid .buttons a span {display: block; width: 62px; height: 24px; position: absolute;
                            left: 0; top: 0; z-index: 10;
                            background: url(/img/front/detailBtn.png) 0 0 no-repeat;}

/** patička */
a.helter {display: block; position: absolute; width: 195px; height: 30px;
          overflow: hidden; left: 0; top: 0;}
a.helter span {display: block; width: 195px; height: 30px; position: absolute; left: 0;
               top: 0; background: url(/img/front/copyrightHelter.png) 0 0 no-repeat}

a.elive {display: block; position: absolute; width: 123px; height: 30px;
         overflow: hidden; left: 195px; top: 0;}
a.elive span {display: block; width: 195px; height: 30px; position: absolute; left: 0;
              top: 0; background: url(/img/front/copyrightElive.png) 0 0 no-repeat}

#smsioAd {color: #999; position: absolute; top: 70px; width: 400px;}
#smsioAd img {float: left; margin: 5px 10px 5px 0}
#smsioAd p {margin: 10px;}
#smsioAd h3 a {font-size: 18px; font-weight: normal; text-decoration: none; color: #999;}

/* detail zbozi */
#detailHeading {padding: 18px 0; margin: 0 18px; border-bottom: 1px solid #1e1e1e;
                color: #666; font-size: 13px; padding-bottom: 10px; width: 718px;}
#detailHeading h1 {font-weight: normal;}

#detailPicture {width: 312px; float: left; margin: 20px 0 0 18px; text-align: center;}
#detailProperties {width: 285px; float: left; color: #616161; margin: 20px 0 0 80px;}
.dP1 {background: url('img/typeNew.png') left top no-repeat;}
.dP2 {background: url('img/typeDiscount.png') left top no-repeat;}
.dP3 {background: url('img/typeSale.png') left top no-repeat;}
.dP1, .dP2, .dP3 {padding-top: 20px;}
#detailPictures {clear: both; padding: 53px 0 13px 0; margin-right: 30px;}
#detailPictures img {border: 1px solid #868686; float: left; margin-right: 10px;}

#detailProperties h2 {font-size: 140%; color: #bababa;}
#detailProperties strong {color: #000; font-size: 120%;}
#detailLegend {margin: 10px 0;}
#detailAvailability {margin: 20px 0;}
.dA0 {color: #a3be25}
.dA1, .dA2 {color: #de0000;}
#detailAlternates {margin: 0;}
#detailAlternates select {margin: 3px 0;}
#detailPrice {margin: 19px 0 0 0; position: relative}
#detailPrice span.delPrice {color: #af2424; font-size: 200%; margin-right: 10px;}
#detailOldPrice {margin: 10px 0 0 0; font-size: 115%; font-weight: bold;}
#detailDescription {margin: 10px 30px 0 0; border-top: 1px solid #d9d9d9; padding: 10px 0 0 0;}
#detailAction {margin: 10px 30px 0 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
               padding: 10px 0 10px 0;}
#detailAction a {color: #616161;}
button.detailCartAdd {display: block; width: 71px; height: 22px; border: 0; padding: 0;
                      margin: 0; background: url('img/buy.png') left top no-repeat #8a0000;
                      position: absolute; left: 180px; top: 8px;}
button.detailCartAdd span {display: none;}

/** Velký košík */
#basketBig {width: 675px; border: 7px solid #515151; margin: 22px}
#basketBig td {background: #515151; border-bottom: 1px solid #8c8c8c; color: #fff;}
#basketBig td a {color: #fff;}
#basketBig td.name {font-size: 16px;}
#basketBig td.price {font-size: 18px;}
#basketBig td.form input.button {border: 0; margin: 5px; border-bottom: 1px solid #fff;
                                 color: #fff; background: #515151; padding: 0;}
#basketBig td.sum {color: #ffcc00; font-size: 18px;}


/** objednávka */
div.order {width: 718px;}
div.order h2 {color: #727272; font-size: 22px; margin-left: 18px;}
div.orderForm {background: #515151; margin: 18px; font-size: 15px;
                color: #878787; padding: 10px;}
div.orderForm h3 {color: #fff; font-size: 18px; font-weight: normal; padding-left: 15px;}
div.orderForm input {border: 3px solid #515151; padding: 10px;}
div.orderForm table td {padding: 5px 15px;}
div.orderForm table td.streetInput input {width: 422px;}
#frmorderForm-ok {background: #f47900; color: #fff; padding: 15px; margin-right: 18px;
                  border: 0; font-size: 16px; font-weight: bold;}

/** texty */
#textPage {margin: 15px}

/** ostatní */
div.flash {background: #f47900; color: #fff; padding: 15px; margin: 18px;
           border: 0; font-size: 16px; font-weight: bold; width: 688px;}
div.flash a {color: #fff;}