/*------------------------------------------------------
HEADER
------------------------------------------------------*/

.header { background-color: #2a2827}
.myaccount{ width: 96px; height: 34px; background: url(/Images/btn_my_account.png) no-repeat; text-indent: -999em; display: block; position: absolute; right: 315px; top: 0; overflow: hidden; }
.myaccount:hover { background-position: 0 -34px; }
.purerewards { width: 114px; height: 34px; background: url(/Images/btn_pure_rewards.png) no-repeat; text-indent: -999em; display: block; position: absolute; right: 423px; top: 0; overflow: hidden; }
.purerewards:hover { background-position: 0 -34px; }
.pureadmin { width: 150px; height: 34px; background: url(/Images/btn_pure_admin.png) no-repeat; text-indent: -999em; display: block; position: absolute; right: 535px; top: 0; overflow: hidden; }
.logout { position: absolute; top: 0; right: 198px; }

/*------------------------------------------------------
MAIN NAV
------------------------------------------------------*/
.mainnav { left: 4px; }
.mainnav a span { padding-left: 10px; margin-right: 10px; }
.mainnav li ul { background: #232323; }
.mainnav a:hover, .mainnav li.sfHover a { background-image: url(/Images/mainnav_h_bg.png);}
.mainnav a:hover span, .mainnav li.sfHover a span  { background-image: url(/Images/mainnav_h_bg.png); }
.mainnav li li { background: url(/Images/pulldown_line_bg.png) no-repeat center bottom; }
.mainnav li li a:hover  { background-color: #313131; }
.mainnav li ul.pd_locator { left: -57px; width: 200px; }

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.pfooter { background-image: url(/Images/footer_bg.png);}
.footer_distrib { width: 166px; }

/*------------------------------------------------------
HOME
------------------------------------------------------*/
.shelf_home_pro { background: url(/Images/shelf_home_bg.jpg) repeat-x left bottom; margin-bottom: -20px; padding-left: 10px; padding-bottom: 20px; overflow: hidden; width: 950px; }
.shelf_home_pro .callout { width: 230px; float: left; position: relative; border-right: 1px solid #a09b96; margin-top: 20px; color: #fff;}
.shelf_home_pro .desc {width: 120px; padding: 10px 0 10px 100px;}
.shelf_home_pro img { position: absolute; top: 10px; left: 10px; }
.shelf_home_pro .nb { border: none; }
.shelf_home_pro h3 { font-size: 12px; }
.shelf_home_pro .more { text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; background: url(/Images/_shared/home_callout_arrow.png) no-repeat right center; padding-right: 13px;  } 

.home_billboard { height: 437px;}
.webphoto_select { padding:10px; }
.clip_wrap { position:relative; overflow:none; width:45px; cursor:pointer; }
.clip_wrap embed { cursor:pointer; }
.clip { color:#000; background-color:#CCC; padding:5px; font-size:13px; font-weight:bold; margin-bottom:10px; }

/*------------------------------------------------------
MY ACCOUNT
------------------------------------------------------*/
.account_col { float:left; width: 430px; display:inline; }
.info_wrap { position:relative; background:url(/Images/info_bg.png) repeat-y; padding:25px 35px; margin-bottom:30px; overflow: hidden; height: 1%;}
.btn_save { float: right; }
.info_select { position:relative; background:url(/Images/info_bg.png) repeat-y; padding:15px 15px; margin-bottom:15px; overflow: hidden; height: 1%;}

.welcome { display: none; }
.welcomepureologist { display: none; }
.welcome_desc { width: 300px; float: left; display: inline; }
.welcome_modules { float: left; margin-left: 30px; width: 500px; display: inline; }
.welcome_modules a { width: 236px; height: 108px; float: left; margin: 0 10px 10px 0; }


/*------------------------------------------------------
TRANSITION
------------------------------------------------------*/
.trans_side_top { padding-top:10px; }
.trans_body { padding-top:0; }
.trans_body .tl { top: 0;}
.trans_content { float: left; width: 325px; }
.login_col { width: 220px; float: left; padding: 9px 0 0 20px; display: inline; position: relative; z-index: 80; }
.login { background: url(/Images/_shared/sidenav_bg_bot.png) no-repeat left bottom; padding-bottom: 10px; min-height: 165px; position:relative; }
.login { height: auto !important; height: 165px; } /* clean way to make IE min-height */
.login_top { background: url(/Images/_shared/sidenav_bg_top.png) no-repeat; padding-top: 20px; height: 1%; position: relative; top: -10px; }

.login_wrap { width:180px; margin: 0 auto; color:#FFF; }
.login_wrap h4, .login_wrap h3, .login_wrap a { color:#c1c1bc; }

.sm { font-size:12px; padding-bottom:10px; }

.login_body { background: url(/Images/_shared/product_content_bg.png) repeat-y left top; padding: 0px 0 30px 34px; overflow: hidden;  }
.login_body p {line-height: 17px;}

.trans_blocks { width:283px; float: left; padding-top: 30px;}
.trans_copy { background: url(/Images/trans_right_block.png) no-repeat left bottom; padding-bottom: 10px; min-height: 52px; position:relative; margin-bottom:20px; }
.trans_copy { height: auto !important; height: 52px; } /* clean way to make IE min-height */
.trans_copy_top { background: url(/Images/trans_right_block_top.png) no-repeat; padding: 11px 12px 0 12px; height: 1%; position: relative; top: -10px; }
.trans_blocks a { text-decoration:none; }


/*------------------------------------------------------
SYSTEMS
------------------------------------------------------*/
.ref_panel {background:url(/Images/ref_panel_bot_bg.png) no-repeat left bottom; width: 160px;}
.ref_panel_top {background:url(/Images/ref_panel_bg.png) no-repeat; padding: 50px 10px 10px 10px;}
.ref_panel li {padding: 7px 5px 7px 15px;  background: url(/Images/_shared/icon_mini_pdf.png) no-repeat left 9px; border-bottom: 1px solid #7f6c79;  }
.ref_panel li.last { border-bottom: none; }
.ref_panel li a { color: #bcacb7; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; display: block; background: url(/Images/ref_arrow.png) no-repeat right center; padding: 0 10px 5px 0; }
.ref_panel li a:hover { color: #fff; }

/*------------------------------------------------------
PURE REWARDS
------------------------------------------------------*/
.pure_desc {width: 300px; float: left; margin-top: 20px;}

.pure_downloads { padding: 10px; width: 284px; float: left; margin-left: 20px; margin-top: 20px; }
.content_body .pure_downlaods ul { list-style: none; }
.content_body .pure_downloads li {border-bottom: 1px solid #b3b2b2; padding-left: 0; background-image: none;}
.pure_downloads li a { padding: 5px 5px 5px 10px; display: block; background: url(/Images/_shared/icon_mini_pdf.png) no-repeat left center; text-transform: uppercase; text-decoration: none; font-weight: bold; }

.redeem_blocks { margin-top: 20px; }
.redeem_block { position: relative; padding-left: 160px; min-height: 120px; margin-bottom: 30px; }
.redeem_block img { position: absolute; top: 0; left: 0; }

.redeem_block .reward_step { left: 20px; }

.redeem_member { border-top: 1px solid #ccc; width: 510px; margin-bottom: 40px; }
.redeem_member th { text-align: left; font-weight: bold; color: #461938; border-bottom: 1px solid #ccc; padding: 12px 0; vertical-align: top; }
.redeem_member td { padding: 25px 50px 25px 0; vertical-align: top; border-bottom: 1px solid #ccc; }

.pure_signin { background: url(/Images/rewards/bg_quick_links.png) no-repeat; width: 254px; height: 140px; float: left; margin: 30px 0 0 20px; padding: 20px; }

/*------------------------------------------------------
PRO TREATMENTS
------------------------------------------------------*/
.s_treatment { margin-bottom: 20px; width: 500px; }
.s_pic { width: 65px; }

/*------------------------------------------------------
TECHNIQUES
------------------------------------------------------*/
.tech_col1 { width: 300px; float: left; }
.tech_col2 { width: 315px; margin-left: 10px; float: left; }

.tech_col1 img, .tech_col2 img {margin-bottom: 10px; }

.tech_col1 h3, .tech_col2 h3 { margin-bottom: 20px; } 

.tech_overview { overflow: hidden; }
.tech_overview .desc { float: left; margin-left: 20px; width: 200px; }
.tech_overview img { float: left; }
.products_used { position: relative; }
.usedImages { position: absolute; left: 200px; top:0; width: 200px; }

/*tech tab*/
.tab_tech { overflow: hidden; height: 23px; padding-top: 30px; display:none; }
.tab_tech ul { list-style: none; margin-left: 24px; }
.content_body .tab_tech li { float: left; position: relative; padding-left: 0; background-image: none; margin-right: 5px; }

.tab_tech a { color:#979793; text-decoration: none; text-transform: uppercase; font-size: 11px; height: 23px; line-height: 23px; width: auto; display: block; cursor:pointer; position: relative; background: url(/Images/tech_tab_bg.png) no-repeat right top; }
.tab_tech a span { display: block; height: 23px; padding-left: 32px; margin-right: 32px; background: url(/Images/tech_tab_bg.png) no-repeat left top; }
.tab_tech a.active {background-position: right -23px; color: #461939;  }
.tab_tech a.active span {background-position: 0 -23px; }

.panel_tech { background: #EDEBE9 url(/Images/tech_panel_bg_bot.png) no-repeat left bottom; width: 630px; min-height: 300px;  }
.panel_tech h2 { margin: 0 0 15px 0; padding-top: 30px; border-bottom: 1px solid #ccc; }
.panel_tech h3 { font-size:99%; }
.panel_tech_top { background: url(/Images/tech_panel_bg_top.png) no-repeat; min-height: 200px; padding: 28px 24px 24px 24px; overflow: hidden;}

.psteps td { width:120px; vertical-align:top; padding-right:25px; }

.styleone { clear: both; }
.styleone img { float: left; }
.styleone .desc { width: 210px; margin-left: 25px; float: left; }
.soneImages img { float: none;}
.sone_products { margin-left: 20px; float: left; width:140px; }


.styletwo { clear: both; }
.styletwo .desc { width: 350px; margin-left: 25px; float: left; }

.stwoImages img { float: none;}
.stwo_products { margin-left: 60px; float: left; }

.btn_action { position: absolute; top: 30px; right: 20px; }

.other_tech { float: right; margin-top: 30px; display:none; }

.tech_grid img { margin-bottom: 30px; }

/*------------------------------------------------------
BUSINESS
------------------------------------------------------*/
.business_shelf .callout { float: left; margin-left: 20px; display: inline; }

.advice_intro { overflow: hidden; margin-bottom: 30px; }
.advice_intro img { float: left; }
.advice_intro .inner_copy { float: left; margin-left: 20px; width: 290px; }


/*------------------------------------------------------
PLANOGRAMS
------------------------------------------------------*/
.plano_col {width: 250px; float: left; }
.plano_detail img { float: left; }
.plano_desc { width: 220px; float: left; margin-left: 30px; padding-top: 60px; }

/*------------------------------------------------------
BIPROMO
------------------------------------------------------*/
.miss_issue { padding: 30px 0 0 34px; }
.miss_issue h3 { margin-bottom: 10px; }
.miss_issue img { float: left; margin: 0 15px 10px 0; }

.bipromo_stand {overflow: hidden;}
.bipromo_stand img { float: left; }
.bipromo_stand .desc { float: left; width: 300px; margin-left: 30px; display: inline; }

.cur_promos { position: relative; }
.cur_promos .big { font-size: 20px; }

.promo_row td { vertical-align: top; width: 50%; }
.promo_btn { position: absolute; right: 0; top: 0; }


.promo_tbl { border-top: 1px solid #ccc; margin-top: 20px; }
.promo_tbl td { vertical-align: top; }
.promo_tbl h5 { padding: 10px 0; }
.content_body .promo_tbl li { margin-bottom: 0; }

.promo_pic { width: 250px; }
.promo_title { position: relative; }

/*------------------------------------------------------
EDUCATION
------------------------------------------------------*/
.edu_block { width: 300px; float: left; margin: 20px 10px 30px 0; overflow: hidden; }
.edu_block img { float: left; }
.edu_block .desc { width: 200px; float: left; margin-left: 12px; }

.edu_pic { width: 95px; vertical-align: top; }
.edu_tbl { margin-top: 20px; }
.edu_tbl .desc { width: 200px; padding-right: 12px; vertical-align: top; }


.edu_block h5 { border-bottom: 1px solid #d9d8d7; }


/*------------------------------------------------------
DISTRIBUTOR LOCATOR
------------------------------------------------------*/
.distro_copy { color: #fff; position: absolute; top: 132px; left: 34px; width: 300px; }
.distrib_search { width: 217px; background: url(/Images/distrib_search_bg_bot.png) no-repeat left bottom; min-height: 121px; position: relative; float: left;}
.distrib_search_top { background: url(/Images/distrib_search_bg_top.png) no-repeat; padding: 20px;}
.distrib_search h3 { margin-bottom: 10px; height: 1%; }
.distrib_search select { width: 100%; }
.distrib_search .btn_search { position: absolute; right: 20px; bottom: 20px; }

.distrib_results {background: #eceae8 url(/Images/results_panel_bot.png) no-repeat left bottom; width: 554px; float: left; margin-left: 50px; min-height: 121px;}
.distrib_results_top { background: url(/Images/results_panel_top.png) no-repeat; padding: 20px;}
.distrib_results h2 { text-transform: uppercase; border-bottom: 1px solid #a3a29d; padding: 0 0 10px 20px; }

.distrib_records table { border-collapse: collapse; width: 100%; margin-bottom: 30px; }
.distrib_records td {padding: 10px 20px 10px 20px;; border-bottom: 1px solid #a3a29d;}
.distrib_records .viewmap { text-align: right; padding: 0; width: 135px;}
.distrib_records .dtitle { width: 160px;}


/*------------------------------------------------------
COMMUNITY
------------------------------------------------------*/
.com_search_callout {position: absolute; right: 20px; top: 100px;}

.com_search { width: 217px; background: url(/Images/com_search_bg_bot.png) no-repeat left bottom; min-height: 112px; position: relative; margin-bottom: 10px;}
.com_search_top { background: url(/Images/com_search_bg_top.png) no-repeat; padding: 10px 20px;}

.com_search_internal { width: 217px; background: url(/Images/com_search_bg_bot_wht.png) no-repeat left bottom; min-height: 112px; position: relative; margin-bottom: 10px;}
.com_search_top_internal { background: url(/Images/com_search_bg_top_wht.png) no-repeat; padding: 10px 20px;}

.com_search h3 { margin-bottom: 10px; height: 1%; }
.com_search select, .com_search input { width: 100%; }
.com_search .btn_search { position: absolute; right: 16px; bottom: 12px; }
ul.rade_toolbar li, .rade_toolZone ul li { background:none; }
.com_crumb { margin:20px 0 20px 33px; font-weight:bold; }
.com_content { width:635px; }
.sf_postContent .quote { display:none; }

.fntfx strong { font-size:94%; }
.com_new_title { width:94%; }
.com_submit { border:none; background:url(/Images/btn_save.png) no-repeat; width:65px; height:24px; cursor:pointer; display:inline; float:left; margin:1px 0 0 10px; }
.sf_cancel { width:76px; height:26px; display:block; float:left; }

.sf_postCommands img { padding-top:20px; }
ul.Default2006.rade_toolbar { background-position:0 -140px; }
.quote { display:none; }


/*------------------------------------------------------
LOOK BOOK
------------------------------------------------------*/
.lb_nav { height:86px; }
.lb_pane { height:602px; position:relative; }
.lb_pane .pane { height:602px; }

.lb_tray { background: url(/Images/lookbook/bg_tray.png) repeat-x; height: 83px; text-align: center; border-bottom: 2px solid #2a2827; }
.lb_tray ul { margin: 0 auto; display: block; position: relative; left: 50%; float: left; }
.lb_tray li { float: left; margin-right: 15px; width: 67px; height: 77px; padding-top: 6px; position: relative; right: 50%; }
.lb_tray li.active { background: url(/Images/lookbook/tray_active.png) no-repeat center bottom; }
.lb_tray img { cursor: pointer; }
.no_pad { padding: 0; }

.lb_stage { width: 961px; height: 602px; position: relative; margin-bottom: -20px; background:#534a45 url(/Images/lookbook/loader.gif) no-repeat center center; }
.bookend_callout { width: 330px; position: absolute; top: 190px; right: 40px; color: #fff; line-height: 17px;  }
.bookend_callout h3 { color: #fff; font-size: 21px; padding-bottom: 10px; font-weight: normal; }
.bookend_video { margin-bottom: 30px; }

.bg_arrow { position: absolute; display: block; width: 50px; height: 300px; top: 145px; filter:alpha(opacity=50); opacity:0.5; outline: none; border:none; z-index:10; }
.bg_arrow:active { outline:none; }
.bg_arrow_left { left: 0; background: url(/Images/lookbook/bg_arrow_left.png) no-repeat left center; }
.bg_arrow_right { right: 0; background: url(/Images/lookbook/bg_arrow_right.png) no-repeat right center; }
.bg_arrow:hover { filter:alpha(opacity=100); opacity:1; }
.modal_full { background: url(/Images/lookbook/modal_style_full.png) no-repeat; height: 553px; width: 870px; position: absolute; top: 24px; right: 50px; z-index:50; }

.modal_half { background: url(/Images/lookbook/modal_style_half.png) no-repeat; height: 553px; width: 460px; position: absolute; top: 24px; right: 50px; z-index:50; }
.lb_stage h2 { font-size: 22px; text-transform: uppercase; position: absolute; top: 45px; left: 32px; }
.modal_nav { position: absolute; top: 0; left: 0; height: 26px; width: 435px; padding: 5px 14px; z-index:20;}
.modal_full .modal_nav { width: 845px; }
.lb_arrow { color: #461939; text-transform: uppercase; text-decoration: none; background: url(/Images/lookbook/lb_arrow.png) no-repeat right center; padding-right: 8px;  }
.lb_close { padding: 0 0 0 5px; cursor: pointer; }
.nav_group { display: block; position: absolute; top: 6px; right: 14px; }
.nav_group .first { border-left: none; }
.nav_group a { border-left: 1px solid #9b9b9b; padding-left: 8px; margin-left: 5px;  }

.modal_content { top:87px; overflow:hidden; width:438px; height:453px; margin:0 auto; position: relative; }
.modal_full .modal_content { margin: 0; padding-left: 32px; width: 835px; }

.content_views { position:relative; width:20000em; }
.content_view { position: relative; float:left; width:393px; height:450px; padding:0 22px; }

.intro_products { position: absolute; overflow: hidden; top: 175px; width:393px; }
.intro_prep { float: left; width: 175px; }
.intro_style { float: left; margin-left: 60px; width: 150px; }

.modal_btns { position: absolute; top: 505px; left: 32px; width: 393px; }
.btn_r { position: absolute; top: 0; right: 0; }

.lb_step { margin: 0 auto; width: 210px; }
.lb_step_img { border: 1px solid #9b9b9b; margin-bottom: 10px; }

.intro_img_holder { position: absolute; left:22px; top:0; z-index: 75; width: 393px; height: 144px; }
.intro_img { width: 391px; height: 97%;  border: 1px solid #9b9b9b; margin-bottom: 5px; background-repeat: no-repeat; }

.lb_status { width: 160px; height: 10px; position: absolute; top: 510px; left: 50%; margin-left: -80px; }
.lb_status ul { margin: 0 auto; float: left; position: relative; left: 50%;}
.lb_status li { float: left; float: left; position: relative; right: 50%; }
.lb_status li a { float: left; display: block; width: 10px; height: 10px; background: url(/Images/lookbook/icon_lb_status.png) no-repeat left top; overflow: hidden; }
.lb_status li a:hover { background-position: 0 -10px; }
.lb_status li a.active { background-position: 0 -20px; }

.lb_step_grid { width: 705px; }
.lb_step_sm { width: 140px; height: 200px; float: left; margin: 0 20px 0 0; padding:1px 0 0 1px; position:relative; }
.lb_step_sm h3 { position:absolute; top:166px; left:0; }
.lb_step_sm img { width: 138px; height: 162px; }
.lb_step_sm a { border: 1px solid #b0b0b0; display: block; width: 138px; height: 162px; }
.lb_step_sm a.active, .lb_step_sm a.active:hover { border: 2px solid #461939; margin: -1px 0 0 -1px; }
.lb_step_sm a:hover { border: 1px solid #461939; }

.lb_step_product { position: absolute; bottom: 100px; right: 333px; }

.lb_btn_callout { width: 138px; position: absolute; right: 20px; bottom: 21px; }
.modal_full .lb_btn_callout { bottom: 0; right: 0; }
.lb_btn_callout .addThis { position:absolute; width:132px; height:24px; padding-top:24px; top:25px; right:20px; }
.lb_btn_callout .addThis a { padding-left:4px; }

.sharetxt { display:inline; position:relative; z-index:20; }
.addInline { height:23px; width:132px; top:20px; right:-16px; position:absolute; padding-top:4px; background:none repeat scroll 0 0 #581F48; margin:0; z-index:20; }
.hitarea { height:22px; width:50px; position:absolute; left:9px; top:-1px; cursor:pointer; }
.addInline a { border:none; margin:0; padding-left:4px; }

.lb_step_content { position: absolute; width: 170px; height: 364px; right: 25px; top:0; }

.btn_stepby { position: absolute; right: 25px; bottom: 30px; }

.be_info { width:300px; height:400px; position:absolute; top:20px; }
.pos_left { left:40px; }
.audio { position:absolute; top:44px; right:30px; display:none; cursor:pointer; }

.overlay { position:absolute; top:0; left:0; z-index:35; width: 100%; height: 602px; background-color:#000; display:none }
.pointer { cursor:pointer; }

/*------------------------------------------------------
PURE PROFIT CALCULATOR
------------------------------------------------------*/
#calc { width:620px; }
#calc_intro { margin-bottom:22px; }
#calc_intro strong { color:#461939; }
.calc_row { position:relative; width:620px; height:86px; padding-top:22px; border-top:1px solid #ccc; }
#calc_foot { padding-top:10px; height:28px; font-size:smaller; }
.calc_col1 { float:left; width:68px; }
.calc_col2 { float:left; width:164px; padding-right:10px; }
.calc_col2 strong { font-family: "Georgia", Palatino, Times, serif; letter-spacing:-1px; }
.calc_col3 { float:left; width:115px; }
.calc_col4 { float:left; width:98px; }
.calc_col5 { float:left; width:80px; }
.calc_col6 { position:absolute; width:72px; height:86px; top:0; right:0; padding-top:22px; padding-left:13px; background-color:#FFFFFF; }
.calc_head { height:116px; background-color:#ebeaea; padding-top:0; margin-bottom:0; }
.calc_head .calc_col2 { position:absolute; bottom:22px; left:68px; }
.calc_head .calc_col3 { position:absolute; bottom:8px; left:242px; }
.calc_head .calc_col4 { position:absolute; bottom:8px; left:357px; }
.calc_head .calc_col5 { position:absolute; bottom:22px; left:455px; }
.calc_head .calc_col6 { position:absolute; height:auto; top:auto; bottom:22px; left:535px; background-color:transparent; }
.calc_totals { font-size: 18px; color: #461939; font-family: "Times New Roman", Times, serif; }
#calc label { font-weight:normal; }
#calc label.active { font-weight:700 !important; color: #461939 !important; }
.sub_items { position:relative; left:-10px; }