/* CSS Document */

/*-----------------------------------------------
Melbourne Laser and Asthetic Services Styles
Date: January 2006
Designer: Evolution 7 
----------------------------------------------- */

/* GLOBAL
----------------------------------------------- */

body {background:url(../images/bg_tile.jpg) repeat-x #FFFFFF; font-size:11px; color:#555555; font-family:Arial, Helvetica, sans-serif; margin: 21px 0px 0px 0px;}
a {color:#837768}
H1 {padding:0px; margin:0px; display:inline; font-size:11px; color:#555555; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h3 {font-size:13px}

UL {margin:0px; padding:0px 0 15px 5px;}
UL LI {list-style-type:none; background:url(../images/bullet.gif) no-repeat 0px 7px; padding:2px 0 2px 10px;}


/* MAIN LAYOUT STYLES
----------------------------------------------- */

#main_container {width:764px; height:auto; text-align:left; margin-left:auto; margin-right:auto;}
#topnav_container {width:764px; height:25px;}
#top_nav_block {float:left; width:282px; height:25px;}
#top_nav_block DIV {float:left; margin:0px; width:auto; height:auto;}

#middle_container {float:left;}

.topleft_corn {float:left; background:url(../images/top_left_corn.gif) no-repeat; width:10px; height:25px;}
.top_tile {float:left; background:url(../images/top_tile.gif) repeat-x; width:459px; height:25px;}
.nav_left {float:left; background:url(../images/left_top_nav.gif); width:5px; height:25px;}
.topright_corn {float:left; background:url(../images/top_right_corn.gif) no-repeat; width:8px; height:25px;}

#body_container {width:764px; height:auto;}
.leftside_grad {float:left; background:url(../images/left_side.gif) no-repeat; width:10px; height:617px;}
.body_block {float:left; width:764px; height:auto; background:url(../images/body_bg.gif) repeat-y;}
.rightside_grad {float:right; background:url(../images/right_side.gif) no-repeat; width:8px; height:617px;}

.topbanner_container {float:left; width:742px; height:191px; border:2px solid #FFF;}
.logo_block {float:left; width:275px; height:191px; background:#E2D9CB; margin: 0 2px 0 0;}

.section_block {float:left; width:121px; height:191px; background:#96B4B1; margin: 0 2px 0 0;}
.section_pad {float:right; width:30px; height:191px; padding: 0 13px 0 0;}

.img_block {float:left; width:342px; height:191px;}

.logo_pad {margin: 75px 0 0 32px; width:207px; height:43px;}

.header_panel {float:left; background:#F1EFEC; width:742px; height:48px; border-top:2px; border-left:2px solid #FFF; border-right:2px solid #FFF; border-bottom:2px solid #FFF;}
.header_pad {text-align:right; padding: 12px 17px 0 0;}

.nav_select {float:left; padding:12px 0 0 10px;}
.nav_select select {width:267px; background-color:#faf8f5; color:#868178; border:#d8d6d3 1px solid; font-size:11px; padding:1px 0}

#subnav_container {float:left; width:206px; height:700px; border-left:2px solid #FFF; padding: 25px 0 0 0;}
#content_container {margin: 0 0 0 201px; text-align:left; width:533px; background:#FFFFFF;}

#footer_container {float:left; width:742px; height:79px; background:#F1EFEC; border-bottom:2px solid #FFF; border-top:2px solid #FFF; border-left:2px solid #FFF;}

#footer_grad {width:764px; height:14px;}
.botleft_corn {float:left; background:url(../images/botleft_corn.gif) no-repeat; width:10px; height:14px;}
.bot_grad {float:left; background:url(../images/bot_grad.gif) repeat-x; width:746px; height:14px;}
.botright_corn {float:left; background:url(../images/botright_corn.gif) no-repeat; width:8px; height:14px;}

#end_container {padding: 2px 14px 15px 14px;}

/* SUBNAV
----------------------------------------------- */
.subnav {width:199px;}
.details_container {width:140px; height:100px; margin: 21px 0 0 20px;}
.details_block {float:left; margin: 0 0 16px 0; height:auto;}
.details_img {float:left; width:10px; height:10px; margin: 2px 4px 0 0;}
.details_txt {float:left; width:125px; color:#8DB5B1; font-size:11px;}
.details_txt SPAN {color:#6A9C97;}

.subnav_divider {float:left; margin: 7px 0 0 0;}
.height_push {float:left; width:1px; height:214px;}


/* CONTENT
----------------------------------------------- */
.content_block {float:left; padding: 38px 0 0 48px; width:435px;}

.pullout_txt {font-size:14px; color:#6A9C97; margin: 0 0 17px 0;}
.pullout_txt H2 {font-size:14px; color:#6A9C97; margin: 0 0 17px 0; font-weight:normal;}

.content_divider {width:425px; height:1px; background:url(../images/divider_tile.gif) repeat-x; padding:0 0 17px 0;}
.content_divider_bot {width:425px; height:1px; background:url(../images/divider_tile.gif) repeat-x; margin:17px 0 17px 0;}

.subheader {font-weight:bold; font-size:12px; color:#6A9C97; padding: 0 0 5px 0;}

.voucher {padding:65px 0 0 0; text-align:left; width:auto;}

.feature-img {float:right; width:173px; height:173px; padding:0 0 10px 10px;}
.befaft-img {float:left; width:173px; height:173px; padding:0 20px 0 0;}
.befaft-text {float:left; width:173px; height:20px; padding:0 20px 0 10px;}

/* Enquiry Form
----------------------------------------------- */

#form1 {width:300px; height:28px; padding-bottom:0px;}
#form1 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:right; width:52px;}
#form_text {width:300px; height:25px; padding:2px 0 0 0px;}
#form_text #tellUs {float:left; font-size:12px; font-weight:bold; color:#6A9C97;}
#form_text #tellUs2 {float:left; font-weight:bold; color:#6A9C97; padding-left:60px; font-size:10px; }
#form1 DIV #textfield { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:200px; height:16px;}
#form1 DIV #textarea {float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:200px; height:50px;}

#form2 {width:300px; height:62px;}
#form2 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:right; width:52px;}
#form2 DIV #textfield { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:200px; height:16px;}
#enq_span, #enq_div, #enq_sub {float:left;}
#enq_sub {padding-left:20px; margin-top:17px; width:70px;}

#form3 {width:487px; height:34px;}
#form3 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:left; width:56px;}
#form3 DIV SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:right; width:85px;}
#form3 DIV #textfield {float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:127px; height:16px;}

#form4 {width:487px; height:34px; padding: 15px 0 10px 0;}
#form4 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:left; width:53px;}
#form4 DIV #textfield {float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:353px; height:16px;}

#form5 {width:487px; height:60px;}
#form5 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:left; width:150px;}
#form5 DIV #textarea {float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:259px; height:60px;}

#form7 {width:400px; height:34px;}
#form7 SPAN {float:left; font-size:12px; font-weight:bold; color:#6A9C97; padding: 2px 8px 0 0; text-align:right; width:95px;}
#form7 DIV #textfield { float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:200px; height:16px;}
#form7 DIV #textarea {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:200px; height:50px;}
#form7 DIV #select {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #B5CAC8; text-indent:3px; background:#F1F7F6; color:#555555; padding: 3px 2px 1px 2px; width:205px;}

.submit_but {float:left; width:267px; padding: 17px 0 0 0; text-align:right; height:36px;}
.submit_but2 {float:left; width:424px; padding: 17px 0 0 0; text-align:right; height:36px;}

.error_txt {color:#660707;}


/* FOOTER
----------------------------------------------- */
.footer_block {padding: 7px 0 7px 55px; height:49px;}
.footer_column {float:left; width:150px; font-size:9px; color:#CBC6BF; padding: 0 0 0 25px;}
.footer_column a {color:#CBC6BF; text-decoration:none;}
.footer_column a:hover {color:#FFFFFF; background:#CBC6BF; text-decoration:none;}

.footer_column2 {float:left; width:120px; font-size:9px; color:#CBC6BF; padding: 0 0 0 25px;}
.footer_column2 a {color:#CBC6BF; text-decoration:none;}
.footer_column2 a:hover {color:#FFFFFF; background:#CBC6BF; text-decoration:none;}

.footer_divider {float:left; width:1px; height:49px; background:url(../images/footer_divider.gif) no-repeat;}


.copyright {float:left; width:171px;}

.e7_block {float:right;}
.e7link {float:left; font-size:9px; width:200px; text-align:right; color:#B2D1CE}
.e7link a {color:#B2D1CE; text-decoration:none;}
.e7link a:hover {color:#FFFFFF; text-decoration:none; background:#B2D1CE;}

.e7logo {float:left; padding:0 0 0 6px;}