/* STREETMARKET CSS */


/* LAYOUT */
body {
	background-color: #D7D7D7;
	background-image: url(../images/streetmarket_background.gif);
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
}
div.all {
	width: 970px;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
.slice_l, .slice_r, .col_1, .col_2, .col_3 {
	float: left;
	background-color: #FFFFFF;
}
div.slice_l { width: 970px; }
div.slice_r { width: 810px; }

div.col_1, div.col_3 { 
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

.col_1 {
	background-color: #F6F6F6;
	min-height: 850px;
}
div.col_2 {
	height: 560px;
	min-height: 560px;
	width: 650px;
	max-width: 650px;
	min-width: 650px;
} html>body div.col_2 { height: auto; }


/* GENERIC */
.left { float: left; } .right { float: right; } br.clear { clear: both; }
a img { border: none; }
a.s { color: #FFFFFF; } 
a.s, a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, p a { color: inherit; }
/* paragraph */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0 10px;
}
/* menus  */
li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

/* MENU */
menu, .col_1 ul {
	float: left;
	padding: 0;
	background-color: #FFFFFF; 
}
menu { margin: 10px -2px 0 0; }
.col_1 ul { margin: 0; width: 160px;}
menu li, .col_1 ul li { 
	display: block; 
	float: left;
}
menu li { margin-right: 2px; }

menu li a, .col_1 ul li a {
	color: #FFFFFF;
	font-size: 12px;
	width: 140px;
	max-width:140px;
	min-width:140px;
	padding: 10px;
	line-height: 14px;
	background-image: url(../images/corner_rt.gif);
	background-position: right top;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FFFFFF;
}
.rt, .lt {
background-repeat: no-repeat;
}
.rt {
	background-image: url(../images/corner_rt.gif);
	background-position: right top;
}
.lt {
	background-image: url(../images/corner_lt.gif);
	background-position: left top;
}

.col_1 ul li ul li { border-top: 1px dashed #999999; }
.col_1 ul li ul li a {
	color: #000000;
	background: none;
	padding: 5px 10px;
	text-transform: capitalize;
}
.col_1 ul li ul li ul li a { width: 130px; padding-left: 20px; }
.col_1 ul li ul li ul li ul li a { width: 120px; padding-left: 30px; }

menu li a.s {
	border-bottom: none;
	padding-bottom: 12px;
}

.header ul {
	width: 960px;
	float: left;
	margin: 0;
	padding: 0 5px;
	background-position: 4px;
}
.header ul li {
	display: block;
	float: left;
}
.header ul li a {
	font-size: 12px;
	text-transform: lowercase;
	padding: 4px 5px;
	color: #FFFFFF;
}

p.path, p.currency {
	font-size: 11px;
	float: left;
	line-height: 13px;
	padding: 5px 0;
	margin: 0;
}
p.path { width: 80%; }
p.currency { float: right; width: 20%; text-align: right; }

p.path a, p.currency a {
	color: #000000;
}
p.path a, p.path img, p.path span {
	vertical-align: middle;
	display: block;
	float: left;
	margin-right: 5px;
}

p.path img { padding-top: 2px;float: left; }


.apad {
	padding: 10px;
}

div.col_2 div.pad {
	float: left;
	padding-left: 10px;
	padding-right: 0;
	margin-right: -11px;
}

.vpad {
	padding: 10px 0;
	font-weight: normal;
	margin: 0;
 	border-bottom: 2px solid #FFFFFF;
}

div.col_2 .box3 p, .searchbox { 
	margin: 0;
	padding: 10px;
	font-weight: bold;
}
p {
	padding: 0 10px;
	margin: 0 0 10px;
}
.col_1 p {
	padding: 0;
}
span.apad {
	display: block;
}

.pad p {

	/*background-color: #464646; */
}
div.col_2 .box3, .sbox3, .box2, .dbox3 {
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
}
div.col_2 .box2 { width: 309px; }
div.col_2 .box3 { width: 202px; height: 260px;}
div.col_2 .dbox3 { width: 202px; }

div.col_2 .sbox3 { 
	width: 416px;
	margin-bottom: 2px;
}
.sbox3 h2 { width: 406px; }
div.col_2 .sbox3 p { 
	margin-bottom: 12px;
}

/* SEARCHBOX */
.searchbox {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	color: #FFFFFF;
	float: left;
	line-height: 14px;
	margin-bottom: 2px;
	padding: 6px 10px;
	background-color: #464646; 
}
.searchbox img { 
	display: block;
	float: left;
	vertical-align: middle;
}
	
.searchbox form { float: left; margin: 0 10px; padding: 0; }
.searchbox form input {
	display: block;
	float: left;
	vertical-align: middle;
}
.searchbox a { 
	display: block;
	padding-top: 6px;
	float: right;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
}


div.col_1 p{

}
div.col_3 p {
	/*padding: 10px 0;*/
	font-weight: bold;
	margin: 0 0 2px;
}
 div.col_1 p {
 	
 }

div.col_3 p img {
	display: block;
	margin-bottom: 10px;
}
div.col_3 p a, div.col_1 p a {
	color: #FFFFFF;
	font-weight: inherit;
}



/* */
/* COLOR MENUS  */

.r0, .r7 { 
	background-color: #FF0000; 
	color: #FFFFFF;
}
.r1,.r11 { 
	background-color: #652A00;
	color: #FFFFFF;
}
.r4, .r6, .r8, .r9, .r14 {
	background-color: #464646;
	color: #FFFFFF;
}
.r2, .r3, .r12 {
	background-color: #FF6C00;
	color: #FFFFFF;
}
.r13, .r14, .r15 {
	background-color: #F0F0F0;
	color: #000000;	
}
.r1 { background-image: url(../images/rastr_01.gif); }
.r2 { background-image: url(../images/rastr_02.gif); }
.r3 { background-image: url(../images/rastr_03.gif); }
.r4 { background-image: url(../images/rastr_04.gif); }
.r5 {
	background-color: #898989;
	background-image: url(../images/rastr_05.gif);
}
.r6 { background-image: url(../images/rastr_06.gif); }
.r7 { background-image: url(../images/rastr_07.gif); }
.r8 { background-image: url(../images/rastr_08.gif); }
.r9 { background-image: url(../images/rastr_09.gif); }
.r10 {
	background-color: #626262;
	color: #FFFFFF;
	background-image: url(../images/rastr_10.gif);
}
.r11 { background-image: url(../images/rastr_11.gif); }
.r12 { background-image: url(../images/rastr_12.gif); }
.r13 { background-image: url(../images/rastr_13.gif); }
.r14 { background-image: url(../images/rastr_14.gif); }
.r15 { background-image: url(../images/rastr_15.gif); }
/**/
.r2 a, .r3 a, .r4 a, .r6 a, .r8 a, .r9 a, .r10 a, .r12 a, .r14 a { color: #FFFFFF; }

/**/
a.thumb {

}
a.thumb img {
	vertical-align: bottom;
}
a.thumb img.spacer {
	width: 0px;
	height: 202px;
}
a.thumb, a.banner {
	/*/display: block;*/
	display: table-cell;
	/*float: left;*/
	vertical-align: bottom;
	text-align: center;
	color: #000000;
	text-decoration: none;
	width: 202px;
	height: 202px;
	max-height: 202px;
	overflow: hidden;
	/*background-color: #F6F6F6;*/
}
a.banner {
	max-height: none;
	height: 230px;
}
a.thumb img, a.banner img {
	vertical-align: bottom;
	text-align: center;
}
a.thumb img { position: relative; } 

div.col_2 .video .box3 { height: 200px; }
.video a.thumb { height: auto; }
.col_2 .box3 p.colors, .col_2 .box3 p.colors1, .col_2 .box3 p.colors2, .col_2 .box3 p.colors3  {
	float: left;
	position: relative;
	width: 200px;
	padding: 2px 2px 0 0;
	/*background-color: #F6F6F6;*/
	font-size: 1px;
}
.col_2 .box3 span.sleva {
	position: relative;
	z-index: 5;
	display: block;
	float: left;
	/*height: 40px;*/
	margin-bottom: -40px;
	float: left;
	
}
span.sleva span {
	display: block;
	float: left;
	padding: 8px 5px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.col_2 .box3 img.spacer {
	margin-right: -1px;
}
.col_2 .box3 p.colors1 {
	margin: -12px 0 -2px 0;
}
.col_2 .box3 p.colors2 {
	margin: -24px 0px -2px 0;
}
p.colors a, p.colors1 a, p.colors2 a, p.colors3 a {
	display: block; 
	float: left;
	width: 36px;
	height: 8px;
	text-decoration: none;
	border: 1px solid #303030;
	padding: 0;
	margin: 0 2px 2px 0;
	font-size: 1px;
	line-height: 1px;
}
.colors a.s, p.colors1 a.s, p.colors2 a.s, p.colors3 a.s {
	width: 32px;
	height: 6px;
	border: 2px solid #303030;
	border-left-width: 3px;
	border-right-width: 3px;
}

.col_2 .box3 p.desc {
	float: left;
	padding: 0;
	color: #000000;
	font-weight: normal;
}
strike {
	color: #FF0000;
}
/* HEADINGS */
.col_2 h1, .col_2 h2, .col_2 h3  {
	float: left;

	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 3px;
}
.box1 h1, .box1 h2, .box1 h3 {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
}
.box2 h1, .box2 h2, .box2 h3 {
	width: 289px;
	min-width: 289px;
	max-width: 289px;
}



h1 {
	padding: 10px;
	font-size: 16px;
	line-height: 16px;
}
h2 {
	padding: 10px;
	font-size: 14px;
}
h3 {
	padding: 10px;
	font-size: 12px;
}
/* */
.col_2 .box3 h3 {
	font-size: 12px;
	float: left;
	padding: 3px 0 2px;
	margin: 0;
	width: 190px;
	max-width: 190px;
	min-width: 190px;
}
.col_2 div.videodesc h3 {
	max-width: 175px;
	min-width: 175px;
	width: 175px;
}

/* detail */
.detail h1 {
	width: 290px;
	min-width: 290px;
	max-width: 290px;
	margin-right: -20px;
}

a.detailThumb {
	display: block;
	float: left;
	width: 309px;
	text-align: center;
}



.detail .price1, .detail .price2 {
	padding: 12px 10px 10px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 2px;
}
.detail .price1 {
	padding: 12px 10px 10px;
	background-color: #000000;
	margin-right: 2px;
	float: left;
	width: 140px;
}
.detail .price2 {
	width: 127px;
	background-color: #FF6C00;

}
.detail .price3 {
	padding: 12px 10px 10px;
	background-color: #FF0000;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
div.col_2 .detail p {
	margin: 0;
	padding: 10px 10px 5px;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.detail p a {
	color: #000000;
	font-weight: bold;
}
.detail hr {
	border: none;
	border-top: 1px solid #000000;
	border-bottom: none;
	color: #000000;
	border-style: solid;
	margin: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #FFFFFF;
}
.detail p.colors strong {
	display: block;
	float: left;
	width: 50px;
}
.detail p.colors span {
	display: block;
	float: left;
	width: 235px;
	padding-top: 4px;
}
.detail .top {
	/*height: 350px;*/
}
.detail .vyber {
	background-color: #E9E9E9;
	padding: 10px;
}
div.col_2 p.navig {
	/*float: left;*/
	width: 630px;
	padding: 0;
	margin-bottom: 3px;
	margin-right: -15px;
}
p.navig a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	/*float: left;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
p.navig a:hover {
	text-decoration: underline;
}
p.navig span {
	display: block;
	/*float: left;*/
	/*margin-right: 3px;*/
	/*width: 299px;*/
}
p.navig span.but4, p.navig span.but2, p.navig span.but3,  p.navig span.but3a { float: left; }
p.navig span.but4 span{ width: 153px; margin-right: 3px; }
p.navig span.but2 span{ width: 310px; margin-left: 7px;}
p.navig span.but3 span{ width: 202px; margin-right: 11px;}
p.navig span.but3a span{ width: 202px; margin-right: 0px;}


.price3 img { margin-right: 10px; vertical-align: middle; }
.price3 a {
	font-weight: bold;
	color: #FFFFFF;
}

div.pager {
	float: left;
	border-bottom: 1px dashed #999999;
}

div.pager h3, div.pager ul {
	float: left;
	margin: 5px 0;
	padding: 5px 0;
}

div.pager ul {
	width: 545px;
}
.col_2 div.pager h3 {
	float: left;
	padding: 5px 10px;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
}

.pager li {
	display: block;
	float: left;
	
}
.pager li a {
	display: block;
	float: left;
	padding: 0 3px;
	margin: 0 2px 2px 0;
	font-size: 12px;
	text-transform: lowercase;
	color: #000000;
	border: 1px solid #FFFFFF;
}
.pager li a.s  {
	border: 1px solid #606060;
	text-decoration: none;
}
.pager li a:hover {
	border: 1px solid #909090;
	text-decoration: none;
}

div.brands p {
	border-bottom: 1px dashed #999999;
	padding: 5px 0;
	margin: 0;
	text-align: center;
}
div.brands p img { display: inline; padding: 0; margin: 0 } 
.butt {
	background: none;
	border-width: 1px;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
}
input.butt { text-decoration: none; padding: 3px 0; }
.r9 .butt {
	border-color:#333333;
	color: #FFFFFF;
}
.r12 .butt {
	border-color: #FF6C00;
	color: #FFFFFF;
}
.price3 .butt {
	border-color:#FF0000;
	color: #FFFFFF;
}
a.butt {
	display: block;
	float: left;
	padding: 5px 10px 3px;
	border: 1px outset #333333;
	color: #000000;
	text-decoration: none;
}
label {
	display: block;
}
label span {
	display: block;
	float: left;
	width: 100px;
	font-weight: normal;
}

div.filters {
	padding: 6px 0;
	width: 630px;
	background-color: #D6D6D6;
	margin-bottom: 10px;
}

div.filters ul {
	float: left;
	padding: 0;
	margin: 0 5px;
	/*width: 545px;*/
	

}
div.filters ul li {
	display: block;
	float: left;
}
div.filters ul li a, div.filters h3 {
	display: block;
	float: left;
	padding: 5px;
	margin: 0;
	color: #000000;
	font-size: 12px;
}
div.filters ul li a.s {
	color: #FF0000;
}
div.filters h3 {
	text-transform: uppercase;
	width: 60px;
	display: inline;
	float: none;
	padding: 5px 5px 5px 10px;
	
}
/* SHOPPING CART */

.manage .cart { width: auto; vertical-align: top; }
.cart {
	width: 633px;
	max-width: 633px;
	margin: 0;
	border: 0;
	/*background: red;*/
}
td { vertical-align: top;}
.cart td, .cart th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	
}
.cart tr th {
	padding: 10px;

}
.cart .prc {
	padding: 10px;
	font-weight: bold;
}
.cart th.prc {
	text-align: center;

}
.cart td.prc {
	text-align: right;
	padding-right: 20px;
}
.cart .right {
	float: none;
	padding-right: 20px;
	text-align: right;
}
.cart img.cthumb {
	display: block;
	float: left;
	margin-left: 10px;
}
.cart p { font-weight: normal; }

.cart td.center { text-align: center; }

form input {
	border-width: 1px;
}
fieldset {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 10px;
	border: none;
	border-top: 1px dashed #666666;
	width: 630px;
}
fieldset legend {
	margin: 0 0 0 -7px;
	padding: 10px;
	padding-left: 0;
	font-weight: bold;
	background-color: #FFF;
}


.col_2 p.cartbutts {
	padding: 0;
	margin: 5px 0;
	width: 630px;
}
.cartbutts input {
	/*background: none;*/
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 309px;
	color: #FFFFFF;
	border-width: 1px;
	padding: 7px 5px 5px;
}

input.buttBack {
	background-color: #363636;
	border-color: #363636;
	margin-right: 3px;
}
input.buttGo {
	background-color: #FB5D04;
	border-color: #FB5D04;
	
}

.buttBack  {
	background-image:  url(../images/ico_bigarrowleft.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 10px 10px 35px;
	
}
.buttGo {
	background-image:  url(../images/ico_bigarrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 35px 10px 10px;
}
.buttE {
	padding: 10px 35px 10px 10px;
	font-weight: bold;
}




.box1 {
	margin-right: 11px;
	float: left;
	width: 630px;
}
.col_2 h1.carthead {
	background-color: #000;
	color: #FFF;
	width: 458px;
	min-width: 458px;
	float: left;
}
h1.carthead .right {
	font-weight: normal;
}

ul.carthead {
	float: left;
	padding: 0;
	margin: 0;
}
ul.carthead li {
	display: block;
	float: left;
	text-align: center;
	background-color: #999;
	width: 35px;
	height: 20px;
	padding: 9px 0 7px;
	margin-left: 3px;
}
ul.carthead li.s {
	background-color: #FF0000;
}
div.gallery {
	width: 630px;
}

div.videodesc {
	float: left;
	margin-left: 10px;
	width: 195px;
	background-image: url(../images/rastr_13.gif);
	height: 355px;
	min-height: 355px;
} html>body div.videodesc { height: auto; }

/*p.colorthumb { color: auto; }*/
div.formated {
	width: 630px;
}
div.formated p {
	padding: 0 25px 0 10px;
	margin-top: 0;
	margin-bottom: 0px;
}
.formated table {
	background-color: #F0F0F0F;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 11px;
	margin-bottom: 10px;
}
.formate tbody {
	margin: 0;
	padding: 0;
	border: 0;
}
.formated h3 { float: none; }
.formated td, .formated th {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;
	color: #000000;
}
.formated caption {
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 2px;
}

.rb {
	background-image: url(../images/corner_rb.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.grey {
	color: #999999;
}
.normal {
	font-weight: normal;
}

div.footer { margin-top: 15px; text-align: center; } 
div.footer p { font-size: 11px; }
div.footer p img { vertical-align: middle; }
div.footer p a { color: #333333; }
div.footer p a:hover { color: #FF0000; }
div.footer p a img { background: url(http://binary-bros.cz/logo/b000000.gif) no-repeat;	}
div.footer p a:hover img { background: url(http://binary-bros.cz/logo/bFF0000.gif) no-repeat;	}

.center { text-align: center; }



.newscol ul {
	margin: 0;
	padding: 0;
}
.newscol ul li {
	display: block;
	margin-bottom: 2px;
}
.newscol ul li a{
	text-transform: none;
	padding: 5px 10px;
	font-size: 12px;
}

.w630 { width: 630px; }
h1.w630 { width: 600px; }
h3.w630 { width: 610px; }


.butt.add2cart {
	background-image: url( "../images/ico_cart.gif" );
	background-repeat: no-repeat;
	background-position: 3px 1px;
	padding-left: 30px;
}