﻿.TopMenu_TextBox
{
    width: 90px;
    height: 12px;
    color: Gray;
    font-size: x-small;
}



.menu1
{
    background-image: url(images/menudiv1bg.gif);
    margin-left: 25px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    text-decoration: none;
    color: #000000;
    height: 20px;
}

.submenu
{
    display: block;
    height: 19px;
    float: left;
    text-align: left;
    background-color: Transparent; /*margin-left: 38px; padding-top: 2px; padding-left: 7px; color: #333333;*/
}
.submenu2
{
    display: block;
    height: 19px;
    float: left;
    text-align: left;
}

.hide
{
    display: none;
}
.show
{
    display: block;
}

body
{
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px; /*color: #000;*/
    background-color: White; /*background-image:url(images/gradient-bg.jpg);*/
    background-repeat: no-repeat;
}

a img
{
    border: none;
}

form
{
    margin: 0px;
}

.Cart_GridView
{
    border: none;
    border-bottom: none;
    color: Gray;
    font-family: Arial;
}




div#Container
{
    width: 800px; /*height:94px;*/ /*background-color: #49879F;*/ /*background-color: #387086;*/
    padding: 0px 0px 0px 0px;
    position: relative;
    background-position: top;
    background-repeat: repeat-x; /*background-color:#E4E6EA;*/
}

div#Container_Home
{
    width: 800px; /*height:94px;*/ /*background-color: #49879F;*/ /*background-color: #387086;*/
    height: 500px;
    padding: 0px 0px 0px 0px;
    position: relative;
    background-position: top;
}

/*James*/
input#DomainSearch
{
    width: 280px; /*height: 12px;*/
    text-align: center;
}

/*James*/
div#HomePageSearch
{
    left: 299px;
    top: -44px;
    margin-top: 68px;
    margin-left: 300px;
    position: absolute;
    color: white;
    width: 220px;
    text-decoration: none;
    font-size: 8pt;
}
/*James*/
div#TopMenu
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-image: url(../images/nav_bar.gif); /*background-image:url(../images/banner1.jpg);*/
}
/*James*/
div#MainPane_HomePage
{
    width: 100%; /*height:472px;*/
    height: 100%; /*background-image: url(../images/hp_bg_bottom.gif);*/
    background-position: bottom;
    position: relative;
    padding: 0px 0px 0px 0px;
    background-color: white;
}
/*James*/
div#Header
{
    height: 64px;
    width: 800px;
    background-color: Transparent; /*background-image: url(images/header.gif);*/ /*background-repeat: no-repeat;*/
    color: #c7d5ff;
    padding: 0px 0px 0px 0px;
    position: relative;
    text-align: center;
}
/*James*/
div#Footer
{
    width: 800px;
    text-align: center;
    background-color: Transparent;
    background-position: bottom;
}

div#mainPane
{
    width: 800px;
    height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; /*background-color:#E4E6EA;*/
    text-align: center;
    font-size: 9pt;
    left: 0px;
    top: 0px;
}


div#leftPane
{
    /*background-color:#E4E6EA;*/
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 176px;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 100%;
    text-align: center;
}
div#rightPane
{
    /*width: 500px;*/ /*height:472px;*/
    background-color: white;
    float: right;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; /*background-image:url(images/hp_bg_bottom.gif);*/ /*left: 2px;*/
    text-align: left;
    width: 640px;
}
div#rightPane li a
{
    color: Gray;
}

.rightSide
{
    background-color: Transparent;
    text-align: left;
    height: 490px;
    width: 640px;
    vertical-align: top;
    float: left;
    padding-left: 15px;
}

.pageLink
{
    padding-left: 5px;
    color: #666666;
    line-height: 15px;
    float:left;
}
#pageTitle
{
float: left;line-height:15px;
background:url(../images/pageTitle.jpg) no-repeat;
width:24px;height:8px;
margin-top:4px;
}
.PageNumContainer2
{
    margin-top: 12px;
    float: left;
    background: url(../images/5.2.08/pagenumBG.jpg) no-repeat;
    width: 75px;
    height: 16px;
}
#storeContainer
{
    font-family: Arial;
    color: #646464;
}

.PageNumContainer
{
    margin-top: 5px;
    float: left;
    background: url(../images/5.2.08/pagenumBG.jpg) no-repeat;
    width: 75px;
    height: 16px;
    padding-right: 5px;
}
.pageLink a
{
    color: #666666;
    text-decoration: none;
}

.pageLink a:hover
{
    color: #b40e80;
}


/*James---------------------------*/
.horizontal ul
{
    list-style-type: none;
    padding: 0px;
    border-left: 0px solid;
    display: block;
    height: 38px;
    margin: 0px;
}
.horizontal li
{
    float: left;
    display: inline;
}

p
{
    font-size: 13;
    font-family: sans-serif;
    line-height: 15px;
    color: #808080;
}




div#rightPane table, div
{
}

div#promoPane
{
    width: 580px;
    padding: 10px 0px 0 0px;
    overflow: hidden;
}
div#promoPane div
{
    width: 100%;
    overflow: hidden;
}

#divSignUp
{
    background-color: #6B7D89;
    color: #FFF;
}
#divSignUp table
{
    background-color: #6B7D89;
}

#divContactUs
{
    background-color: #E0E5ED;
}
#divContactUs table
{
    background-color: #E0E5ED;
}

#previewpane
{
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 500px;
    text-align: center;
    padding: 5px;
}

#colorpane
{
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 500px;
    text-align: left;
    padding: 5px;
}

#colorpane div
{
    float: none;
    width: auto;
    border: 1px solid #FFFFFF;
}

.divCMS
{
    width: auto;
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}

table#tblLogin
{
    background-color: #874400;
    color: #febf7a;
    font-size: 11px;
}
table#tblLogin input.txt
{
    width: 93px;
}
table#tblLogin a
{
    color: #febf7a;
}

div.leftMenu
{
    width: 146px;
    height: 171px;
    background-color: #c26402;
    background-image: url(/images/leftPane_bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.leftMenu ul
{
    margin: 0px;
    color: #FFF;
    font-family: Times New Roman, arial, helvetica, sans-serif;
    list-style-type: none;
    padding: 10px 0px 10px 20px;
}

div.Content
{
    padding: 15px 5px 10px 5px;
}

div.content1
{
    width: 590px;
    background-color: #fcefd1;
    background-image: url(/images/bkg_image.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 500px;
}

div.TemplateItem
{
    width: 181px;
    height: 183px;
    background-image: url(/images/category_big_bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
div.TemplateItem table
{
    margin: 7px;
}

div.ColorSchemeItem
{
    padding: 2px;
}

.err
{
    color: #f00;
}

.bluetxt
{
    color: #0120af;
}

.pointer
{
    cursor: pointer;
}

td.field_label
{
    font-weight: bold;
    text-align: right;
}
.boxPadd
{
    margin-top: 3px;
}

/*Creating shipping tables*/

.Shipping-table
{
    border-collapse: collapse;
    border: 1px solid #333;
}
.Shipping-table th, .Shipping-table td
{
    padding: 0.5em;
    border: 1px solid #666; /*background-color: #F8EDAD;*/
}
.Shipping-table th[scope=col]
{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.Shipping-table th
{
    color: #fff;
    background-color: #7d98b3;
}
.style1
{
    text-align: right;
    width: 141px;
}
.style4
{
    text-align: right;
}
.style5
{
    width: 89px;
    text-align: right;
}
.style6
{
    width: 122px;
    text-align: right;
}
.style7
{
    width: 141px;
}
.style10
{
    width: 217px;
}

/*Style for Salon Professional Page*/


ul li
{
    font-size: 13;
    font-family: arial;
    line-height: 22px;
    color: #808080;
}

#practicesTable
{
    font-size: 14px;
    color: #808080;
}

.Cart
{
    display: block;
    width: 39px;
    height: 16px;
    text-decoration: none;
    background-image: url(images/shopping_cart.gif);
    background-position: 0 0px;
}

.Cart:hover
{
    background-position: 0 -16px;
}

/* New Years Holiday page */

.holidayHeader
{
    width: 850px;
    background: url(images/home/home_header.jpg);
    background-repeat: no-repeat;
    height: 109px;
}


.holidayHeaderLeft
{
    width: 200px;
    height: 109px;
    background: url(images/home/home_header.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

.holidayHeaderRight
{
    width: 400px;
    height: 109px;
    background: url(images/home/home_header.jpg);
    background-repeat: no-repeat;
    background-position: 44% 0%;
}

.holidayLogin
{
    width: 250px;
    height: 109px;
    background-repeat: no-repeat;
    float: left;
}


.NormalHeader
{
    width: 850px;
    height: 109px;
    background: url(images/holiday/newyear_header2009.jpg);
    background-repeat: no-repeat;
}

.holidayLeft
{
    width: 600px;
    height: 109px;
    float: left;
}



.newYearLeft
{
    width: 285px;
    height: 109px;
    float: left;
}

.newYearRight
{
    width: 303px;
    height: 74px;
    float: left;
}


/*About Page */

#AboutContainer
{
    width: 640px;
    height: 460px;
    font-family: Sans-Serif;
    overflow: hidden;
}

#AboutHeader
{
    background: url(../images/Practices/about_Header.jpg) no-repeat;
    width: 637px;
    height: 81px;
}

#AboutContent
{
    width: 637px;
    height: 380px;
    float: left;
}

#AboutContent p
{
    color: #585859;
    font-size: 12px;
    margin: 0;
    line-height: 16px;
    text-align: justify;
}

p.parSpacer
{
    padding-top: 10px;
    float: left;
}

#aboutList
{
    font-style: italic;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 30px; /*list-style-image:url(../images/Practices/bullet.jpg);*/
}
#aboutList li
{
    line-height: 17px;
    color: #4d4d4f;
    list-style-image: url(../images/Practices/bullet.jpg);
}



.styleText
{
}

.styleText p
{
    color: #4d4d4f;
    margin: 0;
    line-height: 16px;
}

.lbTell
{
    background: url(../images/Practices/btnTell.jpg) no-repeat;
    width: 134px;
    height: 23px;
    display: block;
    text-decoration: none;
}
#ButtonTell
{
    float: left;
}

#ButtonSubmit
{
    float: left;
}


.lbSubmit
{
    background: url(../images/Practices/btnSubmit.jpg) no-repeat;
    width: 134px;
    height: 31px;
    display: block;
    text-decoration: none;
}
#AboutRightSpace
{
    background: url(../images/practices/about_LeftSpace.jpg) no-repeat;
    width: 184px;
    height: 54px;
    float: left;
}
#AboutLeft
{
    background: url(../images/practices/about_Left.jpg) no-repeat;
    width: 310px;
    height: 371px;
    float: left;
}

#AboutRight
{
    width: 326px;
    float: left;
}

#AboutRightText
{
    background: url(../images/practices/about_Right.jpg) no-repeat;
    width: 326px;
    height: 340px;
}

/* New Practices Page*/
#practicesArea p
{
    font-size: 14px;
    color: #4d4d4f;
    font-family: Arial;
    line-height: 19px;
    padding: 0;
    margin: 0;
}
#practicesHeader
{
    background: url(../images/practices/practices_Header.jpg) no-repeat;
    width: 633px;
    height: 60px;
}
#practicesContent
{
    background: url(../images/practices/practices_Text.jpg) no-repeat;
    width: 618px;
    height: 269px;
    margin-top: 8px;
}

/*New Connection Page */
#ConnectionHeader
{
    background: url(../images/practices/Connection_Header.jpg) no-repeat;
    width: 633px;
    height: 60px;
}

#ConnectionArea
{
    width: 634px;
    height: 382px;
    overflow: hidden;
}
#ConnectionContent
{
    background: url(../images/practices/connection_Text.jpg) no-repeat;
    width: 634px;
    height: 373px;
    margin-top: 5px;
}


#ConnectionArea p
{
    font-size: 12px;
    color: #4d4d4f;
    font-family: Sans-Serif;
    line-height: 17px;
    padding: 0;
    margin: 0;
}

/*New Balance Page*/

#BalanceHeader
{
    background: url(../images/Practices/Balance_Header.jpg) no-repeat;
    width: 634px;
    height: 60px;
}
#BalanceArea
{
    width: 635px;
    height: 382px;
    overflow: hidden;
}

#BalanceArea p
{
    font-size: 12px;
    color: #4d4d4f;
    font-family: Sans-Serif;
    line-height: 17px;
    padding: 0;
    margin: 0;
    text-align: justify;
}

.balanceText
{
    padding-top: 10px;
}
.pdfLink
{
    color: #3a3a6b;
    text-decoration: none;
    font-weight: bold;
}
#BalanceContent
{
    width: 640px;
    height: 373px;
    margin-top: 5px;
}

#LeftContent
{
    background: url(../images/practices/balanceLeft_Text.jpg) no-repeat;
    width: 317px;
    height: 373px;
    float: left;
}
#RightContent
{
    width: 316px;
    height: 373px;
    float: left;
}

#rightText
{
    background: url(../images/practices/balanceRight_Text.jpg) no-repeat;
    width: 316px;
    height: 290px;
}

#word
{
    background: url(../images/practices/balanceword.jpg) no-repeat;
    width: 91px;
    height: 15px;
    float: left;
}

.balanceLink
{
    background: url(../images/practices/balance_Link.jpg) no-repeat;
    width: 34px;
    height: 15px;
}
/*New Causes Page*/

#CausesHeader
{
    background: url(../images/practices/Causes_Header.jpg) no-repeat;
    width: 634px;
    height: 60px;
}

#causesLeft
{
    width: 317px;
    height: 208px;
    background: url(../images/practices/causesBottomLeft_Text.jpg) no-repeat;
    float: left;
}
#causesRight
{
    width: 316px;
    height: 208px;
    background: url(../images/practices/causesBottomRight_Text.jpg) no-repeat;
    float: left;
}

#CausesArea
{
    width: 636px;
    height: 373px;
    overflow: hidden;
    margin-top: 5px;
}

#CausesArea .topArea p, #CausesArea .bottomArea p
{
    font-size: 12px;
    color: #4d4d4f;
    font-family: Sans-Serif;
    line-height: 17px;
    padding: 0;
    margin: 0;
    text-align: justify;
}
.causesleftpadding
{
    padding: 15px 22px;
}

.causesleftpadding h3
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.causesleftpadding p
{
    color: #4d4d4f;
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-align: justify;
    font-size: 11px;
}

#OprahBox ul
{
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

#OprahBox ul li
{
    font-size: 9px;
    color: #333333;
    line-height: 11px;
    list-style-image: url(../images/practices/causes_bullet.jpg);
    margin-top: 5px;
}

#topArea
{
    background: url(../images/practices/causesTop_Text.jpg) no-repeat;
    width: 636px;
    height: 164px;
}

/*Killer Deals*/

#KDContainer
{
    margin: auto;
    background: url(../images/KillerDeals/killlerDeal_BG.jpg) no-repeat;
    width: 851px;
    height: 600px;
}

div#Footer1
{
    width: 850px;
    float: left;
    text-align: right;
    background-color: Transparent;
    background-position: bottom;
    height: 12px;
}

#loginBox
{
    float: left;
    width: 245px;
    height: 68px;
    margin-top: 12px;
}

#LoginArea
{
    float: left;
    width: 245px;
    height: 100px;
}

#KillerDealContent
{
    background: url(../images/KillerDeals/KillerDeal_Page.jpg) no-repeat;
    width: 635px;
    height: 474px;
}

#rightPane1
{
    background-color: Transparent;
    overflow-x: Hidden;
    overflow-y: hidden;
    padding-top: 15px;
    padding-left: 15px;
    width: 640px;
    height: 474px;
    vertical-align: top;
    float: Left;
}


#PromoBox
{
    width: 335px;
    height: 90px;
    float: left;
}

.btnGo
{
    background: url(../images/KillerDeals/kd_Go.jpg) no-repeat;
    text-decoration: none;
    display: block;
    width: 121px;
    height: 17px;
}

.btnHome
{
    background: url(../images/KillerDeals/kd_Home.jpg) no-repeat;
    text-decoration: none;
    display: block;
    width: 121px;
    height: 17px;
}

#BtnArea
{
    float: left;
    width: 335px;
    height: 35px;
}
/*New Sustain Page*/
#SustainHeader
{
    background: url(../images/Practices/Sustain_Header.jpg) no-repeat;
    width: 634px;
    height: 60px;
}

#SustainArea
{
    width: 636px;
    height: 373px;
    overflow: hidden;
    margin-top: 5px;
}
#SustainLeft
{
    background: url(../images/practices/sustain_Left.jpg) no-repeat;
    width: 303px;
    height: 343px;
    float: left;
}
#SustainRight
{
    width: 330px;
    height: 343px;
    float: left;
}
#SustainBG
{
    background: url(../images/practices/bottom_Spacer.jpg) no-repeat;
    width: 330px;
    height: 95px;
    float: left;
}
#numberFive
{
    background: url(../images/practices/sustain_Numberfive.jpg) no-repeat;
    width: 44px;
    height: 95px;
    float: left;
}
#sustainText
{
    background: url(../images/practices/sustain_bottomone.jpg) no-repeat;
    width: 286px;
    height: 24px;
    float: left;
}
#SustainRightText
{
    background: url(../images/practices/sustain_RightTop.jpg) no-repeat;
    width: 330px;
    height: 248px;
    float: left;
}

#SustainArea p
{
    font-size: 12px;
    color: #4d4d4f;
    font-family: Sans-Serif;
    line-height: 17px;
    margin: 0;
    text-align: justify;
}

#sustainPnl
{
    width: 320px;
    height: 320px;
    background-color: #f0f0f0;
    margin-left: 20px;
}
.sustainPnlPadding
{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 10px;
}

.sustainPnlPadding h3
{
    color: #595959;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#recycleTab td
{
    vertical-align: top;
    font-size: 12px;
    color: #4d4d4f;
    font-family: Sans-Serif;
}

#friendsList
{
    margin: 0;
    padding: 0;
    margin-left: 15px;
}

#friendsList li
{
    font-size: 12px;
    color: #4d4d4f;
    line-height: 17px;
}

#friendsList li a
{
    color: #3a3a6b;
    text-decoration: none;
    font-weight: bold;
}

.sustainLink a
{
    color: #3a3a6b;
    text-decoration: none;
    font-weight: bold;
}

/* New FeedBack Page*/

#FeedBackHeader
{
    background: url(../images/feedback_Header.jpg) no-repeat;
    width: 638px;
    height: 61px;
}

#FeedBackContent
{
    margin-top: 15px;
}


/* New Submit Story Page*/

#SubmitHeader
{
    background: url(../images/Practices/submitstory_Header.jpg) no-repeat;
    width: 634px;
    height: 80px;
}

.submitStoryBtn
{
    background: url(../images/Practices/submitstory_Btn.jpg) no-repeat;
    width: 75px;
    height: 17px;
    display: block;
    text-decoration: none;
}


.ProductPrice
{
    color: #666666;
    float: left;
    font-weight: bold;
    width: 45px;
    margin-left: 6px;
    text-align: left;
   
}

.valueText
{
    float: left;
    color:#939598;
    font-size: 9px;
    vertical-align: top;
    margin-left:2px;
   
  
}


.JoinButton
{
    background: url(../images/products/btn_create-acct.gif) no-repeat;
    width: 118px;
    height: 14px;
    text-decoration: none;
    display: block;
}

#myEmail
{
background:url(../images/submit_myemail.jpg) no-repeat;
width:60px;
height:18px;
margin-bottom:2px;
}
/* Order History Page*/

.reorderButton
{
background:url(../images/home/orderhistory_button.gif) no-repeat;
height:14px;
width:49px;
display:block;
text-decoration:none;
}

#orderBG
{
}

#orderHeader
{
background:url(../images/orderhistory/oh_Title.gif) no-repeat;
width:119px;
height:22px;
margin-top:25px;
margin-bottom:20px;
}