body {
background:url(./images/topbar.jpg) no-repeat top center #fcfcf8;
color:#3b3b3b;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:11px;
}

a {
color: #073160;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#page {
width:884px;
display:block;
margin:auto;
text-align: left;
background: url(./images/page.png) repeat-y top left;
}

#page.home {
background: url(./images/pagehome_top.png) no-repeat left 173px;
}


#topbar {
height:55px;
display:block;
position:relative;
overflow: hidden;
background:url(./images/topbar.jpg) no-repeat top center #fcfcf8;
}

#topbar .logoclick {
display:block;
width:150px;
height:65px;
position:absolute;
top:0px;
right:0px;
}

ul#topnav {
display:block;
float:left;
height:27px;
overflow: hidden;
margin:15px 10px 0 0;
padding:0 0 0 10px;
}

ul#topnav li {
display:block;
float:left;
height:27px;
position:relative;
}

ul#topnav li a {
display:block;
text-indent: -9999px;
float:left;
height:27px;
background: url(./images/topnav.jpg) no-repeat;
}

ul#topnav li.a, ul#topnav li.a a {
width:64px;
background-position: 0px 0px;
}

ul#topnav li.a a:hover {
background-position: 0px -27px;
}

ul#topnav li.b, ul#topnav li.b a {
width:147px;
background-position:  -64px 0px;
}

ul#topnav li.b a:hover {
background-position:  -64px -27px;
}

ul#topnav li.c, ul#topnav li.c a {
width:112px;
background-position:  -211px 0px;
}

ul#topnav li.c a:hover {
background-position:  -211px -27px;
}

ul#topnav li.d, ul#topnav li.d a {
width:98px;
background-position: -323px 0px;
}

ul#topnav li.d a:hover {
width:98px;
background-position: -323px -27px;
}

ul#topnav li.e, ul#topnav li.e a {
width:52px;
background-position: -421px 0px;
}

ul#topnav li.e a:hover {
width:52px;
background-position: -421px -27px;
}

ul#topnav li a {
display:block;
}

ul#topnav li a .hover {
display:none;
top:0px;
left:0px;
position:absolute;
}

#header {
height:120px;
display:block;
background: url(./images/header.jpg) no-repeat center bottom;
position:relative;
z-index:1000;
}

#social-link-1 {
	position: absolute;
	top: 21px;
	left: 713px;
	width: 144px;
	height: 45px;
	background-color: transparent;
	border: none;
}
		
#social-link-2 { 
		position: absolute; 
		top: 25px; 
		left: 785px; 
		width: 35px; 
		height: 35px; 
		background-color: transparent; 
		border: none; }
		
#social-link-3 { 
		position: absolute; 
		top: 25px; 
		left: 825px; 
		width: 35px; 
		height: 35px; 
		background-color: transparent; 
		border: none; }

#header.home {
background: url(./images/header.jpg) bottom;
}

#header h1 {
display:block;
position:absolute;
top:20px;
left:10px;
height:92px;
width:154px;
}

#header h1 a {
display:block;
margin:0px 0 0 15px;
}

ul#nav {
width:697px;
display:block;
background: url(./images/nav.jpg) no-repeat top left;
float:right;
padding:0 0 0 5px;
margin:77px 11px 0 0px;
}

ul#nav li {
display:block;
float:left;
position:relative;
}

ul#nav li a .hover, ul#nav li a .active {
display:none;
position:absolute;
top:0px;
left:0px;
}

ul#nav li a .active {
z-index: 3000;
}

ul#nav ul {
display:none;
width:216px;
padding:0 0 0 0;
position:absolute;
top:34px;
left:-18px;
z-index:2000;
}

ul#nav ul li {
display:block;
float:none;
clear:both;
margin:0px;
padding:0px;
height:36px;
overflow: hidden;
position:relative;
text-align: center;
}

ul#nav ul li a {
float:none;
margin:0px;
padding:0px;
display:block;
overflow: hidden;
}

ul#nav ul li a img {
position:absolute;
left:4px;
top:0px;
}

ul#nav ul li a .hover {
left:4px;
}

ul#nav ul.menu_a {
width:146px;
top:38px;
left:-8px;
background: none transparent;
}

ul#nav ul.menu_a li {
width:146px;
height:34px;
background: none;
}

ul#nav ul.menu_a li.b {
height:37px;
}

ul#nav ul.menu_b {
width:146px;
top:38px;
left:-8px;
background: none transparent;
}

ul#nav ul.menu_b li {
width:146px;
height:34px;
background: none;
}

ul#nav ul.menu_b li.b {
height:37px;
}

ul#nav ul.menu_c {
width:146px;
top:38px;
left:-8px;
background: none transparent;
}

ul#nav ul.menu_c li {
width:146px;
height:34px;
background: none;
}

ul#nav ul.menu_c li.b {
height:32px;
}

ul#nav ul.menu_c li.c, ul#nav ul.menu_c li.d {
height:33px;
}

ul#nav ul.menu_c li.e {
height:37px;
}

ul#nav ul.menu_e {
width:146px;
top:38px;
left:-7px;
background: none transparent;
}

ul#nav ul.menu_e li {
width:146px;
height:34px;
background: none;
}

ul#nav ul.menu_e li.b {
height:37px;
}

#flash {
display: block;
margin:0 11px 0 9px;
}

#homeboxes {
height:129px;
display:block;
width:875px;
padding:2px 0 0 9px;
margin:auto;
overflow: hidden;
background: url(./images/homeboxes_home.jpg) no-repeat;
}

#homeboxes a {
display:block;
float:left;
position:relative;
}

#homeboxes .social {
display:block;
float:left;
position:relative;
}

#homeboxes a .hover {
display:none;
position:absolute;
top:0px;
left:0px;
}

#contentcontainer {
display:block;
overflow: hidden;
background: url(./images/pageback.jpg) repeat-x bottom left #ebaf11;
margin:0 11px 0 9px;
}

#productfinder {
display:block;
width:864px;
overflow: hidden;
}

#heading {
display:block;
overflow: hidden;
height:151px;
}

#mainarea {
display:block;
background: url(./images/mainarea.png) repeat-y top left;
width:780px;
margin:0 0 0 47px;
overflow: hidden;
}

#mainarea .bottom {
background: url(./images/layout2mainareabottom.jpg) no-repeat bottom left;
padding:0 9px 8px 9px;
width:762px;
display:block;
overflow: hidden;
}

#sidebar {
width:180px;
display:block;
float:left;
padding-bottom:150px;
}

#pagenav {
background: url(./images/pagenav.jpg) repeat-y top left;
width:197px;
padding:27px 0 0 0;
display:block;
list-style: none;
}

#pagenav .titlea {
height:66px;
display:block;
overflow:hidden;
}

#pagenav .titlea img { float:left; }

#pagenav .titleb {
height:66px;
display:block;
overflow:hidden;
}

#pagenav .titleb img { float:left; }

#pagenav div {
display: block;
background: url(./images/pagenavline.jpg) no-repeat bottom left;
padding-bottom:1px;
position:relative;
}

#pagenav div a {
display:block;
height:36px;
}

#pagenav div.title {
background: none;
}

#pagenav div .hover {
display:none;
position:absolute;
top:0px;
left:0px;
}

#contentarea {
width:560px;
display:block;
float:right;
padding:27px 0 0 0;
}

#contentarea p, #contentarea h3, #contentarea ul {
	line-height:20px;
	font-size: 12px;
}

#contentarea h3 {
	font-size:14px;
	font-weight: bold;
}

#contentarea p {
	margin:0 40px 15px 0;
}

#contentarea p.small {
	font-size:11px;
}

#contentarea p.nomargin {
margin:0 0 0 0;
}

#contentarea ul {
margin:0 0 15px 15px;
list-style: disc outside;
}

.alignright {
float:right;
display:block;
}

#layout2 #contentarea {
display:block;
float:left;
width:415px;
background:url(./images/layout2contentarea.jpg) no-repeat top left;
padding:40px 0 60px 45px;
}

#layout2 #contentarea h3 {
font-size:16px;
margin:0 0 10px 0;
font-weight: normal;
}

#layout2 #sidebar {
display:block;
float:right;
width:300px;
padding:40px 0 0 0;
}

#layout2 #sidebar .imagecontainer {
text-align: center;
display:block;
}

#layout2 #sidebar img {
margin:0 0 0 0;
text-align: center;
}

#layout2 #sidebar .data {
display:block;
padding:10px 0  0 45px;
width:225px;
}

#layout2 #sidebar .data h5, h6, #layout2 #sidebar .alsoavailable h5 {
font-size:11px;
background: url(./images/linehr.jpg) no-repeat bottom left;
margin:0 0 0 0;
padding:0 0 4px 0;
}

#layout2 #sidebar .data p, #layout2 #sidebar .alsoavailable p {
margin:0 0 20px 0;
line-height:17px;
}

#layout2 #sidebar .data {
display:block;
padding:10px 0  0 45px;
width:225px;
}

#sidebar .alsoavailable {
display: block;
overflow: hidden;
position: relative;
margin:40px 0 120px 45px;
width:225px;
padding:0 0 0 0;
}

#sidebar .alsoavailable .learnmore {
display: block;
position:absolute;
bottom:12px;
left:0px;
z-index: 0;
background: url(./images/alsoavailablelearnmorebutton.png) no-repeat;
width:207px;
height:22px;
}

#sidebar .alsoavailable img {
float:left;
margin: 0px!important;
position: relative;
z-index: 10;
}

#sidebar .alsoavailable .text {
float:left;
display: block;
width:130px;
}

#sidebar .alsoavailable .textb {
float:left;
display: block;
width:100px;
}

#sidebar .alsoavailable .text p { margin: 0px!important; }

#sidebar .alsoavailable h4 {
display: block;
}

#footer {
display:block;
background: #fcfcf8;
width:864px;
overflow: hidden;
padding:5px 10px 15px 10px;
}

#footer a.facebook {
display:block;
width:66px;
height:18px;
float:right;
margin:8px 0 0 0;
background: url(./images/facebooklink.jpg) no-repeat;
}

#footer img {
float:left;
display: block;
}

#footer p {
float:left;
display: block;
margin:0 0 0 15px;
line-height:14px;
font-size:9px;
color: #3b3b3b;
}

#footer a, #footer p span, #footer p span a {
color: #3b3b3b;
}

#pagenav li.title {
height:65px;
}

.contactcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #555555;
	
}

.white
	{ 
	color: #fff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;  
	padding: 3px;
	}
	
.white a
	{ 
	color: #fff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;  
	padding: 3px;
	}
	
.bluecell
	{ 
	background-color: #ff0000; 
	
	}
	
	.blue {
	font-size: 16px;
	line-height: 15pt;
}

.copy {
	font-size: 12px;
	line-height: 13pt;
}

           
   /* Videos */
   
   #videos {
   	width: 379px;
   	background: #000;
	}	
		.videos-for-ie { display: none; }
		.video_switch {
			overflow: hidden;
			clear: both;
			padding: 20px 0 0 0;
		}
			.video_switch div {
				float: left;
				display: block;
				width: 122px;
				overflow: hidden;
				margin: 0 7px 7px 0;
			}
				.video_switch div img {
					float: left;
					display: block;
					width: 122px;
					height: auto;
					border-radius: 6px;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					cursor: pointer;
				}	
				.video_switch div .video_source { display: none; }