/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html {font: 12px Verdana,Arial,Helvetica,sans-serif;}
div.container h1 {font: 400 2.0em Georgia, "Times New Roman", Times, serif;}
div#content p{ text-align:justify; font-size:0.9em}
div#header span.toplinks { font-weight:700}
strong, th, thead td, h1, h2, h3, h4, h5, h6 { }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 11px; line-height:18px; padding-left:10px;}
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
a:link, a:visited { color:#3399CC;}
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
div#header span.toplinks {font-size:11px;}
div#header span.toplinks span.telephone {font-size:17px; text-decoration:underline}
div.back_to_top { font-size:0.7em}
div#footer1 p {text-align: center; font-size:0.8em}
div#footer1 p.footer_meta {font-size:0.8em}

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(en) { quotes: '\2018' '\2019' '\201C' '\201D'; }

/* NOTE: safari refuses to support the quotes syntax. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

div.container { font-size: 0.4em; /* line-height: 1.6em; */ }
div.container h1 {  }
div.container h2 { font-size: 1.0em; }
div.container h3 { font-size: 1.0em; }
div.container h4 { font-size: 1.0em; }
div.container h5 { font-size: 1.0em; }
div.container h6 { font-size: 1em; }

/* HR */



/* LISTS */

div.container ul li { text-indent: 0; margin-left: .85em; }
div.container ul li {list-style-position: outside;}
div.container ol { list-style-position: outside; list-style-type: decimal; }
div.container dt { font-weight: bold; }

/* TABLES */

table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#328aa4 url(http://www.cleantidy.co.uk/images/bg_tr.gif) repeat-x;color:#fff;}
td{background:#e5f1f4;}

tr.even td{background:#DFEEFF;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#FFE99F;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

.quick_quote {width:260px; float:right; margin:-7px 0 7px 7px}

/* use this if you want to apply different styling to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{}

/* MARGINS & PADDINGS */

div.container blockquote *:first-child { margin: .8em 0; }
div.container hr, div.container p, div.container ul, div.container ol, div.container dl, div.container pre, div.container blockquote, div.container address, div.container table, div.container form { margin-bottom: 1.6em; }
div.container p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
div.container h1 { padding: 0 0 0.5em;  }
div.container h2 { padding: 1.07em 0 .535em; }
div.container h3 { padding: 1em 0 .57em; }
div.container h4 { padding: 1.23em 0 .615em; }
div.container h5 { padding: 1.33em 0 .67em; }
div.container h6 { padding: 1.6em 0 .8em; }
div.container th, div.container td { padding: .4em; }
div.container caption { padding-bottom: .8em; } /* padding instead of margin for IE */
div.container blockquote { padding: 0 1em; margin: 1.6em 0; }
div.container fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
div.container legend { padding-left: .8em; padding-right: .8em; }
div.container legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
div.container textarea, div.container input { padding: .3em .4em .15em .4em; }
div.container select { padding: .1em .2em 0 .2em; }
div.container option { padding: 0 .4em; }
div.container a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
div.container dt { margin-top: .8em; margin-bottom: .4em; }
div.container ul { margin-left: 1.5em; }
div.container ol { margin-left: 2.35em; }
div.container ol ol, div.container ul ol { margin-left: 2.5em; }
div.container form div { margin-bottom: .8em; }
div#header span.toplinks { margin-right:10px}
div#footer1 div.container { padding-top:1.2em}
div#footer1 p{ margin:0}

/* COLORS */

div.container h1 { color:#CFB55A}
div.container h3 { color:#45767Ec}
div.container a:link, div.container a:visited { text-decoration: underline; color: #39c; }
div.container a:hover, div.container a:active, div.container a:focus { text-decoration: none; color: #AFA362; }
div#header span.toplinks, div#footer1 {color: #328AA4;}
div#header span.toplinks a:link, div#header span.toplinks a:visited, div#footer1 div.container a:link, div#footer1 div.container a:visited { text-decoration: none; color: #328AA4; }
div#header span.toplinks a:hover, div#header span.toplinks a:active, div#header span.toplinks a:focus, div#footer1 div.container a:hover, div#footer1 div.container a:active, div#footer1 div.container a:focus { text-decoration: underline;}

/*
-----------------------------
LAYOUT ONLY
-----------------------------
*/
.accessibility{left:-999em;position:absolute;top:-999em;}
div#header {background: url(http://www.cleantidy.co.uk/images/bg_header.gif) repeat-x;height:230px;margin:0 auto;width:100%;}
div.container {margin: 0 auto; padding-top:10px;width: 760px;}
div#wrapper{float:left;width:100%; padding-top:10px; *padding-top:30px; }


div#content{margin-right:122px;}
div#content_left { float:left; width:270px}
div#content_right { float:right;width:270px}
div#navigation{float:left;width:205px;margin-left:-100%}
div#footer1 {clear:left;background:url(http://www.cleantidy.co.uk/images/bg_footer.gif) repeat-x bottom;margin:0 auto;width:100%;height: 69px;}

div.container span.toplinks { float:right}

/* TOP MENU */
.table {display: table;margin: 0 auto;}
div.container ul#topmenu {list-style:none;margin:0;padding:0; min-width:760px}
div.container ul#topmenu li{display:inline;margin:0;padding:0;}
div.container ul#topmenu a{float:left;margin:0 10px 0 0;padding:0; width:142px; height:126px; text-indent:-9999px;}
div.container ul#topmenu li#about a, div.container ul#topmenu li#about a:visited {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -3px -3px;}
div.container ul#topmenu li#services a, div.container ul#topmenu li#services a:visited {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -149px -3px;}
div.container ul#topmenu li#book a, div.container ul#topmenu li#book a:visited {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -293px -3px;}
div.container ul#topmenu li#faq a, div.container ul#topmenu li#faq a:visited {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -438px -3px;}
div.container ul#topmenu li#terms a, div.container ul#topmenu li#terms a:visited {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -582px -3px; margin:0}
/* hover */
div.container ul#topmenu li#about a:hover, div.container ul#topmenu li#about a:active {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -3px -130px;}
div.container ul#topmenu li#services a:hover, div.container ul#topmenu li#services a:active {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -149px -130px;}
div.container ul#topmenu li#book a:hover, div.container ul#topmenu li#book a:active {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -293px -130px;}
div.container ul#topmenu li#faq a:hover, div.container ul#topmenu li#faq a:active {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -438px -130px;}
div.container ul#topmenu li#terms a:hover, div.container ul#topmenu li#terms a:active {background: url(http://www.cleantidy.co.uk/images/bg_topmenu.png) no-repeat -582px -130px;}

/* LEFT MENU */
div.container #left_menu_top{height:47px;width:202px;background:#FFF url(http://www.cleantidy.co.uk/images/bg_left_menu_top_btm.gif) no-repeat 0 0;}
div.container #left_menu{width:200px;border-right:1px solid #69c;border-left:1px solid #69c;border-top-style:none;border-bottom-style:none;background:#e5e5e5;margin:0;}
div.container #left_menu ul{list-style:none;margin:0;padding:0;}
div.container #left_menu ul li{list-style-type:none;border-top:1px solid #69c;border-bottom-style:none;border-right-style:none;border-left-style:none;margin:0;}
div.container #left_menu ul li.last_menu{border-bottom:1px solid #69c;}
div.container #left_menu li a{voice-family: "\"}\"";voice-family:inherit;height:24px;text-decoration:none;}
div.container #left_menu li a:link,div.container #left_menu li a:visited{font:400 .8em Georgia, "Times New Roman", Times, serif;color:#333;display:block;background:url(../images/bg_left_menu.gif) no-repeat 0 0;padding:8px 0 0 10px;}
div.container #left_menu li a:hover,div.container #left_menu li a:active{background:url(../images/bg_left_menu.gif) 0 -62px;padding:8px 0 0 10px;}
div.container #left_menu_bottom{height:14px;width:202px; margin-bottom:20px;background:#FFF url(../images/bg_left_menu_top_btm.gif) no-repeat 0 -76px;}

/* IMAGE REPLACEMENT */
div.container .ir {text-indent:-9999px;}
div.container h1.ir { background:url(http://www.cleantidy.co.uk/images/logo.png) no-repeat;padding: 0; height:89px; width:401px}

/* Global */
.float_left {float:left; margin:0 10px 10px 0}