/* CSS layout for BMCAR 2009
   @created: 29.08.2009
   @last edited: 29.08.2009
   @author: Arkadiusz Kondas <ak88@wp.pl>
*/

/* global styles */
html, body, a, p, h1, h2, h3, h4, ul, li, div, hr, img, fieldset, form {margin:0; padding:0; border:0;}
body {background:url(bgBody.jpg); font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#FFF;}
a {text-decoration:none; color:#FFF;}
a:hover {text-decoration:underline;}
p {margin-bottom:8px;}
h1 {color:#E61F16; font-size:18px; margin-bottom:15px;}
h2 {color:#E61F16; font-size:16px; margin:10px 0;}
h3 {font-size:14px; color:#CCC; margin-bottom:7px;}
.red {color:#E61F16;}
.clear {clear:both;}
table th {text-align:left; padding-top:15px;}

/* background wrapper styles */
#bgLineWrapper {background:url(bgLine.jpg) repeat-x 0 271px;}
#bgWrapWrapper {background:url(bgWrap.jpg) top center no-repeat;}
#bgMainwrapper {width:980px; margin:0 auto; background:url(bgMain.jpg) top center no-repeat;}

/* header styles */
#headWrapper {}
#languageChange {margin:0 0 0 690px; padding:8px 0 0 0;}
#languageChange a {color:#CCC; font-size:13px; padding-bottom:15px; background:url(langPL.gif) no-repeat; background-position: center bottom;}
#languageChange a.langcz {background-image:url(langCZ.gif)} #languageChange a.langeng {background-image:url(langENG.gif);}
#languageChange a.selected {color:#FFF;}
#loginInfo {width:230px; height:113px; margin-top:120px; color:#CCC; float:left;}
#loginInfo .textInput {width:160px;}
#shoppingCart {width:230px; float:left; margin:120px 0 0 20px;}
#shoppingCart span {font-weight:bold;  font-size:13px;}
#topMenu {margin:30px 0 0 0;}
#topMenu a {color:#FFF; font-size:15px; margin-right:35px; font-weight:bold;}
#topMenu a:hover {color:#E61F16;}

/* content styles */
#contentWrapper {padding-top:40px;}
#leftBlock {float:left; width:235px; background:url(bgLeftLine.jpg) top right repeat-y;}
#middleBlock {width:538px; float:left; padding:0 0 0 10px;}
#rightBlock {float:left; width:187px; padding:0 0 10px 10px; margin-top:40px; background:url(bgRightLine.jpg) top left repeat-y;}
#leftMenu {position:relative; z-index:100;}
#leftMenu ul li {list-style:none; font-size:12px; padding:6px 0 6px 12px; margin:7px 0px; width:200px; background:url(bgLeftMenu.jpg) top left no-repeat;}
#leftMenu ul li a {color:#FFF; text-transform:uppercase;}
#leftMenu ul li.sub {background:none; padding:3px 0 0 35px; background: url(arrow_menu.gif) 22px 8px no-repeat;}
#leftMenu ul li.sub a {color:#E61F16;}
#leftMenu ul li.sub_sub {padding: 3px 0px 0px 50px; width: 150px; background-position: 36px 8px;}
.textFull {font-size:12px; width:500px; padding-top:30px;}

/* product detail styles */
#productMore {width:520px; background:url(bgGrey.jpg) top left repeat-y;}
#productMore table {width:520px;}
#productMore h1 {font-size:14px; color:#E8E8E8; margin-bottom:3px;}
#productMore .text {font-size:12px; padding-bottom:50px;}
#productMore .photo {}
#productMore .photo img {max-width:290px;}
#productMore .oldPrice {font-size:12px; color:#FFF;}
#productMore .ourPrice {font-size:15px; font-weight:bold; color:#FFF;}
#productMore .ourPrice span {color:#E61F16;}

/* right block styles */
#searchBox {padding:30px 0;}
#searchBox .textInput {width:106px;}
#mostPopularBox a {display:block; color:#CCC; text-decoration:underline; margin-bottom:10px;}
#mostPopularBox a:hover {color:#E61F16;}

/* products list style */
.productBox {width:255px; height:209px; float:left; position:relative; margin:0 10px 10px 0; background:url(bgProductBox.jpg) top left no-repeat; overflow:hidden;}
.productBox .name {font-size:14px; text-align:center; font-weight:bold; margin-top:10px;}
.productBox .name a {color:#E8E8E8;}
.productBox .desc {margin:15px 0 0 8px;}
.productBox .foto {width:130px; height:115px; padding:15px; overflow:hidden; float:left;}
.productBox .price {font-size:13px; font-weight:bold; color:#E61F16; padding-top:20px;}
.productBox .price span {text-decoration:line-through; color:#FFF;}
.productBox .detail {width:91px; height:19px; padding-top:4px; text-align:center; font-size:12px; font-weight:bold; color:#FFF; position:absolute; right:1px; bottom:1px; background:url(bgDetail.jpg) top left no-repeat;}

/* basket styles */
#basketTable {margin-top:20px;}
#basketTable th {font-size:12px; font-weight:bold; color:#CCC; padding:10px 0 10px 0;}
#basketTable td.left, #basketTable td.right, #basketTable td.inner {background:url(bgBasket.jpg); color:#FFF; padding:8px 0 8px 0; border-bottom:1px solid #333; border-top:1px solid #333; font-size:12px; text-align:center;}
#basketTable td.left {text-align:left; border-left:1px solid #333; padding-left:7px;}
#basketTable td.left a, #basketTable td.right a {color:#FFF;}
#basketTable td.right {border-right:1px solid #333;}
#basketTable td.footLeft, #basketTable td.footRight {text-align:right; padding:30px 10px 8px 0;}


/* form styles */
input {font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
textarea {background:url(bgGrey.jpg); border:1px solid #666; color:#FFF; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.textInput {border:1px solid #666; color:#FFF; background:url(bgInput.jpg) repeat-x; margin-bottom:7px;}
.submitInput {border:1px solid #FFF; background:#CCC; font-size:12px; font-weight:bold; color:#000; margin-bottom:7px; cursor:pointer;}
.redSubmitInput {border:1px solid #FFF; background:url(bgRedSubmit.jpg) top left no-repeat; width:117px; height:22px; font-weight:bold; color:#FFF; font-size:12px; cursor:pointer;}
.mark {color:#E61F16; padding-left:10px;}
#regTable .textInput {width:190px;}
#regTable td {color:#CCC;}
#deliveryTable .textInput {margin-bottom:0px;}

/* footer styles */
#footWrapper {background:url(bgFoot.jpg) repeat-x top; margin-top:10px;}
#foot {width:980px; margin:0 auto; padding-top:20px; color:#CCC; position:relative;}
#footLogos {margin-bottom: 10px; text-align: center;}
#footLeft {width:300px; float:left;}
#footRight {width:300px; float:right; text-align: right;}
#footRight a {color:#CCC;}
#footFlame {position:absolute; top:-282px; left:-170px; width:297px; z-index:0; height:283px; background:url(bgFootFlame.jpg) top left no-repeat;}

/* other styles */
#error, #ok {width:520px; margin:20px 0 0 5px; font-weight:bold; font-size:11px; background:url(bgGrey.jpg) top repeat-y; padding:60px 0; text-align:center;}
#error a, #ok a {color:#E61F16;}
.ordersHistory {width:219px; height:39px; padding-top:3px; display:block; background:url(bgOrdersHistory.jpg) top left no-repeat; margin:0 auto; text-align:center; font-weight:bold; font-size:14px;}
.photos_wrapper {margin-bottom: 10px;}
.photos_wrapper .photo {float: left; width: 80px; height: 90px; overflow: hidden;}
.photos_wrapper .photo img {width: 70px;}