/* CSS Document www.air-fresheners.net */
/* Written by Keef ***m3ntalistNOSPAMPLS@gmail.com** */

/* Formatting air-fresheners.net*/
html, body, #contents {
min-height: 100%;
width: 100%;
height: 100%;
}


html>body, html>body #contents {
height: auto;
}

div > titimg {
margin-top: 0; 
}

body {
	margin: 0;
	background: #F2F7F3;

}

#contents {
position: absolute;
top: 0;
left: 0;
}

p {
	font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
	text-align: justify;
	font-size: 0.9em;
	color: #006600;
}

/* New Stuffs  */
h1 {
color: #006600;
font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
font-size: 3em; 
margin-top: 50px;	
}



h2 {
color: #006600;
font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
font-size: 1.5em; 
}

h3  {
color: #006600;
font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
font-size: 1.1em; 
}

.net {
color: #9AB6A3;
}

.login {
	font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
	font-size: 0.9em;
	color: #006600;
	background-color: #DEE7E1;
	border: 0;
}

a:link {
color: #006600;
background-color:transparent;
text-decoration:none;
}

a:visited {
color: #9AB6A3;
background-color: transparent;
}

a:active {
color: black;
}
a:hover {
color: #004800;
}

.textbox {
  margin-left: 55%;
  padding: 10px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  font: 0.9em Verdana, sans-serif;
  color: #006600;
  background: #DEE7E1 url(images/thing.gif) left bottom repeat-x;
}

div#textbox p {
 color: #006600; 

}

/*
---- new layout ----
*/
#top {
 margin: 0px;
 padding: 4px;;
 background:  #DEE7E1;
 height: 90px; 
 font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
 font-size: 12px;
 color: #006600;
 border-bottom: 7px solid #9AB6A3;
}

#right {
	position: absolute;
    width: 125px;
	top: 110px;
	left: 10px;
    padding-bottom:5px;
    border: 2px solid #669999;
	font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
	background: #DEE7E1 url(images/thing.gif) left bottom repeat-x;
	margin-top: 20px;
}

div#centindex {
	background: #DEE7E1;
	padding-bottom: 10px;	
}

div#centindex p {
 color: #006600; 
 padding-left: 10px;
}

.feature {
  height: 60px;
  padding: 5px;
  margin-bottom: 15px;
  background: #DEE7E1;
  font: 0.9em Verdana, sans-serif;
  color: #006600;
}
.faq {
  margin-bottom: 5px;
  margin-left: 0px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom:10px;
  padding-right: 10px;
  border-bottom: 4px solid #9AB6A3;
  font: 1.1em Verdana, sans-serif;
  color: #006600;
  background: #DEE7E1;

}
.content {
  padding: 10px;
  padding-top:3px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  background: #DEE7E1;
  font: 0.9em Verdana, sans-serif;
  color: #006600;
  border-bottom: 7px solid #9AB6A3;
}

/* new navigation lists */
ul#rightnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #DEE7E1;
}

ul#rightnav li {
 border-top: 1px solid #9AB6A3;
}

ul#rightnav li a:hover {
	background-color: #9AB6A3;
	color: #006600;
}	

ul#rightnav li a:link, ul#rightnav li a:visited {
   display: block;
   text-decoration: none;
   width: 88%; /*fixes IE margin bug */
   padding: 6px 6%;
   font: bold 10pt/1.5 Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;;
   color: #006600;
}

ul#fragrance {
	list-style: none;
	text-decoration: none;
	list-style-image: url(images/bob.gif);
	font: 0.9em Verdana, sans-serif;
	color: #006600;
}


#scent {
  margin-left: 115px;
  width: 470px;
  padding: 10px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  font: 0.9em Verdana, sans-serif;
  background: #DEE7E1 url(images/thing.gif) left bottom repeat-x;
  color: #006600; 
}

div#scent p {
 color: #006600; 
}






/* ------------------------- */

/* Old stuffs  */

.justify {
text-align: justify;
}

.border {
 border-style: solid;
 border-width: 3px;
 border-color: #669999;
}

.border2 {
 border-style: solid;
 border-width: 3px;
 border-color: #ccffcc;
 margin-right: 10px;
}

.images {
 border-style: solid;
 border-width: 3px;
 border-color: #ccffcc;
 background-color: #669999;
 padding: 5px;
 margin: 5px;
}

.bold {
font-weight: bolder;
}

table {
	border: 1px solid black;
	border-spacing: 0;
	margin-bottom: 10px;
	
}

td {
	padding: 3px 4px;
	border: 1px solid black;

}

table#fragtab {
border: 0px;
}

table#fragtab tr td {
text-align: center; 
font: 0.7em Verdana, sans-serif;
border: none;
color: #669999;
}
table#fragtab  a:link,  a:visited {
   color: #666666;
   text-decoration: none;  
}
table#fragtab a:hover {
	background-color: #99cc99;
	color: Black;
}






/*
---- layout ----
*/


/*#featureimg {
margin: 0 25% 0 170px;
height: 150px;
background: #fff url(images/fp2.jpg);
background-repeat: no-repeat;
background-position: right top;
text-align: center;
border: 1px solid black;
}

*/
#center {
	top: 115px;
	margin-left: 165px;
	margin-right: 25px;
	margin-bottom: 25px;
	font: 0.9em Verdana, sans-serif;
	font-size: 14px;
	height: 59px;
	background-color:#9AB6A3;
}


#footer {
	clear: left;
	width: 99.9%;
	position: absolute;
	bottom: 0;
	background-color: #669999;
	right: 25px;
	left: 165px;
	height: 15px;
	text-align: center;
	border-top: 3px solid #ccffcc;
	border-bottom: 1px solid #669999;
	font: 12px Verdana, sans-serif;
	color: #ccffcc;
}

div#faq p {
  color: #006600;
}

div#faq p.rowfaq {
color: #006600;
	}

div#faq p.rowfaq span.leftfaq {
  padding-top: 10px;
	}
	
.rightfaq {
  color: #006600;
}



.shapes {
  height: 430px;
  padding: 10px;
  padding-top:3px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  background: #DEE7E1 url(images/thing.gif) left bottom repeat-x;
  font: 0.9em Verdana, sans-serif;
  color: #006600;
}




#promota {
  margin-left: 280px;
  padding: 10px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
  font: 0.9em Verdana, sans-serif;
  background: #669999 url(images/thing.gif) left bottom repeat-x;
}

div#promota p {
 color: #ccffff; 

}


div#topcontent {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 80%;
	}

#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}

div#rightcontent {
    position: absolute;
	top: 10px;
	left: 0px;
	line-height: 2.0;	
}

div#footercontent {
  font: 0.6em Verdana, sans-serif;
}

form p {
/* width: 400px;*/
 clear: both;
}

form p label {
 width: 100px;
 float: left;
 font-weight: bold;
 padding: 5px;
 padding-bottom: 10px;
 background: #669999 url(images/thing.gif) left bottom repeat-x;
}

form p input, form p textarea, form p select {
 float: right;
 background-color: #ccffcc;
}

div#center p.row {
	width: 400px;
	margin: 10px 5px 1em 0px;
	padding: 5px;
	color: #ccffff; 
	}

div#center p.row span.leftcol {
	float: left;
	font-weight: bold;
	}
	
div#center p.row span.rightcol {
	width :66%;
	float: right;
}

div#center p.row2 {
	width: 600px;
	margin: 0px 0px 1em 0px;
	}



	
/*

Navigation Lists

*/

div#topcontent ul {
	position: absolute;
	top: 0px;
	right: 18px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	}
	
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid black;	
	}
	
div#topcontent ul li.first {
	border-left: 0px none;
	}
	
div#topcontent ul li a {
	font: 0.7em /1 verdana, sans-serif;
	color: #006600;

	}



ul#index {
    margin-left: 20px;
	list-style: none;
	text-decoration: none;
	color: #ccffff;
}

ul#index li {
list-style-image: url(images/bob.gif);
font: 0.9em Verdana, sans-serif;	
 
}

#landing {
	padding: 5px;
	border-left: #9AB6A3 1px solid;
	border-right: #9AB6A3 1px solid;
	border-bottom: #9AB6A3 1px solid;
	top: 120px;
	margin-left: 165px;
	margin-right: 25px;
	margin-bottom: 25px;
	font: 0.5em Verdana, sans-serif;
	font-size: 14px;
	color: #006600;
	background-color:#DEE7E1;
}

#center1 {
	top: 115px;
	margin-left: 165px;
	margin-right: 25px;
	margin-bottom: 25px;
	font: 0.9em Verdana, sans-serif;
	font-size: 14px;
	background-color: #DEE7E1;
}

#list {
	font-family: Tahoma, Arial, Helvetica, Myriad, Verdana, sans-serif;
	text-align: justify;
	font-size: 0.9em;
	color: #006600;
}

#logintab {
	border: none;
}

#logintab td {
	border: none;
	font-family: tahoma, arial, verdana;
	color: #006600;
	font-size: 0.9em;
}

.contact {
	width: 300px;
}