body {
	margin: 0;
	padding: 0;
	background-image: url('/images/bg.jpg');
	background-color: #eaeaea;
	background-repeat: repeat-x;
	text-align: center;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #515456;
}

img {
	border: 0px;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 20px;
	margin: 0px 10px 5px 0px;
}

ul.products {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 20px;
}


h1 {
	color: #ed6500;
	font-size: 30px;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 34px;
	padding-top: 5px;
}

h2 {
	color: #1b2d37;
	font-size: 26px;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 30px;
}

h3 {
	color: #474e54;
	font-size: 22px;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 28px;
}

h4 {
	color: #474e54;
	font-size: 16px;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 20px;
}

b, strong {
	color: #1b2d37;
	font-weight: bold;
}

i, em {
	color: #606060;
	text-decoration: italic;
}

u {
	color: #474e54;
	text-decoration: underline;
}

a {
	color: #ed6500;
}

a:hover {
	color: #ed6500;
	text-decoration: underline;
}

/* Divs */

#wrapper { 
	width: 934px;
	margin: 0 auto;
	margin-top: 0px;
	text-align: left;
}

#container {
	width: 934px;
	height: 100%;
	margin: 0 auto;
}

/* Header */

#header {
	width: 934px;
	margin: 0 auto;
	height: 105px;
	background-color: #ffffff;
}

#header-left {
	float: left;
	margin: 0 auto;
	height: 105px;
	width: 600px;
}

#header-right {
	float: right;
	margin: 0 auto;
	height: 105px;
	width: 320px;
	text-align: right;
}

/* Navigation */

#navigation {
	width: 934px;
	margin: 0 auto;
	height: 49px;
	background-image: url('/images/nav.jpg');
	background-repeat: repeat-x;
	color: #ffffff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}

#navigation ul {
	margin: 0px;
	margin-left: 10px;
	padding: 11px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
	white-space: nowrap;
}

#navigation li {
	list-style-type: none;
	display: block;
	float: left;
	text-align: center;
	padding: 5px 15px 0px 15px;
	height: 20px;
	border-right: 1px solid #f8a100;
	margin: 0px;
}

#navigation li#last {
	border-right: none;
}

#navigation li a {
	height: 49px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation li a:hover {
	text-decoration: underline;
}

/* Flash */

#flash {
	border-bottom: 1px solid #474e54;
	width:930px;
	height: 280px;
	margin: 0 auto;
}

/* Main Content */

#main-content {
	width: 934px;
	padding-top: 10px;
	margin: 0 auto;
	background-image: url('/images/bg-content.jpg');
	background-repeat: repeat-y;
	padding-bottom: 49px;
	display: block;
	padding: 10px 20px 0px 0px;
	float: left;
}



#product-breadcrumbs {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #909090;
}

#product-breadcrumbs a {
	color: #ed6500;
	text-decoration: underline;
}

/* Sidebar */

#sidebar {
	width: 256px;
	margin: 0 auto;
	padding-left: 15px;
	padding-top: 10px;
	float: left;
}

.border {
	border-bottom: 1px dotted #dfdfdf;
	padding-top: 5px;
}

#side-container {
	width: 220px;
	padding-top: 5px;
	padding-left: 10px;
}

#side-container li {
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 36px;
	font-size: 20px;
	color: #474e54;
	list-style-type: none;
	list-style-position: outside;
}

#side-container li a {
	color: #474e54;
	text-decoration: none;
}

#side-container li a:hover {
	color: #909090;
	text-decoration: none;
}

#form {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	width: 240px;
	padding-left: 10px;
	padding-top: 10px;
}

/* Content */

#content {
	width: 645px;
	padding: 0px;
	margin: 0 auto;
	float: left;
}

/* Footer */

#footer {
	background-image: url('/images/foot2.jpg');
	background-repeat: repeat-x;
	margin: 0 auto;
	height: 260px;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 9px;
	clear: both;
	font-weight: bold;
	padding: 5px 15px;
	text-transform: uppercase;
}

#footer a {
	height: 49px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto;}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Menu
--------------------------------------------------*/

#DropMenu {
	width: 934px;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;
	height: 39px;
	background-image: url('/images/nav.jpg');
	background-repeat: repeat-x;
	color: #ffffff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

#DropMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: left;
}

#DropMenu a {
	color: #FFFFFF;
	display: block;
	/* width: 10em; */
	padding: 9px 15px;
	float: left;
	border-right: 1px solid #f8a100;
	text-decoration: none;
}

	#DropMenu li#LastMenuItem a {
		border-right: 0 none;
	}

	#DropMenu a:hover {
		text-decoration: underline !important;
	}

#DropMenu li { /* all list items */
	float: left;
	position: relative;
	/* height: 36px; */
	/* width: 10em; /* width needed or else Opera goes nuts */
}

#DropMenu li ul { /* second-level lists */
	position: absolute;
	margin-top: 25px;
	background: #FFFFFF;
	width: 230px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

	#DropMenu li ul li {
	
	}

#DropMenu li ul a {
	display: block;
	width: 200px;
	padding: 5px 15px;
	border-right: 0 none !important;
	border-bottom: 1px solid #f8a100;
	font-size: 11px;
	line-height: 14px;
}

	#DropMenu li ul a img {
		float: right;
	}
	
	#DropMenu li ul a {
		color: #EC6702;
	}
	
	#DropMenu li ul a:hover {	
		/* border-left: 1px solid #000000; */
		background: background: #f8a100;
	}
	
#DropMenu li ul ul { 
	/* third-and-above-level lists */
	/* margin: 0 0 0 230px; */
}

#DropMenu li:hover ul ul, #DropMenu li:hover ul ul ul, #DropMenu li.sfhover ul ul, #DropMenu li.sfhover ul ul ul {
	position: absolute;
	left: -999em;
}

#DropMenu li:hover ul, #DropMenu li li:hover ul, #DropMenu li li li:hover ul, #DropMenu li.sfhover ul, #DropMenu li li.sfhover ul, #DropMenu li li li.sfhover ul { 
	/* lists nested under hovered list items */
	left: 0;
}

.phone {
	font-size: 12px;
	color: #474e54;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	line-height: 1.1;
	padding: 5px 0;
	font-weight: bold;
}

img.prod-img {
	float: right;
	display: inline;
	margin: 0px 0px 20px 20px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Lead Gen Product CSS */

.product {
	width: 618px;
	float: right;	
}

.extraVideo {
	margin-top: 10px;	
}

.productHead {
	clear: both;	
}

.productImages {
	float: right;
	width: 280px;
	padding: 0 0 20px 20px;
	text-align: center;
}

.productImages .bigImage img {
	text-align: center;
}

.productImages .smallImages {
	background-color: #f0f0f0;
	margin: 10px 0;
}

.productImages .smallImages h4 {
	display: block;
	padding: 7px 10px 5px 10px;
	margin: 0;
}

.productImages .smallImages table {
	border-collapse: separate;
	border-spacing: 10px 0;
}

.productImages .smallImages td {
	vertical-align: middle;
	width: 33%;
	background-color: #ccc;
}

.productImages .smallImages .smallImagesBigger {
	padding: 5px 10px 7px 10px;
}

.productTitle {
	float: left;
	width: 450px;
	padding: 0 0 12px 0;
}

.productTitle h1 {
	margin: 0;
	padding: 0;
}

.productExtras {
	float: left;
	width: 168px;
	text-align: right;
	font-size: 16px;
	font-family: 'Myriad Pro', Tahoma, sans-serif;
	font-weight: bold;
	color: #ed6500;
}

.productExtras img {
	margin: 0 0 5px 5px;
}

.broSplit {
	clear: both;
	width: 160px;
	height: 1px;
	overflow: hidden;
	float: right;
}

.products {
	width: 619px;
	float: left;
	margin: 20px 0;
}

.productsProduct {
	margin: 0 0 20px 0;
}

.productsProduct p {
	margin: 0 0 12px 0;
}

.productsProduct h4 {
	margin: 0 0 12px 0;
}

.productImage {
	float: left;
	width: 220px;
}

.productDesc {
	float: left;
	width: 399px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
