/* CSS Document www.promotional-air-fresheners.co.uk */
/* Written by Keith Horwood ***k.horwood*no*spam*AT*blueyonder.co.uk** */

/* Formatting */
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: #99cc99 url(images/bg2.jpg) fixed bottom right no-repeat;
	/* Just for IE, other browsers ignore it */
    scrollbar-base-color: #ccffcc; 
    scrollbar-arrow-color: green;
    scrollbar-DarkShadow-Color: #669999; 
}

#contents {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

p {
	font: 0.9em Verdana, sans-serif;
	text-align: justify;
	color: #ccffcc;
}

h1 {
    position: relative; 
	font: 1.3em Verdana, sans-serif;
	font-weight: bold;
	background-color: #ccffcc;
	letter-spacing: 0.3em;
	border-bottom: 3px solid #669999;;
	z-index: 2;
}

h2 {
	position: relative;
	/*margin-left: 10px; */
	text-align: left;
	font: 1.3em Verdana, sans-serif;
	font-weight: bold;
	background-color: #ccffcc;
	border-bottom: 3px solid #99CC99;
	z-index: 2;
}

h3 {
position: absolute;
width: 70%;
bottom: 0;
margin-bottom: 0;
background-color: #669999;
height: 15px;
text-align: center;
border-top: 3px solid #ccffcc;
font: 12px Verdana, sans-serif;
color: #ccffcc;
}

h4 {
    margin-top: 2px;
	text-decoration: none;
}

.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#price  {
    font: 0.7em Verdana, sans-serif;
	border-spacing: 5px;
	border-style: hidden;
	color: #ccffff;
	border-color: #ccffcc;
}

table#price tr td {
	padding: 3px 4px;
	background: #669999;
	border-color: #ccffcc;
	
}

#titimg {
  /*position: right;  <-- this is wrong */
}

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;
}

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

a:visited {
color: #ccffcc;
background-color: transparent;
}
a:hover {
color: white;
}

a:active {
color: black;
}




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

#top {
 margin: 0px;
 padding: 4px;
 margin-right: 25px;
 margin-left: 25px;
 background:  #669999 ;
 /*#3399CC*/
 height: 90px; 
 font-family: Verdana, sans-serif;
 font-size: 12px;
 border-bottom: 3px solid #ccffcc;
}
/*
#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;
}

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

#right {
	position: absolute;
    width: 123px;
	top: 120px;
	left: 25px;
    padding-bottom:5px;
	background: #ccffcc url(images/thing.gif) left bottom repeat-x;
    border: 2px solid #669999;
	border-bottom: none;
	font: 0.9em Verdana, sans-serif;
}

.feature {
  height: 60px;
  padding: 5px;
  margin-bottom: 15px;
  background: #669999;
  font: 0.9em Verdana, sans-serif;
  color: #ccffff;

}

.faq {
  margin-bottom: 5px;
  margin-left: 0px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom:10px;
  padding-right: 10px;
  background: #669999 url(images/thing.gif) left bottom repeat-x;
  font: 1.1em Verdana, sans-serif;
  color: #ccffff;

}

#footer {
	clear: left;
	width: 99.9%;
	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: #ccffff;
}

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

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

.content {
  padding: 10px;
  padding-top:3px;
  padding-bottom: 40px;
  margin-bottom: 10px;
  background: #669999 url(images/thing.gif) left bottom repeat-x;
  font: 0.9em Verdana, sans-serif;
  color: #ccffff;
}

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


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

div#textbox p {
 color: #ccffff; 

}

#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; 

}
#scent {
  margin-left: 115px;
  width: 470px;
  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;
  color: #ccffff; 
}

div#scent p {
 color: #ccffff; 
}

div#topcontent {
	position: absolute;
	top: 12px;
	right: 71px;
	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: #ccffcc; 
	}

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;
}


div#centindex {
    height: 260px;
	background: #669999 url(images/thing.gif) left bottom repeat-x;
	padding-bottom: 10px;
	
}

div#leftcontent {
	float:clear;
}

div#centindex p {
 color: #ccffff; 
 padding-left: 10px;
}
	
/*

Navigation Lists

*/

div#topcontent ul {
	position: absolute;
	top: 2px;
	right: -38px;
	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;

	}
ul#rightnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #ccffcc;
}

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

ul#rightnav li a:hover {
	background-color: #99cc99;
	color: Black;
}	

ul#rightnav li a:link, ul#rightnav li a:visited {
	display: block;
	color: #666666;
	text-decoration: none; /*fixes IE margin bug */
	padding: 6px 6%;
   
}

/*ul#rightnav ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#rightnav ul.subnav li {
	border-top: 0 none;
	padding-left: 1em;
}*/


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

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;	

}


ul#faq {
	list-style: none;
	text-decoration: none;
	font: 0.9em Verdana, sans-serif;

}

ul#faq li.question {
	font: 1.1em Verdana, sans-serif;
	list-style-image: url(images/q.jpg);
    margin-bottom: 5px;
}

ul#faq li.answer {
	font: 1em Verdana, sans-serif;
	font-style: italic;
	list-style-image: url(images/a.jpg);
	margin-bottom: 20px;
}

#logintab {
	border: 0px;
	font-size:12px;
	color: #ccffcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logintab td {
	border: 0px;
}

#disttable {
	border: 0px;
}
	#disttable td {
		border: 0px;
	}