/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html, body, p, .text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #4a4a4a; }

html, body { height: 100%; }

/* apply to body tag */
#main_body { padding: 0px; margin: 0px; background: url(../images/topBG.jpg) repeat-x #f0f0f0;}

h1 { font-size: 18px; line-height: 30px; color: #000000; font-weight: bold; margin-top: 0px; margin-bottom: 8px; }
h2 { font-size: 12px; line-height: 16px; color: #4a4a4a; font-weight: bold; margin-top: 0px; }
.title { font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; margin-top: 0px; padding:3px 10px; }
.fpTitle { font-size: 12px; line-height: 16px; color: #fff; font-weight: bold; margin-top: 0px; padding:3px 10px; background:#de0c21; border-bottom:1px solid #fff;}
.titleBottom { font-size:0; line-height:0; height:2px; background:#de0c21;}
.fpVideo { padding:10px; background: #dddddd url(../images/muleBG.gif) repeat-x left top;}
.fp { width:543px; margin:0 0 20px 0;}
.prevNext { border-top:1px solid #ccc; margin-top:40px; padding:5px 0;}

.photoright { float:right; padding:0px 0px 10px 20px;}
.photoleft { float:left; padding:0px 20px 10px 0px;}


p { margin-top: 0px; }

a:link, a:visited {
	color: #dd0c21;
	text-decoration: underline;
}
a:hover, a:active{
	color: #dd0c21;
	text-decoration: none;
}

img { border: 0px; }
form { display:inline }

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { display:block; }

/*----- TIER 2 NAVIGATION ELEMENTS -----*/
/* apply these to td */

.Tier2_Inactive { padding: 3px 3px 3px 30px; background: #ffffff url(../images/navigation/leftNav_bg.jpg) repeat-y; }

.Tier2_Active { padding: 3px 3px 3px 30px; background: #ffffff url(../images/navigation/leftNav_bg2.jpg) repeat-y; }

.Tier3_Inactive { padding: 3px 3px 3px 30px; background: #ffffff url(../images/navigation/leftNav_bg.jpg) repeat-y; }

.Tier3_Active { padding: 3px 3px 3px 30px; background: #ffffff url(../images/navigation/leftNav_bg2.jpg) repeat-y; }

.Tier2_Inactive a:link, .Tier2_Inactive a:visited /* OFF */
{ 
	color: #4f4f4f; 
	text-decoration: none; 
}

.Tier2_Inactive a:hover, .Tier2_Inactive a:active /* OFF HOVER */
{ 
	text-decoration: underline; 
}

.Tier2_Active a:link, .Tier2_Active a:visited /* ON */
{ 
	color: #ffffff; 
	text-decoration: none; 
}

.Tier2_Active a:hover, .Tier2_Active a:active /* ON HOVER */
{ }

/*----- TIER 3 NAVIGATION ELEMENTS -----*/
/* apply these to td */

.Tier3_Inactive a:link, .Tier3_Inactive a:visited /* OFF */
{
	color: #4f4f4f; 
	text-decoration: none; 
}

.Tier3_Inactive a:hover, .Tier3_Inactive a:active /* OFF HOVER */
{
	color: #4f4f4f; 
	text-decoration: underline; 
}

.Tier3_Active a:link, .Tier3_Active a:visited /* ON */
{
	color: #ffffff; 
	text-decoration: none; 
}

.Tier3_Active a:hover, .Tier3_Active a:active /* ON HOVER */
{}

/*----- FOOTER ELEMENTS -----*/

.Footer { color: #9f9f9f; font-size: 10px;}
.Footer a:link, .Footer a:visited { color: #9f9f9f; text-decoration: underline;}
.Footer a:hover, .Footer a:active { color: #9f9f9f; text-decoration: underline;}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

#homepageSearch {
	position: relative;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	top: -5px !important;
	top: -3px;
	width: 150px;
}

.req {
	color: #DD0C21;
}

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: -2px -4px; margin-top: 10px; padding-left: 12px; margin-bottom:9px;margin-top:0px; line-height:12px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 5px; margin-left: 12px; margin-bottom:9px;margin-top:0px; line-height:12px; }

.home-products a:link, .home-products a:visited {
	display:block;
	width: 195px;
	padding: 2px 20px 2px 23px;
	text-decoration:none;
	color:#4a4a4a;
	background: #FFFFFF url(../images/bullet.gif) no-repeat 5px 1px;
}
.home-products a:hover, .home-products a:active {
	text-decoration:none;
	color:#fff;
	background: #c3c3c3 url(../images/bullet.gif) no-repeat 5px 1px;
}
hr {
	height:0px;
	border-top:1px solid #ccc;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-bottom:0px;
	margin: 5px 0px 4px 0px !important; margin: 0px 0px 0px 0px;
}

#breadcrumb { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 0 5px 0; margin:5px 0 15px 0;}

.productTitle { padding:2px 20px 2px 10px; border-bottom:2px solid #f4f4f4; background:#e7e7e7 url(../images/products/title_bg.gif) no-repeat 0 0;}
.productTitle h1 { margin:0;}
.productImage { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.productContent { padding:10px 15px 10px 12px; background:url(../images/products/content_bg.gif) repeat-x center top; margin-bottom:20px; }
.productContent ul { margin-top: 20px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
.productContent ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px -1px; margin-top: 10px; padding-left: 20px; margin-bottom:9px;margin-top:0px; line-height:17px; }
.productContent ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
.productContent ul li ul li { background-image: url(../images/bullet.gif); font-size:11px; line-height:17px; background-repeat: no-repeat; background-position: 0px -1px; padding-left: 20px; margin-left: 12px; margin-bottom:9px;margin-top:0px; line-height:17px; }
.distributors { width:317px; padding:8px 20px 8px 18px; float:left; margin: 0 10px 15px 0; background:#f3f3f3 url(../images/products/authorized_distributors_bg.gif) repeat-x center top; border-bottom:1px solid #dbdbdb; border-top:1px solid #e8e8e8;  }
.distributors h3 { color:#4a4a4a; font-size:14px; line-height:18px; margin:0 0 3px 0;}
.description { padding:10px 20px 10px 15px; background:#7f7f7f url(../images/products/bottom_bg.gif) no-repeat 0 0; color:#e5e5e5; font-size:12px; line-height:20px; }
.description b { text-transform:uppercase; color:#fff;}
.descriptionBottom { border-bottom:2px solid #7f7f7f; background:#fff; height:1px; font-size:0; line-height:0; margin-bottom:20px;}

.specialFeatures {background:#dddddd url(../images/muleBG.gif) repeat-x left top; width:295px; padding: 10px 10px 0px 10px;}
.specialFeatures h2 { font-size:15px; font-weight:bold; color:#de0c21; margin-bottom:8px;}
.specialFeatures ul { margin-top: 0px; padding-left: 0px; margin-left: 10px; list-style-type: none; font-weight:bold; font-size:11px; line-height:11px; }
.specialFeatures ul li { background-image: url(../images/features_bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-top: 0px; padding-left: 10px; }
.specialFeatures ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
.specialFeatures ul li ul li { background-image: url(../images/features_bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 10px; margin-left: 5px; }