@charset "utf-8";
/* CSS Document */

section hr {width: 40%; margin: 40px 0;}
#pricepic {
	height:400px !important;
	padding-top:70px;
	background:url(../pic/pricepic.jpg) no-repeat; 	
	background-size:cover;	
	background-position: center; 
}
#additionalpic {
	height:400px !important;
	padding-top:70px;
	background:url(../pic/pricepic1.jpg) no-repeat; 	
	background-size:cover;	
	background-position: center; 
}
#articlespic {
	height:400px !important;
	padding-top:70px;
	background:url(../pic/articlespic.jpg) no-repeat; 	
	background-size:cover;	
	background-position: center; 
}
.pricepictext {padding-top:400px;}
h3 {
	clear:both; 
	width: 90%;
	text-align:left;
	font-size:25px; 
	color:#000000;
	font-family: 'PT Serif Caption', serif;
	padding: 10px;
	margin: 0;
}
h2 {
	font-size:25px; color:#000000;
	padding: 20px 25px;
	position: relative;
	z-index: 2;
	height: auto;
}
.oldprice{text-decoration: line-through;font-size: 18px; color: brown;margin: 0;padding:0 10px;}
.newprice{font-size: 22px;margin: 0;padding:0 10px;}
.addprice{font-size: 14px;margin: 0;padding:0 10px;}
section p {margin: 0 0 18px; color:#000000;}
section ul { color:#000000;}
img {border: none;}
input {vertical-align: middle;}
.right_pic {overflow: hidden; float: left; height: 300px; width: 300px; position: relative;background:#FFFFFF;padding-right:10px;}
.tabs {
	padding-top:20px;
    position: relative;
    margin:auto;
	width: auto;
	min-width:300px;
	max-width:1200px;
}
.tabs label {
	display: block;
	float: left;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eff0f4 4%, #dddee0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff0f4), color-stop(100%,#dddee0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee0',GradientType=0 );
	/*-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;*/
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #f3f3f3;
	color: #555;
	cursor: pointer;
	font-weight: bold;
	/*font-size: 18px;*/
	position: relative;
	top: 4px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #fff 0 1px 0;
	z-index: 1;
}
#tab_l1 {border-left: 1px solid #ccc;}

.tabs input {
	position: absolute;
	left: -9999px;}
/*#tab_l1{margin-left:20px;}*/
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3,
#tab_4:checked  ~ #tab_l4 {
	background: #fff;
	border-color: #000;
	top: 0;
	z-index: 3;	
	height: 45px;
	line-height: 45px;
	/*-moz-box-shadow: -1px -1px 0px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px -1px 0px 1px rgba(0,0,0,0.2);
	box-shadow: -1px -1px 0px 1px rgba(0,0,0,0.2);*/
}

.tabs_cont {
	border: 1px solid #000;
	/*border-top: 0px;*/
	margin-top: -1px;
	margin-bottom:20px;
	background: #fff;
	/*-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;*/
	-moz-box-shadow: 1px 2px 3px 0px  rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 2px 3px 0px  rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	padding: 60px 25px 30px 25px;
	position: relative;
	z-index: 2;
	height: auto;}
.tabs_cont > div {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2,
#tab_3:checked ~ .tabs_cont #tab_c3,
#tab_4:checked ~ .tabs_cont #tab_c4 {
	position: static;
	left: 0;
	opacity: 1;}
.checks input {
	position: absolute;
	left: -9999px;}
.checks {
    position: relative;
    margin:auto;
	width: auto;
	min-width:300px;
	max-width:1200px;
}
.checks label {
	display: block;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eff0f4 4%, #dddee0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff0f4), color-stop(100%,#dddee0));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eff0f4 4%,#dddee0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddee0',GradientType=0 );
	/*-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;*/
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #ccc;
	cursor: pointer;
	text-shadow: #fff 0 1px 0;
	z-index: 1;}

.textblock {	
	background: #fff;
	/*-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;*/
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px 2px rgba(0,0,0,0.2), 2px 2px 2px rgba(0,0,0,0.1);
	padding: 5px 10px;
	position: relative;
	z-index: 2;
	height: auto;
	margin-bottom: 20px; 
}

.che {height: 0px; overflow: hidden;}
.checks input:checked ~  .che
 {
	position: static;
	left: 0;
	opacity: 1; height: auto}

/*.checks li {font-weight: bold;}*/
@media screen and (max-width: 1000px) {
	section { width:100%; }
	#pricepic {height:200px;padding-top:40px;}
	#additionalpic {height:200px;padding-top:40px;}
	#articlespic {height:200px;padding-top:40px;}
	.pricepictext {padding-top:150px;}
	h3 {font-size:15px;padding: 10px;}
	h2 {font-size:15px; }
	.tabs label {
		font-size: 15px; 
		width: 24%; 
		height: 40px; 
		line-height:40px;
	}
	.tabs_cont {padding:40px 10px;}
	#tab_l1{margin-left:0px;}

}
@media screen and (max-width: 600px) {
	.tabs label {
		font-size: 12px; 
		width: 24%; 
		height: 30px; 
		line-height:30px;
	}
	section hr {width: 75%; margin: 40px 0;}

}