body { font-family:Helvetica,Arial,sans-serif; color:#fff; text-transform:lowercase; background:#ec008c none 0 0 no-repeat; }

h1,h2,h3,h4,h5,h6 { margin:0; font-weight:400; }
h2,h3 { color:#ec008c; }
h4 { color:#ec008c; text-transform:uppercase; font-weight:400; margin:0 0 8px; }
p { line-height:1.4; }

h1 { float:left; height:100px width:200px; margin:0 60px 18px 0; }
h1 a { display:block; height:100px; width:200px; background:transparent url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; }

a { text-decoration:none; color:#d60d8c; }
a:hover { text-decoration:underline; }

#mainwrap { color:#b2b4b6; background:#fff; }
	#main { width:1000px; position:relative; }
	#main .innerpad { padding:40px 20px 0; }
	
div.top-callout {
  float: right;
margin-right: 154px;
margin-top: 50px;
position: relative;
}

#footerwrap {  }
#footer a { color:#fff; }
#footer ul.nav { margin:0; list-style:none; }
	#footer ul.nav li { margin:0; list-style:none; float:left; }
	#footer ul.nav li a { display:block; float:left; height:42px; background:transparent url(../images/nav_bg.png) 0 0 no-repeat; text-indent:-9999px; }
	
	#footer ul.nav li#nav1 a { width:158px; background-position:0 0; }
	#footer ul.nav li#nav2 a { width:149px; background-position:-158px 0; }
	#footer ul.nav li#nav3 a { width:184px; background-position:-307px 0; }
	#footer ul.nav li#nav4 a { width:175px; background-position:-491px 0; }
	#footer ul.nav li#nav5 a { width:163px; background-position:-666px 0; }
	
	#footer ul.nav li.social { width:25px; padding:8px 0 0 21px; background:transparent url(../images/heart_small.png) 6px 17px no-repeat; }
	#footer ul.nav li.social a { height:25px; width:25px; }
		#footer ul.nav li.social a#facebook { background:transparent url(../images/facebook_button.png) 0 0 no-repeat; }
		#footer ul.nav li.social a#twitter { background:transparent url(../images/twitter_button.png) 0 0 no-repeat; }
		
#content { width:540px; clear:both; margin-left:260px; padding-bottom:30px; }

.HomePage h1 { margin:0 26px 18px 0; }
.HomePage h2.title { display:block; height:85px; width:400px; margin:0 0 33px; background:transparent url(../images/welcome.png) 0 0 no-repeat; text-indent:-9999px; float:left; }
.HomePage h2.message { display:block; height:125px; width:420px; margin:0 0 0 231px; background:transparent url(../images/welcome_message.png) 0 0 no-repeat; text-indent:-99999px; float:left; clear:left; }
.HomePage h3 { font-size:24px; width:410px; margin-left:231px; line-height:1.3; }
.HomePage h3 img { vertical-align:text-bottom; }

.HomePage h4 { position:absolute; }
.HomePage h4 a { display:block; text-indent:-9999px; }
.HomePage h4#order-now { height:150px; width:150px; top:158px; left:52px; }
	.HomePage h4#order-now a { height:150px; width:150px; background:transparent url(../images/order_now.gif) 0 0 no-repeat; }
.HomePage h4#brands { height:250px; width:290px; top:308px; left:113px; }
	.HomePage h4#brands a { height:250px; width:290px; background:transparent url(../images/our_brands.png) 0 0 no-repeat; }
.HomePage h4#contact { height:230px; width:235px; top:308px; left:472px; }
	.HomePage h4#contact a { height:230px; width:235px; background:transparent url(../images/what_you_think.png) 0 0 no-repeat; }
.HomePage h4#whats-new { height:160px; width:150px; top:338px; left:771px; }
	.HomePage h4#whats-new a { height:160px; width:150px; background:transparent url(../images/whats_new.png) 0 0 no-repeat; }

.HomePage #main { background:transparent url(../images/home_main_bg.png) 100% 0 no-repeat; height:558px; }

ul#brandlist, ul#brandlist li { list-style:none; margin:0; padding:0; }
ul#brandlist { width:880px; margin:20px auto 0; }
ul#brandlist li { float:left; }

.BrandListPage h1 { margin:0; }

.BrandScrollPage h1 { margin:0 25px 18px 0; }
.BrandScrollPage h2 { margin:60px 0; height:160px; width:500px; background:transparent url(../images/becandycoated.png) 0 0 no-repeat; text-indent:-9999px; float:left; }
.BrandScrollPage h3 { padding:0 0 60px; }
.BrandScrollPage h3 a { display:block; text-indent:-9999px; height:60px; width:360px; background:transparent url(../images/brandlist_link.png) 0 0 no-repeat; margin:0 auto; }

.AboutPage h2 { display:block; height:85px; width:480px; margin:0 0 33px; background:transparent url(../images/behindtheluv.png) 0 0 no-repeat; text-indent:-9999px; float:left; }
.AboutPage p { text-transform:none; }

.TrendsPage #main { background:transparent url(../images/trends_bg_prog.jpg) 0 0 no-repeat; height:558px; position:relative; }
	.liptreats #main { background-position:0 -558px; }
	.nailpolish #main { background-position:0 -1116px; }
	.lipgloss #main { background-position:0 -1674px; }
.TrendsPage h2.title { clear:both; display:block; height:180px; width:300px; margin:0 0 0 40px; background:transparent url(../images/trends_title.png) 0 0 no-repeat; text-indent:-9999px; }
	.liptreats h2.title { background-position:0 -360px; }
	.nailpolish h2.title { background-position:0 -180px; }
	.lipgloss h2.title { background-position:0 -540px; }

.TrendsPage h4.hover { position:absolute; display:block; text-indent:-9999px; cursor:pointer; }
	h4#liptreats { top:375px; left:545px; height:120px; width:120px; }
	h4#nailpolish { top:235px; left:440px; height:140px; width:140px; }
	h4#lipgloss { top:90px; left:585px; height:120px; width:120px; }

.ContactFormPage #main { background:transparent url(../images/contact_bg.png) 0 0 no-repeat; }
.ContactFormPage #content { width:420px; margin-left:280px; }
.ContactFormPage h2 { text-indent:-9999px; height:180px; width:380px; background:transparent url(../images/kiss_and_tell.png) 20px 60px no-repeat; float:left; margin:0 0 20px; }

.SocialPage #content { width:auto; clear:none; margin:0; }
.SocialPage h3 { height:60px; width:160px; text-indent:-9999px; margin:30px auto 10px; background:transparent url(../images/be_our_friend.png) 0 0 no-repeat; }
.SocialPage h2 { clear:both; height:290px; width:200px; text-indent:-9999px; margin:0 auto 20px; background:transparent url(../images/share_the_luv.png) 0 0 no-repeat; }
.SocialPage h3.social { text-indent:0; background:transparent none; height:80px; width:680px; margin:0 auto; }
	.SocialPage h3.social a { display:block; float:left; height:60px; width:340px; text-indent:-9999px; }
	.SocialPage h3.social a.facebook { background:transparent url(../images/first_you_like_it.png) 0 0 no-repeat; }
	.SocialPage h3.social a.twitter { background:transparent url(../images/then_you_love_it.png) 0 0 no-repeat; }

/* carousel */
div.infiniteCarousel { overflow:hidden; position:relative; }
div.infiniteCarousel .wrapper { overflow:auto; position:absolute; top:0; }
div.infiniteCarousel .wrapper ul { width:9999px; list-style:none; margin:0; padding:0; position:absolute; top:0; }
div.infiniteCarousel .wrapper ul li { margin:0; height:auto; position:relative; display:block; float:left; }

div.infiniteCarousel { height:80px; width:480px; margin:0 auto 20px; padding:0 40px; }
div.infiniteCarousel .wrapper { width:480px; height:80px; margin:0; }
div.infiniteCarousel .wrapper ul li { width:80px; height:80px; background:transparent none; padding:0; }
div.infiniteCarousel .arrow { display:block; height:80px; width:24px; background:#fff url(../images/carousel_nav.png) 0 50% no-repeat; text-indent:-999px; position:absolute; top:0; cursor:pointer; }
div.infiniteCarousel .forward { right:10px; background-position:-24px 50%; }
div.infiniteCarousel .back { left:10px; background-position:0 50%; }

/* contact form */
div.Actions input.action, div.Actions button.action { background:#ec008c; }

div.Actions input#ContactForm_Form_action_doContactSubmit { background:transparent url(../images/button_submit.png) 0 0 no-repeat; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-indent:-9999px; display:block; height:20px; width:65px; }
div.Actions input#ContactForm_Form_action_doContactSubmit:active { top:1px; position:relative; }

/* product pages */
#product-holder { clear:both; padding-bottom:40px; }

ul#product-list, ul#product-list li { list-style:none; margin:0; }
ul#product-list { float:left; width:280px; }
ul#product-list a { display:block; height:24px; padding:20px 20px 20px 80px; line-height:24px; font-size:18px; background:transparent url(../images/hearts_bg.png) 0 0 no-repeat; cursor:pointer; }
ul#product-list a.even { padding-left:115px; background-position:0 -64px; }

ul#product-list a:hover { text-indent:0; text-decoration:none; font-weight:700; }

#product-images { width:560px; height:384px; float:right; position:relative; margin:0 60px 0 0; }
#product-images h3 { padding:100px 0 0; text-align:center; font-size:24px; }
#product-images img { position:absolute; top:0; left:0; overflow:hidden; display:none; }