﻿body {}
h2{clear:both;}
H3 sup {position:relative; top:2px;}



.contentWrapper1 {width:820px; margin-left:10px;}
.contentWrapper1 h1 {margin-top:15px; margin-bottom:5px;}
.contentWrapper1 p {margin:.8em 0;}
.contentWrapper1 strong.brightText {color:#ff6600;}

.welcomeFormBox{width:830px; float:left; margin:20px 0 10px 0;}
.welcomeFormBox .rightBox{float:left; background: url(../images/rbox_right_welcome.jpg) no-repeat top left; width:420px; height:260px; position:relative;}
.rightBox1{float:left; background: url(../images/current/rbox_right_welcome2.jpg) no-repeat top left; width:420px; height:280px; position:relative;}
.formBox {width:830px; float:left; background:url(../images/rbox_top.png) no-repeat top left; margin:5px 0 10px 0; }
.formBox h2 { height:39px; line-height:39px; padding-left:20px; width:810px; padding-bottom:0; margin:0;}
.formBox h3 {color:#666666; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0; padding:0;}
.formBox .formBox2 {border:solid 1px #cccccc; float:left; width:788px; padding:10px 20px;}
.formBox .formBox2 .Col1{width:385px; float:left; border-right:dotted 1px #cccccc;  padding-right:5px; display:inline;}
.formBox .formBox2 .Col2{width:370px; float:left; padding-left:20px; }
.formBox input, .welcomeFormBox input {vertical-align:middle;}
.formBox p {margin:1em 0}

.greyboxes {width:830px; height:85px; background: url(../images/greyboxes.gif) no-repeat left top; clear:left; position:relative; margin:20px 0 0 0;}
.greyboxes .call1 {position:absolute;left: 30px; top: 18px; font: bold 18px Trebuchet MS, Helvetica, sans-serif; color:#666666;}
.greyboxes .call1 strong {font-size:16px;}
.greyboxes .call1 .email {font-size:14px; margin-top:0px;}
.greyboxes .call1 .email a{color:#666;}

.greyboxes .calldefault {position:absolute;left: 22px; top: 8px; font: bold 18px Trebuchet MS, Helvetica, sans-serif; color:#666666;}
.greyboxes .calldefault h2 {font-size:18px; margin: 0 0 0 0;}
.greyboxes .calldefault strong {font-size:16px;}
.greyboxes .calldefault .email {font-size:14px; margin-top:0px;}
.greyboxes .calldefault .email a{color:#666;}

.greyboxes .callcustom {position:absolute;left: 30px; top: 8px; font: bold 12px Trebuchet MS, Helvetica, sans-serif; color:#666666;}
.greyboxes .callcustom strong {font-size:20px;}
.greyboxes .callcustom .email {font-size:14px; margin-top:0px;}
.greyboxes .callcustom .email a{color:#666;}
.greyboxes .call2 {position:absolute; left: 210px; width:193px; top: 20px;  height: 38px; font:normal 10px/1.3 Verdana, sans-serif; color:#666666; }
.greyboxes .guarantee1{position:absolute; left: 457px; top: 20px; font: bold 35px Trebuchet MS, Helvetica, sans-serif; color:#666666; letter-spacing:-1px;}
.greyboxes .guarantee2{position:absolute; left: 611px; top: 24px; font: bold 14px Trebuchet MS, Helvetica, sans-serif; color:#666666;}
.greyboxes .guarantee3{position:absolute; left: 611px; top: 62px; font: bold 10px Trebuchet MS, Helvetica, sans-serif; color:#666666;}

.buttonWrapper {text-align:right; clear:both; padding-bottom:10px; }
.buttonWrapper div {float:right; padding-left:10px; }
.buttonWrapper div.rightBtn{float:left; padding-left:0px;}
.DropDownList01{width:200px}
.TextBox01{width:196px}
select {color:#333333; font-size:11px; font-family:Verdana;}

.stages {width:830px; float:left; margin:10px 0 1.7em 0; text-transform:uppercase; font-size:10px;}
.stages .step, .stages .step2, .stages .step3, .stages .step4,
.stages .step1_complete, .stages .step2_complete, .stages .step3_complete, .stages .step4_complete
{width:207px; text-align:center; float:left;}
.stages .step2, .stages .step3, .stages .step4
        {color:#cccccc;  border-bottom:solid 3px #cccccc;}
.stages .step1, .stages .step2, .stages .step3
        {background:url(../images/stage_divider01.gif) bottom right no-repeat;}
    
.stages .step1_complete, .stages .step2_complete, .stages .step3_complete, .stages .step4_complete
        {color:#999999; border-bottom:solid 3px #ff6600; float:left; }
.stages .step1_complete, .stages .step2_complete, .stages .step3_complete{background:url(../images/stage_divider02.gif) bottom right no-repeat;}
.stages .here {color:#000; font-weight:bold;}

/*begin store products selector*/

.sectionContainer {width:830px; border-top: solid 10px #000000; float:left; margin-bottom:10px; } 
.sectionContainer .headerBanner {width:830px; }
.sectionContainer .headerBanner Img {vertical-align:bottom;}

.otherItem {width:830px; float:left; clear: left; background-color: #e2e9ee; border-bottom:solid 1px #ccc; padding-bottom:6px;}
.storeItem {width:830px; float:left; clear: left;
 border-bottom:solid 1px #becbd4; background-repeat: no-repeat; background-position: 0px 79px;}


.learnMore { background-image: url(../images/whiteline.gif); background-repeat: no-repeat; background-position: 0px 79px; padding-bottom:5px; }
.storeItem { background-color: #e2e9ee; }
.rowAlt { background-color: #edf4fa; } 
.singleProduct .storeItem, .singleProduct .learnMore {background-position: 0px 59px;}

.otherItem .pictureBox{width:200px; float:left; margin:0; padding:5px 0;}
.pictureBox {width:268px; float:left; margin:10px 0 0px 0px;}/* margin-bottom is collapsed in FF - why? */
.pictureBox .productImage{width:268px; margin:0 auto; }

.pictureBox .rbox_top{ background:url(../images/rbox_top_product268.gif) no-repeat top; width:268px; margin:0 auto; margin-left: 0px;  padding-bottom: 5px; height: 40px;}


/* no padding until Learn More */
.singleProduct .pictureBox .productImage {padding-bottom:0;}/*end */
.learnMore .pictureBox .productImage, .pictureBox .productImage { background: url(../images/rbox_bot_product268.gif) no-repeat bottom; margin-left: 0; padding-bottom:5px; padding-top:10px; display:block;}



.rbox_top h3{padding-top:8px;}
.rbox_top h3, .rbox_top div.learn, .rbox_top div.close {padding-left:14px;}
.rbox_top div.learn{}

/* hide until Learn More */
.rbox_top div.close{display:none}
.rightColStore div.close{display:none}
.pictureBox .productImage img{ margin:auto; display:none;}
.storeItem .rightColStore .descriptionProduct{ width:465px; clear:both; padding-top:1px; padding-left: 10px; display:none}

/* end */


.storeItem  div.learn a{padding-left:1.5em; background: url(../images/bullet_learn.gif) no-repeat .2em .2em ; }
.storeItem div.close a{padding-left:1.5em; background: url(../images/bullet_close.gif) no-repeat .2em .2em ;} 

.rightColStore .descriptionProduct p {padding-top:5px; margin:.5em 0;}
.storeItem .descriptionProduct ul.productList {width:200px; }
.rightColStore .descriptionProduct ul.productList {list-style-type: none; padding:0; margin:0; float:left;}
 ul.productList li {list-style-type: none;}
.productList a{background-image: url(../images/bullet_question.gif); background-repeat: no-repeat; background-position: .15em .15em; padding-left:1.5em; cursor: pointer; }
.rightColStore .descriptionProduct .linkIndicator {padding-left:200px; clear:both; padding-bottom:0px; font-size:10px;}
.rightColStore .descriptionProduct .linkIndicator p{ padding-bottom:0px; font-size:10px; }
.rightColStore .descriptionProduct .linkIndicator p img {vertical-align:middle;}


.rightColStore {width:492px; float:left;}
.otherItem .rightColStore {width:610px; float:left; margin-top:10px;}
.otherItem .rightColStore .rboxInside h2 {font:Bold 12px/1.5 Verdana; vertical-align:middle;}
.otherItem .rightColStore .rboxInside .prodTitle{font:Bold 12px/1.5 Verdana; vertical-align:middle;
    margin:.3em 0 .3em.3em; padding:0; list-style:none; width:400px; float:left;  }


.otherItem .rightColStore .descriptionProduct {clear:both; width:610px; padding-top:5px; }
.otherItem .rightColStore .descriptionProduct p{padding:0 10px; }
.otherItem .descriptionProduct ul.productList {padding-left:10px;}

.rightColStore .infoRow {width:542px; height:80px; float:left;}
.singleProduct .infoRow {height:59px;}
.infoRow .check, .infoRow .pricing, .infoRow .buttonContainer, .infoRow .open_close_single {float:left; border-left: solid  1px #fff; height:100%; }
.pricingSingle {float:left; border-left: solid  1px #fff; height:100%; width: 242px; padding-left: 20px; }

.otherItem .rightColStore .pricing {width:200px;  float:right; }
.otherItem .rightColStore .pricing p{margin:1em; font:Bold 12px/1.7 Verdana;}
.otherItem .rightColStore .pricing p em{font-weight:normal; font-style:italic; font-size:11px; line-height:1.3em}
.infoRow .pricing {width:213px; margin:auto;overflow:auto;}
.infoRow .check {width:48px; text-align:center; padding-top:0px;}
.infoRow .check img {padding-top:25px;}
.infoRow .buttonContainer {width:81px; }
.infoRow .buttonContainer .orderNow {margin:auto; width:63px; display:block; margin-top:22px;}
.singleProduct .infoRow .buttonContainer .orderNow {margin-top:10px;}
.infoRow .pricing p, .infoRow .pricing p.savings {line-height:1.2em;}
.singleProduct .infoRow .pricing p{ margin-top:22px;}
.infoRow .pricing p{ font-size:11px; margin:10px 0 0 20px}
.infoRow .pricing p.savings{font-size:10px; color:#ff6600; margin-top:5px; }
.infoRow .open_close_single {width:186px; background:url(../images/bg_rbox_533.gif) no-repeat top right; margin:10px 10px 0 0; float:left;  border-left:none; display:inline; height:49px;}

.otherItem .rightColStore .rboxOutside{
	width:610px;padding-top:3px;background:url(../images/rbox_610_top.gif) no-repeat 0% 0%;float:left;}
.otherItem .rightColStore  .rboxOutside .rboxInside{width:610px; background:url(../images/rbox_610_bot.gif) no-repeat left bottom; float:left; padding-bottom:10px; }
/***In Mobility when no price is shown then  ***/
.noDivider .rightColStore .rboxOutside{ background-image:url(../images/rbox_610_top_noline.gif)}
.noDivider .rightColStore  .rboxOutside .rboxInside{background-image:url(../images/rbox_610_bot_noline.gif)}
.mbaddons{background-image:url(../images/rbox_610_bot_noline.gif); padding: 10px 10px 10px 20px;}


/*** SINGLE PRODUCT SECTION - not exclusive.  some above ***/
.singleProduct {margin-bottom:25px;}
.singleProduct .storeItem{background-color:#e8e8e8;}
.singleProduct .storeItem .rowAlt {background-color:#f2f2f2;}


.singleProduct .rowAlt {background-color:#f2f2f2;}
.singleProduct .headerBanner{width:830px; height:68px; background-color:#f3f3f3; border-bottom:solid 1px #c9c9c9;}
.singleProduct .headerBanner img{padding:0px 0 0px 0px;}

.singleProduct .storeItem .pictureBox {width:327px;  float:left; margin:10px 0 0 10px; background:url(../images/rbox_533_top.gif) no-repeat; display:inline;}
.singleProduct .pictureBox .rbox_top {background:url(../images/rbox_533_top.gif) no-repeat; height:40%; margin:0;}

.pictureBox {width:277px;  float:left; margin:10px 0 0 10px; background:url(../images/rbox_268_top.gif) no-repeat; display:inline;}
.pictureBoxAddOn {width:277px;  float:left; margin:10px 0 0 10px; background:url(../images/rbox_268_top.gif) no-repeat; display:inline;}


/*Learn More will display Extra Description */

.learnMore  div.close, .learnMore .pictureBox .productImage img, .learnMore .rightColStore .descriptionProduct{display:block;}
.learnMore  div.learn {display:none;}

.singleProduct div.learn, .singleProduct div.close { line-height:40px; padding-left:75px;}

/*Add-on white tables */
.otherItem table {width:610px; border:none; padding:0; border-spacing:0; font-size:11px;}
.otherItem th, .otherItem td {}
.otherItem table p {margin:5px 0;}
.otherItem table th{width:410px; padding-left:7px;  text-align:left;}
.otherItem table th h3 {margin-bottom:5px; margin-top:.7em;}
.otherItem table td.price{width:175px; padding-left:50px;}
.otherItem table td.price strong{font-size:13px; font-weight:bold;}
.otherItem table td.check{width:25px; vertical-align:top; padding-top:5px;}
.otherItem table td.check input{margin:0.3em 0;}

.pictureBoxAddOn{width:200px; float:left; margin:10px 0 0px 0px;}

/*** Shopping Cart ****/
th{text-align:left;}
td{vertical-align:top;}
table.cart01, table.contactInfo, table.payment{width:830px; border:none; border-spacing:0; font-size: 11px; margin:1em 0;}

table.cart01 th{background-color:#666; font-weight:bold; color:#fff;}
table.cart01 th {padding:2px 7px;}
table.cart01 td {vertical-align:top; padding:7px;}
table.cart01 tr.borderBottom td {border-bottom:solid 1px #999; }
table.cart01 tr.bottomRow td{ background-color:#ccc; padding:10px 0;}
table.cart01 tr.bottomRow td.total{text-align:right; padding-right:15px;}
table.cart01 tr.bottomRow td.cost {text-align:left}

table.cart01 tr.totalsRow td{background-color:#fff; padding:10px 0;}
table.cart01 tr.totalsRow td.total{text-align:right; padding-right:15px;}
table.cart01 tr.totalsRow td.cost {text-align:left}


table.cart01 td.trash{text-align:center; width:50px; padding-top:10px;}
table.cart01 td.price{text-align:left; width:120px;}
table.cart01 td.item{text-align:center; width:30px;}
table.cart01 td.prodName{width:65%}
table.cart01 td.prodName{}
table.cart01 .prodDesc {width:225px;}
table.cart01 .checkFranchise {width:230px; float:right; padding-right:2em;}

table.contactInfo{border-top:solid 10px #666; border-bottom:solid 1px #666; margin-bottom:5px;}
table.contactInfo tr.title th{font-weight:bold; background-color:#f2f2f2; padding:5px 10px;}
table.contactInfo .leftBorder {border-left:dotted 1px #999; width:50%;}
table.contactInfo td {padding-left:10px;}
table.contactInfo td table{width:310px; margin:10px 0;}
table.contactInfo td table th, .setPasswordBox th {font-weight:normal; white-space:nowrap; padding-right:10px;}
.setPasswordBox {background-color:#f2f2f2; padding:10px; margin-bottom: 10px;}
table.contactInfo table input{width:180px; font-size:11px;}
.setPasswordBox table{border:none; border-spacing:0; font-size: 11px; margin:1em 0;}

table.payment{border-bottom:solid 1px #666; padding-bottom:10px;}
table.payment th.placeOrder{background-color:#000; color:#fff; padding:2px 10px}
table.payment th.creditInfo{ background-color:#f2f2f2; padding:5px 10px; border-top:dotted 1px #999;}
table.payment td {padding:1px 10px 1px 10px; white-space:nowrap;}
table.payment td.squareBracketRight{border-left:solid 1px #000; text-align:left; vertical-align:middle;}
table.payment td.squareBracketTop{background:no-repeat url(../images/stroke.gif) top right; padding-right:25px;}
table.payment td.squareBracketBot{background:no-repeat url(../images/stroke.gif) bottom right; padding-right:25px;}
table.payment tr.topSpace td{padding-top:10px;}
table.payment tr.botSpace td{padding-bottom:10px;}
table.payment td.rightSpace {width:75%}
table.payment td.wider input{width:250px;}
table.payment td.credit table td {text-align:left; padding:0; margin:0x; border-spacing:0px;}

.finalSteps {float:left; line-height:1.7em; color:#666; margin-top:15px; padding:10px 0; border-top:solid 1px #ccc; }
.finalSteps div{float:left; text-transform:uppercase; font-weight:bold;}
.finalSteps div div{float:none;}

.greyBack{ background-color: Green;}
.infoText{ font-family: Verdana; font-size: 11px;}
.errorText{font-size: 10px; color: red; margin-left: 20px; margin-top: 3px;}
.franchiseButton{border:0; color: Blue; background-color: #ffffff; padding:0; cursor: pointer; text-decoration: underline; font-size: 12px; }
.textonlybutton{border:0; color: Blue; background-color: #ffffff; padding:0; cursor: pointer; text-decoration: underline; font-size: 12px; width: 130px; }
.NextButton{width:135px; height: 22px; background-color: #ff6600; color: #ffffff; border: solid 1px #a5a5a5; cursor: pointer;}

.AddToBundle{ position: relative; border: solid 1px #edf4fa; border-top: none; width: 788px; padding:20px; margin-top: 0px; }

/*Learn More Livepost*/
#LivePost .Column8i { width:825px; margin:10px 10px 10px 0px; float:left; background-image:url("/store/images/columnTopBar.gif"); background-repeat:repeat-x;border: solid 2px #ffbc45;}
#LivePost .Column8i p { padding: 10px 0 0 10px; margin:0;}
#LivePost .Column8i h2 { padding: 10px 0 0 10px; margin:0; font-size:14px; font-weight:bold; color:#333333; line-height:18px;}
#LivePost .contentLayout7i{padding:10px 0 7px 0; width: 620px;}
#LivePost .Wide{ width:825px; clear:both;}
#LivePost .leftColumn8i {float:left; width:290px; padding:0; margin:0; }
#LivePost .rightColumn8i {float:left; width:420px; margin: 0 0 0 0; padding:20px 0 20px 0; }


.rightStoreStartBox{float:left;  width:420px;  position:relative;}
.buttonClearText{ background-color: Transparent; border: none; cursor: pointer;}
