html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}


body {
	border:none;
	text-align: left !important;
	margin: 0 auto;
	padding:0 0 0 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #5D4B3A;
	font-size:11px;
	background: #E8D9C5;
	}


p { 
	margin: 0px;
	line-height:15px;
	}
strong, b {
	font-weight: bold;
	}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	}
form {
	margin: 0;
	padding: 0;
	}
hr {
	border: 0px;
	color: white;
	background-color: none;
	border-top: 1px solid #000000;	

	}
.hide {
	display: none;
	}
.clr {
	clear: both;
	}
.highlight {
	color: #d9ecff;	
	}
.floatright{
	float: right;
	margin: 10px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #B5B5B5;
	vertical-align: top;
	text-indent:0px;
	}
.floatleft{
	float: left;
	margin: 5px 5px 5px 15px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #B5B5B5;
	vertical-align: top;
	}

a:link {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}
a:visited {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #333333;
	font-size: 11px;
	text-decoration: underline;
}
a:active {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}


#wrapperOuter {
	width: 1034px;
	margin: 0 auto;
	text-align: left;
	}
	
#socialmedia {
	width: 28px;
	margin: 0;
	float: right;
	}
#socialmedia .twitter {
	width: 24px;
	height: 24px;
	margin-top: 10px;
	text-align: left;
	background: url(../../images/homepage/twitter.png) top left no-repeat;
	}
#socialmedia .facebook {
	width: 24px;
	height: 24px;
	margin-top: 10px;
	text-align: left;
	background: url(../../images/homepage/facebook.png) top left no-repeat;
	}
	
#wrapper {
	width: 966px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	padding:7px;
	}

#wrapper_inner {
	width: 966px;
	min-height: 744px;
	margin: 0 auto;
	text-align: left;
	background:#EDE4D8 url(../../images/homepage/bg.jpg) top left no-repeat;
	}
/*************************
          Header Items
*************************/	
#header{
	width: 966px;
	height: 145px;
	padding: 0;
	margin: 0;
	}

#cart_logo_container{
	width: 966px;
	height: 75px;
	padding: 0;
	margin: 0;
	}
#cart{
	width: 368px;
	height: 35px;
	float: right;
	margin: 1px;
	background: url(../../images/homepage/bg_cart.jpg) top left no-repeat;
	}
	
#header div.logo{
	margin: 0;
	padding:0;
	width: 590px;
	height: 75px;
	float: left;

	}





/*************************
          Menu _ 01 Items
*************************/	
#menu_01 {
	width: 800px;
	height: 25px;
	position:relative; 
	z-index:100;
	font-size:11px;
	text-decoration:none; 
	color:#fff; 
	padding: 0;
	margin-left: 180px; 
	margin-bottom: 5px;
	}
#menu_01 .lines{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	height: 23px;
	float: left;
	padding-top: 5px;
	}

/* hack to correct IE5.5 faulty box model */
* html #menu_01 {width:980px; w\idth:980px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu_01 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height: 25px;
	}
#menu_01 ul ul {

	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu_01 positon */
#menu_01 li {
	float:left;
	position:relative;
	}
	
/* style the links for the top level */
#menu_01 a, #menu_01 a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#fff;  
	line-height:26px; 
	font-weight:bold;
	}
#menu_01 a.activeTab, #menu_01 a.activeTab:hover, #menu_01 a.activeTab:visited {
	background-color: #ffffff;
	color: #ffffff;
}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_01 a, * html #menu_01 a:visited {width:99px; w\idth:88px;}

/* style the second level background */
#menu_01 ul ul a.drop, #menu_01 ul ul a.drop:visited {
	background:#B59361 ;
	}
	
/* style the second level hover */
#menu_01 ul ul a.drop:hover{
	background:#B59361;
	padding-top: 15px;
	}
	
#menu_01 ul ul :hover > a.drop {
	background:#B59361;
	}
/* style the third level background */
#menu_01 ul ul ul a, #menu_01 ul ul ul a:visited {
	background:#ffffff;
	}
/* style the third level hover */
#menu_01 ul ul ul a:hover {
	background:#B59361;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_01 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:-1px; 
	border:1px solid #B59361;
	}
	
/* another hack for IE5.5 */
* html #menu_01 ul ul {top:30px;t\op:31px;}


/* position the third level flyout menu_01 */
#menu_01 ul ul ul{
	left:149px; 
	top:-1px; 
	}

/* position the third level flyout menu_01 for a left flyout */
#menu_01 ul ul ul.left {
	left:-149px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_01 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}

/* style the second level links */
#menu_01 ul ul a, #menu_01 ul ul a:visited {
	background:#B59361; 
	color:#ffffff; 
	height:auto; 
	line-height:1em; 
	padding:10px 0 10px 10px; 
	width:120px;
	border-width:0 1px 1px 1px;
	border-color: #B59361; 
	border-style: solid;
	}
	
/* yet another hack for IE5.5 */
* html #menu_01 ul ul a, * html #menu_01 ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu_01 a:hover, #menu_01 ul ul a:hover{
	color:#ffffff; 
	text-decoration: underline;
	}
	
#menu_01 :hover > a
	color:#ffffff; 
	background:#B59361;
	}
#menu_01 ul ul :hover > a {
	color:#B59361;
	background: white;
	}
	
/* make the second level visible when hover on first level list OR link */
#menu_01 ul li:hover ul, #menu_01 ul a:hover ul{
	visibility:visible; 
	}
/* keep the third level hidden when you hover on first level list OR link */
#menu_01 ul :hover ul ul{
	visibility:hidden;
	}
/* make the third level visible when you hover over second level list OR link */
#menu_01 ul :hover ul :hover ul{ 
	visibility:visible;
	}
	
	
	
/*************************
          Menu _ 02 Items
*************************/	
#menu_02_topBorder {
	width: 953px;
	margin: 0 auto;
	border-color: #44362B;
	border-width: 1px 0 0 0;
	border-style: solid;
	height: 2px;
	padding: 0;
	}

#menu_02_sideBorders {
	width: 953px;
	margin: 0 auto;
	border-color: #44362B;
	border-width: 0 1px 0 1px;
	border-style: solid;
	}
	
#menu_02 {
	width: 941px;
	height: 25px;
	margin: 0 auto;
	z-index:100;
	font-size:13px;
	font-weight: bold;
	text-decoration:none; 
	color:#5D4B3A; 
	padding: 2px;
	border: 2px solid #D7D7D7;
	background:#EDE4D8 url(../../images/homepage/bg_menu_02.jpg) top left repeat-x;
	}
	
#menu_02 .lines{
	font-size: 12px;
	font-weight: bold;
	color: #5D4B3A;
	height: 23px;
	float: left;
	padding-top: 5px;
	width:1px;
	}
	
#menu_02 .search{
	font-size: 12px;
	font-weight: bold;
	color: #5D4B3A;
	height: 23px;
	float: left;
	padding-left:7px; 
	padding-right: 7px;
	padding-top: 6px;
	}
	
#format_search_form_box .text{
	font-size: 0.01em;
	color: #000000;
	width: 1px;

}
/* hack to correct IE5.5 faulty box model */
* html #menu_02 {width:980px; w\idth:980px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu_02 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height: 25px;
	}
#menu_02 ul ul {

	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu_01 positon */
#menu_02 li {
	float:left;
	position:relative;
	width: 150px;
	text-align: center;
	}
	
/* style the links for the top level */
#menu_02 a, #menu_02 a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#5D4B3A;  
	line-height:26px; 
	font-weight:bold;
	}
#menu_02 a.activeTab, #menu_02 a.activeTab:hover, #menu_02 a.activeTab:visited {
	background-color: #ffffff;
	color: #5D4B3A;
}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_02 a, * html #menu_02 a:visited {width:99px; w\idth:88px;}

/* style the second level background */
#menu_02 ul ul a.drop, #menu_02 ul ul a.drop:visited {
	background:#B59361 ;
	}
	
/* style the second level hover */
#menu_02 ul ul a.drop:hover{
	background:#B59361;
	padding-top: 15px;
	}
	
#menu_02 ul ul :hover > a.drop {
	background:#B59361;
	}
/* style the third level background */
#menu_02 ul ul ul a, #menu_02 ul ul ul a:visited {
	background:#ffffff;
	}
/* style the third level hover */
#menu_02 ul ul ul a:hover {
	background:#B59361;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_02 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:-1px; 
	border:1px solid #B59361;
	}
	
/* another hack for IE5.5 */
* html #menu_02 ul ul {top:30px;t\op:31px;}


/* position the third level flyout menu_01 */
#menu_02 ul ul ul{
	left:149px; 
	top:-1px; 
	}

/* position the third level flyout menu_01 for a left flyout */
#menu_02 ul ul ul.left {
	left:-149px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_02 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}

/* style the second level links */
#menu_02 ul ul a, #menu_02 ul ul a:visited {
	background:#B59361; 
	color:#5D4B3A; 
	height:auto; 
	line-height:1em; 
	padding:10px 0 10px 10px; 
	width:120px;
	border-width:0 1px 1px 1px;
	border-color: #B59361; 
	border-style: solid;
	}
	
/* yet another hack for IE5.5 */
* html #menu_02 ul ul a, * html #menu_02 ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu_02 a:hover, #menu_02 ul ul a:hover{
	color:#5D4B3A; 
	text-decoration: underline;
	}
	
#menu_02 :hover > a
	color:#5D4B3A; 
	background:#B59361;
	}
#menu_02 ul ul :hover > a {
	color:#B59361;
	background: white;
	}
	
/* make the second level visible when hover on first level list OR link */
#menu_02 ul li:hover ul, #menu_02 ul a:hover ul{
	visibility:visible; 
	}
/* keep the third level hidden when you hover on first level list OR link */
#menu_02 ul :hover ul ul{
	visibility:hidden;
	}
/* make the third level visible when you hover over second level list OR link */
#menu_02 ul :hover ul :hover ul{ 
	visibility:visible;
	} 

	
#menu_02 .last{
	width: 52px;
	border: 0px;
	}
/**************************************************
      INDEX PAGE content area
***************************************************/

#content_index{
	width: 953px;
	color: #333333;
	font-size: 12px;
	min-height:500px;
	margin: 0 auto;
}

#container_flash{
	width: 628px;
	height: 354px;
	float: left;
	padding: 7px;	
	background: transparent;
	margin-right: 7px;
}

#container_message{
	width: 290px;
	height: 354px;
	float: left;
	padding: 7px;	
	background: white;
}

#bg_message{
	width: 290px;
	height: 354px;
	float: left;
	background:#7C633D url(../../images/homepage/bg_message.jpg) top left no-repeat;
}

#message_img{

	text-align: center;
}

#message_text{
	color: #ffffff;
	font-size: 11px;
	width: 284px;
	height: 350px;
	padding: 3px;
	overflow: hidden;
}


#index_promo{
	width: 953px;
	height: 178px;
	clear: both;
	padding-bottom:5px;
}

#index_promo_01 {
	width: 195px;
	height: 164px;
	float: left;
	padding: 7px;	
	background: white;
	margin-right: 7px;
	text-align: center;
	margin-top: 7px;
}

#index_promo_02 {
	width: 195px;
	height: 164px;
	float: left;
	padding: 7px;	
	background: white;
	margin-right: 7px;
	text-align: center;
	margin-top: 7px;
}

#index_promo_03 {
	width: 195px;
	height: 164px;
	float: left;
	padding: 7px;	
	background: white;
	margin-right: 7px;
	text-align: center;
	margin-top: 7px;
}

#index_promo_04 {
	width: 305px;
	height: 178px;
	float: left;
	background:#7C633D url(../../images/homepage/bg_promo_04.jpg) top left no-repeat;
	margin-top: 7px;
}

#index_promo_04_whatsNew{
	margin: 0;
	padding:0;
	width: 300px;
	height: 44px;
	float: left;
	display: inline;
	}

#index_promo_04_newsletter {
	float: left;
	color: #4C3C24;
	font-size: 12px;
	font-weight: normal;
	padding: 75px 1px 5px 105px;
}

#area16{
	width: 300px;
}


#area16 table tbody tr{
	float: left;
	width: 150px!important;
}

#area16 .enq_input{
	width: 150px!important;
}

#area16 .enq_input input{
	width: 130px!important;
	height: 14px;
	color: #000000;
	border: 1px solid #4C3C24;
}

#area16 .enq_form{
	margin-left: -6px;
}

#area16 .enq_desc{
	width: 0.1%!important;
}


#area16 .enq_input input.submitbtn{
	display: block;
	position: absolute;
	width: 38px!important;
	height: 17px;
	border: 0px;
	padding: 0;
	margin: -23px 0 0 150px;
	background: url(../../images/homepage_buttons/btn_go.jpg) no-repeat top ;
	overflow: visible;
	cursor: hand;
}

#area16 .enq_input input.submitbtn:hover{
	background: url(../../images/homepage_buttons/btn_go.jpg) no-repeat bottom ;
}

#index_promo_04_newsletter_footer {
	float: left;
	color: #4C3C24;
	font-size: 10px;
	font-weight: normal;
	padding: 1px;
	width: 280px;
	margin-left: -70px;
	margin-top: -5px;
}

/**********************************END OF INDEX PAGE*********************************************************/


/**************************************************
      BLANK PAGE content area
***************************************************/
#container_blank{
	width: 939px;
	color: #333333;
	font-size: 12px;
	min-height:550px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 7px;
}
#lhs_menu{
	width: 202px;
	float: left;
	color: #514133;
	font-size: 12px;
	padding-left: 28px;
}

#lhs_menu a{
	color: #514133;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0 2px 0;
}

#lhs_menu a:hover{
	color: #000000;
	font-size: 12px;
	text-decoration: underline;	
}

#lhs_menu h1{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 28px;
	background:url(../../images/homepage/lhs_menu_bullet.jpg) top left no-repeat;
	margin-left: -28px;
}



#content{
	float: left;
	width: 709px;
	color: #333333;
	font-size: 12px;
	min-height:500px;
}

#content_banner{
	width: 709px;
	margin: 0 0 5px 0;
}

#content h1{
	width: 709px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #735C37;
	height:20px;
}

#content_text {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	width: 709px;
	min-height: 420px;
}	
#content_text a:link {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
#content_text a:visited {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
#content_text a:hover {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#content_text a:active {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: undeline;
}



/********************
	Footer - 02
*********************/

#footer_01 {
	margin: 0 auto;
	width: 955px;
	text-align: left;
	padding-top: 5px;
	padding-bottom:10px;
	MARGIN-TOP:10px;
	height: 20px;
	color: #846C40;
	clear: both;
	}

	
#footer_01 div.mid{
	font-size: 13px;
	color: #846C40;
	text-decoration: none;
	float: left;
	margin-right: 20px;
	}
#footer_01 div.mid a{
	font-size: 13px;
	color: #846C40;
	text-decoration: none;
	margin-top: -5px;
	}
#footer_01 div.mid img{
	margin-top: -8px;
	padding-right: 4px;
}
	

#footer_01 div.mid a:hover{
	font-size: 13px;
	color: #846C40;
	text-decoration: underline;
	}
	
#footer_01 div.footerlinks{
	font-size: 13px;
	color: #846C40;
	text-decoration: none;
	text-align: center;
	float: left;
	}
#footer_01 div.footerlinks a{
	font-size: 13px;
	color: #846C40;
	text-decoration: none;
	margin-top: -5px;
	}

#footer_01 div.footerlinks a:hover{
	font-size: 13px;
	color: #846C40;
	text-decoration: underline;
	}
	
	
/********************
	Footer - 02
*********************/

#footer_02 {
	margin: 0 auto;
	width: 955px;
	text-align: left;
	padding-top: 5px;
	padding-bottom:10px;
	MARGIN-TOP:2px;
	height: 20px;
	color: #745132;
	clear:both;
	}
#footer_02 div.lhs{
	font-size: 11px;
	color: #745132;
	text-decoration: none;
	padding: 0 130px 0 5px;
	float: left;
	}
	
#footer_02 div.mid{
	font-size: 11px;
	color: #745132;
	text-decoration: none;
	padding: 0 180px 0 100px;
	float: left;
	}
#footer_02 div.mid a{
	font-size: 11px;
	color: #745132;
	text-decoration: none;
	}
#footer_02 div.mid a:hover{
	font-size: 11px;
	color: #745132;
	text-decoration: underline;
	}
	
#footer_02 div.rhs{
	font-size: 11px;
	color: #745132;
	text-decoration: none;
	padding: 0 5px 0 0px;
	float: right;
	}
#footer_02 div.rhs a{
	font-size: 11px;
	color: #745132;
	text-decoration: none;
	}
#footer_02 div.rhs a:hover{
	font-size: 11px;
	color: #745132;
	text-decoration: underline;
	}








