body { font-family: Verdana;
       font-size: 100.01%;
			 margin: 0;
			 padding: 0;
			 }
			 
  #header {
    float:left;
    width: 100%;
    font-size:93%;
    line-height:normal;
		background: url("images/title2.png") no-repeat 5px 5px;
    }
		
#header-img { width: 950px;
   						height: 100px;
							clear: both;
							border-bottom: 5px solid #9dd000;
							border-top: 5px solid #f29a01/*#9dd000*/;
							}
							
#header h1 { font-size: 1em;
						 margin-left: -1000px;
						 
						 }
		
  #header ul {
		padding:41px 200px 0;
    list-style:none;
		margin-bottom: 0;
    }
		
  #header li {
    float:left;
    margin:0;
    padding:0;
		background:url("images/tab-left2.gif")
      no-repeat left top;
		padding:0 0 0 9px;
		border-bottom:1px solid #765;
    }
		
  #header a {
    display:block;
		background:url("images/tab-right2.gif")
      no-repeat right top;
    padding:5px 15px 4px 6px;
		text-decoration: none;
		color: #4f7600;
    }
	
#header a:visited { color: #4f7600; } 
		
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;

  }
	
	#welcome #wel, #cstudy #study, #comparison #comp, #success #story,
#order #ord {
  background-position:0% -150px;
  border-width:0;
  }
#welcome #wel a, #cstudy #study a, #comparison #comp a, #success #story a,
#order #ord a {
  background-position:100% -150px;
  color:#333;
  padding-bottom:5px;
  }
	
#content-container { max-width: 950px; clear: both; }	
	
#product-box { /*border: 1px solid black;*/
               width: 30%;
							 float: left;
							 padding: 0 .5em;
							 }	
	
#product-box img { border: 1px solid black; margin-top: 1.5em;}

#product-box h4 { font-size: 1.25em;
									font-weight: bold;
									margin-top: 3px;
									}
									
#product-box p { font-size: .8em; }

#product-box .price { color: red; font-weight: bold; margin-bottom: 1.5em; }

#product-box a { color: #4f7600; } 

#content { float: left;
					 margin-left: 2%;
					 margin-right: .5%;
					 width: 58%;
					 padding-bottom: 30px;
					/*background: url(images/orangemint2.gif) no-repeat 0 bottom*/ ;}
					 
#content h2 { border-bottom: 5px solid #9dd000; 
						background: url(images/littlelemon.jpg) no-repeat;
						padding-left: 20px;
						padding-top: 5px;
					}
					
#content h3, #content h4 { border-bottom: 2px solid #9dd000;}

#content .drimg { float: left; margin-right: 1.5em; } 

#order #content { margin-left: 25%; }

#order #content img { margin-left: 20%; }

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(images/orangemint.gif); /* CHANGE: path and name of your image */
	height: 28px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 12px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 50px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -28px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -45px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -45px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	
	background: #fbe1ab ;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-bottom: .5em;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */



/* 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 */