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

body {background: url(images/background.jpg) repeat-x top #B4CC95 ;
font-size:62.5%;
}
#wrapper{background:#fff;
font-family:Arial,Helvetica,sans-serif;
height:auto;
margin:0px auto 0px auto;
width:800px;
position:relative;
}


p{font-size:1.2em;
line-height:18px;
color:#304759;
margin: 10px 0;
}
h1{font-size:1.9em;
font-weight:bold;
line-height:18px;
color:#F7941E;
text-transform:uppercase;
}
h2{font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
color: #304759;
text-transform:uppercase;
}

h3{font-family:Arial, Helvetica, sans-serif;
line-height:1.9em;
font-size:.9em;
color:#000;
}

a{color:#F7941E;
text-decoration:underline;
text-transform:uppercase;
}


/*this is styling for the header area*/
#header{height:134px;
width:800px;
margin:0;
position:relative;
}
.clearthefloats{clear:both;}

/*this is styling for the sidebar area*/
#sidebar{width:129px;
float:left;
margin: 12px 0 0 12px;

}
* html #sidebar{margin:0 0 0 8px}
#sidebar ul{background:#E6E7E8;
padding: 10px 20px 0 20px;
list-style-type:none;
margin:12px 0 0 0;
}

#sidebar ul li{padding-top:1.5em;padding-bottom:1.5em;}


#sidebar ul li a{font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#304759;
text-decoration:none;
text-transform:uppercase;
list-style-type:none;
}
div.sidebar_divider{background:url(images/sidebar_footer.jpg) no-repeat;
width:129px;
height:13px;
padding-bottom:10px;
}


/*this is styling for the base area*/
#base{width:635px;
float:left;
margin: 24px 0 12px 12px;
}

/*
#base ul li{padding:0px 0px 0px 0px;width:98px;margin-left:1px;height:3em;
}
*/
ul li p{font-family:Arial, Helvetica, sans-serif;
padding: -10px 0 0 0;
font-size:1.2em;
color:#000;
font-style:italic;
font-weight:normal;
margin: 3px 0 0 0;
}


.box2{ 
height:auto; 
float:left; 
width:305px;
}

div.promo{
background:url(images/promo_topdivider.jpg) no-repeat #E6E7E8;
width:635px;
height:auto;
padding-top:12px;
margin:10px 0 -5px;
/*padding:12px; -----took the padding off the div - adding space with margins on the content. so that the bottom background image will flow all the way across the div.*/
}
div.promo p, div.promo h1{margin: 5px 12px;}
/*div.promo_topdivider{
background:url(images/promo_topdivider.jpg) no-repeat ;
width:635px;
height:8px;
margin:12px 0 0 0;
}*/
div.promo_bottomdivider{background:url(images/promo_bottomdivider.jpg) no-repeat;
width:100%;
height:13px;
margin:0 0 0 0;
}


div.quote{background: none;
color: #6E8293;
float:right;
font-size:1.5em;
line-height:1.6em;
font-weight:bold;
text-align:left;
}

.box{background:url(images/background_box.jpg) repeat-x; 
width:45%;
height:auto;
float:left;
padding:12px;
margin:10px 0px;
}
/* Caroline - you need to resize the background images so that they make it all the way across the divs. ok to make them much bigger than needed (length) */

.quote_signature{color:#F7941E;
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
text-align:right;
text-transform:uppercase;
margin:10px 10px 0px 0px;
}
.quote_signature2{
color:#304759;
font-size:.8em;
/*line-height:0em; - caroline, i took this off so that the whole line would should...use margin to control the leading*/
font-weight:normal;
margin:0px 10px 0px 0px;
}

.img_manufacturer{float:left;
margin:0 3px 0 0;
}


/*this is styling for the footer area*/
#footer{background:url(images/footerbkgd.jpg) repeat-x red;
height:60px;
width:800px;
margin:0;
text-align:left;
}
#footer ul{padding: 2px 0 0 12px;
	
}
#footer ul li{list-style-type:none;
display:inline;
margin: 0;
}
#footer ul li a{font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
color: #304759;
text-transform:uppercase;}

#footer p{font-size:.9em;
padding: 10px 0 0 12px;
}
.logo{background:url(images/logo_hida.jpg) no-repeat;
width:169px;
height:48px;
float:right;
margin:0 12px;
}
.copyright{margin:0;
}


blockquote {color: #6E8293;
float:right;
width:45%;
font-size:1.5em;
line-height:1.6em;
font-weight:bold;
text-align:left;background: url(images/quotemark1.jpg) no-repeat 0px 20px;
margin:10px 10px;}
blockquote p.quotation{background: url(images/quotemark2.jpg) no-repeat /*50% 100%*/bottom right;margin:20px}



/* Ross  */

#next_videos{text-align:right; margin-top:-35px; margin-right:-12px}
 

/*
#base .ui-state-active{background-color:#E6E7E8;}

#base #tabs .ui-widget-header{background:#9F9F9F repeat-x scroll 50% 50%;}

#base #tabs .ui-tabs-nav li {text-align:center;}



#base #tabs ul {padding:0px}

#base .ui-widget-content {
	background: #EEEEEE repeat-x scroll 50% top;
}
*/
/*

.ui-widget-header {border:none}

*/

#base #tabs a {font-size:.9em}

#base #tabs ul.ui-tabs-nav{
	padding:0px 2px 2px 2px;
	border:0px solid #A3A3A3;

}

#base #tabs .ui-tabs-nav li{width:98.0px;
							text-align:center;
							height:4em;
							border-top: 0px solid #CCCCCC;
}

.ui-tabs .ui-tabs-panel{
	padding:2px 2px	0px 2px;
	
}

#supply-chain {border:solid 1px}

#base.content ol{
	list-style-type:decimal;
	font-size:1.2em;
	list-style-position: inside;
	margin:10px 0 5px 0;
	padding-left: 1.2em;
	text-indent: -1em;

	
}

 #base.content ul{
	list-style-type:disc;
	font-size:1.2em;
	list-style-position: inside;
	margin:10px 0 5px 0;

}

#base.content ol li, #base.content ul li{
	
	margin:5px 0 5px 0;
}

#base.content a{
	
	text-transform:none;
}

#base.item_list h1{margin-bottom:10px;}
#base.item_list li{margin:5px 0 5px 0}
#base.item_list a{text-decoration:none;}

#spiderweb{padding-left:20px;}

#pagetitle{margin-bottom:15px;}