@import "fonts.css";
@import "icons_button.css";
body {
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #FFFFFF;
color: #000000;
}
div { text-align: left; }
div.wrapper {
width: 900px;
margin: 0 auto;
padding: 0;
}
div.inner_wrapper {
margin: 28px;
padding: 0;
}
#header {
height: 123px;
position: relative;
overflow: hidden;
}
#header div {
position: absolute;
height: 100%;
}
#logo {
left: 28px;
padding-top: 15px;
}
#images {
background-image: url(../graphics/images_bg.png);
background-repeat: repeat-y;
background-position: 401px 0;
width: 672px;
right: 0;
top: 0;
}
#images div {
height: 100%;
float: left;
overflow: hidden;
width: 200px;
position: absolute;
top: 0;
}
#images div.1 {
left: 0;
}
#images div.2 {
left: 176px;
}
#images div.3 {
left: 352px;
}
#images div.4 {
left: 528px;
}
#images img {
width: 200px;
height: 124px;
border-style: none;
}
#main-content {
clear: both;
float: none;
}
#main-content div.wrapper {
float: left;
}
#navigation {
width: 200px;
padding: 0 0 28px 0;
margin: 0;
overflow: hidden;
}
#navigation ul {
list-style-type: none;
background-image: url(../graphics/navigation_bg.png);
background-position: right top;
background-repeat: no-repeat;
background-color: #97A813;
padding: 25px 28px 18px 28px;
margin: 0;
overflow: hidden;
}
#navigation li {
display: inline;
padding:0;
margin: 0;
}

#navigation ul ul {
background-color: #8C9C11;
margin-bottom: 5px;
padding: 0;
background-image: url(../graphics/spacer.png);
background-repeat: no-repeat;
}
#navigation ul ul ul {
background-color: #808E0F;
margin-left: 15px;
margin-bottom: 0;
}
#navigation ul ul ul ul {
background-color: #77850E;
}
#navigation ul ul ul ul ul {
background-color: #6B770D;
}
#navigation ul li {
display: inline;
}
#navigation li a,
#navigation li a:hover {
text-decoration: none;
display: block;
padding: 0 0 10px;
}
#navigation li li a,
#navigation li li a:hover {
padding: 2px 3px;
}
#navigation li a,
#navigation li a:hover {
color: #FFFFFF;
}
#navigation li.nav_active a,
#navigation li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}
#navigation li.nav_active li a,
#navigation li.nav_active li a:hover {
color: #FFFFFF;
font-weight: normal;
}
#navigation li.nav_active li.nav_active a,
#navigation li.nav_active li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}
#navigation li.nav_active li.nav_active li a,
#navigation li.nav_active li.nav_active li a:hover {
color: #FFFFFF;
font-weight: normal;
}
#navigation li.nav_active li.nav_active li.nav_active a,
#navigation li.nav_active li.nav_active li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}
#navigation li.nav_active li.nav_active li.nav_active li a,
#navigation li.nav_active li.nav_active li.nav_active li a:hover {
color: #FFFFFF;
font-weight: normal;
}
#navigation li.nav_active li.nav_active li.nav_active li.nav_active a,
#navigation li.nav_active li.nav_active li.nav_active li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li a,
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li a:hover {
color: #FFFFFF;
font-weight: normal;
}
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active a,
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active li a,
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active li a:hover {
color: #FFFFFF;
font-weight: normal;
}
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active a,
#navigation li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active li.nav_active a:hover {
color: #4E173E;
font-weight: bold;
}	
#search {
border-top: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../graphics/search_bg.png);
background-repeat: repeat-x;	
}
#search {
border-top: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../graphics/search_bg.png);
background-repeat: repeat-x;	
}

#search form {
padding: 28px;
margin: 0;

}
#breadcrumbs {
height: 28px;
overflow: hidden;
}
#breadcrumbs p {
margin: 7px 0 8px 228px;
padding: 0;
color: #97A813; 
}
#breadcrumbs p span {
color: #CBD489;
}	
#search input {
width: 100px;
margin: 0;
border: 1px solid #CBD489;
color: #000000;
font-size: 1.2em;
}
#search input.submit {
width: auto;
background-color: #97A813;
color: #FFFFFF;
text-transform:uppercase;
}

#body_copy {
margin: 0;
background-color: #FFFFFF;
overflow: hidden;
}
#body_copy div.inner_wrapper{
margin-top: 22px;
margin-bottom: 0;
}

body#twoColomn #body_copy {
width: 700px;
}
body#threeColomn #body_copy {
width: 500px;
}
div.third_column{
margin: 28px 0 0;
width: 200px;
overflow: hidden;
}
#news_copy {
background-color: #EBEED0;
background-image: url(../graphics/news_bg.png);
background-repeat: no-repeat;
background-position: left top;
}
#news_copy div.inner_wrapper {
margin-top: 23px;
}
#product_info {
margin: 0;
background-color: #FFF;
}
#product_info div.inner_wrapper {
margin: 0;
}


#footer {
clear: both;
float: none;
background-color: #FFFFFF;
background-image: url(../graphics/footer_bg.png);
background-repeat: repeat-x;
position: relative;
color: #CBD489;
font-size: 1.1em;
padding: 28px 0;
}
#footer a {
color: #CBD489;
}
#footer div.inner_wrapper {
position: relative;
z-index: 2;
margin: 0 0 0 228px;
}

#footer div.corner {
position: absolute;
z-index: 1;
background-repeat: no-repeat;
top: 0;
height: 40px;
width: 40px;
}
#footer div.left {
left: 0;
background-image: url(../graphics/footer_left_bg.png);
}
#footer div.right {
right: 0;
background-image: url(../graphics/footer_right_bg.png);
}

#emailPrint {
	margin-top: 20px;
	margin-left: 30px
}

#emailPage {
	background: url(../graphics/email_icon.jpg) left top no-repeat;
	padding: 7px 0 5px 35px;
}

#printPage {
	background: url(../graphics/print_icon.jpg) left top no-repeat;
	padding: 7px 0 5px 35px;
}

/*-----------------------*/

div.form label { float: left; width: 100px; }
div.form input.text,
div.form textarea { width: 250px; }
div.form textarea { height: 80px; }
div.form input.submit { margin: 0 0 0 100px; }
div.form p.error { color: red; font-weight: bold; }