@import url("dropdown_nav.css");
@import url("slideshow.css");

/* --- General Styles --- */
html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }  /* Firefox / IE8 scroll-fix*/

body {
background-color: #898989;
margin:0px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
color:#55493b;
background-image:url(../images/bg_gradient.jpg);
background-repeat:repeat-x;
font-size:12px;
}

/* --- Layout Styles --- */

/*Container div to center everything in the center of the browser*/
#CenteringContainer {
width:1000px;
margin:0 auto 0 auto;
padding:0;
}

/*Holds everything for the website*/
#Container {
position:relative;
float:left;
width: 1000px;
margin:0;
padding:0;
}

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
position:relative;
float:left;
width: 940px;
height:270px;
padding:0 30px 0 30px;
/*background-color:#FFFFFF;*/
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
/*z-index:10;*/
}

/*Usually covers header logo and contains a link back to the homepage (Div should have a transparent image)*/
#Header #HomeLink {
position:relative;
float:left;
width:185px;
height:115px;
margin:27px 0 0 0;
padding:0;
text-decoration:none;
}

/* --- Container holds any side navs and content --- */
#Middle {
position:relative;
float:left;
width:940px;
padding:0 30px 0 30px;
background-color:#FFFFFF;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-y;
}

/* --- Container for any navigation or extra content on the left side --- */
#LeftNav {
position:relative;
float:left;
width:180px;
padding:0 5px 10px 10px;
/*background-color:#235123;*/
color:#FFFFFF;
font-size:12px;
margin:-30px 0 0 0;
}

#LeftNav h2 {
color:#FFFFFF;
}

#LeftNav h2 a {
color:#FFFFFF;
}

#LeftNav ul {
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
}

#LeftNav ul li {
}

#LeftNav ul li a {
text-decoration:none;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:5px 0 5px 5px;
margin:0;
display:block;
}

#LeftNav ul li a:hover {
color:#EF1209;
}

#LeftNav ul li ul li a {
padding:5px 0 5px 13px;
font-size:12px;
}

#LeftNav ul li a.nav_selected {
background-color:#b1a781;
color:#FFFFFF;
}

#LeftNav .submenu li a.nav_selected, #LeftNav .submenu li a:hover {
	background-image:url(../images/bullet-white.png);
	background-repeat:no-repeat;
	background-position:top left;
	/*margin-left:3px;
	margin-right:3px;*/
}

#LeftNav .submenu li a{
	padding-left:23px;
}

/*#TopNav ul li a.current_sel{
color:#FFFFFF;
background-color:#999999;
}*/


.side_links, .side_links li{
display:block;
margin:0px !important;
padding:0px !important;
	
}
.side_links li a{
color:#ffe8a0 !important;
font-size:17px !important;
}

.side_links li a:hover{
color:#FFFFFF !important;
}

.sidebar ul {
list-style:none;
}

#RightNav {
position:relative;
float:left;
width:246px;
margin:0;
padding:0;
}

/* --- Container that holds the main content --- */
#Content {
position:relative;
float:left;
width: 700px;
padding:0 20px 0px 20px;
background-color:#FFFFFF;
margin:-190px 0 0 0;

}

#Content.homecontent {
	margin:25px 0 0 0;
	z-index:1;
}

/* --- Container for footer stuff --- */
#Footer {
position:relative;
float:left;
width:940px;
height:75px;
text-align:center;
padding:80px 30px 5px 30px;
font-size:11px;
color:#FFFFFF;
background-image:url(../images/bottom.jpg);
background-repeat:no-repeat;
}

/* --- General text styles --- */
h1 {
color:#525252;
font-size:22px;
padding:0 0 5px 0;
}

h2 {
color:#525252;
font-size:18px;
font-weight:bold;
}

h3 {
font-size:16px;
font-style:italic;
}

a {
text-decoration:none;
color:#000000;
font-weight:bold;
}

a:hover {
color:#EE1109;
}

a.productmore {
color:#999999;
font-weight:normal;
}

#topcontentlink {
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin:0 0 15px 0;
}

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */
/*#TopNav {
position:relative;
float:right;
padding:0;
margin:32px 5px 0 0;
overflow:visible;
width:630px;
}

#TopNav ul {
position:relative;
float:right;
padding:0;
margin:0;
list-style:none;
}

#TopNav li {
position:relative;
float:left;
padding:0;
margin:0;
}

#TopNav li a {
padding:3px 20px 3px 4px;
margin:0 2px 0 2px;
font-size: 12px;
color: #FFFFFF;
text-decoration:none;
background-color:#c0c0c0;
border:#c0c0c0 1px solid;
font-weight:normal;
}

#TopNav li a:hover {
color:#c0c0c0;
background-color:#EEEEEE;
}*/



/* --- Footer Styles --- */
#FooterLinks {
display:block;
clear:both;
margin:0 0 10px 0;
}

#FooterLinks a {
color:#FFFFFF;
text-decoration:none;
margin:0 7px 0 7px;
}

#FooterLinks a:hover, #FooterLinks a.current_sel{
text-decoration:underline;
}

#CompanyInfo {
display:block;
clear:both;
}

#bkr_footer {
display:block;
clear:both;
}

#bkr_footer a {
color:#FFFFFF;
text-decoration:none;
}

#bkr_footer a:hover {
text-decoration:underline;
}

.topnav{
padding-top:15px;
}

#BottomContent img.bottomlogo {
position:relative;
float:left;
margin:0 70px 10px 40px;
}

#BottomContent {
position:relative;
float:left;
width:898px;
margin:10px 0 0 0;
}

#BottomContent a {
display:block;
text-align:center;
margin:10px 0 0 0;
}

#LeftNav .submenu li{
	background-image:url(../images/bullet-yellow.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#WhyLink {
position:relative;
float:left;
width:213px;
font-size:16px;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:10px 10px 10px 10px;
background-color:#988A41;
margin:0 0 10px 0;
color:#FFFFFF;
border:#235123 2px solid;
}

#Related {
position:relative;
float:left;
width:237px;
list-style:none;
padding:0;
margin:10px 0 10px 0;
}

#Related li a {
font-size:12px;
}

#Related li.heading {
font-size:16px;
font-weight:bold;
}

/* --- Styling for header flash block --- */
#Hdr_flash {
position:absolute;
/*float:left;*/
left:25px;
top:140px;
width:165px;
height:70px;
margin:3px 0 0 0;
}

/* --- Styles for What's New Page listing --- */
#WN_Listing {
position:relative;
float:left;
margin:0;
padding:0 5px 0 5px;
list-style:none;
width:249px;
border-right:#CCCCCC 1px solid;
}

#WN_Listing li {
margin:0 0 20px 0;
}

/* --- For Content on What's New page --- */
#Content2 {
position:relative;
float:left;
width:410px;
padding:0 15px 0 15px;
margin:0;
}

/* --- New non-flash slideshow styles --- */
/*#HomeSlideShowContainer {
	position:relative;
	float:right;
	width:700px;
	border:#666666 1px solid;
	margin:55px 10px 10px 0;
	padding:0;
	z-index:10;
}

#HomeSlideShowContainer ul {
	position:relative;
	float:left;
	width:300px;
	list-style:none;
	margin:0;
	padding:0;
}

#HomeSlideShowContainer ul li {
	width:300px;
	margin:0;
	padding:0;
	position:absolute;  
	left:0;
	right:0;
	top:0;
}


#HomeSlideShowContainer ul li.show {
z-index:500;
}

#HomeSlideShowContainer ul li img {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#SlideShowTxt {
	position:relative;
	float:left;
	width:170px;
	height:190px;
	background-color:#CCCCCC;
	font-size:11px;
	padding:5px 5px 5px 5px;
}

#SlideShowTxt h2 {
	font-size:16px;
	margin:0;
	padding:0;
}

#SlideShowTxt p {
	margin:4px 0 0 0;
	padding:0;
}

#slideshow-caption h3 {
	position:relative;
	float:right;
	margin:5px 10px 0 0;
	font-size:18px;
	font-style:normal;
	color:#999999;
	width:200px;
	text-align:center;
}*/