/*************************************************************************************************
								Allsop & Francis CSS - Screen
										Version - 1.0


See also, for overrides and alternative styles:

		css/ie.css (for all Internet Explorer browsers)
		css/ie6.css (for Internet Explorer 6 only)
		css/print.css (for Print media only)


HTML Tags
*************************************************************************************************/
body,
html{
	width:100%;
	text-align:center;
	}

body{
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	}

p, div, span, h1, h2, h3, h4, h2, h6, strong, em, i, b, a, img{
	padding:0;
	margin:0;
	font-size:1em;
	border:none;
	}
	
abbr{
	border:none;
	}

a{
	color:#036;
	}

a:hover{
	color:#000;
	}
	
p{
	color:#036;
	margin-bottom:1em;
	font-size:1.1em;
	}
	
h1{
	font-size:2em;
	clear:left;
	margin: 0 0 0 15px;
	}	
h2{
	font-size:1.2em;
	font-weight:bold;
	color:#ed1c23;
	}
h3{
	}
h4{
	}
h5{
	}
	

/* Structure
*************************************************************************************************/
#container{
	width:775px;
	text-align:left;
	margin:0 auto;
	}
	
#header{
	background:url(../graphics/bg-header.gif) no-repeat right top;
	width:775px;
	height:103px;
	}
	
#nav{
	background:#0099da url(../graphics/bg-nav.gif) no-repeat;
	list-style:none;
	text-align:center;
	margin:0 0 1px;
	padding:0;
	}
#nav li{
	display:inline;
	margin:0 14px;
	}
#nav li a{
	font-size:1.1em;
	color:#fff;
	text-decoration:none;
	line-height:2em;
	}
#nav li a:hover{
	color:#ed1c23;
	}
	
#content{
	float:right;
	width:577px;
	}
#content p{
	margin:0 0 10px 15px;
	line-height:1.5em;
	padding:0;
	}
#content h2{
	margin:0 0 10px 15px;
	line-height:1.5em;
	padding:0;
	}
#content ul{
	font-size:1.1em;
	line-height:1.8em;
	color:#0099da;
	}
#content li.alt{
	color:#0D5C9D;
	}
#content .offerbox{
	width:169px;
	float:left;
	}
#content .offerlogo{
	padding:5px 0 5px 12px;
	margin:0;
	}
#content .textofferbox{
	width:400px;
	float:left;
	}
img.floatright{
	float:right;
	clear:right;
	margin:0 0 10px 10px;
	}
	
#content small{
	margin:0 10px;
	color:#036;
	}
#content em{
	color:#ed1c23;
	font-style:normal;
	}
	

#leftnav{
	width:190px;
	margin-bottom:5px;
	background:#e7f0f7 url(../graphics/bg-leftbox.gif) no-repeat left bottom;
	}
#leftnav h2{
	background:#e7f0f7 url(../graphics/bg-leftbox.gif) no-repeat left top;
	padding:10px 10px 0;
	}
#leftnav ul{
	background:url(../graphics/line-dots.gif) no-repeat center top;
	margin:5px;
	padding:5px 5px 5px 20px;	
	color:#036;
	}
#leftnav li a{
	font-size:1.1em;
	color:#036;
	text-decoration:none;
	line-height:1.6em;
	}
	
#joinlist{
	background:#e7f0f7 url(../graphics/bg-midbox.gif) no-repeat left top;
	padding:10px 0 0;
	margin:0;
	width:190px;
	}
#joinlist fieldset{
	margin:0;
	padding:0 10px 10px;
	border:none;
	background:#e7f0f7 url(../graphics/bg-midbox.gif) no-repeat left bottom;
	}
#joinlist h2{
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(../graphics/line-dots.gif) no-repeat center bottom;
	}
#joinlist label{
	font-size:.9em;
	color:#036;
	float:left;
	width:35px;
	}
#joinlist input{
	font:.9em Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #036;
	padding:1px 2px;
	margin:0 0 2px 0;
	float:left;
	color:#666;
	width:126px;
	}
#joinlist #joinlistsubmit{
	float:right;
	display:block;
	background:none;
	border:none;
	padding:0;
	margin:0 2px 0 0;
	width:auto;
	}

	
#welcome{
	float:left;
	width:575px;
	}
#welcome h2 {
	font-size:2em;
	clear:left;
	margin:10px 10px 0;
	color:#000066;
}	
	
#welcome .focus{
	background:url(../graphics/bg-focus.jpg) no-repeat;
	height:86px;
	float:left;
	line-height:1.4em;
	margin-left:10px;
	width:130px;
	padding:5px 5px 5px 42px;
	}
#welcome .focus h2,
#welcome .focus p{
	margin:0;
	padding:0;
	line-height:1.25em;
	}
	
#latestnews{
	width:190px;
	background:#e7f0f7 url(../graphics/bg-rightbox.gif) no-repeat left bottom;
	float:left;
	}
#latestnews h2{
	background:#e7f0f7 url(../graphics/bg-rightbox.gif) no-repeat left top;
	padding:10px 10px 0;
	margin:0;
	line-height:1.2em;
	}
#latestnews dl{
	margin:5px;
	padding:0;
	line-height:1.4em;
	color:#036;
	}
#latestnews dt{
	background:url(../graphics/line-dots.gif) no-repeat center top;
	padding:5px 5px 0;
	}
#latestnews dt a{
	display:block;
	clear:left;
	font-weight:bold;
	}
#latestnews dd{
	display:block;
	margin:0 0 5px;
	padding:0 5px 5px;
	}
#latestnews p{
	background:url(../graphics/line-dots.gif) no-repeat center top;
	padding:5px 10px 0;
	font-size:1em;
	}

.picright{
	float:right;
	padding:5px;
	}
	
	
#rightbox{
	margin:-35px 0 0 10px;
	width:190px;
	background:#e7f0f7 url(../graphics/bg-rightbox.gif) no-repeat left bottom;
	float:right;
	}
#rightbox h2{
	background:#e7f0f7 url(../graphics/bg-rightbox.gif) no-repeat left top;
	padding:10px 10px 0;
	margin:0;
	line-height:1.2em;
	}
#rightbox ul{
	margin:5px;
	padding:0;
	line-height:1.4em;
	color:#036;
	}
#rightbox li{
	background:url(../graphics/line-dots.gif) no-repeat center top;
	display:block;
	margin:0 0 5px;
	padding:5px;
	}
	
	
	
#dishwashernav{
	list-style:none;
	margin:15px;
	padding:0;
	height:130px;
	}
#dishwashernav li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:136px;
	text-align:center;
	}
#dishwashernav li a{
	display:block;
	clear:left;
	color:#0099da;
	text-decoration:none;
	}
#dishwashernav li a:hover{
	color:#000;
	}
	
	
#laundrynav{
	list-style:none;
	margin:15px;
	padding:0;
	height:130px;
	}
#laundrynav li{
	margin:0 0 0 0;
	padding:0 0 0  0;
	display:block;
	float:left;
	width:109px;
	text-align:center;
	}
#laundrynav li a{
	display:block;
	clear:left;
	color:#0099da;
	text-decoration:none;
	}
#laundrynav li a:hover{
	color:#000;
	}
	
	
	
	
#laundrymast{
	margin:0 0 20px 10px;
	}
	
	
	
	
#footer{
	float:left;
	width:775px;
	clear:both;
	padding-bottom:30px;
	text-align:center;
	background:url(../graphics/bg-footer.gif) no-repeat center bottom;
	}
#footer ul{
	list-style:none;
	margin:20px 0 5px;
	}
#footer li{
	display:inline;
	padding:0 4px 0 0;
	border-right:1px solid #036;
	}
#footer li.last{
	border-right:none;
	}

#footer p{
	font-size:1em;
	margin:0;
	}

.meetteampic{
	float:right;
	display:block;
	padding:20px;
	}
	
	
	
/* Downloads Table
************************************************/
.figuretable{
	padding:3px;
	margin:0 10px 25px 10px;
	border-collapse:collapse;
	font-size:1.1em;
	color:#333;
	}
	
.figuretable td,
.figuretable th{
	font-weight:normal;
	padding:6px;
	}
.figuretable thead th{
	background:#333;
	color:#fff;
	text-align:left;
	text-align:center;
	background:#0099da url(../graphics/bg-table-thead-th.gif) repeat-x;
	}
	
	
.figuretable tbody th{
	background:#e6e6e6 url(../graphics/bg-table-tbody-th.gif) repeat-x;
	border-bottom:1px solid #ddd;
	text-align:right;
	}
.figuretable tbody th a{
	color:#333;
	}
.figuretable tbody tr.even th{
	background:#f4f4f4;
	}
.figuretable tbody tr:hover th{
	background:#cfcfcf url(../graphics/bg-table-tbody-th-on.gif) repeat-x;
	color:#000;
	border-bottom:1px solid #ccc;
	cursor:default;
	}
	
	
.figuretable tbody td{
	background:#f1f1f1 url(../graphics/bg-table-tbody-td.gif) repeat-x;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	text-align:center;
	width:9.5%;
	}
.figuretable tbody tr.even td{
	background:#fff;
	}

.figuretable tbody tr.even th a{
	color:#666;
	}
	
	
/* Contact Form
*********************************************/

#FormLeft{
	float:left;
	width:285px;
	}

#FormRight{
	float:left;
	width:258px;
	margin-bottom:10px;
	}

.standardform h2.fieldsetbgtop,
.standardform h2.fieldsetbgtopfull{
	font-size:1.2em;
	color:#ED1C23;
	font-weight:normal;
	padding:5px !important;
	margin:0 !important;
	font-weight:bold;
	}

.standardform h2.fieldsetbgtop{
	background:url("../graphics/bg-contact-form-top.gif") no-repeat 0 0;
	padding:5px !important;
	font-weight:bold;
	}

.standardform h2.fieldsetbgtopfull{
	background:url("../graphics/bg-contact-form-top-fullwidth.gif") no-repeat 0 0;
	}

.standardform fieldset{
	padding:0 !important;
	margin:0 !important;
	border:none;
    background:url("../graphics/bg-contact-form-top.gif") no-repeat 0 100%;
	width:258px;
	}

.standardform fieldset.fullwidth{
    background:url("../graphics/bg-contact-form-top-fullwidth.gif") no-repeat 0 100%;
	width:543px;
	}

.standardform input,
.standardform label,
.standardform select{
	display:block;
	clear:left;
	width:228px;
	margin-left:10px;
	padding:2px;
	}
.standardform textarea{
	display:block;
	clear:left;
	width:515px !important;
	margin-left:10px;
	padding:2px;
	}
.standardform select{
	margin-bottom:10px;
	width:234px;
	}
.standardform label{
	color:#003366;
	font-size:1em;
	line-height:1.3em;
	}
.standardform input{
	margin-bottom:1em;
	}
.standardform input:hover,
.standardform select:hover,
.standardform textarea:hover,
.standardform input:focus,
.standardform select:focus,
.standardform textarea:focus{
	background:#fff;
	}

.standardform button{
	margin:10px 0 10px 10px !important;
	}
.standardform .tworadios label{
	width:70px !important;
	clear:none;
	float:left;
	display:inline !important;
	text-align:right;
	font-size:1.1em;
	color:#4a718c;
	margin:5px 0;
	}
.standardform .tworadios input{
	width:auto !important;
	float:left;
	clear:none;
	background:none;
	border:none;
	display:inline;
	margin:5px;
	}
.standardform .buttons{
	padding:0 10px;
	width:249px;
	margin:0 10px;
	}
	
.standardform .checkbox label,
.standardform .checkbox input{
	width:auto !important;
	float:left;
	clear:none;
	display:block;
	margin-right:5px;
	border:none;
	background:none;
	}
	
.sendemail{
	background:url("../graphics/btn-send-email.gif") no-repeat 50% 0;
	width:85px;
	}
	
	
/* All Forms
*************************************************************************************************/

input,
select{
	border:1px solid #a5b8c5;
	color:#036;
	padding:2px;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
textarea{
	width:200px !important;
	border:1px solid #a5b8c5;
	color:#036;
	padding:2px;
	margin:0;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{
	background:#f0f0f0;
	color:#4a718c;
	border:1px solid #4a718c;
	}
	
input.sendemail{
	letter-spacing:-1000em;
	overflow:hidden;
	cursor:pointer;
	display:block;
	height:16px;
	border:none;
	width:85px;
	}
#container input.sendemail:hover{
	background:none;
	background:url("../graphics/btn-send-email.gif") no-repeat 50% 0;
	background-position:0 -32px;
	}

label a{
	color:#4a718c;
	}
label a:hover{
	color:#000;
	}


em.error{
	display:block;
	clear:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}

.standardform em{
	display:block;
	clear:left;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}
	
.standardform label em{
	display:inline;
	margin:0;
	padding:0;
	border:none;
	background:none;
	text-align:left;
	font-size:inherit;
	color:#f00;
	font-style:normal;
	}
.standardform .required{
	background:#ffc;
	}		
	
/* sIFR styles
*************************************************************************************************/
.sIFR-flash{
	visibility:visible !important;
	margin:0;
	}
.sIFR-replaced{
	visibility:visible !important;
	}
#welcome h1.sIFR-replaced {
	height: 25px !important;
	}
span.sIFR-alternate{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{
  display:none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1{
	visibility:hidden;
	}	

	
	
/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
   
* html>body .clearfix {
    display:inline;
    width:100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height:1%;
    /* End hide from IE-mac */
    }


/* Added by LC for breadcrumbs */

#breadcrumbs {
	font-size:1.1em;
	margin-top:8px;
	margin-left:10px;
	color:#666;
	text-decoration:none;
	line-height:1.6em;
	}