/* ----- 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/main_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; margin-top: 12px; width: 980px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

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

#header { width: 100%; height: 85px; }
#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: #999; }

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

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

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

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

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

#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; margin: 0; padding: 0px; font-size: 100%; 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:0 0 0 705px; width: 275px; font-size: 100%; border-bottom: 10px solid #fff; }
#content-middle { margin: -5px 0 0 300px; font-size: 100%; width: 380px; background: url(http://www.mellomaid.com/Images/Background/middle.jpg) no-repeat; height: 375px; border-bottom: 15px solid #fff; }

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

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

h2 { font-size: 125%; font-weight: bold; color: #999; } 
h3 { font-size: 170%; font-weight: bold; color: #333; margin: 0; padding: 5px 0 5px 0; } 

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

#homepage li { margin-left: -17px; padding: 0 auto; line-height: 2.0em; list-style-image: url(http://www.mellomaid.com/Images/Icons/tick.gif); }
* html #homepage li { margin-left: -17px; padding-left: 5px; line-height: 2.0em; list-style-image: url(http://www.mellomaid.com/Images/Icons/tick.gif); }

/************** 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/Background/feedback.gif) left top no-repeat; font-size: 100%; margin: 0 10px 10px 10px;  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 4px 0; }

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

#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%; }

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

.clear { clear: both; }

#footer { width: 100%; margin: 10px 0 0 0; border-top: 1px solid #fff; height: 40px; }
.footer { font-size: 95%; color: #fff; }
#footer-left { width: 40%; float: left; padding: 10px 0 0 0; }
#footer-right { width: 60%; float: right; text-align: right; padding: 10px 0 0 0; }
.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:635px; bottom:52px; width:760px; margin-bottom: 5px; }
.keywords { font-size: 0.7em;  color: #fff; }