.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background: #fff;
 color: #333;
}

h1 {color: #ED1C23;}
h1.home {margin-bottom: 0;}
h2.home {margin-top: 0;}

h2, h3, h4, h5 {color: #0072BC;}

h1 {font-size: 1.5em; margin-top: 0;}
h1.logo {font-size: 1.0em; margin-bottom: 0; color: #0072BC;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a {color: #0072BC;}
a:hover {color: #ED1C23;}

blockquote {margin: 5px 0; padding: 10px; font-weight: bold; font-size: 1.1em; color: #0072BC;}

.red {color: #ED1C23;}
.blue {color: #0072BC;}


/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 960px; margin: 20px auto; border: 1px solid #0072BC; font-size: 0.8em;}
#mainNav {float: left; width: 370px; height: 597px; padding-top: 20px; background: url(../images/mum-and-boy.jpg); background-repeat: no-repeat;}
#logo {float: right; padding: 20px;}

#main {float: left; width: 560px; display: inline;}

.blindType {border: 1px solid #0072BC; margin-top: 10px;}
.blindType h2 {margin: 0; padding: 5px; background: #0072BC; color: #fff;}
.product {border-top: 1px solid #ED1C23; padding: 10px; margin-bottom: 10px}
.product h3 {color: #ED1C23; margin-bottom: 5px;}
.product img {float: right; margin-left: 20px; display: inline; margin-bottom: 5px;}


#footer {float: left; font-size: 0.85em; width: 920px; padding: 10px 20px; background: #0072BC; color: #fff;}

#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/

a.onlineStore {font-size: 1.3em; font-weight: bold; padding: 10px; background: #0072BC; color: #fff; text-decoration: none;}
a.onlineStore:hover {background: #ED1C23; color: #fff;}

/**************************/
/* Navigation Definitions */
/**************************/

#mainNav ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 20px;
} 
#mainNav ul li {
 float: left;
 border-right: 1px solid #fff;
}
#mainNav ul li a {
 display: block;
 text-decoration: none;
 color: #fff;
 background-color: #0072BC;
 padding: 3px 10px;
}
#mainNav ul li a:hover {
 color: #fff;
 background-color: #ED1C23;
}
#mainNav ul li.on a {
 color: #fff;
 background-color: #ED1C23;
}

/*********/
/* Forms */
/*********/