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:#fff url(../images/bg.jpg) repeat-x; text-align:center; font-family:Arial; } a, a:link, a:active { color: #000; } a:hover { color:#4A6F6A; text-decoration:none; } .mainContanier { width:733px; text-align:left; margin:auto;border-top:0px; background:#FFF; padding:0 10px; z-index:1} h4 {font-family:arial; font-size:13px; font-weight:bold; color: blue;} .top{width:733px; height:43px;background:url(../images/top.png) no-repeat;position:relative} .header{width:733px; height:249px; position:relative;background:url(../images/headerMedia.jpg) no-repeat; z-index:3;} .header2{width:733px; height:368px; position:relative;} *html .header2{width:733px; height:300px; position:relative;} .content{padding:24px 0 0 0; background:#fff url(../images/content.png) repeat-x; z-index:1;} .content2{min-height:640px; padding:1px 0; background:#fff} *html .content2{height:640px; background:#fff; position:relative; top:-3px;} .contentL{ width:426px; float:left; padding:10px;} .contentR{ width:278px;float:left; z-index:1;} .mainLinkSet{ padding:38px 0 0 0;background:url(../images/our_procedures.gif) no-repeat;} .mainLinkSet a{ width:300px;height:18px; padding:0 0 0 18px; display:block;color:#142a4e; font-size:13px; text-decoration:none;background:url(../images/arrow.gif) no-repeat 0 2px; font-weight:bold} .mainLinkSet a:hover{color:#09F;} .location{padding:26px 0 0 4px;background:url(../images/our_location.gif) no-repeat;} #contact_header {background-image:url(../images/contactHeader.png); height:60px; z-index:1;} #contact_content { background-image:url(../images/contactContent.png); color:#FFFFFF;} .footer{ padding:14px 0 30px 0;font-size:10px; text-align:center;color:#142a4e;} .form_bottom{ width:285px; height:42px;background-image:url(../images/contactFooter.png);} .footer { width:734px;height:10px;padding:50px 0x;margin:auto;background-image:url(../images/footer.png); text-align:center } .footer img { margin-top:9px; margin-bottom:-16px } .footer a { color:#72bbe3; text-decoration:none; font-size:10px; margin:7px; line-height:24px; } .footer a:hover { color:#fcf06f;} .copyRight{ padding:8px 0 0 0;font-size:10px; color:#142a4e;} /**************************************************************************************************************************** * Form objects >> ****************************************************************************************************************************/ #form { width:240px; margin:0; font-size:12px; font-weight: inherit; padding:0 0 0 0px } #form br { height:16px; font-size:8px } #formCont1 { width:250px; margin:6px 0 0 0 } #fTitle1 { float:left; padding:3px 0 0 0; width:104px } #fTitle3{ float:left; padding:3px 0 0 0; width:104px } #fInput1 { float:right; width:146px } .input1 { background-color:#FFFFFF; border:1px solid #7b838c; boder-top:0px; height:20px; width:142px } .input2 { background-color:#FFFFFF; border:1px solid #7b838c; boder-top:0px; height:17px; width:72px } .input3 { background-color:#FFFFFF; border:1px solid #7b838c; boder-top:0px; height:17px; width:36px } #fTitle2 { float:right; padding:3px 10px 0 0; text-align:right; width:90px } #fTitle2-2 { float:right; padding:3px 16px 0 0; text-align:right; width:94px } #fInput2 { float:right; width:76px } #radioCont { padding:6px 0 0 0; } #radio1 { float:left; width:80px; height:18px } #radio2 { float:left; width:110px; height:18px } #checkBox { padding:10px 0 0 0; } #buttonCont { text-align:center; padding:6px 0 0 0; height:40px; } #more { text-align:center; padding:0; } #more a { text-decoration:underline; color:#0a79e7 } #more a:hover { text-decoration:none; color:#1b69b7 } .textArea { border:1px inset #000088; font-family:Sans-serif; height:66px; line-height:normal; padding-left:3px; width:229px; margin:4px 0 0 0; overflow: auto; font-size:11px; background-color:#FFFFFF;} .header_border {border-left:7px solid #FFFFFF ; border-right:7px solid #FFFFFF ;} #table19 {margin:0px; top:-31px; position:relative;} *html #table19 {margin:0px; top:-80px; position:relative;} #formMain { padding:0px 0px 0px 10px; width:258px;} /*#form_bottom{ height:}*/ /**************************************************************************************************************************** * quick contact form >> css ****************************************************************************************************************************/ .quickForm{ padding:10px} .mod2{width:186px; margin:auto} .form{width:190px;font-size:11px;color:#666666;padding:15px 0 0;} .qcButton{width:98px; height:30px;margin:auto; margin-top:10px} .textfield {width:120px;height:12px;padding:3px 8px;margin:3px;border:0;border:1px solid #000; background:transparent url(../images/value.png)} .form input.btnSubmit {width:58px; height:25px; background:#E5E5DD url(../images/value.png) no-repeat;} .form input.btnSubmit:hover {background:#C9C9C2 url(../images/btnSubmit.png) no-repeat 0 -25px;} .txtArea{width:119px;height:23px;padding:8px;margin:3px; border:1px solid #000;background:#E5E5DD url(../images/value2.png) no-repeat;} label {width:70px;margin:4px 0 0;text-align:right;} fieldset {border:0 solid #FFFFFF; width:188px;} fieldset > .txtArea{OVERFLOW: auto;} fieldset > input.textfield { background:transparent url(../images/inputBox.png)} /**************************************************************************************************************************** * font Adjust >> css ****************************************************************************************************************************/ .fontCont{ width:175px; height:21px; position:absolute; background:url(../images/font.png) no-repeat; left: 491px; top: 26px; } .fontCont2{ width:175px; height:21px; position:absolute; background:url(../images/font.png) no-repeat; left: 497px; top: 0px; } a.fontSizeMenu_1 { width:19px; height:18px; position:absolute; display:block; background:url(../images/font.png) no-repeat -135px -3px; font-size:8px; left: 135px; top: 3px; } a.fontSizeMenu_1:hover {background-position:-135px -23px} a.fontSizeMenu_2 { width:19px; height:18px; position:absolute; display:block; background:url(../images/font.png) no-repeat -157px -3px; font-size:8px; left: 157px; top: 3px; } a.fontSizeMenu_2:hover {background-position:-157px -23px} .tableBorder { border-left:solid;border-left-color:#FFFFFF; border-left-width:thin; border-right:solid;border-right-color:#FFFFFF; border-right-width:thin; } #contact_button {position:relative;} #headerCont {position:relative;} #contactCont { position:absolute; top:10px; left:419px; width:115px; height:27px; } a#contact_button, #contact_button span, span.contact_button_span { display:block; position:relative; width:115px; height:27px; overflow:hidden; padding-left:8px;} a#contact_button span, span.contact_button_span { position:absolute; left:0px; top:0; background:url(images/contact_button.png) left top no-repeat; } a#contact_button:hover span, span.contact_button_span_oo { background-position:left bottom; } #contactCont2 {position:absolute; top:8px; left:407px; width:115px; height:27px;} a#contact_button2, #contact_button2 span, span.contact_button2_span { display:block; position:relative; width:115px; height:27px; overflow:hidden; padding-left:8px;} a#contact_button2 span, span.contact_button2_span { position:absolute; left:0px; top:0; background:url(images/contact_button.png) left top no-repeat; } a#contact_button2:hover span, span.contact_button2_span_oo { background-position:left bottom; } #map_button, #map_button span, span.map_button_span { display:block; position:relative; width:266px; height:50px; overflow:hidden; } #map_button span, span.map_button_span { position:absolute; left:0; top:0; background:url(images/map_button.png) left top no-repeat; } #map_button:hover span, span.map_button_span_oo { background-position:left bottom; } /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu6Cont { width:150px; height:39px; position: absolute; left:788px; top: 14px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:196px; height:75px;overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -67px;} a#menu1:hover span, span.menu1_span_oo { background-position:-196px -67px; cursor:pointer} #map_button, #map_button span, span.map_button_span { display:block; position:relative; width:266px; height:50px; overflow:hidden; } #map_button span, span.map_button_span { position:absolute; left:0; top:0; background:url(../images/map_button.png) left top no-repeat; } #map_button:hover span, span.map_button_span_oo { background-position:left bottom; } div.contentL2 blockquote,div.contentL2 ul,div.contentL2 ol,div.content2 dl {margin:1em;} div.contentL2 ol,div.contentL2 ul,div.contentL2 dl {margin-left:2em;} div.contentL2 ul li {list-style: disc outside;} div.contentL2 ol li {list-style: decimal outside;} div.contentL2 li {margin:0.5em 0; } div.contentL2 dl dd {margin-left:1em;} /*****************************************************************************Secondary Pages***********************************************/ .contentL2{ width:531px; float:left; padding:10px;} .contentR2{ width:173px;float:left} /************Callouts**************/ #callout1Cont {width:173px; height:152px;} #callout1L { background-image:url(../images/weston_callouts_left.jpg); width:10px; height:152px; float:left;} #callout1Content { background-image:url(../images/weston_callouts1_content.jpg); width:153px; height:152px; float:left;} #callout1R { background-image:url(../images/weston_callouts1_right.jpg); width:10px; height:152px; float:left;} #callout2Cont {width:173px; height:255px;} #callout2L { background-image:url(../images/weston_callouts2_left.jpg); width:10px; height:255px; float:left;} #callout2Content { background-image:url(../images/weston_callouts2_content.jpg); width:153px; height:255px; float:left;} #callout2R { background-image:url(../images/weston_callouts2_right.jpg); width:10px; height:255px; float:left;} #callout3Cont {width:173px; height:184px;} #callout3L { background-image:url(../images/weston_callouts3_left.jpg); width:10px; height:184px; float:left;} #callout3Content { background-image:url(../images/weston_callouts3_content.jpg); width:153px; height:184px; float:left;} #callout3R { background-image:url(../images/weston_callouts3_right.jpg); width:10px; height:184px; float:left;} #callout4Cont {width:173px; height:1045px;} #callout4Content { background-image:url(../images/westonTestimonialsBg.png); width:172px; height:1045px; float:left; position:relative;} .txtmutalaya { width:155px; height:95px; position:absolute; top:151px; left:15px; font-size:11px; } .txtnina { width:155px; height:95px; position:absolute; top:450px; left:15px; font-size:11px; } .txtbarbette { width:155px; height:75px; position:absolute; top:696px; left:15px; font-size:11px; } .txtseth { width:155px; height:85px; position:absolute; top:959px; left:15px; font-size:11px; } /************Callouts**************/ /************Replacement**************/ #replace1Cont{ position:relative; z-index:1} #replace1 {width:172px; height:47px;background:url(../images/replace1.png) 0 0; margin:0 0 0 30px; z-index:1;} #replace2 {width:133px; height:19px;position:relative; overflow:hidden; top:7px;} #replace2 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -22px} #replace3 {width:68px; height:19px;position:relative; overflow:hidden; top:7px;} #replace3 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -41px} #replace4Cont { width:161px; height:27px; position:relative; left:21px; top:12px; z-index:1;} #replace4 {width:172px; height:47px;position:relative; overflow:hidden; z-index:1;} #replace4 span, span.replace4 { position:absolute; top:0; left:0px; width:172px; height:40px;background:url(../images/replace1.png) 0 0; z-index:1;} #replace5 {width:133px; height:21px;position:relative; overflow:hidden; } #replace5 span, span.replace5 { position:absolute; top:0; left:0px;width:133px; height:21px;background:url(../images/replaceSet1.png) 0 0; margin:2px 0 0 2px;} /************Replacement**************/ /************Buttons**************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:114px; height:32px;overflow:hidden; top:2px;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0px;} a#menu1:hover span, span.menu1_span_oo {background-position:-114px 0;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:152px; height:36px; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -32px;} a#menu2:hover span, span.menu2_span_oo {background-position:-152px -32px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:152px; height:36px; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -68px;} a#menu3:hover span, span.menu3_span_oo {background-position:-152px -68px;cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:152px; height:36px; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -104px;} a#menu4:hover span, span.menu4_span_oo {background-position:-152px -104px;cursor:pointer} /************Buttons**************/ /************Forms**************/ .form{font-size:11px;color:#666666;padding:15px 0 0; width:70px;} .qcButton{width:141px; height:40px; margin:3px 0 0 21px;} .textfield {width:130px;height:15px;padding:3px 8px;margin:3px;border:0;border:1px solid #000;background:#F1F1F1} .txtArea{width:130px;height:32px;padding:8px;margin:3px;border:1px solid #000;background:#F1F1F1} label {width:70px;margin:4px 0 0;text-align:right;} fieldset {border:0 solid #FFFFFF; width:70px;} fieldset > .txtArea{OVERFLOW: auto;} fieldset > input.textfield { background:#d2f299 } *html .textfield {width:130px;height:15px;padding:3px 8px; margin:0 0 3px 0;border:0;border:1px solid #000;background:#F1F1F1} *html .txtArea{width:130px;height:32px;padding:8px;margin:0 0 3px 0;border:1px solid #000;background:#F1F1F1} *html label {width:70px;margin:0 0 4px 0;text-align:right;} *html .qcButton{width:141px; height:40px; margin:2px 0 0 12px;} /************Forms**************/ /*****************************************************************************Secondary Pages***********************************************/ #headerBtnCont {padding:116px 0 0 440px;} a#header_btn, #header_btn span, span.header_btn_span { display:block; position:relative; width:277px; height:82px; overflow:hidden;} a#header_btn span, span.header_btn_span { position:absolute; left:0; top:0; background:url(../images/new_header_btn.png) left top no-repeat;} a#header_btn:hover span, span.header_btn_span_oo { background-position:left bottom; } a#directions_btn, #directions_btn span, span.directions_btn_span { display:block; position:relative; width:269px; height:50px; overflow:hidden; } a#directions_btn span, span.directions_btn_span { position:absolute; left:0; top:0; background:url(../images/directions_btn.jpg) left top no-repeat; } a#directions_btn:hover span, span.directions_btn_span_oo { background-position:left bottom; } a#locations_btn, #locations_btn span, span.locations_btn_span { display:block; position:relative; width:211px; height:41px; overflow:hidden; } a#locations_btn span, span.locations_btn_span { position:absolute; left:0; top:0; background:url(../images/our_locations_btn.jpg) left top no-repeat; } a#locations_btn:hover span, span.locations_btn_span_oo { background-position:left bottom; }