﻿@charset "UTF-8";
/* CSS Document */

/* GLOBAL SETTINGS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; list-style-type:none;

}

html { height:100%; }



/* BODY STYLES */

body { height:100%; margin:0; padding:0; text-align:center;  background:#ffffff url(../images/main_bg.gif) top center repeat-y; }
html body { text-align:center; } /* ie fix */

* {margin: 0; padding:0; border:0; } 
img {border:0;}
p {text-align:left;}
.b {font-weight:bolder;}
.float_r {float:right;}
.float_l {float:left;}
.right {text-align:right;}
.left {text-align:left; }
.dotted_line {background: url(../images/dotted_line.gif);}
.top10 {padding-top:10px;}
.top40 {padding-top:40px;}
.right40 {padding-right:40px;}
.right20 {padding-right:20px;}
.left40 {padding-left:40px;}
.marginleft40 {margin-left:40px;}
.margintop40 {margin-top:40px;}
.marginright40 {margin-right:40px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom40 {margin-bottom:40px;}
.w400 {width:400px;}
.w375 {width:375px;}
.w350 {width:350px;}
.w325 {width:325px;}
.w300 {width:300px;}
.w250 {width:250px;}
.clear {clear:both;}
.absolute {position: absolute;}

#container { position:relative; margin: 0 auto; text-align:center; width:1000px; }

#body_image { float:right; }
#body_text { position:absolute; top:200px; left:55px; }
#body_text p {text-align:left;}

/* TYPE STYLES */
.gray { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif;}
.darkgray { text-decoration: none; color: #333333; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif;}
.pink_bold { text-decoration: none; font-weight:bold; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
.pink { color: #D40060;}
.s {font-size:10pt;}
.sm {font-size:11pt;}
.smm {font-size:12pt;}
.m {font-size:13pt;}
.l {font-size:14pt;}
.l22{ line-height:22px;}


/* LINKS */
a.white:link  { text-decoration: none; color: #FFFFFF; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 11pt;}
a.white:hover { text-decoration: none; color: #8B0D1A; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 11pt;}
a.white:visited { text-decoration: none; color: #FFFFFF; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 11pt;}
a.white:visited:hover { text-decoration: none; color: #8B0D1A; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 11pt}

a.gray:link  { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.gray:hover { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.gray:visited { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.gray:visited:hover { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt}

a.pink:link  { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.pink:hover { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.pink:visited { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt;}
a.pink:visited:hover { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt}

a.pink_m:link  { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.pink_m:hover { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.pink_m:visited { text-decoration: none; color: #D40060; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.pink_m:visited:hover { text-decoration: none; color: #777777; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt}

a.addbutton:link  { text-decoration: none; background-color:#D40060; color: #FFFFFF; padding:1px 7px; border:solid 1px #D40060; font-weight:bold; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.addbutton:hover { text-decoration: none; background-color:#777777; color: #FFFFFF; padding:1px 7px; border:solid 1px #555555; font-weight:bold; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.addbutton:visited { text-decoration: none; background-color:#D40060; color: #FFFFFF; padding:1px 7px; border:solid 1px #D40060; font-weight:bold; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;}
a.addbutton:visited:hover { text-decoration:none; background-color:#777777; none; color: #FFFFFF; padding:1px 7px; border:solid 1px #555555; font-weight:bold; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt}


/* HEADER */
#floral {z-index: 2;position:absolute; right:14px; top:0px}
#header {z-index: 3; position:relative; height:120px;}
#logo { float:left; margin:20px 0px 10px 20px; width:88px; height:81px;}
#cart-links  {position: absolute; top:50%; right:25%;}	
#cart-links li {display:inline; padding:0 6px 0 6px;}	
#main_body { height:550px; padding-bottom:20px;}
li img { vertical-align:middle; }

/* NAVIGATION */

#nav { height:37px ; background:#e9018b url(../images/nav_bg.jpg); width:auto ;margin: 0 auto; padding:11px 0 0 0; }
#nav ul {clear:both; }
#nav li {position:relative; z-index: 3; display:inline; padding:0 11px 0 11px; font: normal 11pt/18pt Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; color:#FFFFFF;}


/* HOME PAGE STRUCTURE */
#home_detail { float:left; width:246px; height:120px; padding: 0 100px 0 0; background:url(../images/american_idol_makeup.gif) bottom no-repeat; }
#home { float:left; width:670px; padding:1px; }
#home_text { position:absolute; top:390px; left:410px; }
#home_text p {text-align:left; width:275px;}
#right_column { float:left; width:300px; }
#announcement {width:275px; align:center; padding:100px 0 0 40px ; }
#announcement p {padding:0 0 0 20px ; }
.home_detail { float:left; width:246px; height:120px; padding: 0 100px 0 0; background:url(../images/american_idol_makeup.gif) bottom no-repeat; }

/* ABOUT PAGE STUCTURE */

#about_image { float:right; }
#about_text { position:absolute; top:245px; left:55px; }
#about_text p {text-align:left; width:472px;}
#vert_divider { float:left; margin:155px 0 0 50px; overflow:hidden;}
#flower_brush { clear:left; float:left; padding-top:360px;}
#why_me_detail{ float:left; width:246px; height:120px; background:url(../images/american_idol_cosmetics.gif) bottom no-repeat; margin:0 0 0 80px;}
.why_me_detail{ float:left; width:246px; height:120px; background:url(../images/american_idol_cosmetics.gif) bottom no-repeat; margin:0 0 0 80px;}

#for_me_detail{ position:absolute;  background:url(../images/functional_makeup.gif) top no-repeat; }

#about_you {float:left;}
#about_you_text {float:left; padding-top:65px; padding-left:55px; width:400px;}
#about_you_text p {text-align:left; width:388px;}
#about_you_right {margin:150px 130px 0 560px;}
#about_you_image {clear:both; float:left;}


/* PRODUCT PAGE STUCTURE */
#cosmetics_detail { float:left; width:246px; height:120px; background:url(../images/multipurpose-makeup.gif) bottom no-repeat; }
.cosmetics_detail { float:left; width:246px; height:120px; background:url(../images/multipurpose-makeup.gif) bottom no-repeat; }
#product {float:left; width:auto;}
#product_text { position:absolute; top:205px; left:55px; }
#product_text p {text-align:left; width:372px;}
#product_image {float:right; padding:40px 0 0 0;}

#product_detail_image {float:left; width:auto; padding: 120px 0 0 0;}
#product_detail_header { height:100px; float:left; text-align:left; padding-top:45px;}
#product_detail_body {float:left; padding-right:10px; text-align:left; width:400px;}
	#product_detail_text {width:395px; text-align:left; padding: 0 0 0 0;}
	#product_detail_text p { width:360px;}
	#product_detail_buttons {padding:25px 0 25px 0;}
	#itemnumber {padding-top:3px; float:left; width:130px; height:20px; text-align:left; vertical-align:middle;}
	#itemprice {float:left; width:80px; height:30px; text-align:left; vertical-align:middle;}
	#addtocart {float:left; width:140px; height:30px; text-align:left; vertical-align:middle;}
	#addtocart a {}

#related_product {float:left; text-align:left; padding:0px 20px 0 20px; width:240px;}
#related_product_box {float:left;}
#related_product_image {float:left;width:100px;}
#related_product_text {float:left; padding:0px 0 0 10px;}
#related_product_break {clear:both; margin: 0 0 10px 20px; padding:5px 0 15px 10px; width:130px; height:1px; border-bottom:solid 1px #D40060;}

/* MEET MEZHGAN */
#meet_mezhgan_detail { float:left; width:242px; height:120px; padding: 0 75px 0 0; background:url(../images/american_idol_make-up.gif) bottom no-repeat; }
.meet_mezhgan_detail { float:left; width:242px; height:120px; padding: 0 75px 0 0; background:url(../images/american_idol_make-up.gif) bottom no-repeat; }

/* WATCH ME */
#watch_body {height:650px; width:1000px; float:left; display:inline;}
#watch_left { float:left; height:600px; width:350px; padding-top:35px; }
#watch_left p { float:left; text-align:left; margin-left:25px; padding-left:25px; padding-bottom:14px; width:300px; }
#watch_right { float:right; height:600px; width:600px; }
	#divider { padding:105px 0 0 390px }
	#videos {  padding:0 0 30px 25px; float:left;}
	#videos2 { padding:0 0 30px 25px; float:left;}
	.youtube { float:left; clear:right; margin-right:20px; margin-bottom:40px; background-color:#FFFFFF; border:solid 1px #777777; padding:2px; height:205px;  }
	.youtube p { padding:2px; }


/* WHO'S WEARING ME */
#who_text { position:absolute; top:205px; left:55px; }

/* WHAT PEOPLE ARE SAYING */
#what_people {float:left; width:1000px; height:550px; background: url(../images/what-people-are-saying_bg.jpg);}
#what_people_text { float:left; margin-top:23px; padding-left:55px; width:auto; }

#what_people_left {  width:280px; float:left;text-align:left;}
#what_people_right {  width:300px; float:left;text-align:left; }

#what_people_divider { float:left; margin:0 15px 0 20px;width:1px;}


/* CONTACT */
#contact {float:left;}
#contact_detail{ position:absolute; width:315px; height:98px; background:url(../images/functional_makeup.gif) bottom no-repeat; margin:0 0 0 340px; overflow:hidden;}
#contact_text {float:left; margin-top:53px; margin-left:35px; width:310px;}
#contact_text p {text-align:left; width:310px; padding-right:20px;}
#contact_right { z-index:2; position:absolute; top: 283px; left:420px; width:450px;}
#contact_image { position:absolute; left:0; top:410px;  padding-right:20px;}
#contact_divider { float:left; width:1px; margin:120px 0 0 0;}
#contact_right td {font-size:10pt; margin-left:5px;}
#contact_right input {border:solid 1px #cccccc;}
#contact_right textarea {border:solid 1px #cccccc; margin-left:20px;}
#contact_right select {border:solid 1px #cccccc; color:#777777; font:normal 10pt/10pt Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif;}
.checkBoxList input{margin-right:10px;}
.checkBoxList td{text-align:left; vertical-align:middle; width:150px;}
/* PRIVACY POLICY */
#secondary_text {float: left; padding:40px 0px 20px 40px; text-align:left; width:465px;}
#secondary_text img {padding-bottom:40px;}
#secondary_text p {width:465px; padding-bottom:16px;}

#secondary_text_right {float:left; padding:125px 0 0 40px; text-align:left; width:350px;}
#secondary_text_right p {width:350px; padding-bottom:16px;}

#secondary_text_right ul, #secondary_text_right li {position:inherit; padding-left:10px;}
#secondary_text_right ul li ul li {padding-top:10px;}
/* FOOTER STYLES */
#footer { position:relative; width: auto; height:28px; margin: 0 auto; clear:both; }
#footer ul { width:1000px ;clear:both; padding:0 0 10px 0;}
#footer li { display:inline; padding:14px 0 0 29px; }


/* RESOURCE STYLES */
