body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#623400 url(../images/bg.png) repeat-x; margin:0; padding:0 } .mainContanier {width:960px;text-align:left;background:url(../images/mainBg.jpg) no-repeat;border-top:0px; margin:auto} .top{width:946px;height:109px;position:relative; margin:auto} a#logo { float:left} a#logo, #logo span, span.logo_span {width:274px; height:109px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0;} .topR{width:671px;height:109px;float:left; background:url(../images/topR.png) no-repeat 0 0; position:relative} .header{} .headerMedia{width:946px;height:295px; margin:auto} .seconderyHeader{ width:960px; height:159px;} .content{ width:944px; margin:auto;position:relative} .contentL{width:650px;background:#fff repeat; float:left;min-height:1050px;} *html .contentL{height:1050px;} .contentR{width:272px; font-size:12px; float:left; margin:0 0 0 22px;} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:0 25px 20px;color:#603300;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:1.0em;} .contentArea h1{font-size:22px; margin-top:20px; margin-bottom:20px} .contentArea img {padding:4px;margin:20px 27px;} .contentArea a{ color:#164878} .contentArea a:hover{color:#470b0b} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:2em;} div.contentArea ul li {list-style: disc outside; font-size:1.0em;} div.contentArea ol li {list-style: decimal outside; font-size:1.0em;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .mainContent{width:943px; margin:auto; border:1px solid #ab9377; border-bottom:0; border-top:0; background:#fefefd; color:#643500} .mainContentL{width:319px; padding:0 26px;float:left} .mainContentR{width:572px; float:left} .bottom{background:#623400; min-height:289px;} .footer{ width:900px; min-height:124px;padding:20px 0 0; margin:auto; text-align:center; background:url(../images/footer.png) no-repeat top center; border-bottom:0px solid #7e592e} .footer img {margin:-5px 0 0 0} .footer a {color:#f9e3c9; text-decoration:none; font-size:10px; margin:8px;line-height:24px;} .footer a:hover { color:#41ad1b;} p.adress{ color:#f9e3c9; font-size:18px; font-weight:bold; text-align:center; padding:6px 0 6px 0;} .copyRight{ width:760px; font-size:10px; padding:5px 20px; color:#cbdeeb; margin:auto; margin-top:5px; text-align:center;} .copyRight2{ width:760px; font-size:10px; color:#cbdeeb; margin:auto;text-align:center; font-style:italic} .searchBox{ width:168px; height:32px; background:url(../images/searchBox.png) no-repeat 27px center; position: absolute; top:13px; right:18px; font-size:11px; } .searchInput{ width:126px; height:13px; position: absolute; left: 36px; top: 10px; border:0; background:none } .searchBtn{position:absolute;right:4px;top:9px;} .shadow{ width:945px; height:31px; margin:auto;background:url(../images/shadow.png) no-repeat ;} .shadowSub{ width:944px; height:17px; margin:auto;background:url(../images/shadowSub.png) no-repeat ;} .box1{height:250px; border-left:1px solid #f05033; position:relative; padding:0 36px } .box2{height:200px;position:relative; padding:0 36px} .box3{height:200px; border-bottom:1px solid #f05033;border-top:1px solid #f05033;padding:10px 36px; position:relative; color:#ecedd5} /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:230px; height:46px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 10px 12px; position:absolute; right:288px; top: 8px; } a.fontIncrease { width:29px; height:29px; display:block; position:absolute; right:50px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -29px;} a.fontDecrease {width:29px; height:29px; display:block; position:absolute; right:10px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -29px 0;} a:hover.fontDecrease { background-position:-29px -29px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { top:16px; right:168px; } a#menu1, #menu1 span, span.menu1_span {width:167px; height:27px;display:block; position:absolute; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:-167px 0;} a#menu2 { margin:auto} a#menu2, #menu2 span, span.menu2_span {width:136px; height:40px;display:block; position: relative; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -28px; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-136px -28px;} a#menu3 { } a#menu3, #menu3 span, span.menu3_span {width:319px; height:58px;display:block; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -81px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-319px -81px;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span {width:319px; height:58px;display:block; position:relative; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -139px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-319px -139px;} a#menu5 { } a#menu5, #menu5 span, span.menu5_span {width:319px; height:56px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -197px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-319px -197px;} a#menu6 { top:186px; right:20px; } a#menu6, #menu6 span, span.menu6_span {width:136px; height:41px;display:block; position:absolute; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -253px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-136px -253px;} a#menu7 { top:142px; right:20px; } a#menu7, #menu7 span, span.menu7_span {width:136px; height:41px;display:block; position:absolute; overflow:hidden;} a#menu7 span, span.menu7_span{ position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -253px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-136px -253px;} a#menu8 { top:232px; right:40px; } a#menu8, #menu8 span, span.menu8_span {width:136px; height:41px;display:block; position:absolute; overflow:hidden;} a#menu8 span, span.menu8_span{ position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -28px;cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-136px -28px;} a#menu9 { margin:auto} a#menu9, #menu9 span, span.menu9_span {width:258px; height:73px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span{ position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -319px;cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-258px -319px;} a#menu10 { margin:auto} a#menu10, #menu10 span, span.menu10_span {width:258px; height:73px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span{ position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -392px;cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-258px -392px;} a#menu11 { margin:auto} a#menu11, #menu11 span, span.menu11_span {width:258px; height:73px;display:block; position:relative; overflow:hidden;} a#menu11 span, span.menu11_span{ position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -465px;cursor:pointer;} a#menu11:hover span, span.menu11_span_oo {background-position:-258px -465px;} a#menu12{ right:70px;top:170px;} a#menu12, #menu12 span, span.menu12_span {width:141px; height:44px;display:block; position:absolute; overflow:hidden;} a#menu12 span, span.menu12_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -541px; cursor:pointer;} a#menu12:hover span, span.menu12_span_oo {background-position:-142px -541px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:249px; height:16px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0 } #replace2 {width:345px; height:19px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -16px; } #replace3 {width:143px; height:17px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -35px; } #replace4 {width:143px; height:16px;position:relative; overflow:hidden; } #replace4 span, span.replace4 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -53px; } /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:232px;padding:20px; background:#f05033;} .accordionContent{ height:260px;padding:10px;overflow:hidden; background:#fffde0; position:relative} .accordion a, .accordion span, .accordion h3 {width:232px;height:80px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background-image:url(../images/accordionMenu.png); } .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:232px;} #accordionMenu1 {background-position: -232px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -232px 0;} #accordionMenu2 {background-position: -232px -80px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -80px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-232px -80px;} #accordionMenu3 {background-position: -232px -160px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -160px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -232px -160px;} #accordionMenu4 {background-position: -232px -240px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -240px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -232px -240px;} #accordionMenu5 {background-position: -232px -320px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -320px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -232px -320px;} #accordionMenu6 {background-position: -232px -400px;} #accordionMenu6 span, span.accordionMenu6_span {background-position: 0 -400px;} #accordionMenu6 a:hover span, span.accordionMenu6_span_oo {background-position: -232px -400px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:946px; height:234px;margin:auto;position:relative;background:#fffde0; } #slideLinks { background:url(../images/slideNav.png) 0 -87px no-repeat;} #slideLinks, #slideLinks ul{ width:942px; height:87px; margin:auto} #slideLinks li{width:157px; height:87px; float:left;list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:157px; height:87px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -87px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:157px; height:87px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-157px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-157px -87px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:157px; height:87px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-314px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-314px -87px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:157px; height:87px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-471px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-471px -87px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:157px; height:87px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-628px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-628px -87px;} #slideLinks a#slideMenu6, #slideMenu6 span, span.slideMenu6_span {width:157px; height:87px;} #slideLinks a#slideMenu6 span, span.slideMenu6_span {background-position:-785px 0;} #slideLinks a#slideMenu6:hover span, span.slideMenu6_span_oo {background-position:-785px -87px;} #slideCont {width:946px;clear:both; position:relative; overflow:hidden; background:#fffde0} #slideItems { width:5800px; position:relative;} #slideItems li { width:906px; height:134px; padding:0 20px;margin:0 8px 0 0;display:block; float:left;position:relative;overflow:hidden; color:#3e3e3e} a#slidePrevious { width:43px; height:42px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left:8px; top: 178px; } a:hover#slidePrevious { background-position:0 -43px} a#slideNext { width:43px; height:42px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -44px 0; right:8px; top: 178px; } a:hover#slideNext { background-position:-44px -43px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ #ctitle { border-bottom:1px solid #653600;height:16px;line-height:16px; } #ctitle h1 {font:bold 14px 'Trebuchet Ms'; } td.cmenu { font:bold 11px Sans-serif; width:160px;vertical-align:top;background:#653600;padding:5px; } td#ccnt { font:12px Sans-serif; border-bottom:1px solid #653600; vertical-align:top; } td#cbot { font:10px Sans-serif;color:#6F6F6F; } td.lmtitle { font:bold 12px Sans-serif; border-bottom:1px solid #ac7333;padding-left:4px; color:#FFF; text-align:left; } td.lmc { font:11px Sans-serif; color:#FFF;padding-left:5px; text-align:left; } td.lmc a { display:block; width:145px; font:11px Sans-serif;text-decoration:none;color:#FFF;border-bottom:1px solid #653600; padding:2px;margin-left:-2px; } td.lmc a:hover { color:#CCC; border-bottom:1px solid #ac7333; } div#lst p table td { font:11px Sans-serif; } table#frmtab, form#schform { width:502px; margin:0; padding:0; overflow:hidden; } td.whiteCell { background-color:#FFFFFF; text-align: left; vertical-align: top; color:#653600; } td.whiteCell a { display: block; font-family:Arial, Helvetica, sans-serif; color: #653600; text-decoration:none; padding-left: 14px; background-image: url(../images/arrowhite.png); background-repeat: no-repeat; background-position: left center; } td.whiteCell h1 { color: #653600; margin:0 0 10px 0; padding: 0; } .more { margin-top: 20px; padding-right:20px; text-align:right; } .more a { color: #872246; background-image: none; font-style: italic; font-weight: bold; } #promotionCont { height:80px; position:relative; top:11px; width:946px;} *html #promotionCont {height: 10px;} .promotionBox { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/promotion_box.jpg) no-repeat scroll 27px center; font-size:11px; height:32px; position:absolute; left:-21px; top:13px; width:168px; } #txt_1 { position:relative; width: 257px; height: 15px; margin:0; padding:0; overflow:hidden; left:6px; } #txt_1 span, span.txt_1 { position: absolute; top:0; left:0; width:100%; height:100%; background: url(../images/latest_cosmetic_news.png) left top no-repeat; } a#saving_btn {float:left;} a#saving_btn, #saving_btn span, span.saving_btn_span {width:393px; height:60px;display:block; position:relative; overflow:hidden;} a#saving_btn span, span.saving_btn_span { position:absolute; left:0; top:0; background:url(../images/cosmetic_procedures_btn.png) no-repeat 0 0; cursor:pointer;} a#saving_btn:hover span, span.saving_btn_span_oo {background-position: 0px -60px;} a#skin_care_product_btn {float:left;} a#skin_care_product_btn, #skin_care_product_btn span, span.skin_care_product_btn_span {width:298px; height:60px;display:block; position:relative; overflow:hidden;} a#skin_care_product_btn span, span.skin_care_product_btn_span { position:absolute; left:0; top:0; background:url(../images/cosmetic_procedures_btn.png) no-repeat -393px 0; cursor:pointer;} a#skin_care_product_btn:hover span, span.skin_care_product_btn_span_oo {background-position:-393px -60px;} .promotionBtnCont {left:266px; position:relative; top:-24px;} .joinBtn { left:178px; position:absolute; top:6px; }