/*
	Stylesheet for screen media
*/

/* 
	Basic Layout
*/

body {
	background-color: #ffffff;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	text-align: center;
}

/*
	Styles for the header section
*/

#header {
	background: url(/graphics/layout/header-background.jpg) repeat-x left top;
	height: 140px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

#header .container {
	background: url(/graphics/layout/header-logo.jpg) no-repeat left top;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	height: 140px;
	padding: 0px 0px 0px 315px;
	margin: 0px auto;
	text-align: left;
	width: 635px;
}

#header .container #top {
	float: left;
	height: 75px;
	padding: 15px 0px 15px 275px;
	text-align: right;
	width: 360px;
}

#service-box {
	font-size: 8pt;
	text-align: left;
	width: 150px;
}

#service-box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#service-box .title {
	color: #990000;
	font-weight: bold;
}

#service-box a {
	color: #666666;
	font-size: 7pt;
	text-decoration: none;
}

#service-box a:hover {
	text-decoration: underline;
}

#service-box .active {
	font-weight: bold;
}

#header .container #menue {
	float: left;
	height: 33px;
	padding: 2px 0px 0px 0px;
	text-align: left;
}

#header .container #menue ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#header .container #menue li {
	display: inline;
}

#header .container #menue .active {
	background: url(/graphics/layout/arrow-menu-main.jpg) no-repeat left bottom;
	color: #990000;
	font-weight: bold;
	padding: 0px 15px 17px 0px;
	text-decoration: none;
}

#header .container #menue a{
	color: #990000;
	padding: 0px 15px 0px 0px;
	text-decoration: none;
}

#header .container #menue a:hover{
	color: #000000;
	text-decoration: none;
}

/*
	Styles for the main section
*/

#main {
	margin: 0px;
	background-color: #ebe9da;
	text-align: center;
	width: 100%;
}

#main .container {
	background: url(/graphics/layout/main-background.jpg) repeat-y left top;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	width: 950px;
}

#left, #right {
	float: left;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 170px;
}

#left .title, #right .title {
	color: #990000;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

#left img {
	border-bottom: 2px solid #ffffff;
}

.contents {
	margin: 0px;
	padding: 5px;
	position: relative;
	text-align: left;
}

.contents .title {
	color: #990000;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

.contents a{
	color: #666666;
	text-decoration: underline;
}

.contents a:hover{
	color: #999999;
	text-decoration: underline;
}

.newsDateAbbr{
	color: #990000;
	position: relative;
	text-align: left;
}

.newsTextAbbr{
	border-bottom: 1px solid #ffffff;
	color: #000000;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 3px 0px;
	position: relative;
	text-align: left;
}

#prdCats {
	background-color: #ffffff;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

#prdCats a {
	background-color: #f4f4f4;
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 3px;
	text-align: left;
	text-decoration: none;
}

#prdCats a:hover {
	background-color: #e7e7e7;
	color: #000000;
}

#prdCats ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#prdCats li {
}

#prdCats ul li a {
	color: #990000;
}

#prdCats ul li.active>a {
	font-weight: bold;
}

#prdCats ul ul li a {
	background: url(/graphics/layout/product-cat-1.jpg) no-repeat left top;
	background-color: #f4f4f4;
	color: #00396c;
	padding: 2px 2px 2px 15px;
}

#prdCats ul ul li a:hover {
	background: url(/graphics/layout/product-cat-1-hover.jpg) no-repeat left top;
	background-color: #e7e7e7;
}

#prdCats ul ul ul li a {
	background: url(/graphics/layout/product-cat-2.jpg) no-repeat left top;
	background-color: #f4f4f4;
	color: #666666;
	padding: 2px 2px 2px 25px;
}

#prdCats ul ul ul li a:hover {
	background: url(/graphics/layout/product-cat-2-hover.jpg) no-repeat left top;
	background-color: #e7e7e7;
}

#prdSubCats {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

#prdSubCats .title{
	background: url(/graphics/layout/arrow-column-head.jpg) no-repeat left top;
	background-color: #cfcdb8;
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 22px;
	position: relative;
	text-align: left;
}

#prdSubCats ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#prdSubCats ul li a {
	background-color: #f4f4f4;
	color: #666666;
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 3px;
	text-align: left;
	text-decoration: none;
}

#prdSubCats ul li a:hover {
	background-color: #e7e7e7;
	color: #000000;
}

#center{
	float: left;
	margin: 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 600px;
}

.productPages {
	background-color: #ebe9da;
	color: #666666;
	font-size: 8pt;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 2px 0px;
	padding: 0px 5px;
	position: relative;
	text-align: left;
}

.productPages .num{
	float: left;
}

.productPages .nav {
	float: right;
}

.productPages .nav a {
	color: #990000;
	text-decoration: none;
}

.productPages .nav a:hover {
	color: #000000;
	text-decoration: underline;
}

.breadcrumb {
	background-color: #ebe9da;
	border-bottom: 2px solid #ffffff;
	clear: both;
	color: #666666;
	font-size: 8pt;
	padding: 2px 5px 4px 5px;
	text-align: left;
	width: 590px;
}

.breadcrumb a {
	color: #990000;
	text-decoration: underline;
}

.breadcrumb a:hover {
	color: #000000;
	text-decoration: none;
}

.catBox, .catBoxCenter {
	background-color: #ebe9da;
	border-bottom: 2px solid #ffffff;
	color: #000000;
	float: left;
	font-size: 9pt;
	height: 190px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 198px;
}

.catBox:hover, .catBoxCenter:hover {
	background-color: #cfcdb8;
}

.catBox a, .catBoxCenter a {
	color: #666666;
	text-decoration: none;
}

.catBox a:hover, .catBoxCenter a:hover {
	color: #000000;
}

.catBox a img, .catBoxCenter a img {
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

.catBox .name, .catBoxCenter .name {
	display: block;
	padding: 5px 0px;
}

.catBoxCenter {
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

#customizer{
	background-color: #cfcdb8;
	border-bottom: 2px solid #ffffff;
	color: #666666;
	font-size: 8pt;
	padding: 4px 5px 4px 5px;
	text-align: left;
	width: 590px;
}

#customizer a{
	color: #990000;
	text-decoration: none;
}

#customizer a:hover{
	color: #000000;
	text-decoration: underline;
}

#customizer .img{
	padding: 0px 0px 0px 5px;
	vertical-align: text-bottom;
}

#customizer .list{
	background-color: #ebe9da;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-size: 8pt;
}

.manufacturer-box, .manufacturer-box-center {
	border-top: 1px solid #cfcdb8;
	border-left: 1px solid #cfcdb8;
	border-right: 1px solid #cfcdb8;
	color: #000000;
	float: left;
	font-size: 7pt;
	/*margin: 0px 1px 3px 1px;*/
	width: 198px;
}

.manufacturer-box-center {
	border-left: none;
	border-right: none;
	padding: 0px 1px 0px 1px;
	width: 198px;
}

.manufacturer-box img {
	
}

.manufacturer-box-center img {
	
}

.productLine{
	border-bottom: 1px solid #ffffff;
	color: #000000;
	float: left;
	font-size: 7pt;
	width: 600px;
}

.productLine .pstandard{
	background-color: #f3f1e2;
	padding: 2px;
}

.productLine .poffer{
	background: url(/graphics/layout/product-offer-small.jpg) no-repeat right top;
	background-color: #ffc39f;
	padding: 2px;
}

.productLine .pnew{
	background: url(/graphics/layout/product-new-small.jpg) no-repeat right top;
	background-color: #b9c7d5;
	padding: 2px;
}

.productLine * .id{
	font-size: 7pt;
	float: left;
}

.productLine * .descr{
	clear: left;
	font-size: 8pt;
	font-weight: bold;
	position:relative;
}

.productLine * .add{
	clear: left;
	font-size: 7pt;
	text-align: left;
	position:relative;
}

.productLine * .info{
	float: left;
	padding: 4px 0px 0px 150px;
}

.productLine * .price{
	float: right;
}

.productLine * .price .value{
	font-size: 10pt;
	font-weight: bold;
}

.productBox, .productBoxCenter{
	border-bottom: 2px solid #ffffff;
	color: #000000;
	float: left;
	font-size: 7pt;
	width: 198px;
}

.productBoxCenter{
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

.productBox img{
	border-bottom: 1px solid #ffffff;
}

.productBoxCenter img{
	border-bottom: 1px solid #ffffff;
}

.product-standard{
	background-color: #ebe9da;
	color: #000000;
	height: 84px;
	padding: 3px;
}

.product-new{
	background: url(/graphics/layout/product-new.jpg) no-repeat left top;
	background-color: #b9c7d5;
	color: #000000;
	height: 84px;
	padding: 3px;
}

.product-offer{
	background: url(/graphics/layout/product-offer.jpg) no-repeat left top;
	background-color: #ffc39f;
	color: #000000;
	height: 84px;
	padding: 3px;
}

.productBox .productInfo{
	height: 70px;
}

.productBoxCenter .productInfo{
	height: 70px;
}

.productBox .id{
	font-size: 7pt;
}

.productBoxCenter .id{
	font-size: 7pt;
}

.productBox .descr{
	font-size: 8pt;
	font-weight: bold;
}

.productBoxCenter .descr{
	font-size: 8pt;
	font-weight: bold;
}

.productBox .priceInfo{
	float: right;
	clear: left;
	font-size: 7pt;
	text-align: right;
	position: relative;
}

.productBoxCenter .priceInfo{
	float: right;
	clear: left;
	font-size: 7pt;
	text-align: right;
	position: relative;
}

.productBox .info{
	float: left;
	font-size: 7pt;
	padding: 3px 0px 0px 0px;
}

.productBoxCenter .info{
	float: left;
	font-size: 7pt;
	padding: 3px 0px 0px 0px;
}

.productBox .value{
	font-size: 10pt;
	font-weight: bold;
}

.productBoxCenter .value{
	font-size: 10pt;
	font-weight: bold;
}

.offer {
	color: #990000;
}

.offer .value{
	font-size: 8pt;
}

.colHead {
	background-color: #cfcdb8;
	border-bottom: 2px solid #ffffff;
	clear: both;
	height: 20px;
	padding: 0px;
}

#manufacturer-box img {
	margin: 4px 0px 0px 0px;
}

.colTitle {
	background: url(/graphics/layout/arrow-column-head.jpg) no-repeat left top;
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	position: relative;
	text-align: left;
}

.colTitle img{
	border: none;
	padding: 0px 0px 0px 5px;
	vertical-align: text-bottom;
}

#main-stretch {
	clear: both;
	height: 0px;
	width: 100%;
}
/**
 * Styles for news
 */
ul#newslist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#newslist li{
	padding-bottom: 10px;
}
/*
	Styles for the footer section
*/

#footer {
	background: url(/graphics/layout/footer-background.jpg) repeat-x left top;
	clear: both;
	height: 60px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

#footer .container {
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	color: #333333;
	font-size: 7pt;
	height: 60px;
	line-height: 26px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	width: 950px;
}

#footer .container a{
	color: #333333;
	text-decoration: underline;
}

#footer .container a:hover{
	color: #000000;
	text-decoration: underline;
}

/*
	Styles for forms
*/
fieldset {
	border:1px solid #999999;
	color: #333333;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

legend {
	font-size: 10pt;
	font-weight: bold;
}

.fbutton {
	background-color: #ebe9da;
	border:1px solid #cfcdb8;
	color: #333333;
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 7pt;
	margin: 2px 0px 0px 5px;
	padding: 2px 2px 1px 2px;
}

.fhidden {
	display: none;
}

.finput, .finput-area {
	background-color: #ffffff;
	border:1px solid #999999;
	float: left;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	padding: 2px 5px 2px 5px;
	margin: 2px 0px 2px 0px;
}

label {
	clear: left;
	float: left;
	font-size: 8pt;
	font-weight: normal;
	padding: 4px 5px 2px 5px;
	text-align: right;
	width: 200px;
}

.button {
	text-align: right;
}

.car-img {
	border-top: 2px solid #ffffff;
}
/*
	General Styles
*/

.hand {
	cursor: pointer;
}

.note {
	color: #666666;
	font-size: 8pt;
	padding:0px 5px 5px 5px;
	margin:0px;
	text-align: center;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.right {
	text-align: right;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

p {
	margin: 0px 0px 8px 0px;
}