/* reset
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

body { margin: 0; padding: 0; }

ul, ol, dl { margin: 0; padding: 0; list-style: none; }

fieldset, img { border: none; }
a ,  a:active,  a:focus { color: #333; text-decoration: none; outline: none; }
a:hover { color: #cc0000; text-decoration: underline; outline: none;}
/* general
------------------------------------------- */
body { font: 12px/18px Arial, Trebuchet MS, "Lucida Grande", Lucida, sans-serif; background: #fff; color: #000;}


input, textarea { font-size: 12px; font-family: "Lucida Grande", verdana, , helvetica, sans-serif; padding: 2px; 	}
select { font-size: 11px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;	}
img, div, a, input { behavior: url(http://www.8opon.pl/css/iepngfix.htc) }

/* headings
------------------------------------------- */
h1 { font-size: 16px; line-height: 22px; font-weight: normal; margin-bottom: 10px; color: #000; }

#wrapper { width: 950px; margin: 0 auto; position: relative; }
#tools-nav { position: absolute; top: 0px; right: 0px; color: #999;}
#tools-nav li {  float: left; padding: 5px 7px 5px 7px; border-right: solid 1px #C7C7C7; display: block;}
#tools-nav li a { color: #666; font-size: 11px;}
#tools-nav li.last { border: none; }

#nav { background: url(../images/menu_topbg_dark.jpg) repeat-x; position: absolute; top:  42px; left: 185px; height: 36px;width: 765px;}
#nav li { float: left; position: relative; padding: 10px 11px 10px 11px; background: url(../images/menu_break_v.jpg) top right no-repeat; }
#nav li a { padding: 10px 21px 10px 21px; margin:-10px -8px -10px -11px;display: block;font-weight: bold;}
#nav li a:hover, #nav li a.active { background: url(../images/menu_topbg_light.jpg) repeat-x; color: #000; text-decoration: none;}


#nav li .subnav { background: #BCBCBC; position: absolute; top: 36px; left: 0px; width: 752px; height: 28px; padding-left: 13px;}
#nav li .subnav li { margin-top: 5px;float: left; padding: 0px 5px 5px 8px; background: none; border-right: solid 1px #fff; }
#nav li .subnav li a { font-size: 11px; font-weight: normal; padding: 10px;}
#nav li .subnav li a:hover { text-decoration: underline;  background: none; padding: 10px;}

#search { background: url(../images/searchbg_dark.jpg) repeat-x; height: 60px; }
#search p { color: #C3C4C8; font-size: 11px; padding: 7px 10px 0px 10px; }
#search select { margin-left: 10px; width: 150px; font-size: 12px; }
#search .search-btn { margin: 10px 0px 0px 10px; }
#search-cart { background: url(../images/searchbg_light.jpg) repeat-x; height: 36px; width: 200px; border-left: solid 1px #000; text-align: right; padding: 12px; color: #fff;}
a.show-cart { color: #6BB7FF; display: block;}

#breadcrumb { background: #F5F5F5;  border-top: solid 1px #999999; border-bottom: solid 1px #999999; margin-top: 10px; margin-bottom: 10px; float: left; width: 100%;}
#breadcrumb li { float: left; }
#breadcrumb li a { background: #999999; padding: 5px 15px 5px 15px; float: left; color: #fff;}
#breadcrumb li a:hover, #breadcrumb li a.active { background: #0066CB; text-decoration: none; }

#content { padding: 0px }
#content #page-content a {color: #ff6600;}

.wrapper { width: 950px; margin: 0 auto; }
.col { width: 33%; float: left; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.red {color: red;}
.szary {color: #999999; font-weight: normal;}

#footer { width: 950px; margin: 0 auto; color: #999; padding: 15px 0 15px 0 }
/*#footer-info { background-color: #D4D4D4; width: 100%; margin-top: 20px; margin-bottom: 20px;	padding: 10px 0 10px; }*/


#footer-info {
width: 100%; 
margin-top: 20px; 
margin-bottom: 20px;	
padding: 10px 0 10px;
background: url(../images/footer.jpg) repeat-x;

}


/*#footer-info .header { color: #999999;	margin: 0;	padding: 0;	margin: .5em 0;	font-size: 1.2em; font-weight: bold; }*/
#footer-info .header { color: #C3C4C8;	margin: 0;	padding: 0;	margin: .5em 0;	font-size: 1.2em; font-weight: bold; }
#footer-info .textContent {	display: block;	color: #666666;	padding: 0px; margin: 0px 0px 10px 0px; }
#footer-info .textContent 
#footer-info .textContent ul,
#footer-info .textContent li,
#footer-info .textContent em,
#footer-info .textContent bold,
#footer-info .textContent b,
#footer-info .textContent strong,
#footer-info .textContent i,
/*#footer-info .textContent a { color: #666; }*/
#footer-info .textContent a { color: #C3C4C8; }
#footer-info .textContent ul { list-style: square; list-style-position: inside; text-indent: 10px; }
#footer-copy { float: left; width: 20%; color: #999; border-right: solid 1px #ccc; margin-right: 20px; }
#footer-menu { float: left; width: 55%;	color: #999; margin-right: 10px; }
#footer-menu a { color: #999; }
#footer-author { float: right; width: 20%; color: #999; font-size: 11px; }
#footer-author a { color: #999; font-size: 11px; }
#footer-author a:hover { color: #E86A25;	font-size: 11px; text-decoration: none; }

.errorOK, .errorNO { padding: 10px; font-weight: bold; margin: 10px 20px; color: #fff;}
.errorOK { background-color: green;}
.errorNO { background-color: red;  }
.error_list li { color: red;}

#order-step { display: block; background: #FBFBFB; border: none;border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin: 5px 0px 20px 0px; padding: 5px; color: #666666; font-size: 12px;}
#order-step .active { margin: 0px; padding: 0px 5px 0px 5px; color: #0129A3;}
#order-step .disabled { color: #E1E1E1; text-decoration: none;}
#order-step .raquo { font-family:Arial; font-size: 18px; padding: 0px 10px 0px 10px; color: #0129A3;}





.product-table td.picture {
	width: 300px;
	padding: 0px 0px 0px 0px;
}
.product-table td.technical {
	width: 300px;
	padding: 0px 20px 20px 0px;	
	line-height: 20px;	
}
.product-table td.description {
	width: 300px;
	padding: 0px ;		
	line-height: 18px;	
}
.product-table td.description p {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
.product-table td.priceName {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.product-table td span.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 33px;
	color: #E96A25;
	font-weight: bold;
	margin: 0px;
	padding: 3px 0px 5px 0px;
}
.product-table a:hover {color: #330099;}
.productCart {
	margin: 0px;
	padding: 0px;
}
.productCart h1 {
	margin: 0px;
	padding: 0px;
}
.productCart h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 17px;
}
.productCart h3 {
	margin: 0px;
	padding: 0px;
}
.productCart h4 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
.productCart p {
	margin: 0px;
	padding: 20px 0px 20px 0px;
}


/* @group shopping cart */
#show-cart, #hide-cart {color: #fff/*61C1F7*/;}
#cart {
	padding: 20px;
	background: #3155B5;
	margin-top: 0px;
	width: 912px;
	margin-bottom: 20px;
	font-size: 12px;
}

#cart .header {
	font-size: 13px;
	margin: 0 0 10px;
	padding: 0;
	color: #666;
}

.cart-table {
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.cart-table th {
	background-color: #EDF4FC;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #666;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}

.cart-table td {
	background-color: #EDF4FC;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #666;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
}

.cart-table .odd {
	background-color: #FBFCFF;
}

.cart-table tfoot td {
	background-color: #80AAE5;
	color: #fff;
	font-weight: bold;
}

.cart-table tfoot a {
	color: #B3D1F1;
	font-size: 13px;
}

#cart-content {
	padding: 20px;
	background: #DAE8F8;
	color: #333;
}
.cart-table input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 3px;
	margin: 0px;	
	width: 60px;
}
/* @end */


/* @group tables */


.basic-vat-table {
	width: 70%;
	border-collapse: collapse;
	border-style: none;
}

.basic-vat-table th {
	background-color: #F7F7F7;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	
	color: #666;
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}
.basic-vat-table td {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #666;
	font-weight: normal;
	padding: 10px;
	padding-left:40px;
	font-size: 12px;
}
.basic-vat-table a {color: #330099;}
.basic-vat-table a:hover { color: #330099;}
.basic-vat-table td span.dsc { display:block; padding: 3px 5px; font-size: 12px; font-weight: bold; color: #fff; background-color: #FD9800;float: left;}
.basic-vat-table td .info { font-size: 90%; color: #888; text-decoration: none;}
.basic-vat-table td .prc { font-size: 18px; line-height: 24px; color: #330099; display: block;}
.basic-vat-table td .prc_info {font-size: 90%; color: #888; }
.basic-vat-table tfoot td {background-color: rgb(247,247,247);}

.basic-vat-table td input {width: 95%;}

.basic-vat-table th.black { background-color: #202020; color: #B3B3B3; border: none;} 




.basic-table {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

.basic-table th {
	background-color: rgb(247,247,247);
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #666;
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}
.basic-table td {
	border-top: solid 1px #ccc;
	border-bottom: ;
	border-right: ;
	color: #666;
	font-weight: normal;
	padding: 10px;
	font-size: 12px;
}
.basic-table a {color: #330099;}
.basic-table a:hover { color: #330099;}
.basic-table td span.dsc { display:block; padding: 3px 5px; font-size: 12px; font-weight: bold; color: #fff; background-color: #FD9800;float: left;}
.basic-table td .info { font-size: 90%; color: #888; text-decoration: none;}
.basic-table td .prc { font-size: 18px; line-height: 24px; color: #330099; display: block;}
.basic-table td .prc_info {font-size: 90%; color: #888; }
.basic-table tfoot td {background-color: rgb(247,247,247);}

.basic-table td input {width: 95%;}

.basic-table th.black { background-color: #202020; color: #B3B3B3; border: none;} 
/* @end */


#product-box-car { background: url(../images/box_opony.jpg) no-repeat; width: 948px; height:  250px; border: solid 1px #999999; margin-bottom: 45px; position: relative; }
#product-box-4x4 { background: url(../images/box_4x4.jpg) no-repeat; width: 948px; height:  250px; border: solid 1px #999999;  margin-bottom: 45px; position: relative;}
#product-box-truck { background: url(../images/box_dostawcze.jpg) no-repeat; width: 948px; height:  250px; border: solid 1px #999999; margin-bottom: 45px; position: relative;}

/*.homepage-product-list { position: absolute; top: 100px; left: 15px; color: #444;}*/
h1 { font-weight: bold; font-size: 24px; color: #444; }
h2 { font-weight: bold; font-size: 18px; color: #444; margin-bottom: 15px;}
.homepage-product-list ul { list-style: square; list-style-position: inside; }
/*.homepage-product-list ul li a { color: #0068CB; }*/

.package-navigation { position: absolute;	bottom:-35px;	background: #999999;	padding: 10px; left: -1px; width:547px;}
.package-navigation a { background: #fff; padding: 3px; margin-right: 10px;}
.package-navigation a:hover, .package-navigation a.active { background: #fff; padding-top: 13px; text-decoration: none;}


.season-ico-small { width: 35px; position: absolute; left: 55px; top: 95px;}
.first-product-homepage-photo {width: 90px; }
.first-product { position: absolute; left: 250px; width: 700px;}
.first-product h1 { position: absolute; top: 20px; left: 140px;}
.first-product h1 a { color:#666666 ; font-weight: bold; size: 24px; }
.first-product h1 a:hover { text-decoration: none; color: #cc0000;}
.first-product .old-price { position: absolute; top: 50px; left: 260px; color: #666;}
.first-product .producer { position: absolute; top: 60px; left: 140px;}
.first-product .price { position: absolute; top: 20px; right: 20px; text-align: right; color: #666; line-height: 23px;}
.first-product .price span { font-size: 32px; font-weight: bold; color: #0067CB}
.first-product .price a { font-weight: bold; color: #FE6700}


.package-description { position: absolute; top: 105px; left: 405px; color: #fff; width: 240px; font-size: 16px;}
.package-button { position: absolute; top: 105px; left: 665px; width: 100px; font-size: 14px;}
.package-button a { color: #fff; display: block; width: 120px; height: 45px; padding-left: 20px;}
.package-button a { text-decoration: none; }
.package-price { position: absolute; top: 110px; right: 20px; color: #0067CB; font-size: 26px; text-align: right; line-height: 24px;  font-weight: bold;}
.package-price a {  color: #FECB00; font-size: 13px;}

.package-discount { position: absolute; top: 167px; left: 702px; color: #fff; font-size: 32px; line-height: 24px; text-align: center; width: 64px;}
.package-discount span { color: #006696; font-size: 12px; }


.season-ico-verysmall { width: 25px; position: absolute; left: 48px; top: 55px;}
.second-product-homepage-photo {width: 60px; top: 0px; position: absolute;left:0}

.second-product { position: absolute; left: 250px; position: relative; width: 700px; top: 150px;}
.second-product h2 { position: absolute; top: 25px; left: 140px;}
.second-product h2 a { color:#666666 ; font-weight: bold; font-size: 13px; }
.second-product h2 a:hover { text-decoration: none; color: #cc0000;}
.second-product .old-price { position: absolute; top: 50px; left: 260px; color: #666;}
.second-product .producer { position: absolute; top: 60px; left: 140px;}
.second-product .price { position: absolute; top: 27px; right: 20px; text-align: right; color: #666; line-height: 23px;}
.second-product .price span { font-size: 32px; font-weight: bold; color: #0067CB}
.second-product .price a { font-weight: bold; color: #FE6700}


#productList { float: right; width: 735px;}
/*.pad { background-color: #999; } */
.pad-product h1 {font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; }
.pad-product a, 
.pad-product a:hover, 
.pad-product a.selected { height: 22px; display:/*block*/; float:/*left*/; padding:5px 15px; color: #fff !important;text-decoration: none;background-color: #828282;}
.pad-product a:hover { background-color: #0066CC; }
.pad-product a.selected {background-color: #202020;color: #FD9800;font-weight: bold;}

.pad-promo { background-color: /*#999*/; }
.pad-promo h1 {font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; }
.pad-promo a, 
.pad-promo a:hover, 
.pad-promo a.selected { height: 22px; /*display:block*/; float:/*left*/; padding:5px 15px; font-size:13px; font-weight: bold; color: orange !important;text-decoration: none;background-color:white;}
.pad-promo a:hover { background-color:white; }
.pad-promo a.selected {background-color: white;color: #FD9800;font-weight: bold;}


.pad h1 {font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; }
.pad a, 
.pad a:hover, 
.pad a.selected { height: 22px; display:block; float:left; padding:5px 15px; color: #fff !important;text-decoration: none;background-color: #999;}
.pad a:hover { background-color: #0066CC; }
.pad a.selected {background-color: #202020;color: #FD9800;font-weight: bold;}



#sidebarProductFilter { width: 190px;margin-right: 20px; float: left; border: 1px solid #0066CC; color: #B3B3B3; background-color: #202020;}
#sidebarProductFilter h2 { color: #fff; font-size: 13px; font-weight: normal; background-color: #0066CC;padding: 5px 15px;}
#sidebarProductFilter label { padding: 0px 10px 0px 15px; display: block;  font-size: 13px; font-weight: bold;}
#sidebarProductFilter ul { list-style-type: disc; padding-left: 30px; padding-bottom: 20px;}
#sidebarProductFilter a { color:#fff; }
#sidebarProductFilter a.selected { font-weight: bold;color: #FD9800;}
#sidebarProductFilter .items {color: #999;}

.btn{height:21px;font-size:11px; font-weight: normal;float:left;overflow:hidden;line-height:21px;cursor:pointer;padding-left:0;padding-right:0;background:transparent url(del_sprite_allButtons.gif) no-repeat 0 0;}
.btn button{display:block;height:100%;border:none;color:#FFF;padding:0 25px 0 15px;font-weight:bold;cursor:pointer;margin:0;font-size:100%;font-family:arial!important;_padding:0 1.5em 0 .5em;*padding:0 1.5em 0 .5em;background:transparent url(del_sprite_allButtons.gif) no-repeat 0 0;}
.btn a{display:block;padding:0 25px 0 15px;text-decoration:none;color:#FFF;font-weight:bold;line-height:22px;cursor:pointer;font-size:100%;font-family:arial!important;background:transparent url(del_sprite_allButtons.gif) no-repeat 0 0;}
.btn button:hover,.btn button.iehover,.btn a:hover{color:#fff;text-decoration:none;cursor:pointer;}
.is_firefox .btn button{padding-bottom:1px!important;}
.is_safari3 .btn button{padding-top:2px!important;}
.btn-blue{background-color:#62BD19;background-position:left -1600px;}
.btn-blue button,.btn-blue a{background-position:right -1650px;padding-right:15px;}
.btn-blue button{_padding:0 .5em;*padding:0 .5em;}

.btn-orange-blue{background-color:#E66221;background-position:left -800px;}
.btn-orange-blue button,.orange-blue a{background-position:right -850px;padding-right:15px;}
.btn-orange-blue button{_padding:0 .5em;*padding:0 .5em;}

.btn-blue-r{background-color:#3274D0;background-position:left -1200px;}
.btn-blue-r button,.btn-blue-r a{background-position:right -1300px;}
.btn-blue-r button:hover,.btn-blue-arrow button.iehover,.btn-blue-r a:hover{background-position:right -1350px;}
.btn-blue-r-gray{background-color:#3274D0;background-position:left -1600px;}
.btn-blue-r-gray button,.btn-blue-r-gray a{background-position:right -1700px;}
.btn-blue-r-gray button:hover,.btn-blue-r-gray button.iehover,.btn-blue-r-gray a:hover{background-position:right -1750px;}

.btn-green{background-color:#62BD19;background-position:left -2000px;}
.btn-green button,.btn-green a{background-position:right -2050px;padding-right:15px;}
.btn-green button{_padding:0 .5em;*padding:0 .5em;}

.btn-orange{background-color:#E66221;background-position:left 0;}
.btn-orange button,.btn-orange a{background-position:right -50px;padding-right:15px;}
.btn-orange button{_padding:0 .5em;*padding:0 .5em;}

.btn-orange-gray{background-color:#E66221;background-position:left -400px;}
.btn-orange-gray button,.btn-orange-gray a{background-position:right -450px;padding-right:15px;}
.btn-orange-gray button{_padding:0 .5em;*padding:0 .5em;}

.btn-orange-r{background-color:#E66221;background-position:left 0;}
.btn-orange-r button,.btn-orange-r a{background-position:right -100px;}
.btn-orange-r button:hover,.btn-orange-r a:hover,.btn-orange-r button.iehover{background-position:right -150px;}
.btn-orange-r-gray{background-color:#E66221;background-position:left -400px;}
.btn-orange-r-gray button,.btn-orange-r-gray a{background-position:right -500px;}
.btn-orange-r-gray button:hover,.btn-orange-r-gray a:hover,.btn-orange-r-gray button.iehover{background-position:right -550px;}
.btn-orange-u{background-color:#E66221;background-position:left 0;}
.btn-orange-u button,.btn-orange-u a{background-position:right -200px;}
.btn-orange-u button:hover,.btn-orange-u a:hover,.btn-orange-u button.iehover{background-position:right -250px;}
.btn-gray{background-color:#919191;background-position:left -2400px;}
.btn-gray button,.btn-gray a{background-position:right -2450px;padding-right:15px;}
.btn-gray button{_padding:0 .5em;*padding:0 .5em;}
.btn-gray-gray{background-color:#c1c1c1;background-position:left -2500px;}
.btn-gray-gray button,.btn-gray-gray a{background-position:right -2550px;padding-right:15px;}
.btn-gray-gray button{_padding:0 .5em;*padding:0 .5em;}

.btn-gray-blue{background-color:#919191;background-position:left -2600px;}
.btn-gray-blue button,.btn-gray-blue a{background-position:right -2650px;padding-right:15px;}
.btn-gray-blue button{_padding:0 .5em;*padding:0 .5em;}
.arrow-blue{padding:2px 25px 2px 0;background:url('del_sprite_arrowButtons.gif') no-repeat right -100px;}

.strike { text-decoration: line-through;}
#search  p.filterSelectedText { color: #fff; font-weight: bold;}
#search  select.filterSelectedInput { border: 2px solid #FD9800;}