/* -=-==--=--=-==-=-=-=-=--=-=-=-=-
 *  
 *		 Customer - FacID
 *		 Written: MM-DD-YYYY
 * 	 Author: Builder Name
 *
 *
 --=-==--=--=-==-=-=-=-=--=-=-=-=- */
 /* =--=-=-=-=--=-=-=-= Main Structure =-=-=-=--=--=-=-=-= */
html{
	text-align: center;
	background-color: #4B9ECE;
	color: #333;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body{
	padding: 0;
	margin: 0;
}
#main {
	width: 758px;
	margin: 0px auto;
	text-align: center;
	background-color: #fff;
	background-position: left;
	border: 1px solid #fff;
}
#accountNav{
	margin: 0px auto 0px auto;
	width: 758px;
	color: #000;
	position: relative;
	height: 50px;
	line-height: 29px;
	z-index: 4;
	background-image: url(../images/50belowgo.jpg);
	background-position: center left;
	background-repeat: no-repeat;
}


#header{
	background-image: url(../images/header.jpg);
	width: 758px;
	height: 100px;
	background-color: #ccc;
	position: relative;
}
#primeNav{
	clear:both;
	height: 30px;
	position: relative;
	background-color: #000;
	z-index: 10;
	border-bottom: 1px solid #fff;
}


#content{
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 387px;
	height: auto !important;
	height: 387px;
	position: relative;
	text-align: left;
	margin: 0;
}
.index #footer{
	height: 118px;	
	position: relative;
	background-color: #000;
}
#footer{
	border-top: 1px solid #fff;
	background-color: #000;
	height: 20px;
	clear:both;
}
#footer div{
	position: absolute;
	top: 9px;
	height: 105px;
}
#footer_01{
	background-image: url(../images/homehero_1.gif);
	left: 3px;
	width: 198px;
}
#footer_02{
	background-image: url(../images/homehero_2.gif);
	left: 205px;
	width: 198px;
}
#footer_03{
	background-image: url(../images/home_hero_3.gif);
	left: 408px;
	width: 197px;
}
#footer_04{
	background-image: url(../images/homehero_drc.gif);
	right: 3px;
	width: 146px;
	cursor: pointer;
}
#flashSlideshow{
	position: aboslute;
	top: 0;
	left: 0;
}
#ecomm_indexContent{
	position: absolute;
	width: 470px;
	height: 204px;
	top: 21px;
	left: 27px;
}
#ecomm_indexContent .ecomm_asset{
	margin: 10px;
}

#quickLooks a{
	height: 83px;
	display: block;
	width: 83px;
}

#quickLooks a:hover{
	background-image: url(../images/quicklook.gif);
	background-repeat: no-repeat;
	border: 1px solid #a00;
	
}

/* =--=-=-=-=--=--=-=-=-= Top Nav =--=-=-=-=--=--=-=-=-= */
#ecomm_shopNav{
	padding: 0px 0 0 0px;
	height: 20px;
	line-height: 20px;
	bottom: 15px;
	clear: both;
	text-align: right;
	text-transform: capitalize;
	position: absolute;
	right: 0px;
}
#ecomm_shopNavLinks{
	text-align: right;
	font-size: 10px;
	width: 200px;
}
#ecomm_shopNavLinks a:link, #ecomm_shopNavLinks a:visited,
#ecomm_shopNavLinks a:active{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	
}
.ecomm_shopNavLink{
	margin-left: 2px;
	color: #fff;
}
#ecomm_shopNavLinks a:hover{
	text-decoration: none;
	color: #333;
}

/* =-> Search Bar <-= */

#ecomm_SearchProducts{
	position: absolute;
	right: 10px;
	top: 4px;
	width: 200px;
	padding: 0;
	line-height: 20px;
	height: 20px;
}

.ecomm_shopNavSearchBarLabel{
	position: absolute;
	left: 8px;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
}



#searchButton, #searchButton.searchButton_off{
	position: absolute;
	top: 2px;
	right: 0px;
	font-size: 10px;
	font-weight: normal;
	background-color: #aaa;
	color: #FFF !important;
	border: 1px solid #000;
	height: 17px;
	width: 35px;
	text-align: center;
	cursor: pointer;
}
/*=> Rollover State */
#searchButton.searchButton_on, .searchButton_on{
	background-image: url(../images/go_on.gif) !important;
	background-color: #797979
}
#searchProducts {
	font-size: 10px;
	background-color: #fff;
	border: 1px solid #333;
	width: 100px;
	height: 13px;
	color: #302D24;
	position: absolute;
	top: 2px;
	left: 56px;
}

/* =--=-=-=-=--=--=-=-=-= Primary Nav =--=-=-=-=--=--=-=-=-= */
#primeNav .nav{
	position: absolute;
	right: 20px;
	top: 7px;
	z-index: 10;
	color: #fff;
}
#primeNav .navItem{

}
#ecms_primeNav .navSeperator{
	margin: 0 12px;

	font-size: 11px;
}
.navItemLink:active, .navItemLink:link, .navItemLink:visited{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.navItemLink:hover{
	color: #4B9ECE;
	text-decoration: none;
}

/* =-> Second Tier <-= */
/* ===> .navSub = ul, .navSubItem = li */
#ecms_primeNav .nav .navItem .navSub{
	top:12px !important;
	left: 2px !important;
	line-height: normal;
	background-color:#333;
	border: 0px solid #000;
	padding: 0 !important;
	width: 150px;
	z-index: -20;
	display: none !important;
}
#ecms_primeNav .nav .navItem .navSub .navSubItem{
	margin:1px;
	padding: 0px !important;
	text-align:left;
	background-color: #CCC;
}

.navSubItemLink:active, .navSubItemLink:visited, .navSubItemLink:link{
	font-weight: normal;
	line-height: 14px;
	font-size: 95%;
	padding: 2px;
	margin: 0 !important;
	color: #333;
	text-decoration: none;
	width: 144px;
	display: block;	
}
.navSubItemLink:hover{
	color: #fff;
	background-color: #999;
}
/* =--=-=-=-=--=--=-=-=-= Content =--=-=-=-=--=--=-=-=-= */
p, .ecomm_asset{
	margin-bottom: 1em;
}
p{ 
	line-height: 110%;
}
.imgborder, .imgborder-left, .imgborder-right, .imgborderleft, .imgborderright{
	border: 1px solid #666;	
}
.imgborder-left, .imgborderleft{
	margin-right: 5px;
	float: left;
}
.imgborder-right, .imgborderright{
	margin-left: 5px;
	float: right;
}
a:link, a:visited, a:active {
	color: #2E7BA7;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
.ecomm_assetTitle, .assetTitle{
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
h2.assetTitle{
	font-size: 100%;
}
.assetSubTitle{
	font-size: 100%;
}
#ecomm_pageTitle, .ecomm_formSectionHeader{
	background-color: #F8FAFC;
	padding: 1px 5px;
	color: #333;
	margin: .5em 0 1em 0;
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 11px;
}
#ecomm_pageTitle a:link, #ecomm_pageTitle a:active, #ecomm_pageTitle a:visited{
	color: #fff;
}
#ecomm_pageTitle a:hover{
	color: #F7E300;
}
#ecomm_policyNav{
	clear:both;
	margin: 2em 5px 0 0;
	display: none;
}

/* =-=-=--=--=-=-=-= Crumb Nav =--=-=--=--=-=--= */
.ecms_crumbNav{
	text-align: right;
	color: #333;
	font-size: 7pt;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ecms_crumbNav a:link, .ecms_crumbNav a:active, .ecms_crumbNav a:visited{
	color: #666;
}
.ecms_crumbNav a:hover{
	color: #000;
	text-decoration: underline;
}



#ecomm_main{
	width: 758px;
	margin: 0;
	padding: 0;
}

#ecomm_fullContent{
	padding-top: 15px;
	width: 738px;
	margin: 0 auto;
	padding-bottom: 0;
}
/*------------------------  Design Options  --------------------------*/
#designOptionsLeft{
	width: 282px;
	height: 350px;
	background-image: url(../images/design_options_bg.gif);
	margin-top: 20px;
	float: left;
}
#designOptionsRight{
	width: 430px;
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}
#designOptionsLeftText{
	padding: 10px 20px 0px 0px;
}
#designOptionsRightText{
	padding: 10px 20px 5px 0px;
}
#designOptionsRight td{
	color: #7B7B7B;
	text-align: center;
	width: 110px;
	vertical-align: top;
}
#designOptionsRight table{
	background-color: #F6F6F6;
	margin-bottom: 0.5em;
	border: 1px solid #95B2BF;
}
#designOptionsRight table img{
	border: 1px solid #aaa;
	display: block;
	margin: 2px auto 1px auto;
	width: 83px;
	font-size: 0px;
}
#designOptionsRight th{
	background-color: #95B2BF;
	color: #fff;
	text-align: left;
	padding: 0px 5px;

}
#templateControl{
	width: 83px;
	height: 115px;
	padding: 0px 18px 0px 0px;
	text-align: center;
	color: #7B7B7B;
	float: left;
}
#templateControl2{
	width: 83px;
	height: 94px;
	padding: 21px 18px 0px 0px;
	text-align: center;
	color: #7B7B7B;
	float: left;
}
#templateTitle{
	font-weight: bold;
	color: #000000;
	padding: 0px 0px 5px 0px;
	width: 83px;
	text-align: left;
	
}

/*--------------------- Solutions ----------------------*/

#packagesBg{
	background-image: url(../images/packages_bg.jpg);
	background-repeat: no-reapeat;
	height: 261px; 
	width: 737px;
	font-size: 85%;
}
#packText{
	padding: 67px 0px 0px 7px;
	width: 141px;
	float: left;
	line-height: 11pt;
	color: #000000;
}
#packText a:link, #packText a:visited, #packText a:active,
#packTextLast a:link, #packTextLast a:visited, #packTextLast a:active{
	text-decoration: none;
	color: #000000;
}
#packTextLast a:hover, #packText a:hover{
	text-decoration: underline;
}
#packTextLast{
	padding: 67px 0px 0px 7px;
	width: 133px;
	float: left;
	line-height: 11pt;
	color: #000000;
}
/*----------------- Must-Have Features -----------------------*/

#featureItem{
	font-weight: bold;
	float: left;
	width: 130px;
	padding: 15px 0px 0px 0px;
	color: #2287B5;
	text-align: center;
}
#featureDiscription{
	font-weight: normal;
	margin-left: 140px;
	margin-bottom: 18px;
	Min-height: 45px;
	padding-left: 5px;
	width: 590px;
	border-left: 3px solid #E0E0E0;	
}
/*-------------------- Help -----------------------*/

#helpQuestion{
	margin-top: 10px;
	margin-left: 13px;
	text-decoration: underline;
	display: block;
}
#helpAnswer{
	margin-top: 20px;
	color: black;
	text-decoration: none;	
}
#helpQ{
	margin: 20px 0px 5px 0px;
	color: black;
	text-decoration: none;
	font-weight: bold;	
}
#helpQ a:hover{
	color: black;
	text-decoration: none;
}
/*------------- Events -------------*/
.events{
	background-image: url(../images/events_bg.jpg);
	background-repeat: no-repeat;
	height: 257px;
	width: 440px;
	padding: 28px 0px 0px 16px;
	margin: 8px 0px 0px 0px;
}
.eventTitle{
	font-weight: bold;
}
.eventDetails{
	padding-left: 7px;
	color: #6B6B6B;
}

/*--------  TESTIMONIALS ----------*/
#testimonial{
	margin: 5px 0px 15px 0px;	
}
#testimonialAddress{
	line-height: 8pt;
	color: #909090;
	font-size: 7pt;
	margin: 8px 0px 20px 0px;	
}
#testimonialAddress a:link, #testimonialAddress a:active, #testimonialAddress a:visited{
	color: #2287B5;
	text-decoration: none;
}
#testimonialAddress a:hover{
	text-decoration: underline;
}
/*-------------- DRC -------------------*/

#drc_content{
	clear:both;
	background-image: url(../images/pagesplitter.gif);
	background-repeat: no-repeat;
	background-position: 180px 0px;
}
#drc_leftnav{
	width: 180px;
	float: left;
}
#drc_leftnav a:link, #drc_leftnav a:active, #drc_leftnav a:visited, #drc_leftnav a{
	cursor: pointer;
	color: #666;
	text-decoration: none;
}
#drc_leftnav a:hover{
	color: #95B2BF;
}
#drc_leftnav ul{
	padding: 0;
	margin: 0 0 2px 25px;
	list-style: square;
	color: #666;
}
#drc_leftnav h3, #drc_rightcontent h4{
	margin: 0.5em 0;
	font-size: 12px;
}
#drc_rightcontent{
	float: left;
	width: 530px;
	margin-left: 20px;
}
.drc_subcontent{
	display:none;
}
.drc_subcontent_on{
	
}

.drc_subcontent td{
	color: #7B7B7B;
	vertical-align: top;
	width: 120px;
	text-align: center;	
}
.drc_subcontent table{
	background-color: #F6F6F6;
	margin-bottom: 0.5em;
	border: 1px solid #95B2BF;
	width: 535px;
}
.drc_subcontent table h4{
	color: #343434;
	font-size: 11px;
	font-weight: bold;
	margin: .25em 0 .25em 0px;
	text-align: left;
	background-color: #E5ECEF;
	padding: 1px 5px;
	width: 240px;
}
.drc_subcontent table h5{
	color: #343434;
	font-size: 11px;
	font-weight: bold;
	margin: .25em 0 .25em 0px;
	text-align: left;
}
.drc_subcontent table img{
	border: 1px solid #aaa;
	display: block;
	margin: 2px auto 1px auto;
	width: 83px;
	font-size: 0px;
}
.drc_subcontent th{
	background-color: #95B2BF;
	color: #fff;
	text-align: left;
	padding: 0px 5px;

}
.drc_subcontent .parts_thumb_td{


}
.drc_subcontent a:link, .drc_subcontent a:active, .drc_subcontent a:visited, .drc_subcontent a{
	color: #7B7B7B;
	text-decoration: none;
}

.drc_subcontent a:hover{
	color: #000;
	text-decoration: none;	
}
.drc_subcontent a:hover img{
	border-color: #000;
}

.ecomm_content_webcart {  width: 540px !important;  margin-left:auto !important; margin-right:15px !important;}

#ecom_leftCart { width: 140px !important; left: 5px !important; top: 20px !important; }


/*--------------------- Solutions 6/07 ----------------------*/

#packagesTable{
	background-color: #D1D1D1;
	border: 1px solid #304258;
	width: 100%;

}
#packagesTable th{
	background-color: #3468A8;
	border: 1px solid #343536;
	color: #fff;
	font-size: 100%;
	padding: 2px;
	text-align: center !important;
}
#packagesTable th a:link, #packagesTable th a:active, #packagesTable th a:visited{
	color: #fff;
	text-decoration: none;
}
#packagesTable th a:hover{
	color: #FFFF33;
}
#packagesTable td{

	background-color: #FEFEFE;;
	border: 1px solid #9F9F9F;
	color: #333;
	text-align: center;
	font-size: 100%;
}
#packagesTable td strong{
	float: left;
	padding-left: 5px;
	white-space: nowrap;
	padding-right: 1px;
}
.price th{
		background-color: #646769 !important;
}
.free{
	color: #FF0 !important;
}

