@charset "UTF-8";

/*--------------------------------------------------------*/
/* GLOBAL */

* {padding: 0;margin: 0;}
html, body {height: 100%;}
body {background: #003d60; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h1, h2, h3, h4, h5, p {padding: 0 0 8px; margin: 0;}
ul, ol {padding: 0 0 8px 20px; margin: 0;}
ol {padding-left: 22px;}
ol li {list-style-type: decimal;}
li {margin: 0;}
sup, sub {font-size: 75%; position: relative; top: 0; vertical-align: top;}
sub {top: auto; bottom: 0; vertical-align: bottom;}
a {outline: none;}
a img {border: none;vertical-align: middle;}
img {border: none;}	
hr {height: 0; border: 0; border-top: 1px solid #bdbcbd; margin: 0 auto 10px; clear: both;}
* html hr {color: #bdbcbd; height: 1px;}
table {border-collapse: collapse; border-spacing: 0;}	

/*--------------------------------------------------------*/
/* UTILITIES */

.txtcolor01, a, .txt01 {color: #0097d1;}
.bgcolor01 {background: #0097d1;}
.bold, .txt01 {font-weight: bold;}
.nobold {font-weight: normal;}	
.underline, a {text-decoration: underline;}
.nounderline, a:hover {text-decoration: none;}
.txthide {text-indent: -9999px;}
.txtmargin {margin: 0;}
.txtmargin02 {margin: 0 0 8px;}
.floatleft {float: left;}
.floatright {float: right;}
.floatleft02 {float: left; margin: 0 10px 10px 0;}
.floatright02 {float: right; margin: 0 0 10px 10px;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.pad {padding: 10px;}
.pad02 {padding: 0 10px;}
.clearer {clear:both;padding:0;margin:0;line-height:0;}

/*--------------------------------------------------------*/
/* LINKS */

#__ { filter:alpha(opacity=00); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00; border:none; }
/* ACTIVE */
#__ { filter:alpha(opacity=00); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00; border:none; }
/* HOVER */
#__ { filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00; border:none; }

/*--------------------------------------------------------*/
/* FORM */

#form .fldCt .fld input, #form select, #upsellTxt input, #upsellTxt select {background: #fff; padding: 3px 2px; border:1px solid #000;}

#formTitle {width: auto; height: auto; padding: 0; margin: 5px 0; text-align: center; clear: both;}
#formWrap {padding: 15px 14px;}
#form {width:330px; height:auto; padding: 0; margin: 0 0 20px 30px; float:left; _display: inline;}
#formProduct {width: 405px; height:auto; margin: 0 30px 20px 0; float:right; _display: inline;}
#disclaimer {width: 660px; height: auto; padding: 0 15px 15px; margin: 0 auto; border: 1px solid #bdbcbd; clear: both;}
	#disclaimer p {padding: 15px 0 0; margin: 0;}

#productSelection, #paymentForm, #billingInformation, #shippingInformation {padding: 0; margin:0 0 15px; overflow: hidden;}
#productSelection, #paymentForm, #ShippingIsSame {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ccc;}

#form .display_mode_select {margin:0 auto; width:100%;}
#form .display_mode_select p a {width:300px; display:block; background:#999; color:#fff; padding:5px 10px; border-radius:15px; text-align:center;}

/* quantity form */
#productSelection {padding-bottom: 10px;}	
#productSelection #QuantityCt {margin-bottom: 10px;}
	#productSelection #QuantityCt label {width: 30px; text-align: left;}

.validation-summary-errors span {font-size: 14px; font-weight: bold; margin: 5px 0; overflow: hidden; display: block;}
.validation-summary-errors li {margin-bottom: 4px;}

/* payment form */
.fldCt {clear:both; margin-bottom:4px; position:relative;}
.fldCt .label {float:left; text-align:right; margin:5px 5px 0 0; width: 80px;}
.fldCt .requiredIcon {display:none;}
.fldCt.required .requiredIcon {display:inline; color:#f00;}

#form .fldCt .fld select {width:182px;}
#form .fldCt .fld input {width:176px;}
	#form #CardExpirationCt .label {margin-top: 5px;}
	#form .fldCt .fld input#ShippingIsDifferentThanBilling {width: auto;}
	#form #CardCvv2 input {float: left;}
	#form .hint {line-height: 12px; width: 95px; padding-top: 5px; float: left;}

#ShippingIsSame {padding: 10px 0; margin: 15px 0 10px; border-top: 1px dotted #ccc; clear: both;}
#ShippingIsSame .label {width: 72px;}
#ShippingIsSame input {float:left; margin: 0px 8px 10px 0;}
#ShippingIsDifferentThanBilling {width:auto; float:left; border:none;}
.checkbox {font:11px Verdana, Geneva, sans-serif;}

#paymentForm .fldCt .label {width:95px;}
#paymentForm #CardExpirationCt .fld select, #form #productSelection select {width:auto; margin: 2px 5px 0 0;}
#paymentForm #CardCvv2Ct .fld input {width:60px; margin-right:5px; float: left;}
#CardTypeCt.fldCt .label, #CardExpirationCt.fldCt .label, #BillingCountryIdCt.fldCt .label, #BillingStateIdCt.fldCt .label, #ShippingCountryIdCt.fldCt .label, #ShippingStateIdCt.fldCt .label {margin-top:3px;}

.FormHeadlineL {font: bold 13px Arial, Helvetica, sans-serif; color: #666; padding: 0 0 10px; margin: 0; overflow: hidden;}
.FormSubHeadlineL {font: bold 13px Arial, Helvetica, sans-serif; color: #111; padding-bottom: 8px;}

#cc { width:150px; height:23px; float:left; padding:0 0 5px 100px; }

#receiveBox {margin: 15px auto; clear: both; overflow: hidden; border-top: 2px dashed #aaa; border-bottom: 2px dashed #aaa;}
#receive {background: #f5f5f5; padding: 20px 15px; overflow: hidden; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
	#receive input {margin: 2px 5px 0 0; _display: inline; float: left;}
	#receive label {font-weight: bold; width: 270px; float: left; text-align: left;}

/* IE BROWSER HACKS */
*:first-child+html .fldCt .fld input {border-color:#ccc;}
* html .fldCt .fld input {border-color:#ccc;}

@media screen and (-webkit-min-device-pixel-ratio:0){ 
#paymentForm .fldCt input, #paymentForm .fldCt select, .fldCt .fld input, .fldCt .fld select {margin:0px; padding:5px 2px;}
#paymentForm .fldCt select, .fldCt .fld select {padding:0; }
 } 

/*--------------------------------------------------------*/
/* FLOW */

#hdrWrap h2#headflow {margin: 11px 0 0 260px; _margin-left: 130px; float: left;}
#flowWrap {background: url(/images/desktop/bg_shdw.gif) top left repeat-x; width: 870px; min-height: 410px; height: auto !important; height: 410px; padding: 25px 15px 0; margin: 0 auto; clear: both;}

/* Upsell Styles*/

#orderCompleteTxt {width:740px; height:auto; padding: 0; text-align:center; margin:0 auto; font:normal 23px Arial, Helvetica, sans-serif; color:#666;}
#upsellSection {width: 100%; height:auto; padding: 0; margin: 0 auto; font-family:Arial, Helvetica, sans-serif;}
#upsellImage {width:350px; height:auto; float:left; margin:0 0 15px;}
#upsellTxt {width:500px; height:auto; float:right; padding:0; font:normal 13px Arial, Helvetica, sans-serif; line-height: 17px; color:#333;}
#upsellTxt h2.upsellTitle {font:normal 30px/32px Arial, Helvetica, sans-serif; color:#0097d1; margin:0 0 12px 0;}
#upsellTxt h3.cta {font:bold 13px Arial, Helvetica, sans-serif; color:#000; margin: 10px 0;}
#upsellTextDisclaimer {font:10px Arial, Helvetica, sans-serif; color:#999; margin:40px 0 10px 0;}

/* END Upsell Styles*/

/* Process Page Styles */
.updateBox {margin: 0 0 20px 5px; float: right;}

#confirmSection #form.processPayment {width: 100%; padding: 0 0 10px;}
#confirmSection #form #paymentForm, #confirmSection #form #billingInformation, #confirmSection #form #shippingInformation {color: #000; width: 290px; margin: 0 auto 10px; float: none;}
	#confirmSection #form select {width: 186px;}
	#confirmSection #form input {width: 180px;}
	
#confirmSection #form .FormHeadlineL { }

#confirmSection #form .FormSubmit {text-align: center;}

/* Confirmation Page Styles   ---- NEVER CHANGE THESE STYLES */

#confirmSection {width: 100%; height:auto; padding: 0; margin: 0 auto;}
#addressSection {width: 100%; height:auto; margin:0 auto 10px; padding: 0; font:13px Arial, Helvetica, sans-serif; color:#333;}
.orderItemsTable {width:100%; height:auto; margin:10px auto; vertical-align:top; clear: both; background-color:#fff; border-left: 1px solid #ccc;}
.orderItemsTable th {font:bold 14px Arial, Helvetica, sans-serif; color:#fff; background: #0097d1; padding: 2px;}
.orderItemsTable td {font:12px Arial, Helvetica, sans-serif; color:#333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 2px;}
#confirmSection h1, #confirmSection h2.complete, #confirmSection h3.orderNumber {font:normal 30px/32px Arial, Helvetica, sans-serif; color:#0097d1; margin:0 0 12px 0;}  
#confirmSection h1 {margin-top: 15px; clear: both;}
#confirmSection h3.orderNumber {color: #c00;}
.rowHead {background-color:#0097d1; height:30px;}
.rowHeadTxt {font:bold 13px Arial, Helvetica, sans-serif; color:#fff; padding-top:6px;}
.btmRowHead {background-color:#0097d1; height:10px;}
#print-icon {width: 95px; float: right;}
#back-home-btn {padding: 10px 0 15px; text-align: center; overflow: hidden; clear: both;}

/* END Confirmation Page Styles   ---- NEVER CHANGE THESE STYLES */

#visonOffers { margin-bottom:100px; }

#form .checkbox input, #form .FormSubmit input, input#ShippingIsDifferentThanBilling, #upsellTxt input#acceptOffer, #upsellTxt input#rejectOffer {background: none; padding: 0; border: none;}

/* ************************ START flow input button STYLES ************************ */
input[type=submit].flow_input_btn {padding:5px 12px; *padding:3px 12px; outline:none; cursor:pointer; font:normal 13px Arial, Helvetica, sans-serif; overflow:visible; position:relative; }
input[type=submit].flow_input_btn {
	border:solid 1px #707070; border-radius:4px; box-shadow:inset 0 0 1px 1px #fff; -moz-box-shadow:inset 0 0 1px 1px #fff; -webkit-box-shadow:inset 0 0 1px 1px #fff;
	background: linear-gradient(top, #f2f2f2 50%, #eaeaea, #dddddd 50%, #cdcdcd);
	background: -webkit-linear-gradient(top, #f2f2f2 50%, #eaeaea, #dddddd 50%, #cdcdcd);
	background: -moz-linear-gradient(top, #f2f2f2 50%, #eaeaea, #dddddd 50%, #cdcdcd);
	background: -ms-linear-gradient(top, #f2f2f2 50%, #eaeaea, #dddddd 50%, #cdcdcd);
	background: -o-linear-gradient(top, #f2f2f2 50%, #eaeaea, #dddddd 50%, #cdcdcd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#cdcdcd');
}
input[type=submit].flow_input_btn:hover {
	border-color:#5c7589; color:#262b51;
	background: linear-gradient(top, #ecf3fb 50%, #d2f1ff, #bfe5fa 50%, #acdbf7);
	background: -webkit-linear-gradient(top, #ecf3fb 50%, #d2f1ff, #bfe5fa 50%, #acdbf7);
	background:-moz-linear-gradient(top, #ecf3fb 50%, #d2f1ff, #bfe5fa 50%, #acdbf7);
	background: -ms-linear-gradient(top, #ecf3fb 50%, #d2f1ff, #bfe5fa 50%, #acdbf7);
	background: -o-linear-gradient(top, #ecf3fb 50%, #d2f1ff, #bfe5fa 50%, #acdbf7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ecf3fb', endColorstr='#acdbf7');
}
.gecko:active {bottom:-2px; right:-1px;}
/* **END flow input button STYLES */

#addressSection input[type="submit"] {
	background-color: #ec000e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 0, 14)), to(rgb(201, 0, 10)));
	background-image: -webkit-linear-gradient(top, rgb(236, 0, 14), rgb(201, 0, 10));
	background-image: -moz-linear-gradient(top, rgb(236, 0, 14), rgb(201, 0, 10));
	background-image: -o-linear-gradient(top, rgb(236, 0, 14), rgb(201, 0, 10));
	background-image: -ms-linear-gradient(top, rgb(236, 0, 14), rgb(201, 0, 10));
	background-image: linear-gradient(top, rgb(236, 0, 14), rgb(201, 0, 10));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ec000e', EndColorStr='#c9000a');
	border: 0;
	color: #fff;
	cursor: pointer;
	font: bold 22px Arial, Helvetica, sans-serif!important;
	height: auto!important;
	padding: 15px 40px;
	text-align: center;
	text-transform: uppercase;
	width: auto!important;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	-ms-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	-webkit-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
#addressSection input[type="submit"]:hover {
	-moz-box-shadow: inset 0 -20px 11px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -20px 11px rgba(0,0,0,0.1);
	box-shadow: inset 0 -20px 11px rgba(0,0,0,0.1);
}
.Apple-style-span {font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #C00; font-weight: bold; padding-top: 10px;}

/*--------------------------------------------------------*/
/* SCRIPTS */

/* Fade Properties */
.slide-show { position: relative; overflow: hidden; text-align: left; }
.slide-show .slide { display: none; position: absolute; }
.slide-show .slide.first, .slide img { display: block; }

/*--------------------------------------------------------*/
/* GROUPED */

.ttlmain01, #subtxt h2 {font: normal 24px/26px Arial, Helvetica, sans-serif;}

.txtgreen01, .midli li strong, #subtxt h2 {color: #48b102;}
.txtgrey01, #topWrap, #features span, #subtxt, .subpage-text-nav, .subpage-text-nav a {color: #666;}
.txtgrey02, .Wrap a:hover {color: #111;}

.assets {background: url(/images/desktop/assets.png) no-repeat; height: 22px; padding: 0; display: block; text-indent: -9999px;}

/* List Properties */
.mainli, #features ul, #subtxt ul {list-style: none; padding: 0; margin: 0;}
	.mainli li, #features ul li, #subtxt ul li {background: url(/images/desktop/blt-green.png) 0 4px no-repeat; padding: 0 0 8px 18px; margin: 0;}
	
/* Button Properties */
.ordnwbtn {background-position: 0 -378px; width: 192px; height: 55px; _height: 53px;}
.ordnwbtn:hover {background-position: -192px -378px;}

/*--------------------------------------------------------*/
/* CUSTOM */

/* Main Properties */
#outWrap {background: #b5ebff url(/images/desktop/bg.gif) left top repeat-x; width: 100%; min-width: 928px; min-height: 310px; height: auto !important; height: 310px;}
#outTop {background: url(/images/desktop/bg_top.png) left top repeat-x; width: 100%; min-width: 928px; min-height: 310px; height: auto !important; height: 310px;}
#topWrap {background: url(/images/desktop/bg_shdw.gif) left top repeat-x; width: 900px; min-height: 350px; height: auto !important; height: 350px; position: relative;}
.Wrap {width: 928px; margin: 0 auto; position: relative;}
.outMain {background: url(/images/desktop/mainbtm.png) left bottom no-repeat; width: 928px; padding: 0 0 20px; margin: 0 auto; position: relative; clear: both;}
.mainWrap {background: url(/images/desktop/bg_main.png) left top repeat-y; width: 900px; padding: 0 14px; margin: 0 auto;}
.mainTop {background: url(/images/desktop/maintop.png) left top no-repeat; width: 928px; height: 20px; margin: 0 auto;}
.banner {width: 100%; text-align: center; clear: both; position: relative;}

/* Header Properties */
#home #hdrWrap h1 a {background-position: 0 0; width: 160px; height: 180px;}
#hdrWrap {background: url(/images/desktop/bg_hdr.gif) left top repeat-x; width: 900px; height: 121px; padding: 0 14px; margin: 0;}
	#hdrWrap h1 {padding: 0; margin: 0; position: absolute; top: 5px; left: 40px; z-index: 10;}
		#hdrWrap h1 a, #hdrWrap h1 span {background-position: -160px 0; width: 125px; height: 140px;}
	#hdrWrap h2 {background-position: 0 -180px; width: 290px; height: 95px; padding: 0; margin: 12px 0 0 210px; _margin-left: 105px; float: left;}
#ordcrbtn {background-position: 0 -275px; width: 103px; height: 103px; margin: 8px 0 0 30px; _margin-left: 15px; float: left;}
#ordcrbtn:hover {background-position: -103px -275px;}
#makers {margin: 20px 20px 0 0;}

/* Offer Properties */
#offerWrap {background: url(/images/desktop/bg_offer.jpg) left top no-repeat; width: 900px; height: 470px; margin: 0 auto; position: relative;}
#price {width: 440px; margin: 80px 0 0 75px; _display: inline; float: left; text-align: center; position: relative; z-index: 10;}
#offordrow {width: 200px; padding-top: 10px; margin-left: 20px; _margin-left: 10px; overflow: hidden; clear: both;}
#offordrow .ordnwbtn {margin: 0 auto 5px; clear: both;}
#offordrow #ccimg {margin: 0; clear: both;}

#points {width: 310px; _display: inline; float: right; position: absolute; top: 25px; right: 15px; z-index: 10;}
#video {background: #000; width: 310px; height: 170px; margin: 0 auto 30px;}
#features {background: url(/images/desktop/featuresbtm.png) center bottom no-repeat; font-size: 16px; width: 307px; padding-bottom: 16px; margin: 5px auto 0; clear: both;}
	#features h3 {background-position: 0 -433px; width: 307px; height: 45px; _height: 44px; padding: 0; margin: 0; clear: both;}
#featuresli {background: #fff; width: 263px; padding: 10px 10px 4px; margin: -10px auto 0; clear: both; border: solid 3px #fff;
-webkit-box-shadow: inset 0 0 10px rgba(210,210,210,.75); -moz-box-shadow: inset 0 0 10px rgba(210,210,210,.75); box-shadow: inset 0 0 10px rgba(210,210,210,.75);}

#untreat-show {width: 900px; height: 275px; margin: 0 auto; clear: both;}

/* Mid Properties */
#midWrap {width: 860px; padding: 10px 20px; margin: 0 auto; clear: both;}
	#midWrap h3 {margin: 0 auto 12px;}
	#midWrap hr {margin: 20px auto; clear: both;}
.midtxt {width: 580px; float: right;}
.midli {font-size: 14px; padding: 0; margin: 0; clear: both;}
	.midli li {list-style: none; width: 186px; padding: 0; margin: 0 10px 10px 0; text-align: center; float: left; display: inline;}
	.midli li img {border: 1px solid #666; margin-bottom: 10px;}
	.midli li strong {text-transform: uppercase;}
	.midli li.midlst {margin-right: 0;}
.prodbnr {width: 255px; padding-bottom: 20px; text-align: center; float: left; position: relative;}
.prodbnr .ordnwbtn {position: absolute; bottom: 0; left: 30px; z-index: 10;}

#great h3 {background-position: 0 -478px; width: 495px;}

/* Footer Properties */
#footerContentWrap {width: 100%; min-width: 900px; height: auto; padding-top: 15px; margin: 0 auto; overflow: hidden;}
#footerNavWrap {color: #fff; width: 900px; height: auto; margin: 0 auto; padding: 0 0 10px; text-align: center; overflow: hidden;}
	#footerNavWrap a {color: #fff; text-decoration: none;}	
	#footerNavWrap a:hover {color: #dedede; text-decoration: underline;}
	#footerNavWrap ul, #footerNavWrap p {padding: 0 0 12px; margin: 0;}
	#footerNavWrap li {line-height: 14px;list-style: none; padding: 0; margin: 0 -2px 0 0; *margin-right: 2px; display: inline; *border-right: 1px solid #fff;}
	#footerNavWrap li:after {content: "|"; color: #fff;}
	#footerNavWrap li:last-child:after {content: "";}
		#footerNavWrap li a {padding: 0;}
		#footerNavWrap li span {padding: 0 5px;}
		#footerNavWrap li.footerLast {border-right: none; }
		#footerNavWrap li.footerLast:after {content: "";}
#footerNav {width: 700px; float: left; text-align: left;}
#footerCommon {width: 200px; float: right; text-align: right;}	
				
/* Subpage Properties */
#subtxt {width: 555px; min-height: 575px; height: auto !important; height: 575px; padding: 20px 20px 0 0; margin: 12px 0 8px 15px; float: left; border-right: 1px solid #bdbcbd; display: inline;}
	#subtxt li {padding-bottom: 6px;}
.subpage-text-nav {padding-bottom: 12px; margin: 0;}
#sidebar {width: 300px; margin: 12px 3px 8px 0; text-align: center; float: right;}
#sidebar .ordnwbtn {margin: 5px auto 0; clear: both;}
#subclear {height: 12px; clear: both; display: block;}