html {
	font-size: 62.5%;
}

body  {
	font: normal 1.2em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 	background:#777;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #111;
	height:100%;
}


a {color:#333; }
img {border:none}
p {
	color: #111;
	line-height: 1.2em;
	padding: 0 0 15px 0;
}

h1, h2, h3 {font-weight:100}



#NavBar ul { list-style:none; padding: 0; font-size:1.2em; } 
#NavBar li { text-align:left;   }  
#NavBar li a {  padding:.3em .4em; color: #eee; text-decoration: none; border:none; font-weight:bold; display:block } 
#NavBar li a:hover { color:#888 }
#NavContainer { background:#3638a1; width:230px;  padding-top:2px;  height:635px; float:left } 
#NavBar { text-align:center; }


#LowerNav {float:right; border:none}
#LowerNav a {text-decoration:none}

#Footer { text-align:center; padding:20px 0px 0px 0px; 	background: #000; color:#fff; width:100%; margin:0; clear:both}
#Footer p {color:#fff}
#Footer a {text-decoration:none; color:#fff; border:none}


#PaddedContent {padding:2px; margin-left:240px;}

/*Main content window */
#container {	width:980px; font-size:1.2em; margin: 0 auto; padding:0px; text-align:left; background:#fff} 
#container h1 { color:#333; font-size:2em; font-family:Arial, Helvetica, sans-serif; font-weight:300; padding:0px}
#container h2 { color:#333; font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:300; padding:0px}	




/*Sub divs and styles */


.tdHead {font-weight:bold; font-size:1.1em; border:1px solid #eee}
.tdBorderDark {border:1px solid #eee; background:#f1f1f1; color:#111}
.tdBorderDark a {color:#222}
.tdBorderLight {border:1px solid #eee; background:#fefefe; color:#111}
.tdBorderLight a {color:#222}

.optional {font-weight:100; font-size:0.7em}

#FloatRight {width:200px; float:right; font-size:1em; text-align:right; padding-top:10px}
#FloatRight p {margin:220px 0px 0px 0px; padding:0px 8px; font-weight:100; font-size:1.0em; border:1px solid #333}

#Services {width:960px; text-align:center}
#Services img {padding:0 8px}

.ExampleDiv {padding:20px; border:2px solid #666; width:550px; margin:20px auto; text-align:center}
.ExampleDiv p {font-size:1.1em; font-weight:100}

.SmallTXT {font-size:0.8em; color:#cf3; text-align:right; text-align:right; text-decoration:none}
.SmallTXT a:hover {color:#333}
.DiscountTXT {font-size:0.7em}
.IMGPadBoth {padding:18px;}
.IMGPadLeft {padding-left:18px;}
.IMGPadRight{padding-right:18px;}
.IMGFrontPage {padding:8px; border:2px solid #fff; margin:0px 18px 18px 0px; background-color:#000}
.ThumbnailIMG {border:2px solid #000; padding:8px;}
#ErrorBox {padding:5px; font-size:1.2em; border:1px solid #cf3; color:#cf3; font-weight:bold; text-align:center; margin-bottom:20px}
#ErrorBox a {text-decoration:none; color:#fff}
#Loggedin {float:right; text-align:right; padding-bottom:20px; width:550px}

.whatsthis {color:#f00; font-size:0.8em}
#Fullbar {background:url(../IR/images/BarBG.jpg); height:108px;}

#Signup {padding-left:30px}


.TxtHighlight {font-size:1.1em; font-weight:bold; color:#cf1; text-align:center}

.HowItWorks {border:1px solid #000; padding:10px;}
.HowItWorks IMG {padding-right:20px; float:left}

#DispCart {width:200px; padding:10px; border:2px solid #000; background:#fff; font-size:0.9em; color:#111;}
#DispCart a {text-decoration:none; color:#111;}
#DispCart h1 {color:#052e72; font-size:2em; font-family:Arial, Helvetica, sans-serif; font-weight:300; margin:0; padding:0 0 10 0; text-align:center}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 


/*IR specific */
#IRHeading { width:980px; margin:0 auto;}

#LoginBox {width:600px; border:1px solid #eee; margin:auto; padding:10px}
#ExtraBox {border:1px solid #eee; margin:auto; padding:10px; text-align:center; }

#PreviewBox {width:650px; border:1px solid #eee; margin:auto; padding:10px; text-align:center;}

#Signup {width:745px; border:2px solid #000; padding:10px; }
#Signup ul {list-style:none; }
#Signup h2, h1 { padding:00px; }
#SignupForm {padding-left:50px}
.SignupTD {background:#fef4e7; border:1px solid #CCC;}

#DispBasket { padding:10px 0px; width:740px; margin:auto; font-size:1em }

#DispOrders {padding:10px 0px; margin:auto; font-size:0.8em }

.DisplayCustomerDetails {font-weight:500; font-size:1em; border:1px solid #666; text-align:left; width:300px; float:left; padding:10px; margin-bottom:20px; margin-right:50px }


#Restoration {width:745px; height:100%; border:2px solid #000; padding:10px; }
#Restoration ul {list-style:none; }
#Restoration ul { list-style-image:url(../images/Bullet.jpg); line-height:160%; padding-right:20px}
#Restoration li {margin-left:10px}

#PaymentRight {width:598px; background:#434343; font-size:0.9em; color:#cf1; text-align:center; padding:10px; margin:auto}
#FAQPanel { padding-left:10px}
#FAQPanel p { margin-bottom:25px }
#FAQPanel strong { margin-top:25px;}



.standout {color:#222; font-weight:bold; text-align:center}
.standouthead {color:#222; font-size:1.3em; text-align:center; border:2px solid #fff; padding:10px}