/* CSS Document */

HTML {padding: 0; margin: 0px;}
BODY {background: url(../images/body_bg.gif) repeat 0 100%; margin: 0px; padding: 0px; font: 11px/1.50 Arial, Helvetica, sans-serif; color: #999}
P {margin: 0 0 1.5em; padding: 0; font-family:Arial, Helvetica, sans-serif}

LI {margin: 0px; padding: 0px}
H1, H2, H3, H4, H5, H6 {margin: 0px; padding: 0px; font-weight: normal; color:#FF3399; font-family: "Monotype Corsiva"}
H1 { font-size: 3.18em; line-height: normal; }
H2 { font-size: 2.73em; line-height: normal; border-bottom: 1px dashed #ccc; }
H3 { font-size: 2.27em; }
IMG { border: 0; }
IMG#Logo { float: left; padding: 16px 4px 6px; }
A { text-decoration: none; color: #313131; }
A:hover { text-decoration: none; color: #F68615; }
UL { margin: 0; padding: 0; list-style: none; }
LI LI { font-size: 1em; }
.green {color:#9acb72; font-weight:bold;}
P.Byline { font-size: 1.27em; } 

#wrapper {padding: 0 16px; background: url(../images/wrapper_bg.gif) repeat-y; margin: 0px auto; width: 912px; }

#FullColumn { clear: both; width: 100%;}
#MainColumn { float: left; width: 650px; }
#SideColumn { float: right; width: 225px; }

/*Header*/
#Header { width: 890px; margin: 0 auto; padding: 0 5px; }
#HeaderWrapper { background: url(../images/bg.header-wrapper.gif) repeat-x 0 100%;  min-width: 890px; background-color:#ffb0bd; height:94px;}

/*******************************************************************************************************/

/* MainNav */
UL#MainNav { width: 600px; padding-left: 4px; float: right; position: relative; height: 52px; margin: 42px 0 0 0;}
UL#MainNav LI { float: left; margin-left: 4px; }
* HTML UL#MainNav LI { display: inline; }
UL#MainNav IMG { margin-top: 5px; }
UL#MainNav A { display: block; background-repeat: no-repeat; background-position: 0 100%; }
LI#mainnav_style A { background-image: url(../images/mainnav.on.gif); }
LI#mainnav_season A { background-image: url(../images/mainnav.on.gif); }
LI#mainnav_beauty A { background-image: url(../images/mainnav.on.gif); }
LI#mainnav_sallyhansen A { background-image: url(../images/mainnav.on.gif); }
UL#MainNav A:hover { background-position: 0 0; }

UL#MainNav UL { display: none; height: 23px; position: absolute; bottom: 0; left: 8px; }
UL#MainNav UL LI { float: left;  margin: 0 9px 0 0; }
UL#MainNav UL A { display: block; text-indent: -9999px; height: 23px; overflow: hidden; background: none; }

   
/*******************************************************************************************************/


#ContentWrapper {padding:20px; WIDTH: 881px; clear: both; }
* HTML #ContentWrapper { padding:15px; WIDTH: 882px;}

#ContentWrapper #breadcumbs { text-align: right; font: 0.91em Verdana; margin: 0.5em 6px 0.75em;}
#ContentWrapper #breadcumbs A { text-decoration: underline; color: #999; }
#ContentWrapper #breadcumbs A:hover { text-decoration: none; color: #F68615; }

/* Footer */
#footer {background: url(../images/wrapper_bg_bottom.gif) no-repeat; margin: 0px auto; width: 944px; line-height: 46px; height: 36px; clear:both; }

#below_footer { clear: both; padding: 15px 0 1.25em; width: 100%; }
#below_footer P { text-align: center; margin: 0; /*word-spacing: 12px;*/}
#below_footer A { color: #fff; word-spacing: normal; }
#below_footer A:hover { text-decoration: underline; color: #666; }

#below_footer P { text-align: center; margin: 0; }
#below_footer P span.left { text-align: left; margin: 0; padding-right: 320px;}
#below_footer P span.right { text-align: right; margin: 0; word-spacing: 12px; }

/*******************************************************************************************************/

UL.ProductView { clear: left; }
UL.ProductView LI { float: left; }
UL.ProductView IMG { border: 1px solid #B8B8B8; margin: 15px auto 0.5em; display: block; }
UL.ProductView A:hover IMG { border-color: #F68615; }
UL.ProductView STRONG { display: block; font-weight: normal; color: #313131; }
UL.ProductView A:hover STRONG { color: #F68615; } 
UL.ProductView A SPAN { color: #6D6D6D; }
UL.ProductView A:hover SPAN { color: #6D6D6D; }

.Item UL.ProductView { width: 100%; }

.Item UL.ProductView LI { width: 214px; }
.Item UL.ProductView A { margin: 0 24px; display: block; }

UL.Products { margin: 0 -15px; }
UL.Products LI { clear: right; margin-bottom: 1em; }
UL.Products A { padding-left: 12px; background: url(../images/bg.goto.gif) no-repeat 0 0.3em; display: block; color: #6D6D6D; min-height: 77px; }
/* \*/
* HTML UL.Products A { height: 77px; }
/* */
UL.Products A:hover { color: #6D6D6D; } 
UL.Products IMG { border: 1px solid #B8B8B8; float: right; margin-left: 2px; }
UL.Products A:hover IMG { border-color: #F68615; }
UL.Products STRONG { display: block; font-weight: normal; color: #313131; }
UL.Products A:hover STRONG { color: #F68615; } 

UL.ItemList { width: 648px;}
UL.ItemList LI { background-repeat: no-repeat; background-position: 100% 50%; margin-bottom: 20px; }
UL.ItemList DIV { background: url(../images/bg.item.frame1.gif) no-repeat 0 100%; }
UL.ItemList H2 { display: none; }
UL.ItemList A { display: block; min-height: 171px; color: #6D6D6D; padding: 0 250px 0 22px; background: url(../images/bg.item.hdr.gif) no-repeat; }
/* \*/
* HTML UL.ItemList A { height: 171px; }
/* */
UL.ItemList STRONG { display: block; font-size: 2.73em; font-weight: normal; padding: 20px 0 15px; font-family: "Monotype Corsiva"}
UL.ItemList SPAN { display: block; margin-top: 10px; }
UL.ItemList A:hover { color: #000; }
UL.ItemList A:hover STRONG { text-decoration: underline; }
UL.ItemList A:hover SPAN { color: #F68615; }

LI#manicure_healthy { background-image: url(../images/bg.beauty.treat-healthy.jpg); }
LI#manicure_short { background-image: url(../images/bg.beauty.treat-short.jpg); }
LI#manicure_splitting { background-image: url(../images/bg.beauty.treat-splitting.jpg); }
LI#manicure_brittle { background-image: url(../images/bg.beauty.treat-brittle.jpg); }
LI#manicure_pedicure { background-image: url(../images/bg.beauty.treat-pedicure.jpg); }

/* Side Column Elements */
.SideItem { width: 214px; background: url(../images/bg.sideitem.gif) no-repeat 0 100%; padding-bottom: 9px; margin-bottom: 25px; }
.SideItemContent { border-left: 1px solid #9acb72; border-right: 1px solid #9acb72; background: #d8ebc8; padding: 17px 22px 1px; width: 168px; }
.SideItem H3 { margin: 0 0.25em 0 -23px; padding-left: 23px; background: url(../images/bullet.subnav.gif) no-repeat 0 50%; font-size: 1em; line-height: 15px; min-height: 15px; font-weight: bold; }
* HTML .SideItem H3 { position: relative; left: -1px; }
.SideItem P.GoTo { clear: both; }

/*******************************************************************************************************/

HR { display: none; }

.FeatureNav { width: 270px; background-repeat: no-repeat; }
.FeatureNav.Odd { float: left; }
.FeatureNav.Even { float: right; }
.FeatureNav H2 { font-size: 1.5em; padding: 10px 0 1.5em; border-bottom: none; font-family:Arial, Helvetica, sans-serif}
.FeatureNavInner { min-height: 185px; /*background: url(../images/bg.featurenav.bot.gif) no-repeat 0 100%;*/ padding-left: 18px; }
/* \*/
* HTML .FeatureNavInner { height: 185px; }
/* */

#fn_problemsolvers .FeatureNavInner { padding-right: 70px; }
#fn_bridal_style { background-image: url(../images/fn.bridal_style.jpg); }
#fn_nail_treatments { background-image: url(../images/fn.nail_treatment.jpg); }

UL.GoTo LI { padding-left: 12px; background: url(../images/bg.goto.gif) no-repeat 0 0.3em; margin-bottom: 0.15em;}
.Item UL.GoTo LI { margin-bottom: 2em; margin-top: .50em; }
.Item .ItemHeader UL.GoTo LI,
.Item .ItemFooter UL.GoTo LI,
.Item TD UL.GoTo LI { margin-bottom: 0.15em; }