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

/* Main Styles for Corporate Main */

body {
		margin:0px 0px 0px 0px;
		padding:0px;
		width: 100%;
		background-image: url(../../images/bg_category.png);
		background-repeat:repeat-x;
		background-color: #827F80;
		font:11px "Trebuchet MS", Arial, sans-serif;
		color: #464633;

	}
	

#top {
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
		height: 100px;
		background-image: url(../../images/bg_category_header.png);		
}


#wrapper
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 933px;
	height: auto;
}



#main {
		margin:-100px 0px 0px 0px;
		padding:0px;
		width:100%;		
}
	

#header {
		margin:58px 0px 0px 0px;
		padding:0px;
		width:933px;
		height:86px;
		background-color: #ffffff;
		
		
}


.tagline {
		font-size:21px;
		padding: 10px 0px 0px 10px;
		font-family: Georgia, Times New Roman,serif;
	    color: #9d9571;
		}

#logo {
		margin:15px 0px 0px 37px;
		padding:0px;
		width:134px;
		height:59px;
		background-image: url(../../images/category_logo.png);
		position: absolute;
		
		
}

/* Menu */

#menu {
	width: 935px;
	height: 30px;
	position: absolute;
	margin-left: 0px;
	margin-top: 87px;
}

#submenu {
	width: 600px;
	height: 22px;
	position: absolute;
	margin-left: 320px;
	margin-top: 15px;
	padding-top: 6px;
	text-align: right;
	
	
}

.TM {
    font-size:0.5em;
    vertical-align:text-top;
}

.submenulink {
	text-decoration: none;
	text-align: right;
	font:11px "Arial", san-serif;
	color: #818181;
}

.submenulink a, .submenulink a:visited {
	text-decoration: none; 
	color: #818181;
}
.submenulink a:hover {
	color: #DA5E18;
	text-decoration: underline; 
}

.nav_vertical {
    width: 1px;
	height: 65px;
	background: url(../../images/nav_vertical.png) no-repeat;
}

#top-banner {	
	width: 677px;
	height: 272px;
	display: block;
	margin:66px 0px 0px 18px;
	position: absolute;
}	
	
#focus {	
	width: 210px;
	height: 275px;
	display: block;
	margin:132px 0px 0px 716px;
	padding:0px;
	position: absolute;
}	

.focus_header {
    width: 250px;
	height: 34px;
	text-align: left;
	margin-top:0px;
	padding-top: 8px;
	padding-left: 8px;
	font:13px "Arial", san-serif;
	color: #ffffff;
	background: url(../../images/bg_subtitle_right.png) no-repeat;	
}

.focus_header_wide {
    width: 290px;
	height: 34px;
	text-align: left;
	margin-top:0px;
	padding-top: 8px;
	padding-left: 8px;
	font:13px "Arial", san-serif;
	color: #ffffff;
	background: url(../../images/bg_subtitle_290.png) no-repeat;	
}

.focus_text {
    width: 210px;
	text-align: left;
	padding: 8px;
	font:12px "Times New Roman", Georgia, serif;
	color: #ffffff;
}

/* right faux column tab */
#contentfloatholder {
	float: left;
	width: 100%;
}

#maincontent {
	width: 853px;
	display: block;
	margin:32px 0px 0px 0px;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	background-color: #ffffff;
	min-height:400px;
	overflow:auto;
}	

/*
#news {
	width: 210px;
	display: block;
	margin:420px 0px 0px 716px;
	padding:0px;
	position: absolute;
}	

.news_text {
    width: 180px;
	text-align: left;
	padding: 8px;
	font:12px "Times New Roman", Georgia, serif;
	color: #4c4c4c;
}
*/

p {
	color: #464633;
	font-weight: normal;
	line-height: normal;
}
		
h1 {
    font-size:28px;
	font-weight: normal;
	color: #043652;
	letter-spacing: -1px;
	
}

h2 {
	font-size:18px;
	font-weight: normal;
	color: #043652;
}

h3 {
font-size:12px;
padding-top:0px;
padding-bottom:0px;
color: #043652;
margin:0;
}

h4 {
text-transform: uppercase;
font:9px "Arial", san-serif;
color: #043652;
padding-top:0px;
line-height: 10px;
padding-bottom: 0px;

}

ul
{
    margin-top:5px;
}

td 
{
    vertical-align:top;
}
	
a, a:active, a:visited {
  color:#DA5E18;
  text-decoration:none;
}

a:hover {
  color:#043652;
}

a img {border:none;}

/*Links used in body text that are the same color as the text - orange on hover*/
a.gray ,  a.gray:active,  a.gray:visited {
  color:#464633;
  text-decoration:none;
}

a.gray:hover {
  color:#DA5E18;
}


.larger 
{
    font-size: 1.1em;
    font-weight: bold;
} 

.subtitle 
{
font-size:12px;
font-weight:bold;
padding-top:0px;
padding-bottom:0px;
color: #043652;
}

.subtitle_lg 
{
font-size:14px;
font-weight:bold;
padding-top:0px;
padding-bottom:0px;
color: #043652;
}

.blue {color: #043652;}              
.imgLeft {float:left;}
.imgRight {float:right;}
.indent { margin-left:15px;}
   
.titl {

font-size: 13px;
font-weight: bold;
color: #ffffff;
line-height: 100%;

}
	
.stylized {
	
	font-size: 14px;
	line-height: normal;

}

.stylized_titl2 {
	
	font-size: 12px;
	font-weight: bold;
	color: #125CAC;
	line-height: 100%;

}

.caption 
{
    text-align:center;
    font-size:10px;
}
    
.more {
	font:9px "Arial", san-serif;
	font-weight: bold;
	color: #39553e;
	background: url(../../images/arrow_more.png) no-repeat;
	padding-top:0px;
	line-height: 10px;
	padding-bottom: 0px;
}

.more a {
	text-decoration: none; 
	color: #DA5E18;
}
.more a:hover {
	color: #043652;
	text-decoration: underline; 
}

.upper {
    text-transform: uppercase;
}


/* more link for reverse backgrounds */

.more2 {
    text-transform: uppercase;
	font:9px "Arial", san-serif;
	font-weight: bold;
	color: #ffffff;
	background: url(../../images/arrow_more.png) no-repeat;
	padding-top:0px;
	line-height: 10px;
	padding-bottom: 0px;
}

.more2 a {
	text-decoration: none; 
	color: #ffffff;
}

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

#footer {
	clear: both;
	padding:0px;
	width:933px;
	height:50px;
	margin:10px 0px 0px 0px;
}

.footer_address {
	width: 933px;
	height: 50px;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 16px;
	font:10px "Arial", san-serif;
	color: #ffffff;
}

/*LAYOUT 1: Divs for the wider-narrower two-column layout*/

#LeftWide {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 550px;
 float: left;
 position: inherit;
}

#RightNarrow { 
 float: right;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 250px;
 display: inline;
 /*position: relative;*/
}

/*LAYOUT 2: Divs for the half-half two-column layout*/

#LeftHalf {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 400px;
 float: left;
 position: inherit;
}

#RightHalf { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 400px;
 display: inline;
 /*position: relative;*/
}

/*LAYOUT 3: Divs for the narrower-wider two-column layout*/

#LeftNarrow {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 300px;
 float: left;
 position: inherit;
}

#RightWide { 
 float: right;
 margin: 30px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 500px;
 display: inline;
 /*position: relative;*/
}

/*Table used on the right for products in Layout 3*/
.RightProductTable {
	width: 500px;
	padding:0;
	margin:10px 0;
}

.RightProductTable img 
{
    padding-top:5px;
}

/*Table used on the right for Layout 2*/
.HalfTable {
	width: 400px;
	padding:0;
	margin:10px 0;
}
.HalfTable td 
{
    padding:5px 10px;
}
.HalfTable img 
{
    padding-top:5px;
}