@import 'reset.css';
@import 'layout.css';

body {
	background-color: 	#fff;
	background-position: left top;
	color: 				#333;
	font-family: 		arial,sans-seriff;
	width:				100%;
}

p {
	font-size:			1.2em;
	margin-bottom:		10px;
	color:				#57250c;
}

a {
	color:				#c44c14;
	text-decoration:	none;
}

h1 {
	font-size: 			2.6em;
	font-weight: 		bold;
	margin-bottom: 		10px;
}

h2 {
	font-size: 			1.8em;
	font-weight: 		bold;
	margin-bottom: 		10px;
}

h3 {
	font-size: 			1.6em;
	font-weight: 		bolder;
	margin-bottom: 		10px;
}

h4 {
	font-size: 			1.2em;
	font-weight: 		bolder;
	margin-bottom: 		6px;
}

/* MENU */

#menuWrapper {
	width:				190px;
	float:				left;
}

#contentWrapper {
	width:				750px;
	height:				500px;
	background:			blue;
	float:				left;
}

.menuItems {
	width:	170px;
	overflow:auto;
}

.menuSeparator {
	background: 		transparent url(/images/nav_divider.gif) no-repeat;
	width:				161px;
	height:				1px;
	overflow:			auto;
}

#primaryMenu {
	margin-top:			30px;
}

.blockImgMenu{
	width:				20px;
	height:				25px;
	display:			block;
	float:				left;
}

.flowerImg {
	padding-top:		3px;
}

.blockImgMenuActive {
	width:				20px;
	height:				25px;
	display:			block;
	float:				left;
}

.menuName {
	float:				left;
	font-size:			1.2em;
	font-weight:		bold;
	padding-left:		10px;
	padding-top:		5px;
}

.subMenuName {
	float:				left;
	font-size:			1.2em;
	font-weight:		bold;
	color:				#fff;
	padding-left:		10px;
	padding-top:		5px;
}

.subMenuName a{
	color:				#fff;
}

.menuName a{
	color:				#333;
}



/* FOOTER */

#footer1 {
	background: 		transparent url(/images/bg_footer1_tile.gif) repeat-x;
	height:				154px;
	width:				100%;
	float:				left;
}

.footer2 {
	background: 		transparent url(/images/bg_footer2_tile.gif) repeat-x;
	height:				51px;
	width:				100%;
	float:				left;
}

#footer3 {
	background: 		#fff repeat-x;
	height:				61px;
	width:				100%;
	float:				left;
}

#footerBrands {
	float:				left;
}

.footerLogo {
	height:				61px;
}

.mainLogo {
	padding-left:		135px;
	float:				left;
}

.tagLine {
	padding-left:		335px;
	float:				left;
}

/*colors*/
.cBrown {
	color:				#8f5008;
}

.cOrange {
	color:				#f26522;
}

.cWhite {
	color:				#fff;
}

.cHWhite {
	color:				#f0ead8;
}

.cBlack {
	color:				#333;
}

.cLBrown {
	color:				#a06e2e;
}

.footerText {
	padding-left:		30px;
	padding-top:		15px;
	float:				left;
}

.footerText a{
	color:				#577559;
	font-weight:		bold;
	font-size:			1.2em;
}

.cLightBrown {
	color:				#cfc196;
}


/* MISC */
.disabled{
	color: #999999;	
}

.formFields {
	width:				110px;
	float:				left;
}

.formFooterElements {
	width:				200px;
	float:				left;
}

.entertainingqa-img {
	float: 				left;
	margin-bottom: 10px;
	margin-right: 170px;
}

.questions {
	width:				170px;
	float:				left;
	clear: 				left;
	padding-right:		10px;
}

.questions a{
	cursor:				pointer;
}

.answers {
	width:				180px;
	float:				right;
}

#p_joinTheClubHeader {
	float:		left;
	background: transparent url(/images/btn_joinclub_banner.gif) 0px 0px no-repeat;
	width:		180px;
	height:		65px;
}

#p_occasionHeader {
	float:		left;
	width:		560px;
	height:		65px;
	margin-left:10px;
}

#p_clubHeader {
	float:		left;
	background: transparent url(/images/h_club.jpg) no-repeat;
	width:		560px;
	height:		65px;
	margin-left:10px;
}

#productsWrapper {
	clear:		both;
	width:		100%;
	overflow:	hidden;
}

#popupHeader {
	background: transparent url(/images/bg_masthead_tile.gif) top left repeat-x;
	width:		600px;
	height:		62px;
}

#popupContent {
	margin:		10px;
}

#popupContent p {
	font-size:	1.2em;
	padding-top:10px;
}

#popupFooter {
	background: 		transparent url(/images/bg_footer1_tile.gif) repeat-x;
	height:				154px;
}

#popupWrapper {
	width:		600px;
}

.poplink {
	cursor:		pointer;
}

strong{
	font-weight: bold;
}