/****************************************************************************************	
	[COMMON RULES]	for entire site + specifics for content area
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Back to my CSS */
body {
	color: #000;
	background-color: #fff;
	margin-bottom: 30px;
	font: 10pt/1.4 Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
ul, ol {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td, table th {vertical-align: top;}
table caption {
	text-align: left;
	padding-bottom: 5px;
	font-size: 13pt;
	font-weight: bold;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
blockquote {margin: 0 16px;} 
h1, h2, h3, h4, h5, h6 {
	font-size: 16pt;
	font-weight: bold;
	font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-bottom: 15px;
}
h2, h3, h4, h5, h6 {
	font-size: 14pt;
	margin-bottom: 10px;
}
h3, h4, h5, h6 {font-size: 12pt;}
h4, h5, h6 {font-size: 11pt;}

/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	fieldset input.txt-input,
	fieldset input.sml-input {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.sml-input {width: 80px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content dl,
#main-content table {margin-bottom: 30px;}
#main-content table table {margin: 0;}
/* Lists */
#main-content ul {
	margin-left: 32px;
	list-style: disc;
}
#main-content ol {
	list-style: decimal;
	margin-left: 42px;
}
	#main-content ol ol {list-style: lower-alpha;}
		#main-content ol ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 8px 0 16px 20px;}

/****************************************************************************************
	[LAYOUT] for each layout division of the site
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
#header h1,
#header fieldset,
#header ul,
#nav,
body.page-home #banner,
#promo,
#footer span,
#subnav,
#breadcrumbs,
.sidebar,
#product-compare-dropdown,
#product-count input,
.pagination,
table.product-listing tr.product-btns td,
div.ui-tabs-container ul#tab-nav-one,
div.ui-tabs-container ul#tab-nav-two,
div.ui-tabs-container #video,
div.ui-tabs-container .toolbar,
div.ui-tabs-container fieldset,
div.product-range table td.image-btn a,
div.product-range table td.divider,
div.product-range table td.divider-wide,
div.product-range table td.lifestyle,
table.product-listing tr.product-compare td,
fieldset p.form-hint,
fieldset#form-submit,
fieldset legend span,
form fieldset em,
body.product-index #banner h2,
#main-content #intro #intro-inner img,
#main-content table.tble-recipe td p.back,
#main-content table.promo td p.back,
#main-content table.faqs td p.top,
#main-content table.agent-detail td p.back,
ul.forum-nav,
form fieldset#filter,
#main-content #search div.results table.searchPaging tr.searchPagingTwo td {display: none;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: #fff;
}

/* [BANNER]
-------------------------------------------------------*/
#banner {padding: 30px 0 0;}
	#banner h2 {
		margin: 0;
		font-size: 22pt;
	}
	#banner p {font-weight: bold;}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {padding: 15px 0 30px;}
/* Homepage */
body.page-home #content {padding: 30px 0;}
body.page-home #main-content {padding: 0;}

	/* [HOMEPAGE SIDEBAR]
	-------------------------------------------------------*/
	body.page-home #sidebar {
		border-top: 1px solid #000;
		padding-top: 30px;
	}
		body.page-home #sidebar h2 {font-size: 16pt;}
		body.page-home #sidebar h3 {
			margin-bottom: 0;
			font-size: 11pt;
		}
		body.page-home #sidebar ul {
			list-style: disc;
			margin-left: 20px;
		}
		body.page-home #sidebar ul li {margin-bottom: 10px;}
	
	/* [PRODUCTS RANGE PAGE]
	-------------------------------------------------------*/
	body.product-index #main-content div.product-range {margin-bottom: 30px;}
		body.product-index #main-content div.product-range h1 {margin-bottom: 10px;}
		body.product-index #main-content div.product-range table {margin: 0;}
		body.product-index #main-content div.product-range table td.intro {
			border-right: 1px solid #666; 
			padding-right: 20px;
		}
		body.product-index #main-content div.product-range table td.image-btn {padding-left: 20px;}
	
/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 1px solid #000;
	padding: 5px 0 0 5px;
	clear: both;
}
	#footer p {
		font: normal 9pt Arial, Helvetica, sans-serif;
		color: #666;
	}

/****************************************************************************************
	[CONTENT AREA COMPONENTS] specific styles for content area (#page-copy)
*****************************************************************************************/

/* [FORUM]
-------------------------------------------------------*/
#main-content table.tble-forum {
	width: 570px;
	width: 758px;
	border: 1px solid #666;
	margin: 0 auto 1.5em auto;
}
	/* defaults */
	#main-content table.tble-forum td,
	#main-content table.tble-forum th {
		vertical-align: top;
		padding: 5px;
		text-align: left;
		font-weight: normal;
		border: 1px solid #666;
	}
	#main-content table.tble-forum tbody td {padding: 8px 5px;}
	#main-content table.tble-forum thead th {font-weight: bold;}
	#main-content table.tble-forum thead th.narrow {text-align: center;}
	#main-content table.tble-forum tbody th {font-weight: bold;}
		/* typography */
		#main-content table.tble-forum tbody td p {
			line-height: 1.3;
			margin-bottom: 6px;
		}
	
	/* set column widths */
	#main-content table.tble-forum .wide {width: 319px;}
	#main-content table.tble-forum .narrow {width: 60px;}
	
	/* forum name */
	#main-content table.tble-forum td.forum-name {}
		#main-content table.tble-forum td.forum-name h3 {
			font-size: 11pt;
			font-weight: bold;
			line-height: 1.6;
		}
		#main-content table.tble-forum td.forum-name p {margin: 0 0 0 10px;}
	/* last post */
	#main-content table.tble-forum td.last-post {}
		#main-content table.tble-forum td.last-post h4 {font-size: 11pt;}
		#content #main-content p.time-date {font-style: italic;}
		#content #main-content p.time-date a {
			font-style: normal; 
			font-weight: bold;
		}
	/* thread/post count */
	#main-content table.tble-forum td.count {text-align: center;}
	
	/* add post */
	#main-content a.add {
		font-weight: bold;
		text-transform: uppercase;
	}
	
	/* Forum Post Listings */
	#main-content ul#forum-post {
		list-style: none;
		margin-left: 0;
	}
		#main-content ul#forum-post li {
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 6px 10px;
			margin-top: -1px;
		}
			#main-content ul#forum-post li h2 {
				font-size: 12pt;
				font-weight: bold;
				margin-bottom: 6px;
			}
			#main-content ul#forum-post li p {margin: 0;}
			#main-content ul#forum-post li p.time-date {
				color: #666;
				margin-bottom: 4px;
			}
				#main-content ul#forum-post li p.time-date em {
					color: Red;
					font-style: normal;
				}

/* [PRODUCTS INTRO]
-------------------------------------------------------*/
#main-content #intro {margin-bottom: 30px;}
	#main-content #intro #intro-inner p {
		font-size: 11pt;
		font-weight: 500;
		margin: 12px 0;
	}
	#main-content #intro #intro-inner img {
		display: block;
		float: right;
		margin: 0 0 10px 10px;
	}

/* [GENERAL INTRO]
-------------------------------------------------------*/
#main-content p.intro {
	font-size: 12pt;
	font-weight: 500;
}

/* [PRODUCT COUNT]
-------------------------------------------------------*/
#main-content #product-count {
	border: 1px solid #000;
	padding: 4px 8px;
	margin-bottom: 30px;
}
	#main-content #product-count h2 {
		margin: 0;
		font-size: 13pt;
		text-transform: uppercase;
	}
	
/* [PRODUCT SUB-CATEGORY LISTINGS]
-------------------------------------------------------*/
#main-content div.product-subcategory {}
	#main-content div.product-subcategory div.wrapper div {
		margin-bottom: 8px;
		border-bottom: 1px solid #666;
		padding-top: 8px;
		padding-bottom: 8px;
	}
		#main-content div.product-subcategory div.wrapper div h3 {
			font-size: 12pt;
			margin: 3px 0 0 0;
		}

/* [PRODUCT LISTINGS]
-------------------------------------------------------*/
#main-content table.product-listing {margin-bottom: 5px;}
	/* defaults */
	#main-content table.product-listing td,
	#main-content table.product-listing th {
		width: 191px;
		vertical-align: top;
		border: 1px solid #666;
		font-size: 9pt;
	}
	#main-content table.product-listing td.last-item,
	#main-content table.product-listing th.last-item {width: 186px;}
	
	#main-content table.product-listing th {
		font-weight: bold;
		text-align: left;
		font-size: 11pt;
	}
		/* cell container */
		#main-content table.product-listing td div,
		#main-content table.product-listing th div {
			width: 162px;
			padding: 6px 12px;
		}
			#main-content table.product-listing td div p {
				margin: 0;
				line-height: 1.3;
			}
			#main-content table.product-listing td div h3 {
				font-size: 12pt;
				font-weight: bold;
				margin-bottom: 0;
			}
			#main-content table.product-listing td div img {
				margin: 0 auto 6px auto;
				display: block;
			}
			#main-content table.product-listing td div ul {margin: 0 0 0 20px;}

/* [jQuery TABS]
-------------------------------------------------------*/
#main-content div.ui-tabs-container {margin-bottom: 30px;}
	#main-content div.ui-tabs-panel {padding-bottom: 20px;}
	#main-content div.ui-tabs-container h2 {
		font-size: 13pt;
		margin-bottom: 6px;
	}

/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* Recipe of the Month + Promotions */
#main-content table.tble-list {width: 100%;}
	#main-content table.tble-list td {
		vertical-align: top;
		padding: 4px 0 4px 16px;
	}
	#main-content table.tble-recipe td {vertical-align: top;}
	#main-content table.tble-recipe.promo td {padding-bottom: 8px;}
		#main-content table.tble-recipe td h1 {
			font-size: 14pt;
			font-weight: bold;
			margin-bottom: 25px;
		}
			#main-content table.tble-recipe td h1 span,
			#main-content table.promo td h2 span,
			#main-content table.news td h2 span {
				display: block;
				color: #666;
				font-style: italic;
				font-size: 11pt;
				font-weight: normal;
			}
			#main-content table.promo td h2 span,
			#main-content table.news td h2 span {font-size: 9pt;}
			#main-content table.tble-recipe td h1 span.category {
				font-size: 10pt;
				color: #999;
			}
		#main-content table.tble-recipe td h2 {
			font-size: 12pt;
			font-weight: bold;
			margin-bottom: 5px;
		}
		#main-content table.tble-recipe td div.wysiwyg {padding: 0 0 0 16px;}
		#main-content table.tble-recipe td img {
			display: block;
			margin-right: 20px;
			max-width: 240px;
		}

/* FAQS */
#main-content table.faqs {width: 100%;}
	#main-content table.faqs td {
		vertical-align: top;
		border-bottom: 1px solid #ddd;
		padding: 20px 0;
	}
		#main-content table.faqs td h2 {
			font-size: 13pt;
			font-weight: bold;
		}

/* Service Agents */
#main-content table.agents {}
	#main-content table.agents td {padding: 3px 0 6px 0;}
#main-content table.agent-detail p {margin-bottom: 6px;}
#main-content table.agent-detail p.date {margin-bottom: 30px;} 
#main-content table.agent-detail td h1 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 26px;
}

/* Brochures */
#main-content table.brochures {width: 100%;}
	#main-content table.brochures td {vertical-align: top;}
		#main-content table.brochures td p {
			margin: 0 0 30px 5px;
			color: #666;
		}
		#main-content table.brochures td h6 {
			font-size: 12pt;
			margin-bottom: 6px;
			color: #000;
		}

/* News */
#main-content table.news {}
	#main-content table.news td {vertical-align: top;}
		#main-content table#news-listing td h2 {
			font-size: 12pt;
			margin-bottom: 4px;
		}
		#main-content table#news-listing td p {margin-bottom: 10px;}

/* [PROJECT GALLERY]
-------------------------------------------------------*/
#main-content ul#project-gallery {
	margin: 30px 0 30px 10px;
	list-style: none;
}
	#main-content ul#project-gallery li {
		position: relative;
		min-height: 118px;
		margin-bottom: 10px;
	}
		#main-content ul#project-gallery li p {
			font-weight: bold;
			margin: 0 0 0 193px;
			color: #666;
		}
		#main-content ul#project-gallery li p.dnld-pdf {
			font-size: 11pt;
			margin: 5px 0 0.80em 193px;
			color: #999;
			font-weight: normal;
		}
		#main-content ul#project-gallery li p.dnld-pdf a {font-weight: bold;}
		#main-content ul#project-gallery li img {
			display: block;
			width: 163px;
			height: 114px;
			position: absolute;
			left: 0;
			top: 0;
		}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

#main-content ul#sitemap li.sitemap-col {list-style: none;}
#main-content #search div.results table.searchPaging td p.rating {margin-bottom: 6px;}