/* CSS Document */
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 70%;
color: #707070;
background: #fff;
margin: 0;
text-decoration: none;
}

#frontpage{
background:url(images/frontpage_bg.jpg) repeat transparent;
}
h1 {
font-size: 1.2em;
color: #fff;
}

h2{ 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
font-style: italic;
font-weight: normal;
color: #872657;
margin: 5px 0px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #666;
margin: 5px 0px;
}

h4{ 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
font-weight: normal;
color: #872657;
margin: 5px 0px;
}

.greenLine{
width:25em;
height:.2emf;
background:#99CC99;

}

img { border: 0; }

.orgRef {
color: #9c9;
font-size: 0.9em;
}

.indent {
padding-top: 20px;
padding-left: 52px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 3px 0px;
}

.productHomeText{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.6em;
font-style: italic;
color: #872657;
margin: 10px;
}

p.center {
text-align:center
}

.centerText{
vertical-align:middle;
margin-bottom:3px;
}

#container{
background: transparent;
width: 850px;
height: auto;
margin-left:auto;
margin-right:auto;
padding: 0px;
}

.clear {
clear:both;
}

/*Header*/
#header {
height: 80px;
margin: 10px 0px auto;
/*border: 1px solid #f19dbb;*/
background:#fff;
width:850px;
}

#header a {
text-decoration: none;
color: #707070;
}

/* Logo */

#logo {
float: left;
width: 165px;
padding: 5px 0px 0px 0px;
}

.susieNote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color:#333333;
line-height:1.5em;
}
/* Menu */

#menu {
float:left;
width: 440px;
height: 80px;
font-size: 1.1em;
margin-left:5px;
}

#menu .crueltyfree{
float: right;
padding: 0px;
}

#menu #twitter {
float:left;
width: 375px;
}

#menu #twitter p {
float: left;
height: 20px;
font-size: 13px;
padding-left: 10px;
color:#EFA6A5;
}

#menu #twitter a {
float:right;
margin-top: 0px;
}

#menu #navi {
float:left;
margin-top: 1.5em;
width: 440px;

}

#menu #navi ul {
margin: 0px;
padding: 0 0 0 0;
list-style: none;
line-height: normal;
}

#menu #navi li {
float: left;
list-style:none;
margin: 0px;
}

#menu #navi a {
display: block;
width: auto;
padding: 6px 10px;
color: #9c9;
}

#menu # navi a:hover {
color: #63AB62;
text-decoration:none;
}

#menu #navi .active {
color: #63AB62;
text-decoration:none;
}

#menu #navi .active a {
color: #63AB62;
text-decoration:none;
}

#menu #navi .checkout{
display: block;
float: left;
padding: 6px 10px;

}

#Cat navi {
float:left;
width: 450px;
height: 30px;
font-size: 1em;
}

/*2010 product style*/

.brightenText {
color:#f58025;
}
.purityText {
color:#8CA4D5;
}
.resveratrolText{
color:#7D0041}

.superFruitText{
color:#E20177}

.cleanserBuyButton{
margin-left:355px;
}
/*Top Nav*/
/*
#menu {
float:left;
font-size: 1em;
}

#menu ul {
margin: 0px;
padding: 50px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
margin: 0px;
}

#menu a {
display: block;
width: auto;
padding: 6px 10px;
color: #9c9;
}

#menu a:hover {
color: #63AB62;
text-decoration:none;
}

#menu .active {
color: #63AB62;
text-decoration:none;
}

#menu .active a {
color: #63AB62;
text-decoration:none;
}

#menu .checkout{
display: block;
padding: 6px 10px;
}
*/
/*Form*/

.formarea{
float: right;
margin: 1px 0px 0px 0px;
display: block;
width:220px;

}

.formarea .text{
color: #ab275c;
font-style: italic;
display: block;
text-align: right;
background:#fff;
}

.formarea .formbutton{
cursor:pointer;
background:#9c9;
color:#fff;
padding: 0px 0px;
}

.formarea .form{
float: right;
margin: 0px;
display: block;
}

#SignUp{
float:right;
width:210px;
}
/*Nav Bar*/

#nav {
float:left;
margin: 10px 0px 0px 0px;
width: 850px;
height: 30px;
}

/*INFO PAGES*/

#info{
margin-top: 10px;
float: left;
width: 830px;
border: solid #9c9 1px;
padding: 10px
}

#info p.image{
text-align: center;
}

/*HOMEPAGE Left Content */

#content {
float: left;
width: 590px;
height: 460px;
margin: 10px 0px 0px 0px;
border: solid #B30838 1px;
}
#contentbig {
float: left;
width: 845px;
height: 550px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}
#contentbig1 {
float: left;
width: 845px;
height: auto;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}
#content1 {
float: left;
width: 846px;
height: auto;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}


/*HOMEPAGE Top Right Promo*/

.toppromo{
float: right;
width: 250px;
height: 247px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #B30838 1px;
}

.toppromo .heading{
width: 240px;
height: 20px;
background-color: #83072D;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.7em;
font-style: italic;
color: #fff;
}

.toppromo .text{
font-family: Georgia, Times New Roman, Times, serif;
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

.toppromo .textbottom{
font-family: Georgia, Times New Roman, Times, serif;
padding-top: 15px;
color: #999;
font-style: italic;
text-align: center;
}

.toppromo .promoimage{
padding: 0px;
margin: 0px;
text-align: center;
}

/*HOMEPAGE Bottom Right Promo*/

.bottompromo{
float: right;
width: 250px;
height: 205px;
padding: 0px;
margin: 6px 0px 0px 0px;
border: solid #B30838 1px;
}

.bottompromo .heading{
width: 240px;
height: 20px;
background-color: #83072D;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #fff;
}

.bottompromo .promoimage{
padding: 0px;
margin: 0px;
float: left;
}

.bottompromo .text{
width: 100px;
padding: 20px 10px 0px 0px;
font-size: 1.2em;
font-family: Georgia, Times New Roman, Times, serif;
text-align: center;
color: #999;
float: right;
}

.bottompromo .text a{
color: #666;
text-decoration: none;
}

.bottompromo .text a:hover{
color: #666;
text-decoration: none;
}

.bottompromo .textsmall{
width: 100px;
padding: 10px 10px 0px 0px;
font-size: 1em;
font-family: Georgia, Times New Roman, Times, serif;
text-align: center;
color: #999;
float: right;
}

.bottompromo .textsmall a{
color: #666;
text-decoration: none;
}

.bottompromo .textsmall a:hover{
color: #666;
text-decoration: none;
}

/*PRESS PAGE*/
.press {
float:left;
width:auto;
height:100%;
padding: 1px;
color:#872657;
text-align:center;
}
.leftpress {
float:left;
width:390px;
height:auto;
padding: 5px;

}
a.leftpress, a.rightpress, a.press {
text-decoration: none;
border: 1px solid #fff;
color:#872657;

}
a:hover.leftpress, a:hover.rightpress {
text-decoration: none;
border: 1px solid #707070;
color:#707070;

}

a.press {
width:auto;
text-decoration: none;
border: 1px solid #fff;
color:#872657;
padding:1px;

}

a:hover.press {
width:100%;
border: 1px solid #707070;
color:#707070;
padding:1px;
}
a.info {
text-decoration: none;
line-height:8px;
color:#872657;
display:block;
font-size:1.2em;
text-align:left;
padding-left:20px
}

a:hover.info {
text-decoration: none;
color:#707070;
line-height:8px;
font-size:1.2em;
text-align:left;
padding-left:20px
}
.rightpress {
float:right;
width:390px;
height:auto;
padding: 5px;
}

/*PRODUCT HIGHLIGHT PAGE*/

#intro{
margin-top: 10px;
float: left;
width: 850px;
}

#leftnav{
float: left;
width: 140px;
height:auto;
/*height: 500px;*/
padding: 0px;
margin: 10px 5px 0px 0px;
border: solid #9c9 1px;
}

#leftnav .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;
}

#leftnav .titlemenu{
float: left;
padding-top: 5px;
width: 140px;
text-align:center;

}
#leftnav .fruittitlemenu{
float: left;
padding-top: 5px;
background-color: #9c9;
padding-bottom: 5px;
width: 140px;
text-align:center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
color: #fff;

}

#leftnav .menu{
float: left;
padding-top: 0px;
padding-bottom: 8px;
width: 140px;
}

#leftnav .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav .menu a {
display: block;
width: 120px;
padding: 2px 10px;
color: #666;
text-decoration:none;
}

#leftnav .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#productcontainer{
float: right;
width: 700px;
height: 500px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#productcontainerHome{
float: left;
width: 700px;
height: 490px;
margin: 10px 0px 0px 0px;
/*padding-top: 10px;*/
border: solid #9c9 1px;
}

#productcontainer .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#productcontainer p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#productcontainer p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#productcontainer p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#productcontainer p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#productmain {
float: left;
width: 455px;
height: 410px;
padding: 40px 10px 10px 10px;
}

#productmain .image{
float: left;
width: auto;
}

#productmain .cheekdetails{
float: right;
width: 330px;
}

#productmain .showergeldetails{
float: right;
width: 320px;
}

#productmain .mintydetails{
float: right;
width: 250px;
}

#productmain .bigclutchdetails{
float: right;
width: 200px;
}

#like{
float: right;
width: 200px;
height: 440px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#like p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}

/*SHOWER GELS*/
#leftnavShowergel{
float: left;
width: 140px;
height: 700px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnavShowergel .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnavShowergel .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnavShowergel .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnavShowergel .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnavShowergel .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnavShowergel .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnavShowergel .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnavShowergel .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavShowergel .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavShowergel .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#showergelcontainer{
float: right;
width: 700px;
height: 700px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#showergelcontainer .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#showergelcontainer p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#showergelcontainer p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#showergelcontainer p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#showergelcontainer p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#showergelcontainer p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#showergelmain {
float: left;
width: 455px;
height: 675px;
padding: 40px 10px 10px 10px;
}

#showergelmain .image{
float: left;
width: auto;
}

#showergelmain .showergeldetails{
float: right;
width: 320px;
}


#showergellike{
float: right;
width: 200px;
height: 640px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#showergellike p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#showergellike p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#showergellike p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#showergellike p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}

/*HEIGHT 600PX*/
#leftnav600{
float: left;
width: 140px;
height: 600px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnav600 .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav600 .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav600 .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnav600 .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnav600 .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav600 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav600 .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnav600 .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav600 .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav600 .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}


#container600{
float: right;
width: 700px;
height: 600px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#container600 .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#container600 p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#container600 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#container600 p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#container600 p.text a{
color: #666;
text-decoration: none;
}

#container600 p.text a:hover{
color: #666;
text-decoration: none;
}


#container600 p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#container600 p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}




#main600 {
float: left;
width: 455px;
height: 575px;
padding: 40px 10px 10px 10px;
}

#main600 .image{
float: left;
width: auto;
}

#main600 .details{
float: right;
width: auto;
}

#main600 .cherryclutchdetails{
float: right;
width: 200px;
}

#main600 .smallclutchdetails{
float: right;
width: 300px;
}

#main600 .brushdetails{
float: right;
width: 270px;
}

#like600{
float: right;
width: 200px;
height: 540px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like600 p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like600 p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like600 p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}


#like600 p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}



/*HEIGHT 700PX*/
#leftnav700{
float: left;
width: 140px;
height: 700px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnav700 .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav700 .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav700 .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnav700 .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnav700 .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav700 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav700 .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnav700 .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav700 .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav700 .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#container700{
float: right;
width: 700px;
height: 700px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#container700 .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#container700 p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#container700 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#container700 p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#container700 p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#container700 p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#main700 {
float: left;
width: 455px;
height: 675px;
padding: 40px 10px 10px 10px;
}

#main700 .image{
float: left;
width: auto;
}

#main700 .details{
float: right;
width: 320px;
}

#main700 .scrubdetails{
float: right;
width: 290px;
}

#main700 .plumdetails{
float: right;
width: 265px;
}

#main700 .lipdetails{
float: right;
width: 245px;
}

#main700 .creamdetails{
float: right;
width: 320px;
}

#main700 .mintydetails{
float: right;
width: 250px;
}

#main700 .concealerdetails{
float: right;
width: 310px;
}

#main700 .facepowderdetails{
float: right;
width: 280px;
}

#main700 .cherryclutchdetails{
	float: right;
	width: 250px;
}


#main700 .mascaradetails{
float: right;
width: 370px;
}

#like700{
float: right;
width: 200px;
height: 640px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like700 p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like700 p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like700 p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#like700 p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}

/*HEIGHT Auto*/
#leftnavAuto{
float: left;
width: 140px;
height: auto;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnavAuto .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnavAuto .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnavAuto .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnavAuto .menu{
text-align: center;
padding-top: 10px;
width: 140px;
}

#leftnavAuto .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav600 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnavAuto .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnavAuto .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavAuto .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavAuto .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}


#leftnavAuto{
float:left;
width: 140px;
height: auto;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#containerAuto{
float: right;
width: 700px;
height:100%;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}


#containerAuto .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}


#containerAuto p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#containerAuto p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#containerAuto p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#containerAuto p.text a{
color: #666;
text-decoration: none;
}

#container600 p.text a:hover{
color: #666;
text-decoration: none;
}


#containerAuto p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#containerAuto p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}


#mainAuto {
float: left;
width: 455px;
height: auto;
padding: 40px 10px 10px 10px;
border-right: solid 1px #9c9;
}

#mainAuto .image{
float: left;
width: auto;
}

#mainAuto .details{
float: right;
width: 300px;
height:100%;
}

#mainAuto .cherryclutchdetails{
float: right;
width: 200px;
}

#mainAuto .smallclutchdetails{
float: right;
width: 300px;
}

#mainAuto .brushdetails{
float: right;
width: 270px;
}

#likeAuto{
float: right;
width: 200px;
height: 100%;
padding: 10px 10px 10px 10px;
text-align: center;
}

#likeAuto p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#likeAuto p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#likeAuto p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}


#likeAuto p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}



/*HEIGHT 900PX*/
#leftnav900{
float: left;
width: 140px;
height: 900px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnav900 .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav900 .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav900 .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnav900 .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnav900 .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav900 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav900 .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnav900 .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav900 .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav900 .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#container900{
float: right;
width: 700px;
height: 900px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#container900 .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#container900 p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#container900 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#container900 p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#container900 p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#container900 p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#main900 {
float: left;
width: 455px;
height: 875px;
padding: 40px 10px 10px 10px;
}

#main900 .image{
float: left;
width: auto;
}

#main900 .details{
float: right;
width: 320px;
}

#main900 .scrubdetails{
float: right;
width: 290px;
}

#main900 .plumdetails{
float: right;
width: 265px;
}

#main900 .lipbutterdetails{
float: right;
width: 265px;
}

#like900{
float: right;
width: 200px;
height: 840px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like900 p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like900 p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like900 p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#like900 p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}


/*HEIGHT 1400PX*/
#leftnav1100{
float: left;
width: 140px;
height: 1400px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnav1400 .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}



#container1400 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#leftnav1400 .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav1400 .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnav1400 .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnav1400 .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav1400 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav1400 .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnav1400 .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav1400 .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav1400 .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#container1400{
float: right;
width: 700px;
height: 1400px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#container1400 .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#container1400 p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#container1400 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#container1400 p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#container1400 p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#container1400 p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#main1400 {
float: left;
width: 455px;
height: 1375px;
padding: 40px 10px 10px 10px;
}

#main1400 .image{
float: left;
width: auto;
}

#main1400 .details{
	float: right;
	width: 350px;
}

#main1400 .scrubdetails{
float: right;
width: 290px;
}

#main1400 .concealerdetails{
float: right;
width: 265px;
}

#like1400{
float: right;
width: 200px;
height: 1340px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like1400 p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like1400 p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like1400 p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#like1400 p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}

/*HEIGHT 1100PX*/
#leftnav1100{
float: left;
width: 140px;
height: 1100px;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnav1100 .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}



#container1100 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#leftnav1100 .headingSingle{
width: 130px;
height: 23px;
background-color: #9c9;
padding: 12px 5px 5px 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnav1100 .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnav1100 .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnav1100 .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnav1100 .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnav1100 .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnav1100 .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav1100 .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnav1100 .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#container1100{
float: right;
width: 700px;
height: 1100px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#container1100 .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#container1100 p.title{
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
font-size: 1.4em;
margin: 5px 0px;
}

#container900 p.titledescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9c9;
margin: 5px 0px;
}

#container1100 p.text{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
margin: 5px 0px;
}

#container1100 p.textsmall{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #999;
margin: 5px 0px;
}

#container1100 p.price{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666;
margin: 5px 0px;
font-weight: bold;
}

#main1100 {
float: left;
width: 455px;
height: 1075px;
padding: 40px 10px 10px 10px;
}

#main1100 .image{
float: left;
width: auto;
}

#main1100 .details{
float: right;
width: 320px;
}

#main1100 .scrubdetails{
float: right;
width: 290px;
}

#main1100 .concealerdetails{
float: right;
width: 265px;
}

#like1100{
float: right;
width: 200px;
height: 1040px;
padding: 10px 10px 10px 10px;
text-align: center;
border-left: solid 1px #9c9;
}

#like1100 p.likeheading{
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align: center;
font-size: 1.4em;
color: #666;
margin: 5px 0px;
}

#like1100 p.liketext{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #666;
margin: 5px 0px;
}

#like1100 p.liketext a{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
color: #666;
margin: 5px 0px;
}

#like1100 p.likeimage{
text-align: center;
color: #666;
margin: 20px 0px 0px 5px;
}

/*Add to Cart Group*/

#addtocart {
float:left;
font-size: 1em;
}

#addtocart ul {
margin: 0px;
padding: 10px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#addtocart li {
float: left;
margin: 0px;
}

#addtocart a {
display: block;
width: auto;
padding: 6px 20px;
color: #9c9;
}

#addtocart a:hover {
color: #63AB62;
text-decoration:none;
}

#addtocart .active {
color: #63AB62;
text-decoration:none;
}

#addtocart .active a {
color: #63AB62;
text-decoration:none;
}

#addtocart .add{
display: block;
width: auto;
padding: 6px 10px;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
}


/*Category Page*/

#categorypage{
width: 850px;
height: auto;
padding: 0px;
margin-top: 10px;
}

#categorycontainer{
float: right;
width: 700px;
height: auto;
margin-top: 10px;
border: solid #9c9 1px;
}

#categorycontainer .heading{
width: 685px;
height: 25px;
padding: 10px 5px 5px 10px;
background-color: #F0FFF0;
border-bottom: solid #9c9 1px;
margin: 0px;
text-align: left;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.4em;
font-style: italic;
color: #999;
}

#categorymain {
float: right;
width: 700px;
height: auto;
}

.column {
float: left;
width: auto;
height: 50% auto;
border-right: solid 1px #9c9;
text-align: center;
} 
.column1, .column2, .column3 {
float: left;
width: 174px;
height: 50% auto;
border-right: solid 1px #9c9;
text-align: center;
}

.column4 {
float: right;
width: 173px;
height: 50% auto;
text-align: center;
}

.threecolumn1, .threecolumn2 {
float: left;
width: 33.2%;
height: auto;
border-right: solid 1px #9c9;
text-align: center;
}

.threecolumn3 {
float: left;
width: 33.2%;
height: auto;
text-align: center;
}

.twocolumn1 {
float: left;
width: 350px;
height: auto;
border-right: solid 1px #9c9;
text-align: center;
}

.twocolumn2 {
float: left;
width: 349px;
height: auto;
text-align: center;
}

.threecolumn4{

float: left;
width: 139px;
height: auto;
border-right: solid 1px #9c9;
text-align: center;}

.threecolumn5 {
float: left;
width: 174px;
height: auto;
border-right: solid 1px #9c9;
text-align: center;
}	



#categorymain p.row{
margin: 0px;
border-top: solid 1px #9c9;
clear: both;
}

#categorymain p.button{
margin: 0px;
clear: both;
}

#categorymain p.name{
margin: 5px 0px;
clear: both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #666;
padding-top: 20px;
}

#categorymain p.name2{
margin: 5px 0px;
clear: both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #666;
padding-top: 7px;
}

#categorymain p.name3{
margin: 5px 0px;
clear: both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #666;
padding-top: 7px;
letter-spacing:95%;
}

#leftnavcategory{
float: left;
width: 140px;
height: 100%;
padding: 0px;
margin: 10px 0px 0px 0px;
border: solid #9c9 1px;
}

#leftnavcategory .heading{
width: 130px;
height: 30px;
background-color: #9c9;
padding: 5px;
margin: 0px;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-style: italic;
color: #fff;
}

#leftnavcategory .text{
padding: 5px;
font-size: 1.2em;
text-align: center;
color: #999;

}

#leftnavcategory .menu{
float: left;
padding-top: 10px;
width: 140px;
}

#leftnavcategory .menu ul {
margin: 0px;
padding: 0px;
width: 140px;
list-style: none;
line-height: normal;
}

#leftnavcategory .menu li {
float: left;
width: 140px;
margin: 0px;
text-align: center;
}

#leftnavcategory .menu a {
display: block;
width: 120px;
padding: 12px 10px;
color: #666;
text-decoration:none;
}

#leftnavcategory .menu a:hover {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavcategory .active {
color: #fff;
background-color: #9c9;
text-decoration:none;
}

#leftnavcategory .active a {
color: #fff;
background-color: #9c9;
text-decoration:none;
}


/* FOOTER */
#footer {

font-size: 0.9em;
clear: both;
color: #707070;
text-decoration: none;
}

#footer a {
color: #666;
text-decoration: none;
display: block;
padding: 4px 6px;
}

#footer a:hover {
color: #404040;
text-decoration: none;
}

#footer .active {
color: #666;
text-decoration: none;
}

#footer .active a {
color: #666;
text-decoration: none;
}

#footer ul {
margin: 0px auto;
padding: 5px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#footer li {
float: left;
margin: 0px;
}

#footer .small{
padding: 4px 8px;
}

#footer .canada a {
float: left;
padding: 5px 0px 0px 0px;
margin: 0;
}

#footer .freeshipping{
float: right;
padding: 0px;
}


#footer .right{
float: right;
width: 200px;
padding: 0px;
}