/* Theme Name: Aromachology Theme URI: http://myaromachology.com/ Description: A custom theme for Aromachology Version: 1.0 Author: Sparx Interactive Solutions Inc Author URI: http://www.sparxinc.com Tags: one column, custom header */ /* RESET */ body{margin:0px; padding:0px; border:0px; outline: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#6B6B6B; line-height:15px;vertical-align: baseline;} 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, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } form label{cursor:pointer} input, select, textarea{font-size:11px; font-family:arial} /* MAIN CSS */ body{background-color:#fff;} #container{width:730px;margin:0 auto;position: relative;} #container_w{width:730px;margin-right:auto;margin-left:auto;text-align:center;position: relative;float:left;} /* header */ #header{position:relative;float:left;width:730px;} #header #logo{width:730px;text-align:left;position:relative;float:left;height:218px;} #header #menu{position:relative;float:left;width:730px;text-align:center;} #header #menu ul{list-style:none;} #header #menu ul li{float:left;} #header #menu ul li.last{margin-right:0px;} #header #menu a{text-indent:-9999px;display:block;color:#ffffff;font-size:18px;text-decoration:none;line-height:19px;} #header #menu a#about{width:134px;height:18px;background:transparent url('images/img_aboutUs1.jpg') no-repeat top left;} #header #menu a#products{width:156px;height:18px;background:transparent url('images/products.jpg') no-repeat top left;} #header #menu a#gifts{width:140px;height:18px;background:transparent url('images/customGifts.jpg') no-repeat top left;} #header #menu a#whatsnew{width:154px;height:18px;background:transparent url('images/img_whatsnew1.jpg') no-repeat top left;} #header #menu a#retailers{width:139px;height:18px;background:transparent url('images/retailers.jpg') no-repeat top left;} #header #menu a#about:hover{background:transparent url('images/img_aboutUs2.jpg') no-repeat top left;} #header #menu a#products:hover{background:transparent url('images/products_h.jpg') no-repeat top left;} #header #menu a#gifts:hover{background:transparent url('images/customGifts_h.jpg') no-repeat top left;} #header #menu a#whatsnew:hover{background:transparent url('images/img_whatsnew2.jpg') no-repeat top left;} #header #menu a#retailers:hover{background:transparent url('images/retailers_h.jpg') no-repeat top left;} #header #sub_menu{position:relative;float:left;width:730px;padding:0px; height: 20px; left:4px;} #header #sub_menu ul{list-style:none;} #header #sub_menu ul li{float:left;margin:0px;} #header #sub_menu ul li.last{margin-right:0px;} #header #sub_menu a{display:block;color:#D98695;font-size:13px;text-decoration:none;line-height:19px; font-family:Georgia, "Times New Roman", Times, serif; width:120px; text-align:center;} #header #sub_menu2{position:relative;float:left;width:730px;padding:0px; height: 20px; left:4px;} #header #sub_menu2 ul{list-style:none;} #header #sub_menu2 ul li{float:left;margin:0px;} #header #sub_menu2 ul li.last{margin-right:0px;} #header #sub_menu2 a{display:block;color:#D98695;font-size:13px;text-decoration:none;line-height:19px; font-family:Georgia, "Times New Roman", Times, serif; width:365px; text-align:center;} #header #sub_sub_menu{position:relative;float:left;width:730px;border-top:2px solid #e2e2e2;} #header #sub_sub_menu ul{list-style:none;} #header #sub_sub_menu ul li{float:left;margin-left:79px;} #header #sub_sub_menu ul li.last{margin-right:0px;} #header #sub_sub_menu a{display:block;text-indent:-9999px;} #header #sub_sub_menu a.floral{width:55px;height:43px;background:transparent url('images/a1_h.jpg') no-repeat top left;} #header #sub_sub_menu a.gourmand{width:56px;height:43px;background:transparent url('images/a2_h.jpg') no-repeat top left;} #header #sub_sub_menu a.oriental{width:37px;height:43px;background:transparent url('images/a3_h.jpg') no-repeat top left;} #header #sub_sub_menu a.fresh{width:45px;height:43px;background:transparent url('images/a4_h.jpg') no-repeat top left;} #header #sub_sub_menu a.woodsy{width:35px;height:43px;background:transparent url('images/a5_h.jpg') no-repeat top left;} #header #sub_sub_menu a.floral.active{background:transparent url('images/a1.jpg') no-repeat top left;} #header #sub_sub_menu a.gourmand.active{background:transparent url('images/a2.jpg') no-repeat top left;} #header #sub_sub_menu a.oriental.active{background:transparent url('images/a3.jpg') no-repeat top left;} #header #sub_sub_menu a.fresh.active{background:transparent url('images/a4.jpg') no-repeat top left;} #header #sub_sub_menu a.woodsy.active{background:transparent url('images/a5.jpg') no-repeat top left;} /* content */ #content{position:relative;float:left;width:730px;background-color:#FFFFFF; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#6B6B6B;} #content h2 {color:#D98695;font-size:13px;font-family:Georgia, "Times New Roman", Times, serif;} #content #part_main{position:relative;float:left;width:730px;} #content #part_mainw{position:relative;float:left;width:730px;padding-bottom:40px;} #content #part_mainw .holder{position:relative;float:left;width:730px;text-align:left;} #content #part_mainw .left{width:465px;} #content #part_mainw .form{width:395px;} #content #part_mainw .center{text-align:center;} #content #part_mainw .holder h2{display:block;text-indent:-9999px;margin-bottom:10px;} #content #part_mainw .holder h2.prodtitles{display:block;text-indent:0px;margin-bottom:10px;} #content #part_mainw .holder h2.scents{width:155px;height:47px;background:transparent url('images/img_OurScents.jpg') no-repeat top left;} #content #part_mainw .holder h3{background:url("images/learn.jpg") no-repeat scroll 50% top transparent; height:65px; margin-bottom:10px; text-align:center; text-indent:-9999px; width:730px; display:block;} #content #part_mainw .holder p{color:#939393;font-size:12px;} #content #part_mainw .holder p a{color:#939393;font-size:12px;color:#b63d68;text-decoration:none;} #content #part_mainw .holder img.margin{margin-top:80px;margin-left:53px;} #content #part_mainw .holder ul{color:#939393;font-size:13px;padding-left:94px;margin-top:-24px;} #content #part_mainw .holder ul.prodsize{padding-left:0px;margin-top:0px; display:inline;} #content #part_mainw .holder ul.prodsize li{padding-left:0px;margin-top:0px; display:inline; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;} #content #part_mainw .holder ul.spec{padding-left:0px;margin-top:0px;} #content #part_mainw .holder ul.spec li{margin-bottom:4px;} #content #part_mainw .holder h5.one{text-indent:-9999px;display:block;width:484px;height:94px;background:url("images/one.jpg") no-repeat top left transparent;} #content #part_mainw .holder h5.two{text-indent:-9999px;display:block;width:484px;height:94px;background:url("images/two.jpg") no-repeat top left transparent;} .next_w a.next{background:url("images/next.jpg") no-repeat scroll 75px 5px transparent; display:block; height:61px; text-indent:-9999px; width:225px;} .next_w a.next2{background:url("images/next2.jpg") no-repeat scroll 70px 5px transparent; display:block; height:61px; text-indent:-9999px; width:225px;} .next_w{ position:absolute;right:10px;top:40px;z-index:9999;} .next_w img{ margin-left:90px;} .sdr{ position:absolute;right:-14px;top:14px;z-index:9999;} #content #part_mainw .holder h5.result1{margin:20px 0 20px 0;text-indent:-9999px;display:block;width:239px;height:27px;background:url("images/img_textClean.jpg") no-repeat top left transparent;} #content #part_mainw .holder h5.result2{margin:20px 0 20px 0;text-indent:-9999px;display:block;width:525px;height:121px;background:url("images/result2.jpg") no-repeat top left transparent;} #content #part_mainw .holder h5.result3{margin:20px 0 20px 0;text-indent:-9999px;display:block;width:525px;height:121px;background:url("images/result3.jpg") no-repeat top left transparent;} #content #part_mainw .holder h5.result4{margin:20px 0 20px 0;text-indent:-9999px;display:block;width:525px;height:121px;background:url("images/result4.jpg") no-repeat top left transparent;} #content #part_mainw .holder h5.clean{margin:20px 0 20px 0;text-indent:-9999px;display:block;width:439px;height:98px;background:url("images/clean.jpg") no-repeat top left transparent;} .next_w a.order{ background:url("images/add_to_cart.jpg") no-repeat scroll 91px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:71px; text-decoration:none; width:289px; } input.order{ background:url("images/add_to_cart.jpg") no-repeat scroll 91px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:71px; text-decoration:none; width:289px; } #content #part_mainw .holder h6{color:#b63d68;font-size:17px;margin:20px 0 10px 0;} /* all scents */ #a_s{position:relative;right:10px;top:40px;border-bottom:2px solid #e2e2e2;z-index:9999; float:right;} #a_s li{float:left;margin-right:47px;} #a_s li.last{margin-right:0px;} #a_s li a{display:block;height:60px; width:61px;} #a_s li a#sophisticated{width:55px;height:43px;background:transparent url('images/a1.jpg') no-repeat top left;} #a_s li a#edible{width:56px;height:43px;background:transparent url('images/a2.jpg') no-repeat top left;} #a_s li a#exotic{width:37px;height:43px;background:transparent url('images/a3.jpg') no-repeat top left;} #a_s li a#clean{width:45px;height:43px;background:transparent url('images/a4.jpg') no-repeat top left;} #a_s li a#bold{width:35px;height:43px;background:transparent url('images/a5.jpg') no-repeat top left;} #a_s li a#sophisticated:hover{background:transparent url('images/a1_h.jpg') no-repeat top left;} #a_s li a#edible:hover{background:transparent url('images/a2_h.jpg') no-repeat top left;} #a_s li a#exotic:hover{background:transparent url('images/a3_h.jpg') no-repeat top left;} #a_s li a#clean:hover{background:transparent url('images/a4_h.jpg') no-repeat top left;} #a_s li a#bold:hover{background:transparent url('images/a5_h.jpg') no-repeat top left;} #a_s li a#sophisticated2{width:55px;height:43px;background:transparent url('images/a1_h.jpg') no-repeat top left;} #a_s li a#edible2{width:56px;height:43px;background:transparent url('images/a2_h.jpg') no-repeat top left;} #a_s li a#exotic2{width:37px;height:43px;background:transparent url('images/a3_h.jpg') no-repeat top left;} #a_s li a#clean2{width:45px;height:43px;background:transparent url('images/a4_h.jpg') no-repeat top left;} #a_s li a#bold2{width:35px;height:43px;background:transparent url('images/a5_h.jpg') no-repeat top left;} .no{display:none} .aa{position:relative;float:left;width:730px;text-align:left} .aa .a_l{position:relative;float:left;width:255px;} .aa .a_l img{margin-bottom:10px;} .aa .a_l a.back{display:block;text-indent:-9999px;width:184px;height:61px;background:url("images/back.jpg") no-repeat 44px top transparent;} .aa .a_r{position:relative;float:left;width:455px;padding-top:60px;} .aa .a_r h4{display:block;font-size:24px;margin-bottom:15px;} .aa .a_r h4.bold{color:#a6c082;} .aa .a_r p{color:#939393;font-size:12px;margin-bottom:10px;} .aa .a_r p strong{font-size:11px;} /* footer */ #footer{position:relative;float:left;width:100%;border-top:2px solid #e2e2e2;margin-top:10px;} #footer #footer_w{position:relative;float:none;margin:0 auto;width:760px;} #footer #footer_up{position:relative;float:left;width:760px;text-align:left;color:#939393;font-size:12px;padding-top:28px;} #footer #footer_up ul{padding-left:22px;} #footer #footer_up li{float:left;color:#939393;margin-left:6px;} #footer #footer_up a{color:#939393;text-decoration:none;margin-right:6px;} #footer #footer_up a:hover{color:#6B6B6B;text-decoration:none;margin-right:6px;} #footer #footer_down{position:relative;float:left;width:730px;text-align:center;color:#939393;font-size:12px;padding:51px 0 20px 0;} #footer #footer_down p{margin-bottom:6px;} #footer #footer_down a{color:#939393;text-decoration:none;} #footer #footer_down a:hover{color:#6B6B6B;text-decoration:none;} .accordMenuClass { margin: 0; padding: 0; left:5px; width: 725px; height: 333px; overflow: hidden; border: 0px none; position:relative; clear:both; } .accordMenuClass ul { list-style: none; margin: 0; padding: 0; width: 725px; height: 333px; overflow: hidden; } .accordMenuClass ul li{ float: left; padding: 0px; margin: 0px; } .accordMenuClass ul li div { overflow: hidden; height: 333px; width: 143px; padding: 0px; margin: 0px; } .accordMenuClass ul li div img{ position: absolute; border: 0px none; } .accordMenuItem { cursor:pointer; } .accordMenuClass #accordMenuItem1 img {position: relative; left:-10px} .accordMenuClass #accordMenuItem2 img {position: relative; left:-10px} .accordMenuClass #accordMenuItem3 img {position: relative; left:-10px} .accordMenuClass #accordMenuItem4 img {position: relative; left:-142px} .accordMenuClass #accordMenuItem5 img {position: relative; left:-10px} .accordMenuClass2 { margin: 0; padding: 0; left:5px; width: 725px; height: 333px; overflow: hidden; border: 0px none; position:relative; clear:both; } .accordMenuClass2 ul { list-style: none; margin: 0; padding: 0; width: 725px; height: 333px; overflow: hidden; } .accordMenuClass2 ul li{ float: left; padding: 0px; margin: 0px; } .accordMenuClass2 ul li div { overflow: hidden; height: 333px; width: 120px; padding: 0px; margin: 0px; } .accordMenuClass2 ul li div img{ position: absolute; border: 0px none; } .hide { display:none; } .accordMenuClass2 #accordMenuItem1 img {position: relative; left:-35px} .accordMenuClass2 #accordMenuItem2 img {position: relative; left:-10px} .accordMenuClass2 #accordMenuItem3 img {position: relative; left:-10px} .accordMenuClass2 #accordMenuItem4 img {position: relative; left:-220px} .accordMenuClass2 #accordMenuItem5 img {position: relative; left:-240px} .accordMenuClass2 #accordMenuItem6 img {position: relative; left:-240px} .accordMenuClass3 { margin: 0; padding: 0; left:5px; width: 725px; height: 333px; overflow: hidden; border: 0px none; position:relative; clear:both; } .accordMenuClass3 ul { list-style: none; margin: 0; padding: 0; width: 725px; height: 333px; overflow: hidden; } .accordMenuClass3 ul li{ float: left; padding: 0px; margin: 0px; } .accordMenuClass3 ul li div { overflow: hidden; height: 333px; width: 362px; padding: 0px; margin: 0px; } .accordMenuClass3 ul li div img{ position: absolute; border: 0px none; } .accordMenuClass3 #accordMenuItem1 img {position: relative; left:0px} .accordMenuClass3 #accordMenuItem2 img {position: relative; left:0px} #summary {width:460px; float:left; background-image:url(images/img_yourScentStory.jpg); background-repeat:no-repeat; background-position:top left; padding-top: 40px; } #num1 {background-image:url(images/img_one.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num2 {background-image:url(images/img_two.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num3 {background-image:url(images/img_three.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num4 {background-image:url(images/img_four.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num5 {background-image:url(images/img_five.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num6 {background-image:url(images/img_six.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num7 {background-image:url(images/img_seven.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num8 {background-image:url(images/img_eight.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num9 {background-image:url(images/img_nine.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #num10 {background-image:url(images/img_ten.jpg); background-repeat:no-repeat; width: 83px; height: 130px; float:left; margin-top: -10px;} #bottle0 {background-image:url(images/img_scentSophisticated.jpg); width:236px; height:286px; right:10px; top:10px; position:absolute;} #bottle1 {background-image:url(images/img_surveyBottle1.jpg); width:244px; height:237px; right:10px; top:20px; position:absolute;} #bottle2 {background-image:url(images/img_surveyBottle2.jpg); width:244px; height:237px; right:10px; top:20px; position:absolute;} #bottle3 {background-image:url(images/img_surveyBottle3.jpg); width:244px; height:237px; right:10px; top:20px; position:absolute;} #bottle4 {background-image:url(images/img_surveyBottle4.jpg); width:244px; height:237px; right:10px; top:20px; position:absolute;} #bottle5 {background-image:url(images/img_surveyBottle5.jpg); width:244px; height:237px; right:10px; top:20px; position:absolute;} #next0 {background-image:url(images/img_start1.jpg); width: 128px; height: 60px; clear:both; position:relative; left:200px; cursor:pointer;} #next0:hover {background-image:url(images/img_start2.jpg); width: 128px; height: 60px; clear:both; position:relative; left:200px; cursor:pointer;} #next1 {background-image:url(images/img_next.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next1:hover {background-image:url(images/img_next2.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next2 {background-image:url(images/img_next.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next2:hover {background-image:url(images/img_next2.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next3 {background-image:url(images/img_next.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next3:hover {background-image:url(images/img_next2.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next4 {background-image:url(images/img_next.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next4:hover {background-image:url(images/img_next2.jpg); width: 129px; height: 60px; top: 285px; right: 45px; position:absolute; cursor:pointer;} #next5 {background-image:url(images/img_results1.jpg); width: 140px; height: 60px; top: 285px; right: 55px; position:absolute; cursor:pointer;} #next5:hover {background-image:url(images/img_results2.jpg); width: 140px; height: 60px; top: 285px; right: 55px; position:absolute; cursor:pointer;} #scent1 {background-image: url(images/a1_h.jpg); width: 143px; background-position:center; background-repeat:no-repeat; height: 43px; float:left; margin-top: 40px;} #scent2 {background-image: url(images/a2_h.jpg); width: 143px; background-position:center; background-repeat:no-repeat; height: 43px; float:left; margin-top: 40px; } #scent3 {background-image: url(images/a3_h.jpg); width: 143px; background-position:center; background-repeat:no-repeat; height: 43px; float:left; margin-top: 40px; } #scent4 {background-image: url(images/a4_h.jpg); width: 143px; background-position:center; background-repeat:no-repeat; height: 43px; float:left; margin-top: 40px; } #scent5 {background-image: url(images/a5_h.jpg); width: 143px; background-position:center; background-repeat:no-repeat; height: 43px; float:left; margin-top: 40px; } .gty12{top:16px;} #error{display:none;} .holder .holder_1{position:relative;float:left;width:243px;text-align:left;} .holder .holder_1 h5{display:block;font-weight:normal;font-size:24px;margin-bottom:10px;color:#D88494;} .holder .holder_1 img{margin-bottom:4px;} #content #part_mainw .holder h2.celeb_scents { background:url("images/img_celebrityScents.jpg") no-repeat scroll left top transparent; height:47px; width:219px; } #content #part_mainw .holder h5.creating { background:url("images/img_creatingHerFragrance.jpg") no-repeat scroll left top transparent; height:47px;text-indent:-9999px; width:379px; } #content #part_mainw .form2 .image{margin:0;} .next_w a.order2 { background:url("images/add_to_cart.jpg") no-repeat scroll -3px 5px transparent; color:#B63D68; display:block; float:right; font-size:15px; height:51px; line-height:40px; padding-right:20px; text-decoration:none; width:148px; } .entry a.order2 { background:url("images/add_to_cart.jpg") no-repeat scroll -3px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:91px; text-decoration:none; width:148px; } .a_l a.order2 { background:url("images/add_to_cart.jpg") no-repeat scroll -3px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:91px; text-decoration:none; width:148px; } div.order2 { background:url("wp-content/themes/aroma_WP/images/add_to_cart.jpg") no-repeat transparent; color:#B63D68; display:block; font-size:15px; height:43px; line-height:40px; text-decoration:none; width:245px; cursor: pointer; } #content #part_mainw .form2 { width:490px; } .in{position:relative;float:left;width:20px;padding-top:3px;} .img{position:relative;float:left;width:430px;} img.ch_2,img.ch_3,img.ch_4,img.ch_5{display:none;} .next_w a.order2 { background:url("images/add_to_cart.jpg") no-repeat scroll 91px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:181px; text-decoration:none; width:157px; } .next_w div.giftcard { background-image:url('images/img_card.jpg'); float:right; margin-right:10px; width: 214px; height: 245px; } .giftcard #tpnote1 { margin: 113px 20px 0px 35px; } .giftcard #tpnote2 { margin: 20px 20px 0px 35px; } .giftcard #tpnote3 { margin: 20px 20px 0px 35px; } .more { color:#333; text-decoration:none; } .form2 a.order2 { background:url("images/add_to_cart.jpg") no-repeat scroll 0px 5px transparent; color:#B63D68; display:block; font-size:15px; height:51px; line-height:40px; padding-left:98px; text-decoration:none; width:157px; } td { vertical-align:top; } div.floatBox { clear:both; font-size:10px; border: 1px solid #646464; position:relative; top: -75px; left: 170px; padding: 5px; width:315px; height: 240px; margin-bottom: -252px; background-color:#FFFFFF; z-index:1000; } .creditline { display:none; } .alignright {float:right; margin-left: 5px; margin-bottom: 5px; } div.contactLeft { float:left; width:340px; margin: 0px; margin-right: 50px; clear:both; position:relative; top:-30px;} div.contactRight {float:left; width:340px; margin: 0px; } a {color:#DC8693; text-decoration:none;} a:hover { color:#333; text-decoration:underline; } #readMoreA { cursor:pointer; } #readMoreDiv { height:auto; width: 750px; }