/* CSS Document */

* {margin:0; padding:0; font-size:100%;}

body{ background: url(../_img/body_bg.jpg) #171411 top repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 auto;}
#wrapper{ background: url(../_img/flash_bg.jpg) no-repeat top; top:86px; margin:0px auto; text-align:center; }
#container{ width:1000px; margin: 0px auto; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;line-height: 1.4em;color:#FFFFFF; border:0px solid #FF6600;}


img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:1.4em;
		color: #666666;
	}

.textBox{ }
input, select { vertical-align:middle; font-weight:normal;}
a {color:#717171;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */
li { background:url(../_img/list-bg.gif) no-repeat 0 8px; padding-left:0px; line-height:2.083em;}
.link {background:url(../_img/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}
h1 {font-size:16px; color: #333333; letter-spacing:1px; font-weight:normal;}
h2 {font-size:14px; color: #333333; letter-spacing:1px; font-weight:normal;}
h3 {color:#006699; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:0px; padding:0px 0px 0px 0px;}
cite {font-style:normal;}

.header{ height:86px;}
.logo{ margin:13px 0px 0px 20px;}
.menu{ height:32px; width:1000px; background:url(../_img/menu_bg.jpg) repeat-x;}
.menuItem{}
.menuItem a{}
.menuItem a:hover{}
.menuItemActive{}

.menuOn{ background:url(../_img/menu_on_bg.jpg) repeat-x;}
.menuSep{ vertical-align:middle;}
.homeBullet{ vertical-align:middle;}
.errorCode{ color:#FF0000; padding:10px;}
/*
ul { list-style:none;}
li { background:url(../_img/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:1.70em;}
.menu {border-bottom:0px solid #000000; width:100%; overflow:hidden; background:url(../_img/menu_bg.jpg) repeat-x;  height:31px; padding:1px 0px 0px 0px;}
.menu li {float:left; width:180px; padding:0; text-align:center; background:url(../_img/menu_bg.jpg top right repeat-x; padding-right:1px;}
.menu li a {color:#ffffff; text-decoration:none; background:url(../_img/menu_off_bg.jpg) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color: #333333; background:url(../_img/menu_on_bg.jpg) top repeat-x;}
.menu .active a {color: #666666; background:url(../_img/menu_on_bg.jpg) top repeat-x;}
.menu .last {background:none; padding:0; width:165px;}
.menu .last2 {background:none; padding:0; width:165px; color:#ababab; }
*/


.flash{ height:370px; border:0px solid #00CC00;}
.flashRight{ float:right; width:353px;}
.flashLeft{ float:left; width:647px;}
.featureTop{ height:8px; line-height:1px;}
.featureBox{ background:url(../_img/feature_bg.jpg) no-repeat; height:108px;}
.featureLeft{ width:100px; float:left;}
.featureRight{ width:245px; float:right;}
.featureImg{ margin:14px 0px 0px 15px;}
.featureTitle{ font-size:12px; font-weight:bold; padding: 5px 0px 0px 0px;}
.fetureText{ padding:0px 0px 0px 0px; width:225px; font-size:11px;}
.featureLink{padding:0px 0px 0px 0px; color: #FF9900;font-size:11px;}
.featureLink a{ color:#FF9900; text-decoration:none;}
.featureLink a:hover{ color:#FFFFFF;}
.featureBottom{}

.didyouknow{ background:url(../_img/did_you_know.jpg) no-repeat; height:34px;}
.shadowHome{ background:url(../_img/shadow_home.jpg) no-repeat; height:8px; line-height:1px; margin:0px; padding:0px; font-size:0px;}
.shadowSub{ background: url(../_img/shadow_sub.jpg) no-repeat; height:8px; line-height:1px; margin:0px; padding:0px; font-size:0px;}

.subPageImage{ float:right; margin: 0px 20px 20px 20px; border:1px solid #666666;}

.homeDYK{ text-align:right; padding: 5px 5px 0px 0px;}

.content{ background:#FFFFFF; color:#4E5B60;}
.contentSub{ background:#FFFFFF; color:#4E5B60; min-height:500px; height:auto !important; height:500px;} 
.contentLeft{ float:left;width:647px; background:#FFFFFF; }
.contentRight{ float:right;width:353px;background:#FFFFFF; }
.contentContainer{ padding: 15px 20px 20px 20px; background:#FFFFFF;}
.contentHeadline{ font-size:14px; padding: 0px 0px 10px 0px; font-weight:bold;}
.contentText{}
.contentSubWrapper{ margin:0; background:#FFFFFF;}
.subSpacer{ height:0px;}

.subLeft{ float:left; width:420px; border:0px solid #FF0000;}
.subRight{ float:right; width:500px;  border:0px solid #FF0000;}

.badgeBox{ float:left;padding:10px 0px 0px 30px;}
.badgeContainer{ width:238px; height:463px; background:url(../_img/badge_verified.jpg) no-repeat;}
.badgeName{ padding: 262px 0px 0px 0px; text-align:center;}
.badgeID{padding: 12px 0px 0px 0px; text-align:center;}
.IDBox{ float:right; padding:30px 30px 0px 20px; width:630px;}
.subImageBox{ border:0px solid #FF9900; padding:30px 550px 100px 30px; line-height:20px; margin: 0px 30px 0px 0px;}

.repImageContainer{}
.repImage{ margin:10px; border:1px solid #666666;}
.repImageBox{ background:#CCCCCC; border: 1px solid #999999; float:right; margin: 20px 30px 0px 0px;}

.newsBox{ padding:30px 20px 20px 20px;}
.newsImageContainer{ float:left;  background:#CCCCCC; border: 1px solid #999999;}
.newsImage{margin:10px; border:1px solid #666666;}
.newsTextContainer{ float:right; width:690px;}
.newsHeadline{ padding:10px 0px 0px 0px;}
.newsText{}
.newsLink{}

.productContainer{ padding: 20px 0px 0px 0px;}
.productLeft{ float:left; padding:0px 0px 0px 30px; width:170px;border: 0px solid #999999;}
.productRight{ float:right;padding:0px 30px 0px 0px;width:720px;border: 0px solid #999999;}
.productImage{ border:1px solid #999999;}
.monintorBox{}

.rightBox{ width:340px; background: url(../_img/right_box_bg.jpg) repeat-x #171411; color:#FFFFFF;}
.rightBox a{ color:#FF9900; text-decoration:none;}
.rightBox a:hover{ color:#CCCCCC;}
.rightBoxBottom{ background:url(../_img/right_box_bottom.jpg) no-repeat; height:7px; line-height:0px;}
.rightBoxContent{ padding: 0px 20px 20px 15px;}
.cornerTop{ background:url(../_img/corner_top.gif) no-repeat left;height:10px; line-height:0px;}
.cornerBottom{ background:url(../_img/corner_bottom.gif) no-repeat right; border:0px solid #FF9900; height:7px; line-height:0px;}
.rightInnerContent{ padding: 0px 0px 0px 10px;}

.footer{}
.footerTop{ background:url(../_img/content_bottom.gif) no-repeat; height:8px; line-height:1px; margin:0px; padding:0px; font-size:0px;;}
.footerMid{ background:url(../_img/footer_bg.jpg) repeat-x #FF7A04; height:80px; text-align:center; margin:0 auto;}
.footerBottom{ background: url(../_img/footer_bottom.gif) no-repeat; height:30px;}
.footerContent{ padding: 15px; color: #FF6600 ;}
.footerContent a{ color:#FFFFFF; padding: 0px 10px 0px 10px; text-decoration:none;}
.footerContent a:hover{ color:#333333;}
.legal{ font-size:11px; padding:5px 0px 0px 0px; color:#FFFFFF;}
.motionLink{font-size:11px; padding:0px 0px 0px 0px; color:#FFFFFF;}
.motionLink a{color:#FFFFFF; padding:0px;}
.motionLink a:hover{color: #666666;}


.submitButton{ font-size:12px; color: #666666; padding:5px 10px 5px 10px;}
.captchaImg{ border:1px solid #666666; margin:2px 0px 2px 0px;}

/* ============================= header ====================== */




















/* dropdown */



.chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/* background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 1px 0; /*     top                  */
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 0px 58px 8px 58px; /* third is placement of top dropdown box*/
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
/*background: #FFFFFF center center repeat-x;  THEME CHANGE HERE*/
color: #333333;  /* */
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0; left:0;
border: 1px solid  #34393C; /*border around dropdown box*/
border-bottom-width: 0; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
line-height:20px;
z-index:100;
background-color: #1D2022;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #34393C; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FF9900;
}
/* end dropdown */