/* generic */
body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:100%; color:#333333; }
h1 { margin:0; padding:0; color:#336633; font-size:22px; }
h2 { margin:0; padding:0; color:#507828; font-size:18px; font-weight:normal; }
h3 { margin:0; padding:5px 0 10px 0; color:#507828; font-size:110%; font-weight:normal; width:100%; }
p { margin:0; padding:0; }
img { border: 0; margin:0; padding:0; }
a { color:#336633; text-decoration:none; }
a:hover { text-decoration:underline; }
a.skip { display:none; }
a.print { float:right; display:block; background:url(../images/print_icon.gif) left top no-repeat; padding-left:17px; font-size:80%; color:#1f8e41; text-decoration:none; }
a:hover.print { text-decoration:underline; }
#container { width:1000px; margin:0 auto 0 auto; }

.spacer10 { height: 10px; clear: both; }

.green { color: #008044; }
.toplink { width:400px; font: normal 10px Arial,Helvetica,sans-serif; text-align: right; color: #008044; }


#country_banner { background:url(../images/country_banner.jpg) top center no-repeat; min-height:380px; clear: both; width:999px; padding-top: 252px; }
#country_bg { background:url(../images/country_bg.gif) bottom center no-repeat; min-height:417px; clear: both; width:999px; position: relative; }
.countryForm { margin: 0 0 0 254px; padding: 90px 0 270px 0; width: 275px; height: auto; }
.countryForm p { font: normal 75%/150% Arial,Helvetica,sans-serif; color: #333333; padding-bottom: 10px; }
.countryForm .dropSelect { width: 200px; height: 24px; }
.country_submit { vertical-align: -10px; }
.country_bar { width: 500px; font: normal 70% Arial,Helvetica,sans-serif; color: #ffffff; position: absolute; bottom: 200px; left: 300px; }
.countryFormDisabled {	visibility: hidden;	display: none;}

.copyright { font-size: 80%;}
/* top banner and navigation */
#top_banner { background:url(../images/top_banner.gif) top center no-repeat; height:119px; float:left; width:999px; }
#logo { width:89px; height:75px; margin:0; padding:10px 0 0 100px; float:left; clear:both; }
#nav { float:left; margin:6px 0 0 20px; }
#nav ul { list-style-type:none; margin:0; padding:0; }
#nav li { display:inline; background:url(../images/common/bullet_nav.gif) left no-repeat; padding:0 10px 5px 15px; }
#nav li a { color:#fff; text-decoration:none; font-weight:bold; font-size:80%; }
#nav li a.on { color:#fff; text-decoration:underline; }
#nav li a:hover { color:#fff; text-decoration:underline; }

.insightHolder { width: 850px; clear: both; padding-left: 150px; }
.insight_left { width:390px; min-height: 400px; float:left; margin:0 10px 0 0; }
.insight_right { width:350px; min-height: 400px; float:left; margin:0; }
.insight_right p { padding: 0 0 5px 0; }
.insight_right h2 { padding: 5px 0 5px 0; }
.insight_right.listHolder { clear: both; min-height: 165px; }
.listHolder ul.one { width: 90px; float: left; }
.listHolder ul.two { width: 100px; float: left; }
.listHolder ul.three { width: 185px; float: left; }
.insightHolder p { font: normal 75%/150% Arial,Helvetica,sans-serif; color: #333333; }
.insight_dotrule { width: 305px; height: 12px; background:url(../images/common/nav_dots_x143.gif) center left repeat-x; clear: both; }
.insight_dotrule.ind { margin: 8px 0 0 15px; }
.product_pullout { width: 375px; min-height: 100px; padding: 0 0 8px 15px; background:url(../images/insights/insight_tint_bottom_x285.jpg) bottom left no-repeat; clear: both; }
.product_pullout p { width: 170px; padding-right: 10px; }

.insight_links { width: 375px; min-height: 140px; padding: 5px 0 0 15px; }
.insight_links1 { width: 375px; min-height: 100px; padding: 5px 0 0 15px; }
.insight_link_bullet a { height: 20px; display: block; padding-left: 20px; font: bold 14px Arial,Helvetica,sans-serif; color: #333333; background:url(../images/common/link_bullet.gif) 0px 2px no-repeat; }
.insight_link_star a { height: 20px; display: block; padding-left: 20px; font: bold 14px Arial,Helvetica,sans-serif; color: #008044; background:url(../images/common/link_star_bullet.gif) 0px 2px no-repeat; }
.insight_links ul { margin: 0; padding: 0;}
.insight_links ul li { list-style-type: none; }
.insight_links1 ul { margin: 0; padding: 0;}
.insight_links1 ul li { list-style-type: none; }
.links_hdr { height: 35px; clear: both; }
.links_hdr h1 { float: left; }
.links_hdr div.spotLink { float: right; width: 150px; margin-right: 10px; }
.linkPanels { width: 355px; clear: both; }
.linkPanels .one, .linkPanels .two, .linkPanels .three, .linkPanels .four { position: relative; width: 115px; min-height: 75px; float: left; background:url(../images/insights/insight_tint_x92.jpg) top left no-repeat; }
.linkPanels p { font: normal 10px/120% Arial,Helvetica,sans-serif; color: #008044; padding: 5px 0 0 7px; }
.linkPanels .one, linkPanels .four { width: 95px; }
.linkPanels .three { width: 100px; }
.linkPanels .two { width: 100px; }
.linkPanels .one img { position: absolute; top: 65px; right: 0px; }
.linkPanels .two img { position: absolute; top: 75px; right: 0px; }
.linkPanels .three img { position: absolute; top: 65px; right: 12px; }
.linkPanels .four img { position: absolute; top: 65px; right: 15px; }



/* content area used for some fragrance and product pages */
#area2 { float:left; clear:both; width:550px; padding:20px 0 40px 235px;}
#area2 p { font-size:80%; float:left; width:100%; padding:8px 0 8px 0; }
#area2 img.product { float:left; margin:15px 0 0 0; }
#area2 img.refill { float:left; margin:15px 0 5px 15px; }
#area2 ul { list-style-type:none; margin:0; padding:0; font-size:80%; font-weight:bold; float:left; }
#area2 li { background:url(../images/common/bullet_range.gif) left no-repeat; padding: 0 0 2px 10px; }

.refill { color:#336633; font-size:80%; font-weight:normal; }
.trademark {font-size: 70%;}
/* fragrance range */
h3.fragrance { margin:0; padding:10px 0 0 0; color:#336633; font-size:110%; font-weight:normal; }
h4.fragrance { margin:0; padding:0; color:#507828; font-size:90%; font-weight:bold; }
.grid1 { width:540px; float:left; margin:5px 0 15px 0; }
.grid1 .thumb { float:left; width: 80px; padding:0 5px 0 5px; display:block; text-align:center; }
.grid1 .thumb a { display:block; font-size:65%; color:#666666; text-decoration:none; text-transform:uppercase; }
.grid1 .thumb a:hover { text-decoration:underline; }
.grid1 img { margin:0 0 5px 0; }


/* individual fragrance */
#area3 { float:left; clear:both; width:550px; padding:20px 0 40px 235px; }
#area3 .hdr { float:left; width:580px; }
#area3 .hdr img { float:left; margin:0 10px 0 0; }
#area3 .hdr h1 h2 { float:left; }
#area3 a { font-size:80%; }
#area3 p { font-size:80%; float:left; width:100%; padding:10px 0 0 0; margin:0; }
#area3 h3 { float:left; color:#336633; margin:0; padding:10px 0 0 0; width:100%; }
#area3 p.product { font-size:80%; float:left; width:80%; padding:10px 0 0 0; margin:0; }
#area3 img { float:left; }
#area3 ul { list-style-type:none; float:left; margin:10px 20px 0 0; width:45%; padding:0; }
#area3 li { }
#area3 li a { color:#336633; }

/* product range */
.grid2 { width:540px; float:left; margin:0 0 15px 0; }
.grid2 .thumb { float:left; width: 150px; display:block; text-align:center; background-image: url(../images/common/image_backing.gif); }
.grid2 .thumb a { display:block; font-size:65%; font-weight: bold; color:#666666; text-decoration:none; text-transform:uppercase; }
.grid2 .thumb a:hover { text-decoration:underline; }
.grid2 img { margin:0; }


/* product page */
.productHolder { width: 850px; clear: both; }
.sideNav { width: 200px; min-height: 300px; float: left; }
.sideNav ul { margin: 30px 10px 0 30px; padding: 0; }
.sideNav ul li { margin:0; padding: 6px 0 4px 0; font: bold 12px/120% Arial,Helvetica,sans-serif; color: #008044; list-style-type: none; background:url(../images/common/nav_dots_x143.gif) top left no-repeat; }
.sideNav a { background:url(../images/common/bullet_range.gif) 4px 3px no-repeat; padding: 0 0 0 16px; display: block; }
.character_right { float:right; display:block; margin:-10px 0 0 0; }
.productHolder1 { width: 850px; clear: both; margin-left: 150px;}

#area4 { float:left; width:650px; padding:20px 0 40px 0px; }
#area4 p { font-size:80%; float:left; width:100%; padding:8px 0 8px 0; }
#area4 img.product { float:left; margin:15px 0 0 0; }
#area4 img.refill { float:left; margin:15px 0px 0px 15px; }
#area4 ul { list-style-type:none; margin:0; padding:0; font-size:80%; font-weight:bold; float:left; }
#area4 li { background:url(../images/common/bullet_range.gif) left no-repeat; padding: 0 0 2px 10px; }
#area4 p.prod_desc { font-size:80%; float:left; width:390px; padding:8px 10px 8px 0; clear:left; }
#area4 img.character { float:left; display:block; margin:-10px 0 0 0; }
#area4 img.character_right { float:right; display:block; margin:-10px 0 0 0; }

#fun { float:left; width:650px; padding:20px 0 40px 0px; }
#fun p { font-size:80%; float:left; width:400px; padding:8px 10px 8px 0; clear:left; }
.wallpapers { clear: both; min-height: 80px; width: 400px; }
.imageHolder { float:left; width: 120px; min-height: 90px; margin: 0; }
.textHolder { float:left; width:280px; height: 85px; padding-top: 5px; }
.textHolder span { font: normal 80%/120% Arial,Helvetica,sans-serif; color: #333333; }

#faqs { float:left; width:650px; padding:20px 0 40px 0px; }
#faqs p { font-size:80%; float:left; width:400px; padding:8px 10px 8px 0; clear:left; }
#faqs p.product { color: #507828; padding: 20px 0 0 0; }
#faqs p.faq_q { color: #008044; padding: 12px 0 4px 0; font-weight: bold; }
#faqs p.faq_a { color: #333333; padding: 0 0 6px 0; }
#faqs img.character { float:left; display:block; margin:-10px 0 0 0; }

/* footer */
#footer { float:left; width:990px; text-align:center; padding-bottom:10px; }
#footer h2 { display:none; }
#footer ul { list-style-type:none; margin:0; padding:0; }
#footer li { display:inline; padding:0 5px 0 10px; border-left:#666666 solid 1px; }
#footer li.first { display:inline; padding:0 5px 0 10px; border:none; }
#footer li a { color:#666666; text-decoration:none; font-size:75%; }
#footer li a:hover { text-decoration:underline; }

.spotlights { width: 800px; height: auto; clear: both; padding: 0 0 0 100px; }
.spotRow { width: 800px; margin: 0 0 0 45px; min-height: 136px; clear: both; }
.spotHolder { width: 395px; margin: 0; padding: 0 0 0 0; min-height: 136px; float: left; }
.spotHolder .pic { width: 175px; float: right; }
.spotHolder p { width: 210px; font: normal 12px/120% Arial,Helvetica,sans-serif; color: #008044; padding-top: 20px; }

.spotLink { padding-top: 10px; }
.spotLink a { height: 20px; display: block; padding-left: 20px; font: bold 13px Arial,Helvetica,sans-serif; color: #008044; background:url(../images/common/link_bullet.gif) 0px 2px no-repeat; }

.heroes { width: 850px; min-height: 140px; clear: both; padding: 0 0 0 100px; }
.heroes h2 { font: bold 12px Arial,Helvetica,sans-serif; color: #008044; margin-bottom: 5px; }
.heroes p { font: normal 11px/120% Arial,Helvetica,sans-serif; color: #073a22; }
.hero03 { width: 215px; min-height: 140px; background:url(../images/home/insight_bg1.jpg) top left no-repeat; float: left; padding: 44px 0 0 80px; }
.hero03 .text { width: 170px; }
.hero01 { width: 190px; min-height: 140px; background:url(../images/home/insight_bg2.jpg) top left no-repeat; float: left; padding: 44px 0 0 70px; }
.hero01 .text { width: 170px; }
.hero02 { width: 185px; min-height: 140px; background:url(../images/home/insight_bg3.jpg) top left no-repeat; float: left; padding: 44px 0 0 90px; }
.hero02 .text { width: 160px; }

.button { float: left; margin-right: 20px; padding-top: 3px; width: 106px; height: 17px; border: 1px solid #038144; background: #ffffff; text-align: center; text-decoration: none; font: bold 10px trebuchet ms, verdana, sans-serif; color: #038144; }
.sitempap_subhead {	color: #000000; }

/* CSS for all the contact pages */

.bgcolorwhite {
	background-color: #FFFFFF;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
}

a.copy:link {
	color: #006633;
	text-decoration:underline;
}

a.copy:visited {
	color: #006633;
	text-decoration:underline;
}

.bgcoloryellow {
	background-color: #FFFFBD;
}

.bgcolorblue {
	background-color: #BAD80A;
}

.bgcolorgreen {
	background-color: #008751;
}

.copyboxedblu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	background-color: #EEEEEE;
	padding: 12px;
	border: 1px solid #008751;

}

/* CSS for the FRESHMATIC mini & ultra pop up pages */

.experience {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #008751;
}

.teasercopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #666666;
}

#botinfo{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #7E5C16;
}

#homesolutions{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

#homesolutions h3 { color:#507828; font-size:12px; font-weight:bold; }
#homesolutions img { text-decoration: none; }

#site1{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

#site1 a { text-decoration: underline; font-weight: bold }