/* CSS for Airmop.ca */

html, body {	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font:12px bold Veranda, Tahoma, Geneva, Arial, sans-serif;
	color: #333;
	background:#27AAE1 url(../images/bg_gradient.png) 0 0 repeat-x; 
}

#wrapper { 
	width: 100%;
	min-height: 100%;
        height: auto;
	left:0;
	top: 0;
	margin: 0 auto;
	background: url(../images/bg_pattern.png) 0 0 repeat; 
}

#body{
        min-height: 100%;
        height: auto;
	width:770px;
	margin: 0 auto;
	padding: 0px; /* bottom & top left & right */
	background: #fff;
       clear:both;
}
#header {
	width: 770px;
	padding: 0px;
	margin:0px;
}
#search-bar{
	height:30px;
	width:200px;
	float:right;
}

/*----------------------------------------------------------------------------
Navigation
*/

div#nav {
	width: 770px;
	height: 20px;
	line-height: 20px;
	margin: 0px;
        padding: 0px;
	float: left;
	background: url('../images/nav.png') 0 0 repeat-x ;
	text-align: left;
        text-indent: 0px;
}

div#nav ul{
        display: inline;
        height: 20px;
        line-height: 20px;
        list-style: none;
        text-indent: 0px;
        margin: 0px ;
        padding: 0px;
        border: none;
}

div#nav ul li {
        list-style: none;
        display: inline;
        text-indent: 0px;
        padding: 0px;
        margin: 0px ;
}

div#nav ul li a{
        display: inline;
        padding: 2px 10px 7px 10px;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
        list-style: none;
        font: 13px bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
        color: #FFF;
}


div#nav ul li a:hover,
body#home a#home,
body#products a#products,
body#uses a#uses,
body#about a#about,
body#contacts a#contacts,
body#faq a#faq,
body#wheretobuy a#wheretobuy {
        background:url('../images/nav_over.png') 0 0 repeat-x;
        color: #1C77BD;
}



/* Secondary Nav
-------------------------------------------------------- */
div#nav-header {
	width: 730px;
	height: 20px;
        line-height: 55px;
	color: #1C77BD;
	background: url("../images/nav_secondary_header.png") repeat-y;
	padding: 5px 20px 45px 20px;
	margin: 0px;
        vertical-align: middle;
        border-bottom: 1px solid color: #1C77BD;
}

div#secondary_nav {
	width: 150px;
	font: 12px  bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
	color: #1C77BD;
	float: left;
	padding: 0px;
	margin: 0px;
	background:#fff;
	}
div#secondary_nav ul {
	display:block;
	list-style: none;
	float:left;
	text-align:left;
	padding: 0px;
	margin: 0px;
}
div#secondary_nav ul li{
	display:block;
	width: 150px;
	list-style: none;
	text-indent: 0px;
        padding: 0px;
        margin: 0px;
}
div#secondary_nav ul li a,
div#secondary_nav ul li a:visited{
        display: block;
        width: 150px;
        height: 20px;
        padding: 5px 10px 2px 10px;
        text-decoration: none;
        list-style: none;
        font: 12px bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
        color: #1C77BD;
        background: #fff;
}

div#secondary_nav ul li a:hover, 
body#produce div#secondary_nav ul li a#fridge {
       color: #333;
       background: url("../images/nav_sec_over.png") no-repeat;
}

div#left-side {
	width: 150px;
	float:left;
}
#retailers{
	width: 150px;
	height:135px;
	float:left;
}
	

#main{
	width:400px;
        min-height: 100%;
        height: auto;
	padding:0px 15px;
	float:left;
}

/* FAQ
-------------------------------------------------------- */
div#faq {
       width: 550px;
       padding: 0px 20px;
       font: 12px bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
       color: #333;
       float: left;
}

div#faq ul li{
       list-style: circle outside;
       text-indent: none;
       padding: 0px;
       margin: 0px;
       	font: 12px bold Veranda, Tahoma, Geneva, Arial, sans-serif;
       color: #333;
}


/* Where to Buy
-------------------------------------------------------- */
div#wheretobuy {
       height: 200px;
       width: 620px;
       float: left;
       padding: 100px 50px;
       margin: 20px;
       text-align: center;
       font: 12px bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
       color: #333;
       border: #333 3px solid;
}


/* Right Sidebar
-------------------------------------------------------- */
div.right-side {
	width: 170px;
        height: 100%;
	float: right;
}

div#tipstricks {
	width: 150px;
        float: right;
        padding: 10px 20px;   
        color: #1C77BD;
}

div#quotetop{
	width: 150px;
	float: right;
        padding: 0px 10px;
        margin: 0px 10px;
        font: 11px 'Georgia', 'Times New Roman', serif;
        color: #FFF;
        background: #4167B0 url('../images/bg_quotetop.png') no-repeat ;
}
div#quotebottom {
	width: 105px;
	float: right;
        padding: 30px 10px 10px 55px;
        margin: 0px 10px;
        font: 9px Veranda, Tahoma, Geneva, Arial, sans-serif;
        color: #4167B0;
        background: #FFF url('../images/bg_quotebottom.png') no-repeat ;
}


#footer{
	width:770px;
	height: 20px;
	padding: 3px 0px 10px 0px;
        text-align: center;
	font-size: 9px;
	color:#999;
        background: #FFF;
	border-top:#999 1px solid;
        bottom:0;
       clear: both;
}
#footer a { font-size:9px}

a, a:visited {   
        text-decoration: none;
        font: 13px  bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
        color:#1C77BD;

}
a:hover {   
        text-decoration: none;
	font: 13px  bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
	color: #333;
}

h2 {
	font: 20px  bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
	color:#1C77BD;
}

h3 {
	font: 15px  bold  Veranda, Tahoma, Geneva, Arial, sans-serif;
	color: # ;
}

ul {
   list-style: inside;
   padding: 0px 0px 0px 20px;
   margin: 0px;
}
li {
   list-style: outside;

}
	
/* Handy Touches */
.clear { clear:both;}
.left { float:left}
.right { float:right}
a img {background:transparent; text-decoration: none; border: none; color#fff; }
.yburst { 
       font: 14px bold;
       color: #1C77BD;
       background: url("../images/pic_yburst.png") no-repeat; 
       float: right;
       width: 128px; 
       height: 137px; 
       display: block;
       padding: 30px;
}
.bburst { background: url("../images/pic_yburst.png"); width: 157px; height: 155x; padding: 15px;}