/* General styles  Three column layout from http://matthewjamestaylor.com/blog/perfect-3-column.htm */
body { margin:0;
       padding:0;
			 border:0;			/* This removes the border around the viewport in old versions of IE */
       width:100%;
       background:#fff;
       min-width:600px; 						
		   font-size:100.01%;
		   font-family: Arial, Helvetica, sans-serif;
      }
			
	/* Header styles */
#header { /*clear:both;
          float:left;*/
          width:100%;
				  border-bottom:1px solid #000;
				  background: url(images/titleclouds.jpg) no-repeat;
					margin: 0;
					padding-left: 2%;
					}

#header h1 { /*position: relative;
             width: 300px;                         /* qsatitle4.png is 305 wide by 112 h
						 height: 160px;            /* qsatitle3.png is  508 wide by 63 h 
						 left:0;						nevermind, just move it off the page
						 top: 0;*/
						 width: 300px;                         
						 height: 160px;
						 margin-left: -10000px;
						 font-size: 1em;
						 font-weight: normal;
						 }
						 
/*#header span {
	background: url(images/qsatitle5.png) 0 0 no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}*/
	
.head-text { float: right;
	                margin-right: 3em;
					margin-top: -5em;
	               font-family: Verdana;
				   
				}
					
.col3 p.info {    font-size: .8em;
									font-weight: bold;
									color: #e0e2ee;
									
									
									}
									
.col3 p.info span { background: none;
	                    font-size: 1.5em; 
									}		
									
.col3 p.info img { float: left; 
                   margin-right: 1em;
									 margin-bottom: 2em;}
									
.content {  }

.content .product-box { float: right;
                        border: none;
												}	

									
.content a {color:#5b5d6d;  }

.content .product-box { float: right;
                        border: none;
												}	
												
.content h2 { font-size: 1.75em; }
.content h3 {font-size: 1.5em; }

	/* column container */
.colmask { position:relative;		/* This fixes the IE7 overflow hidden bug */
           clear:both;
					 float:left;
					 width:100%;			/* width of whole page */
					 overflow:hidden;	/* This chops off any overhanging divs */
	         }
	/* common column settings */
.colright,
.colmid,
.colleft { float:left;
           width:100%;				/* width of page */
					 position:relative;
					 
					 }
.content,
.nav,
.col3 { float:left;
        position:relative;
				padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead.  Only padding top and bottom is included here, make it whatever value you need */
		    
				font-size: .8em;
	      }
				
	/* 3 Column settings */
	.threecol {
		background:#4F4F5D;		/* right column background colour */
	}
	.threecol .colmid {
		right:23%;				/* width of the right column */
		background:#b9daed url(images/skygrad.png) repeat-x;		/* center column background colour */
		border-left: 1px solid black;
		border-right:1px solid black;
	}
	.threecol .colleft {
		right:60%;				/* width of the middle column */
		background:#4F4F5D;		/* left column background colour */
	}
	.threecol .content {
		width:56%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .nav {
		width:13%;				/* Width of left column content (column width minus padding on either side) */
		left:28.5%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:19%;				/* Width of right column content (column width minus padding on either side) */
		left:93%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


.nav ul, .nav li { list-style-type: none;
          margin: 0;
					padding: 0;
          }
					
.nav ul { margin-top: 1em; }
					
.nav a { color: #e0e2ee;
         
				 padding-bottom: .75em;
				 }
				 
li.end { margin-bottom: 1em; }

.col3, .col3 a { color: #e0e2ee;
        				}				 

.closing { font-size: 1em;
				font-weight: bold;
				text-align: center;
				}
				 
	/* Footer styles */
#footer { clear:both;
			    float:left;
					width:100%;
					border-top:1px solid #000;
					font-size: .7em;
					text-align: center;
					color: white;
					padding-bottom: 2em;
					background: #3a8318 url(images/grass.png);
					}
						
#footer p { 
				    margin-bottom: -1em;
		        }
		
		
/* styles for comparison table */
table.compare { border-collapse: collapse;
                margin-left: 3em;
                }

table.compare th { text-align: left;
                   padding-left: .5em;
                   }
				
table.compare tr { font-size: .8em;
     border: 1px solid #c0c0c0;
     }
				
table.compare caption { font-size 2em;
          color: #000;
					font-weight: bold;
					margin-bottom: 1em;
					}
					
table.compare td[scope] { font-weight: bold;
                          }
						 
table.compare td { padding: .5em;
                   width: 8em;
		               vertical-align: top;
                   }
		 
table.compare .qfs { background-color: #D0D4E5;
                     }			 
						 
table.compare tr.other { background-color: #f0f1f6;
                       }
											 
table.compare td.other { color: #808080;
                         }
/* end comparison table styles */

a img { border: none;
        }
								
.clear { clear: both;
         }

.orderbutton { color: #000;
               }

.orderbutton a { color: #000;
               font-size: .80em;
							 font-weight: bold;
							 background-color: #f00;
							 border-left: 3px solid #FF6969;
							 border-bottom: 3px solid #A00606;
							 border-right: 3px solid #A00606;
							 border-top: 3px solid #FF6969;
							 padding: 3px;
							 text-decoration: none;
							 }
.orderbutton a:hover { 	border-left: 3px solid #f00;
							 border-bottom: 3px solid #FF6969;
							 border-right: 3px solid #FF6969;
							 border-top: 3px solid #f00;
							 background-color: #FE3636;
							 color: #000;
							 }	
							 

.nav label { display: block;
	                       width: 4em;
						   margin-bottom: 1em;
	             }
				
.nav input { display: block;
	                        width: 8em;
							margin: 0 0 1em 0;
							padding: 0;
						}
						
.nav .button { width: 5em;
}

.nav form { margin-right: .5em;
	                color: #e0e2ee;
}

.nav legend { font-weight: bold;
}