﻿/* Common Part Settings */
body {
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	/*background: #000000 url('../images/background.png') repeat-x;*/
	background: #000000;
	padding: 0px;
	margin: 0px;
	color: #161616;
	line-height: 160%;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
img {
	border: 0px;
}
h1 {
	font: normal normal normal 30px Arial, Tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 0px 7px 0px;
	margin: 0px;
	color: #165a09;
}
/* Site Link Settings */
a:link, a:visited, a:active {
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #709fca;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Site Block Settings */
.gradient {
	background: url('../images/gradient-background.jpg') repeat-x;
	float: left;
	width: 100%;
}
#mainBlock {
	width: 920px;
	margin: 0px auto;
}
#headerBlock {
	background: url('../images/header-background.jpg') no-repeat bottom center;
	width: 900px;
	height: 158px;
	float: left;
	padding: 0px 10px 0px 10px;
	margin-top: 30px;
}
#bodyBlock {
	background: url('../images/body-background.jpg') repeat-y top center;
	width: 880px;
	float: left;
	padding: 10px 20px 0px 20px;
}
#footerBlock {
	font: normal normal normal 11px Arial, Tahoma, Helvetica, sans-serif;
	background: url('../images/footer-background.jpg') no-repeat top center;
	width: 920px;
	float: left;
	color: #808080;
	text-align: center;
	padding: 20px 0px 20px 0px;
	line-height: 180%;
	margin-bottom: 30px;
}

/*
.gradient {
	background: url('../images/gradient-background.jpg') repeat-x;
	float: left;
	width: 100%;
}
.pattern {
	background: url('../images/pattern-background.jpg');
	float: left;
	width: 100%;
}
#mainBlock {
	width: 920px;
	margin: 0px auto;
}
#headerBlock {
	background: url('../images/header-background.jpg') no-repeat;
	width: 900px;
	height: 158px;
	float: left;
	padding: 0px 10px 0px 10px;
	margin-top: 30px;
}
#bodyBlock {
	background: url('../images/body-background.jpg') repeat-y;
	width: 880px;
	float: left;
	padding: 10px 20px 0px 20px;
}
#footerBlock {
	font: normal normal normal 11px Arial, Tahoma, Helvetica, sans-serif;
	background: url('../images/footer-background.jpg') no-repeat;
	width: 920px;
	float: left;
	color: #808080;
	text-align: center;
	padding: 20px 0px 20px 0px;
	line-height: 180%;
	margin-bottom: 30px;
}
#footerBlock a {
	font: normal normal normal 11px Arial, Tahoma, Helvetica, sans-serif;
	color: #808080;
	line-height: 180%;
	text-decoration: none;
}
#footerBlock a:hover {
	font: normal normal normal 11px Arial, Tahoma, Helvetica, sans-serif;
	color: #fff;
	line-height: 180%;
	text-decoration: underline;
}*/
/* Content Settings */
.leftBlock {
	float: left;
	width: 180px;
	padding-right: 10px;
	padding-left:0px;
}
.mainBlock {
	float: left;
	width: 680px;
}
.sideNav {
	float: left;
	width: 178px;
	border: 1px solid #7f7f7f;

}
.sideNav ul, .sideNav ul li ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
width: 153px;
}
.sideNav ul li, .sideNav ul li ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 153px;
		
}
.sideNav ul li a {
	background: url('../images/arrow.gif') no-repeat;
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	padding: 5px 10px 5px 15px;
	margin: 0px;
width: 153px;
	color: #1d1d1d;
	float: left;
	text-transform: uppercase;
	
}
.sideNav ul li ul li a {
	background: url('../images/arrow-inner.gif') no-repeat;
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	padding: 5px 10px 5px 23px;
	margin: 0px;
	width: 145px;
	color: #1d1d1d;
	float: left;
	text-transform:none;
	
}
.sideNav ul li a:hover, .sideNav ul li ul li a:hover {
	color: #345472;
	


	text-decoration: none;
	width: 145px;
}
.sideNav ul li a:hover {
	color: #345472;
	background-color: #dfeaf1;
	text-decoration: none;
	width: 153px;
}
.sideGray {
	background-color: #f2f2f2;
}
.titleBack {
	font: normal normal bold 12px Arial, Tahoma, Helvetica, sans-serif;
	background: url('../images/middle-corner.jpg') repeat-x;
	color: #fff;
	text-transform: uppercase;
	float: left;
	padding: 7px 0px 7px 0px;
}
.featureBlock {
	float: left;
	width: 120px;
	margin-right: 10px;
	background-color: #7f7f7f;
	cursor: pointer;
}
.featureBlock:hover {
	background-color: #608bb3;
}
.featureImage {
	float: left;
	padding: 5px 5px 0px 5px;
}
.featureText {
	float: left;
	width: 120px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
}
/* Form Settings */
form, .checkbox {
	padding: 0px;
	margin: 0px;
}
.textInput, select, textarea {
	font: normal normal normal 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #7a7a7a;
	background: #fff;
	margin: 0px;
	padding: 4px;
	border: 1px solid #696969;
}
.textInput:focus, textarea:focus, select:focus, .textInput:hover, textarea:hover, select:hover {
	background: #ffffff;
	border: 1px solid #7cacd8;
	color: #000;
}
.button {
	border: 0px;
	background-color: #696969;
	margin: 0px;
	padding: 4px 4px 3px 4px;
	color: #fff;
	cursor: pointer;
}
.button:hover {
	border: 0px;
	background-color: #608bb3;
	margin: 0px;
	padding: 4px 4px 3px 4px;
	color: #fff;
}
/* Header Settings */
.topWrap {
	float: left;
	width: 900px;
	height: 124px;
}
.bannerWrap {
	float: left;
	width: 950px;
	height: 397px;
}
#navBlock {
	float: left;
	width: 902px;
	height: 30px;

	
}
#navBlock ul {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navBlock ul li {
	float: left;
	padding: 0px;
	margin: 0px;
}
#navBlock ul li a {
	font: normal normal normal 10px Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	padding: 8px 10px 5px 10px;
}
#navBlock ul li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #ba9432;
}
/* popup*/



.popup {
	background-image: url(../images/popup_cart.gif);
	height: 228px;
	width: 490px;
	position: absolute;
	/*background-color:#999*/
}

.popup .close {
	color: #FFFFFF;
	display: block;
	top: 8px;
	float:right;
	right: 5px;
	width: 60px;
	height: 15px;
	font-size: 11px;
	text-align: left;
}

#right .popup .content { padding: 0; }

.popup .content {
	position: absolute;
	top: 24px;
	left: 16px;
	right: 16px;
	height: 170px;
	font-size: 12px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

.popup .border { border-right: 1px solid #797979; }
