/*-----------------------------------------------------------------------------------------------*/
/*                                          4LIFE.COM                                            */
/*                                         WHITE LAYOUT                                          */
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------
    INDEX
    1.0 General Styles
        1.1 Form Elements
        1.2 Wizard Nav
        1.3 Important Info Box
        1.4 New BC Landing Grey Box
        1.5 Sidebar Variant
        1.6 Testimonials
        1.7 Sitemap
        1.8 News
        1.9 RSS
        1.10 Contact Us
        1.11 Info Table
        1.12a Cart Table
            1.12b Cart Table - Quick Shop
            1.12c Cart Table - One Click Shopping
        1.13 Cart Popup
        1.14 Ticker - White Pages
        1.16 Search
        1.17 404
        1.18 Hintbox
        1.19 Checkout
        1.20 Executive Message
    2.0 General Layout
        2.1 Business Center Landing
        2.2 Compass
        2.3 Sign Up
        2.4 Dreambuilder
        2.5 Date Picker
        2.6 Switch Bar
    3.0 Accordion
        3.1 Specific Accordion Styles
            3.1a Specific Accordion  - FAQ
            3.1b Specific Accordion  - Jobs
            3.1c Specific Accordion  - Training
            3.1d Specific Accordion  - Contact
            3.1e Specific Accordion  - Recognition
            3.1f Specific Accordion  - Reports
    4.0 My4Life
        4.1 Homepage and Store Settings
        4.2 4.2 Sign Up Wizard
    5.0 Account Management
    6.0 Business Center
        6.1 Business Center Landing
        6.2 Modal Popups on the White Pages
        6.3 Recognition PopUps
        6.4 Compass
            6.4a Compass Landing
        6.5 News Reader
        6.6 Conference Calls Table
    7.0 Enrollment
        7.1 Step 1 - Sign Me Up
        7.2 Step 2 - Enrollment Type
        7.3 Step 3 - Distributor Information
        7.4 Step 4 - Enrollment Pack
        7.5 Step 5 - Payment and Shipping
        7.6 Step 6 - Summary
        7.7 Step 7 - Confirmation
        7.8 Mexican Enrollment
    8.0 Shopping
        8.1 Category Page View
        8.2 Product Details Page
    9.0 Addon Sites
        9.1 Leadership Training Registration
    10.0 iCentris Error
    11.0 CRM (Avatar Project) - Contacts
        11.1 CRM (Avatar Project) - Sortable Table Styles
    12.0 4LifeStyles YouTube Contest
    13.0 Click For Cash
        13.1 Click For Cash - Enrollment & Shopping Confirmation Pages
    14.0 New Tools Page
    15.0 Quick Enrollment
        
-------------------------------------------------------------------------------------------------*/

@import url("../styles.css");

/*------------------------------------------------------------------------------------------------
    1.0 General Styles                                  
-------------------------------------------------------------------------------------------------*/

body {
	background: #b1d7ea url(images/whiteBg2.gif) repeat-y center;
	color: #4d4d4d;}

h1, h2, h3, h4, h5 {color: #39627c;}
h2, .h2 {
	font-size: 1.3em;
	color: #4d4d4d;
	font-weight: bold;
	margin-bottom: 15px;}

h2.clubPremier {color: #39627c; margin-top: 15px;}
h3, .h3 {
    font-size: 1.1em;
	color: #4d4d4d;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;}

p {line-height: 1.7em; margin-bottom: 1em;}
a {color: #009ddc;}
    a:hover {text-decoration:  underline;}

    #wrapper .toolTip {color: #4d4d4d; font-weight: bold;}
    .toolTip span.normal {font-weight: normal;}
    .toolTipThin {
        font-weight: normal;
        font-style: italic;
        padding-left: 10px;}   
    .toolTip:hover {text-decoration: none;}

.Headline {font-size: 17px;}
   
.errors {color: #ff0101; margin-bottom: 10px; font-size: 1.1em; font-weight: bold;}  
    .errors ul { margin-top: 3px; padding-left: 15px;}
        .errors ul li {
            font-size: 1em;
            font-weight: normal;
            line-height: 1.4em;
            list-style-type: disc;}

.bold {font-weight: bold;}
.red {color: #ff0101;}
.green {color: #009900;}
.imp {color: #970e16;}
.grey {color: #999;}

/* 1.1 Form Elements
-------------------------------------------------------------------------------------------------*/

.formDiv {float: left; width: 310px; padding: 8px 0;}
.formDivWide {float: left; padding: 8px 0;}
.inputStyle, .selectStyle {width: 280px; margin: 2px 0 15px 0;}
.textAreaStyle {height: 100px; width: 100%; margin: 2px 0 15px 0;}
.toolTip {line-height: 13px; margin: 0 5px;}

span.checkBoxStyle input {margin-right: 5px;}

/* used in lp center enrollment */
.formDiv .floatLeft select {
    margin-right: 10px;
    width: 87px;}

/* 1.2 Wizard Nav
-------------------------------------------------------------------------------------------------*/

.wizardNav {height: 25px; margin: 33px 0; text-align: right;}
    .wizardNav .addProductsMessage {float:left; width:450px; text-align: left;}
    .wizardNav .button2 {float: right; cursor: pointer;}

/* 1.3 Important Info Box
-------------------------------------------------------------------------------------------------*/

.impBox {
    border: solid 1px #003867;
    padding: 15px;
    color: #780000;
    position: relative;}

.impBox h2 {color: #780000; font-size: 1em;}

	.impBox b.cn {background: url(images/importantBox/impBoxCorners.gif) no-repeat;}
	.impBox b.cn { 
		height: 8px; 
		width: 8px;
		position:absolute;
		font-size: 0px;
		line-height: 0px;
		overflow: hidden;}
	 
	.impBox b.tl {top: -1px; left: -1px; background-position: top left;}
	.impBox b.tr {top: -1px; right: -1px; background-position: top right;}
	.impBox b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
	.impBox b.br {bottom: -1px; right: -1px; background-position: bottom right;}
	
	.impBox {
    border: solid 1px #003867;
    padding: 15px;
    color: #780000;
    position: relative;}

/* 1.4 New BC Landing Grey Box
------------------------------------------------------------------------------------------------ */

.bcAlertBox {
    border: solid 1px #c2c2c2;
    padding: 15px;
    color: #780000;
    position: relative;
    margin-top: 15px;}

.bcAlertBox h2 {color: #780000; font-size: 1em;}

	.bcAlertBox b.cn {background: url(images/importantBox/impBoxCorners2.gif) no-repeat;}
	
	.bcAlertBox b.cn { 
		height: 8px; 
		width: 8px;
		position:absolute;
		font-size: 0px;
		line-height: 0px;
		overflow: hidden;}
	 
	.bcAlertBox b.tl {top: -1px; left: -1px; background-position: top left;}
	.bcAlertBox b.tr {top: -1px; right: -1px; background-position: top right;}
	.bcAlertBox b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
	.bcAlertBox b.br {bottom: -1px; right: -1px; background-position: bottom right;}
	
/* 1.5 Sidebar Variant
------------------------------------------------------------------------------------------------ */

#sidebar .sideBarVariant {
    width: 178px;
    margin: 15px 0;
    padding: 0px;
    line-height: .8em;}
	#sidebar .sideBarVariant h4, #sidebar .sideBarVariant p {padding: 0 15px;}
	#sidebar .sideBarVariant h4 {
	    font-size: 1.3em;   
	    font-weight: bold;
	    margin: 10px 0; 
	    color: #333;}
	#sidebar .sideBarVariant .impGreyBg {background: #f0f0f0; padding: 10px 0;}
	
/* 1.6 Testimonials
------------------------------------------------------------------------------------------------ */

.testimonialImage {padding: 25px;} 
.testimonialText {padding: 25px;}
.submitForm div#leftBox {float: left; margin-bottom: 0;}
.submitForm div#rightBox {float: right; margin-bottom: 0;}
.submitForm select {width: 300px;}
.submitForm input {width: 296px;}
.submitForm textarea {margin-bottom: 35px;}

/* 1.7 Sitemap
------------------------------------------------------------------------------------------------ */

#siteMap ol {float: left; width: 330px; margin-bottom: 15px;}
    #siteMap ol li a {font-weight: bold; text-transform: uppercase;}
#siteMap ul {margin-bottom: 25px; padding-left: 20px;}
    #siteMap ul li a {font-weight: normal; text-transform: capitalize;}
    #siteMap ul li ul {margin-bottom: 0; padding-left: 20px;}
    #siteMap ul li ul li ul {margin-top: 0; margin-bottom: 0; padding-left: 20px;}

/* 1.8 News
------------------------------------------------------------------------------------------------ */

.RSS { margin-top: -28px;}
.news {margin-bottom: 36px;}
    .news h2 {border-bottom: dashed 1px #c1c1c2; padding-bottom: 10px;}
    .news a.title {font-weight: bold;}
    .news a.backToMain {margin-right: 55px;}
    .news .story {margin-bottom: 20px;}
    .news a.pdf {
        background: url(../../images/news/PDF.png) no-repeat left top;
        margin-right: 32px;
        padding-left: 22px;}
    .news a.email {
        background: url(../../images/news/emailLink.jpg) no-repeat left 4px;
        margin-right: 32px;
        padding-left: 16px;}
    .news a.printerfriendly {
        background: url(../../images/news/printerfriendly.png) no-repeat left top;
        margin-right: 32px;
        padding-left: 22px;}
    .news .links {margin-bottom: 35px;}
    .news .newsImage {padding-bottom: 15px;}
        .news .newsImage img{padding-right: 20px;}
        
    .news .caption {
        font-size: 9px;
        font-weight: bold;
        padding-bottom: 15px; 
        padding-top: 3px;  }
    .newsSidebar {
	    position: relative;
		left: -10px;
		width: 190px;}
     
        .newsSidebar h2{margin: 0;}
        .newsSidebar p {line-height: 18px;}
        .newsSidebar label {color: #003768; font-weight: bold; }
        .newsSidebar input {width: 180px;}
        .newsSidebar a.button {margin-top: 8px;}   
.archive {padding-top: 5px; margin-bottom: 5px;}

/* 1.9 RSS
------------------------------------------------------------------------------------------------ */

table#rssFeedTable {width: 100%;}
    #rssFeedTable th {font-weight: bold; padding-left: 5px;  }
    #rssFeedTable tr {line-height: 26px;}
    #rssFeedTable td {padding-left: 5px;}

/* 1.10 Contact Us
------------------------------------------------------------------------------------------------ */

.contact .leftBox {float: left; margin-bottom: 30px; width: 330px;}
.contact .rightBox {float: right; margin-bottom: 30px; width: 330px;}
.contact dl {margin-bottom: 20px; color: #000000;font-weight: bold;}
.accordion li h2 span img {padding-top: 3px; padding-right: 7px;}
.contact .accordion {margin-top: 15px;}

/* 1.11 Info Table
------------------------------------------------------------------------------------------------ */

.infoTable {width: 100%; margin-bottom: 20px;}
    .infoTable td, .infoTable th {
        width: 30%; 
        padding: 3px 5px; 
        border: solid 4px #FFF; 
        border-collapse: collapse;
        vertical-align: top;}
    
    .infoTable th {background: #cbdce4; font-weight: bold;}
    .infoTable .alt {background: #f0f0f0;}
    #wrapper .infoTable ul {width: auto;}
        #wrapper .infoTable li {padding: 0px; background: none; width: auto;}
            
/* 1.12a Cart Table
------------------------------------------------------------------------------------------------ */

.cartTable {width: 100%; font-size: .9em;}
.cartPage h2 {margin-top: 0px;}
    .cartTable tr.alt {background: #EFECEB;}
    .cartTable .inputStyle {width: 90%; vertical-align: baseline; margin: 0px;}
    .cartHeader {
        font-weight: bold; 
        height: 30px; 
        vertical-align: middle;}
    
    .cartItemNumber {width: 10%;}
    .cartQty {width: 10%; text-align: center;}
    .cartDescription {width: 60%; text-align: center;}
    .cartLP {width: 10%;}
    .cartPrice {width: 10%; text-align: right;}
    
    .cartItems {}
        .cartItems td {height: 30px; vertical-align: middle;}
        .cartItems .cartItemNumber {padding-left: 8px;}
        .cartItems .cartPrice {padding-right: 8px;}
    
    .cartTotals {height: 15px; font-weight: bold;}
        .cartTotals td {border-top: solid 3px #FFF;}
        .cartTotals .cartTotalTitle {padding-left: 8px;}
        .cartTotals .cartPrice {padding-right: 8px;}
        
    .cartGrandTotal {}
        .cartGrandTotal td {height: 20px; vertical-align: middle; font-weight: bold;}
        .cartGrandTotal .cartTotalTitle {padding-left: 8px;}
        .cartGrandTotal .cartPrice {padding-right: 8px;}
        
    .cartTallDivider {height: 30px; vertical-align: middle; text-align: center;}
    .cartShortDivider {height: 3px; line-height: 5px; font-size: 0px;}

.cartSummary {width: 100%;}
    .cartSummary td {width: 50%;}
    .cartSummary ul {margin-bottom: 20px;}
    
.cartSummaryCheckout {width: 100%;}
    .cartSummaryCheckout td {width: 30%;}
    .cartSummaryCheckout ul {margin-bottom: 20px;}
    
.quickBuyPaymentCard {overflow: hidden;}
.cartTableDivider {height: 1px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px;}
.cartTableDivider div {border-bottom: solid 1px #000; height: 1px; font-size: 0px; line-height: 0px;}

/* 1.12b Cart Table - Quick Shop
------------------------------------------------------------------------------------------------ */

.quickShopTable {width: 100%;}
    
    .quickShopTable .cartItemNumber {width: 13%; text-align: left;}
        .quickShopTable .quickShopItems .cartItemNumber {padding-left: 8px;}
    .quickShopTable .cartQty {width: 7%; text-align: center;} 
    .quickShopTable .cartDescription {width: 50%; text-align: center;}
    .quickShopTable .cartLP {width: 8%; text-align: center;}
    .quickShopTable .cartPrice {width: 15%; text-align: center;}
    .quickShopTable .btnSpace {width: 7%; text-align: center;}
    
    .quickShopHeader { 
        height: 50px;
        vertical-align: middle;
        background: #f0f0f0;}
        
        .quickShopHeader td {padding: 0 7px;}
        
    .quickShopTable .inputStyle {
        padding: 0 3px; 
        height: 18px; 
        background: #FFF; 
        border: solid 1px #969696; 
        width: 98%; 
        margin: 0px;
        text-align: inherit;}
        
    .quickShopTable .quickCartFakeBox {background: #F0F0F0;}
    .quickShopTable .quickCartFakeBox span {margin: 0; padding: 0; line-height: 18px;}
    .quickShopTable .button {float: none; display: inline;}
    .quickShopItems td {padding: 5px 0;}  
    .quickShopTable .cartGrandTotal .cartPrice {padding-right: 0px;}
    
/* 1.12c Cart Table - One Click Shopping
------------------------------------------------------------------------------------------------ */

.oneClickShopping {}
    .oneClickShopping .wizardNav {text-align: center;}
    .oneClickShopping .wizardNav .button2 {float: none; width: 140px; margin: auto;}

.oneClickTable{}
    .oneClickTable .cartHeader {border: none; height: 20px;}
    .oneClickItems td {padding: 5px 0; vertical-align: middle;}
    .oneClickItemsTitle td {padding: 5px 0; vertical-align: middle;}
    .oneClickItemsDiv div {border-bottom: solid 1px #000; margin: 5px 0; height: 1px; font-size: 0px; line-height: 0px;}

/* 1.13 Cart Popup
------------------------------------------------------------------------------------------------ */

#b1 .cartPopUp {padding: 25px; margin: 0px; height: auto;}
    .cartPopUp table {width: 100%; margin-bottom: 15px;}
    .cartPopUpDesc {width: 85%;}
    .cartPopUpQtyDesc {float: left;}
    .cartPopUpQty {text-align: right; width: 15%; padding-left: 10px;}
    
    .cartPopUpTotal {}
    .cartPopUpLP {margin-bottom: 15px;}
        .cartPopUpTotal span, .cartPopUpLP span {margin-right: 5px;}
        
        .cartPopUp .button {font-size: 11px;}
    
    .cartPopUpBtns {text-align: center;}
    .cartPopUpBtns .button, .cartPopUpBtns .searchBtn {float: none; display: inline; margin: 0 5px;}

/* 1.14 Ticker - White Pages
------------------------------------------------------------------------------------------------ */

#headlines {
    background: url(../../images/news/bcTicker_Bg.gif) no-repeat;
    margin: 0 auto;
    width: 586px;}

        #headlines a {color: #000;}
            #headlines a:hover {color: #0190b9;}
        #headlines .news a:hover {color: #0190b9;}
        
/* 1.15 Google Search
------------------------------------------------------------------------------------------------ */

#search h2 {margin-bottom: 0;}

#search .gsc-input {
    width:300px !important;
    margin:20px;}

table.gsc-search-box td.gsc-input {width: 340px;}

table.gsc-search-box td.gsc-input .gsc-input {
    width:300px !important;
    margin:20px;}
  
    input.gsc-search-button {
        border: 0; 
        background: #88b0c5 url(../images/blueBtnBg.png) repeat-x top; 
        padding: 3px 5px;
        margin: 19px 0;
        color: #FFF; 
        font-weight: bold; 
        cursor: pointer;}
    
        input.gsc-search-button:hover {background: #a6a6a6 url(../images/greyBtnBg.png) repeat-x top;}

    #searchcontrol {background: white;}
    .gsc-search-box {background: #eaeaea; height: 62px;}
    .gsc-input {margin-top: 1px;}
    #search .gsc-results {background-color: #fff;}
    #search .gsc-result {border-bottom: dashed 1px #bfbfc0; margin-top: 15px;}
        #search .gsc-result p {line-height: 16px;}
        
    #search .gs-snippet {padding-bottom: 15px;}
    .gsc-resultsHeader, .gsc-branding-text, .gsc-branding, .gs-visibleUrl-short, .gs-watermark, a.gsc-trailing-more-results {display: none;} 
    .gsc-cursor-box {padding-top: 15px;} 
    .gsc-cursor, .gsc-trailing-more-results {display: inline;}
    .gsc-cursor-page {
        color: #009ddc;
        cursor: pointer;
        display: inline;
        margin-right: 15px;}    
    
    .gsc-cursor-page:hover {text-decoration: underline;}
    .gsc-cursor-current-page {font-weight: bold}
   
   #search .gs-snippet b {color: #d7e573;}
   
   
   
/* 1.16 Search
------------------------------------------------------------------------------------------------ */
   
   .searchScope {padding-right: 5px;}
   
       .searchScope a.active {
            color: #4D4D4D;
            cursor: default;
            font-weight: bold;
            text-decoration: none;}
            
        .searchScope a.active {
            color: #4D4D4D;
            cursor: default;
            font-weight: bold;
            text-decoration: none;}
       
       .searchScope a.active:hover {text-decoration: none;}
   
    #noResultsFound {
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: dashed 1px #bfbfc0;}
   
   .noResults {margin: 5px;}
   
/* 1.17 404
------------------------------------------------------------------------------------------------ */

#error404 h1.pageTitle {margin-bottom: 0; padding-bottom: 0;}
#error404 h2 {text-align: center;}
#error404 p {text-align: center;}
.error404Links {width: 570px; margin: 0 auto;}
#error404 .linkList {
    float: left;
    padding-top: 20px;
    padding-left: 10px;
    width: 180px;}
 
/* 1.18 Hintbox
------------------------------------------------------------------------------------------------ */
   #hintbox { 
    position:absolute;
    top: 0;
    background-color: #f5f5f5;
    width: 300px;  
    padding: 3px;
    border:1px solid black;
    font:normal 11px Verdana;
    line-height:18px;
    z-index:100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;}
    
/* 1.19 Checkout
------------------------------------------------------------------------------------------------ */
    
    #checkoutWrapper .formBlock {overflow: hidden; padding: 0; height: 1%;}
    
/* 1.20 Executive Message
------------------------------------------------------------------------------------------------ */

    #executiveImage img {margin: 0 20px;}
    
/*------------------------------------------------------------------------------------------------
    2.0 General Layout                                 
-------------------------------------------------------------------------------------------------*/

#b1 {background: #042d49 url(images/whiteBg.gif) repeat-y center;}
#b2 {background: transparent url(images/gradTops.gif) no-repeat top;}
#b3 {background: transparent url(images/moleculesTop.gif) no-repeat center 10px;}
#b4 {background: transparent url(images/moleculesBtm.gif) no-repeat bottom;}

#wrapper {
	width: 924px;
	margin: auto;
	background: #FFF url(images/corner.gif) no-repeat right top;
	min-height: 405px;
	height: auto !important;
	height: 405px;
	padding: 0 36px 36px 36px;}

	#header {
	    padding-top: 5px;
		height: 95px;
		background: #042d49 url(images/header2.jpg) no-repeat center;}
	
	    #title {margin-bottom: 5px;}
	    
	    /*#menu a.countrySelect {background: transparent url(../images/map2.gif) no-repeat top;}
	    #menu a.countrySelect:hover {background: transparent url(../images/map2.gif) no-repeat bottom;}*/
		
		.pageTitle {
			font-size: 2.5em;
			line-height:85px;
			text-align: center;
			padding-bottom: 20px;
			margin-bottom: 12px;
			font-weight: bold;}

            .pageTitleShort {
			    font-size: 2.5em;
			    line-height:45px;
			    text-align: center;
			    padding-top: 20px;
			    margin-bottom: 12px;
			    font-weight: bold;}
		
			#main {width: 685px; float: right;}
			
				.sideNav {
					position: relative;
					left: -10px;
					width: 190px;
					margin-bottom: 20px;}
				
					.sideNav a:hover, .sideNav a.active, .sideNav li.active {color: #009ddc;}
					
					.sideNav a, .sideNav li {
						display: block;
						font-weight: bold;
						font-size: 1em;
						line-height: 1.1em;
						color: #00355f;}
					
					/* 1st level */
					.sideNav li {background: #ECECEC url(images/navBg.gif) repeat-x top;}
					.sideNavAlt li {background: #bdcbd4 url(images/navBg-alt.gif) repeat-x top; border-bottom: solid 1px #FFF;}
					    .sideNav li a {padding: 5px 15px 5px 15px;}
					
					    /* 2nd level */
					    .sideNav ul {background: #EBEBEB;}
					        .sideNav ul li {background: none; border-top: solid 1px #fff;}		
					            .sideNav ul li a {padding: 5px 15px 5px 25px;}								
					
				            /* 3rd level */
				            .sideNav ul ul{background: #E3E2E3;}
				                .sideNav ul ul li a { padding: 5px 15px 5px 40px; }
					        
			                    /* 4th level */
			                    .sideNav ul ul ul{background: #dbdadb;}
			                        .sideNav ul ul ul li a { padding: 5px 15px 5px 55px; }
					        
				.shoppingMethodsNav {margin-bottom: 1.5em;}
								    
				#sideBar .wizardProgress {}
				    .wizardProgress li {padding: 5px 0 5px 15px;}
			
			#sidebar {width: 239px; float: left;}
		    
		    #sidebar #ctl00_Menu_uc_searchbox_productSearch {position: relative; left: -10px; float: left;}
		    #sidebar #ctl00_Menu_uc_searchbox_productSearch .inputStyle {margin-bottom: 5px; width: 188px;}
		    #sidebar #ctl00_Menu_uc_searchbox_productSearch .gsc-search-button {margin-top:0;}
		    #sidebar #ctl00_Menu_uc_searchbox_productSearch a {color: #fff;}
		    
	#f1 {background: transparent url(images/whiteFooterGrad.gif) repeat-x top;}
	#f2 {background: transparent url(images/whiteFooter.gif) no-repeat top;}

/* 2.1 Business Center Landing
------------------------------------------------------------------------------------------------ */

.bcLanding {padding-top: 55px;}

    .bcColumn1 {width: 531px; float: left;}
        .bcColumn2 ul {line-height: 1.4em;}
    .bcColumn2 {width: 379px; float: right;}
        .bcFlashAds {border: solid 1px #c2c2c2; margin-bottom: 15px;}
        .bcBox {margin-bottom: 15px;}
            .bcBox h2 {
                height: 25px;
                line-height: 25px;
                font-size: 1.1em;
                color: #FFF;
                background: #84abbf url(images/bc/blueGradBg.gif) repeat-x;
                margin: 0px;
                padding: 0 15px;
                position: relative;}
                
                .bcBox h2 a {font-size: .9em; position: absolute; right: 15px; top: 0px;}
                
        .bcBoxInner {border: solid 1px #c2c2c2; border-top: none; padding: 15px;}
        
        .bcAdBox {height: 169px; border: solid 1px #c2c2c2; border-top: solid 2px #83a9bd; background: #f1f1f1;}
        .bcAdBox2 {height: 170px;border: solid 1px #c2c2c2;}
        .bcAdBox2 img {width: 180px; height: 170px;}
        
        .bcExecBox {height: 170px; width: 132px; background: #f1f1f1 url(images/bc/adPH3.jpg) no-repeat top;}
            .bcExecBox a {
                display: block; 
                height: 159px; 
                width: 112px; 
                padding: 11px 10px 0 10px;
                color: #355D77; 
                text-decoration: none;
                font-size: 1.2em;
                line-height: 1.5em;
                font-weight: bold;
                text-align: center;}
        
        .bcDateBox {width: 381px; min-height: 170px; height: auto !important; height: 170px; }
        
        .bcOverview {background: transparent url(images/bc/bcTwirls.gif) no-repeat top;}
        .bcOverview .bcBoxInner {padding-bottom: 45px; min-height: 235px; height: auto !important; height: 235px; position: relative;}
        .bcNewsBox {min-height: 55px; height: auto !important; height: 55px;}
        
            .bcOverviewBtns {text-align: center; width: 499px; margin: 15px auto 0 auto; position: absolute; bottom: 10px;}
            
                .overviewBtnWrapper {height: 25px; overflow: hidden;position: relative; top: 8px;}
                    .overviewBtnWrapper .button {float: none; display: inline; margin: 0 5px; line-height: 20px;}
                    .overviewBtnWrapperLeft {float: left; width: 240px;}
                        .overviewBtnWrapperLeft .button {float: none; display: inline; margin: 0 5px 0 0; line-height: 20px;}
                    .overviewBtnWrapperRight {float: right; width: 240px;}
                        .overviewBtnWrapperRight .button {float: none; display: inline; margin: 0 0 0 5px; line-height: 20px;}
                
            .bcOverview .disclaimer {font-size:.8em; margin-top:15px; text-align: left;}
            
            
            .bcOverview a {font-weight: bold;}
        
        .bcOverviewTable {width: 100%; margin-bottom: 10px;}
            .bcOverviewTable td, .bcOverviewTable th {padding: 2px;}
            .bcOverviewTable thead th {padding: 4px 2px; font-weight: bold; color: #4d4d4d;}
            .bcOverviewTable tbody td {}
            
        .bcPersonalAlerts {width: 48%; float: left; margin-top: 5px; margin-bottom: 20px;}
            .bcPersonalAlerts ol {margin: 0 0 10px 0px;}
        .bcDownlineAlerts {width: 48%; float: right; margin-top: 5px; margin-bottom: 20px;}
            .bcDownlineAlerts ul {margin: 0 0 10px 0px;}
            
            .bcPersonalAlerts a, .bcDownlineAlerts a {padding-right: 12px; background: transparent url(images/bc/blueArrowDown.gif) no-repeat 100% 6px;}
            .bcPersonalAlerts ol a, .bcDownlineAlerts ul a {padding-right: 0px; background: none; font-weight: normal;}
            
        .moreLink {padding: 5px 0 10px 0;}
            .bcPersonalAlerts a.alt, .bcDownlineAlerts a.alt {
               padding-right: 12px; background: transparent url(images/bc/blueArrowUp.gif) no-repeat 100% 6px;}
        
        #datepicker {border-right: solid 1px #e2e1e1; width: 14em; margin: 5px 0 0 5px; float: left;}
        
        .bcAlerts {
            width: 175px; 
            float: right; 
            text-align: center; 
            font-weight: bold; 
            line-height: 25px; 
            font-size: 1.1em; 
            padding-top: 35px;}
            
        .NoIcentris {}
            .NoIcentris .bcDateBox * {
                filter:alpha(opacity=80);
                -moz-opacity:0.8;
                -khtml-opacity: 0.8;
                opacity: 0.8;
                color: #BFBFBF;}
            .NoIcentris .button {
                filter:alpha(opacity=30);
                -moz-opacity:0.3;
                -khtml-opacity: 0.3;
                opacity: 0.3;}
             .NoIcentris .newEmails {color: #9F9F9F;}
             .NoIcentris .bcDownlineAlerts li a {color: #BFBFBF;}      

/* 2.2 Compass
------------------------------------------------------------------------------------------------ */
        
.compassStep {float: right; position: relative; top: -65px;}

/* 2.3 Sign Up
------------------------------------------------------------------------------------------------ */

.bcSignUp ul li ul {padding: 10px 0;}
    .bcSignUp ul li ul li {list-style-type: disc; margin-left: 30px; padding-top: 5px;}

.bcSignUpBilling {margin-left: 55px;}
    .bcSignUpHeader {height: 67px; text-indent: -5000px; background: transparent url(images/bc/4lifeOfficeHeader.gif) no-repeat; margin-bottom: 35px;}
    .bcSignUp h3 {color: #00467f; font-size: 1.5em; margin: 5px 0 20px 0;}
    .bcSignUp h3.floatRight {width: 430px; font-size: 1.8em; margin: 5px 0 35px 0; position: relative; top: 16px;}
    
    .bcSignUp h4 {color: #00467f; font-size: 1.1em; margin: 25px 0 25px 0; text-align: center;}
    .bcSignUpBilling h4 {color: #4d4d4d; font-size: 1.2em; font-weight: bold; text-align: left;}
            
    .bcSignUpTable {width: 100%; padding: 0px; border: none;}
        .bcSignUpTable td {
            width: 130px;
            height: 150px;
            padding: 10px;
            text-align: center;
            color: #FFF;
            font-weight: bold;
            font-size: 1.1em;
            background: transparent url(images/bc/bcLandingRndCnr.gif) no-repeat;}
        .bcSignUpTable td.alt {background: transparent url(images/bc/bcLandingRndCnrAlt.gif) no-repeat;}
    
        .myContactsNavTable {}
            .myContactsNavTable td:hover {background: transparent url(images/bc/bcLandingRndCnrAlt.gif) no-repeat;}
            .myContactsNavTable a {color: #8FC3EA; display: block; width: 130px; height: 95px; font-size: .9em; padding-top: 35px; text-align: center;}
            .myContactsNavTable a:hover {text-decoration: none;}
                .myContactsNavTable a:hover strong {}
                .myContactsNavTable a strong {display: block; font-size: 1.6em; color: #FFF;}
            
    .bcSignUpList {}
        .bcSignUpList .bcSignUpListItem {
            display: block;
            width: 215px;
            height: 68px;
            float: left;
            padding-left: 80px;
            padding-right: 10px;
            font-size: .9em;}
            .bcSignUpListItem1 {background: transparent url(images/bc/bcLandingCnrSmall1.gif) no-repeat left;}
            .bcSignUpListItem2 {background: transparent url(images/bc/bcLandingCnrSmall2.gif) no-repeat left;}
            .bcSignUpListItem3 {background: transparent url(images/bc/bcLandingCnrSmall3.gif) no-repeat left;}
            
    .bcSignUpPacks {margin: 0 0 20px 0; width: 100%; overflow: hidden;}
    .bcSignUpPacksMtM {text-align: center; float: none;}
        .bcSignUpPacksMtM label {text-align: center;}
    .bcSignUpPack  {width: 320px; float: left; display: inline;}
    .bcSignUpPacks .last  {width: 200px; float: left; display: inline;}
        .bcSignUpPack .bcSignUpPackRadio {padding-left: 78px; font-weight: bold;}
        .bcSignUpPack .bcSignUpPackRadio label {display: block;}
        .bcSignUpPack .bcSignUpPackRadio input {margin-left: -18px;}
        
        .bcSignUpPack .radio1 {background: transparent url(images/bc/bcLandingCnrXSmall1.gif) no-repeat left top;}
        .bcSignUpPack .radio2 {background: transparent url(images/bc/bcLandingCnrXSmall2.gif) no-repeat left top;}
        .bcSignUpPack .radio3 {background: transparent url(images/bc/bcLandingCnrXSmall3.gif) no-repeat left top;}

    .bcSignUp .formBlock {position: relative; height: auto; padding: 0px;}
        .bcSignUp .formDiv {width: 400px;}
        .bcSignUp .formDiv select {width: 170px;}
        .bcSignUp .formDiv .inputStyle {width: 350px;}
        
    .bcSignUpSummary {width: 884px; margin: auto;}
    
    .bcSignUp .wizardNav {padding-right: 50px;}
    
    .bcSignUpAlert {background: #f4962d; color: #FFF; font-weight: bold; font-size: 1.1em; line-height: 1.3em; padding: 10px;}
    .bcSignUpSpecial {color: #0e346b; margin: 25px 0 15px 0; clear: both;}
    .bcSignUpDisclaimer {font-size: .9em; line-height: 1.2em;}

/* 2.4 Dreambuilder
------------------------------------------------------------------------------------------------ */

#dreambuilder h2 {font-size: 1.1em; margin-bottom: 5px;}
#dreambuilder h3 {font-size: 2em;}
    
    #dbSteps{
        margin: 15px 0; 
        width: 100%; 
        height: 68px; 
        background: transparent url(images/bc/dbPattern.gif) repeat-y 50px 0px;}
        
        #dbSteps li {
            display: block; 
            float: left;
            width: 25px;
            height: 25px;
            line-height: 25px;
            color: #0e346b;
            font-size: 1.35em;
            font-weight: bold;
            text-align: center;
            border: solid 1px #0e346b;
            margin-right: 10px;}
    
    #dbForm {background: #ececec; height: 380px; width: 684px; overflow: hidden; position: relative;}

        #dbFormOverlay {display: none; height: 380px; width: 684px; position: absolute; left: 0px; background: transparent url(images/bc/overlay.png) repeat;}
            #dbFormOverlayInner {
                text-align: center; 
                padding: 35px 15px 15px 15px;
                width: 295px; 
                height: 125px; 
                margin: 100px auto 0 auto; 
                border: solid 1px #666; 
                background: #FFF;
                position: relative;}
                
                #dbFormOverlayInner a.button {width: 100px; margin: 20px auto; float: none;}
    
        #dbFormContent {width: 16416px;}
            .dbContent {float: left; height: 332px; width: 636px; padding: 24px; font-size: .9em;}
                #dbFormContent .dbContent h3 {font-size: 1.3em; color: #0e346b; margin: 0 0 15px 0; font-weight: bold;}
                .dbContent h4 {margin: 0 0 15px 0; color: #4d4d4d; font-weight: bold;}
                .dbContent p {margin: 15px 0; line-height: 1.4em;}
                .dbContent em {font-style: italic;}
                .dbContent .dbContentHeader {height: 35px;}
                .dbContent .dbExample {width: 200px; float: right; margin-top: 5px;}
                
                .dbContent .dbAdmireChars input {color: #999; font-style: italic;}
                .dbContent textarea {
                        padding: 15px;
                        color: #999;
                        width: 605px;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 12px;
                        border: solid 1px #c2c2c2;}
                        .dbContent textarea.active, .dbContent .dbAdmireChars input.active {color: #636363; font-style: normal;}
                .dbContent .icon-dream {
                    padding-right: 40px; 
                    height: 25px; 
                    line-height: 30px;
                    margin: 0px;
                    float: left;
                    background: transparent url(images/bc/icon-dreambuilder.gif) no-repeat right;}
                .dbContent .icon-doThis {
                    padding-left: 60px;
                    font-style: italic;
                    background: transparent url(images/bc/icon-doThis.gif) no-repeat left;}
        
                .dbContent .formDiv {text-align: right; float: none; width: 400px;}
                    .dbContent .formDiv span {float: left;}
                    .dbContent .formDiv input {width: 92%;} 
                    
                .dbContent .dbSubmitBtn {text-align: center; margin: 15px 0;}
                    .dbContent .dbSubmitBtn a.button {display: inline; float: none;}
                   
    #dbProgress {height: 50px; width: 684px; background: transparent url(images/bc/dbProgressBg.gif) no-repeat;}
        #dbProgress li {
            display: block;
            width: 27px; 
            height: 25px;
            padding: 25px 0 0 87px;
            float: left;
            color: #0e346b;
            font-weight: bold; 
            font-size: 1.2em;
            background: transparent url(images/bc/dbProgress.gif) no-repeat top;}
            
    #dbFormReview {}
        #dbFormReview #dbFormContent {width: auto;}
        #dbFormReview .dbContent {float: none; height: auto;}
        
        .dbResult {padding: 15px; background: #efefef; border: solid 1px #999; font-weight: bold; width: 570px; position: relative; left: 15px;}
                
    #dbButtons{height: 20px; margin: 20px 0; padding: 0 15px;}
        #dbButtons .button{float: right; margin: 0 10px;}
        
    .textboxCounter {}
        .textboxCounter textarea {}
        p.tbcNum {margin: 0px; text-align: right; float: right;}
        
        #wrapper .enterDreamHere {color: #333;}
        
        .step1 #dbSteps .dbStep1{
            color: #FFF; background: #0e346b;}
        .step2 #dbSteps .dbStep2{
            color: #FFF; background: #0e346b;}
        .step3 #dbSteps .dbStep3{
            color: #FFF; background: #0e346b;}
        .step4 #dbSteps .dbStep4{
            color: #FFF; background: #0e346b;}
        .step5 #dbSteps .dbStep5{
            color: #FFF; background: #0e346b;}
        .step6 #dbSteps .dbStep6{
            color: #FFF; background: #0e346b;}
        
        .step1 #dbProgress .dbProgress1{
            background-position: bottom;}
        .step2 #dbProgress .dbProgress1, .step2 #dbProgress .dbProgress2{
            background-position: bottom;}
        .step3 #dbProgress .dbProgress1, .step3 #dbProgress .dbProgress2, .step3 #dbProgress .dbProgress3{
            background-position: bottom;}
        .step4 #dbProgress .dbProgress1, .step4 #dbProgress .dbProgress2, .step4 #dbProgress .dbProgress3, .step4 #dbProgress .dbProgress4{
            background-position: bottom;}
        .step5 #dbProgress .dbProgress1, .step5 #dbProgress .dbProgress2, .step5 #dbProgress .dbProgress3, .step5 #dbProgress .dbProgress4, .step5 #dbProgress .dbProgress5{
            background-position: bottom;}
        .step6 #dbProgress .dbProgress1, .step6 #dbProgress .dbProgress2, .step6 #dbProgress .dbProgress3, .step6 #dbProgress .dbProgress4, .step6 #dbProgress .dbProgress5, .step6 #dbProgress .dbProgress6{
            background-position: bottom;}
           
        .part1a #dbProgress {background-position: -684px 0px;}
        .part1b #dbProgress {background-position: -654px 0px;}
        .part1c #dbProgress {background-position: -634px 0px;}
        .part1d #dbProgress {background-position: -614px 0px;}
        .part1e #dbProgress {background-position: -594px 0px;}
        
        .part2a #dbProgress {background-position: -580px 0px;}
        .part2b #dbProgress {background-position: -541px 0px;}
        .part2c #dbProgress {background-position: -522px 0px;}
        .part2d #dbProgress {background-position: -503px 0px;}
        .part2e #dbProgress {background-position: -484px 0px;}
        
        .part3a #dbProgress {background-position: -466px 0px;}
        .part3b #dbProgress {background-position: -414px 0px;}
        .part3c #dbProgress {background-position: -382px 0px;}
        
        .part4a #dbProgress {background-position: -352px 0px;}
        .part4b #dbProgress {background-position: -300px 0px;}
        .part4c #dbProgress {background-position: -268px 0px;}
        
        .part5a #dbProgress {background-position: -238px 0px;}
        .part5b #dbProgress {background-position: -194px 0px;}
        .part5c #dbProgress {background-position: -170px 0px;}
        .part5d #dbProgress {background-position: -146px 0px;}
        
        .part6a #dbProgress {background-position: -124px 0px;}
        .part6b #dbProgress {background-position: -72px 0px;}
        .part6c #dbProgress {background-position: -40px 0px;}
        .part6d #dbProgress {background-position: 0px 0px;}  

/* 2.5 Date Picker
------------------------------------------------------------------------------------------------ */

.ui-datepicker { font-size: .8em; width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; line-height: 16px; }
.ui-datepicker .ui-datepicker-next { right:2px; line-height: 16px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title {font-size:1.2em; margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .2em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .5em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a { color: #212121; outline: none; text-decoration: none; }

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui/ui-icons_222222_256x240.png); text-indent: -5000px; }
.ui-widget-content .ui-icon {background-image: url(images/ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* 2.6 Switch Bar
------------------------------------------------------------------------------------------------ */

.switchBC {display: none;}

#aspnetForm > .switchBC {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: #efefef url(../images/topBarBg.gif) repeat-x top;
    color: #013668;
    font-size: .9em;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5000;}
    
    .switchBC > a {font-weight: bold; color: #013668;}
    .isSwitchBar {padding-bottom: 30px;}

/*------------------------------------------------------------------------------------------------- 
    3.0 Accordion
------------------------------------------------------------------------------------------------ */
.accordion {margin: 0 0 15px 0;}

   .accordion li {
        display: block;
        cursor: default;
        background: #f7f7f7;}
        
        .accordion li .accInner {
            display: none;
            padding-bottom: 10px;
            overflow: hidden;
            height: 1%;}
        
            /* Used in Enrollment */
            .accordion li .accInner .racc_ContentTitle {
                font-weight: bold;
                background: none;
                padding: 0;}
        
        .accordion li.open .accInner {display: block;}
        
     .accordion li h2 {
        color: #FFF;
        font-size: 1em;
        min-height: 21px;
        height: auto !important;
        height: 21px;
        line-height: 21px;
        border-left: solid 3px #013668;
        padding-left: 7px;
        background: #87b0c4 url(images/accordion/blueBg.gif) repeat-x top;
        border-bottom: solid 1px #FFF;
        margin: 0px;}
        
        .accordion h2:hover {background: #a1ccdd url(images/accordion/blueBg_hover.gif) repeat-x top;}

    .accordion li.open h2 { 
        color: #4d4d4d;
        border-left: none;
        padding-left: 9px;
        background: #87b0c4 url(images/accordion/blueBg2.gif);}
    
        .accordion li.open h2:hover {background: #87b0c4 url(images/accordion/blueBg2_hover.gif);}
        .accordion li h2 span {
            display: block;
            line-height: 21px;
            background: transparent url(images/accordion/up.gif) no-repeat right top;}
        
        .accordion li.open h2 span {background: transparent url(images/accordion/down.gif) no-repeat right top;}
        .accordion input {margin: 0 5px 0 0;}
    
/* 3.1 Specific Accordion Styles
------------------------------------------------------------------------------------------------ */    
    
    .accInner ul {width: 40%; margin: 0 2%; float: left;}
        .accordion .accInner li {
            background: url(images/importantBox/dot.gif) no-repeat left 5px; 
            margin: 10px 0;
            padding-left: 10px;} 
        
    .accInner ul.full {width: 100%; float: none; margin: 10px 0 0 0;} 
       .accInner ul.full li {background: none; padding: 0 8px; margin: 0px;} 
        
    .accInner .thumb {
        width: 125px;
        float: left;
        margin: 10px;
        text-align: center;}
    
        .accInner .thumb img {margin: 5px;}
        .accInner .thumb a:hover {text-decoration: none; color: #013668;}

/* 3.1a Specific Accordion  - FAQ
------------------------------------------------------------------------------------------------ */ 

.accordion {margin: 0 0 15px 0;}

   .accordion li {
        display: block;
        cursor: default;
        background: #f7f7f7;}
        
        .accordion li .accInner {
            display: none;
            padding-bottom: 10px;
            overflow: hidden;
            height: 1%;}
        
            /* Used in Enrollment */
            .accordion li .accInner .racc_ContentTitle {
                font-weight: bold;
                background: none;
                padding: 0;}
        
        .accordion li.open .accInner {display: block;}
        
     .accordion li h2 {
        color: #FFF;
        font-size: 1em;
        min-height: 21px;
        height: auto !important;
        height: 21px;
        line-height: 21px;
        border-left: solid 3px #013668;
        padding-left: 7px;
        background: #87b0c4 url(images/accordion/blueBg.gif) repeat-x top;
        border-bottom: solid 1px #FFF;
        margin: 0px;}
        
        .accordion h2:hover {background: #a1ccdd url(images/accordion/blueBg_hover.gif) repeat-x top;}

    .accordion li.open h2 { 
        color: #4d4d4d;
        border-left: none;
        padding-left: 9px;
        background: #87b0c4 url(images/accordion/blueBg2.gif);}
    
        .accordion li.open h2:hover {background: #87b0c4 url(images/accordion/blueBg2_hover.gif);}
    
        .accordion li h2 span {
            display: block;
            line-height: 21px;
            background: transparent url(images/accordion/up.gif) no-repeat right top;}
        
        .accordion li.open h2 span {background: transparent url(images/accordion/down.gif) no-repeat right top;}
        .accordion input {margin: 0 5px 0 0;}
    
    .accInner ul {width: 40%; margin: 0 2%; float: left;}
    
        .accordion .accInner li {
            background: url(images/importantBox/dot.gif) no-repeat left 5px; 
            margin: 10px 0;
            padding-left: 10px;
        } 
        
    .accInner ul.full {width: 100%; float: none; margin: 10px 0 0 0;} 
       .accInner ul.full li {background: none; padding: 0 8px; margin: 0px;} 
        
    .accInner .thumb {
        width: 125px;
        float: left;
        margin: 10px;
        text-align: center;}
    
        .accInner .thumb img {margin: 5px;}
        .accInner .thumb a:hover {text-decoration: none; color: #013668;}

    .accordion .accInner dl {margin: 4px 0 0 0;}       
        
        .accordion .accInner dt {
            background: url(images/accordion/rightArrow.png) no-repeat 10px 7px;
            color: #009ddc;
            cursor: pointer;
            padding-left: 25px;
            padding-top: 3px;
            padding-bottom: 3px;}
        
            .accordion .accInner dt.open {background-image: url(images/accordion/downArrow.png)}
            .accordion .accInner dt:hover {cursor: pointer;}          
            .accordion .accInner dt span {font-weight: bold; display:block;}
        
        .accordion .accInner dd {padding: 0 25px;}
        .accordion .accInner p {line-height: 18px;}
        .accordion .accInner dd div {display: none; padding-bottom: 10px;}
        .accordion .accInner dd div.open {display: block;}
        
    .accHeader {padding: 10px 10px 0 10px;}
        .accHeader b {font-weight: bold;}

    .openClose {
        color: #009ddc;
        cursor: pointer;
        font-size: smaller;
        margin: 0;
        padding: 0 10px 0 0;}
    
    .openAll:hover, .closeAll:hover {cursor: pointer;}
    #wrapper .even {background-color: #efeceb;}
    
/* 3.1b Specific Accordion  - Jobs
------------------------------------------------------------------------------------------------ */  

#jobs .accInner {line-height: 24px; padding: 10px;}
    #jobs .accordion .accInner div {margin: 0 0 20px 0;}
    #jobs .accordion .accInner p {line-height: 24px;}
    #jobs .accordion .accInner div ul {float:none; width: 100%;}
        .accInner li {line-height: 18px;}

/* 3.1c Specific Accordion  - Training
------------------------------------------------------------------------------------------------ */

#training .accordion .accInner dl {margin: 0;}
#training .accordion .accInner dl dd {padding: 3px 20px;}

/* 3.1d Specific Accordion  - Contact
------------------------------------------------------------------------------------------------ */
.contact div.leftBox {margin:0;}
.contact div.rightBox {margin:0; }
.contact ul.full {margin-bottom: 20px;}

    .contact .accordion .accInner dt {
        background: #F7F7F7 none;
        color:#4D4D4D;
        font-weight: bold;
        padding-top: 15px;}
    
    .contact .accordion .accInner dl {padding-bottom: 15px;}

/* 3.1e Specific Accordion  - Recognition
------------------------------------------------------------------------------------------------ */

#recognition .accordion .accInner {padding: 25px;}
    #recognition .accordion .accInner li {background: none; margin: 0; padding-left: 5px;}

#recognition .commFilter:hover {
    filter: Alpha(Opacity=100, FinishOpacity=50, Style=2);
    -moz-opacity: 0.25;
    opacity:.40;}

#recognition .commFilterSelected {
    filter: Alpha(Opacity=100, FinishOpacity=50, Style=2);
    -moz-opacity: 0.25;
    opacity:.40;}

#recognition .commMy4lGlobe {
    background:url(../../images/community/globe.gif) no-repeat 2px 3px;
    margin-right: 3px;
    height: 14px;}

#recognition .commMy4lGlobe:hover {background:url(../../images/community/globeOver.gif) no-repeat 2px 3px;}
#recognition .commShowGlobe {margin-left: 5px; margin-right: 3px;}
#recognition .commNoGlobe {margin-right:10px; margin-left: 5px;}
#recognition .modalDistributorList td {width: 50%;}


    /* Platinums
    -------------------------- */
    #recognition .platinums {
        padding: 0 20px 0 10px;
        width:135px;
        height:260px;}

        #recognition .platinums a {color: #4d4d4d;}
        
    /* Golds
    -------------------------- */
    #recognition .golds {padding-bottom:11px; padding-right:11px;}
    
    .goldName {
        border-bottom: solid 1px #003768;
        color: #003768;
        font-size: 15px;
        font-weight: bold;
        height: 20px;}
    
    .goldCountry {
        color:#DCB94A;
        font-size:12px;
        text-align:right;
        height:15px;}

    /* Internationals
    -------------------------------- */
    .internationalRow {width: 290px; float: left;}
    
    /* Presidentials
    ------------------------------- */
    .presidentialNav {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;}
    
    /* Diamonds
    ------------------------------- */
    .diamondCountryList {
        /*width: 220px;*/
        width: 210px;
        padding-left: 60px;
        padding-bottom: 25px;
        float: left;}
           
        .diamondCountryList table {margin-left: 15px;}
        
/* 3.1f Specific Accordion  - Reports
------------------------------------------------------------------------------------------------ */

.reportsAccordion h2 a {color: #042D49; text-decoration: underline; margin-left: 15px; vertical-align: middle;}

/*------------------------------------------------------------------------------------------------- 
    4.0 My4Life
------------------------------------------------------------------------------------------------ */

.redX {
    background: url(../../businesscenter/images/redX.jpg) no-repeat left bottom;
    display: block;
    height: 13px;
    padding-left: 13px;}

.greenCheck {
    background: url(../../businesscenter/images/greenCheck.jpg) no-repeat left;
    padding-left: 16px;}

.approved {color: #60b617;}
.pending {font-style: italic; color: #8a2020;}
.paddingLeft {padding-left: 10px;   }
.paddingBottom {padding-bottom: 15px;}
    
/* 4.1 Homepage and Store Settings
------------------------------------------------------------------------------------------------ */

.bcContainer {
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 4px;
    width: 684px;}
    .bcContainer div.bar {
        background-color: #ccdce5;
        margin-bottom: 5px;
        padding-left: 10px;}
    .bcContainer select {width: 180px;}
    .bcContainer input[type="text"]{width: 200px;} /* cosmetic issue ... won't work in IE 6 */ 
    
#txtStorePricing {width: 60px;}
    
.homepageFlash {
    float: left;
    padding: 12px 43px 8px 10px;
    width: 116px;
    height: 129px;}

    .homepageFlash span {padding-top: 2px;  }
    .homepageFlash label a {cursor: default;}

.homepageAdvertisements {
    float: left;
    margin-right: 27px;
    padding: 12px 43px 8px 10px;
    width: 90px;}

    .homepageAdvertisements span {padding-top: 2px;  }
    .homepageAdvertisements label a {cursor: default;}
    
/* 4.2 Sign Up Wizard
------------------------------------------------------------------------------------------------ */
    
    #signUp .oddRow {
        background: #e3ebf6 url(../../images/businesscenter/my4life/signup_box1.gif) no-repeat 5px 1px;
        height: 50px;
        margin-bottom: 12px;
        width: 100%;}
    
    #signUp .evenRow {
        background: #d8e0e5 url(../../images/businesscenter/my4life/signup_box2.gif) no-repeat 5px 1px;
        height: 50px;
        margin-bottom: 12px;
        width: 100%;}

        #signUp .oddRow span, #signUp .evenRow span {font-weight: bold; padding-left: 30px;}
        
        #signUp span.numbers {
            color: #fff;
            font-size: 32px;
            font-weight: normal;
            padding-left: 10px;}

/*------------------------------------------------------------------------------------------------- 
    5.0 Account Management
------------------------------------------------------------------------------------------------ */

.accountManagement {
    width: 684px;
    margin-bottom: 20px;
    margin-top: 4px;}

    .accountManagement th {
        background-color: #ccdce5;
        line-height: 20px;
        padding-left: 10px;}
        
    .accountManagement th div {display: inline;}
    
    .accountManagement th a {font-weight: bold; text-decoration: none;}
    .accountManagement tr td {padding-top: 3px; vertical-align: text-top;}
    .accountManagement td {padding-left: 10px; width: 218px;}
       
        .accountManagement td.twoCols {width: 436px;}
        .accountManagement td.tdWide {width: 100%;}
        
            .accountManagement td li input {width: 180px; margin-bottom: 7px;}
            .accountManagement td li select {width: 185px; margin-bottom: 7px;}
            
        .accountManagement select {width: 180px;}
        .accountManagement textarea {margin-right: 10px;}  
                
.results {
    font-weight: bold;
    padding-right: 20px;
    text-align: right;}   

/* eNew Subscription Popup
---------------------------- */
#ctl00_mainContent_WebDialogWindow9_tmpl_uc_Enewssubscription_CheckBoxList1 td
{padding-right: 50px;}

/*------------------------------------------------------------------------------------------------- 
    6.0 Business Center
------------------------------------------------------------------------------------------------ */

/* 6.1 Business Center Landing
------------------------------------------------------------------------------------------------ */

#leftBox {
    float: left;
    margin-bottom: 36px;
    width: 330px;}

#rightBox {
    float: right;
    margin-bottom: 36px;
    width: 330px;}

.headline {text-align: right;overflow: hidden;   }

/*********************** These two styles will most likely go away ***********************/
.bcMy4LifeHeader {
    background: url(../../businesscenter/images/bcCompass.jpg) no-repeat right bottom;
}
 
.bcTrainingHeader {
    background: url(../../images/businesscenter/Training.jpg) no-repeat right bottom;
}
/*****************************************************************************************/

.bcDiscoverHeader {background: url(../../images/businesscenter/bcHeader/discover.gif) no-repeat right bottom;}
.bcEmbarkHeader {background: url(../../images/businesscenter/bcHeader/embark.gif) no-repeat right bottom;}
.bcGearUpHeader {background: url(../../images/businesscenter/bcHeader/gearUp3.gif) no-repeat right bottom;}
.bcLeadHeader {background: url(../../images/businesscenter/bcHeader/lead.gif) no-repeat right bottom;}

.bcMessagePhoto {
  float: left;
  padding-bottom: 10px;
  padding-right: 10px;}
 
#additionalContent {
    padding-top: 25px;
    padding-left: 5px;
    padding-right: 44px;}

#personalMessages {padding-top: 30px;}

    #personalMessages span {
        background: url(../../businesscenter/images/message-icon.jpg) no-repeat;
        display: block;
        margin-left: -15px;
        padding-left: 35px;}
    
/* 6.2 Modal Popups on the White Pages
------------------------------------------------------------------------------------------------ */
.modal {padding: 25px 25px 0 25px;}

    .modal .formDiv {
        float: left;
        width: 205px;
        padding-right: 25px;}
    
        .modal .formDiv .inputStyle {display: block;}
    
    .modal .inputStyle {
        width: 190px;
        margin-bottom: 2px;
        margin-left: 0;
        padding-left: 0;}
    
    .modal h2 {
	    font-size: 2em;
	    font-weight: normal;
	    margin-bottom: 10px;}
    
    .modal h3 {
	    font-size: 1.4em;
	    font-weight: normal;
	    margin-bottom: 10px;}
    
    .modal label {padding-left: 10px;line-height: 1.5em;   }

        .modal span.grey {font-size: 1em;}
        
    .modal p {line-height: 1.7em; margin-bottom: 1em;}
    
    .modal ul {margin-top:10px; margin-bottom: 10px;}
    
        .modal ul li { list-style-type: circle; margin: 10px 20px; }

.modalButtons {margin: 25px auto; width: 200px;}
    .modalButtons a {text-decoration: none; cursor: default;}
    .modalButtons .button {float: none; display: inline; margin: 0 5px;}
    
.checkoutModals {
    padding: 25px;
    text-align:center;}
    
    .checkoutModals .modalButtons {
        width:84px;
        margin: 15px auto}
    
    .checkoutModals .button2 {display: inline;}
  
/* 6.3 Recognition PopUps
------------------------------------------------------------------------------------------------ */    
    
    #recognition .modalContainer {border: 1px solid #003768; padding: 0;}
    #recognition .modal {margin: 15px;}
    #recognition .modalHeader {
        background-color:#003768;
        color: White;
        height: 22px;
        width: 100%;}
    #recognition .modalHeader .modalClose {padding-top:6px; padding-right: 2px;}
        #recognition .modalHeader .modalClose input:focus {cursor: wait;}
    
    #recognition .modalDistributorList {max-height:450px; overflow:auto;}
    .accordion #recognition .modal .h2 {
	    font-size: 1.3em;
	    color: #4d4d4d;
	    font-weight: bold;
	    margin-bottom: 15px;}

    #recognition .modal img {padding-right: 15px;}
    #recognition .modal span {font-size: 1em;}
    
        #recognition .modal span.My4Life {color:#003768; font-size:12px;}
        #recognition .modal .grey {font-size: 1em; width: 124px;}
                
    #Displayy4LifeUrl {padding-top: 15px;   }
    
    /* Copy of the Infragistics Control (used in the 'diamond new rank advancement' section of recognition) */
    .igdw_ModalBackground {
	    background-color:White;
	    filter: alpha(opacity : 50);
	    opacity: 0.5;
	    z-index: 99999;}

/* 6.4 Compass
------------------------------------------------------------------------------------------------ */ 

.compass .description {width: 310px; float: left;}
.compass .descriptionRight img {float: right; padding-right: 5px;}
.compass table {margin-bottom: 8px;   }

    .compass table td {
        padding: 2px 10px;
        width: 100%;}

        .compass td li {
            display: block;
            line-height: 20px;
            padding-left: 10px;}
        
            .compass td li a {display: block; width: 100%;}       

.compassBg {
    float: right;
    width: 214px;
    _width: 212px; /* IE HACK */ 
    height: 102px;
    color: #FFF;
    font-style: italic;
    font-weight: bold;
    padding: 9px;
    line-height: 17px;}

    .discover {background: url(../../images/businesscenter/compass/discover_bg.gif) no-repeat;}
    .gearUp {background: url(../../images/businesscenter/compass/gearUp_bg2.gif) no-repeat;}
    .embark {background: url(../../images/businesscenter/compass/embark_bg.gif) no-repeat;}
    .lead {background: url(../../images/businesscenter/compass/lead_bg.gif) no-repeat;}
    
/* 6.4a Compass Landing
------------------------------------------------------------------------------------------------ */ 

.compassLeft {width: 285px; /*border: solid 1px pink;*/} /* Pink? */
.compassLanding {
    background: url(../../images/businesscenter/compass/compass_bg.gif) no-repeat right top;
    height: 350px;}

    .compassLeft li {list-style: disc outside; margin: 5px 0 5px 15px;}
    .compassLanding a:hover {text-decoration: none;}
    .compassLanding div {
        float: right;
        margin-bottom: 5px;
        position: relative;
        text-align: right;}
        .compassLanding div a {padding-right: 55px;}
    
        .compassLanding div.stepDetails {
            float: right;
            line-height: 16px;
            padding-right: 55px;
            text-align: right;}
        
    .compassLanding div.discover {
        background: url(../../images/businesscenter/compass/discover_1_bg.gif) no-repeat right top;
        color: #c4674f;
        left: -142px;
        margin-top: 15px;
        width: 250px;}
        .compassLanding div.discover a {color: #c4674f; font-size: 28px;}
   
    .compassLanding div.embark {
        background: url(../../images/businesscenter/compass/embark_2_bg.gif) no-repeat right top;
        color: #a5aa61;
        left: -165px;
        width: 225px;}
        .compassLanding div.embark a {color: #a5aa61; font-size: 28px;}
 
    .compassLanding div.gearUp {
        background: url(../../images/businesscenter/compass/gearUp_3_bg.gif) no-repeat right top;
        color: #ffd89a; 
        left: -195px;
        width: 195px;}
        .compassLanding div.gearUp a {color: #ffd89a; font-size: 28px;}
  
    .compassLanding div.lead {
        background: url(../../images/businesscenter/compass/lead_4_bg.gif) no-repeat right top;
        color: #61acca; 
        left: -185px;
        width: 205px;}
        .compassLanding div.lead a {color: #61acca; font-size: 28px;}
        
/* 6.5 News Reader
------------------------------------------------------------------------------------------------ */ 

.newsReader {
    margin-bottom: 15px; 
    position: relative; 
    min-height: 220px; 
    height: auto !important; 
    height: 220px; 
    margin-bottom: 15px;
    padding-bottom: 15px;}

    .nrContent {margin-bottom: 15px;}
    .nrList {float: right;}
        .nrList li {float: left; margin: 0 2px; color: #009ddc; cursor: pointer;}
        .nrList li.active {font-weight: bold; color: #666;}    
        
/* 6.6 Conference Calls Table
------------------------------------------------------------------------------------------------ */

.conferenceCalls ul {
    list-style-type: disc;
    padding: 5px 15px;}

    .conferenceCalls ul li {margin-bottom: 3px;}

/*------------------------------------------------------------------------------------------------- 
    7.0 Enrollment
------------------------------------------------------------------------------------------------ */

/* 7.1 Step 1 - Sign Me Up
--------------------------------------------------------------------------------------------------*/

/* 7.2 Step 2 - Enrollment Type
--------------------------------------------------------------------------------------------------*/

/* 7.3 Step 3 - Distributor Information
--------------------------------------------------------------------------------------------------*/

.formBlock {overflow: hidden; padding: 10px; height: 1%;}
.formBlock .formDiv {height: 40px; overflow: hidden;}
    .formBlock .inputStyle {margin: 3px 0; display: block;} /* 'display: block' was added on 5/06/09 by JW to fix IE 8 issues */

.formBlock .formDivWide {
    min-height:40px;
    height:auto !important;
    height:40px;
    width: 100%;}
    
    .formBlock .formDivWide .inputStyle {margin: 3px 0; display: inline;} /* 'display: inline' was added on 5/08/09 by JW to fix and issue with the My4Life/SignUp/Billing page */

.formBlock .formDivWide table.japanZipCode  {border: none; margin: 10px 0px;}
    .formBlock .formDivWide table.japanZipCode td {border: none; padding: 5px 20px 5px 0px;}

.formBlock .address {height: 100%;}

.formBlock .double {height: 120px;}
    .formBlock .double .inputStyle {margin-bottom: 2px;}
    
.shippingBlock {background: #f0f0f0;}   
.formDivGrey .inputStyle {background-color: #EBEBE4;}
    
/* 7.4 Step 4 - Enrollment Pack
--------------------------------------------------------------------------------------------------*/

.enrollPackTitle {overflow: hidden; margin: 5px 0;}

.packTitle, .lpTitle, .priceTitle {float: left;}
    .packTitle {width: 65%; text-align: center;}
        .accordion h2 .packTitle {text-align: left;}
    .lpTitle {width: 10%; text-align: left;}
    .priceTitle {width: 20%; text-align: left;}

.enrollPackInner ul {width: 100%; list-style: none; margin: 0px;}
    #wrapper .enrollPackInner ul li {background-image: none; margin: 0px;}

/* 7.5 Step 5 - Payment and Shipping
--------------------------------------------------------------------------------------------------*/

.shippingMethod {margin-bottom: 25px;}
    .shippingMethod h2 {margin-top: 0;}

/* 7.6 Step 6 - Summary
--------------------------------------------------------------------------------------------------*/

/* 7.7 Step 7 - Confirmation
--------------------------------------------------------------------------------------------------*/

.enrollConfirmationWrapper {margin: 20px 0px;}
    .enrollConfirmationWrapper div { background: #f0f0f0; margin: 0px; padding: 10px;}
    .enrollConfirmationWrapper p {margin: 15px;}
    
/* 7.8 Mexican Enrollment
--------------------------------------------------------------------------------------------------*/

img.mexicoEnrollment {margin-bottom: 15px;}
ul.mexicoEnrollment {margin-bottom: 25px;}
    ul.mexicoEnrollment li {list-style-type: disc; line-height: 24px; margin-left: 15px;}
#ctl00_mainContent_rb_clubpremier label, .shippingBlock label {margin-left: 3px;}

/*------------------------------------------------------------------------------------------------- 
    8.0 Shopping
------------------------------------------------------------------------------------------------ */

 #shoppingHome {font-size: 11px; font-family:verdana, arial, helvetica, sans-serif;}
	#wrapper .largeFont {font-size: 13px;}
	
	/*.shoppingAd {width: 510px; text-align: center; margin-bottom: 15px;}*/
	.shoppingAd {width: 378px; margin-bottom: 15px; float: left;}
	
	.productSection {margin-top: 12px;}
	
		.productSection h2 {
			font-size: 1em;
			color: #FFF;
			font-weight: normal;
			height: 1.5em;
			line-height: 1.5em;
			font-family:verdana, arial, helvetica, sans-serif;
			padding-left: 10px;
			text-align: left;
			margin-top: 15px;}
		
			#shoppingHome .blue h2 { background: #003768; }
			#shoppingHome .red h2 { background: #990000; }
			#shoppingHome .grey h2 { background: #b3b2b2; }
			#shoppingHome .tan h2 { background: #999966; }
			#shoppingHome .green h2 { background: #006633; }

		#shoppingHome table {
			color: #337fc2;
			text-align: center;
			margin-top: 25px;}
			
			#shoppingHome table td {text-align: center;}
			#shoppingHome table .spaceRight {padding-right: 15px;}
			#shoppingHome table a:hover {text-decoration: underline;}
			#shoppingHome table a:hover img {text-decoration: none;}

/* 8.1 Category Page View
--------------------------------------------------------------------------------------------------*/

		.productWrapper {margin: 15px 0 0 0 ;}
		
			.productBox {
				width: 340px;
				padding-bottom: 10px;
				vertical-align: top;}
			
			.productWrapper .borderRight { border-right: solid 1px #c2c2c2; }
			.productWrapper .borderTop { border-top: solid 1px #c2c2c2; }

			.productWrapper .productAlert {
				color: #890c08;
				line-height: 2.5em;
				padding-left: 10px;
				height: 28px;}
			
			.productWrapper .productMid {
				padding-top: 10px;
				overflow: hidden;}
			
				.productWrapper .productMidLeft {
					width: 110px;
					float: left;
					text-align: center;}
				
				.productWrapper .productMidRight {
					width: 210px;
					float: left;
					padding-left: 10px;
					padding-right: 10px;}
				
				.productWrapper .productMidRight a:hover {text-decoration: underline;} 
			
			.productBtm {
				clear: both;
				overflow: hidden;
				line-height: 1.5em;}
			    
			    .productBtm ul li {margin: 10px 0; overflow: hidden;}
			    
				.productBtmLeft {
					float: left;
					padding-right: 10px;
					padding-top: 2px;
					text-align: right;
					width: 190px;}
				
					#shoppingDetailView .productBtmLeft {}
				
				.productBtmRight {
					float: right;
					padding-left: 10px;
					width: 130px;
					vertical-align: middle;}
				    
				    .productBtmRight .qty {text-align: left; margin-left: 32px;}
				    .shoppingDetailLeft p {margin-bottom: 5px;}
					.productBtmRight select {vertical-align: middle; margin-right: 15px;}
					.productBtmRight input {vertical-align: middle;}

/* 8.2 Product Details Page
--------------------------------------------------------------------------------------------------*/

#shoppingDetailView {overflow: hidden;}
	.shoppingDetailLeft {width: 55%; float: left;}
		.productDetailPrint .button {float: none; display: inline;}
	    .shoppingDetailLeft .productBtm {border-top: dashed 1px #bfbfc0; margin-bottom: 15px;}
			.shoppingDetailLeft .productBtm p {}
			.shoppingDetailLeft .productBtm .productBtmRight {text-align: right; border: 1 solid red;}
			.shoppingDetailLeft .productBtm .productBtmLeft {text-align: left;}
			    .smallFont {font-size: 10px;}
		
		.shoppingDetailRight {
			width: 45%;
			float: right;
			text-align: center;
			padding-top: 10px;
			margin-bottom: 20px;}
		
			#wrapper .shoppingPrintBtn {font-weight: bold;}
			.shoppingProductImage {padding: 15px 0 10px 0;}
			.shoppingDetailRight .profileSheetLink {line-height: 25px;}
		
	.shoppingDetailBtm {}
	    .shoppingDetailBtm p, .shoppingDetailBtm ul, .shoppingDetailBtm ol {margin-bottom: 15px;}
		#shoppingDetailView .shoppingDetailBtm li {list-style-type: disc; line-height: 24px;}
		
/*------------------------------------------------------------------------------------------------- 
    9.0 Addon Sites
------------------------------------------------------------------------------------------------ */

/* 9.1 Leadership Training Registration
--------------------------------------------------------------------------------------------------*/ 		

#leadershipTraining {padding-top: 30px;}
    #leadershipTraining .header {overflow: hidden; margin-bottom: 50px;}
    #leadershipTraining .header img {}
    #leadershipTraining .headerLeft {width: 450px; float: left; text-align: left;}
    #leadershipTraining .headerRight {width: 450px; float: right; text-align: right;}
        
    #leadershipTraining h2 {color: #569bbe; margin-bottom: 0px; font-size: 1.2em; text-transform: uppercase; line-height: 2em;}
        #leadershipTraining h2 a {font-size: .8em; color: #569bbe;}
    #leadershipTraining ul {list-style-type: disc; line-height: 1.5em; margin: 0 0 15px 15px; padding: 0px;}
    
    #leadershipTraining .columns {overflow: hidden; margin-bottom: 20px;}
        #leadershipTraining .columns .left {width: 48%; float: left;}
        #leadershipTraining .columns .right {width: 48%; float: right;}
        
    .trainingTable {margin: 20px 0; width: 934px; background-color: #eef5f8; border-bottom: solid 2px #569bbe;}
        .trainingTable b {font-size: 1em; color: #000; line-height: 1.7em;}
        .trainingTable .left {width: 587px; vertical-align: top; padding: 30px 0 20px 0;}
        .trainingTable .right {width: 330px; vertical-align: top; padding: 30px 0 20px 0;}
            .trainingTable .box {padding: 0px 25px 10px 25px;}
            
            .trainingTable .left .box {padding-bottom: 10px;}
            .trainingTable .border-bottom {border-bottom: solid 2px #569bbe; padding-bottom: 10px;}
            .trainingTable .border-left {border-left: solid 2px #569bbe}
                
    #leadershipTraining .numRegistered {text-align: center; color: #cc3333;}
    #leadershipTraining .formWrapper {margin: 15px 0; padding: 20px;}
    #leadershipTraining .blueWrapper {background-color: #f0f0f0;}
    
    
/*------------------------------------------------------------------------------------------------
    10.0 iCentris Error Page Styles                                  
-------------------------------------------------------------------------------------------------*/

.iCentrisError {
    margin: 0 auto;
    width: 650px;}
    
    .iCentrisError hr {margin: 25px 0; color: #003768;}
    
    

                
                
                
        
    .contactsTable {
        background-color: #ffffff;
        float: right;
        width: 458px;}
        
        .contactsTable table {
            margin: 0;
            padding: 0;
            width: 100%;}
        
        .contactsTable table thead {background-color: #eaf7fd;}
            
            .contactsTable table thead th {
                border: none;
                border-top: solid 10px #eaf7fd;
                border-bottom: solid 10px white;
                color: #009ddc;
                font-weight: bold;
                height: 1.6em;
                line-height: 1.6em;
                padding-left: 0;
                text-align: left;}
                
                /*.contactsTable table thead th:hover {
                    cursor: pointer;
                    text-decoration: underline;}*/
                    
                /*.contactsTable table tbody tr:hover {background: #f7f7f7;}*/
                
        .contactsTable table tr td {line-height: 1.6em;}
        /*.contactsTable table tr td.first {padding-top: 10px;}*/
        /*.contactsTable table tr td.last {padding-bottom: 10px;}*/
        
            .contactsTable table td input{margin-right: 5px;}
        
        .contactsTable .pagination {
            background: #ffffff;
            padding: 15px 10px 8px 0;}
            
            .contactsTable .pagination .select {
                display: inline;
                line-height: 1.6em;
                padding: 0;}
                
            .contactsTable .pagination span {
                line-height: 1.6em;
                padding: 0 5px;}
                
            .contacts .pagination .blue {margin: 0 3px;}
            
        .contactOptions {
            background: #f7f7f7;
            padding: 8px 0;
            margin-bottom: 40px;}
            
            .contactOptions .buttons {
                margin: 0 auto;
                width: 400px;}
                
                .contacts .buttons .blue {margin: 0 7px;}
                
                .contacts .dropDown {
                    background: url(../../images/crm/down-arrow.png) no-repeat right 2px;
                    padding-right: 11px;}
                
        .contacts .import-export {
            float: right;
            height: 1.6em;
            line-height: 1.6em;
            padding-right: 15px;}
            
/*------------------------------------------------------------------------------------------------
    11.1 CRM (Avatar Project) - Sortable Table Styles                                  
-------------------------------------------------------------------------------------------------*/
table.tablesorter {
	/*font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;*/
	width: 100%;
	text-align: left;}

    /*table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	    background-color: #e6EEEE;
	    border: 1px solid #FFF;
	    font-size: 8pt;
	    padding: 4px;}*/



        /*table.tablesorter thead tr .header {
	        background-image: url(images/tablesorter/bg.gif);
	        background-repeat: no-repeat;
	        background-position: center right;
	        cursor: pointer;}*/
	        
	     table.tablesorter thead tr .header span {
	        background-image: url(images/tablesorter/bg.gif);
	        background-repeat: no-repeat;
	        background-position: center right;
	        cursor: pointer;
	        display: inline-block;
	        padding-right: 20px;}    
	        

        /*table.tablesorter tbody td {
	        color: #3D3D3D;
	        padding: 4px;
	        background-color: #FFF;
	        vertical-align: top;}*/

        /*table.tablesorter tbody tr.odd td {
	        background-color:#F0F0F6;}*/

        table.tablesorter thead tr .headerSortUp span{
	        background-image: url(images/tablesorter/asc.gif);}
        	
        table.tablesorter thead tr .headerSortDown span{
	        background-image: url(images/tablesorter/desc.gif);}
        	
        table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {/*------------------------------------------------------------------------------------------------
    11.1 CRM (Avatar Project) - Sortable Table Styles                                  
-------------------------------------------------------------------------------------------------*/
            /*background-color: #8dbdd8;*/}
            
/*------------------------------------------------------------------------------------------------
    12.0 4LifeStyles YouTube Contest                                
-------------------------------------------------------------------------------------------------*/
    #styles-contest {overflow: hidden;}
        #styles-contest-left {width: 550px; float: left;}
        #styles-contest-right {width: 330px; float: right; margin-left: 20px; padding: 10px; background: #F7F7F7;}
        
        #styles-contest ol {list-style: decimal; line-height: 1.8em; margin: 0 0 15px 10px;padding-left: 15px;}
        #styles-contest ul {list-style: disc; margin: 0 0 15px 10px;padding-left: 15px;}
            #styles-contest ol ul {margin-bottom: 0px;}
            
            #videoContainer {margin: 15px 0;}
            
            
/*------------------------------------------------------------------------------------------------
    13.0 Click For Cash
-------------------------------------------------------------------------------------------------*/
#clickForCash {width: 800px; margin: 0 auto;}

#clickForCash ul {
    list-style-type: disc;
    margin-left: 15px;
    line-height: 1.7em;
    margin-bottom: 1em;}

#clickForCash .container {
    background-color: #fff6df;
    border: 1px solid #696969;
    margin-bottom: 20px;
    padding: 15px;}
    
#clickForCash .intro {
    float: left;
    width: 560px;}
    
#clickForCash .logo {
    float: left;
    text-align: center;
    margin-bottom: 20px;
    width:240px;}
    
#clickForCash .corner-peel {
    background: #fff6df url('../../images/ClickForCash/corner-peel.jpg') no-repeat top left;
    padding: 15px 15px 0 140px;}
    
    
    #clickForCash .container #GrandPrizeWinners {
        border: 1px solid #696969;
        height: 170px;
        overflow: auto;
    }
    
    #clickForCash .container #DailyWinners {
        border: 1px solid #696969;
        height: 300px;
        overflow: auto;
        overflow-x:hidden;}
        
        #clickForCash .container .viewable-area table {width: 100%;}
        
            #clickForCash .container .viewable-area table tr.alt {background-color: #ffeec0;}
        
            #clickForCash .container .viewable-area table th {
                height: 2em;
                line-height: 2em;
                background-color: #ffe192;
                border: none;
                font-weight: bold;}
                
                #clickForCash .container .viewable-area table th.name {width: 250px; padding-right: 10px;}
                #clickForCash .container .viewable-area table th.location {width: 150px; padding-right: 10px;}
                #clickForCash .container .viewable-area table th.amount {width: 130px; padding-right: 10px;}
                
            #clickForCash .container .viewable-area table td {
                height: 1.8em;
                line-height: 1.8em;
                border: none;
                font-weight: bold;
                padding: 0 5px;}
                
                #clickForCash .container .viewable-area table td span {display: block; overflow: hidden; white-space: nowrap;}
                
                #clickForCash .container .viewable-area table td.name span {width: 250px; padding-right: 10px;}
                #clickForCash .container .viewable-area table td.location span {width: 150px; padding-right: 10px;}
                #clickForCash .container .viewable-area table td.amount span {width: 130px; padding-right: 10px;}
                
    /* 13.1 Click For Cash - Enrollment & Shopping Confirmation Pages
    ---------------------------------------------------------------------------------------------*/

    /* Top Banner
    ------------------------------------------- */
    #ctl00_mainContent_c4cCongratulations #clickForCash .corner-peel {width: 520px;}
    
    #clickForCash .corner-peel .message {
        float:left;
        width: 280px;}
        
    #clickForCash .corner-peel .logo {
        float: left;
        text-align: right;
        margin-bottom: 20px;
        width:240px;}

        
    /* 13.2 Click For Cash - Side Bar
    ---------------------------------------------------------------------------------------------*/
    
    /* Side Widget (Positioning Div)
    ------------------------------------------- */
    .clickForCash-SideMenu {
        position: relative;
        left: -10px;}
            
            
    /* Actual Control
    ------------------------------------------- */    
    #clickForCash-sideBar {
        background-color: #fff6df;
        border: 1px solid #696969;
        height: 313px;
        left: -10px;
        overflow: hidden;
        position: relative;
        width: 188px;
        z-index: 10;}
        
    #clickForCash-sideBar .logo {
        padding: 6px 0;
        text-align: center;
        width: 188px;
        height: 100px;}
        
    #clickForCash-sideBar .headline {
        background-color: #ffe192;
        font-size: 1.3em;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        text-align: center;}
        
    #clickForCash-sideBar .viewable-area {
        height: 126px;
        overflow: hidden;}
      
        #clickForCash-sideBar .viewable-area li {
            font-size: .9em;
            height: 42px;}
            
            #clickForCash-sideBar .viewable-area li.alt {background-color: #ffeec0;}
             
            #clickForCash-sideBar .viewable-area li div {
                float:left;
                height: 21px;
                line-height: 21px;
                overflow: hidden;
                padding: 0 2px;}
                
                #clickForCash-sideBar .viewable-area li div.name {width: 125px; font-weight: bold;}
                #clickForCash-sideBar .viewable-area li div.amount {width: 55px; text-align: right; font-weight: bold;}
                #clickForCash-sideBar .viewable-area li div.location {width: 104px;}
                
                /*#clickForCash-sideBar .viewable-area li div.date {width: 62px; text-align: right;}
                #clickForCash-sideBar .viewable-area li div.time {width: 50px; text-align: right;}*/
                #clickForCash-sideBar .viewable-area li div.date-time {width: 76px; text-align: right;}
    
    #clickForCash-sideBar .moreInfo {
        background-color: #ffe192;
        font-size: 14px;
        height: 35px;
        padding: 10px 5px 5px 5px;
        position: relative;
        z-index: 11;
        text-align: center;}
            

    /* 13.3 Click for Cash - Shopping Ad Widget
    /*------------------------------------------------------------------------------------------*/
		
    #shoppingHome #clickForCash {
        background-color: #fff6df;
        border: 1px solid #696969;
        font-size: 13px;
        float: left;
        height: 175px;
        margin-left: 13px;
        overflow: hidden;
        width: 278px;}
    
        #shoppingHome #clickForCash .clickForCash-logo {
            float: left;
            padding: 4px 6px 3px 6px;
            width: 86px;}
            
        #shoppingHome #clickForCash .moreInfo {
            float:left;
            width: 180px;
            font-size: 14px;
            height: 64px;
            padding-top: 10px;
            margin-bottom: 0;
            padding-bottom: 0;
            overflow: hidden;
            text-align: center;}
            
    #shoppingHome #clickForCash .latest-winners {
        background-color: #ffe192;
        font-size: 1.3em;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        margin: 0;
        text-align: center;}
        
    #shoppingHome #clickForCash .viewable-area {
        height: 75px;
        overflow: hidden;
        position: relative;}
      
        #shoppingHome #clickForCash .viewable-area ul {
            padding: 0;
            margin: 0;}
      
        #shoppingHome #clickForCash .viewable-area li {
            height: 25px;
            list-style: none;}
            
            #shoppingHome #clickForCash .viewable-area li.alt {background-color: #ffeec0;}
             
            #shoppingHome #clickForCash .viewable-area li div {
                float:left;
                font-size: 11px;
                height: 25px;
                line-height: 25px;
                overflow: hidden;
                padding: 0 2px;}
                
                #shoppingHome #clickForCash .viewable-area li div.name {width: 90px; font-weight: bold;}
                #shoppingHome #clickForCash .viewable-area li div.location {width: 55px;}
                #shoppingHome #clickForCash .viewable-area li div.amount {width: 37px; font-weight: bold; text-align: right;}
                #shoppingHome #clickForCash .viewable-area li div.date-time {width: 80px; text-align: right;}
                
                
/*------------------------------------------------------------------------------------------------
    14.0 Click For Rewards
-------------------------------------------------------------------------------------------------*/
.clickForRewards {width: 800px; margin: 20px auto 0 auto;}

.clickForRewards .winners {
    width: 400px;
    float: left;}    
    
    .clickForRewards .winners li { line-height: 1.6em; }
    
.clickForRewards-disclaimer {
    background: #dddddd;
    padding: 5px 10px;}
    
    .clickForRewards-disclaimer p {
        font-size: .85em;
        line-height: 1.6em;}

.clickForRewards .intro {
    float: left;
    width: 560px;}

.clickForRewards .logo {
    float: left;
    text-align: center;
    margin-bottom: 20px;
    width:240px;}

      
/*------------------------------------------------------------------------------------------------
    15.0 Tools
-------------------------------------------------------------------------------------------------*/              



#toolsHeader {overflow: hidden; position: relative; min-height: 330px; height: auto !important; height: 330px; padding: 5px 0; overflow: hidden;}
    #toolsHeader .section {width: 225px; float: left; margin: 0 5px 0 0; }
    #toolsHeader .last {width: 225px; float: left; margin: 0;}
    #toolsHeader img {margin-bottom: 10px;}
    #toolsHeader h2 {text-align: center; color: #39627c;}
    #toolsHeader p {padding: 0 15px;}
    #toolsHeader a {margin: 0 0 0 10px; position: absolute; bottom: 10px;}
#toolsBody {margin: 0; min-height: 500px; height: auto !important; height: 500px;}
    #toolsBody .inputStyle {margin: 0 10px 10px 0; font-size: 1.5em; color: #999; border: solid 1px #666; padding: 0 10px 0 30px; background: #fff url(../../images/icons/magnifier.png) no-repeat 5px 5px;}
    #toolsBody .active {color: #333;}
    #toolsBody h2 {margin-bottom: 5px;}
    #toolsSearch {padding: 10px 10px 0 10px; background: #EAF7FD;}
        #toolsSearch a {margin: 0 15px; font-weight: bold;}
        #toolsSearch a.inactive {cursor: default; color: #999;}
        #toolsSearch a.inactive:hover {text-decoration: none; color: #999;}
        #toolsSearch span {Font-weight: bold; color: #3B657D; margin-right: 15px; font-size: 1.2em;}
    #toolsList {list-style: none; font-size: .9em;}
        #toolsList h2 {margin-bottom: 10px; font-size: 1.1em;}
        #toolsList p {margin-left: 115px;}
        #toolsList li {display: block; width: 410px; height: 200px; float: left; margin: 10px; border: solid 1px #efefef; padding: 15px; overflow: hidden;}
        #toolsList img {float: left; width: 100px; margin: 0 15px 15px 0;}
        #toolsList .meta {color: #999;}

/*------------------------------------------------------------------------------------------------
    15.0 Quick Enrollment
-------------------------------------------------------------------------------------------------*/

#quickEnrollAcc {margin: 15px 0;}
    .quickEnrollStep {}
    .quickEnrollStepTitle {border: solid 1px #999; padding: 2px 5px;}
    .fField {width: 49%; float: left; height: 50px;}
        .fField .text, .fField .select {display: block; width: 49%; border: solid 1px #DDD; padding: 1px 5px; margin-bottom: 5px;}
        .fField .select {width: 52%; padding: 1px 0 1px 5px;}
    .fAddress {height: 110px;}
        .fAddress .text {margin-bottom: 8px;}
    .lState {width: 35%; float: left;}
    .lZip {width: 18%; float: left;}
    .lExpDateMo {width: 20%; float: left;}
    .lExpDateYr {width: 35%; float: left;}
    .lState .select, .lZip .select, .lExpDateMo .select, .lExpDateYr .select {width: 90%; float: left;}
    .fNext {}

    .tooltip, .error {display: none;}

    .paymentFields {overflow: hidden; margin: 15px 0;}