/* import style patches for IE6
------------------------------------------------------------------- */
@import url('ie6.css');

/* import style patches for IE7
------------------------------------------------------------------- */
@import url('ie7.css');

/* begin layout structure styles
------------------------------------------------------------------- */
#headerWrapper {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:240px;
	background:url(../images/bg_header_tile.gif) left top repeat-x #b5dcf1;
	border-bottom:1px solid #0085cf;
}
#headerForceCenter {
	margin:0 auto;
	padding:0;
	width:974px;
	height:240px;
	background:url(../images/header.gif) left top no-repeat;
}
#headerContainer {
	margin:0;
	padding:0;
	width:974px;
	height:240px;
	position:relative;
}
#bodyWrapper {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	background:url(../images/bg_body_outside.gif) left top repeat-x #fff;
}
#bodyForceCenter {
	margin:0 auto;
	padding:0;
	width:974px;
}
#bodyContainer {
	margin:0;
	padding:22px 30px 22px 30px;
	width:914px;
	background:url(../images/bg_body_inside.gif) left top repeat-x #fff;
	text-align:left;
}
#footerWrapper {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:230px;
	background:url(../images/bg_footer_tile.gif) left top repeat-x #b5dcf1;
}
#footerForceCenter {
	margin:0 auto;
	padding:0;
	width:974px;
	height:230px;
	background:url(../images/footer.gif) left top no-repeat;
}
#footerContainer {
	margin:0;
	padding:0;
	width:974px;
	height:230px;
	position:relative;
}
#content {
	margin:0;
	padding:0 30px 0 0;
	width:640px;
	border-right:1px solid #efefef;
}
#contentNoBorder {
	margin:0;
	padding:0 30px 0 0;
	width:640px;
}
#sidebar {
	margin:0;
	padding:0;
	width:213px;
	float:right;
}
#sidebarWide {
	margin:0;
	padding:0;
	width:236px;
	float:right;
}

/* begin navigation styles
------------------------------------------------------------------- */
#nav {
	margin:0 0 0 140px;
	padding:197px 0 0 0;
	list-style-type:none;
}
#nav li {
	margin:0;
	padding:0;
	display:inline;
	background:url(../images/nav_delimiter.gif) right top no-repeat;
	float:left;
}
#nav li.last {
	background:none;
}
#nav li a, 
#nav li a:link, 
#nav li a:visited, 
#nav li a:active {
	margin:0 2px 0 0;
	padding:10px 20px;
	float:left;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	letter-spacing:1px;
}
#nav li a:hover {
	color:#003471;
}
#nav li a.currentLocation {
	float:left;
	margin-right:2px;
	color:#0cb8ea;
	background:url(../images/nav_tab_on.gif) left top repeat-x;
	border-bottom:1px solid #d3d2d2;
}


/* begin global styles
------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666;
	background-color:#3ba1da;
}
a, 
a:link, 
a:link, 
a:link {
	color:#0085cf;
	text-decoration:none;
}
a:hover {
	color:#0085cf;
	text-decoration:underline;
}
a img {
	border:none;
}
p {
	margin:0;
	padding:0 0 1.5em 0;
	line-height:1.6em;
}
h1, hr, .hide {
	display:none;
}
#shoppingCart {
	margin:0;
	padding:1.0em 1.5em;
	background:url(../images/bg_btn_cart_tile.gif) left top repeat-x #efefef;
	border:1px solid #ccc;
	position:absolute;
	top:35px;
	right:30px;
	text-align:left;
}
#shoppingCart a.cartLink, 
#shoppingCart a.cartLink:link, 
#shoppingCart a.cartLink:active, 
#shoppingCart a.cartLink:visited {
	margin:0;
	padding:0 0 0 22px;
	background:url(../images/icon_cart.gif) left top no-repeat;
	color:#003471;
	text-decoration:none;
	font-size:125%;
	letter-spacing:0.02em;
}
#shoppingCart a.cartLink:hover {
	color:#0cb8ea;
	text-decoration:none;
}
#content h2, 
#contentNoBorder h2 {
	margin:0;
	padding:0 0 0.75em 0;
	font-size:180%;
	font-weight:normal;
	letter-spacing:1px;
	color:#003471;
}
#sidebar h2, 
#sidebarWide h2 {
	margin:0;
	padding:0.5em 0 0.5em 12px;
	font-size:125%;
	font-weight:normal;
	color:#003471;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #003471;
	background:url(../images/bg_promobox_tile.gif) left top repeat-x;
}
h3 {
	margin:0;
	padding:0 0 0.5em 0;
	font-size:14px;
	font-weight:normal;
	color:#003471;
	line-height:1.4em;
}
a.readMore {
	display:block;
	margin:6px 0 0 0;
	padding:0 20px 0 0;
	text-align:right;
	background:url(../images/icon_arrow_right.gif) right no-repeat;
}
.noborder {
	border:none;
}
.lavender {
	color:purple;
}
.citrusBubble {
	color:#fa0;
}
.clearit {
	margin:0;
	padding:0;
	font-size:0px;
	display:block;
	width:100%;
}
.floatLeft {
	margin:3px 2.0em 1.5em 0;
	padding:0;
	float:left;
}
.floatRight {
	margin:3px 0 1.5em 2.0em;
	padding:0;
	float:right;
}
.backToTop {
	font-size:85%;
	margin:0;
	padding:0 0 0 16px;
	background:url(../images/icon_arrow_up.gif) left -1px no-repeat;
}
.error {
	color:#f00;
}
.blue {
	color:#003471;
}
.pink {
	color:#f0f;
}
.lightGrey {
	color:#999;
}
ul.square {
	margin:0 0 0 1.5em;
	padding:0 0 1.5em 0;
	list-style-type:square;
	line-height:1.5em;
}
ol {
	margin:0 0 0 1.75em;
	padding:0 0 1.5em 0;
	line-height:1.5em;
}
p.short {
	padding-bottom:0.5em;
}
.smallType {
	font-size:85%;
}
/* begin promo box styles
------------------------------------------------------------------- */
#promoWrapper {
	margin:13px 0 0 0;
	padding:0 0 0 0;
	width:914px;
	height:177px;
	position:relative;
}
#promoBoxLeft {
	margin:0;
	padding:0;
	width:326px;
	height:175px;
	background:url(../images/bg_promobox_tile.gif) left top repeat-x #efefef;
	border:1px solid #ddd;
}
#promoBoxMiddle {
	margin:-177px 0 0 338px;
	padding:0;
	width:326px;
	height:175px;
	background:url(../images/bg_promobox_tile.gif) left top repeat-x #efefef;
	border:1px solid #ddd;
}
#promoBoxRight {
	margin:-177px 0 0 676px;
	padding:0;
	width:236px;
	height:175px;
	background:url(../images/bg_promobox_tile.gif) left top repeat-x #efefef;
	border:1px solid #ddd;
}
.promoContentContainer {
	margin:0;
	padding:13px 18px 13px 18px;
}
.promoContentContainer h3 {
	margin:0 0 13px 0;
	padding:0 0 2px 0;
	font-weight:normal;
	color:#003471;
	border-bottom:1px solid #003471;
}
.promoContentContainer img {
	float:left;
	margin:3px 15px 10px 0;
	padding:0;
	border:5px solid #fff;
}

/* begin footer styles
------------------------------------------------------------------- */
#announcement {
	margin:0 0 0 0;
	padding:13px 0 0 0;
	width:974px;
	color:#007647;
	font-size:20px;
}
#footerContainer a, 
#footerContainer a:link, 
#footerContainer a:visited, 
#footerContainer a:active {
	color:#fff;
	text-decoration:none;
}
#footerContainer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footLinksLeft {
	margin:50px 0 0 125px;
	padding:0;
	
	list-style-type:none;
	color:#fff;
	text-align:left;
}
#footLinksLeft li{
	padding:0 0 0.75em 0;
}
#footLinksLeft a.phone {
	padding:0 0 0 22px;
	background:url(../images/icon_phone.gif) left top no-repeat;
}
#footLinksLeft a.phone:hover {
	text-decoration:none;
}
#footLinksLeft a.user {
	padding:0 0 0 22px;
	background:url(../images/icon_user.gif) left top no-repeat;
}
#footLinksRight {
	margin:50px 35px 0 0;
	padding:0;
	width:49%;
	color:#fff;
	text-align:right;
	float:right;
}
#footLinksRight ul {
	margin:0;
	padding:0 0 2.0em 0;
	list-style-type:none;
}
#footLinksRight ul li {
	margin:0 0 0 1.0em;
	padding:0 0 0 1.0em;
	border-left:2px solid #4da9dd;
	float:right;
}
#footLinksRight ul li.last {
	border:none;
}
#copyright {
	float:right;
	font-size:80%;
}

/* begin sidebar styles
------------------------------------------------------------------- */
#sidebar ul, 
#sidebarWide ul {
	margin:0;
	padding:0;
	border:none;
	background:none;
	list-style-type:none;
}

/* may need to add styles for #sidebar ul li similar to above style */

#sidebar ul li ul, 
#sidebarWide ul li ul {
	margin:0 0 1.5em 0;
	padding:0 0 0 0;
	list-style-type:none;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#sidebar ul li ul li {
	margin:0;
	padding:0;
}
#sidebar ul li ul li a, 
#sidebar ul li ul li a:link, 
#sidebar ul li ul li a:visited, 
#sidebar ul li ul li a:active {
	margin:0;
	padding:.75em 0 0.75em 30px;
	color:#0085cf;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #fff;
	background:url(../images/icon_arrow_right.gif) 8px no-repeat #fafafa;
} 
#sidebarWide ul li ul li a, 
#sidebarWide ul li ul li a:link, 
#sidebarWide ul li ul li a:visited, 
#sidebarWide ul liul li a:active {
	margin:0;
	padding:.75em 0 0.75em 30px;
	color:#0085cf;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #fff;
	background:url(../images/icon_arrow_right.gif) 8px no-repeat #fafafa;
}
#sidebar ul li ul li a:hover  {
	background-color:#003471;
	color:#fff;
	text-decoration:none;
}
#sidebarWide ul li ul li a:hover {
	background-color:#003471;
	color:#fff;
	text-decoration:none;
}
#sidebar ul li ul li a.currentSubLocation {
	color:#fff;
	background-color:#b4db6a;
}
#sidebarWide ul li ul li a.currentSubLocation {
	color:#fff;
	background-color:#b4db6a;
}

/* begin homepage styles
------------------------------------------------------------------- */
#hpMainBanner {
	margin:0 0 20px 0;
	padding:0;
	width:640px;
	height:380px;
	background:url(../images/HomepageBanner.jpg) left top no-repeat;
}
#hpBannerButtons {
	margin:240px 0 0 0;
	padding:0;
	float:right;
	width:430px;
}
#hpBannerButtons #hpLav, 
#hpBannerButtons #hpCb {
	margin:0;
	padding:0;
	float:left;
	width:49%;
}
#hpBannerButtons #hpLav div, 
#hpBannerButtons #hpCb div {
	float:inherit;
	text-align:left;
}
/* button off state */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	padding-bottom:3.0em;
}
a.button {
    background: transparent url(../images/btn_bg_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url(../images/btn_bg_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
/* button active state */
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* begin products page(s) styles
------------------------------------------------------------------- */
.productDisplayContainer {
	margin:0 0 25px 0;
	padding:0 0 0 0;
	width:640px;
	height:150px;
	border-bottom:1px solid #efefef;
}
.productDisplayContainerLast {
	margin:0;
	padding:0 0 0 0;
	width:640px;
	height:150px;
}
.productDisplayLeft {
	margin:0;
	padding:0;
	width:310px;
	height:150px;
}
.productDisplayRight {
	margin:-151px 0 0 330px;
	padding:0;
	width:310px;
	height:150px;
}
.productDisplayLeft p img, 
.productDisplayRight p img {
	float:left;
	margin:0;
	padding:0 20px 20px 0;
}
.productDisplayLeft p, 
.productDisplayRight p {
	float:left;
}
.productDisplayLeft a, 
.productDisplayRight a {
	margin-top:10px;
}
.productDetail {
	margin:0;
	padding:0;
	height:360px;
}
.productDetail a {
	margin-bottom:15px;
}
.productDetailBorderBottom {
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;
	height:360px;
	border-bottom:1px solid #efefef;
}
#dispenserHowTo {
	margin:0;
	padding:0;
	height:200px;
}

/* begin faq page styles
------------------------------------------------------------------- */
.faqQuestions {
	margin:0;
	padding:0 0 1.5em 0;
	list-style-type:none;
}
.faqQuestions li a, 
.faqQuestions li a:link, 
.faqQuestions li a:visited, 
.faqQuestions li a:active  {
	margin:0;
	padding:0;
	display:block;
	line-height:1.6em;
}
.faqQAndA {
	margin:0;
	padding:0 0 1.5em 0;
	line-height:1.5em;
}
.faqQAndA dt {
	margin:0;
	padding:0 0 0.25em 0;
	color:#003471;
	font-size:110%;
}
.faqQAndA dd {
	margin:0;
	padding:0 0 0.25em 0;
}

/* begin contact page styles
------------------------------------------------------------------- */
#generalForm {
	margin:0 0 1.5em 0;
	padding:20px 35px 0 25px;
	border:1px solid #eee;
	background:url(../images/bg_general_form.gif) left top repeat #efefef;
}
.formText {
	margin:0;
	padding:0 0 0.5em 0;
	font-size:115%;
	display:block;
	color:#666;
}
.formTextInline {
	margin:0;
	padding:0 0 0.5em 0;
	font-size:115%;
	display:inline;
	color:#666;
}
#generalForm input {
	margin:0 0 1.5em 0;
	padding:0.2em 0 0.2em 0.5em;
	width:100%;
	border:1px solid #ddd;
	display:block;
	background-color:#fff;
	font-size:115%;
	color:#003471;
}
#generalForm input.hide {
	display:none;
}
#generalForm textarea {
	margin:0 0 1.5em 0;
	padding:0 0 0 0.5em;
	width:100%;
	border:1px solid #ddd;
	display:block;
	height:150px;
	background-color:#fff;
	font-size:115%;
	color:#003471;
}
p.alert {
	margin:0;
	padding:0 0 0 22px;
	background:url(../images/icon_alert.gif) left top no-repeat;
	color:#aaa;
}
.antiSpam {
	font-weight:bold;
	letter-spacing:1px;
}
.generalForm select {
	margin:0;
	padding:0;
	display:inline;
}
#generalForm select.special_select {
	display:block;
	margin-bottom:2.0em;
	width:100%;
}
.formInlineElement {
	margin:0 0 1.5em 0;
	padding:0;
}

/* begin how it works (about) page styles
------------------------------------------------------------------- */
.howItWorksStep, 
.howItWorksStepTall {
	margin:0 0 1.5em 0;
	padding:0;
	height:160px;
	border-bottom:1px solid #eee;
}
.howItWorksStepTall {
	margin:0;
	height:190px;
	border:none;
}
img.howItWorksAnimation {
	margin:0 0 1.0em 0;
	padding:0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

/* begin worepress styles
------------------------------------------------------------------- */
#s {
	margin:0.25em 0 0.5em 0;
	padding:0.25em 0 0.25em 0.25em;
	background-color:#fff;
	border:1px solid #ddd;
	width:211px;
	display:block;
	font-size:115%;
	color:#003471;
}
.testimonialAuthor {
	margin:0;
	padding:0;
	display:block;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:85%;
	font-style:italic;
}
.post small {
	margin:0 0 1.0em 0;
	padding:0;
	display:block;
}
#commentform #comment {
	width:638px;
	background-color:#fff;
	border:1px solid #ddd;
	font-size:115%;
	color:#003471;
}
#commentform #author, 
#commentform #email, 
#commentform #url {
	background-color:#fff;
	border:1px solid #ddd;
	padding:0.25em 0 0.25em 0.25em;
	font-size:115%;
	color:#003471;
}
cite {
	text-transform:uppercase;
}
ol.commentlist {
	margin:0;
	padding:0;
	list-style-type:none;
}
ol.commentlist li {
	margin:0 0 1.5em 0;
	padding:1.0em 1.25em 0 1.5em;
	background:url(../images/bg_general_form.gif) left top repeat #e3fbb4;
	border:1px solid #e3fbb4;
}
.entry .postmetadata, 
.entry .postmetadata .alt {
	margin:0 0 1.5em 0;
	padding:0 0 1.0em 0;
	border-bottom:1px solid #eee;
}
.post h3 {
	font-size:125%;
}

/* begin vote for your favorite scent results styles
------------------------------------------------------------------- */
#fav_scent_results {
	margin:0 0 1.5em 0;
	padding:0;
	width:640px;
	height:430px;
	background:url(../promotions/images/vote_results_grid.gif) left top no-repeat;
}
#fav_scent_results table {
	margin:0;
	padding:0;
	border:none;
	width:640px;
	height:430px;
}
#fav_scent_results table td {
	margin:0;
	padding:0;
	text-align:center;
	padding-bottom:18px;
}

/* begin lightbox styles
------------------------------------------------------------------- */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;	
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	position:fixed; /* I added this to fix the scrolling of the shade */
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
	position:fixed; /* I added this to fix the scrolling of the lightbox */
}

/* begin popup window styles
------------------------------------------------------------------- */

body.popup {
	margin:0;
	padding:0;
	background-color:#fff;
	text-align:center;
}

/* begin wholesale page styles
------------------------------------------------------------------- */
.wholesaleProductDisplay {
	margin:0 0 1.5em 0;
	padding:0;
	height:285px;
	border-bottom:1px solid #efefef;
}

/* begin shipping page styles
------------------------------------------------------------------- */
#shippingChart {
	margin-bottom:1.5em;
	border:1px solid #ccc;
}
#shippingChart .tableHeader {
	background-color:#efefef;
}

/* begin current promotions page styles
------------------------------------------------------------------- */
.promoProductWrapper {
	margin:0 0 1.75em 0;
	padding:0 0 5em 0;
	border-bottom:1px solid #ddd;
}
.promoProductWrapper_last {
	margin:0 0 0 0;
	padding:0 0 5em 0;
	border-bottom:none;
}
.promoProductWrapper img, 
.promoProductWrapper_last img {
	margin:0 0 1.0em 0;
	padding:0;
	width:638px;
	height:200px;
	border:1px solid #eee;
}

/* begin multimedia page styles
------------------------------------------------------------------- */
a.multimedia, 
a.multimedia:link, 
a.multimedia:visited, 
a.multimedia:active {
	background:url(../promotions/images/multimedia_icon_audio_off.jpg) 15px 15px no-repeat;
	border-bottom:1px solid #eee;
	display:block; 
	height:100px;
	margin:0 0 0 0;
	padding:15px 0;
}
a.multimedia:hover {
	text-decoration:none;
	background:url(../promotions/images/multimedia_icon_audio_on.jpg) 15px 15px no-repeat #eeeeff; 
}
.multimedia_wrapper {
	margin:0 0 0 130px;
	display:block;
}
.multimedia_item {
	display:block;
}
a.multimedia_video, 
a.multimedia_video:link, 
a.multimedia_video:visited, 
a.multimedia_video:active {
	background:url(../promotions/images/multimedia_icon_video_off.jpg) 15px 15px no-repeat;
	border-bottom:1px solid #eee;
	display:block; 
	height:100px;
	margin:0 0 0 0;
	padding:15px 0;
}
a.multimedia_video:hover {
	text-decoration:none;
	background:url(../promotions/images/multimedia_icon_audio_on.jpg) 15px 15px no-repeat #eeeeff; 
}