/**
 * cargum.pl
 *
 * @author Paweł Przybyś (pawel.przybys@gmail.com)
 * @version 1.00 2008/01/20
 */
 
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
html, body { height: 100%; }
body { font: normal 11px/16px Tahoma, Helvetica, sans-serif; text-align: center; color: #666666;
 background: url(../img/bg.gif) repeat-x #000000; }
ul, ol { list-style-type: none; }
img { border: 0; }
table { border-collapse: collapse; }
.clear { clear: both; }
*:focus { outline: none; }
a:link, a:focus, a:visited, a:active { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }
#main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -64px; }
#footer, #push { height: 64px; clear: both; margin: 0 auto; }
#main, #footer { width: 971px; text-align: left; }

/**
 * Top
 */

#top {text-align: left; margin: 0 auto; top: 0; width: 971px; height:100%; background:url(../img/bg.jpg) no-repeat scroll center 0;}
.floatl  {float:left; margin:0px;}
.clear   {clear: both; height:0px;}
.b {font-weight: bold;}
.txtr {text-align:right;}

.topm {width: 940px; height:67px;  margin: 0px 0px 0px 0px; padding: 40px 0px 0px 30px;}
.logo {width: 161px; height:67px; margin: 0px 29px 0px 0px;}
#bindex { background: url(../img/bindex.jpg); width:112px; height:67px; visibility:visible; margin: 0px 24px 0px 0px;}
#bindex a { display: block; width: 100%; height: 100%; background: url(../img/bindexa.jpg); }
#bindex a:hover { background: transparent none; }

#brules { background: url(../img/brules.jpg); width:83px; height:67px; visibility:visible; margin: 0px 29px 0px 0px;}
#brules a { display: block; width: 100%; height: 100%; background: url(../img/brulesa.jpg); }
#brules a:hover { background: transparent none; }

#bzone { background: url(../img/bzone.jpg); width:105px; height:67px; visibility:visible; margin: 0px 26px 0px 0px;}
#bzone a { display: block; width: 100%; height: 100%; background: url(../img/bzonea.jpg); }
#bzone a:hover { background: transparent none; }

#bwarranty { background: url(../img/bwarranty.jpg); width:92px; height:67px; visibility:visible; margin: 0px 39px 0px 0px;}
#bwarranty a { display: block; width: 100%; height: 100%; background: url(../img/bwarrantya.jpg); }
#bwarranty a:hover { background: transparent none; }

#bcontact { background: url(../img/bcontact.jpg); width:74px; height:67px; visibility:visible; margin: 0px 37px 0px 0px;}
#bcontact a { display: block; width: 100%; height: 100%; background: url(../img/bcontacta.jpg); }
#bcontact a:hover { background: transparent none; }

#bbasket { background: url(../img/bbasket.jpg); width:99px; height:67px; visibility:visible;}
#bbasket a { display: block; width: 100%; height: 100%; background: url(../img/bbasketa.jpg); }
#bbasket a:hover { background: transparent none; }

.search {width: 980px; height:100px; margin: 220px 0px 0px 20px; padding: 0px 0px 35px 0px}
.stxt { width:460px; height:15px; font-size: 9px; margin: 5px 0px 0px 0px;}

.txttp {width:71px; height:15px; margin: 0px 5px 0px 0px;}
.txtp {width:98px; height:15px; margin: 0px 5px 0px 0px;}
.txtro {width:61px; height:15px; margin: 0px 5px 0px 0px;}
.txtprf {width:60px; height:15px; margin: 0px 5px 0px 0px;}
.txtso {width:60px; height:15px; margin: 0px 5px 0px 0px;}
.txts {width:61px; height:15px; margin: 0px 5px 0px 0px;}

.txtro1 {width:197px; height:15px; margin: 0px 5px 0px 0px;}

.param {width:460px; height:30px; margin: -3px 0px 0px 0px;}
.sel  {margin: 3px 5px 0px 0px;}
.seltp {width:71px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.selp {width:98px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.selro {width:61px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.selprf {width:60px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.selso {width:60px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.sels {width:61px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}

.selro1 {width:197px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}

.inpl {width:149px; height:47px; background-image: url(../img/inpdbg.jpg); border:0px; margin: 0px 0px 0px -8px;}
.pinp {padding: 12px 0px 0px 8px;}
.find {width:131px; height:24px; cursor:pointer; background-image: url(../img/bginp.jpg); border:0px; }

.rim {width:480px; height:30px; margin: 0px 0px 0px 25px;}
.stxt1 { width:460px; height:15px; font-size: 9px; margin: 5px 0px 0px 0px;}

.txtprd {width:121px; height:15px; margin: 0px 5px 0px 0px;}
.txttr {width:165px; height:15px; margin: 0px 5px 0px 0px;}
.txtrd {width:147px; height:15px; margin: 0px 5px 0px 0px;}


.param1 {width:480px; height:30px; margin: -3px 0px 0px 0px;}
.sel1  {margin: 3px 9px 0px 0px;}
.selprd {width:104px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.seltr {width:147px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}
.selrd {width:147px; height:20px; cursor:pointer; border:1px solid #CCCCCC; font-size: 10px;}

.break {margin: 6px 9px 0px 0px;}
.rimbmls {margin: 10px 5px 0px 0px;}
.rimbml {margin: 1px 0px 0px 0px; line-height:12px;}
.rimbml a{color:#6cabbc; text-decoration:none;font-size: 9px; }
.rimbml a:hover{color:#FFFFFF;}

.alcar {margin: 12px 10px 0px 0px;}
.alcartxt {font-size: 9px; margin: 3px 5px 0px 0px;}
.alcarinp {width:70px; height:18px; background-image: url(../img/bgsel.jpg) repeat 0 0; border:0px; }

.inpp {width:149px; height:47px; background-image: url(../img/inpdbg.jpg); border:0px; margin: 0px 0px 0px 0px;}
.pinp1 {padding: 9px 0px 0px 7px;}


/**
 * Content
 */

#content { float: right; width: 726px; padding-left: 10px; padding-bottom: 20px; font-size: 11px; line-height: 16px; color: #999999; }
#content-left { float: left; width: 481px; padding-right: 10px; }
#content .wrapper { border: 5px solid #282d34; padding: 25px 16px; background: #0f1013; }
#content .wrapper h3 { line-height: 0; padding-bottom: 6px; }
#content #why-us { background: url(../img/wrapper-corner-why-us-bg.jpg) no-repeat #0f1013; }
#why-us ul { padding: 15px; color: #a3abb7; }
#why-us ul li { border-bottom: 1px solid #282d34; padding: 4px 8px 5px; font-weight: bold;
 background: url(../img/bullet.gif) 0 9px no-repeat; }
#why-us ul li.last { border: 0; }
#content-right { float: left; width: 235px; }
#storehouse { border: 1px solid #163c43; padding: 15px 10px 15px 20px; margin-bottom: 10px; font-size: 12px;
 background: url(../img/wrapper-turquoise-bg.gif) repeat-x #113137; color: #fff; }
#storehouse p { padding-bottom: 12px; }
#storehouse span { font-size: 2.73em; line-height: 1.1em; }
#storehouse span span { font-size: 9px; }
#breadcrumb { color: #737982; font-size: 0.92em; padding-bottom: 10px; }
#breadcrumb li, #breadcrumb li a { display: inline; color: #737982; }

/**
 * Listing
 */

#content #listing { background: url(../img/wrapper-corner-listing-bg.jpg) no-repeat #101114; }
#listing table { width: 100%; border-top: 1px solid #282d34; margin: 10px 0; }
#listing table td { vertical-align: middle; padding: 8px 0 4px; border-bottom: 1px solid #282d34; }
#listing .name { font-size: 13px; font-weight: bold; color: #6baab9; }
#listing .name a { color: #6baab9; }
#listing .type { text-align: center; padding: 8px 8px 4px; }
#listing .price { font-size: 12px; color: #999999; text-transform: uppercase; }
#listing .price span { font-size: 15px; color: #f00; text-decoration: line-through; }
#listing .price strong { font-size: 17px; color: #fff; }
#listing .browse { text-align: right; font-size: 13px; padding-top: 5px; }
#listing .browse li { display: inline; color: #737982; }
#listing .browse li.count, #listing .browse li.count span { margin-right: 12px; }
#listing .browse li a { color: #6baab9; }
#listing .browse li a:hover { text-decoration: none; color: #737982; }
#listing .options { text-align: right; }

/**
 * Trail
 */

#trail { display: none; position: absolute; z-index: 110; padding: 1px; line-height: 0; 
 background: #0f1013; border: 5px solid #282d34; }

/**
 * Product
 */

#content #product { background: url(../img/wrapper-corner-product-bg.jpg) no-repeat #090a0b; }
#product { float: left; width: 684px; }
#product .photos { float: left; width: 331px; }
#product .photo { line-height: 0; }
#product .photo img { border: 1px solid #222229; }
#product .uppercase { text-transform: uppercase; font-size: 12px; padding: 2px 0; }
#product .photos-list li { display: inline; }
#product .photos-list li img { border: 1px solid #222229; }
#product .about { float: left; width: 331px; padding-left: 20px; }
#product .about p { border-bottom: 1px solid #282d34; text-transform: uppercase; font-size: 12px; padding: 13px 0; }
#product .about p strong, #product .about p span { text-transform: none; }
#product .about p strong { color: #a6b6ce; }
#product p.producer { position: relative; width: 331px; padding-top: 15px; }
#product .producer img { position: absolute; top: 0; right: 0; }
#product p.name { border: 0; }
#product .name strong { font-size: 2.20em; line-height: 1.1em; font-weight: normal; }
#product .params strong { font-size: 1.70em; line-height: 1.1em; }
#product .season strong { font-size: 12px; }
#product .availability .available { color: #48aa00; font-weight: bold; font-size: 12px; }
#product .availability .unavailable { color: #f00; font-weight: bold; font-size: 12px; }
#product .rating img { margin: 0 4px; }
#product p.price { float: left; width: 155px; padding-top: 60px; line-height: 40px; height: 68px; }
#product .price span { font-size: 14px; color: #f00; text-decoration: line-through; }
#product p.price strong { font-size: 22px; color: #fff; }
#product form { float: right; width: 176px; border-bottom: 1px solid #282d34; padding-top: 68px; height: 73px; }
#product p.options { float: left; border: 0; }
#product p.options input.text { display: block; width: 25px; padding: 1px; height: 14px; text-align: center; 
 font: bold 1.10em/1.2em Tahoma, Helvetica, sans-serif; color: #666666; }
#product p.button { float: left;  border: 0; }
#product .clear { border-bottom: 1px solid #282d34; height: 20px; margin-bottom: 20px; overflow: hidden; }
#product .desc { padding: 10px 15px; text-align: justify; }
#product .opinions { width: 654px; margin: 10px 15px; }
#product .opinions th, #product .opinions td { padding: 6px; border: 1px solid #282d34; vertical-align: top; }
#product .opinions th { text-transform: uppercase; background: #181b21; font-size: 13px; color: #a6b6ce; text-align: left; font-style: normal; font-weight: normal; }
#product .opinions td { font-size: 14px; }
#product .opinions img { margin: 0 4px; }
#product .opinions td.opinion { width: 304px; }
#product .opinions td.rating { width: 106px; }
#product .opinions a { color: #6baab9; }
#product .rate { padding: 10px 15px; }
#product .rate img { margin-bottom: -10px; }

/**
 * Sidebar
 */

#sidebar { float: left; width: 235px; font-size: 11px; line-height: 14px; }
#sidebar .wrapper { border: 1px solid #1b1b1b; padding: 15px 10px 15px 20px; margin-bottom: 10px;
 background: url(../img/wrapper-bg.gif) repeat-x; }
#sidebar .wrapper h3 { line-height: 0; }
#contact ul li { text-transform: uppercase; color: #999999; }
#contact ul li a { color: #6baab9; font-weight: bold; text-transform: none; }
#newsletter form { padding-top: 15px; height: 30px; } 
#newsletter form p { position: relative; }
#newsletter form p input, #newsletter form p a { position: absolute; }
#newsletter form p input.text { top: 5px; left: 0; width: 100px; padding: 1px; height: 14px;
 font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #666666; }
#newsletter form p input.image { top: 0; left: 100px; }
#newsletter form p a { top: 0; left: 153px; }
#sidebar #storehouse { font-size: 1em; }

/**
 * Footer
 */

#footer { position: relative; width: 971px; }
#copyright, #software, #e-commerce, #nxdesign { position: absolute; }
#footer-menu { border-top: 1px solid #262626; padding: 22px; font-size: 11px; line-height: 14px;  }
#footer-menu li, #footer-menu li a { display: inline; margin-right: 4px; }
#about { height: 0; overflow: hidden; }
#copyright { top: 17px; right: 200px; width: 160px; font-size: 11px; line-height: 14px; border-right: 1px solid #1d1e1f;  }
#software { top: 19px; right: 76px; width: 110px; font-size: 10px; line-height: 14px; }
#e-commerce { top: 18px; right: 52px; }
#nxdesign { top: 18px; right: 10px; }