/* -------------------------------------------

TITLE : EcoLifestyle

AUTHOR : SiteSuite Australasia
AUTHOR URL : http://www.sitesuite.com.au

DESCRIPTION : Full Site Styles
 
------------------------------------------ */

/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

html, body {
	margin: 0;
	padding: 0;
	}

html { 	background: #f1efdd url(../templateimages/bgtile.jpg) top left repeat-x; }
body {
	background: url(../templateimages/bg_lrg.jpg) top center no-repeat;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #6d6969;
	}

#wrapper  {
	width: 948px;
	margin: 0 auto;
	}
	
	#logoBar {
		height: 206px;
		width: 948px;
		}
	
		#logoBar img { border: 0; display: block; }
		.logo {
			float: left;
			width: 244px;
			height: 206px;
			}
		.bnnrTxt { float: left; }
	
	#internalWrap {
		background: #fff;
		width: 944px;
		padding: 2px;
		}
		
		#navImgBar {
			width: 944px;
			height: 118px;
			background: url(../templateimages/nav_images.jpg) top left no-repeat;
			margin: 0 0 2px 0;
			}

		#navBar {
			width: 944px;
			height: 54px;
			overflow: hidden;
			background: #8baf45 url(../templateimages/nav_bg.jpg) top left repeat-x;
			}
	
			/*-------------------------------------------
			  DROPDOWNS
			-------------------------------------------*/
	
			#nav, #nav ul {
				list-style: none;
				padding: 0;
				margin: 0;
				}
			
			#nav li {
				cursor: pointer;
				float: left;
				margin: 0;
				}
				
			#nav li a {
				min-height: 15px;
				font: normal 14px Arial, Helvetica, sans-serif;
				color: #fff;
				display: block;
				text-decoration: none;
				width: 146px;
				height: 34px;
				text-align: center;
				padding: 10px 5px;
				border-right: 2px solid #fff;
				}
			
			#nav li a.last { border-right: 0px; width: 144px; }
				
			#nav li a:hover { 
				color: #fff;
				text-decoration: none;
				}
			
			#nav li.selected a { color: #fff; }
			
			#nav li.selected a:hover { 
				color: #fff;
				text-decoration: none;
				}
			
			#nav li.selected a, #nav li a:hover {}
					
			#nav li ul a, #nav li ul a:visited {
				min-height: 15px;
				font: normal 11px Arial, Helvetica, sans-serif;
				display: block;
				text-decoration: none;
				text-align: left;
				padding: 7px 10px;
				border-top: 1px solid #e0e7b4;
				border-right: 1px solid #e0e7b4;
				border-left: 1px solid #e0e7b4;
				color: #fff;
				width: 150px;
				background-color: #d1db8f;
				text-transform: none;
				}
				
			#nav li ul a:hover { 
				background-image: none;
				color: #89a245;
				background-color: #e8edc7;
				}
			
			#nav li.selected ul a, #nav li.selected ul a:visited {
				font: normal 11px Arial, Helvetica, sans-serif;
				display: block;
				text-decoration: none;
				text-align: left;
				padding: 5px 5px 5px 10px;
				border-top: 1px solid #e0e7b4;
				border-right: 1px solid #e0e7b4;
				color: #fff;
				width: 150px;
				}
				
			#nav li.selected ul a:hover { color: #fff; }
				
			#nav li ul li { background-color: #d1db8f; }
			
			#nav li {
				float: left;
				padding: 0;
				}
			
			#nav li ul {
				position: absolute;
				border-bottom: 1px solid #e0e7b4;
				left: -999em;
				height: auto;
				width: 167px;
				margin: 0;
				padding: 0;
				}
			
			#nav li li {
				width: 150px;
				background-image: none;
				}
			
			#nav li ul ul { margin: -26px 0 0 176px; }
			
			#nav li:hover ul ul,
			#nav li:hover ul ul ul,
			#nav li.sfhover ul ul {
				left: -999em;
				}
			
			#nav li:hover ul,
			#nav li li:hover ul,
			#nav li li li:hover ul,
			#nav li.sfhover ul,
			#nav li li.sfhover ul {
				left: auto;
				z-index: 500;
				}
			
			#nav li:hover, #nav li.sfhover {
				color: #fff;
				position: static;
				}
			
			#nav li ul li:hover, #nav li ul li.sfhover { 
				background-image: none;
				background-color: #d1db8f;
				}
		
		#contentInner {
			padding: 32px 25px;
			width: 894px;
			overflow: hidden;
			}
			
			#homeLeftContent {
				width: 242px;
				float: left;
				}
				
				#featuredProduct {
					width: 242px;
					background: #e7e4ce;
					border: 1px solid #dfdcc9;
					overflow: hidden;
					margin: 0 0 20px 0;
					}	

					#featuredProduct h2 {
						border: 0;
						color: #99967c;
						margin: 0 0 15px 0;
						}
					
					#featuredProduct h3 {
						margin: 0 0 5px 0;
						padding: 0;
						font: 12px/19px Arial, Helvetica, sans-serif;
						color: #858268;
						border: none;
						}
					#featuredProduct p, #featuredProduct td, #featuredProduct li { color: #858268; line-height: 19px; }
					#featuredProduct table { margin: 0; }

			#mainContent {
				width: 586px;
				margin: 0 30px 0 0;
				float: left
				}

			#mainContentHome {
				width: 314px;
				margin: 0 30px;
				float: left
				}
			
			#rightContent {				
				width: 278px;
				float: left;
				overflow: hidden;
				}
				
				#search {
					width: 253px;
					height: 29px;
					background: #d3ecf7 url(../templateimages/search_bg.jpg) bottom left no-repeat;
					padding: 15px 13px;
					overflow: hidden;
					}
					
					.searchInput {
						width: 203px;
						border: 1px solid #e9e8e0;
						height: 15px;
						padding: 5px;
						float: left;
						}
					
					.searchButton {
						width: 38px;
						height: 36px;
						float: right;
						margin: -5px 0 0 0;
						}
				
				#productSpecials {
					width: 242px;
					padding: 17px;
					margin: 20px 0;
					border: 1px dashed #adab96;
					overflow: hidden;
					}
					
					#productSpecials h2 { margin: 0 0 10px 0; }
					#productSpecials p, #productSpecials td, #productSpecials li { color: #b3b099; }
					#productSpecials p { margin: 0 0 10px 0; }
				
				#didYouKnow {
					width: 242px;
					padding: 17px 17px 10px 17px;
					overflow: hidden;
					background: #f4f2e5;
					border: 1px solid #e9e7d3;
					}
					#didYouKnow p { color: #adab96; margin: 0 0 10px 0; }
		
		#footer {
			width: 894px;
			padding: 25px;
			background: #96b657 url(../templateimages/footer_bg.jpg) top left repeat-x;
			font: 12px/23px Arial, Helvetica, sans-serif;
			color: #d4e2b1;
			}
			
			#footer a {
				text-decoration: none;
				color: #d4e2b1;
				padding: 0 5px;
				}

			#footer a:hover { text-decoration: underline; }
			#footerLinksTop, #footerLinksTop a { color: #fff; }
			#footerLinksTop a.first, #footer a.onlineStore { padding: 0 5px 0 0; }
			#footerLinksTop a {
				font-weight: bold;
				padding: 0 5px;
				}
	
	#SS {
		padding: 15px 0;
		font: 12px/23px Arial, Helvetica, sans-serif;
		color: #bab79e;
		}
		
		#SS a { color: #bab79e; }
			
.clear {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	}

#stats { display: none; }

/* ------------------------------------------
 CART STYLES
------------------------------------------ */

img.thumb {
	border: 1px solid #d9d6c9;
	margin: 0 15px 0 0;
	}

.cellshade a { font-weight: bold; }
.cellshade { font-size: 11px; }

input.cart_button { color: #333; }
.checkout_button { color: #333; }
.checkout_toprow {
	background: #f4f2e5;
	border: 1px solid #e9e7d3;
	color: #adab96;
	font-weight: bold;
	}

/* ------------------------------------------
 TEXT FORMATTING
------------------------------------------ */

p, th, td, li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #6d6969;
	}
	.introText {
		font: 14px/19px Arial, Helvetica, sans-serif;
		color: #bab79e;
		}

p {	margin: 0 0 20px 0; }
ul, table { margin-bottom: 20px; }
li { margin-bottom: 5px; }
th { font-weight: bold; }

hr {
	border-top: 1px dashed #d9d6c9;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 30px 0;
	height: 0;
	padding: 0;
	}

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	input, select, textarea {
		font: 12px Arial, Helvetica, sans-serif;
		color: #6d6969;
		}

/* ------------------------------------------
 HEADINGS
------------------------------------------ */

h1 {
	font: normal 28px Calibri, Arial, Helvetica, sans-serif;
	color: #f88216;
	margin: 0 0 20px 0;
	}

h2 {
	font: bold 16px/25px Arial, Helvetica, sans-serif;
	color: #bab79e;
	margin: 0 0 20px 0;
	}

h3 {
	font: normal 14px/20px Arial, Helvetica, sans-serif; 
	color: #bab79e;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #d9d6c9;
	}

h4 {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	color: #666;
	}

/* ------------------------------------------
  LINKS
------------------------------------------ */

a, a:link, a:visited, a:active { color: #77bad9; }
a:hover { text-decoration: none; }

/*-------------------------------------------
  GENERAL/MISC
-------------------------------------------*/

.imgleft {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #d9d6c9;
	}

.imgright {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #d9d6c9;
	}