@charset "utf-8";
html { overflow:auto; height:100%; }
body { height:100%; background:#fff9e3; color:#80624e; cursor:default; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration:none; color:#241c16; outline:none; }
a:hover { color:#a08772; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; font-size:0; line-height:0; }
h1, h2, h3, h4 { margin:0; padding:0; }
h2 { color:#735946; font-size:22px; font-weight:100; }
.main { width:800px; margin:auto; }
.header { overflow:hidden; background:#a28973; }
.header h1 { float:left; display:inline; margin:0px 0 10px 0; }
.header h1 a { display:inline-block; background:url(../images/logo.gif) no-repeat top left; width:206px; height:79px; }
.header h1 a span, .header h3 span { display:none; }
.header a.aveda { background:url(../images/avedaLogo.gif) no-repeat top right; float:right; display:inline; width:151px; height:74px; text-decoration:none; outline:none; border:none; margin-right:15px; }
.header a.aveda span { display:none; }
.mainNav { clear:both; margin:0; padding:5px; height:37px; background:url(../images/navBg.gif) repeat-x top left; overflow:hidden; }
.mainNav li { margin:0; padding:0; list-style:none; }
.mainNav li, .mainNav li a { float:left; display:inline; }
.mainNav li a { text-transform:lowercase; color:#fff; padding:8px; border:1px solid #7e6043; border-width:0 1px 1px 0; }
.mainNav li a:hover, .mainNav li a.current { color:#fff; border-width:0 1px 3px 0; border-bottom-color:#ffebd6; }
.mainNav li.last a { border-width:0 0 1px 0; }
.mainNav li.last a:hover, .mainNav li.last a.current { border-width:0 0 3px 0; }
.content { clear:both; border:2px solid #908a83; border-collapse:separate; border-width:0 2px 2px 2px; }
a.contentLink { color:#a38a74!important; }
a.contentLink:hover { color:#976c45 Important; }
.leftPane { padding:13px 12px 13px 13px; height:431px;  }/*Total width with LHS and RHS paddinf is 555px;*/
.rightPane { padding:13px 12px 13px 0px;  height:431px; }/*Total width with LHS and RHS paddinf is 555px;*/
.inner .leftPane { padding:13px 0px 13px 13px;  }/*Total width with LHS and RHS paddinf is 555px;*/
.inner .rightPane { padding:13px 13px 13px 9px; }/*Total width with LHS and RHS paddinf is 241px;*/
.box {  margin:0 0 14px 0; }
.box.last { margin:0; }
.pageImage { border:1px solid #976c55; width:325px; text-align:center; }
.contactBanner { background:url(../images/hair.jpg) no-repeat; height:224px; width:218px; display:block }
.box a.contactBanner strong { font-size:13px; color:#ffebd6; }
.box a.contactBanner span.telephone { clear:both; color:#fff; padding-top:34px; padding-left:7px; display:block; }
.box a.contactBanner p { margin:0; color:#fff; padding:0px 0 0 0; margin:0px 0 0 7px; line-height:12px !important; }
.box a.contactBanner span.contactEmail { color:#fff; text-decoration:none; margin:5px 0 0 7px; display:block; font-size:11px; }
.box a.contactBanner table { margin:1px 0 0 3px; }
.box a.contactBanner table tr td { margin:0; padding:0; cellspacing:0; cellpadding:0; color:#fff; line-height:12px; }
/*By amarp*/
.footer { clear:both; font-size:11px; padding:5px; }
.footer a { text-decoration:none; color:#735946; }
.footer a:hover { color:#222; }
.scroll-pane h3 { color:#735946; font-size:15px; font-weight:100; padding:10px 0; text-transform:capitalize !important; }
.scroll-pane h3.email { text-transform:none !important; }
.scroll-pane h2 { padding-bottom:10px; font-size:17px; text-transform:uppercase !important; border-bottom:1px solid #735946; }
.scroll-pane h3 a:hover { color:#fff; font-size:17px; font-weight:100; padding:0 0 10px; }
.map { border:1px solid #000; width:425px; height:350px; }
.hr { border-bottom:1px solid #735946; }
ul.sitemap { margin:0; padding:0; }
ul.sitemap li { background:url(../images/bullet.gif) no-repeat left; display:block; margin:10px 0 10px 50px; padding:0 0 0 20px; font-size:14px; }
ul.sitemap li a { text-decoration:none; color:#a08772; text-transform:lowercase; }
ul.sitemap li a:hover { color:#735946; }
#contact { font-family:Verdana, Arial, Helvetica, sans-serif; }
#contact h2 { margin-bottom:10px; }
#contact address { font-size:14px; font-style:normal; }
#contact h3 { padding:2px; font-size:14px; }
#contact h3 a { color:#80624d; font-size:14px; text-transform:lowercase; }
#contact h3 a:hover { color:#976c55; font-size:14px; }
#contact table.officeTimings, table.officeTimings tr { margin:30px 0; border:1px solid #976c55; }

