/* CSS Document */

* {margin:0; padding:0;font-size:100%;}

body{ background:url(/images/body_bg_x.jpg) repeat-x top; text-align:center;}
img {vertical-align:top;}

ul { list-style:none;}
ol{ list-style: inside;}

.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 ====================== */


.link {background:url(/images/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}
h1 {font-size:14px; color: #333333; letter-spacing:1px; font-weight:normal;}
h2 {font-size:14px; color: #333333; letter-spacing:1px; font-weight:normal;}
h3 {font-size:12px; padding:15px 0px 0px 0px; color: #666666;}
h4 { padding:5px 0px 0px 0px; }

cite {font-style:normal;}
#wrapper { margin:0 auto; background:url(/images//body_bg.jpg) top no-repeat; }
#container{ width:950px; margin:0 auto; text-align:left;}
/* ============================= buttons ====================== */


.btnApply{ margin:20px 0px 100px 0px;}
.required{ color:#FF0000;}

/* ============================= header ====================== */


.header{  height:253px;}

.menu {height:39px; width:100%; overflow:hidden; background:url(/images/menu_bg.jpg) no-repeat; }
.menu li {float:left; width:155px; padding:0; text-align:center; background:url(/images/menuSep.jpg) top right no-repeat; padding-right:2px; line-height:2.083em; height:39px;}
.menu li a {color:#ffffff; text-decoration:none; display:block; padding:5px 0 5px 0; font-size:14px; font-weight:bold;}
.menu li a:hover {color: #CCCCCC;  }
.menu .active a {color:#ababab;  }
.menu .last {background:none; padding:0; width:155px;}
.menu .last2 {background:none; padding:0; width:165px; }



/* ============================= content ====================== */
.featureWrapper{ padding:10px 0px 0px 5px;}
.feature{ padding:10px 0px 0px 5px; height:214px; background:url(/images/feature_bg2.jpg) no-repeat;}
.subFeatures{padding:5px 0px 0px 5px;}
.subFeatureBox{ background:url(/images/subFeature_bg.jpg) no-repeat; width:310px; height:100px; float:left; margin:0px 5px 5px 0px;}
.subImgBg{ margin:13px 10px 0px 12px; float:left; border:0px solid #000000; }
.subFeatureHeadline{ font-size:14px; font-weight:bold; color:#ffffff; margin:13px 0px 0px 0px;}
.subFeatureText{ color:#FFFFFF;}
.subFeatureBtns{ padding:5px 0px 0px 0px;}
.subFeatureBtn{}

.featureLeft{ float:left; width:600px; border:0px solid #00CC00;}
.featureRight{ float:right; width:300px; border:0px solid #00CC00;}
.featureHeadline{ font-size:18px; color:#990000; padding:10px 10px 5px 10px;}
.featureText{padding:0px 20px 10px 10px;}
.featureForm{ padding:20px 25px 0px 0px;}

.contentWrapper{ padding:5px 0px 10px 5px;}
.contentLeft{ float:left; border:0px solid #009900; width:624px;}
.leftBox{ background: url(/images/box_left_bg.jpg) no-repeat; padding:10px; margin:0px 0px 10px 0px;}
.leftHeader{ background:url(/images/header_left_bg.jpg); height:30px;}
.contentRight{ float:right; border:0px solid #009900; width:315px;}
.rightHeader{ background: url(/images/header_right_bg.jpg) no-repeat; height:30px;}
.rightBox{ background:#F3F3F3; border-bottom:0px solid  #CCCCCC; width:309px; margin:0px 0px 10px 0px;}

.headerText{font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 0px 0px 10px;}

.contentImgBox{ border:1px solid #CCCCCC; background:#FFFFFF; float:left; margin:0px 5px 0px 0px;}
.contentImg{ border: 1px solid #333333; margin:5px;}

.characterBox{ width:295px; float:left; border:0px solid #333333; margin:5px 5px 5px 0px; background:none;}
.characterHeadline{ color:#333333;}
.characterText{}
.characterShield{ margin:3px 0px 0px 0px;}
.shield{}

.rightContentBox{ width:270px; float:left; border:0px solid #333333; margin:5px 5px 5px 0px; background:none;}
.follow{ text-align:center; margin:auto; padding:10px;}
.testimonials{ font-style:italic; padding:10px;}
.testimonialName{padding:5px 5px 10px 5px; text-align:right;}

.cartPad{ padding:0px 0px 0px 10px;}
.cartText{ text-align:center;}
.cartBtns{ text-align:center; padding:10px 0px 0px 10px;}
.cartBtn{ margin:5px;}

.support{ padding: 5px 10px 5px 10px; font-size:11px;}
.support2{ padding: 10px 0px 10px 0px; font-size:11px; text-align:center;}
.cartBtn2{ margin:2px;}

/* ============================= footer ====================== */
.footer{ background:url(/images/footer_bg.jpg) no-repeat top; height:165px; margin:0px 0px 15px 0px;}
.footerBox{ background: url(/images/footerSep.jpg) right no-repeat; width:190px; height:165px; float:left;}
.footerBoxLast{ width:190px; height:165px; float:left;}
.boxCont{ padding:14px;}
.footerHeadline{ font-size:14px; font-weight:bold; color:#003366; margin:0px 0px 0px 0px;}
.legal{ text-align:center; margin:auto; padding:0px 0px 10px 0px; width:950px; }
.legalSmall{ font-size:11px;}




/* dropdown */

/*
.menuWrapper{  background:url(../_img/menu_bg.jpg) no-repeat; height:44px; padding:0px 0px 0px 0px; }
.menuWrapper li{padding:0px; margin:0px; display: inline;}


.menu {padding:0px 0px 0px 10px; font-size:14px;}
.menu li {float:left;  padding:0; text-align:center; background:url(../_img/menu_sep.gif) top right  no-repeat; padding-right:0px; line-height:1.4em;}
.menu li a {color:#ffffff; text-decoration:none;  display:block; padding:8px 42px 8px 52px;;}
.menu li a:hover {color:#ffffff; background:url(../_img/menu_on.jpg) top repeat-x;}
.menu .active a {color:#ababab; background:url(../_img/menu_on.jpg) top repeat-x;}
.menu .last {background:none; }
*/


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;

top: 0; left:0;
border: 1px solid #710000; /*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: #990000;
width: 100px;
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: 0px;
border-bottom: 1px solid #710000; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #CC0000;
}
/* end dropdown */