@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:0px; color:#646464; line-height:16px; text-align:center;}
	#header , #container , #footer {text-align:left;}
img { border: 0px none; }
a { text-decoration: none; border:none; color:#646464; }

h2 { font-size: 20px; color:#555;}
h3 { font-size:13px;}
h5{font-size: 16px; padding:0px; margin:0px 0px 10px 0px;}
h4 { font-size: 13px; font-weight: normal;}

#top{ width:100%; height: 110px; background:repeat-x url(/img/top_bkg.gif); margin-left:0px; padding:0px; font-size:9px;}
#header { width: 805px; position: relative; margin: 0px auto; padding: 0px 90px 0px 18px; height: 110px; }
	#login { color:#646464; vertical-align:middle; width: 500px; float:right; margin-top: 0px; text-align:right; height: 27px; margin-right: 7px; }
		#login form{ margin: 0px; padding: 12px 0px 0px 0px; border-right:#e6e6e6 1px solid; width: 310px; float:right; display:none;}
		#login p { float: right; padding: 16px 12px 14px 0px; margin: 0px; border-right:#e6e6e6 1px solid;}
		#login form p{ border:none; padding:0px 42px 0px 0px; margin:-7px 0px 0px 0px;}
		#login a{ color:#646464;}
		#login input { background:url(/img/login_box.gif) no-repeat; width:110px; height:20px; border:none; padding: 5px 0px 0px 5px; color:#6d6f71; text-align: left; float: right; font-size:10px; margin: 0px 6px;}
		#login input#login_submit {background-repeat: no-repeat; background-position:top left; width:33px; height:27px; margin:0px 8px 0px 6px;}
		#login_btn{margin:0px 6px -3px 0px;}
	#logobox { width: 264px; height: 110px; float:left; margin: 0px 0px 0px 10px; }
		#logo { margin: 20px 0px 0px 30px; position:relative; width:195px; }
	
#middle { margin-top: 2px; width:100%; background: url(/img/middle_bkg.gif) repeat; }
	#container{ width: 794px; position: relative; margin: 0px auto; background: #ffffff url(/img/periodic.gif) top right repeat-y; padding: 14px 90px 9px 18px !important;}
	#middle_left { width: 284px; float:left;}
		.ln_home { width: 284px; height:338px; background: url(/img/leftnav_home_bkg.gif) no-repeat; float:left; font-size:11px; margin-bottom: 9px; margin-top: -5px;}
		.ln_t2 { width: 284px; height:157px; background: url(/img/leftnav_t2_bkg.gif) no-repeat; float:left; font-size:11px; margin-bottom: 12px; margin-top: -2px;}
			#leftnav ul{ list-style:none; display:list-item; float:left; margin: 9px 0px 0px 0; padding:0 0 0 0;}
			#leftnav_tab { margin: 11px 0px 0px 2px; min-height:137px; width: 220px; padding-left: 35px; padding-top:10px;}
				#leftbox_tab h3, .leftbox_tab h3, #leftnav_tab h3 { padding: 0px; margin: 0px 0px 10px 0px;}
			#leftbox_tab ol, .leftbox_tab ol, #leftnav ol, .leftnav ol { margin:9px 0 0 -25px; padding:0 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; list-style:decimal; }
			#leftnav p { margin-top: 5px; }
				#leftbox_tab ol li, .leftbox_tab ol li, #leftnav ol li, .leftnav ol li { padding:0px 0px 10px 0; margin:0; }
			.lnav_current a, .lnav_current a:hover, .lnav_current a.sfhover{ color:#646464!important; font-weight: bold;}
				h3.home_left { color: #555; font-size:13px;}
				#subtext, .subtext{ font-size:11px; font-weight: normal; color: #646464; padding:0px; margin:0px;}
				#subtext strong, .subtext strong{color:#555;}
			hr { border:none; background-color:#e6e6e6; color:#e6e6e6; height:2px; margin-top:6px; margin-bottom:-1px; clear:both; overflow:hidden;}
			div.hr { background-color:#e6e6e6; color:#e6e6e6; position:relative; height:2px; margin-top:6px; margin-bottom:-1px; clear:both; width:100%; overflow:hidden;}
			#leftbox_middle {background: url(/img/leftbox_middle_bkg.gif) no-repeat #fff; width: 284px; height: 247px;float: left; display:table; vertical-align:middle; margin-left: 0px; margin-bottom:5px;}
			#leftbox {background: url(/img/leftbox_bkg.gif) no-repeat #fff; width: 284px; height: 126px;float: left; margin-left: 0px;}
				#leftbox_tab, .leftbox_tab { margin: 11px 0px 0px 2px; min-height:105px; width: 220px; padding-left: 35px; padding-top:6px; font-size:11px;}
					#leftbox_tab #quote, .leftbox_tab #quote{padding-left:15px; background:url(/img/ldquo.gif) no-repeat top left; margin-left:-15px;}
					#leftbox_tab #source, .leftbox_tab #source{text-align:right; font-size:9px; padding-top:5px;}
					#leftbox_tab p, .leftbox_tab p{padding:0px; margin:0px;}
			#leftbox1 { background:#fff url(/img/leftbox_bkg.gif) top left no-repeat; padding-top:10px; width:284px; float:left; margin-left:0px; }
			#leftbox2 { background:#fff url(/img/leftbox_bkg.gif) bottom left no-repeat; padding-bottom:35px; }
			#leftbox3 { background:#fff url(/img/leftbox_bkg_mid.gif) top left repeat-y; }
			#leftbox1 #leftbox_tab { margin-top:1px; min-height:0; }
				
	#content { width: 505px; float: right; margin: 3px 0px 10px 0px;}
		#content_text { margin: 0px 20px;}
		#content h2{ margin:0px; padding:30px 0px 11px 0px;}
		#content_text ul{ padding:0px; margin:0px 0px 0px 15px;}
		#content_text ul li{ padding:2px 0px; margin:0px;}
		#start #content h2{margin:0px; padding:18px 0px 11px 0px;}
	#content_home { background: #fff; width: 505px; height: 462px; float: right; margin: 1px 0px 0px 0px; }
		#order_btn { float:right; }
	#middlebottom{ clear: both;}
#bottom{ width:100%; height: 169px; background:repeat-x url(/img/bottom_bkg.gif); margin:0px; padding:0px; float:left;}
#footer {width: 775px; position: relative; margin: 0px auto; background: url(/img/container_bottom.gif); text-align:left; font-size:9px; padding: 0px 90px 0px 0px;}
	#footer a { color:#646464;}
	#footer p { float: left; }
	#color { background: url(/img/color_tab.gif) no-repeat; width: 110px; height:28px; float:right; margin-top: 0px; padding-left: 6px;}
		#color img { margin-left:3px; margin-top: -7px;} 
	
/* Home Styles */	
	#homecolor { width: 28px; height: 100px; float:right; margin-top: 300px; margin-right: -10px; background: url(/img/color_tab_home.gif) no-repeat; padding-top: 6px; z-index:500;}
		#homecolor img{ margin: 3px;}
	
	#experts {  padding-top: 5px; padding-left: 1px; font-size:10px; line-height: 11px; width: 376px; height: 71px; margin-top: 375px; float: left; } 
	#experts p { margin-top: -10px;}
	
/* Topnav Styles */
	#topnav { margin: 30px 5px 0px -49px; width: 530px; float:right; padding: 0px ; text-align:center;}
	#topnav ul { margin: 31px 0px 0px -36px; width: 530px; float:right; list-style-type: none; padding: 0px; text-align:center;}
	#topnav ul li { text-transform:uppercase; float: right;  margin: 0px 0px 0px 1px; color:#646464; width: 100px; text-align:center; padding: 5px 0px 1px 0px; font-weight:bold; font-size:9px; background-repeat:no-repeat;}
	#topnav ul li a { width: 100px; display:block; color:#646464;}
	#topnav ul li ul{margin: 0px 0px 0px -13px; left: -50000px; padding: 5px 0px 5px 5px; position: absolute; text-align: left; background: #ffffff; border:solid #e6e6e6 1px; z-index: 200; width:120px;}
	#topnav ul li ul li { text-align: left; min-height:15px; color:#646464; font-size: 9px; font-weight:normal; display:list-item; list-style-image:none; padding: 3px 0px 3px 10px; margin: 0px; float: right; width:115px;}
	* html #topnav ul li ul li { height:15px; }
	#topnav li ul li a {background: #ffffff; padding: 0px; color:#6d6f71; text-transform:none; width:15px; min-height:15px; display:block; width:115px;}
	* html #topnav li ul li a { height:15px; }
	#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}
	#topnav li ul li:hover a, #topnav li ul li.sfhover a { color:#ffffff;}
	
	#btn { color:#ffffff; text-transform:uppercase; height: 25px; width:95px; text-align:center; padding:10px 0px 0px 0px; font-weight: 900; font-size: 10px; line-height:10px; background:no-repeat; margin: 0px 0px 0px 0px; }
		#btn a {width:95px; height: 24px; display: block; color:#fff;}
		#btn a:hover, #btn a.sfhover { color:#fff;}
	
	#start #leftnav #leftbox_tab ul li a, #start #leftnav .leftbox_tab ul li a{color:#bfbfbf; cursor: default;}
	#start #leftnav #leftbox_tab ul li.step_complete a, #start #leftnav .leftbox_tab ul li.step_complete a{color:#bfbfbf; background:url(/img/check.gif) top right no-repeat; padding-right:15px; cursor: pointer !important;}
	#start h3 {clear:both; margin-bottom: 8px !important;}
	#start #content_text input[type="text"], #start #content_text input[type="password"], #login_form input[type="text"], #login_form input[type="password"] {border: #bfbfbf 1px solid; margin:3px 21px 15px 0px;}
	* html #start #content #create_account input.text { margin-bottom:15px; }
	#start #continue, #login_form #btn_submit {border:none !important; font-size:0px; height:30px !important; width:88px!important; background-color:#fff; background-repeat: no-repeat;}
	#start #content_text select{border: #bfbfbf 1px solid; margin:3px 21px 3px 0px; background-color:#fff; background:url(/img/check.gif) no-repeat top right #fff; color:#646464; padding:2px; font-size:11px;}
	#start #content_text input[type="checkbox"]{width:12px; height:12px; margin:22px 3px 3px 0px;}
	#start #content_text .floating_inputs{float:left;}
	
	#start #content_text #create_account input, #login_form input {width:300px;}
	#start #content_text #create_account input.checkbox, #login_form input.checkbox {width:auto;}
	#start #continue, #login_form #btn_submit {border:0px none #fff!important; font-size:0px; height:31px !important; width:88px!important; cursor:pointer;}
	#start #content_text label, #login_form label {clear:both; font-size:11px; line-height:100%;}
	#start .welcome_title{float:left; margin-bottom:-8px; margin-top:30px;}
	#start #first_welcome {margin-top:10px;}
	#start .welcome_title h3 {float:left; width:350px; clear:none; margin: 0px; padding: 3px 0px 0px 0px;text-decoration: underline; color: #00f;}
	#start .welcome_title a {display:block;margin-top:10px; cursor: pointer; font-size: 10pt;}
	#start .welcome_title a p {float:left; margin:0px; padding: 5px;}
	#start .welcome_title a img {float:left; padding: 0px;}
	#start form{margin-top:10px;}
	#start #login form { margin-top:0; }
	#start input[type="text"], #start input[type="password"], #login_form input[type="text"], #login_form input[type="password"] {color:#646464; padding-left:5px; font-size: 13px;}
	#start .product_description{font-size:11px;}
	.question{padding:5px 0px 10px 0px; margin:0px; font-weight:bold; display:block;}
	#start ul{margin-top:10px;}

	#start #content_text label.survey_question { font-size:12px; line-height:140%; }
	#start .survey_question input[type="radio"], #start .survey_question input[type="checkbox"]{clear:left; float:left; margin:1px 5px 0px 0px!important; padding:6px !important; border:0px none; height:11px;}
	#start #content_text .survey_question input[type="text"]{float:left; margin:5px 0px 0px 5px!important; padding:0px 5px!important; font-size:11px;}
	#start #content_text ol{clear:left; padding:0px; margin:0px 0px 0px 15px;}
	#start #content_text ol li{padding:0px !important; margin:20px 0px 0px 0px; clear:left; }
	#start #content_text ol.basics li{margin:5px 0px 0px 0px;}
	#start .survey_question{display:block; font-weight:normal; padding:4px 0px; margin:0px; width:100%; clear:left;}
	#start .survey_question_basic{display:block; font-weight:normal; padding: 0px; margin:0px 0px 0px 0px !important; width:100%; height:28px;}
	#start ol li .text{margin: 0px 0px -10px 0px; display:block; padding:0px;}
	#start .survey_question_basic input[type="text"]{margin:3px 0px 0px 0px!important; height:20px; padding:0px;}
	#other_text{margin:3px 0px 0px 0px!important; height:20px; padding:0px; }
	#start #survey h3, #start .survey h3{margin-bottom:0px;}
	#btn_submit{clear:left; display:block; float:right; padding:0px; border:0px none !important; background-repeat:no-repeat; color:#fff; width:74px; height:30px;}
	.error { color:#f00; font-weight:bold; width: 460px; }
	.success { color:#00b; font-weight:bold; width: 460px;}
	#start #topnav { margin-top:51px; }
	
	p.footNote {
		clear: both;
		display: block;
		margin-top: 30px;
		font-size: 8pt;
	}
	
	div.collapsingSection h3 {
		cursor: pointer;
		color: #222;
	}
	
	div.collapsingSectionInner {
		clear: both;
		padding-top: 8px;
		padding-left: 6px;
		display: none;
		cursor: default;
	}
	
	div.collapsingSectionInner label {
		font-size: 12px !important;
		margin: 0px;
		padding: 0px;
	}
	
	
	div.package_options {
		margin-left: 20px;
	}
	
	span.package_option {
		display: block;
		padding-top: 4px;
	}
	
	
	span.package_option input[type="checkbox"] {
		margin: -4px 6px 0px 0px !important;
	}
	
	span.myCodePopup, span.codedEssentialsPopup, span.autoshipPopup {
		position: relative;
		color: red;
		font-weight:bold;
		/* using underline causes a Safari bug here */
		cursor: pointer;
	}
	
	div.popupHelp {
		position: absolute;
		left: 0px;
		top: 1.6em;
		width: 190px;
		font-size: 8pt;
		padding: 6px;
		color: #000;
		display: none;
		border: 1px solid #666;
		background-color: #fff;
		z-index: 10;
		font-weight:normal;
	}
.testimonial-credit { display:block; padding-top:3px; font-style:italic; color:#999; }

#admin a.arrow { display:inline-block; vertical-align:baseline; width:10px; height:10px; background: transparent url(/img/uar_off.gif) top left no-repeat; }
#admin a.arrow:hover { background: transparent url(/img/uar_on.gif) top left no-repeat; }
#admin a.asc { background: transparent url(/img/uar_on.gif) top left no-repeat; }
#admin a.asc:hover { background: transparent url(/img/dar_on.gif) top left no-repeat; }
#admin a.desc { background: transparent url(/img/dar_on.gif) top left no-repeat; }
#admin a.desc:hover { background: transparent url(/img/uar_on.gif) top left no-repeat; }

form.account label, #searchForm label.left { float:left; width:135px; text-align:right; padding-top:4px; margin:0 10px 6px 0; }
form.account label.normal { float:none; display:inline; width:auto; padding:0; margin:0; }
form.account p { clear:both; margin:0 0 5px 0; padding:0; }
form.account fieldset { margin-bottom:15px; padding:5px 20px; border:1px solid #ccc; }
form.account fieldset label { width:115px; }
form.account legend { font-weight:bold; color:#888; }
form.account input.text { height:16px; width:200px; }
form.account select { width:206px; }
#content_text .error ul { margin-bottom:15px; }
#content_text .error ul li { margin-left:25px; }
.clear { display:block; clear:both; }
#searchForm label.left { width:100px; }
#searchForm h3 { margin:0; width:55%; border-bottom:1px solid #646480; padding-left:20px; }