form { height:880px; } /* 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);} .ten {padding:10px;} .fifteen {padding:15px;} .twenty {padding:20px;} .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;} #container1 { margin: 0 auto; text-align:center; width:1000px;} #body_image { float:right; } #body_text { float:left; margin: 40px 0 0 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: #E50278; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12px;} .pink { color: #E50278;} .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: #E50278; 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: #E50278; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt} a.graym: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: 12pt;} a.graym:hover { text-decoration: none; color: #E50278; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt;} a.graym: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: 12pt;} a.graym:visited:hover { text-decoration: none; color: #E50278; font-family: Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 12pt} a.pink:link { text-decoration: none; color: #E50278; 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: #E50278; 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: Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; font-size: 10pt} a.pink_m:link { text-decoration: none; color: #E50278; 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: #E50278; 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, 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:#E50278; color: #FFFFFF; padding:1px 7px; border:solid 1px #E50278; 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: 12ptx;} a.addbutton:visited { text-decoration: none; background-color:#E50278; color: #FFFFFF; padding:1px 7px; border:solid 1px #E50278; 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:26px; top:8px} #header {z-index: 3; position:relative; height:120px;} #logo { float:left; margin:20px 0px 10px 20px; width:88px; height:81px;} #cart-links {width:300px; z-index: 4;position: absolute; top:50%; right:25%;} #cart-links li {z-index: 5;display:inline; padding:0 6px 0 6px;} #main_body {width:1000px; min-height:550px; height:100%; padding-bottom:20px;} li img { vertical-align:middle; } /* NAVIGATION */ #nav { margin:0 auto;z-index: 4; height:37px; background: url(../../../images/nav_bg.jpg) no-repeat; width:auto ; padding:11px 0 0 0; } #nav ul { position:relative; clear:both; z-index: 5; text-align:center; float:center;} #nav li {float:center; z-index: 6; display:inline; padding:0 7px 0 7px; font: normal 11pt/18pt Chalet ParisNineteenSixty, ChaletBook, Chalet, Tw Cen MT, Futura, Helvetica, Genva, Verdana, Arial, MS Sans Serif; color:#FFFFFF;} #nav a {font-weight:lighter;z-index: 7; } /* 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:50%; margin-left:-95px;} #home_text p {text-align:left; width:295px;} #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_text { float:left; margin:0 0 0 55px; width:945px; height:577px; background:url(../../../images/about_bg.jpg) right no-repeat; } #about_text p {float:left; clear:both;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_text {float:left; margin:0 0 0 55px; width:895px; height:577px; background:url(../../../images/luminous-me_box.jpg) right no-repeat; } #why_me_text p {float:left; clear:both;text-align:left; width:472px;} #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;} #get_the_look_text {position:absolute; top:205px; left:50%; margin-left:-455px; } #get_the_look_text p {text-align:left; width:392px;} /* 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:25px;} #product_detail_body {float:left; padding-right:10px; text-align:left; width:400px;} #product_detail_body hr {height:1px;} #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:130px; height:30px; text-align:left; vertical-align:middle;} #addtocart {clear:left; width:140px; height:30px; text-align:left; vertical-align:middle;} #addtocart a {} .product_add_on {width:auto;} #addon {clear:left;} #attribute {float:left; width:350px; } /* Added 06-01-08 for Category Pages Had to add left:100 - org left:0 */ #product_brush_artwork {position:absolute;} #product_header { height:100px; float:right; padding-top:55px; padding-right:33px;} #product_group_image {float:right; padding:0 20px 0 0;} #product_list {float:left; z-index:2; margin-top:86px; background: url(../../../images/product_brush_artwork.gif) no-repeat top left; width:275px; height:414px;} #product_list ul {text-align:left; margin:20px 0 0 45px;} #product_list li {margin:0 0 8px 0;} /*---*/ #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; width:90px;} #related_product_break {clear:both; margin: 0 0 10px 10px; padding:5px 0 10px 10px; width:130px; height:1px; border-bottom:solid 1px #E50278;} /* 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; } /* MEDIA */ #media { float:left; margin:0 0 0 50px; background:url(../../../images/media_bg.jpg) right no-repeat; height:550px; width:950px;} #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; } #videos img {padding:2px; background-color:#FFFFFF; border:solid 1px #777777; } /* WHO'S WEARING ME */ #who_text { float:left; margin:0 50px 0 50px; background:url(../../../images/american-idol-backstage.jpg) right no-repeat; height:550px; width:910px;} /* WHAT PEOPLE ARE SAYING */ #what_people {float:left; width:1000px; height:550px; background: url(../../../images/what-people-are-saying_bg.jpg);} #whats_going_on_with_me {float:left; width:1000px; height:550px; background: url(../../../images/whats-going-on-with-me_bg.jpg);} #imagesblock img {padding:0; margin:12px;} #what_people_text { float:left; margin-top:23px; padding-left:55px; width:auto; } #customer_testimonials {float:left; width:1000px; height:550px; background: url(../../../images/customer-testimonials_bg.jpg);} #celebrity_testimonials {float:left; width:1000px; height:550px; background: url(../../../images/celebrity-testimonials_bg.jpg);} #face_testimonials {float:left; width:1000px; height:550px; background: url(../../../images/face-testimonials_bg.jpg);} #eyes_testimonials {float:left; width:1000px; height:550px; background: url(../../../images/eyes-testimonials_bg.jpg);} #cheeks_testimonials {float:left; width:1000px; height:550px; background: url(../../../images/cheeks-testimonials_bg.jpg);} #what_people_left { width:285px; 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:5px; width:330px;} #contact_text p {text-align:left; width:330px;} #contact_right { z-index:2; position:absolute; top: 283px;left:420px} #contact_image { z-index:1; position:absolute; top:410px; } #contact_divider { float:left; margin:120px 0 0 -56px; overflow:hidden;} /* 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 li a {font-size:12pt; } #secondary_list_right { float:left; text-align:left; padding:95px 0 0 0; } #secondary_list_right ul, #secondary_list_right li, #secondary_text ul, #secondary_text li {position:inherit; padding-left:15px;} #secondary_list_right a {font-size:12pt; } /* FOOTER STYLES */ #footer { width: auto; height:48px; margin-bottom: 0px; clear:both; margin:auto 0;} #footer ul { width:1000px ;clear:both; padding:0 0 10px 0;} #footer li { display:inline; padding:14px 0 0 29px; } /* RESOURCE STYLES */ /* MAKEUP TIPS */ #tips_text {float:left; padding:40px 0px 20px 40px; text-align:left; width:465px;} #tips_text img {padding-bottom:40px;} #tips_text p {width:465px; padding-bottom:16px;padding-left:20px;} #tips_text_right {float:left; padding:125px 0 0 40px; text-align:left; width:350px;} #tips_text_right p {width:350px; padding-bottom:16px;} #tips_text li a {font-size:12pt; } /* AJAX Collapseable panel */ .collapsePanelTitle { background-color: #E50278; color: #fff; text-align:center; font-weight:bold; } .collapsePanel { width:400px; height:0px; overflow:hidden; } hr.pink{border: 0; height: 2px; color: #E50278;background-color: #E50278; margin: 2px 0 0 0;} /* PRICING */ .Price { font-family:Chalet ParisNineteenSixty,ChaletBook,Chalet,Tw Cen MT,Futura,Helvetica,Genva,Verdana,Arial,MS Sans Serif; text-decoration:none; text-align: center; font-weight: bolder; font-size: 13pt; color:#777777; } .RegularPrice { font-family:Chalet ParisNineteenSixty,ChaletBook,Chalet,Tw Cen MT,Futura,Helvetica,Genva,Verdana,Arial,MS Sans Serif; text-decoration:none; text-align: center; font-weight: bolder; font-size: 13pt; color:#777777; text-decoration: line-through; } .SalePrice { font-family:Chalet ParisNineteenSixty,ChaletBook,Chalet,Tw Cen MT,Futura,Helvetica,Genva,Verdana,Arial,MS Sans Serif; text-decoration:none; text-align: center; font-weight: bolder; font-size: 13pt; color:#777777; }