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

#productunit{
	position:relative;
	width:600px;
	float:left;
	text-align:left;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	z-index:20;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;

}

#productunit img{position:relative;margin:10px; margin-bottom:0px;}

.box {z-index:100; position:absolute; top:10px; left:140px;}

:checked + #productback {
	background-color: #002646;
	}
#leftcol{position:relative; float:left;}
#singleprice{
	z-index:25;
	position:relative;
	color:#aaa;
	margin:10px;
	font-size: 14px;
	font-style: italic;
}
#singleprice span{color:#fff;
	
	font-size: 14px;
	font-style: normal;
	}

#productback{
	position:absolute;
	display:block;
	width:600px;
	height:250px;
	z-index:0;
	top:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #004175;
}
#quantity{z-index:26; color:#aaa; position:relative; float:left; margin-left:10px; font-style:italic;}
select{
	position:relative;
	font-size: 14px;
	border: 1px solid #FFF;
	text-align: center;
	color:#FFF;
	background-color: #333;
	margin-bottom:10px;
}

option {
font-size:14px;
}

#rightcol{position:relative; float:left;}


.productname{
	z-index:12;
	position:relative;
	margin-top:10px;
	font-size: 18px;
	font-style: italic;
}
#productinfo{
	float:left;
	width:400px;
	position:relative;
	margin-top:0px;
	font-size: 12px;}
#productinfo li{
	list-style-image: none !important;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;	
}

#totalsum{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	position:relative;
	float:left;
}
input#txtTotal{
	font-weight: bold;
	color:#000;
	position:relative;
	font-size: 16px;
	border: 1px solid #666;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	
	}
	
#res, #submit{
	background-image: url(../images/topmenu_back.png);
	background-repeat: repeat-x;
	background-position: center;
	text-align:center;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#res a:link, #submit a:link, #res a:visited, #submit a:visited{color: #FFF;}
#res:hover, #submit:hover{
	background-image: url(../images/topmenu_back_on.png);
	background-repeat: repeat-x;
	color:#fff;
	border: 1px solid #fff;
	cursor:pointer;
	
	}
#orderbuttons{position:relative;margin-left:20px; margin-top:12px; float:left;}

#orderinfo {
	position:relative;
	width:600px; 
	height:180px;
	float:left;
	margin:0;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	color:#fff;	
}

#orderinfo input, #orderinfo textarea{
	font-size:14px;
	color:#fff;
	padding: 5px 5px 5px 5px;
	margin:0;
	outline: none;
	background-color: #006488;
	z-index:10;
	border: 1px solid #09F;
	font-family: "Trebuchet MS";
	margin-top:10px;	
}
#inputname{width:250px; position:absolute; top:0px; left:0px;}
#orderinfo input#Full_Name{width:180px;}

#inputphone{width:250px;position:absolute; top:40px; left:0px;}
#orderinfo input#Telephone_Number{width:145px; margin-right:10px;}

#inputmail{width:330px; position:absolute; top:0px; right:10px;}
#orderinfo input#Email_Address{width:260px; }

#inputaddr{width:340px; position:absolute; top:40px; right:7px;}
#orderinfo textarea#address{width: 260px;max-width: 260px; height: 40px;
	max-height: 40px;min-height: 40px;}
#inputaddr span{position:relative;top:-18px;}
	
#inputnote{position:absolute; top:102px; right:15px;}	
#orderinfo textarea#note{width: 510px;max-width: 510px; height: 40px;
	max-height: 40px;min-height: 40px;}	
#inputnote span{position:relative;top:-18px;}
	
#orderinfo input:hover, #orderinfo textarea:hover, #orderinfo input:focus, #orderinfo textarea:focus {
	border: 1px solid #FFF;
	color: #CCC;
	background-color: #005271;
}