body { font-family: arial,verdana;
               font-size: 9pt; 
               background-repeat: no-repeat;
               background-image: url(../images/backgrounds/affordit_bckimage.gif); background-position: top;
               margin:0; color: #666666; }
               
        body.iframe { font-family: verdana, arial;
               font-size: 9pt;   background: none;
               margin:10px; color: #666666; }
 
        a { color: #1492df; text-decoration: none; }
        a:hover { color: #000000; text-decoration: underline; }
        
        p { padding: 6px 0 6px 0; }
        ul { margin: 0 0 0 25px; padding: 3px; }
        ul li { padding: 3px; }
        div#bodyOuter {width: 940px; margin: 0 auto 0 auto; } 
        div#bodyHdr { float:left; width: 940px; height: 81px; }
        div.separatorTop { margin-top: 15px;}
        div.clear { clear:both; }
        div#bodyHdrInner { } 
        
        div.bodyFtr { font-weight: bold; background: #ffffff; border-top: 1px solid #cccccc; padding: 5px 15px 5px 15px; }
        div.pageHdr { margin-bottom: 15px; }
        
        div.mainBody
        { 
            width: 940px; 
            clear:both;
			background: #ffffff;
        }
        div.mainBody div.innerBody { padding: 15px; min-height: 500px; }
       
        div.mainBody div.titleBody { padding: 0px 0px 10px 0px; }
        div.mainBody div.innerBody div.right { float: right; width: 280px; }
		div.mainBody div.innerBody div.left { margin-right: 280px; }  
		
		
        div#bodyOuter2 {width: 931px; margin: 0 auto 0 auto; } 
        div.mainBody2
        {
            padding: 5px 0 0px 0;
            width: 931px;
            margin-bottom: 10px;
        }  
	    
        ul#topnav
        {
            list-style-type: none;
            text-align: center;
            margin: 0 0 0 0;
            padding: 3px 0 0 0;
            font-size: 9pt; 
            float:right;
            height: 28px;
            width: 500px;
            overflow: auto;
        }  
        ul#topnav li
        {
            height: 28px;
            margin: 0;
            padding: 0 10px 0 10px;
            float: right;  
            text-align: center; 
        } 
        ul#topnav li a 
         { color: #206c9d; font-weight: bold; font-size: 9pt; }
        ul#nav li a:Hover 
        { 
            background-position: 0 -30px;
        }
        ul#nav li > a.on
        { 
            background-position: 0 -30px;
        }
        div#nav-outer { background: #00ff00; display: block; width: 100%; height: 30px; background: url(../images/backgrounds/nav_bck.gif); background-repeat: repeat-x; }
        div#right-nav { float: right; width: 180px; }
        div#right-nav div.inner { padding: 8px 0 0 0; } 
        div#nav-outer a { color: #638b2a; font-weight: bold; }
        
        ul#nav
        {
            list-style-type: none;
            text-align: center;
            margin: 0 0 0 0;
            padding: 0;
            font-size: 9pt; 
            float:left;
            height: 30px;
            width: 730px;
            overflow: auto;
        }  
        ul#nav li
        {
            height: 30px;
            margin: 0;
            padding: 0 1px 0 0;
            float: left;  
            text-align: center;
            background: #8bb744;
        } 
        ul#nav li a
        {
            float: left;   display:block; 
            font-weight: bold;
            color: #ffffff;
            background: url(../images/backgrounds/nav_bck.gif); background-repeat: repeat-x;
            text-decoration: none;
            padding: 8px 25px 7px 25px;
        }
        ul#nav li a:Hover 
        { 
            background-position: 0 -30px;
        }
        ul#nav li.Selected a
        {
        	color: #ffffff;
        }
	
	 
        div.acctNavMid
        {
            height: 28px;
            width: 150px;
            float: right;
            margin: 0;  
            font-weight: bold;
            text-align: center;
            background-image: url(../../images/themes/AffordIt1/backgrounds/bck_acctnav_mid.gif);
            background-repeat: repeat-x;
            background-position: left bottom; 
        }  
         div.acctNavInner { padding: 5px 0 0 0; }
        div.acctNavRt
        {
            width: 6px;
            height: 28px;
            margin: 0;
            padding: 0;
            float: right;
            background-image: url(../../images/themes/AffordIt1/backgrounds/bck_acctnav_rt.gif);
            background-repeat: no-repeat;
            background-position: left bottom;  
        }
        div.acctNavLft
        {
            width: 6px;
            height: 28px;
            margin: 0;
            padding: 0;
            float: right;
            background-image: url(../../images/themes/AffordIt1/backgrounds/bck_acctnav_lft.gif);
            background-repeat: no-repeat;
            background-position: left bottom;  
        }

        div.acctNavSide
        {
            height: 28px;
            width: 320px;
            float: right; 
            margin: 0;  
            padding-right: 10px; 
        }  
    
        span.alert { color: #cc0000; font-weight:bold;} 

/* begin home page */  
        h1 { color: #000000; font-size: 18pt; margin: 0; padding: 0; }
        h1.productName { font-size: 14pt; }
        h2 { color: #5196bf; font-size: 12pt; margin: 0; padding: 0; } 
        h3 { color: #5196bf; font-size: 12pt; margin: 5px 0 5px 0; padding: 0; }
        h5 { color: #5196bf; font-size: 12pt; margin: 5px 0 5px 0; padding: 0; }
        .dark { color: #0A5D8D; } 
        .light { color: #2499E1; } 
        h2.prodName { color: #000000; }
        h3.hdr { color: #1492df; font-size: 11pt; font-weight: bold; }
        textarea{ border: 1px solid #b6b5b5;   }
        td.prodReslt:hover { cursor: pointer; }
          
        /*AffordIt2 master page*/
        div.mainBody2 div.title { padding: 5px 10px 10px 10px; }
        div.roundedWideTop { background: url(../../images/themes/AffordIt1/backgrounds/bck_rounded_top.gif); background-repeat: no-repeat; 
								display: block; float:left; height: 10px; width: 931px;}
		div.roundedWideMid { background: url(../../images/themes/AffordIt1/backgrounds/bck_rounded_mid.gif); background-repeat: repeat-y; 
								display: block; float:left; width: 931px;}
        div.roundedWideMid div.inner { padding: 0px 10px 0 10px; }
        div.roundedWideMid div.inner div.right { float: right; width: 280px; }
		div.roundedWideMid div.inner div.left { margin-right: 280px; } 
		div.roundedWideBtm { background: url(../../images/themes/AffordIt1/backgrounds/bck_rounded_bttm.gif); background-repeat: no-repeat; 
								display: block; float:left; height: 10px; width: 931px; }
				
        			
        div.wide1 { display: block; width: 910px; margin-left: auto; margin-right: auto; }
        div.wide1 div.wide1Top { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_yline_top.gif); } 
        div.wide1 div.wide1Mid { display: block; background: url(../../images/themes/AffordIt1/boxes/rnd_yline_mid.gif);  background-repeat: repeat-y; }
        div.wide1 div.wide1Bttm { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_yline_bttm.gif); } 
        
        div.wide1 div.wide1Mid div.wide1Inner { padding: 0 10px 0 10px; }
        div.wide1 div.wide1Mid div.wide1Inner div.left { float: left; width: 280px; padding: 0 20px 0 10px; margin-right: 10px;  border-right: 1px solid #EEE298; }
        div.wide1 div.wide1Mid div.wide1Inner div.left table tr td.lbl { border-top: 1px solid #EEE298; padding: 5px; }
        div.wide1 div.wide1Mid div.wide1Inner div.left table tr td.dta {border-top: 1px solid #EEE298; padding: 5PX; }
        div.wide1 div.wide1Mid div.wide1Inner div.left table tr td.dtaBig {border-top: 1px solid #EEE298; padding: 5PX; font-weight: bold; font-size: 11pt; }
        div.wide1 div.wide1Mid div.wide1Inner div.right { width: 524px; display: block; float: left; }
        div.wide1 div.wide1Mid div.wide1Inner div.left h2.hdr {padding: 0 0 5px 0; } 
          	
        div.wide1Filled { display: block; width: 910px; margin-left: auto; margin-right: auto; }
        div.wide1Filled div.top { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_yllw_top.gif); } 
        div.wide1Filled div.mid { display: block; background: url(../../images/themes/AffordIt1/boxes/rnd_yllw_mid.gif);  background-repeat: repeat-y; }
        div.wide1Filled div.bttm { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_yllw_bttm.gif); }  
        div.wide1Filled div.mid div.inner { padding: 0 10px 0 10px; }
        
        div.receipt-wide { }
        div.receipt-wide div.receipt-left { float: left; width: 280px; padding: 0 20px 0 10px; margin-right: 10px;  border-right: 1px solid #EEE298; }
        div.receipt-wide div.receipt-left table tr td.lbl { border-top: 1px solid #EEE298; padding: 5px; }
        div.receipt-wide div.receipt-left table tr td.dta {border-top: 1px solid #EEE298; padding: 5PX; }
        div.receipt-wide div.receipt-left table tr td.dtaBig {border-top: 1px solid #EEE298; padding: 5PX; font-weight: bold; font-size: 11pt; }
        div.receipt-wide div.receipt-right { width: 524px; display: block; float: left;  }
     
        div.narrow1 { display: block; width: 656px;  }
        div.narrow1 div.top { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_ylinesm_top.gif); } 
        div.narrow1 div.mid { display: block; background: url(../../images/themes/AffordIt1/boxes/rnd_ylinesm_mid.gif);  background-repeat: repeat-y; }
        div.narrow1 div.bttm { display: block; height: 10px; background: url(../../images/themes/AffordIt1/boxes/rnd_ylinesm_bttm.gif); }  
        div.narrow1 div.mid div.inner { padding: 0 10px 0 10px; }
        
        div.rcptBillAddress { width: 48%; float: left; padding: 0 5px 0 0; border-right: 1px solid #EEE298; height: 100px; }
        img.icMail { float: right; width: 60px; height: 40px; background: url( ../../images/themes/AffordIt1/icons/ic_mail.gif); background-repeat: no-repeat;}
        div.rcptBillAddress div.inner { padding: 5px 0 0 10px; font-size: 10pt; } 
        
        div.rcptShipAddress { width: 48%; float: left;  padding: 0 5px 0 0; }
        img.icTruck { float: right; width: 73px; height: 40px; background: url( ../../images/themes/AffordIt1/icons/ic_truck.gif); background-repeat: no-repeat;}
        div.rcptShipAddress div.inner { padding: 5px 0 0 10px; font-size: 10pt; } 
        
        div.rightBlue1 { display: block; width: 561px; margin-left: auto; margin-right: auto; }
        div.rightBlue1 div.rightBlue1Top { display: block; height: 7px; background: url(../../images/themes/AffordIt1/boxes/rnd_ltblu_top.gif); } 
        div.rightBlue1 div.rightBlue1Mid { display: block; background: url(../../images/themes/AffordIt1/boxes/rnd_ltblu_mid.gif);  background-repeat: repeat-y; }
         div.rightBlue1 div.rightBlue1Mid div.inner {  padding: 3px 10px 3px 10px; }
       div.rightBlue1 div.rightBlue1Bttm { display: block; height: 7px; background: url(../../images/themes/AffordIt1/boxes/rnd_ltblu_bttm.gif); } 
        
        
        table.tblData tr td.lbl { border-top: 1px solid #EEE298; padding: 5px; }
        table.tblData tr td.lblBig { border-top: 1px solid #EEE298; padding: 5px; font-weight: bold; font-size: 11pt;  }
        table.tblData tr td.dta {border-top: 1px solid #EEE298; padding: 5PX; }
        table.tblData tr td.dtaBig {border-top: 1px solid #EEE298; padding: 5PX; font-weight: bold; font-size: 11pt; }
        table.tblData tr td.dtaExtraBig {border-top: 1px solid #EEE298; padding: 5PX; font-weight: bold; font-size: 14pt; font-family: Arial Black, Arial; }
     
        /*AffordIt2LeftBox master page*/
        div.roundedLeftOuter { float: left; width: 640px; }
        div.roundedLeftTop  { background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedleft_top.gif);
                        background-repeat: no-repeat; display: block; float: left; height: 7px; width: 640px; } 
        div.roundedLeftMid { background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedleft_mid.gif);
                        background-repeat: repeat-y; display: block; float: left; width: 640px; }
        div.roundedLeftMid div.inner { padding: 5px 9px 5px 9px; }
        div.roundedLeftBtm { background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedleft_bttm.gif);
                        background-repeat: no-repeat; display: block; float: left; height: 6px; width: 640px; }
        div.roundedLeftRight { float: right; width: 280px; } 
                
        /*background / boxes*/
        div.acctToolsHdr {float: left; width: 282px; height: 30px; background: url(../../images/themes/AffordIt1/headers/hdr_account_tools.gif);
							background-repeat: no-repeat;}
		div.rightSmBordTop {float: left; width: 282px; height: 7px; background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedsm_top.gif); background-repeat: no-repeat;}
		div.rightSmBordMid { float: left; width: 282px; background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedsm_mid.gif); background-repeat: repeat-y; }
		div.rightSmBordMid div.inner {padding: 0 4px 0 4px; }
		div.rightSmBordBtm {float: left; width: 282px; height: 8px; background: url(../../images/themes/AffordIt1/backgrounds/bck_roundedsm_bttm.gif); background-repeat: no-repeat; }
		div.rightSmBordMid div.inner h3 {color: #5096be; font-size: 9pt; font-weight: bold; }
		
	 	div.rightShadow { float: left; width: 280px; border: 1px solid #c5c5c5; }
	 	div.rightShadowHdr { float: left; width: 280px; height: 30px; background: #c5c5c5;  border: 1px solid #c5c5c5; color: #ffffff; font-weight: bold; font-size: 10pt; } 
		div.rightShadowHdr div.inner { padding: 7px 10px 0 10px; } 
		div.rightShadow div.inner {padding: 4px; }
		div.rightShadowBtm {float: left; width: 280px; height: 4px; background: url(../../images/themes/AffordIt1/backgrounds/shadowbttm.gif); background-repeat: repeat-x; }
		div.rightShadow div.inner h3 {color: #5096be; font-size: 9pt; font-weight: bold; }
		
	 	div.leftShadow { float: left; width: 270px; border: 1px solid #c5c5c5; }
	 	div.leftShadowHdr { float: left; width: 270px; height: 30px; background: #c5c5c5;  border: 1px solid #c5c5c5; color: #ffffff; font-weight: bold; font-size: 10pt; } 
		div.leftShadowHdr div.inner { padding: 7px 10px 0 10px; } 
		div.leftShadow div.inner {padding: 4px; }
		div.leftShadowBtm {float: left; width: 270px; height: 4px; background: url(../../images/themes/AffordIt1/backgrounds/shadowbttm.gif); background-repeat: repeat-x; }
		div.leftShadow div.inner h3 {color: #5096be; font-size: 9pt; font-weight: bold; }
		
		div.prodWideOnYllw { font-size: 8pt;float: right; width: 599px; height: 111px; background: url(../../images/themes/AffordIt1/backgrounds/bck_prod_wide_ylw.gif); background-repeat: no-repeat; }
		div.prodNarrowOnYllw { font-size: 8pt;float: right; width: 158px; height: 227px; background: url(../../images/themes/AffordIt1/backgrounds/bck_prod_ylw.gif); background-repeat: no-repeat; }
  
		div.leftHighlightBoxTop { float: left; width: 620px; padding: 0; height: 10px; background: url(../../images/themes/AffordIt1/backgrounds/rnd_y_top.gif); background-repeat: no-repeat; }
		div.leftHighlightBoxMid { float: left; width: 620px; padding: 0; background: url(../../images/themes/AffordIt1/backgrounds/rnd_y_mid.gif); background-repeat: repeat-y; }
		div.leftHighlightBoxMid div.inner { padding: 3px 10px 2px 10px; }
		div.leftHighlightBoxBtm { float: left; width: 620px; padding: 0; height: 10px; background: url(../../images/themes/AffordIt1/backgrounds/rnd_y_bttm.gif); background-repeat: no-repeat; }
		
		div.leftWhiteOnYllwPayCheck { float: left; width: 597px; padding: 0; height: 6px; background: url(../../images/themes/AffordIt1/backgrounds/bck_paybox_topcheck.gif); background-repeat: no-repeat; }
		div.leftWhiteOnYllwPayCC { float: left; width: 597px; padding: 0; height: 6px; background: url(../../images/themes/AffordIt1/backgrounds/bck_paybox_topcredit.gif); background-repeat: no-repeat; }
	    a.payTabCC { margin-left: 4px;float: right; height: 22px; width: 140px; background: url(../../images/themes/AffordIt1/backgrounds/tab_credit.gif); 
	                background-repeat: no-repeat; background-position: -140px; }
        a.payTabACH { float: right; height: 22px; width: 98px; background: url(../../images/themes/AffordIt1/backgrounds/tab_check.gif); background-repeat: no-repeat;background-position: top left; }
		
		div.leftWhiteOnYllwTop { float: left; width: 597px; padding: 0; height: 6px; background: url(../../images/themes/AffordIt1/backgrounds/bck_whiteonyllw_top.gif); background-repeat: no-repeat; }
		div.leftWhiteOnYllwMid { float: left; width: 597px; padding: 0; background: url(../../images/themes/AffordIt1/backgrounds/bck_whiteonyllw_mid.gif); background-repeat: repeat-y; }
		div.leftWhiteOnYllwMid div.inner { padding: 4px 10px 4px 10px; }
		div.leftWhiteOnYllwBtm { float: left; width: 597px; padding: 0; height: 6px; background: url(../../images/themes/AffordIt1/backgrounds/bck_whiteonyllw_bttm.gif); background-repeat: no-repeat; }
		
		div.wideBox div.boxTop { float: left; width: 628px; padding: 0; height: 4px; background: url(../../images/themes/AffordIt1/boxes/wbox_top.png); background-repeat: no-repeat; }
		div.wideBox div.boxMid { float: left; width: 628px; padding: 0; background: url(../../images/themes/AffordIt1/boxes/wbox_mid.png); background-repeat: repeat-y; }
		div.wideBox div.boxMid div.inner { padding: 4px 10px 4px 10px; }
		div.wideBox div.boxBottom { float: left; width: 628px; padding: 0; height: 4px; background: url(../../images/themes/AffordIt1/boxes/wbox_bottom.png); background-repeat: no-repeat; }
		
		table.tblSignupOpt tr td { font-size: 8pt; font-weight: bold; }
		 
		.iconVS { width: 40px; height: 40px; background: url(../../images/themes/AffordIt1/icons/ic_versus.png); background-repeat: no-repeat; display: inline-block; }
        
        
        
        /*meter bar styles */
        div.meterBarOuter { width: 180px; height: 20px; background: #ffffff; float: left; }
        div.meterBarGREAT { height: 20px; float: left; background: #9fd82d; }
        div.meterBarGOOD { height: 20px; float: left; background: #fafd01; }
        div.meterBarFAIR { height: 20px; float: left; background: #fda701; }
        div.meterBarPOOR { height: 20px; float: left; background: #db0101; }
        div.meterBarLabel { width: 50px; padding: 3px 0 0 5px; height: 20px; float: left; }
        
        span.spnOverallGREAT {font-size: 14PT; color: #9fd82d; }
        span.spnOverallGOOD {font-size: 14PT; color: #ebe05c;  }
        span.spnOverallFAIR { font-size: 14PT; color: #fda701; }
        span.spnOverallPOOR { font-size: 14PT; color: #db0101; }
        
        span.meterValue { font-weight: bold; color: #000000; }
        
        ul.subNav1 { margin: 0 0 0 25px; padding: 2px 0 0 0; list-style-image: url(../../images/themes/AffordIt1/icons/ic_arrow_sm.gif); font-size: 8pt; font-weight: bold; }
        ul.subNav1 li { padding: 4px 0 4px 0; }
        
        
        .salePrice { color: #8ab745; font-weight: bold; }
        .moPaymentLink {  font-size: 10pt; font-weight:bold; }
        .moPaymentPrice { font-family: Arial Black, Arial, Verdana; font-size: 14pt; }
        div.productBoxFeat { border: 1px solid #cccccc;font-weight: bold; display: block; width: 226px; height: 241px; }
        div.productBoxFeat:hover { cursor: pointer; border: 1px solid #666666;}
        div.productBoxFeat div.viewMore { text-align: right; float:right; margin-top: 50px; width: 50px; height: 10px; }
        
        .priceMed { color: #1492df; font-family: Arial Black, Arial; font-size: 14pt; }
        .priceXLrg { color: #1492df; font-family: Arial Black, Arial; font-size: 28pt; }
        .termMed { color: #1492df; font-family: Arial; font-size: 11pt; font-weight:bold; }
        
        .trProdCredOpt { }
        .trProdCredOpt:hover { cursor: pointer; }
        .trProdCredOpt td { background: #ffffff; border-bottom: 1px solid #ebe05c; padding: 5px; }
        .trProdCredOpt td.prodCredOptOn { background: #ffffcc; border-bottom: 1px solid #ebe05c; padding: 5px; }
        
        
		div.calcLeftHdr { float:left; height: 15px; width: 283px; 
		                  background: url(../../images/themes/affordit1/backgrounds/calcbck_top.gif); background-repeat: no-repeat; }
		div.calcLeftMid { float:left; height: 350px; width: 283px; color: #4b6f85;
		                   background: url(../../images/themes/affordit1/backgrounds/calcbck_mid.gif); background-repeat: repeat-y; }
		div.calcLeftFtr { float:left; height: 15px; width: 283px; background: url(../../images/themes/affordit1/backgrounds/calcbck_bttm.gif); background-repeat: repeat;  }
		
		
		/* popups */  
		div.popupBG {width: 100%; height: 100%; position: absolute; left: 0; top: 0;  
			width: 100%; margin: auto; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;
			background: #FFFFFF; display: none; z-index: 1000;} 
		    
		div.popup1 { position: absolute; width: 620px; display: none; }
		div.popup1 div.top { background: url(../../images/themes/affordit1/backgrounds/popup_top.gif); 
								background-repeat: no-repeat; height: 10px; width: 620px;  display: block; overflow: hidden; }
		div.popup1 div.mid { background: url(../../images/themes/affordit1/backgrounds/popup_mid.gif); 
								background-repeat: repeat-y; width: 620px; text-align: left; }
		div.popup1 div.bttm { background: url(../../images/themes/affordit1/backgrounds/popup_bttm.gif); 
								background-repeat: no-repeat; height: 10px; width: 620px;  display: block; overflow: hidden; }  
		div.popup1 div.mid div.inner {padding: 10px;}
		div.popup1 div h1  { color: #FF9900;}
		
		.altColor1 { color: #1492df; }
		.altColor2 { color: #87b127; }
		/* home page */
		
		div.prodHomePgFeat { float: left; width: 226px; height: 253px; border: 2px solid #7dbce5; background: #FFFFFF; margin-right: 13px; }
		div.prodHomePgFeat:hover { border: 2px solid #666666; }
		
		
		/* product search */
    		
            a.paging1 {margin: 0px 3px 0px 3px; padding: 5px; }
            a.paging1:hover { }
            span.paging1Off {margin: 0px 3px 0px 3px; padding: 5px;  }
            span.paging1Sel {margin: 0px 3px 0px 3px; padding: 5px; font-weight: bold;   }
            div.prodSrchRslt { display: block; float: left; width: 210px; height: 225px;  border: 2px solid #cccccc; margin: 5px;  }
            div.prodSrchRslt:hover { border: 2px solid #7dbce5;  }
        
        div.prodSrchRsltFeat { border: 1px solid #cccccc;font-weight: bold; display: block; width: 230px; height: 241px; }
        div.prodSrchRsltFeat:hover { cursor: pointer; border: 1px solid #666666;}
        div.prodSrchRsltFeat div.viewMore { text-align: right; float:right; margin-top: 50px; width: 50px; height: 10px; }
        div.shoppingLeftHdr { background: url(../../images/themes/affordit1/backgrounds/fbck_top.gif); height: 29px; width: 180px; display:block; color: #ffffff; }
        div.shoppingLeftHdr H2 {color: #ffffff; padding: 5px 5px 5px 10px;}
        div.shoppingLeftInner { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; }
        div.shoppingLeftFtr { background: url(../../images/themes/affordit1/backgrounds/fbck_bttm.gif); height: 6px; width: 180px; display:block; color: #ffffff; }
        
        ul.shopFilter
        {
            list-style-type: none;
            margin: 0;
            padding: 0 5px 7px 10px;
        }
        ul.shopFilter li
        {
            margin: 0;
            padding: 2px 0 2px 5px;
            font-size: 8pt;
        }
        div.shopFilterHdr
        {
            background: #f2f1f0;
            padding: 5px 5px 5px 10px;
        }
        a.btnSearchGo { width: 27px; height: 25px; background: url(../../images/themes/affordit1/buttons/bttn_go.gif); float: left; }
        a.btnSearchGo:hover {background-position: -27px; cursor: pointer; } 
        
		/* product details */
		
        		
        div.prodLandHdr { float: left; display: block; background: #8ab745; width: 910px; height: 42px; }
        div.prodLandHdr div.step1 { float: left; padding-left: 25px; width: 154px; }
        div.prodLandHdr div.step2 { float: left; padding-left: 25px; width: 171px; }
        div.prodLandHdr div.step3 { float: left; padding-left: 25px; width: 184px; }
        div.prodLandBtm { clear:left;border-left: 2px solid #8ab745;border-right: 2px solid #8ab745;border-bottom: 2px solid #8ab745; background: url(../../images/themes/affordit1/backgrounds/prodland_bg.gif);}
        div.prodLandBtm div.right { float: right; background: #ffffff; width: 287px; border-left: 1px solid #8ab745; }
        div.prodLandBtm div.left { margin-right: 287px; background: #ffffcc; padding: 14px;border-right: 1px solid #8ab745; }

        div.prodDetailsHdr { padding: 15px 0 15px 0; }
        div.prodDetailsHdr div.prodDetailsImg { float: left; width: 348px; height: 286px; text-align:center; }
        div.prodDetailsHdr div.prodDetailsImg2 { float: left; width: 245px; height: 246px; text-align:center; }
        div.prodDetailsHdr div.credOptionsOuter { float: right; width: 265px; height: 250px; }
        div.prodDetailsHdr div.credOptionsOuter { float: right; width: 265px; height: 250px; }
        div.prodDetailsHdr div.credOptionsOuter div.credOptHdr { display:block; width: 265px; height: 6px; background: url(../../images/themes/affordit1/backgrounds/box_narrw_ylw_top.gif); background-repeat: no-repeat; }
        div.prodDetailsHdr div.credOptionsOuter div.credOptMid { float:right; width: 265px; background: url(../../images/themes/affordit1/backgrounds/box_narrw_ylw_mid.gif); background-repeat: repeat-y; }
        div.prodDetailsHdr div.credOptionsOuter div.credOptMore { float:right; width: 265px; font-size: 8pt; text-align:right; height: 8px; padding: 5px 0 5px 0; background: url(../../images/themes/affordit1/backgrounds/box_narrw_ylw_mid.gif); background-repeat: repeat-y; }
        div.prodDetailsHdr div.credOptionsOuter div.credOptBtm { clear:right;display:block; width: 265px; height: 6px; background: url(../../images/themes/affordit1/backgrounds/box_narrw_ylw_bttm.gif); background-repeat: no-repeat; }
        div#divSelOption { position: absolute; display:none; top: -1000px; width: 282px; height: 162px; background: url(../../images/themes/affordit1/backgrounds/calloutbx_price.gif); background-repeat: no-repeat; margin-right: 5px; }
        div#divCredOptionProdLand { display:block; float:left; width: 310px; height: 106px; background: url(../../images/themes/affordit1/boxes/calloutbx_price2.gif); background-repeat: no-repeat; }
        
        .faqQuestion { color: #8AB745; font-weight: bold; }
        .faqA { color: #1492df; font-weight: bold; }
        
		#tooltip {
			position: absolute;
			z-index: 3000;
			border: 1px solid #111;
			background-color: #eee;
			padding: 5px;
			opacity: 0.85;
		}
		#tooltip h3, #tooltip div { margin: 0; } 
		
		.separator-top { margin-top: 15px; }
		.separator-bottom { margin-bottom: 15px; }
		
        ul.blue_star
        {
            list-style-image: url(../../images/themes/AffordIt1/icons/asterix_blue.png); font-size: 8pt; margin-left: 25px;
        }
        
        /*order status */
        
        /*new,awaiting payment, declined*/
        .orderStatus1, .orderStatus2, .orderStatus6 { color: #666666; font-weight: bold; font-size: 11pt; }
        /*PROCESSING*/
        .orderStatus9 { color: #00A3E4; font-weight: bold; font-size: 11pt; }
        /*COMPLETED / SHIPPED*/
        .orderStatus4 { color: #65A803; font-weight: bold; font-size: 11pt; }
        /*CANCELED / REFUNDED*/
        .orderStatus5, .orderStatus8 { color: #F64849; font-weight: bold; font-size: 11pt; } 
        
        /*plan status */
        
        /*new,awaiting payment, declined*/
        .planStatus4, .orderStatus6 { color: #666666; font-weight: bold; font-size: 11pt; }
        /*canceled*/
        .orderStatus3 { color: #00A3E4; font-weight: bold; font-size: 11pt; }
        /*CURRENT, PAID OFF*/
        .planStatus1, .planStatus5 { color: #65A803; font-weight: bold; font-size: 11pt; }
        /*DELINQUENT*/
        .planStatus2  { color: #F64849; font-weight: bold; font-size: 11pt; } 
         
         /*payment history*/
         .greenPayNum { width: 40px; padding: 8px 0 8px; text-align: center; display:block; color: #ffffff; font-weight: bold; background: url(../images/backgrounds/nbck_green.gif); background-repeat: no-repeat; background-position: center center; }
         .asterixPayNum {width: 40px; padding: 8px 0 8px; text-align: center; display:block; color: #ffffff; font-weight: bold; background: url(../images/backgrounds/nbck_asterix.gif); background-repeat: no-repeat; background-position: center center; }
        
         .redPayNum {width: 40px; padding: 8px 0 8px; text-align: center; display:block; color: #ffffff; font-weight: bold; background: url(../images/backgrounds/nbck_red.gif); background-repeat: no-repeat; background-position: center center; }
         .bluePayNum {width: 40px; padding: 8px 0 8px; text-align: center; display:block; color: #ffffff; font-weight: bold; background: url(../images/backgrounds/nbck_blue.gif); background-repeat: no-repeat; background-position: center center; }
         
         .grayPayNum {width: 40px; padding: 8px 0 8px; text-align: center; display:block; color: #ffffff; font-weight: bold; background: url(../images/backgrounds/nbck_gray.gif); background-repeat: no-repeat; background-position: center center; }
          
          
          tr.redPaymentRow td.paymentData { color: #F64849; }
          tr.redPaymentRow td.paymentData img.cardicon { width: 11px; height: 9px; background: url(../images/icons/i_redcard.gif); background-repeat: no-repeat; background-position: center center;}
        
          tr.bluePaymentRow td.paymentData { color: #00A3E4; font-weight:bold; }
          tr.bluePaymentRow td.paymentData img.cardicon { width: 11px; height: 9px; background: url(../images/icons/i_bluecard.gif); background-repeat: no-repeat; background-position: center center;}
        
          tr.grayedOutPaymentRow td.paymentData { color: #BFBFBF; }
          tr.grayedOutPaymentRow td.paymentData span.cardicon { width: 11px; height: 2px; background: #BFBFBF; background-repeat: no-repeat; background-position: center center;}
        
          tr.defaultPaymentRow td.paymentData {  }
          tr.defaultPaymentRow td.paymentData span.cardicon {  width: 11px; height: 9px; background: url(../images/icons/i_greencard.gif); background-repeat: no-repeat; background-position: center center;}
         
          div.progress-bar-left { width: 7px; height: 28px; min-height: 28px; display:block; float: left;  background: url(../images/backgrounds/prog_lft.gif); }
          div.progress-bar-right { width: 7px; height: 28px; min-height: 28px; display:block; float: right;  background: url(../images/backgrounds/prog_rt.gif); }
          div.progress-bar-right-fin { width: 7px; height: 28px; min-height: 28px; display:block; float: right;  background: url(../images/backgrounds/prog_fin.gif); }
          div.progress-bar-mid {height: 28px; width: 290px; min-height: 28px;  background: url(../images/backgrounds/prog_white.gif); background-repeat: repeat-x; }
          div.progress-bar-completed {height: 28px; min-height: 28px;  background: url(../images/backgrounds/prog_blue.gif); background-repeat: repeat-x; 
                 display: block; overflow:hidden; color: #ffffff; font-weight:bold; text-align:right;}
           
        /*account buttons*/
        
		.ql-change-paymentdate-button { width: 233px; height: 42px; background: url(../images/buttons/b_changepaydate.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .ql-change-paymentdate-button:hover { background-position: -233px 0; cursor: pointer; }
        
		.ql-manage-account-button { width: 233px; height: 42px; background: url(../images/buttons/b_manageaccount.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .ql-manage-account-button:hover { background-position: -233px 0; cursor: pointer; }
        
		.ql-add-paymentmethod-button { width: 233px; height: 42px; background: url(../images/buttons/b_addmethod_lg.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .ql-add-paymentmethod-button:hover { background-position: -233px 0; cursor: pointer; }
        
		.add-paymentmethod-bttn { width: 122px; height: 24px; background: url(../images/buttons/b_addmethod.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .add-paymentmethod-bttn:hover { background-position: -122px 0; cursor: pointer; }
        
		.make-payment-bttn { width: 118px; height: 24px; background: url(../images/buttons/b_makepayment.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .make-payment-bttn:hover { background-position: -118px 0; cursor: pointer; }
        
		.manage-payment-bttn { width: 103px; height: 24px; background: url(../images/buttons/b_managepayment.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .manage-payment-bttn:hover { background-position: -103px 0; cursor: pointer; }
        
		.edit-bttn { width: 42px; height: 24px; background: url(../images/buttons/b_edit.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
        .edit-bttn:hover { background-position: -42px 0; cursor: pointer; }
        
		.save-bttn { z-index: 1000; display: block; width: 42px; height: 24px;  padding: 0; margin: 0;
                        background: url(../images/buttons/b_save.png); background-repeat: no-repeat; background-position: 0 0;  }
        .save-bttn:hover { background-position: -42px 0; cursor: pointer; }
        
		.makeprimary-bttn { z-index: 1000; display: block; width: 90px; height: 24px;  padding: 0; margin: 0;
                        background: url(../images/buttons/b_makeprimary.png); background-repeat: no-repeat; background-position: 0 0;  }
        .makeprimary-bttn:hover { background-position: -90px 0; cursor: pointer; }
        
        .primary-paymentmethod .paymethod-details { color: #65A803; font-weight:bold; }
        .paymethod-label { font-weight: bold; } 
        
        .ui-header h2 { margin: 0; padding: 0; color: #4D4D4D; font-size: 9pt; } 
        .gold-box .ui-header { background: #F0E299; padding: 10px; }
        .gold-box .ui-content { border-left: 2px solid #EFE298; border-right: 2px solid #EFE298; padding: 5px 5px 0 5px; }
        .gold-box .separator { border-top: 1px solid #EFE298; height: 1px; margin-top: 5px; margin-bottom: 4px; min-height: 1px; }
        .gold-box .ui-footer { background: url(../images/backgrounds/gold_box_bttm.gif); background-repeat: no-repeat; min-height: 10px; height: 10px; }
        .gold-box .ui-top { background: url(../images/backgrounds/gold_box_bttm.gif); background-repeat: no-repeat; min-height: 10px; height: 10px; }
         
        .gold-box-224 .ui-header { background: #F0E299; padding: 10px; }
        .gold-box-224 .ui-content { border-left: 2px solid #EFE298; border-right: 2px solid #EFE298; padding: 5px 5px 0 5px; }
        .gold-box-224 .separator { border-top: 1px solid #EFE298; height: 1px; margin-top: 5px; margin-bottom: 4px; min-height: 1px; }
        .gold-box-224 .ui-footer { background: url(../images/backgrounds/gold_box_bttm-224.gif); background-repeat: no-repeat; min-height: 10px; height: 10px; }
        .gold-box-224 .ui-top { background: url(../images/backgrounds/gold_box_top-224.gif); background-repeat: no-repeat; min-height: 10px; height: 10px; }
         
        .gold-box-big .ui-header  {background: #F0E299; padding: 11px 0 11px 20px; }
        .gold-box-big .ui-header h1 { font-size: 14pt; color: #236FAD; margin: 0; padding:0; }
        .gold-box-big .ui-content  { border-left: 3px solid #EFE298; border-right: 3px solid #EFE298; min-height: 250px;  background: url(../images/backgrounds/bck_shadow.gif); background-repeat: repeat-x; }
        .gold-box-big .ui-footer  { background: url(../images/backgrounds/h_dash_bttm.gif); background-repeat: no-repeat; min-height: 15px; height: 15px; }
         
        .green { color: #8AB745; }
        
        .blue-box { background: #DFEDFA; padding: 15px; }
        .blue-box h1 { color: #0270AD; font-size: 12pt; font-weight:bold; }
        .blue-box .right { float: right; width: 270px; }
        .blue-box .right .inner { padding: 0 10px 0 10px; }
        .blue-box .left { margin-right: 270px; padding-right: 10px; border-right: 1px solid #ffffff; }
        .red-box { background: #F64849; }
        .green-box { background: #8AB745; color: #ffffff; }
        .notifications-box { font-weight:bold; } 
        .neutral-notification-box { background: #0270AD; padding: 15px; }
        
        .notifications-box { padding: 25px; background: #8AB745; font-weight:bold; color: #ffffff; font-size: 11pt;} 
        .notifications-box h1 { color: #ffffff; font-size: 14pt; margin-bottom: 5px; }
        .creditcard-cvv { width: 60px; }
        .address-street1 { width: 200px; }
        .address-street2 { width: 200px; }
        .address-city { width: 120px; }
        .address-statecode { width: 60px;  }
        .address-postalcode { width: 80px; }
         
        .notifications-box { padding: 25px; background: #8AB745; font-weight:bold; color: #ffffff; font-size: 12pt; } 
        
        .contactus-box { padding: 250px 0 0 20px; }
        .contactus-box h1 { color: #C1BB7D; font-size: 20pt; }
        
        .contactus-item { padding: 8px 0 5px 0; font-size: 12pt; }
        .contactus-item h2 { color: #C1BB7D; font-size: 12pt; }
        
       .faq-aboutus-content { padding: 142px 0 0 18px; line-height: 1.5em; }
       .faq-aboutus-content p { margin: .5em 0 2.0em 0; padding: 0; }
       .faq-aboutus-content ul { list-style-type: disc;}
       .faq-aboutus-content h2 { padding: 1.0em 0 0 0; }
       
       img.howitworks-image { display: block; margin-left: auto; margin-right: auto; padding: 175px 0 0 0; }
       
       div.howitworks-item { padding: 10px 0 10px 15px; clear: both; }
       .howitworks-item { font-size: 11pt; }
       .howitworks-item div { margin-left: 100px; }
       .howitworks-item div * { margin-left: 0; }
       .howitworks-item h1 { color: #8CB645; }
       .howitworks-item img { float: left; padding: 0 7px 20px 0; }
       .howitworks-list { color: #2FB2EC; }
      
       div.howitworks-divider { clear: both; margin: 15px 0 15px 0; }
       
       a.product-name { color: Gray; }
       .product-name p { font-weight: bold; height: 15px; }
       div.product-costperweek { color: #64b5ea; font-size: medium; font-weight: bold; }
       div.product-more { color: #64b5ea; text-align: right; }
       
       div.featuredproduct { width: 230px; }
              
       div.favoriteproduct { width: 210px; height: 226px; border: 1px solid #e4e4e4; vertical-align: middle; display: table-cell; }
       div.favoriteproduct:hover { border: 1px solid #7dbce5; }


.shadow-box { background: url(../images/backgrounds/r_shadowbox.gif); background-repeat: no-repeat; }
.shadow-box h2 { font-size: 8pt; font-weight:bold; color: #666666; }
.shadow-box .inner { padding: 10px; }

ul.product-terms li label { display: inline-block; width: 220px; }
ul.product-terms li { font-weight:bold; padding: 8px 0 8px 0;border-top: 1px dotted #ABD2ED; }

div.contract-terms-box { border: 1px solid rgb(204, 204, 204); padding: 0 5PX 0 5px ; width: 620px; height: 200px;
        overflow: auto; font-family: Times New Roman, Arial; }
div.contract-terms-box p { padding: 0; }
div.contract-terms-box h2 { color: #666666; font-family: Times New Roman; font-size: 14pt; margin: 0; padding: 3px 0 3px 0; }
div.contract-terms-box h3 { color: #666666; font-family: Times New Roman; font-size: 12pt;margin: 0; padding: 3px 0 3px 0; }

div.blue-box { background-color: #D0E7F5; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 0px; }
div.blue-box div.application-field { padding-left: 5px; }

div.blue-box-top { background-color: #D0E7F5; padding: 5px 5px 0px 5px; margin: 5px 5px 0px 0px; }
div.blue-box-top div.application-field { padding-left: 5px; }
div.blue-box-bottom { background-color: #D0E7F5; padding: 0px 5px 5px 5px; margin: 0px 5px 5px 0px; }
div.blue-box-bottom div.application-field { padding-left: 5px; }

.greenheader { color: #8AB745; padding-bottom: 5px; }