/* CSS - Snowboard-MB.CZ */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
}

div, span {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	color: red;
}

a img {
	border: none;
}

#container{
	background-color: #ffffff;
	width: 1000px;
	margin: auto;
	position:relative; 
}

#wholeWrap {
	width: 1002px;
	margin: auto;
	float:left;
	background-image: url("../images/layout/colBg.gif");
	background-repeat:repeat-y; 
}

#whole {
	width: 1000px;
	position:relative; 
}

#top {
	width: 1002px;
	height: 139px;
	background-image: url("../images/layout/top.jpg");
	margin-top: 0px;
}

#logo{
	position:absolute;
	width:442px;
	height:55px;
	top:14px;
	left:14px;
	background-image: url("../images/layout/logo_new.gif");
}

#logoSubTitle{
	position:absolute;
	top:75px;
	left:14px;
	color:white;
	font-size:16px;
	letter-spacing:11px;
}
/*********** TOP MENU *******************/

#menu {
	position: relative;
	left: 0px;
	top: 110px;
	width: 1002px;
	height: 27px;
	text-align: center;
}

#menu .text {
	margin-left: 5px;
	margin-right: 5px;
	line-height: 26px;
	font-size: 13px;
	text-transform: uppercase;
}

#menu .small {
	position: relative;
	top: 1px;
	line-height: 12px;
	font-size: 10px;
	text-align: center;
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	color: red;
}

#menu a:hover .text {
	text-decoration: underline;
	color: #ffffff;
}

#menu #left .Litem {
}

#menu #left .Litem .lCorner {
	float: left;
	width: 2px;
	height: 29px;
	background-image: url("../images/layout/top_l_lcorner.gif");
}

#menu #left .Litem .rCorner {
	float: left;
	width: 2px;
	height: 29px;
	background-image: url("../images/layout/top_l_rcorner.gif");
	margin-right: 1px;
}

#menu #left .Litem .item {
	height: 27px;
	background-image: url("../images/layout/top_l_gradient.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #7a99fe;
	border-bottom: 1px solid #7a99fe;
	float: left;
}

#menu #right {
	float: right;
}

#menu #right .Ritem {
}

#menu #right .Ritem .lCorner {
	float: left;
	width: 2px;
	height: 29px;
	background-image: url("../images/layout/top_r_lcorner.gif");
	margin-left: 1px;
}

#menu #right .Ritem .rCorner {
	float: left;
	width: 2px;
	height: 29px; 
	background-image: url("../images/layout/top_r_rcorner.gif");
}

#menu #right .Ritem .item {
	height: 27px;
	background-image: url("../images/layout/top_r_gradient.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #7a99fe;
	border-bottom: 1px solid #7a99fe;
	float: left;
	line-height:10px;
}

 

/*********** VISUAL STUFF *******************/

.color1 {
	color: #8cfda9;
}

.color2 {
	color: #f3ff30;
}

.color3 {
	color: #ffb77d;
}

.color4 {
	color: #ff8383;
}

.color5 {
	color: #93ff91;
}

.color6 {
	color: #d3acff;
}

.color7 {
	color: #aaf6f7;
}

.black {
	color: black;
}

.bold {
	font-weight: bolder;;
}
/*********** LEFT COLUMN *******************/

#leftCol {
	float: left;
	width: 175px;
}

#leftCol .boxWrap {
	position: relative;
	width: 175px;
	 
}

#leftCol .boxWrap .box {
	width: 175px;
}

#leftCol .boxWrap .tCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 172px;
	background-image: url("../images/layout/lbox_top_corner.gif");
}

#leftCol .boxWrap .bCornerItem {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 172px;
	background-image: url("../images/layout/lbox_bottom_item_corner.gif");
}

#leftCol .boxWrap .bCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 172px;
	background-image: url("../images/layout/lbox_bottom_corner.gif");
}

#leftCol .boxWrap .box .head {
	width: 175px;
	height: 22px;
	line-height: 20px;
	font-size: 13px;
	color: white;
	text-align: left;
	background-image: url("../images/layout/lbox_head_gradient.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #4273ff;
	border-left: 1px solid #4273ff;
	border-right: 1px solid #4273ff;
}

#leftCol .boxWrap .box .body {
	clear: both;
	width: 175px;
	text-align: left;
	background-image: url("../images/layout/lbox_body_gradient.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #abb5ff;
	border-left: 1px solid #abb5ff;
	border-right: 1px solid #abb5ff;
	color: #6b6d70;
	font-size: 12px;
	line-height: 20px;
}

#leftCol .boxWrap .box .body .text {
	padding: 5px;
}

#leftCol .boxWrap .box .body .text p {
	padding: 0px;
	margin: 0px;
}

#leftCol .boxWrap .box .body .item {
	width: 175px;
	height: 24px;
	background-image: url("../images/layout/lbox_item_gradient.gif");
	background-repeat: repeat-x;
	text-align: left;
	color: black;
	font-weight: bolder;
	font-size: 12px;
	line-height: 22px;
}

#leftCol .boxWrap .box .body .item span {
	margin-left: 10px;
}

#leftCol .boxWrap .box .body .item span a {
	text-decoration: none;
	color: black;
}

#leftCol .boxWrap .box .body .item span a:hover {
	color: red;
}

#leftCol .boxWrap .box .head span {
	margin-left: 6px;
}

#leftCol .boxWrap .box .body .input {
	border: 1px solid #2f55b3;
	height: 20px;
	width: 125px;
	line-height: 18px;
	font-size: 14px;
	color: black;
	margin: 5px;
}

#leftCol .boxWrap .box .body .button {
	background-color: #3163f3;
	border: 1px solid #2f55b3;
	line-height: 14px;
	color: white;
	font-size: 14px;
	width: 28px;
	height: 24px;
	margin: 5px;
	margin-left: 0px;
	position:relative;
	top:1px;
}
/*********** RIGHT COLUMN *******************/

#rightCol {
	float: right;
	width: 200px;
}

#rightCol .boxWrap {
	position: relative;
	width: 200px;
	 
}

#rightCol .boxWrap .box {
	width: 200px;
}

#rightCol .boxWrap .tCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/rbox_top_corner.gif");
}

#rightCol .boxWrap .bCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/rbox_bottom_corner.gif");
}

#rightCol .boxWrap .tCornerOrange {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/rbox_orange_topCorner.gif");
}

#rightCol .boxWrap .bCornerOrange {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/rbox_bottom_corner.gif");
}

#rightCol .boxWrap .box .head {
	width: 200px;
	height: 22px;
	line-height: 20px;
	font-size: 13px;
	color: white;
	text-align: left;
	background-image: url("../images/layout/rbox_head_gradient.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #244c9c;
	border-left: 1px solid #244c9c;
	border-right: 1px solid #244c9c;
}
#rightCol .boxWrap .box .headOrange {
	width: 200px;
	height: 22px;
	line-height: 20px;
	font-size: 13px;
	color: white;
	text-align: left;
	background-image: url("../images/layout/rbox_orange_headGrad.gif");
	background-repeat: repeat-x;
	border-top: 1px solid #fa1a0d;
	border-left: 1px solid #fa1a0d;
	border-right: 1px solid #fa1a0d;
}

#rightCol .boxWrap .box .body {
	clear: both;
	width: 200px;
	text-align: left;
	background-image: url("../images/layout/lbox_body_gradient.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid #abb5ff;
	border-left: 1px solid #abb5ff;
	border-right: 1px solid #abb5ff;
	color: #6b6d70;
	font-size: 12px;
	line-height: 20px;
}

#rightCol .boxWrap .box .bodyLong {
	background-image: url("../images/layout/box_body_gradient_big.gif");
}

#rightCol .boxWrap .box .body .text {
	padding: 5px;
	line-height: 18px;
}

#rightCol .boxWrap .box .body .text .advantages p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #B5BCFF;
}

#rightCol .boxWrap .box .body span, #rightCol .boxWrap .box .headOrange span {
	margin-left: 10px;
}

#rightCol .boxWrap .box .body span a {
	text-decoration: none;
	color: blue;
}

#rightCol .boxWrap .box .body span a:hover {
	color: red;
}

#rightCol .boxWrap .box .head span {
	margin-left: 6px;
}

#rightCol .boxWrap .box .body .input {
	border: 1px solid #2f55b3;
	height: 20px;
	width: 125px;
	line-height: 18px;
	font-size: 14px;
	color: black;
	margin: 5px;
}

#rightCol .boxWrap .box .body .button {
	background-color: #3163f3;
	border: 1px solid #2f55b3;
	line-height: 12px;
	color: white;
	font-size: 14px;
	width: 28px;
	height: 24px;
	margin: 5px;
	margin-left: 0px;
}
/************* Column bg fillers ****/

#leftCol .bgFill {
	position: relative;
	width: 178px;
	height: 10px;
	background-color:white; 
}

#rightCol .bgFill {
	position: relative;
	width: 203px;
	height: 10px;
	background-color:white; 
}



/*********** MIDDLE COLUMN *******************/
#mainCol {
	float: left;
	width: 605px;
	margin-left: 10px;
}
/*********** Quick Navigation *******************/

#mainCol .navWrap {
	position: relative;
	  
	width: 605px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}

#mainCol .navWrap .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/navig_lt_corner.gif");
}

#mainCol .navWrap .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/navig_lb_corner.gif");
}

#mainCol .navWrap .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 602px;
	background-image: url("../images/layout/navig_rt_corner.gif");
}

#mainCol .navWrap .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 602px;
	background-image: url("../images/layout/navig_rb_corner.gif");
}

#mainCol .navWrap .body {
	 
	width: 605px;
	border: 1px solid #b5bcff;
	background-image: url("../images/layout/navig_gradient.gif");
	color: black;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
}

#mainCol .navWrap .body span {
	margin-left: 5px;
}

#mainCol .navWrap a {
	text-decoration: none;
	color: black;
}

#mainCol .navWrap a:hover {
	color: red;
}

#mainCol .navWrap h1 {
	color: black;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

/*********** CONTENT *******************/

#mainCol .content {
	margin-bottom: 5px;
	width: 605px;
	text-align: left;
}

#mainCol .content h1 {
	color: #135ef7;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
}

#mainCol .content .text {
	color: #6b6b6b;
	font-size: 14px;
	width: 590px;
	margin-left: 15px;
	margin-bottom: 5px;
}

/*********** PRODUCTS *******************/

.product {
	padding: 3px;
	margin-bottom: 4px;
}

.product .title {
	font-size: 12px;
	font-weight: bolder;
	color: black;
	margin: 3px;
}

.product .desc {
	font-size: 11px;
	color: black;
	line-height: 14px;
	margin: 3px;
}

.product img {
	margin: 3px;
}

.product a {
	text-decoration: none;
	color: black;
}

.product a:hover {
	color: red;
}

.product .price {
	margin: 3px;
	font-size: 14px;
	line-height: 15px;
	color: red;
	text-align: right;
	font-weight: bolder;
}

/*********** ARTICLES *******************/

.article {
	position: relative;
	width: 605px;
	margin-bottom: 10px;
	text-align: left;
}

.article .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lt_corner.gif");
}

.article .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lb_corner.gif");
}

.article .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 602px;
	background-image: url("../images/layout/article_rt_corner.gif");
}

.article .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 602px;
	background-image: url("../images/layout/article_rb_corner.gif");
}

.articleWrap {
	border: 1px solid #b5bcff;
	width: 605px;
}

.article .head {
	height: 26px;
	width: 605px;
	background-image: url("../images/layout/article_top_gradient.gif");
	color: black;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #2252a8;
	margin-bottom: 5px;
}

.article .head .title {
	margin-left: 5px;
	float: left;
}

.article .head .date {
	color: #a0a0a0;
	float: right;
	margin-right: 5px;
}

.article .body .text {
	color: #6b6b6b;
	margin: 5px;
}

.article a {
	text-decoration: none;
	color: black;
}

.article a:hover {
	color: red;
}

.articleLink {
	width: 590px;
	color: black;
	font-size: 12px;
	font-weight: bolder;
	text-align: right;
	margin-bottom: 18px;
}

.articleLink a {
	text-decoration: none;
	color: black;
}

.articleLink a:hover {
	text-decoration: none;
	color: red;
}

/*********** OFFERS *******************/

.offer {
	width: 605px;
	margin-bottom: 10px;
	text-align: left;
	margin-bottom: 10px;
	  
}

.offer .lbCorner3 {
	 float:left;
	width: 5px;
	height: 5px;
	margin-left:-1px; 
	margin-bottom:-1px; 
	background-image: url("../images/layout/article_lb_corner.gif");
}
 

.offer .rbCorner3 {
	 float:right;
	width: 5px;
	height: 5px;
	margin-right:-1px; 
	margin-bottom:-1px; 
	background-image: url("../images/layout/article_rb_corner.gif");
}

.offer .lbCorner4 {
	 float:left;
	width: 5px;
	height: 5px;
	margin-left:0px; 
	margin-top:-5px; 
	background-image: url("../images/layout/article_lb_corner.gif");
}
 

.offer .rbCorner4 {
	 float:right;
	width: 5px;
	height: 5px;
	margin-right:-2px; 
	margin-top:-5px; 
	background-image: url("../images/layout/article_rb_corner.gif");
}

.offer .ltCorner3 { 
float:left;
	width: 5px;
	height: 5px;
	margin-left:-1px; 
	margin-top:-1px; 
	background-image: url("../images/layout/article_lt_corner.gif");
}

.offer .rtCorner3 {
	 float:right;
	width: 5px;
	height: 5px;
	margin-right:-1px; 
	margin-top:-1px; 
	background-image: url("../images/layout/article_rt_corner.gif");
}

.offerWrap {
	border: 1px solid #b5bcff;
	width: 605px;
	float:left;
}

.offer .head {
	height: 26px;
	width: 605px;
	background-image: url("../images/layout/offer_top_gradient.gif");
	color: black;
	font-size: 14px;
	line-height: 26px;
	color: #135ef7;
	margin-bottom: 5px;
}

.offer .head .title {
	margin-left: 5px;
	float: left;
}

.offer .body {
	color: #6b6b6b;
	margin: 5px;
	float:left;
}

.offer .text {
	float:left;
	 
}

.offer a {
	text-decoration: none;
	color: black;
}

.offer a:hover {
	color: red;
}

.offer .pages {
	font-weight: bolder;
	background-color: #EDEFFF;
	text-align: center;
	width: 605px;
	height: 20px;
	line-height: 18px;
	clear:both;
	margin-bottom:-5px;
	border-bottom: 1px solid #b5bcff;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.offer .pages a {
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: underline;
}

.offer .pages a:hover {
	text-decoration: none;
}

.offer .pages .title {
	font-size: 12px;
	font-weight: normal;
}

.category {
	padding: 3px;
	text-align: left;
	width: 290px;
	height: 140px;
	margin:0px;
	float:left;
}

.category .title {
	margin: 3px;
	margin: 3px;
	font-size: 14px;
	line-height: 15px;
	color: red;
	font-weight: bolder;
}

.category .desc {
	font-size: 13px;
	color: black;
	line-height: 17px;
	margin: 3px;
}

.category .thumb {
	padding: 5px;
	width: 140px;
	height: 140px;
	float: left;
}

.category img {
	height: 130px;
	border: none;
	margin-right:5px;
}

.category a {
	text-decoration: none;
	color: #2a8aea;
}

.category a:hover {
	color: red;
}

.category .price {
	margin: 3px;
	margin-top: 10px;
	font-size: 14px;
	color: red;
	font-weight: bolder;
}

/*********** SHOW(FILTER) AND SEARCH *******************/

.show {
	position: relative;
	width: 605px;
	margin-bottom: 10px;
	text-align: left;
	float:left;
}

.show .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lb_corner.gif");
}

.show .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 600px;
	background-image: url("../images/layout/article_rb_corner.gif");
}

.show .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lt_corner.gif");
}

.show .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 602px;
	background-image: url("../images/layout/article_rt_corner.gif");
}

.show .body {
	float:left;
	border-left: 1px solid #b5bcff;
	border-right: 1px solid #b5bcff;
	border-bottom: 1px solid #b5bcff;
	width: 603px;
	background-image: url("../images/layout/mid_gradient.gif");
	background-position: bottom;
	background-repeat: repeat-x;
 
}

.show .head {
	height: 27px;
	width: 605px;
	background-image: url("../images/layout/mid_top_gradient.jpg");
	font-size: 14px;
	line-height: 26px;
}

.show input, .show label{
	float:left;
}

.show .textSmall input{
	position:relative;
	top:-3px;
}

.show .headSmall {
	height: 20px;
	width: 605px;
	background-image: url("../images/layout/mid_top_gradient.jpg");
	font-size: 14px;
	line-height: 26px;
}

.show .head .title {
	margin-left: 5px;
	float: left;
	color: white;
}

.show .headSmall .titleSmall {
	font-size: 12px;
	margin-left: 5px;
	float: left;
	color: white;
	line-height: 20px;
}

.show .head .title2 {
	margin-right: 5px;
	float: right;
	color: white;
}

.show .body .text {
	color: black;
	font-weight: bolder;
	padding: 5px;
	height: 21px;
}

.show .body .textSmall {
	color: black;
	padding: 5px;
	margin: auto;
	line-height: 160%;
}

.show .body .text .right {
	float: right;
	line-height: 24px;
}

.show .body .text .left {
	float: left;
	line-height: 24px;
}

.show .body .text label, .show .body .textSmall label {
	width: auto;
	padding-top: 0px;
}

.show .body .divider {
	height: 1px;
	overflow: hidden;
	width: 590px;
	margin: auto;
	text-align: center;
	background-color: #747474;
	margin-top: 3px;
	margin-bottom: 3px;
}

.show a {
	text-decoration: none;
	color: black;
	margin-left: 3px;
	margin-right: 3px;
}

.show a:hover {
	color: red;
}

/*********** PRODUCT DETAIL *******************/

.detail {
	position: relative;
	width: 605px;
	margin-bottom: 10px;
	text-align: left;
	margin-bottom: 10px;
}

.detail .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lb_corner.gif");
}

.detail .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 600px;
	background-image: url("../images/layout/article_rb_corner.gif");
}

.detailWrap {
	border-left: 1px solid #b5bcff;
	border-right: 1px solid #b5bcff;
	border-bottom: 1px solid #b5bcff;
	width: 603px;
}

.detail .head {
	height: 27px;
	width: 605px;
	background-image: url("../images/layout/mid_top_gradient.jpg");
	font-size: 14px;
	line-height: 26px;
}

.detail .head .title {
	margin-left: 5px;
	float: left;
	color: white;
}

.detail .body {
	color: #6b6b6b;
	padding: 5px;
	background-image: url("../images/layout/mid_gradient.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

.detail a {
	text-decoration: none;
	color: black;
}

.detail a:hover {
	color: red;
}

.detail .text {
	padding: 3px;
	text-align: left;
	width: 600px;
	display: inline-block;
}

.detail .text .title {
	margin: 3px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 15px;
	color: #135EF7;
	font-weight: bolder;
	margin-bottom: 10px;
}

.detail .text .desc {
	font-size: 13px;
	color: black;
	line-height: 17px;
	margin: 3px;
	color: #6b6b6b;
	font-size: 14px;
	line-height: 20px;
}

.detail .text .desc .label {
	margin-right: 40px;
	font-weight: bolder;
	width: 100px;
	margin: 1px;
}

.detail table, .detail td, .detail tr {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.detail .text .desc .divider {
	height: 10px;
	width: 100%;
}

.detail .text .desc .divider2 {
	height: 8px;
	width: 100%;
}

.detail .text .desc .price1Title {
	display: inline-block;
	font-weight: bolder;
	width: 105px;
}

.detail .text .desc .price2Title {
	display: inline-block;
	color: red;
	font-weight: bolder;
	width: 105px;
	font-size: 16px;
}

.detail .text .desc .price1Text {
	display: inline-block;
	font-weight: normal;
}

.detail .text .desc .price2Text {
	display: inline-block;
	color: red;
	font-weight: bolder;
	font-size: 16px;
}

.detail .gifts p.important {
	color: red;
}

.detail .text img {
	width: 200px;
	height: 300px;
	width: auto;
	height: auto;
	margin: 10px;
}

.detail p {
	margin: 0px;
	padding: 0px;
	width: 580px;
	width: auto;
	margin-left: 12px;
	font-size: 14px;
	margin-bottom: 10px;
}

.detail .text a {
	text-decoration: none;
	color: #2a8aea;
}

.detail .text a:hover {
	color: red;
}

.detail .buttonBasket {
	margin: 20px;
	text-align: center;
	width: 190px;
	height: 40px;
	background-image: url("../images/layout/button_basket.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 14px;
	float: right;
	line-height: 45px;
 
	cursor: pointer;
}

.detail .left {
	float: left;
	width: 200px;
}

.detail .right {
	float: left;
	width: 200px;
	clear: both;
}

 

 
.detail .images {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
}

.detail .images .thumb {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.detail .images .thumb img {
	width: 100px;
	height: 100px;
	border: none;
}

/************** TABLES ***************/

table {
	background-color: white;
	border: 1px solid #6799F2;
	padding: 3px;
}

td {
	border: 1px solid #abc4f2;
	padding: 3px;
}

th {
	border: 1px solid #2664ff;
	background-color: #ebf1ff;
	padding: 3px;
}

.tableWrap table, .tableWrap td, .tableWrap th {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.tableWrap {
	position: relative;
	width: 590px;
	text-align: left;
}

.heading {
	margin-bottom: 2px;
}

.main {
	margin-bottom: 5px;
}

.tableWrap .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lt_corner.gif");
}

.tableWrap .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lb_corner.gif");
}

.tableWrap .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 587px;
	background-image: url("../images/layout/article_rt_corner.gif");
}

.tableWrap .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 587px;
	background-image: url("../images/layout/article_rb_corner.gif");
}

.heading {
	width: 592px;
	border-bottom: 1px;
	color: black;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	background-image: url("../images/layout/offer_top_gradient.gif");
	background-repeat: repeat-x;
	height: 26px;
}

.tableWrap table {
	width: 592px;
	border: 1px solid #b5bcff;
	color: black;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	background-color: white;
	font-weight: normal;
}

.tableWrap .main {
	margin-bottom: 4px;
}

.summary table {
	width: 592px;
	border: 1px solid #b5bcff;
	color: black;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	background-color: white;
	height: 28px;
}

.red {
	color: red;
	font-weight: bolder;
}

.tableWrap td, .tableWrap th {
	background-color: transparent;
 
	font-weight:bold;
}

.tableWrap .size, .tableWrap .amount{
	width: 20px;
	text-align:right;
}

.tableWrap .blank {
	width: 15px;
} 

.tableWrap .name {
	width: 250px;
}

.tableWrap .price {
	width: 100px;
}


.tableWrap .gift {
	margin-top: 15px;
}
 

.tableWrap .gift {
	margin-top: 15px;
}

.tableWrap .chooseGift {
	padding-left: 15px;
}

.tableWrap .gift td, .tableWrap .gift .name  {
	font-weight:normal;
}




.tableWrapp.total {
	padding-left: 10px;
}

.tableWrapp .sum {
	text-align: right;
	padding-right: 10px;
	color: red;
}



.tableWrap .size, .tableWrap .amount, .tableWrap .price {
	text-align: right;
	padding-right: 5px;
}

.tableWrap .amount input {
	width: 35px;
	text-align: right;
}

.actions {
	font-weight: bolder;
	color: black;
	margin-left: 10px;
}

.actions input {
	margin-left: 5px;
}

/************** Forms *************/

fieldset {
	margin: 10px;
	border: 0px;
}

label {
	display: inline-block;
	width: 100px;
	color: black;
	vertical-align: top;
	padding-top: 5px;
}

#shoppingCartAdd label {
	width: 100px;
}

.input {
	color: black;
	display: inline-block;
	width: 150px;
	border: 1px solid #2f55b3;
	line-height: 18px;
	font-size: 14px;
	color: black;
	margin: 5px;
}

.select {
	margin-left: 5px;
}

.button {
	background-color: #577ff3;
	border: 1px solid #2f55b3;
	color: white;
	font-size: 14px;
	padding-bottom: 3px;
	height: 24px;
	margin: 5px;
	cursor: pointer;
}

.actions .buttonPlain {
	background-color: transparent;
	border: 0px;
	color: black;
	font-size: 14px;
	cursor:hand;
	border-bottom:1px solid black;
	height:17px;
	padding:0px;
}

.actions .buttonPlain:hover{
	color:red;
	border-bottom:1px solid red;
}

.buttonContinue {
	text-align: center;
	width: 151px;
	height: 40px;
	background-image: url("../images/layout/button_continue.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 14px;
	margin: 0px;
	border: 0px;
	margin-bottom: 5px;
	margin-top: -8px;
	cursor: pointer;
	position: relative;
}

.bcSpacer {
	width: 230px;
	height: 10px;
	display: inline-block;
}

.buttonBasket {
	margin-top: -8px;
	width: 190px;
	height: 40px;
	background-image: url("../images/layout/button_basket.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 14px;
	border: 0px;
	line-height: 45px;
	cursor: pointer;
}

.detail .input {
	width: 30px;
	text-align: right;
}

.detail .formLine .input {
	width: 150px;
	text-align: left;
}

.formLine {
	margin: 5px;
}

textarea {
	border: 1px solid #2f55b3;
	height: 150px;
	width: 250px;
	margin: 0px;
	padding: 0px;
	margin: 5px;
}

.formItem {
	display: inline-block;
	width: 400px;
}

.formLabel {
	display: inline-block;
	width: 150px;
	float: left;
	line-height: 30px;
	color: black;
	font-weight: normal;
}

h1 {
	color: #135ef7;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
}

h2 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #2252a8;
}

h3 {
	color: #135ef7;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/************** Hlasky **************/

.messageNotice {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #0d6f3c;
	color: #0d6f3c;
	font-weight: bold;
}

.messageWarning {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #ed569d;
	color: #ed569d;
	font-weight: bold;
}

.messageError {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #ed569d;
	color: #ed569d;
	font-weight: bold;
}

/****************** Odrazky *****************/

ul, li, ol {
	color: #135ef7;;
}

ol span {
	color: #6b6b6b;
}

li span {
	color: #6b6b6b;
}

/****************** Vyhledavani *****************/

.search {
	position: relative;
	width: 585px;
	width: 600px;
	margin-bottom: 10px;
	text-align: left;
}

.search .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lt_corner.gif");
}

.search .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/article_lb_corner.gif");
}

.search .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 582px;
	left: 597px;
	background-image: url("../images/layout/article_rt_corner.gif");
}

.search .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 582px;
	left: 597px;
	background-image: url("../images/layout/article_rb_corner.gif");
}

.searchWrap {
	border: 1px solid #b5bcff;
	width: 585px;
	width: 600px;
}

.search .head {
	height: 20px;
	width: 585px;
	width: 600px;
	background-image: url("../images/layout/article_top_gradient.gif");
	color: black;
	color: #2252a8;
	margin-bottom: 5px;
}

.search .head .title {
	font-size: 12px;
	line-height: 0px;
	margin-left: 5px;
	font-weight: normal;
	color: black;
	float: left;
}

.search .body {
	background-image: none;
}

.search .body .text {
	width: 585px;
	width: 600px;
	color: #6b6b6b;
	margin: 0px;
}

/******************** PATICKA ********************/

.bottom {
	clear:both;
	position: relative;
	width: 605px;
	margin-bottom: 10px;
	text-align: left;
 
}

.bottom .ltCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 0px;
	background-image: url("../images/layout/bottom_lt_corner.gif");
}

.bottom .lbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 0px;
	background-image: url("../images/layout/bottom_lb_corner.gif");
}

.bottom .rtCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0px;
	left: 602px;
	background-image: url("../images/layout/bottom_rt_corner.gif");
}

.bottom .rbCorner {
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0px;
	left: 602px;
	background-image: url("../images/layout/bottom_rb_corner.gif");
}

.bottomWrap {
	border: 1px solid #DCECFF;
	width: 605px;
}

.bottom .body {
	background-image: none;
	display: inline-block;
}

.bottom .bodyLinks{
	height:60px;
}

.bottom .body .text {
	width: 585px;
	color: #6b6b6b;
	margin: 5px;
}

.bottom img, .bottom a {
	border: 0px;
}

.bottom .body .text .left {
	text-align: center;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}

.bottom .body .text .right {
	float: right;
}

.bottom .body .text .sp {
	margin-top: 20px;
}

.bottom .body a.soft {
	color: #6b6b6b;
}

.bottom .body a.soft:hover {
	text-decoration:underline;
}

table .odd {
	background-color: #E2EFFF;
}

.akce {
	width:78px;
	height:18px;
	background-image: url("../images/layout/akce.gif");
	background-repeat:no-repeat;
	margin:4px;
} 


.staticContent {
	text-align: left;
	margin-bottom: 20px;
}