@charset "utf-8";
@import url("content-stylesheet.css");
@import url("pages-stylesheet.css");

/* GLOBAL RESET */
* {
padding: 0px; margin: 0px; }

/* GENERIC TAG ELEMENTS */
html, body {
padding: 0px; margin: 0px; width: 100%; height:100%;}
body { background-color:#463a32; }

/* CLEARS */
.clear-both, .clear-left, .clear-right {height:0px; font-size:0px; line-height:0px;}
.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}

/* STRUCTURAL ELEMENTS */
/* |1| Site Container */
#site-container {
width: 100%;
height:100%;
background:url(../images/generic/bg.gif) center top repeat-x; }
/* |1b| Centering Attributes */
#header-content, #main-content_container, #base_nav, #base_brands, #footer {
width:984px;
margin: 0 auto;}

	/* |2| Header */
	#header {
	width:100%;
	height:159px;
	background:url(../images/generic/bg_header_flowers.gif) center top repeat-x;}
		#header-content {
		background:url(../images/generic/bg_header.gif) center top repeat-x;
		height:129px;}
		#header-content img {
		margin: 29px 0 0 29px;}
			#header-content-top {
			height:129px;}
				#header-content-top-right {
				height:129px;
				width:512px;
				background:url(../images/generic/bg_header-caption.gif) 303px 60px no-repeat;
				float:right;}
				/* Login */
				#header-content-top-right a.login:link,
				#header-content-top-right a.login:active,
				#header-content-top-right a.login:visited {
				background:url(../images/generic/bg_padlock.gif) left 3px no-repeat;
				font:normal 13px calibri, "Times New Roman", Times, serif;
				text-decoration:none;
				color:#bbb1aa;
				padding: 0px 0px 0px 12px;
				margin: 8px 12px; 0 0;
				float:right; }
				/* Welcome */
				#header-content-top-right p.welcome {
				display:block;
				font:normal 13px calibri, "Times New Roman", Times, serif;
				text-decoration:none;
				text-transform:capitalize; 
				color:#bbb1aa;
				padding: 0px 0px 0px 12px;
				margin: 8px 12px; 0 0;
				float:right; }
				#header-content-top-right p.welcome span {
				font-weight:bold;text-transform:capitalize;  }
				/* Shopping */
				#header-content-top-right a.shopping:link,
				#header-content-top-right a.shopping:active,
				#header-content-top-right a.shopping:visited {
				background:url(../images/generic/bg_shopping-cart.gif) left 3px no-repeat;
				font:normal 13px calibri, "Times New Roman", Times, serif;
				text-decoration:none;
				color:#bbb1aa;
				padding: 0px 0px 0px 15px;
				margin: 8px 12px; 0 0;
				float:right; }
				
				#header-content-top-right a.login:hover, #header-content-top-right a.welcome:hover, #header-content-top-right a.shopping:hover {
				color:#fff;}
			#nav {
			height:30px;
			background-color:#2f241c;}
				#nav ul {
				display:block;
				list-style:none;
				width:770px;
				float:left;}
					#nav li {
					list-style:none;
					display:block;
					float:left;
					background:url(../images/generic/nav_bg-divider.gif) right bottom no-repeat;}
						#nav li a:link,
						#nav li a:active,
						#nav li a:visited {
						display:block;
						padding: 0 8px 0 24px;
						height:30px;}
						#nav li a.nav1 {width:33px; background:url(../images/generic/nav_home.gif) 24px top no-repeat;}
						#nav li a.nav2 {width:49px; background:url(../images/generic/nav_products.gif) 24px top no-repeat;}
						#nav li a.nav3 {width:38px; background:url(../images/generic/nav_brands.gif) 24px top no-repeat;}
						#nav li a.nav4 {width:67px; background:url(../images/generic/nav_whats-new.gif) 24px top no-repeat;}
						#nav li a.nav5 {width:91px; background:url(../images/generic/nav_about.gif) 24px top no-repeat;}
						#nav li a.nav6 {width:48px; background:url(../images/generic/nav_retailers.gif) 24px top no-repeat;}
						#nav li a.nav7 {width:59px; background:url(../images/generic/nav_contact.gif) 24px top no-repeat;}
						#nav li a.nav8 {width:59px; background:url(../images/generic/nav_subscribe.gif) 24px top no-repeat;}
						#nav li a:hover.nav1, 
						#nav li a:hover.nav2, 
						#nav li a:hover.nav3, 
						#nav li a:hover.nav4, 
						#nav li a:hover.nav5, 
						#nav li a:hover.nav6, 
						#nav li a:hover.nav7,
						#nav li a:hover.nav8,
						#nav li a.nav1.selected, 
						#nav li a.nav2.selected, 
						#nav li a.nav3.selected, 
						#nav li a.nav4.selected, 
						#nav li a.nav5.selected, 
						#nav li a.nav6.selected, 
						#nav li a.nav7.selected,
						#nav li a.nav8.selected{
						background-position: 24px bottom;}
				#nav .search {
				float:left;
				padding: 4px 0 0 2px;}
					#nav .search input {
					font:normal 11px Arial, Helvetica, sans-serif;
					width:178px;
					height:14px;
					padding: 3px 0 3px 5px;
					float:left;
					border:solid 1px #e1d0c6;}
					#nav .search input.submit {
					font:normal 15px Arial, Helvetica, sans-serif;
					color:#ffffff;
					display:block;
					background:url(../images/generic/button_search.gif) left top no-repeat;
					width:24px;
					height:22px;
					border:none;
					padding: 2px 0 3px 0;
					margin: 0 0 0 3px;}


	/* |3| Main Content area */
	#main-content {
	min-height:392px;
	background:url(../images/generic/bg_mid_flowers.jpg) center repeat;}
		#main-content_container {
		min-height:392px;
		background-color: #fff;}
		#main-content .img1 {
		background:url(../images/interior/WhatsNew_side.jpg) right top no-repeat #fff; }
		#main-content-area {
		position:relative;
		padding: 28px 28px 5px 28px;
		text-align:justify;}
		.shorter-content-area {
		width:710px;}
		#right-content-area {
		min-height:392px;
		width:214px;
		float:right;}
		#right-content-area img {
		border-bottom:solid 1px #fff;
		padding:0;
		margin:0;}
				
	/* |4| Base (Bottom Nav, Brand Icons, Footer) */
	#base {
	height:187px;
	background:url(../images/generic/bg_footer.gif) left top repeat-x;}
		#base_nav {
		height:30px;
		background:url(../images/generic/base_nav_bg-fade.gif) left top repeat-x;}
			#base_nav ul {
			display:block;
			list-style:none;
			/*width:770px;*/}
				#base_nav li {
				list-style:none;
				display:block;
				float:left;
				background:url(../images/generic/nav_bg-divider.gif) right bottom no-repeat;}
					#base_nav li a:link,
					#base_nav li a:active,
					#base_nav li a:visited {
					font:normal 12px Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#d5bfa9;
					display:block;
					padding: 7px 8px 0 15px;
					height:23px;
					float:left;}
					#base_nav li a:hover {
					background-position: 24px bottom;
					color:#ffffff;}
		#base_brands {
		height:120px;
		clear:both;
		background-color:#bfac98;
		padding: 0 0 0 1px;}
			#base_brands .item-left {
				width:328px;
				height:120px;
				float:left;
				border-right:solid 1px #9b8775;
				padding: 0;}
				#base_brands #essence {background:url(../images/generic/base_brands_essence_off.png) center top no-repeat #bfac98;}
				#base_brands #living-art {background:url(../images/generic/base_brands_living-arts_off.gif) left top no-repeat;}
				#base_brands #basic {background:url(../images/generic/base_brands_basic_off.gif) left top no-repeat; border-right:none;}
				#base_brands #essence.selected-item {background:url(../images/generic/base_brands_essence_on.png) center top no-repeat #e0d5cc;}
				#base_brands #living-art.selected-item {background:url(../images/generic/base_brands_living-arts_on.png) center top no-repeat #e0d5cc;}
				#base_brands #basic.selected-item {background:url(../images/generic/base_brands_basic_on.png) center top no-repeat #e0d5cc;}
				#base_brands .item a:link, #base_brands .item a:active, #base_brands .item a:visited {
				display:block;
				height:120px;
			}

			#base_brands .item-centre {
				width:327px;
				height:120px;
				float:left;
				border-right:solid 1px #9b8775;
				padding: 0;}
				#base_brands #essence {background:url(../images/generic/base_brands_essence_off.png) center top no-repeat #bfac98;}
				#base_brands #living-art {background:url(../images/generic/base_brands_living-arts_off.gif) left top no-repeat;}
				#base_brands #basic {background:url(../images/generic/base_brands_basic_off.gif) left top no-repeat; border-right:none;}
				#base_brands #essence.selected-item {background:url(../images/generic/base_brands_essence_on.png) center top no-repeat #e0d5cc;}
				#base_brands #living-art.selected-item {background:url(../images/generic/base_brands_living-arts_on.png) center top no-repeat #e0d5cc;}
				#base_brands #basic.selected-item {background:url(../images/generic/base_brands_basic_on.png) center top no-repeat #e0d5cc;}
				#base_brands .item a:link, #base_brands .item a:active, #base_brands .item a:visited {
				display:block;
				height:120px;
			}

			#base_brands .item-right {
				width:327px;
				height:120px;
				float:left;
				/*border-right:solid 1px #9b8775;*/
				padding: 0;}
				#base_brands #essence {background:url(../images/generic/base_brands_essence_off.png) center top no-repeat #bfac98;}
				#base_brands #living-art {background:url(../images/generic/base_brands_living-arts_off.gif) left top no-repeat;}
				#base_brands #basic {background:url(../images/generic/base_brands_basic_off.gif) left top no-repeat; border-right:none;}
				#base_brands #essence.selected-item {background:url(../images/generic/base_brands_essence_on.png) center top no-repeat #e0d5cc;}
				#base_brands #living-art.selected-item {background:url(../images/generic/base_brands_living-arts_on.png) center top no-repeat #e0d5cc;}
				#base_brands #basic.selected-item {background:url(../images/generic/base_brands_basic_on.png) center top no-repeat #e0d5cc;}
				#base_brands .item a:link, #base_brands .item a:active, #base_brands .item a:visited {
				display:block;
				height:120px;
			}
			
		#footer {
		height:30px;
		background-color:#2f241d;}
	#footer p {
	float:left;
	padding: 4px 0px 0px 26px;
	color:#544b47; }
	#footer p.copyright {
	font:normal 11px Arial, Helvetica, sans-serif;
	padding: 7px 0px 0px 10px;
	margin: 0 15px 0 0;}
	#footer p a:link,
	#footer p a:active,
	#footer p a:visited {
	color:#fff;
	text-decoration:none;}
	#footer p a:hover {
	color:#ccc; }
	#footer #footer_indepth-logo {
	float:right;
	margin: 6px 10px 0px 0px; }
	
	/* |6| Pagination */
	#pagination {
	position:absolute;
	top:0px;
	right:0px;
	width:400px;
	text-align:right;
	margin: 24px 35px 0 0;}
	
	/* For for Firefox, Opera & Safari */
	#pagination a:link,
	#pagination a:active,
	#pagination a:visited {
	display:inline-block;
	font:normal 11px Arial, Helvetica, sans-serif; 
	color:#000000;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 6px 4px;
	vertical-align:middle;
	height:22px;
	line-height:21px;}
	#pagination a img { border:none;}
	/* For for ie6 */
	* html #pagination a:link,
	* html #pagination a:active,
	* html #pagination a:visited {
	padding: 5px 4px 9px 4px;
	line-height:8px;}
	/* For for ie7 */
	*:first-child+html #pagination a:link,
	*:first-child+html #pagination a:active,
	*:first-child+html #pagination a:visited {
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
	line-height:normal;
	line-height:16px;}
	
	#pagination a.selected:link,
	#pagination a.selected:active,
	#pagination a.selected:visited {
	font-weight:bold;}
	#pagination a.prev img {
	margin: 0px 0px 0px 0px;}
	#pagination a.prev:link,
	#pagination a.prev:active,
	#pagination a.prev:visited {
	display:inline;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;}
	#pagination a.next img {
	margin: 0px 0px 0px 0px;}
	#pagination a.next:link,
	#pagination a.next:active,
	#pagination a.next:visited {
	display:inline;
	vertical-align:middle;
	height:22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	/* For for ie6 */
	* html #pagination a.next:link,
	* html #pagination a.next:active,
	* html #pagination a.next:visited {
	padding: 0px 0px 6px 0px;}
	
	/* Form Items */
	.form-container {
	background:url(../images/generic/divider.gif) left top no-repeat;
	padding: 10px 0px 0px 0px; }
	.form-container .row {
	width:710px;
	background:url(../images/interior/divide_medium.gif) left top no-repeat;
	padding: 24px 0px 0px 0px;
	margin: 0px 0px 16px 0px; }
	.form-container .row-submit {
	width:710px;
	height:20px;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px; }
	.form-container .row .item {
	width:355px;
	float:left;}
	.form-container .row .item p {
	width:94px;
	float:left;}
	.form-container .row .item-full {
	width:710px;
	float:left; }
	.form-container .row .item-full p {
	width:94px;
	float:left;}
	.form-container input {
	width:249px;
	height:22px;
	border:solid 1px #99a0aa;
	float:left; }
	.form-container input.checkbox {
	border:none;
	width:13px;
	margin-right: 5px;}
	.form-container input.radio {
	border:none;
	width:13px;
	margin-right: 5px;}
	.form-container select {
	width:251px;
	height:22px;
	border:solid 1px #99a0aa;
	float:left; }
	.form-container textarea {
	display:block;
	width:605px;
	height:84px;
	border:solid 1px #99a0aa;
	float:left; }
	.form-container input.button {
	display:block;
	float:right;
	width:59px;
	border:none;
	padding: 3px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	background:url(../images/generic/button_bg.gif) left top no-repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#ffffff;}	
	
/* |1| Home Page */
.flash-container {
position:absolute;
top:0px;
left:0px;
width:984px;
height:542px;
}
.flash-container.essence {
background:url(../images/interior/img_home-essence.jpg) left top no-repeat;}

/* |2| BRANDS PAGE */
#brands_images {
height:246px;
margin: 0 0 0 6px;}
#brands_images div {
float:left;
height:246px;
width:296px;
margin: 0 10px 0 0;}
#brands_images div a.brand_link:link, #brands_images div a.brand_link:active, #brands_images div a.brand_link:visited {
display:block;
height:202px;
width:296px;
margin:0;
padding:0;}
#brands_images div a img {
margin:0; border:none;
padding:0;}
#brands_images div h3 {
font: normal 21px  Arial, Helvetica, sans-serif ;
letter-spacing:2px;
text-transform:uppercase;
color:#fff;
height:31px;
padding: 6px 0 0 10px;
margin-bottom:0px;
background:url(../images/interior/brands_header-bg.jpg) left top repeat-x;}
#brands_images div h3 a:link, #brands_images div h3 a:active, #brands_images div h3 a:visited {
font: normal 21px  Arial, Helvetica, sans-serif ;
letter-spacing:2px;
text-transform:uppercase;
text-decoration:none;
color:#fff; }
#brands_images div h3 a:hover {
color:#d5bfa9;}
#brands_images .essence {}
#brands_images .living-art {}
#brands_images .basic {margin:0;}

/* |3| PRODUCTS */
#products {
padding: 8px 0 8px 0;
text-align:center;}
#products img {
border:none;}
#products .products_item {
width:153px;
height:100px;
float:left;
margin: 1px 1px 0 0;
text-align:center;}
#products .products_item img {
max-width:153px;
max-height:100px;
border:none;}
#products table {
font:normal 11px Arial, Helvetica, sans-serif;
text-align:left;}
#products table th {
background-color:#584539;
border-right:solid 1px #fff;
color:#fff;
padding: 10px;
}
#products table td {
background:url(../images/generic/bg_table.gif) left bottom repeat-x #ead6c5;
padding: 10px;
border-right:solid 1px #fff;
color:#584539;
vertical-align:top;}
#products table td.image {
padding: 2px;
text-align:center;
}
#products table td.image img {
margin: 0px;}
#products table td input {
width:50px;}
#products .form-container .row-submit {
	width:928px;
	height:90px;
	padding: 12px 0px 12px 0px; }
#products ul {
text-align:left;
list-style:none;}
#products ul li {
list-style:none;
padding: 0;
border-top: dotted 1px #000;}
#products ul li p {
padding: 0;}
#products ul li p span {
font-weight:bold;}
#products ul li h3 {
padding:0px;
color:#000;}

.negative_message {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color:#dd5737;
	margin: 0px 0px 50px 0px;	
}
.positive_message {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #584a41;
	line-height: 20px;
	margin: 0px 0px 50px 0px;	
}
