﻿* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F0F0E0;
    font-family: arial;
    font-size: 80%;
    margin-left: 15px;
    margin-right: 15px;
}

#body {
    min-width: 973px;
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 973)? "943px" : "100%")
}

div#head {
	width: 100%;
	height: 113px;
	background: url(../images/head_fill.jpg) top;
	position: relative;
    background-color: #ECDC90;
	}
#head div#lefth
{
	background-image: url('../images/head_l.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 113px;
}
#head div#righth
{
	background-image: url('../images/head_r.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 113px;
	position: relative;
}

#leftsubhead
{
	border: 0px solid black;
	float: left;
	padding: 30px 0px 0px 35px;
	width: 300px;
}

#rightsubhead
{
	border: 0px solid black;
	float: right;
	padding: 30px 40px 0px 0px;
	width: 300px;
	text-align: right;
}

#head p
{
	font-size: 200%;
	color: #968C08;
	text-weight: none;
}

#head p.subtitle
{
	padding-top: 3px;
	padding-left: 16px;
	font-size: 100%;
	color: black;
}

#head p.phone
{
	font-size: 200%;
	color: #777;
}
#head p.subphone
{
	padding-top: 3px;
	font-size: 100%;
	color: black;
	text-align: right;
}

#menubox {
	padding: 5px;
	margin: 0px 0px 20px 0px;
    background-color: #949676;
	height: 43px;
	}
	
#menu {
	width: 100%;
	height: 43px;
	background: url(../images/menu_fill.jpg);
    background-color: #F0F0E0;
	}

#menu ul {
	padding-top: 13px;
	background-repeat: no-repeat;
	font-size: 100%;
	text-align: right;
}

#menu li {	
	display: inline;
	padding-left: 14px;
	padding-right: 14px;
	border-left:1px solid #999
}

ul.vnav {
	background-repeat: no-repeat;
	font-size: 100%;
	text-align: left;
	margin-bottom: 20px;
}

li.vnav {	
	list-style-type: none;
	padding-top: 5px;
}

li.vnav_sel {	
	list-style-type: none;
	margin-top: 2px;
	padding-top: 3px;
	width: 190px;
	background-color: #ECDC90;
}

ul.pages {
	background-repeat: no-repeat;
	font-size: 100%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

li.pages {	
	display: inline;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

li.pages_sel {	
	display: inline;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #BDB76B;
}

#menu li.first {	
	display: inline;
	padding-left: 0px;
	border-left: none;
	padding-right: 14px;
}


#mainbox {
/*	border:1px solid #666;*/
	position: relative;
	overflow: hidden;
	}

#wrap {
	float: left;
	width: 100%;
	margin-right: -235px;
}

#container {
	margin-right: 235px;
}

#right {
	width: 220px;
	float: right;
}

#left {
	float: left;
	width: 220px;
}

#content {
	margin-left: 235px;
}

div.greenheader
{
	background-image: url('../images/ibox_g_fill.jpg');
	background-color: #BDB76B
}
.greenheader div.left {
	background-image: url('../images/ibox_g_l.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 32px;
/*margin-left: -3px;*/
}
.greenheader div.right
{
	background-image: url('../images/ibox_g_r.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 32px;
}
.greenheader h1
{
	padding: 8px 0px 0px 13px;
	font-size: 100%;
	font-weight: bold;
	color: white;
}

div.redheader
{
	background-image: url('../images/ibox_r_fill.jpg');
	background-color: #CD4F39
}

.redheader div.left {
	background-image: url('../images/ibox_r_l.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 32px;
}
.redheader div.right
{
	background-image: url('../images/ibox_r_r.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 32px;
}

.redheader h1
{
	padding: 8px 0px 0px 13px;
	font-size: 100%;
	font-weight: bold;
	color: white;
}

div.subcontent
{
	border-top: 0px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-color: #FFF;
	margin-bottom: 15px;
}

div.subcontentfull
{
    border: 1px solid #808080;
    background-color: #FFF;
    margin-bottom: 15px;
}

.subcontent span.contentbox
{
	display: block;
	padding: 12px;
	font-size: 100%;
	color: black;
}

.subcontentfull span.contentbox
{
    display: block;
    padding: 12px;
    font-size: 100%;
    color: black;
}

.subcontent span.hel
{
	font-size: 100%;
	color: red;
}


div.floatbox
{
	width: 97%;
}

div.floatleft
{
	float: left;
	width: 150px;
	padding-bottom: 10px;
	min-height: 160px;
}

#bottom
{
    background-color: #ECDC8F;
/*	height: 50px;*/
/*	background: url(../images/head_fill.jpg) top;*/
	border: 3px solid #FFF;
	font-size: 85%;
	clear: both;
	position: relative;
}

#bottom div#botleft
{
/*	border: 1px solid #555;*/
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 10px;
	padding-left: 10px;
	width: 300px;
}

#bottom p
{
	padding: 10px;
	text-align: right;
}

div.clearbox
{
	clear: both;
}

p.headsep
{
	padding: 0;
	margin: 0px 0px 5px 0px;
	display: block;
	border-bottom:1px solid #999;
	font-size: 100%;
	font-weight: bold;
}

a.nound {text-decoration: none} a:hover.nound {text-decoration: none} a.menulinks {font-size: 100%; text-decoration: underline; color: black} a:hover.menulinks {color: #6B8E23; font-size: 100%; text-decoration: underline;}
a.menulinks2 {font-size: 100%; text-decoration: underline; color: #6B8E23} a:hover.menulinks2 {color: #CD853F; font-size: 100%; text-decoration: underline;}
a.menulinks2b {font-size: 100%; text-decoration: underline; color: #6B8E23; font-weight: bold;} a:hover.menulinks2b {color: #CD853F; font-size: 100%; text-decoration: underline; font-weight: bold;}
a.menulinks3 {font-size: 100%; text-decoration: underline; color: #CD853F} a:hover.menulinks3 {color: #666666; font-size: 100%; text-decoration: underline;}
a.menulinks3b {font-size: 100%; text-decoration: underline; color: #CD853F; font-weight: bold;} a:hover.menulinks3b {color: #666666; font-size: 100%; text-decoration: underline; font-weight: bold;}
a.prodlinks1 {font-size: 100%; text-decoration: underline; color: #CD853F; font-weight: bold;} a:hover.prodlinks1 {color: #666666; font-size: 100%; text-decoration: underline;}
a.toord1 {font-size: 100%; text-decoration: underline; color: #6B8E23} a:hover.toord1 {color: #CD853F; font-size: 100%; text-decoration: underline;}
a.toord2 {font-size: 100%; text-decoration: underline; color: #6B8E23; font-weight: bold} a:hover.toord2 {color: #666666; font-size: 100%; text-decoration: underline;}
a.busdel {font-size: 100%; text-decoration: none; color: red; font-weight: bold} a:hover.busdel {color: darkred; font-size: 100%; text-decoration: none;}

a.order {font-size: 100%; text-decoration: none; color: #666666; font-weight: bold; background-color: #DCDEE0; padding: 5px} a:hover.order {color: #666666; font-size: 100%; text-decoration: underline;}

h2 {font-size: 125%; padding-top: 25px; padding-bottom: 5px}
h2.first {font-size: 125%; padding-top: 0px; padding-bottom: 5px}
h2.prodname {font-size: 125%; padding-top: 10px; padding-bottom: 10px; text-align: center}
h1.company {font-size: 160%; padding-top: 10px; padding-bottom: 5px; text-align: center; color: darkred}

p.pcenter {text-align: center}
p.pright {text-align: right}

p.right10tb {text-align: right; font-size: 125%; padding-top: 10px; padding-bottom: 20px;}

span.unsel {font-size: 100%; font-weight: bold; color: darkred}
span.prodchar {display: block; font-size: 100%; color: black; margin-top: 10px}
span.action {font-size: 135%; color: white; font-weight: bold; background-color: orange; padding-left: 8px; padding-right: 8px;}
span.actionbig {font-size: 160%; color: white; font-weight: bold; background-color: orange; padding-left: 8px; padding-right: 8px}
span.price {font-size: 135%; color: black; font-weight: bold; background-color: #BCEE68; padding-left: 8px; padding-right: 8px;}
span.price2 {font-size: 135%; color: black; font-weight: bold; background-color: #DCA; padding-left: 8px; padding-right: 8px}
span.pricebig {font-size: 160%; color: black; font-weight: bold; background-color: #BCEE68; padding-left: 8px; padding-right: 8px}
span.redbold {font-size: 100%; color: red; font-weight: bold}
span.sgr {font-size: 100%; color: #CD853F;}

input.inp_text_s
{
	border: 1px solid #999;
	color: black;
	width: 158px;
}

input.inp_text
{
	border: 1px solid #999;
	color: black;
}

input.inp_cty
{
	border: 1px solid #999;
	text-align: right;
	padding-right: 1px;
	color: black;
}

input.inp_price
{
    border: 1px solid #999;
    text-align: right;
    padding-right: 1px;
    width: 70px;
    color: black;
}

input.inp_sub_s
{
	/*border: 1px solid #666;*/
	padding: 0;
	margin: 0;
	color: white;
	vertical-align: top;
}

table.prodlist
{
	border: 0
}

.prodlist td { padding-bottom: 20px}
.prodlist td.leftcol { width: 155px}

table.filter
{
    border: 0;
    width: 97%
}

.filter td { padding-bottom: 10px}
.filter td.leftcol { width: 155px}

table.chartable
{
	border: 0;
	width: 400px;
}

.chartable td {	padding: 5px; background-color: #DCA}
.chartable td.chvalue {	background-color: #ECDC8F}

table.buslist
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	width: 97%
}

.buslist th {padding-left: 5px; border-bottom: 1px solid #999;}
.buslist th.left {text-align: left; padding-left: 5px;}
.buslist th.right {text-align: right; padding-left: 5px;}
.buslist td {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #999;}
.buslist td.image {	text-align: center; width: 90px;}
.buslist td.name {	text-align: left; padding-left: 5px;}
.buslist td.cty {	text-align: center; padding-left: 5px;}
.buslist td.cost {	text-align: right;	padding-left: 5px;}
.buslist td.bottom { border: 0;}

table.cinfo
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	width: 97%
}

.cinfo td {padding: 10px 8px 10px 8px; border: 0; width: 50%;}
.cinfo tr.sec {background-color: #ECDC90}
.cinfo tr.end {background-color: #DCA}
.cinfo input[type="text"] { border: 1px solid #999; width: 100%;}
.cinfo textarea { border: 1px solid #999; width: 100%; height: 80px;}

table.contacts
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
	width: 96%
}

.contacts td {padding-top: 10px; padding-bottom: 10px; border: 0; width: 50%; vertical-align: top}