* {margin: 0;padding: 0;}
body {color: #555555;font-size:12px;font-family: Georgia, "Times New Roman", Times, serif;}
html {background: #fff;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
.clear{	clear:both;}
#headerBackLeft{
	width:49%;
	float:left;
	background:#FFF url(../images/leftHeaderBG.png) repeat-x;
	height:250px;
	}
#headerBackRight{
	width:50%;
	float:right;
	background:#FFF url(../images/rightHeaderBG.png) repeat-x;
	height:250px;}
	
/* CONTAINER
----------------------------------------- */
#bgcontainer{margin-top:-250px;margin: 0 auto;}
#Container { width: 960px;margin:0 auto;}
#Layout {width: 960px;clear: both;overflow: hidden;	margin: 20px auto; }
#LayoutFull{padding:22px; background:#f2f2f2;width: 896px;margin-bottom:20px;}
#Content {width: 680px;	float: right;margin: 0 0 20px 0px;text-align: left;padding:22px; background:#f2f2f2;height: auto !important; height:300px;}
#ContactContent{padding:22px; background:#f2f2f2;width:576px;float:left;}
#HomeContent{padding:22px; background:#f2f2f2;width:586px;height:200px;float:left;}
#HomeNewsletter{padding:22px; background:#f2f2f2;width:270px;height:200px;float:right;}
.HomeColumn{padding:22px; background:#f2f2f2;width:261px;float:left;margin:20px 20px 0px 0px;}
.HomeColumn IMG{margin-bottom:10px;}
#ContactDetails{width:256px;padding:22px; background:#f2f2f2;float:right;}
#TopGrad{height:0px;overflow:visible;width:100%;}
#BannerWide{width:100%;height:350px; background:#dedede; overflow:hidden;}
#bannerHolder{width:960px; margin: 0 auto;}
.Banner{width:960px; margin: 0 auto;}
.BannerColumnLeft{width:415px;height:350px;float:left;}
	.BannerColumnLeft .BannerHeading{margin:45px 0px 30px 0px;}
	.BannerColumnLeft p{font-style:italic; line-height: 25px;font-size:13px;}
	.rightButton{float:right;margin-top:25px;}
	.typography .rightButton IMG{border:0px;}
	.BannerColumnLeft IMG{border:0px;}
.BannerColumnRight{width:527px;height:350px;float:right;}
.blogSummary{margin-bottom:60px;}
.LearMoreButton{float:right;margin:10px 0px 0px 0px;}
.typography .LearMoreButton IMG{border:0px;margin:0px;}
#ProductHolderRight{width:720px;}
.ProductHolder{width:194px;height:240px;float:left;margin: 0px 40px 20px 0px;}
.ProductHolderH3{font-family:Arial, Helvetica, sans-serif !important; margin-top:10px !important;height:35px;}
.ProductHolderH3 a{font-family:Arial, Helvetica, sans-serif !important; margin-top:10px; }
.ProductHolderP{ height: auto !important;height:90px;margin-bottom:10px !important;}
#ProductImage{float:left;width:343px;}
#ProductImageText{font-style:italic;float:right;}
#ProductText{float:right;width:300px;}
#NewsletterContainter{background:url(../images/NewsletterBG.png) no-repeat;width:236px;height:138px;padding:10px;}
.NewsletterButton{width:238px;height:46px; background:url(../images/SignupNow.png) no-repeat; text-indent:-4000px; display:block;margin:0px 0px 15px 0px;}
.typography #NewsletterContainter p{margin: 0px 10px;}

/* HEADER
----------------------------------------- */
#HeaderCenter{width: 960px; margin:0 auto; overflow:visible;height:0px;}
#Header {width: 960px;position:absolute;height:250px;background: #a44114 url(../images/centerHeaderBG.png) no-repeat left center;}
	#Header h1 {color: #fff;text-indent:-9300px;margin:35px 0px 0px 5px;background:url(../images/topLogo.png) no-repeat;height:115px;width:389px;}
	#Header p {display:none;}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {width: 960px;margin: 45px auto 0px;padding-top: 10px;overflow: hidden;}
	#Navigation ul {float: left;}
		#Navigation ul li {list-style: none;margin: 0 15px;float: left;line-height: 2.8em;display: block;}
  			#Navigation ul li a {float: left;display: block;height: 33px;text-indent:-4000px;}
			
			#Navigation ul li a.home{background:url(../images/nav/home.png) no-repeat; width:46px;}
			#Navigation ul li a.about{background:url(../images/nav/about.png) no-repeat; width:47px;}
			#Navigation ul li a.products{background:url(../images/nav/products.png) no-repeat; width:72px;}
			#Navigation ul li a.ordering{background:url(../images/nav/ordering.png) no-repeat; width:71px;}
			#Navigation ul li a.workshops{background:url(../images/nav/workshops.png) no-repeat; width:90px;}
			#Navigation ul li a.education-and-resources{background:url(../images/nav/resources.png) no-repeat; width:84px;}
			#Navigation ul li a.blog{background:url(../images/nav/blog.png) no-repeat; width:35px;}
			#Navigation ul li a.support{background:url(../images/nav/support.png) no-repeat; width:65px;}
			#Navigation ul li a.shipping{background:url(../images/nav/shipping.png) no-repeat; width:69px;}
			#Navigation ul li a.contact-us{background:url(../images/nav/contact.png) no-repeat; width:62px;}
					#Navigation ul li a:hover { 
			 			border-bottom:9px solid  #d76837;
						color: #fff;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,#Navigation ul li a.section,#Navigation ul li a.section:hover,#Navigation ul li a.current:hover { 
				 	border-bottom:9px solid  #d76837; 
				 	color: #fff;
					}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {color: #B7C0C5;text-align: left; margin: -10px 5px 20px 0; }
	#Breadcrumbs p {margin: 0;font-family:Arial, Helvetica, sans-serif;font-size: 11px;}
	#Breadcrumbs p a{margin: 0;font-family:Arial, Helvetica, sans-serif;}

/* SIDEBAR
-------------------------------------- */
#Sidebar { background:#f2f2f2;width: 180px; float: left;padding: 20px;}
#Sidebar ul{margin:0px;}
#Sidebar ul li{list-style:none;margin:10px 0px;}
#Sidebar ul li a{font-style:normal;font-size:13px;}
#Sidebar h3 { 
	color: #b54f21; 
	margin: 0 0 18px 0;
	padding-bottom:10px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #b54f21;
	text-transform:uppercase;
 	font-size: 15px; 
}	

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {margin: 10px 0;}
	ul#SearchResults li {list-style: none;margin: 50px 0;font-size: 1em;	}

/* SEARCH FORM 
-----------------------------------------------*/
#SearchForm_SearchForm {float: right;width: 248px;margin: 9px 5px;}
	#SearchForm_SearchForm .middleColumn {float: left;width: 164px;margin: 0 5px 0 0;padding: 0px;}
		#SearchForm_SearchForm .middleColumn input.text {
			width: 190px;
			border: 0px none;
			color: #666;
			padding:2px;
			background-color:#f7e1d7;
			height: 26px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:14px;
			
		}
	#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
		float: right;
		margin: 0px 13px 0px 0px;
		height:32px;
		width:32px;
		font-size:0px;
		background:transparent;
		line-height:0px;
		border:0px none;
	}


/* FOOTER
----------------------------------------------- */

#FooterBG1 {clear: both;width:100%; background:#424242;}
#FooterBG2 {clear: both;width:100%; background:#2c2c2c;}
.Footer{width:960px; margin:0px auto;padding:30px 0px;color: #c9c9c9; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	.FooterNav{width:220px;margin:20px 25px 20px 0px;float:left;}
	.Footer .NavHeading{width:220px;border-bottom:1px solid #505050;color:#FFF; font-weight:bold;padding-bottom:3px;margin-bottom:5px;}
	.Footer .NavHeading a{color:#FFF; text-transform: uppercase;}
	.Footer .NavHeading a:hover{color:#FFF;}
  	.Footer a {color: #c9c9c9;text-decoration: none;}
	.Footer a:hover {color: #c9c9c9;text-decoration: underline;}
	#FooterBG1 .Footer ul{margin-left:15px;}
	#FooterBG2 .Footer li{list-style:none;}
	.roRight{margin-right:0px !important;}
	.FooterContactColumn{width:140px;float:left;margin: 10px 30px 0px 0px;}
	.FooterContactColumn .NavHeading{border-bottom:0px;width:auto;}
	#FooterLogo{float:left;margin-right:40px;}
	
.message {
    width: 92%;
    padding: 10px 4%;
    border-radius: 10px;
    font-size:14px;
    color:#fff;
    margin-bottom:20px;
    font-family:Helvetica, Arial, sans-serif;
}

.message.required{
    width:auto;
    margin-bottom: 0;
    line-height: 27px;
    float:left;
    font-size: 12px;
}
#SuccessMessage {background:#339933;border:2px solid #006600;color:#fff}
#ErrorMessage {
    color: #DA1D1D;
    background: #FFDFDF;
    border-color: #FFBBBB;
}