@charset "utf-8";

/* ***GLOBAL*** */
	/*Initialize the browser's CSS Except for table structure*/
	@import url(reset.css);

	body {background: #01112b url(../images/back-body.gif) repeat-x; font: 14px Tahoma, Geneva, sans-serif; color: #000 }
	
	h1 {font-size:30px; color: #177aab; text-align: center; width: 750px; margin: 0 auto; font-style: italic } h1 span.darkblue {color: #053a53; letter-spacing: -1px } h1 span.emphasis {font-size: 33px }
	
	h2 {font-size: 24px; color: #282320 } 
	
	h2.intro {font-size: 16px; color: #282320; padding: 0 0 12px 33px; font-style: italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
	
	h3 {font-size: 18px; color: #4b4646 }
	
	h4 {font-size: 16px; color: #c0c0c0 }
	
	h5 {font-size: 14px; color: #f8d20c }
	
	h6 {font-size: 13px; color: #f8d20c }
	
	p {margin-bottom: 20px }
	
	strong, .strong {font-weight: bold }
		
	a:link, a:visited {color: #ed0000; font-weight: normal; text-decoration: none }
	
	a:hover, a:active {color: #ed0000; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */


/* ***LAYOUT*** */
	#shadow, #inner-shadow, #header, #skin, #container, #footer {margin: 0 auto }
	
	#shadow {width: 100%; background: url(../images/back-shadow.jpg) no-repeat center top; display: table }
	
	#inner-shadow {width: 928px; position: relative }
	
	* html body #shadow {background: url(../images/back-shadow-ie6.jpg) no-repeat center top }
	
	*+html body #shadow {background: url(../images/back-shadow-ie6.jpg) no-repeat center top }
	
	#skin {width: 928px; background: url(../images/back-skin.png) repeat-y; position: relative; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/back-skin.png') }
	
	#container {background: #fff url(../images/back-container.jpg) repeat-x center top; width: 842px; padding: 44px 28px 80px }
		
	#header {height: 177px  }
	
	#logo {position: absolute; top: -173px; left: 30px; text-indent: -99999px }
	
	#logo a {width: 275px; height: 130px; display: block; outline: none; background: url(../images/logo.png) no-repeat; 
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/logo.png') }
	
	#tagline {background: url(../images/tagline.png) no-repeat right top; position: absolute; top: -63px; left: 30px; width: 375px; height: 54px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/tagline.png') }
	
	#login {position: absolute; top: 11px; right: 10px; display: block; width:100px; min-height:20px; color: #c0c0c0; font-size: 11px }
	
	#footer {margin: 0 auto; width: 898px; min-height: 276px; _height: 276px; background: #1a6691 url(../images/back-footer.jpg) no-repeat; position: relative }
	
	#footer ul.footerlinks {list-style: none; margin:0 0 33px 0; clear: left; position:absolute; top: 176px; left: 25px; width: 800px }
	
	ul.footerlinks li {color: #fff; float: left; font-size: 12px }
	
	#copyright {position: absolute; top: 238px; left: 26px; color: #fff; font-size: 12px }
	
	#shortcut {position: absolute; width: 345px; height: 700px; background: url(../images/back-shortcut-double.png) no-repeat; top: 370px; right: -33px; 
			   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/back-shortcut-double.png') }
	
	* html body #shortcut {right: -8px }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	.recover {clear: both; line-height:0 }
	
	.italic {font-style: italic }
	
	.txtcenter {text-align: center }
	
	.handwriting-guarantee {background: url(../images/handwriting-guarantee.gif) no-repeat; width: 198px; height: 112px; position: absolute; text-indent: -9999px; overflow: hidden; top: 255px; right: 62px }
	
	.handwriting-achieve {background: url(../images/handwriting-achieve.gif) no-repeat; width: 190px; height: 116px; position: relative; text-indent: -9999px; overflow: hidden; margin: -80px 0 0 500px }
	
	.handwriting-thisisit {background: url(../images/handwriting-thisisit.gif) no-repeat; width: 198px; height: 91px; position: relative; text-indent: -9999px; overflow: hidden; margin: -70px 0 0 480px }
	
	.handwriting-no-other-service {background: url(../images/handwriting-no-other-service.gif) no-repeat; width: 371px; height: 179px; position: relative; text-indent: -9999px; overflow: hidden; margin: -145px 0 0 420px }
	
	* html body .handwriting-no-other-service {display: none }
	
	.makeroom {width: 500px; clear: both }
	
	#container-offer {width: 750px; margin: 0 auto; border: 1px dashed #cc0000; background: #FFFFCE; padding: 10px }
	
	.right-col {float:right; width:324px; margin-left:10px; text-align:center}
	.left-col {float:left; width:400px }
	.specialoffer {color:#cc0000; font-size:32px; font-weight: bold; margin:0 auto 15px }
	.specialsub {font-size:22px}
	#container-offer h1 {font-size:24px; color: #CC0000; text-align:center; margin:0 0 14px 0; font-family:Tahoma, Geneva, sans-serif }
	#container-offer p {margin: .5em; }
	.subhead {color:#000; font-size:16px } 
	
	div.intro {padding: 26px 0 0 18px }
	
	#container p {line-height: 1.4em }
	
	#container ol, #container ul {margin: 0 0 0 40px }
	
	#container ol.point {font-weight: bold } #container ol.point li {padding: 0 0 0 14px }
	
	#container .list-points {list-style: none; margin: 0 }
	
	#container .list-points li {padding: 10px 0 20px 50px; min-height: 40px; _height: 40px; background: url(../images/icon-checkmark.gif) no-repeat; font-size: 13px; line-height: 1.6em }
	
	.johnsonbox {width: 700px; margin: 30px auto; background: #e7e7e7; padding: 20px; min-height: 400px; _height: 400px }
	
	#container p {line-height: 1.8em}
	
	#container .johnsonbox h2 {padding: 0 0 20px 0; line-height: 1.3em }
		
	.pictureframe { margin: 0 10px 10px 0 } /*border: 8px solid #282320;*/
	
	.leftalign {float: left }
	
	.rightalign {float: right }
	
	.blueframe {border: 4px solid #01112B }
	
	table.chart {width: 830px; border-collapse: collapse; margin: 15px 0 0 }
	
	.chart td {border: 1px solid #c1c1c1; min-height: 33px; _height: 33px}
	
	.chart .alt {background: #f1f1f1 }
	
	.chart .green {background: #ecfeb9; height: 33px }
	
	.chart .green2 {background: #e5fd9e; height: 33px }
	
	.chart .check-marked {background: url(../images/icon-checkmark.png) no-repeat 50% 50%; width: 195px; height: 70px }
	
	.check-marked-gold {background: url(../images/check_mark_gold.png) no-repeat 50% 50%; width: 195px; height: 50px }
	
	.check-marked-pen {background: url(../images/check_mark_pen.png) no-repeat 50% 50%; width: 195px; height: 130px }
	
	.check-marked-paper {background: url(../images/check_mark_paper.png) no-repeat 50% 50%; width: 195px; height: 130px }
	
	.check-marked-phone {background: url(../images/check_mark_phone.png) no-repeat 50% 50%; width: 195px; height: 130px }
	
	* html body .chart .check-marked {background: url(../images/icon-checkmark.gif) no-repeat 50% 50% }
	
	* html body .chart .check-marked-gold {background: url(../images/check_mark_gold.png) no-repeat 50% 50% }
	
	* html body .alt .check-marked {background-color: #f1f1f1 }
	
	.checkmarked {background: url(../images/icon-checkmark.png) no-repeat 50% 50% }
	
	.checkmarked-gold {background: url(../images/check_mark_gold.png) no-repeat 50% 50% }
	
	* html body .checkmarked {background: url(../images/icon-checkmark.png) no-repeat 50% 50% }
	
	* html body .checkmarked-gold {background: url(../images/check_mark_gold.png) no-repeat 50% 50% }
	
	* html body .alt .checkmarked {background-color: #f1f1f1 }
	
	.description {padding: 10px 20px; font-weight: bold; /*font-style: italic*/ }
	
	.footnote {font-size: 80% }
	
	.red {color: #cc0000 }
	
	.standard-options {border-top: 1px solid #c1c1c1;  }
	
	.standard-options span {display: block; float: left; text-align: center }
	
	.total {border-top: 4px solid #282320; font-size: 30px }
	
	.total2 {font-size: 20px }
	
	.total3 {font-size: 18px }
	
	.point {font-size: 16px }
	
	.total3 .point {line-height: 110% }
	
	.bigTitle {font-size: 20px }
	
	.btn-order {border: none; text-indent: -99999px; overfolow: hidden; background: url(../images/btn-order.png) no-repeat; width: 96px; height: 27px; display: block; margin: 0 auto; cursor: pointer; font-size: 1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/btn-order.png'); color: #fff; outline: none }
	
	.btn-add2cart {border: none; text-indent: -99999px; overfolow: hidden; background: url(../images/btn-get-it-now.png) no-repeat; width: 174px; height: 49px; display: block; margin: 0 auto; cursor: pointer; font-size: 1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/btn-get-it-now.png'); color: #fff; outline: none }
	
	.help {color: #ED0000; border-bottom: 1px dotted #ED0000; cursor: help }
	
	#btn-start-here {width: 238px; height: 38px; margin: 645px 0 0 53px }
	
	.AuthorizeNetSeal {margin: 0 auto !important }
	
	h1.chart {font-size: 48px; color: #053a53 }
	
	.doodle-no-other {margin-top:-48px}
	* html body .doodle-no-other {margin-top:0}
	*+html body .doodle-no-other {margin-top:0}
	
	.heading1 {color:#177AAB; font-size:30px; font-style:italic; margin:0 auto; text-align:center; width:750px; font-weight:bold }
	
	.paymentoption {border-bottom:1px solid #9DAF6D;padding-bottom:15px; margin-bottom:15px }
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	ul.footerlinks li a {color: #fff; padding: 0 0 0 3px  }
/* ***END NAVIGATION*** */


/* *** TOOLTIP *** */
div.ajax_tooltip_content {padding:5px; border:1px solid #4CBBE0; height:200px; overflow:auto; position:absolute;	top:0; width:400px; z-index:1000001; background: #4087a6 url(../images/back-tooltip.jpg) no-repeat; overflow:auto; color:#fff }

#ajax_tooltipObj{z-index:1000000; text-align:left }

#ajax_tooltipObj div{position:relative }

#ajax_tooltipObj .ajax_tooltip_arrow{background-image:url('../images/arrow.gif'); width:20px; position:absolute; left:0px; top:0px; background-repeat:no-repeat; background-position:center left; z-index:1000005; height:60px }
/* *** END TOOLTIP *** */