/*
Theme Name: Avraham Aromatherapy
Theme URI: http://www.avrahamaromatherapy.com/
Description: Avraham Aromatherapy main site template
Version: 0.4
Authors: Gra Linnea (http://www.icetree.com/) & Bodhi Goforth (http://www.afinerweb.com/)
Graphic Design: Janelle Frazier (http://www.ohsographic.com/) & Bodhi Goforth
*/

/* fonts & colors */
body {font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; background-color: #fffdf3; color: #222;}

a:link, a:active, a:focus, a:visited  {color:#7200ff;}
a:hover {color:#7200FF;}

#left ul a {color:#8010FF;} /* 498494 */
#left ul a:hover {color:#9220FF; background: #B199FF /*#9f81ff;*/}
#left ul li ul li a {color:#7200FF;} /* 498494 */
#left ul li ul li a:hover {color:#9220FF; background: #D4C7FF;}

table.qoo th {background: #999;}
table.qoo tr.even {background: #ddd;}

#right h2, .offers h2, .offers-left h2 {font-family:Georgia, "Times New Roman", Times, serif;  color: #00738c;}
#left, #right, .offers, .offers-left {font-family:Helvetica, Arial, sans-serif;}
.offers h3, .offers-left h3, .offers-left p span {color:#7200ff;}

#content h2, #content-2col h2 {font-family: Georgia, "Times New Roman", Times, serif; color:#00738c;}
h3.qoo, .qoo-nav {font-family:Helvetica, Arial, sans-serif; color:#00738c;}
h3.section-title {font-family: Georgia, "Times New Roman", Times, serif; color:#000000;}

.org-cert, .altgreen { color: green;}
.altred { color: #901;}

.left-photo, .photo-title {font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;}

#footer {font-family: Helvetica, Arial, sans-serif;}
#footer-nav a, #footer-nav a:active, #footer-nav a:focus {color:#5D7CC4;}
#footer-nav a:hover {color:#7200FF;}
#footer-nav #secondary a {color:#222;}
/* #footer-nav #secondary a:visited {color: #500013;}  */
#footer-nav #secondary a:hover {color:#7200FF;} 
#footer-nav span {color: #585858;}
/* end fonts & colors */

/* structure */
* {margin:0; padding:0}
p {
  margin:0 0 .5em 0; 
  padding:5px; 
  /*opera 8 needs the position:relative on the inner content but opera 9 doesn't */      
  /* position:relative; commented out 2011.02.27 to fix photo credit link on home page - bodhi */
} 
/* body {margin-left: 10px; font-size: 100.1%;} */
body {font-size: 100.1%;} 

blockquote { margin:0 80px 4px 40px; font-style:italic;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

#page {margin: 0 auto; width: 985px;}

#header {
  background: transparent url(images/masthead.jpg) top left no-repeat;
  width: 985px;
  height:130px;
  margin-bottom:10px;
}

#left {
  float: left;
  background: transparent url(images/sidebar-bg.jpg) left top no-repeat;
  width:180px;
  height: 500px;
}

#left ul {
  text-align:left;
  margin:25px 0 0 0; 
/*  height: 500px; */
  list-style-type:none;
}

#left ul a {
  text-decoration:none;
  font-size: 1.1em;
  font-weight:bold;
  line-height:29px;
  display: block;
  width: 140px;
  padding-left: 40px;
}

#menu-wrapper {
  height: 410px;
}

#right {
  float: right; 
  background: transparent url(images/sidebar-bg.jpg) left top no-repeat;
  width:180px;
  height: 500px;
  margin-right:0;
  text-align:center;
}

#right h2 {
  font-size: 1.1em; 
  font-style:italic; 
  margin-bottom:20px;
  margin: 1.0em 0;
}

.offers {
  background: transparent url(images/sidebar-bg.jpg) left top no-repeat;
  font-size: .75em;
  width:180px;
  height: 430px;
  text-align:center;
}
.offers h2 {
  font-size: 1.6em; 
  font-style:italic; 
  margin-bottom:20px;
  padding-top:10px;
}
.offers h3 {font-size:1.2em; margin-bottom: -3px;}

.offers-left {
  font-size: .75em;
  width:180px;
  height: 350px;
  text-align:center;
}
.offers-left h2 {
  font-size: 1.4em; 
  font-style:italic; 
  margin-bottom:5px;
  padding-top:5px;
}
.offers-left h3 {font-size:1.0em; margin-bottom: -3px;}
.offers-left p {margin: 0 0 -5px 0;}
.offers-left p span {font-size:1.1em; font-weight: bold;}

h3.section-title {
  font-size:1.15em;
	font-style:italic;
	margin-top: .7em;
}

#right h3 {font-size:.75em; margin-bottom: -3px;}
#right p {font-size:.75em;}
/* #right img {margin: -6px auto 20px auto; display: block;} */
#right a img, .offers a img {border: none;}

#content {
  width:605px;
  margin: 0 auto;
  font-size: .9em;
}

#content-2col {
  width:795px;
  margin-left: 190px;
  font-size: .9em;
}

#content h2, #content-2col h2 {
  font-style: italic;
  font-size: 1.4em;
  margin: .2em 0 .5em 0;
}

#content p, #content-2col p {margin: 0;}

#textbox {
	margin:10px 30px 10px 30px;
	font-size:.8em;
	line-height:1.5em;
	padding:15px 20px 15px 20px;
	border:1px #ccc dashed;
}

p.link {text-align:right;}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center {text-align: center}

.rightpic, .leftpic {
	border:1px #666 solid;
	margin:10px 20px 10px 20px;
	background-color:#fff;
	text-align:center;
}

.rightpic {float:right;} 
.leftpic {float:left;} 

.rightpic p, .leftpic p { font-size:.7em;}

.img-left {
  font-size: .7em;
  margin-right: 10px;
  float: left;
  text-align: center;
  z-index: 100;
}

#contop {
  display: block;
  position: relative;
  background: transparent url(images/contop-bg.jpg) bottom left no-repeat ;
  width:587px;
  padding:9px;
}

#contopflow {
  background: transparent url(images/rosa_damascena_200.jpg) top left no-repeat;
  width:200px;
  height:20px;
	margin-top: 10px;
	padding-top: 204px;
	padding-right: 10px;
  float:left;
	font-size:.7em;
	text-align: center;
}

#contopflow2 {
  background: transparent url(images/rosa_damascena_200.jpg) top left no-repeat;
  width:200px;
  height:35px;
	padding-top: 200px;
	padding-right: 8px;
  float:left;
	font-size:.7em;
	text-align: center;
}

.left-photo {
	font-size: .7em;
	text-align: center;
}

.photo-title {
	font-size: 1.0em;
	text-align: center;
	line-height: 1.3em;
}

#conmid {
  width:587px;
  padding:9px;
}

#conbot {
  background: transparent url(images/conbot-bg.jpg) top left no-repeat;
  width:587px;
  padding:9px;
}

#conbotflow {
  height:300px;
  width:258px;
  float:right;
}

#con2top {
  background: transparent url(images/con2top-bg.jpg) bottom left no-repeat ;
  width:777px;
  padding:9px;
  text-align: justify;
}

#con2mid {
  width:777px;
  padding:9px;
  text-align: justify;
}

#con2mid h2, #con2bot h2 {
/*  width:777px; */
  padding:9px;
  text-align: center;
}

#con2bot {
  background: transparent url(images/con2bot-bg.jpg) top left no-repeat;
  width:777px;
  padding:9px;
  text-align: justify;
}

h3.qoo {
  font-size: 1.0em;
  font-style: italic; 
	width: 777px;
	text-align: center;
	word-spacing:20px;
	letter-spacing:1px;
	margin-bottom: 10px;
}

.qoo-nav {
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic; 
}

#footer {
  background: #d8cbff url(images/footer-bg.jpg) top left no-repeat;
  width:985px;
  margin-top: 10px;
}

#footer-nav {
  background: transparent url(images/footer-bg2.jpg) bottom left no-repeat;
  font-size: .75em;
  line-height: 15px;
  font-weight: bold; 
  padding: 15px 0 18px 0;
  text-align:center;
}

#footer-nav span {
  padding: 0 3px;
  font-size: 1.0em;
  font-weight: bold;  
}

#secondary {
  font-size: .95em;
  font-weight: normal; 
}

#credits {
  text-align: center;
  font-size: .7em;
}

#credits span {font-weight: bold}

.clear {clear: both;}
.italic {font-style: italic}
  
img.right {
   float: right;
	 margin-left: 8px;
}
img.left {
   float: left;
	 margin-right: 8px;
}

table.qoo {
  font-size: .85em;
  border: #7200FF 1px solid;
  border-collapse:collapse;
	margin-bottom: 8px;
}
table.qoo td, table.qoo th {
  text-align: center;
  padding: 3px;
/*  border-bottom: #7200FF 1px solid; */
}
table.qoo td strong {font-size: 1.15em;}
table.qoo td select {
	margin-top: 4px;
	font-size: .8em;	
}
.price_code {
	font-size: .8em;	
	font-weight: bold;
}
table.qoo a {
  margin-top: 15px;
}
img.spinner {
  visibility: hidden;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;	 
}
img.cart {
  border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	margin-top: 4px;	
	margin-bottom: 6px;	
}
.mini_cart {
  position: absolute;
  left: 830px;
  top: 7px;
  font-size: .55em;
  font-weight: bold;
  line-height: .6em;
  text-align: center;
}
.mini_cart p {
  margin: 0;
}
.mini_cart a img {
  border: none;
}

.legend {
  font-size: .8em;
  font-weight: bold;
  text-align: center;
}

.qoo-btm-spcr {height: 10em;}

.org-cert {font-size: .85em; font-weight: bold;}
.altgreen, .altred {font-weight: bold;}

ul.training {
  margin-left: 45px;
	margin-bottom: 20px;
}

#qoo-idx-col1 {
  float: left;
	width: 250px;
	padding-left: 90px;
}
#qoo-idx-col2 {
  float: left;
	width: 250px;
}
#qoo-idx-col3 {
  float: left;
	width: 185px;
}

.anchor {
  position: relative;
  top: -30px;
}

.toplink {
  font-size: .8em;
	font-weight: bold;
	text-align: center;
}
/* end structure */