/* HONESTe Online CSS */

* { padding:0; margin:0; }

body { background:url(images/pageBg.png) repeat-x #002C97; font-family:Arial,Helvetica,sans-serif; font-size:15px; color: #1F1F1F; }

a { color: #00f; }
a:hover { color: #c00; }

p {
	padding-left: 60px;
	padding-right: 60px;
	margin: 0px 0 15px;
}

img { border:none; }

#footer { 
	width:898px;
	margin:0 auto;
}

#shadow { width:914px; background:url(images/shadow.png) repeat-y; height:auto; margin:0 auto; }

#container { width:898px; margin:0 auto; background: #fff;}

#header { width:898px; height:128px; text-align:left; display:block;}

#header img { display:block; }

#footer img { display:block; }

#content-wrap { width:848px; padding: 0 25px 40px; margin:0 auto; overflow: hidden; position: relative;}

#sidebar { float:right; width:191px; margin:145px 0 0 0;  z-index:100;}

#main { float:left; width:632px; padding:20px 25px 0 0; }

#main h1 { margin: 0 0 15px; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; color:#002C97; text-align:center; font-size: 28px; }

/*----- Navigation -----*/

#nav { background:url(images/buttonBg.png) repeat-x; width:898px; height:32px; padding:0; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:17px; }

#nav ul { list-style-type:none; padding: 0;}

#nav li { position:relative; float: left; color:#fff; text-align: center; }

#nav a { height:27px; padding:3px 15px 2px; border-right:1px solid #000B5A; text-decoration:none; color:#fff; display:inline-block;  }
#nav ul li.selected a { color:#FEE621; text-decoration:none; }
#nav li a:hover {
	 background:#000B5A; 
	 border-bottom:2px solid #FEE621; 
	 text-decoration:none;
	 color:#FEE621; 
	 height: 25px; 	 
}

#nav li ul { position:absolute; border-left: 1px solid #000B5A; border-right: 1px solid #000B5A; top:32px; left:0; margin-left:-9000px; }

#nav li:hover ul, #nav li.over ul { margin-left:0; }

#nav li ul li { background:#002786;  margin: 0; border-bottom:1px solid #000B5A; width:144px; display: block; float: none;}
#nav li ul li a { height: auto; display: block; border: 0; }
#nav li ul li a:hover { border: 0; height: auto; }

#nav ul li.selected a { background:#000B5A; border-bottom:2px solid #FEE621; color:#FEE621; font-weight:bold; border-right:none; height: 25px; }

#sidebarBox { width:190px; height:260px; margin:0 auto; background:url(images/sideBoxBg.png) no-repeat; padding:0px 0 0 0; text-align:center; margin:20px 0 0 0; font-size:16px; border:1px solid #003793; }

.benefit {
	position: relative;
	margin: 0 0 20px;
	padding: 9px 0 12px;
	border: 1px solid #003793; 
	background: url(images/benefits-grad.png) repeat-x #DFECFF top; 
	text-align: center;
	line-height: 1.25;
}

.benefit h3 {
	color: #002C97;
	
}

.benefit p {
	padding: 0 5px;
}

#steps { width:593px; margin: 0 auto 35px; padding:50px 0 0 0; position:relative;}

.arrow1 { position:absolute; width:147px; height:68px; background:url(images/arrow.png) no-repeat top left; z-index:2; top:10px; left:140px; }

.arrow2 { position:absolute; width:147px; height:68px; background:url(images/arrow.png) no-repeat top left; z-index:2; top:10px; left:348px;}

#step1 { position:relative; width:182px; height:300px; background:url(images/step1.png) no-repeat; float:left; padding:0 23px 0 0; }


#step2 { position:relative; width:182px; height:300px; background:url(images/step2.png) no-repeat; float:left; padding:0 23px 0 0; }


#step3 { position:relative; width:182px; height:300px; background:url(images/step3.png) no-repeat; float:left; }


#steps h2 { font-family:Trebuchet MS,Arial,Helvetica,sans-serif; text-align:center; color:#002C97; padding:73px 5px 5px 5px; line-height:1; font-size:20px;}

#sidebar h2 { font-family:Trebuchet MS,Arial,Helvetica,sans-serif; text-align:center; color:#002C97; font-size:22px; }

.step p { font-size:12px; padding:0px 8px; line-height:1.22; text-align: center; }

/* Button Hovers */

#steps .button {
	width: 169px;
	height: 37px;
	background: url(images/create-your-webseal.png) no-repeat;
	display: block;
	position: absolute;
	bottom: 7px;
	left: 7px;
	text-indent: -9999px;
}

#steps .button:hover {
	background-position: 0 -37px;
}

#step1 .button {
	background: url(images/create-your-webseal.png) no-repeat;
}

#step2 .button {
	background: url(images/generate-the-code.png) no-repeat;
}


#step3 .button {
	background: url(images/upload-your-logo.png) no-repeat;
}


#step1Btn {
	margin:30px 0 0 -2px;
	width:170px;
	height:40px;
	background:url(images/step1Btn.png) no-repeat;
	display:block;
	position:absolute;
	bottom:5px;
	left:9px;
}

#step1Btn:hover {
	margin:30px 0 0 -2px;
	width:170px;
	height:40px;
	background:url(images/step1Btn-hover.png) no-repeat;
	display:block;
	position:absolute;
	bottom:5px;
	left:9px;
}

#step2Btn{
	margin:26px 0 0 0;
	width:170px;
	height:40px;
	background:url(images/step2Btn.png) no-repeat;
	display:block;
	position:absolute;
	bottom:4px;
	left:7px;
}

#step2Btn:hover {
	margin:0;
	width:170px;
	height:38px;
	background:url(images/step2Btn-hover.png) no-repeat;
	display:block;
	position:absolute;
	bottom:6px;
	left:7px;
}

#step3Btn{
	margin:0;
	width:170px;
	height:38px;
	background:url(images/step3Btn.png) no-repeat;
	display:block;
	position:absolute;
	bottom:7px;
	left:6px;
}

#step3Btn:hover {
	margin:0;
	width:170px;
	height:40px;
	background:url(images/step3Btn-hover.png) no-repeat;
	display:block;
	position:absolute;
	bottom:5px;
	left:6px;
}


#feedback-center { padding:20px 0 0 0; }

#feedbackImg { float:left; width:100px; padding-right:10px;}
#feedbackText { float:left; width:450px; line-height:18px;}
#feedbackText h2 { font-family:Trebuchet MS,Arial,Helvetica,sans-serif; padding:0 15px 10px 12px; text-align:left;}

.admin-link {
	position: relative;
	overflow: hidden;
	margin: 0 0 12px;
	display: inline-block;
}
.admin-link {
	display: block; /* IE 6 */
}

.admin-link h3 {
	margin: 0 0 4px;
}

.admin-link h3 a {
	font-size: 18px;
	color: #00166E;
	text-decoration: none;
}

.admin-link .icon {
	float: left;
	width: 102px;
	text-align: right;
}

.admin-link .text {
	margin-left: 114px;
}

.admin-link .text p {
	font-size: 15px;
	line-height: 1.25;
}


#copy-links { width:900px; margin:0 auto; padding:0px; color:#ffffff; }

.copy { float:left; padding-bottom:10px; }

.links { float:right; }
.links a { color:#ffffff; }

.stepsImg { position:absolute; bottom:12px; left:15px; border:none;}

.clear { clear:both; }

.center { text-align:center; }
.size13 { font-size:13px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }
.size26 { font-size:26px; }
.size30 { font-size:30px; }
.treb { font-family:Trebuchet MS,Arial,Helvetica,sans-serif; }
.note { margin: 10px 0 0; font-size:11px!important;  }

.right { text-align:right!important; }

.fLeft { float:left; }
.darkblue { font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:18px; color:#002C97; text-decoration:none; font-weight: bold; }
.navy { color:#002C97; }

.seals-table { position: relative; width:560px; margin:20px auto 40px; }

/* Jacuzzi Page */

body#jacuzzi #main {
	width:582px;
	float:left;
	padding:0 0 0 16px;
}

body#jacuzzi #sidebar {
	width:194px;
	padding:0;
	margin:34px 10px 0 0;
	border:none;
	height:auto;
}

.must-read {
	margin: 15px 0 0;
	font-size:11px;
	color:#666666;
	line-height:1.1;
}

.must-read h3 {
	margin: 0 0 10px;
}

.must-read p {
	margin: 0 0 10px;
}

.must-read-top {
	background: url(images/must-read-top.jpg) no-repeat;
	width: 194px;
	height: 12px;
	font-size: 0;
}

.must-read-content {
	position: relative;
	background: url(images/must-read-grad.png) repeat-x #E1EDFF;
	padding: 0 10px 1px;
	width: 172px;
	border-left: 1px solid #022F7A;
	border-right: 1px solid #022F7A;
}

.must-read-bottom {
	background: url(images/must-read-bottom.jpg) no-repeat;
	width: 194px;
	height: 12px;
	font-size: 0;
}


.small-issue {
	float:right;
}

body#jacuzzi .vip-box {
	position: relative;
	margin:20px 0;
	font-family:Georgia,Times,serif;
	text-align:center;
	font-size:15px;
	line-height:1.3;
	font-style:italic;
	color:#002C97;
}

.vip-top {
	width: 194px;
	height: 63px;
	background: url(images/vip-top.png) no-repeat;
}
.vip-content {
	padding: 0 0 1px;
	background: url(images/vip-bg.jpg) repeat-y;
}
.vip-bottom {
	width: 194px;
	height: 52px;
	background: url(images/vip-bottom.png) no-repeat;
}


body#jacuzzi h3 {
	font-size:16px;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	color:#002C97;
	line-height:1;
}

.red {
	color:#D41A1F!important;
}
.blue { color: #002C97; }

.report {
	background: url(images/report-box.png) no-repeat;
	width: 582px;
}

.report h2 {
	font-size: 24px;
	text-align: left;
	line-height: 1;
	letter-spacing: -0.2px;
	color: #002C97;
	margin: 0 0 10px;
}

.report .cover {
	position: absolute;
	right: 10px;
	top: 12px;
}

.report-content {
	position: relative;
	padding: 10px 14px;
	min-height: 180px;
}

.report .bottom {
	width: 582px;
	height: 12px;
	background: url(images/report-box.png) 0 -350px;
	font-size: 0;
}

.download-now {
	position:absolute;
	bottom:-30px;
	left:30%;
}

.square-bullet {
	list-style-type:none;
}

.square-bullet li {
	background:url(images/square-bullet.png) no-repeat 3px 3px;
	padding:0 0 10px 20px;
	font-size:14px;
}

body#jacuzzi .archive h1 { text-align:left; }

.archive {
	margin:20px auto;
}

.archive-year {
	background:#E8F1FF;
	margin:10px 0;
	border:1px solid #D7E2FF;
	padding: 10px 15px;
	font-size:16px;
}

#jacuzzi .archive-year p {
	margin: 15px 0;
}

.archive-year .archive-heading {
	padding: 0 0 0 15px;
	font-size: 12px;
	cursor: pointer;
	background: url(images/triangles.gif) 0 10px no-repeat;
}

.archive-year .archive-heading strong {
	font-size: 22px;
	color: #00166E;
}

.archive-year .pdf {
	float:left;
	padding: 0 7px;
}

/* Get the Code - Step 2 */

body#gtc-step2 .content {
	width:850px;
	margin:20px auto;
}

#gtc-step2 h1 {
	color:#002C97;
	font-size:26px;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	text-align:center;
	margin:20px 0;
}

#gtc-step2 h3 {
	color:#00166E;
	font-size:18px;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	text-align:center;
}

.big-blue-box {
	width:730px;
	margin:30px auto;
}

.blue-box-top img, .blue-box-bottom img {
	display:block;
}

.website1 {
	width:102px;
	height:92px;
	position:absolute;
	top:-20px;
	left:-20px;
	background:url(images/website1.png) no-repeat;
}

.website2 {
	width:102px;
	height:92px;
	position:absolute;
	top:-20px;
	left:-20px;
	background:url(images/website2.png) no-repeat;
}

.blue-box-top {
	position:relative;
}


.blue-box-middle {
	background:url(images/blue-box-bg.jpg) repeat-y;
	overflow:hidden;
}

.opt1-box {
	background:url(images/opt1-bg.jpg) no-repeat;
	width:589px;
	height:261px;
	margin:20px auto;
	padding:5px 20px;
}

.opt1-box  p, .opt2-box  p, .opt3-box  p {
	padding:5px 0;
}

.opt2-box {
	background:url(images/opt2-bg.jpg) no-repeat;
	width:589px;
	height:261px;
	margin:20px auto;
	padding:5px 20px;
}

.opt3-box {
	background:url(images/opt3-bg.jpg) no-repeat;
	width:589px;
	height:261px;
	margin:20px auto 0;
	padding:5px 20px;
}

.stepfix {
	margin:-10px 0 0 0!important;
	padding:0!important;
	text-align:center;
}

/* Consumer Information */

#consumer-information .section {
	background: url(images/h-bar.jpg) no-repeat bottom center;
	padding: 0 0 10px;
	margin: 0 0 30px;
	overflow: hidden;
	display: inline-block;
}
#consumer-information .section {
	display: block;
}

#consumer-information h1 {
	font: bold 29px Arial, Helvetica, sans-serif;
	color: #002C97;
	text-align: center;
	margin: 20px 0;
	letter-spacing: -0.4px;
}

#consumer-information p {
	line-height: 1.5;
}

#consumer-information h2 {
	font-size: 29px;
	color: #C90101;
	margin: -5px 0 15px;
	letter-spacing: -0.4px;
}


#prepared-for {
	text-align: center;
	margin: 0 auto 20px;
}

.feedback-center p {
	margin: 0;
	padding: 8px 0;
}

.feedback-center, .company-profile {
	width: 580px;
	margin: 0 auto;
	border: 1px solid #999;
	background: #fff;
}
.feedback-center {
	border:1px solid #FFFFFF;
}
#feedback-center-outer {
	border:2px solid #CC0000;
	width:582px;
	margin:0 auto;
	position:relative;
}
#feedback-mail {
	background:url(images/feedback-mail.jpg);
	width:50px;
	height:50px;
	position:absolute;
	top:10px;
	left:10px;
}
.feedback-center h3, .feedback-center p {
	padding-left:20px;
}

.company-profile {
	margin: 0 auto 25px;
}

.feedback-center h3, .company-profile h3 {
	background: #002C97;
	color: #fff;
	font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px;
	letter-spacing: -0.2px;
}

.company-profile-content {
	padding: 14px;
}

.company-profile table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	margin: 20px 0 10px;
}

.company-profile tr.alt {
	background: #EAEAEA;
}

.company-profile td, .company-profile th {
	padding: 3px 14px;
}

.company-profile th {
	text-align:left; color: #002C97;
}

.company-profile .confirm {
	background: #EAEAEA;
	padding: 4px;
	clear: both;
}

.company-profile .member-since {
	margin: 10px 0;
	overflow: hidden;
	display: inline-block
}
.company-profile .member-since {
	display: block;
}

#consumer-information #content-wrap {
	padding: 0 55px 40px;
	width: 788px;
}

#consumer-information .attention {
	line-height: 55px;
	font: bold 29px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #002C97;
	text-align: center;
	letter-spacing: -0.5px;
	margin: 0;
}

.attention img {
	vertical-align: middle;
}

#rules {
	margin: 0 20px;
}

#rules p {
	 margin: 10px 0 10px 40px;
}

.pledge {
	margin: 0 auto; width: 530px;
	overflow: hidden;
	display: inline-block;
}
.pledge {
	display: block;
}

ul.tick {
	margin: 20px;
}

ul.tick li {
	background: url(images/tick.gif) no-repeat;
	list-style: none;
	padding: 0 0 10px 30px;
	line-height: 1.4;
}

#footer-disclaimer {
	width: 690px;
	font-size: 13px;
	margin: 20px auto;
}

#attention-web-merchants {
	position: relative;
	width: 446px;
	margin: 30px auto 0;
}

#attention-web-merchants img {
	position: absolute;
	left: 70px;
	top: -10px;
}

#attention-web-merchants .top {
	width: 446px;
	height: 15px;
	font-size: 0;
	background: url(images/wm-box-top.gif) no-repeat;
}

#attention-web-merchants .middle {
	background: url(images/wm-box-mid.gif) repeat-y #DEEDFE;
}

#attention-web-merchants ul {
	color: #002C97;
	font-size: 18px;
	padding: 20px 0 0 20px;
}
#attention-web-merchants  li {
	background: url(images/circle-bullet.gif) no-repeat 0 7px;
	list-style: none;
	padding: 0 0 5px 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
}


#attention-web-merchants .bottom {
	width: 446px;
	height: 15px;
	font-size: 0;
	background: url(images/wm-box-bot.gif) no-repeat;
}

.download-now .button {
	background:url(images/download-now-btn.jpg) no-repeat;
	width:180px;
	height:40px;
	display:block;
	text-indent:-99999px;
}
.download-now .button:hover {
	background:url(images/download-now-btn.jpg) 0px -40px no-repeat;
	width:180px;
	height:40px;
}

#download_side .button {
	background:url(images/download.jpg) no-repeat;
	width:100px;
	height:30px;
	display:block;
	text-indent:-99999px;
	margin:0 auto;
}
#download_side .button:hover {
	background:url(images/download.jpg) 0px -30px no-repeat;
	width:100px;
	height:30px;
}

#attention_btn {
	background:url(images/attention_btn.jpg) no-repeat;
	left:78px;
	position:absolute;
	top:-10px;
	width:289px;
	height:35px;
	background-image: url(../memberslogin/images/attention_btn.jpg);
}
#attention_btn:hover {
	background:url(images/attention_btn.jpg) 0 -35px no-repeat;
	width:289px;
	height:35px;
}