/* CSS Document */


/******** UNIVERSAL STYLES ***************/
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#999;
	/*background-color:#ebebeb;*/
	font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	/*color:#adadad;*/
	color:#666666;
	font-size:11px;
	font-style:normal;
	line-height:14px;
}



img, div {
	border:none;
	vertical-align:middle;
	/*behavior:url(js/iepngfix.htc);*/
}

h1 {
	display:block;
	font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	font-size:46px;
	font-style:normal;
	font-weight:normal;
	margin:50px 0px 50px 0px;
}

h2 {
	display:block;
	font-family:Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	margin-top:10px;
	line-height:1.1em;
}

h3 {
	font-size:1.5em;
	padding:10px 0;
}

p {
	padding:0 0 10px;
	font-size:11px;
	line-height:14px;
}

ul {
	padding-left:12px;
	display:block;
}

ul li {
	padding:0 0 6px;
	display:list-item;
	list-style-type:disc;
}

a, a:visited {
	
	font-size:inherit;
	color:#666666;
	text-decoration:underline;
}

a:hover {
	color:#bbbbbb;
	text-decoration:underline;
}

input.text {
	float:left;
	display:inline;
	color:#a6a6a6;
	background:#fff;
	height:10px;
	font-size:10px;
	line-height:10px;
	border:1px solid #a6a6a6;
	border-left:none;
	border-right:none;
	vertical-align:middle;
	width:75px;
}

input.text2 {
	float:left;
	display:inline;
	color:#a6a6a6;
	background:#fff;
	height:19px;
	font-size:11px;
	line-height:24px;
	border:1px solid #a6a6a6;
	border-left:none !important;
	border-right:none !important;
	margin:0;
}

input.text3 {
	color:#a6a6a6;
	background:#fff;
	height:19px;
	font-size:11px;
	/* line-height:24px; */
	border:1px solid #a6a6a6;
}

select {
	float:left;
	display:inline;
	color:#a6a6a6;
	background:#fff;
	height:19px;
	font-size:11px;
	line-height:24px;
	border:1px solid #a6a6a6;
}

.checkbox {float:left; display:inline; margin-right:30px; clear:left;}
.label {float:left; display:inline;}

#contentWrapper {
	margin:0 auto;
	padding:0px;
	width:767px;
}

#topBuffer {
	float:left;
	display:inline;
	width:767px;
	height:49px;
}

#topNav {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
	height:58px;
}

#lowerNavBuffer {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
	height:17px;
}





/********** ADMIN STYLES ***************/
.vertmiddle
{
	vertical-align: middle;
}

#contentHeader{	
	padding: 10px 0px 20px 0px;
}


ul#sideNav
{
	float:left;
	display:inline;
	width:767px;
	list-style: none;
	margin: 10px 0 25px 0px;
	padding: 0;
	border-bottom:3px double #efefef;
}

ul#sideNav li
{
	float:left;
	display: inline; 
	list-style: none;	
	text-align:center;
	font-size:1em;
	color:#efefef;
	line-height:30px;
}

ul#sideNav li a, ul#sideNav li a.active
{
	cursor: pointer;
	margin: 0 0px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

ul#sideNav li a.active
{	
	font-size: 14px;
}


table.adminDisplay
{
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #efefef;
}


table.adminDisplay caption, table.adminDisplay th, table.adminDisplay td
{
	text-align: left;
	font-weight: normal;
	color: #63606B;
	padding: 4px 7px;
	line-height:20px;
}

table.adminDisplay th
{
	font-size:12px;
	color:#fff;
}

table.adminDisplay th a
{
	font-size:12px;
}

.buttonClass
{
	color: #fff;	
	text-align: center;
	background-color: #adadad;
	border:none;

} 

/*#contentWrapper div.buttonpanel
{
	text-align: center;
	padding-top: 15px;
	clear: both;	
	width:100%;
}

.rowHeader
{	
	font-weight: bold;	
}*/

/********** ADMIN STYLES ***************/


/******* FORM FORMATTING STYLES **************/

#fragTable {width:735px; border:none; margin:10px 20px; clear:left;}
	#fragTable td {padding-bottom:10px;}
	#fragTable td.firstRow {width:350px;}
	#fragTable td.submit {text-align:right;border:0;padding-bottom:10px;}
	
	div.oneThird {width:245px; float:left; display:inline;}

.error {float:right;width:350px;color:#f00;}
.captchaImage {float:left;display:inline;clear:both;margin:10px;margin-left:20px;border:1px solid #fff;}

/******* END FORM FORMATTING STYLES **************/



/********** HOME PAGE STYLES ***************/

#flash {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:760px;
	height:349px;
}

#flashBottomBuffer {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
	height:36px;
}

#homeBottomContent {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:571px;
	height:114px;
}

#homeLogin {
	float:left;
	display:inline;
	margin-top:35px;
	padding-top:20px;
	width:196px;
	height:114px;
}

#homeLogin div.left {
	float:left;
	display:inline;
	text-align:right;
	width:86px;
}

#homeLogin div.right {
	float:left;
	display:inline;
	text-align:left;
	width:110px;
}

#homeLogin p {
	margin:0;
	padding:0 10px;
}




/******* FRAGRANCE FAN CLUB STYLES ****************/

#fragranceMainImg {
	float:left;
	display:inline;
	margin:0 25px 25px 0;
	padding:0px;
	width:292px;
}

#fragranceContentRight {
	float:left;
	display:inline;
	margin-left:0;
	padding:0px;
	width:381px;
}



/******* WHERE TO BUY STYLES **************/

#whereToBuyImg {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:309px;
	height:491px;
}

#whereToBuyCopy {
	float:left;
	display:inline;
	margin-left:77px;
	padding:0px;
	width:381px;
}

#whereToBuyCopy div.left {
	float:left;
	display:inline;
	width:100px;
}

#whereToBuyCopy div.right {
	float:left;
	display:inline;
	width:200px;
}



/********** WHAT'S NEW STYLES ************/

#whatsNewImg {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:386px;
}

#whatsNewCopy {
	float:left;
	display:inline;
	margin-left:25px;
	padding:0px;
	width:344px;
}


/******** USAGE FAQ STYLES **************/

#usageFAQImg {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:330px;
	height:491px;
}

#usageFAQCopy {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:437px;
	height:351px;
}

#usageFAQCopy p {
	font-size:12px;
	margin:0;
	padding:0;
}

#usageFAQCopyBuffer {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:347px;
	height:35px;
}

#usageFAQBottomContent {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:437px;
	height:105px;
}


/******* CONTACT US STYLES **************/

#contactImg {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
	height:290px;
}

#contactImgCredit {
	float:left;
	display:inline;
	text-align:right;
	padding:5px 0;
	width:760px;
	font-size:9px;
}

#contactImgCredit a {
	font-size:9px;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}

#contactImgSmall {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:240px;
}

#contactCopy {
	float:left;
	display:inline;
	margin-left:40px;
	padding:0px;
	width:430px;
}



/********* PRODUCTS PAGE STYLES ***********/

#productsImg {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
	height:290px;
}

#productsImgBuffer {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
}

#productsContent {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	width:767px;
}

.floater, #reedDiffuserFloater, #largePouredFloater, #mediumPouredFloater, #votivesFloater, #fragranceMistFloater {
	display:none;
	position:absolute;
	border:none;
	background-color:transparent;
	padding:0px;
	/*width:284px; 
	height:259px;*/
}



/****** FRAGRANCE PORTFOLIO STYLES *************/



#portfolioMainImg {
	float:left;
	display:inline;
	margin:20px 0;
	padding:0px;
	width:767px;
}

#portfolioTableDiv {
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

table.portfolioTable {
	margin:0px;
	padding:0px;
	border:none;
}

td.darkRow {
	margin:0px;
	padding:5px 5px 5px 5px;
	height:38px;
	vertical-align:middle;
	text-align:center;
	background-color:#f6f6f7;
	border-right:1px dotted #CCCCCC;
	
}

td.darkRowEnd {
	margin:0px;
	padding:5px 5px 5px 5px;
	height:38px;
	vertical-align:middle;
	text-align:left;
	background-color:#f6f6f7;
	/*border-top:1px solid #f6f6f7;*/
}

td.lightRow {
	margin:0px;
	padding:5px 5px 5px 5px;
	height:38px;
	vertical-align:middle;
	text-align:center;
	background-color:#ffffff;
	border-right:1px dotted #CCCCCC;
}

td.lightRowEnd {
	margin:0px;
	padding:5px 5px 5px 5px;
	height:38px;
	vertical-align:middle;
	text-align:left;
	background-color:#ffffff;
	/*border-top:1px solid #fff;*/
}


/** FOOTER **/
#footer {
	float:left;
	display:inline;
	margin-top:40px;
	margin-bottom:40px;
	padding:0px;
	width:767px;
	text-align:center;
	clear:left;
}

#footer a, #footer p {
	font-family:Gill Sans, Verdana, Helvetica, Arial, sans-serif;
	display:inline;
	font-size:11px;
	margin:0px 20px 0px 20px;
	text-decoration:none;
}


/****** RESULTS PAGE STYLES *************/
#resultsContent {
	float:left;
	display:inline;
	width:707px;
	margin:10px;
}

#topResults {
	float:left;
	display:inline;
	width:707px;
	border-bottom:1px solid #999;
}

.resultSet {
	float:left;
	display:inline;
	width:707px;
	border-bottom:1px dotted #ccc;
}

#topResults p, #resultSet p {
	width:400px;
}

.rightDiv {
	float:right;
	display:inline;
	width:200px;
	padding:10px 0;
	text-align:right;
}

.rightDiv div.left {
	float:right;
	display:inline;
	text-align:right;
	line-height:20px;
}

.rightDiv div.right {
	float:right;
	display:inline;
	text-align:left;
}



/**  NEW RETAILER SECTION  **/
#retail_top_nav {float:left; display:inline; width:760px;}
	#retail_top_nav ul {float:right; display:inline;}
		#retail_top_nav ul li {float:left; display:inline; margin-right:5px;}
			#retail_top_nav ul li a {display:block; padding-right:15px; background:url(../images/go_btn.gif) top right no-repeat;}



/*
#retailer_nav {float:left; display:inline; width:627px; margin:0 55px;}
	#retailer_nav ul {width:626px;}
		#retailer_nav ul li {float:left; display:inline;}
			#retailer_nav ul li a {float:left; display:inline; height:36px; text-indent:-9999px;}
			#retailer_nav ul li.resources a {background:url(../images/resources-off.gif) 0 0 no-repeat; width:146px;}
				#retailer_nav ul li.resources:hover a,
				#retailer_nav ul li.resources a.active {background-image:url(../images/resources-on.gif);}
			
			#retailer_nav ul li.graphics a {background:url(../images/graphic-library-off.gif) 0 0 no-repeat; width:125px;}
				#retailer_nav ul li.graphics:hover a,
				#retailer_nav ul li.graphics a.active {background-image:url(../images/graphic-library-on.gif);}
			
			#retailer_nav ul li.calendar a {background:url(../images/calendar-off.gif) 0 0 no-repeat; width:81px;}
				#retailer_nav ul li.calendar:hover a,
				#retailer_nav ul li.calendar a.active {background-image:url(../images/calendar-on.gif);}
			
			#retailer_nav ul li.gallery a {background:url(../images/event-gallery-off.gif) 0 0 no-repeat; width:106px;}
				#retailer_nav ul li.gallery:hover a,
				#retailer_nav ul li.gallery a.active {background-image:url(../images/event-gallery-on.gif);}
			
			#retailer_nav ul li.newsletter a {background:url(../images/newletter-off.gif) 0 0 no-repeat; width:95px;}
				#retailer_nav ul li.newsletter:hover a,
				#retailer_nav ul li.newsletter a.active {background-image:url(../images/newletter-on.gif);}
			
			#retailer_nav ul li.forms a {background:url(../images/forms-off.gif) 0 0 no-repeat; width:71px;}
				#retailer_nav ul li.forms:hover a,
				#retailer_nav ul li.forms a.active {background-image:url(../images/forms-on.gif);}
				
	#retailer_nav span {float:right; display:inline; width:620px; margin:0 5px; text-align:right;}
		#retailer_nav span a {float:right; display:block; padding-right:15px; background:url(../images/go_btn.gif) top right no-repeat; width:205px;}
*/

#retailer_nav {float:left; display:inline; width:700px; margin:0 25px;}
	#retailer_nav ul {width:691px;}
		#retailer_nav ul li {float:left; display:inline;}
			#retailer_nav ul li a {float:left; display:inline; height:36px; text-indent:-9999px;}
			#retailer_nav ul li.resources a {background:url(../images/resources-off.gif) 0 0 no-repeat; width:146px;}
				#retailer_nav ul li.resources:hover a,
				#retailer_nav ul li.resources a.active {background-image:url(../images/resources-on.gif);}
			
			#retailer_nav ul li.graphics a {background:url(../images/graphic-library-off.gif) 0 0 no-repeat; width:125px;}
				#retailer_nav ul li.graphics:hover a,
				#retailer_nav ul li.graphics a.active {background-image:url(../images/graphic-library-on.gif);}
			
			#retailer_nav ul li.calendar a {background:url(../images/calendar-off.gif) 0 0 no-repeat; width:81px;}
				#retailer_nav ul li.calendar:hover a,
				#retailer_nav ul li.calendar a.active {background-image:url(../images/calendar-on.gif);}
			
			#retailer_nav ul li.gallery a {background:url(../images/event-gallery-off.gif) 0 0 no-repeat; width:106px;}
				#retailer_nav ul li.gallery:hover a,
				#retailer_nav ul li.gallery a.active {background-image:url(../images/event-gallery-on.gif);}
			
			#retailer_nav ul li.newsletter a {background:url(../images/newletter-off.gif) 0 0 no-repeat; width:95px;}
				#retailer_nav ul li.newsletter:hover a,
				#retailer_nav ul li.newsletter a.active {background-image:url(../images/newletter-on.gif);}
			
			#retailer_nav ul li.forms a {background:url(../images/forms-off.gif) 0 0 no-repeat; width:61px;}
				#retailer_nav ul li.forms:hover a,
				#retailer_nav ul li.forms a.active {background-image:url(../images/forms-on.gif);}
				
			#retailer_nav ul li.orders a {background:url(../images/orders-off.gif) 0 0 no-repeat; width:77px;}
				#retailer_nav ul li.orders:hover a,
				#retailer_nav ul li.orders a.active {background-image:url(../images/orders-on.gif);}
				
	#retailer_nav span {float:right; display:inline; width:620px; margin:0 5px; text-align:right;}
		#retailer_nav span a {float:right; display:block; padding-right:15px; background:url(../images/go_btn.gif) top right no-repeat; width:205px;}

				
				
		
.col1 {float:left; display:inline; width:690px; margin-left:70px;}
	.col1 .header {float:left; display:inline; width:180px; font-size:20px; padding:10px 0;}
	.col1 .searchWrap {float:left; display:inline; width:300px;}
	.col1 p {clear:left; padding:10px 0; font-size:1.1em;}
	
	.col1 .searchResults {float:left; width:560px; margin-left:90px;}
		.col1 .searchResults .item {float:left; width:560px; margin:20px 0;}
			.col1 .searchResults .item .name {font-size:1.2em;}
			.col1 .searchResults .item .black {font-size:1.2em; color:#000;}
			.col1 .searchResults .item .desc {font-family:Georgia, "Times New Roman", Times, serif; color:#999; font-size:11px;}
			.col1 .searchResults .item a {display:block; padding-right:15px; background:url(../images/go_btn.gif) top right no-repeat; width:50px;}
			.col1 .searchResults .item a.calLink {font-family:Georgia, "Times New Roman", Times, serif; color:#999; font-size:11px; text-decoration:none; display:inline; width:auto;}
			
	.graphic_library table {width:560px; border:none; clear:left; margin:20px 0;}
		.graphic_library table th {background:#666; color:#fff; padding:3px 5px 15px; border-right:1px solid #fff;}
			.graphic_library table th a {color:#fff;}
		.graphic_library table td {background:#fff; color:#666; border-right:1px solid #666;}
		.graphic_library table td.end {border-right:1px solid #666;}
			.graphic_library table td a {color:#666;}
		.graphic_library table tr.dark td {background:#ccc; color:#666; padding:3px;}
		
	.cal_detail table {width:560px; clear:left;}	
	.cal_detail td {width:250px; padding:10px 15px; font-size:1.2em;}
	.cal_detail td.left {text-align:right;}
	.cal_detail td.right {text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
		.cal_detail td.right a {color:#36C;}
		
		
		
.col {float:left; display:inline; width:350px; margin:20px 0;}
	.col p {font-size:12px; line-height:20px;}
		.col p .big {font-size:18px;}
			
				
