/* ----- Master Style Sheet for Mello Maid ----- */
/* ----- Author: Mang Creative - 0845 33 12 987  ----- */
/* ----- Year : 2008 ----------------- */
/* ----- Comment : All rights reserved by Mang Creative ----------------- */
/* ----- CSS Document -----*/

body { background: url(http://www.mellomaid.com/Images/Background/short_bg.jpg) center top repeat-x; font: 75%/140% Arial, Helvetica, Verdana, Tahoma, sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: relative; margin-right: auto; margin-left: auto; width: 980px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

/************** header styles *****************/

#header { width: 100%; height: 80px; margin: 12px 0 0 0; }
#header-left { width: 45%; float: left; }
#header-right { width: 45%; float: right; text-align: right; margin: 20px 0 0 0; }
a.header-text-underline { font-size: 100%; font-weight: bold; color: #fff; text-decoration: none; border-bottom :1px dotted #fff;  }
a.header-text-white { font-size: 100%; font-weight: bold; color: #fff; text-decoration: none; }
a.header-text-white:hover { text-decoration: underline; }
.header-text-grey { font-size: 100%; font-weight: normal; color: #cecece; }

#header-list { margin: 0 auto; padding: 0 auto; margin-bottom: 5px; margin-top: 5px; }
#header-list li { margin-left: -25px; padding: 0 auto; line-height: 1.75em; list-style-type: square; }
* html #header-list { margin-top: -5px; margin-bottom: 0; padding: 0; }
* html #header-list li { margin-left: 25px; padding: 0 auto; line-height: 1.75em; list-style-type: square; }

/************** menu styles *****************/

#menu { background: #02356A; width: 100%; height: 30px; float: right; text-align: right; }

/************** content styles *****************/

#content { background: #fff; width: 100%; }

#content-full { width:100%; left:0%; clear:both; float:left; overflow:hidden; position:relative; background:#fff; padding: 0 0 10px 0; }

#main-1 { margin:10px 0 0 0; padding:0; background: #fff; width: 100%; }

#content-left { float: left; width: 275px; margin: 0; padding: 0px; font-size: 100%; border-right: 1px solid #999; }
#content-left-full { float: left; width: 680px; border-right: 1px solid #999; }
#content-right { float: right; width:275px; margin: 0; padding: 0;  font-size: 100%; border-left: 1px solid #666; }
#content-right-full { margin: 15px 0 0 15px; float: left; width: 253px; height: 1%; }
#content-middle { margin:0 300px; font-size: 100%; background: #9ECE5C; }


.page-option { color: #333; padding: 5px 8px 0 8px; background: #fff; border-left: 1px solid #CBCBC9; border-right: 1px solid #CBCBC9; }
.page-option:hover { color: #000; }
.page-options { padding: 8px; background: #fff; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; }

.content { font-size: 100%; line-height: 1.65em; }
.content-pad { font-size: 100%; margin: 15px; line-height: 1.7em; }

a.content { color: #02356A; text-decoration: none; }
a.content:hover { text-decoration: underline; }

h2 { font-size: 125%; font-weight: bold; color: #02356A; } 
h3 { font-size: 170%; font-weight: bold; color: #333; margin: 0; padding: 5px 0 5px 0; } 
h4 { font-size: 115%; font-weight: bold; color: #333; margin: 0 auto; padding: 0 auto; margin-bottom: 5px; } 

#navlist li a { color: #02356A; text-decoration: none; }
#navlist li a:hover { text-decoration: underline; }

#bullet-list { margin: 0 auto; }
#bullet-list li { margin-left: -20px; font-size: 95%; line-height: 1.75em; }
* html #bullet-list li { margin-left: 20px; font-size: 95%; line-height: 1.75em; }

/************** features styles *****************/

.customer-login { background: url(http://www.mellomaid.com/Images/Background/customer-login.gif) left top no-repeat; font-size: 100%; margin: 0 10px 10px 10px;  line-height: 2.1em; }
.feedback { background: url(http://www.mellomaid.com/Images/Features/feedback-right.jpg) left top no-repeat; font-size: 100%; margin: 15px 0 0 0;  line-height: 2.1em; }
.welcome-new { font-size: 100%; padding: 35px 15px 15px 15px;  line-height: 2.1em; color: #fff; }
.welcome {  background: url(http://www.mellomaid.com/Images/Features/welcome.jpg) left top repeat-x; font-size: 100%; margin: 0 10px 10px 10px; line-height: 2.1em; }


/************** local styles *****************/

#content-right-next { margin:0 20px 0 705px; width: 250px; font-size: 100%; background: #e8e8e8; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.content-right-next { margin: 15px; }
.content-right-next-title { font-size: 125%; color: #333; font-weight: bold; margin: 0 0 10px 0; }

.2nd-menu { margin: 5px 0 5px 0; }

/************** ope content styles *****************/

.dhtmlgoodies_question{	color:#00214A; font-size:1em; font-weight: bold; margin-bottom:2px; margin-top:2px;	padding-left:2px; background-repeat:no-repeat; background-position:top right; height:25px; overflow:hidden; cursor:pointer; }
.dhtmlgoodies_question:hover { text-decoration: underline; }
.dhtmlgoodies_answer{ border:1px solid #00214A; background-color:#fff; width:640px; color: #000; line-height: 1.6em; visibility:hidden; height:0px; overflow:hidden; position:relative; }
.dhtmlgoodies_answer_content { padding:10px; margin: 0 0 15px 0; font-size: 1em; position:relative; }

/************** form styles *****************/

.select-town { margin: 5px 0 5px 0; padding: 0; width: 350px; font-size: 130%; height: 1.7em; }
.error { color: #f00; font-weight: bold; }
.text-box { width: 150px; border: 1px solid #999; height: 1.5em; }
.text-box:hover { border: 1px solid #333;}
.text-area { width: 150px; height: 75px; font: 100% Arial, Helvetica, Verdana, Tahoma, sans-serif; }
.hr-book { color: #cecece; }
.table { border: 0; width: 100%; }
.table-tr { height: 25px; }

.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { background: url(../Images/Buttons/form-valid.png) right no-repeat; background-position: 0 10px 0 0; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { background: url(../Images/Buttons/form-invalid.png) right no-repeat; }

.booking-form { margin: 0 auto; padding: 0 auto; }
#booking-form fieldset { margin: 0 0 15px; 0; }
#booking-form .text-box { width: 250px; border: 1px solid #999; height: 1.5em; }
#booking-form .text-box:hover { border: 1px solid #333;}
#booking-form .text-select { width: 252px; border: 1px solid #999; height: 1.7em; }
#booking-form .text-select:hover { border: 1px solid #333;}
#booking-form .text-postcode { width: 60px; border: 1px solid #999; height: 1.5em; }
#booking-form .text-postcode:hover { border: 1px solid #333;}

#select-town { padding: 25px 0 5px 22px; }
.select-town { margin: -5px 0 0 0; width: 150px; font-size: 150%; padding: 3px; font-weight: normal; height: 21px; }
* html .select-button { margin: 0; padding: 0; } 
.homepage-error { color: #fff; font-weight: bold; }
.homepage-postcode { color: #fff; font-weight: bold; font-size: 110%; }

/************** table styles *****************/

.table-book { width: 99%; border-spacing: 0; margin: 0 auto; padding: 0 auto; }
.td-book { width: 80px; color: #333; height: 30px; }
.td-book-button { width: 142px; height: 27px; margin: 0 0 0 10px; padding: 0; }
.td-book-textfield { width: 110px; border: solid 1px #999; padding: 2px 25px 2px 2px; }
.td-pageoption { width: 35px; height: 30px;}
.td-pageoption-2 { width: 75px; }

#account-cleans { width: 100%; padding: 0; margin: 0; }
#account-cleans .header { background: url(http://www.mellomaid.com/Images/Background/account-clean.jpg) left top; width: 650px; height: 35px; }
#account-cleans .header a { color: #000; text-decoration: none; padding: 0 0 0 15px; background: url(http://www.mellomaid.com/Images/Misc/arrow-down.png) left top no-repeat; }

#account-cleans .tr-top { background: url(http://www.mellomaid.com/Images/Background/account-clean-mid.jpg) left top repeat-x; }
#account-cleans .tr-top:hover { background: url(http://www.mellomaid.com/Images/Background/account-clean-mid2.jpg) left top repeat-x; }
#account-cleans .tr-bottom { height: 10px; background: url(http://www.mellomaid.com/Images/Background/account-clean-bottom.jpg) left top repeat-x;}

/************** more styles *****************/

.holder {width:96%; padding:0 1em 1em 1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#fff; text-decoration:none; outline-style:none; float: left; background: #02356A; border: 1px solid #02356A; padding: 2px 5px 2px 5px;  }
a.hid em {display:none; }
a.hid:hover {text-decoration:none; background: #fff; color: #02356A; padding: 2px 5px 2px 5px; border: 1px solid #02356A; }
a.hid:active, a.hid:focus {background:#fff; border: 1px solid #fff;  }
a.hid:active span, a.hid:focus span {display:none;  }
a.hid:active em, a.hid:focus em {display:block; color:#333; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/************** footer styles *****************/

.clear { clear: both; }

#footer { width: 100%; margin: 10px 0 10px 0; border-top: 1px solid #fff;}
.footer { font-size: 95%; color: #fff; line-height: 1.6em; }
#footer-left { width: 40%; float: left; padding: 5px 0 0 0; }
#footer-right { width: 60%; float: right; text-align: right; padding: 10px 0 0 0; line-height: 2.0em; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

#keywords { display:block; height: 15px; overflow: hidden; position:absolute; z-index:3; top:765px; bottom:52px; width:760px; margin-bottom: 5px; }
.keywords { font-size: 0.1em; color: #022885; opacity: 1; -moz-opacity: 1; /* older Gecko-based browsers */ filter:alpha(opacity=100); /* For IE6&7 */}