/* ------------------------------------------------------------- IOSIS, 2-Col Liquid Layout ------------------------------------------------------------- */ /* ------------------------------------------------------------- IOSIS, Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. Body 2. Links 3. General Properties 4. Footer 5. Layout 6. Header 7. Spa 8. Figure Styling 9. Skin 10. Salon 11. Gift Vouchers 12. Bridal 13. About Iosis 14. Contact 15. Careers 16. Councel Chat 17. Ventures */ /* ------------------------------------------------------------- 1. BODY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body {margin:0 auto; font-family:Arial, Helvetica, sans-serif; background:#e4aa22 url(../images/main-bg.jpg) top center repeat-y;} q:before,q:after {content:'';} /* ------------------------------------------------------------- 2. LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a {color:#333;text-decoration:none;} a:hover {text-decoration:underline;} /* ------------------------------------------------------------- 3. GENERAL PROPERTIES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} img{border:0;} h1,h2,h3,h4,h5,h6{font-weight:normal;} .CL{clear:both;} .L{clear:left;} .R{clear:right;} .FL{float:left;} /* ------------------------------------------------------------- 4. FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer{width:700px; padding-right:110px; margin:0 auto; height:140px; margin-right:50px; background:url(../images/footer-bg.jpg) right top no-repeat; text-align:right; padding-top:14px; font-size:11px; color:#631c00; line-height:18px;} #footer p {color:#b55000;} #footer p a{color:#b55000; padding:0 6px;} #footer p.follow{position:absolute; text-align:left; color:#ae005b; margin-left:715px; font-size:12px; width:300px; border-left:#631c00 1px solid; padding-left:15px; padding-bottom:5px;} #footer p.follow img{padding-right:2px;vertical-align:middle; padding-top:4px;} /* ------------------------------------------------------------- 5. LAYOUT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #container{width: 100%;overflow: hidden;position:relative; background:url(../images/main-curv.jpg) top center no-repeat;} #contentWarp{width:1000px; margin:0 auto;} #contentWarp #content{width:1000px; margin:0 auto; background:url(../images/content-bg.jpg) top right repeat-y;} #content .breadcrumb{width:699px; margin-right:84px; margin-left:203px; height:27px; border-bottom:#c6a455 1px solid; text-align:right; font-size:12px; color:#552d08; font-weight:bold; padding:25px 14px 0 0;} #content .breadcrumb a{color:#552d08; padding:0 10px;} #content .breadcrumb strong{color:#552d08; padding-left:10px;} /* ------------------------------------------------------------- 6. HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header{width:1000px; margin:0 auto; height:397px;} #header .logo{width:170px; position:absolute; padding-top:84px;z-index:1;} #header .topMenu{width:950px; text-align:right; height:120px; padding-right:50px;} /* === MENU DEFAULT SETTING === */ #header .mainNav{width:780px; height:53px; padding:0 50px 0 170px;} #header .mainNav ul{z-index:100;margin: 0;padding: 0;list-style-type: none;} #header .mainNav ul li{position: relative;display: inline;float: left;} #header .mainNav ul li a{text-decoration:none; height:53px; display:block;} #header .mainNav img{display:none;} /* Sub level menu*/ #header .mainNav ul li ul{position: absolute;left: 0;display: none;visibility: hidden; margin:0; padding:0;} #header .mainNav ul li ul li{display: list-item;float: none;} #header .mainNav ul li ul li a{margin: 0; height:13px;font-size:12px; font-weight:bold; color:#ffffff; padding:7px 0 7px 0; border-bottom:1px solid;} /*#header .mainNav ul li ul li a:hover{opacity: 10;filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}*/ #header .mainNav .nSpa li a{width:130px; padding-left:28px;} #header .mainNav .nSkin li a{width:130px; padding-left:18px;} #header .mainNav .nSig li a{width:170px; padding-left:18px;} #header .mainNav .nAbout li a{width:150px; padding-left:18px;} /* Holly Hack for IE \*/ * html #header .mainNav{height: 1%;} /*Holly Hack for IE7 and below*/ .ddshadow{position: absolute;} #header .mainNav ul li a.spa {width:65px; background:url(../images/but_spa.png) top no-repeat;} #header .mainNav ul li a.skin {width:59px; background:url(../images/but_skin.png) top no-repeat;} #header .mainNav ul li a.figure {width:110px; background:url(../images/but_slimming.png) top no-repeat;} #header .mainNav ul li a.salon {width:67px; background:url(../images/but_salon.png) top no-repeat;} #header .mainNav ul li a.bridal {width:70px; background:url(../images/but_bridal.png) top no-repeat;} #header .mainNav ul li a.signature {width:114px; background:url(../images/but_signature_line.png) top left no-repeat;} #header .mainNav ul li a.about {width:99px; background:url(../images/but_about_iosis.png) top left no-repeat;} #header .mainNav ul li a.packages {width:89px; background:url(../images/but_packages.png) top left no-repeat;} #header .mainNav ul li a.contact {width:107px; background:url(../images/but_contact_us.png) top left no-repeat;} #header .mainNav ul li a b{display:none;} #header .headerDiv {width:780px; height:224px; margin:0 50px 0 170px;} #header .headerDiv h1{display:none;} #header .leftMenu{width:156px; position:absolute; z-index:2; margin-top:223px; height:159px; padding:15px 7px 0 7px; font-size:12px; font-weight:bold; color:#ffffff; margin-left:30px;} #header .leftMenu p{text-align:right; padding:7px 17px 7px 0; border-bottom:1px solid;} /* ------------------------------------------------------------- 7. SPA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #spa #header .mainNav ul li a{background-color:#9c5458;} #spa #header .mainNav ul li a.selected, #spa #header .mainNav ul li a:hover, #spa #header .mainNav ul li a.spActive, #spa #header .mainNav ul li ul li a{background-color:#894044;} #spa #header .mainNav ul li ul li a{border-bottom-color:#9f4e52;} /* Bottom Border Color*/ #spa #header .mainNav ul li ul li a:hover{background-color:#823b3e;} /*Header Background*/ #spa #header .massages{background:url(../images/header_spa_massages.jpg) no-repeat;} #spa #header .leftMenu{background:#8f4549;} #spa #header .leftMenu p{border-bottom-color:#a4655a;} #spa #header .leftMenu p.last{border-bottom:none;} #spa #header .leftMenu p a{color:#ffde95;} #spa #header .leftMenu p a.active{color:#fff;} /* ------------------------------------------------------------- 8. FIGURE STYLING - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #figureStyle #header .mainNav ul li a{background-color:#5e8711;} #figureStyle #header .mainNav ul li a.selected, #figureStyle #header .mainNav ul li a:hover, #figureStyle #header .mainNav ul li a.fActive, #figureStyle #header .mainNav ul li ul li a{background-color:#416b06;} #figureStyle #header .mainNav ul li ul li a{border-bottom-color:#51840a;} /* Bottom Border Color*/ #figureStyle #header .mainNav ul li ul li a:hover{background-color:#335601;} /*Header Background*/ #figureStyle #header .figureStyle{background:url(../images/header_figure_syling.jpg) no-repeat;} #figureStyle #content {font-size:12px; color:#674103;} #figureStyle #content .msgIntro{width:700px; padding-left:220px; padding-right:80px; line-height:18px; padding-top:35px;} #figureStyle #content .msgIntro p{padding-bottom:10px;} #figureStyle #content .counselling{margin-top:40px; padding-left:220px; margin-right:50px; padding-bottom:10px;} #figureStyle #content .counselling h1{background:url(../images/bullet01.jpg) left no-repeat; padding-left:18px; font-size:12px; font-weight:bold;} #figureStyle #content .counselling ol{padding-left:70px;} #figureStyle #content .counselling ol li{padding-top:18px;} #figureStyle #content .counselling ol li strong{font-weight:normal; background:none; padding-left:15px;} #figureStyle #content .fsTips{padding-left:220px; padding-right:80px; padding-bottom:40px;line-height:18px;} #figureStyle #content .fsTips h1{background:url(../images/bullet01.jpg) 0px 2px no-repeat; padding-left:18px; font-size:12px; font-weight:bold; padding-bottom:12px;} #figureStyle #content .fsTips h2{background:url(../images/arrow01.jpg) 0px 6px no-repeat; padding-left:50px; font-size:12px; font-weight:bold; padding-bottom:12px;} #figureStyle #content .fsTips h3{background:url(../images/arrow02.gif) 0px 6px no-repeat; padding-left:15px; font-size:12px; font-weight:bold; padding-bottom:12px;} #figureStyle #content .fsTips p{padding-left:70px;padding-bottom:10px;} #figureStyle #content .img{padding-left:160px; background:url(../figure_styling/images/img02.jpg) 2px 100px no-repeat;} #figureStyle #content .img p{padding-left:15px;} #figureStyle #content .img .p{padding-left:320px;} /* ------------------------------------------------------------- 9. SKIN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #skin #header .mainNav ul li a{background-color:#e34205;} #skin #header .mainNav ul li a.selected, #skin #header .mainNav ul li a:hover, #skin #header .mainNav ul li a.skinActive, #skin #header .mainNav ul li ul li a{background-color:#d72301;} #skin #header .mainNav ul li ul li a{border-bottom-color:#e93c1b;} /* Bottom Border Color*/ #skin #header .mainNav ul li ul li a:hover{background-color:#c22103;} /*Header Background*/ #skin #header .basicSkin{background:url(../images/header_basic_skin.jpg) no-repeat;} #skin #header .leftMenu{background:#d72301;} #skin #header .leftMenu p{border-bottom-color:#dd4920;} #skin #header .leftMenu p.last{border-bottom:none;} #skin #header .leftMenu p a{color:#e4ae23;} #skin #header .leftMenu p a.active{color:#ffffff;} /* ------------------------------------------------------------- 10. SALON - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #salon #header .mainNav ul li a{background-color:#cb622f;} #salon #header .mainNav ul li a.selected, #salon #header .mainNav ul li a:hover, #salon #header .mainNav ul li a.sActive, #salon #header .mainNav ul li ul li a{background-color:#be4916;} #salon #header .mainNav ul li ul li a{border-bottom-color:#cf6a3f;} /* Bottom Border Color*/ #salon #header .mainNav ul li ul li a:hover{background-color:#b9420f;} /*Header Background*/ #salon #header .salonH{background:url(../images/header_salon.jpg) no-repeat;} #salon #content {font-size:12px; color:#674103;} #salon #content .salonText{width:712px; padding:35px 80px 20px 208px; line-height:18px;} #salon #content .salonIntro{width:720px; padding-left:200px; line-height:18px; padding-right:60px; padding-top:5px;} #salon #content .salonIntro h1{background:url(../images/bullet01.jpg) 0px 2px no-repeat; padding-left:18px; font-size:12px; font-weight:bold;} #salon #content .salonIntro div p{padding-left:35px;} #salon #content .salonIntro div.left, #salon #content .salonIntro div.left3{float:right; width:250px;padding-bottom:30px;} #salon #content .salonIntro div.left2{float:left; width:240px;padding-bottom:30px; clear:right; line-height:20px;} #salon #content .salonIntro div.left2 h1{padding-bottom:10px;} #salon #content .salonIntro div.left3 h2, #salon #content .salonIntro div.left2 h2 {background:url(../images/arrow01.jpg) left no-repeat; padding-left:48px;font-size:12px; font-weight:bold;} #salon #content .salonIntro div.left3 p{padding-left:65px;} /* ------------------------------------------------------------- 11. GIFT VOUCHERS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #gift #header .mainNav ul li a{background-color:#ee9700;} #gift #header .mainNav ul li a.selected, #gift #header .mainNav ul li a:hover, #gift #header .mainNav ul li a.active, #gift #header .mainNav ul li ul li a{background-color:#d58803;} #gift #header .mainNav ul li ul li a{border-bottom-color:#e5a538;} /* Bottom Border Color*/ #gift #header .mainNav ul li ul li a:hover{background-color:#c17c06;} /*Header Background*/ #gift #header .giftV{background:url(../images/header_gift_vouchers.jpg) no-repeat;} #gift #content {font-size:12px; color:#674103;} #gift #content .giftVouchers{width:700px; padding:35px 80px 35px 220px;line-height:18px; background:url(../gift_vouchers/images/img01.jpg) 594px 250px no-repeat;} #gift #content .giftVouchers p{padding-bottom:10px;} #gift #content .giftVouchers a{font-weight:bold; color:#752100;} #gift #content .giftVouchers .giftForm{height:300px;} /* ------------------------------------------------------------- 12. BRIDAL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #bridal #header .mainNav ul li a{background-color:#b52551;} #bridal #header .mainNav ul li a.selected, #bridal #header .mainNav ul li a:hover, #bridal #header .mainNav ul li a.bActive, #bridal #header .mainNav ul li ul li a{background-color:#a4153b;} #bridal #header .mainNav ul li ul li a{border-bottom-color:#c1345f;} /* Bottom Border Color*/ #bridal #header .mainNav ul li ul li a:hover{background-color:#8d0c2e;} /*Header Background*/ #bridal #header .bmp{background:url(../images/header_bridal.jpg) no-repeat;} #bridal #content {font-size:12px; color:#674103;} #bridal #content .bridalTip{width:710px; padding:35px 80px 0 210px; line-height:18px;} #bridal #content .bridalTip p.listB{padding-bottom:10px; padding-left:18px;background:url(../images/bullet01.jpg) 0px 2px no-repeat; } #bridal #content .bridalTip h1, #bridal #content .bridalTip strong.arrow {background:url(../images/bullet01.jpg) 0px 2px no-repeat; padding-left:18px; font-size:12px; font-weight:bold; padding-bottom:8px;} #bridal #content .bridalTip ul {padding-left:40px;} #bridal #content .bridalTip ul li{list-style:none; background:url(../images/arrow02.gif) left no-repeat; padding-left:15px;} #bridal #content .bridalTip p{padding-bottom:10px; padding-left:18px;} #bridal #content .makeUp {padding-top:20px; line-height:18px; padding-bottom:35px; padding:35px 80px 80px 200px; background:url(../bridal/images/img01.jpg) 765px 300px no-repeat} #bridal #content .makeUp h1{padding-left:18px; font-size:12px; font-weight:bold; padding-bottom:8px;} #bridal #content .makeUp p{padding-bottom:5px; background:url(../images/arrow01.jpg) 0 6px no-repeat; padding-left:48px;} #bridal #content .makeUp .tableM{margin-right:30px;} #bridal #content .makeUp .tableM td.title{padding:6px 0; text-align:center; text-transform:uppercase; color:#fff;} #bridal #content .makeUp .tableM td.name{padding:3px 0 3px 10px; color:#674103;} /* ------------------------------------------------------------- 13. ABOUT IOSIS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #about #header .mainNav ul li a{background-color:#d87a00;} #about #header .mainNav ul li a.selected, #about #header .mainNav ul li a:hover, #about #header .mainNav ul li a.aiActive, #about #header .mainNav ul li ul li a{background-color:#d06800;} #about #header .mainNav ul li ul li a{border-bottom-color:#e88a0f;} /* Bottom Border Color*/ #about #header .mainNav ul li ul li a:hover{background-color:#b85c00;} #about #header .leftMenu{background:#d06800;} #about #header .leftMenu p{border-bottom-color:#d8811f;padding:5px 17px 5px 0;} #about #header .leftMenu p.last{border-bottom:none;} #about #header .leftMenu p a{color:#d9a050;} #about #header .leftMenu p a.active{color:#ffffff;} /* ------------------------------------------------------------- 14. CONTACT US - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #contact #header .mainNav ul li a{background-color:#9a3c3c;} #contact #header .mainNav ul li a:hover, #contact #header .mainNav ul li a.cActive, #contact #header .mainNav ul li a.selected, #contact #header .mainNav ul li ul li a{background-color:#8d2e2e;} #contact #header .mainNav ul li ul li a{border-bottom-color:#9a3c3c;} /* Bottom Border Color*/ #contact #header .mainNav ul li ul li a:hover{background-color:#7e2121;} /*Header Background*/ #contact #header .contactH{background:url(../images/header_contactus.jpg) no-repeat;} #contact #content {font-size:12px; color:#674103;} #contact #content .add{width:720px; line-height:18px; padding:35px 80px 10px 200px;} * html #contact #content .add{padding-bottom:0;margin-bottom:0;} #contact #content .add .andheri{float:left; padding:10px 50px 10px 10px; border-right:#c6a455 1px solid;} #contact #content .add .khar{float:left; padding:10px 60px 10px 50px; border-right:#c6a455 1px solid;} #contact #content .add .ght{float:left; padding:10px 0px 10px 50px; width:200px;} #contact #content .add .email{float:left; padding:10px 0px 10px 10px; width:150px; height:150px;} #contact #content .add .email a{color:#d52705;} #contact #content .spaG{width:700px; line-height:18px; margin:0 50px 0 170px; background:#ebc97f; padding:10px 30px 10px 50px;} * html #contact #content .spaG{padding-bottom:0;} /* ------------------------------------------------------------- 15. CAREERS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #careers #header .mainNav ul li a{background-color:#d08027;} #careers #header .mainNav ul li a:hover, #careers #header .mainNav ul li a.selected, #careers #header .mainNav ul li ul li a {background-color:#b56b1a;} #careers #header .mainNav ul li ul li a{border-bottom-color:#9c5c15;} /* Bottom Border Color*/ #careers #header .mainNav ul li ul li a:hover{background-color:#9c5c15;} /*Header Background*/ #careers #header .careersH{background:url(../images/header_careers.jpg) no-repeat;} #careers #content {font-size:12px; color:#644606;} #careers #content .add{width:700px; padding-left:220px; padding-right:80px; line-height:18px; padding-top:35px;} #careers #content .add .input{background:#f7eaca; border:#f7eaca 1px solid; width:168px; height:20px;} #careers #content .add .input2{background:#f7eaca; border:#f7eaca 1px solid; width:250px;} #careers #content .add .input3{background:#f7eaca; border:#f7eaca 1px solid; width:168px;} #careers #content .bot{width:700px; margin-left:220px; margin-right:80px; line-height:18px; border-top:#d4b877 1px solid; padding-top:30px; padding-bottom:50px; text-align:center; font-weight:bold;} #careers #content .bot a{color:#d52705;} /* ------------------------------------------------------------- 16. COUNCEL CHAT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #chat #header .mainNav ul li a{background-color:#ef9701;} #chat #header .mainNav ul li a:hover, #chat #header .mainNav ul li a.selected, #chat #header .mainNav ul li ul li a {background-color:#e08d01;} #chat #header .mainNav ul li ul li a{border-bottom-color:#c57c02;} /* Bottom Border Color*/ #chat #header .mainNav ul li ul li a:hover{background-color:#c57c02;} /*Header Background*/ #chat #header .chatH{background:url(../images/header_councel_chat.jpg) no-repeat;} #chat #content {font-size:12px; color:#644606;} #chat #content .chat{width:730px; padding-left:220px; padding-right:50px; line-height:18px; padding-top:15px; padding-bottom:30px;} #chat #content .chat .chatD{float:left; width:460px; padding:10px 0;border-right:#d4b877 1px solid;} #chat #content .chat .chatD a{color:#644606;} #chat #content .chat .imgD{float:left;} /* ------------------------------------------------------------- 17. VENTURES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #careers #header .ventures{background:url(../images/header_venture.jpg) no-repeat;} #careers #content .add2{width:500px; padding-left:420px; padding-right:80px; line-height:18px; padding-top:35px; background:url(../contact/images/venturesimg.jpg) 28px 0 no-repeat;} #careers #content .add2 a{color:#d52705; padding-top:20px;}