/* CSS Document */
/* MAYFAIR */
/* 
COLORS: 
background = #9E8B74
navbg = #A84E35
nearlyblack = #2D2A25
mainbg = #413B32
*/

BODY { 
		background-color: #9E8B74;
		margin: 0px; 
		padding-top: 10px;
		padding-bottom: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 150%;
		color: #D7CBBE;
		}
		
/*----------------------------------------*/
/*CONTENT*/
#base {
		width: 799px; 
		margin: 0 auto; 
		background-color: #413B32;
		border: #413B32 2px solid;
		}
		
#header {
		width: 799px; 
		height: 78px;
		margin: 0 auto; 
		}
    
#header a {
  padding: 0;
  margin: 0;
  text-decoration: none;
}    

#header img {
  padding: 0;
  margin: 0;
  text-decoration: none;
  border-style: none;
}

#navigation {
		width: 799px; 
		height: 22px;
		margin: 0 auto;
		background: #A84E35 url(../media/images/mf_nav01_bg.gif);
		}

#navigation_box {
		margin: 0 auto;
		text-align: center;
		line-height: 22px;
		color: #d6cbbe;
		}
		
#navigation_sub {
		width: 799px; 
		height: 41px;
		margin: 0 auto;
		background-color: #2D2A25;
		}
		
#navigation_sub_box {
		margin: 0 auto;
		line-height: 41px;
		padding: 0px 5px 0px 5px;
		}
		
#headerimage {
		width: 799px; 
		height: 83px;
		margin: 0 auto; 
		}
		
#layout1 {
		width: 799px; 
		height: 22px;
		margin: 0 auto; 
		background: #413B32 url(../media/images/mf_space01_bg.gif);
		}
		
#layout2 {
		width: 799px; 
		height: 15px;
		margin: 0 auto; 
		background: #48433a;
		}

		
/*CONTENT HOMEPAGE*/

#content_box {
		width: 799px;
		margin: 0 auto; 
		background: #413B32 url(../media/images/mf_box_bg.gif);
		padding-bottom: 30px;
		overflow: auto;
		}
		
#content_left {
		width: 300px;
		float: left;
		clear: none;
		display: inline;
		}

#content_right {
		width: 490px;
		float: right;
		clear: none;
		display: inline;
		}
    
#extended_content_right {
		width: 789px;		
    background-color: #776C5D;
    height: 460px;
    padding: 10px 0px 0 10px;
		}

#extended_content_right locationimage {		
width: 300px;
margin-left: 20px;
}

		
#content_right_text {
		width: 270px;
		padding: 15px 10px 10px 20px;
		float: left;
		clear: none;
		display: inline;
		}
		
#content_right_image {
		width: 150px;
		float: right;
		clear: none;
		display: inline;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
/*PRODUCT VIEW*/

#content_prod_image {
		width: 318px;
		float: left;
		clear: none;
		display: inline;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-top: 20px;
		padding-left: 15px;
		}
		
#content_prod_details {
		width: 120px;
		float: right;
		clear: none;
		display: inline;
		padding-left: 5px;
		margin-top: 30px;
		}
		
#content_prod_left {
		width: 318px;
		float: right;
		clear: none;
		display: inline;
		margin-right: 10px;
		margin-bottom: 10px;
		padding-right: 20px;
		}
	
	
#prodnav_icon {
		width: 20px;
		padding: 5px 5px 0px 0px;
		float: right;
		clear: none;
		display: inline;
		margin-top: 30px;
		}
			
#prodnav {
		color: #8c7f6e;
		text-decoration: none;
		border-left: 1px solid #3E3933;
		padding: 5px 5px 5px 5px;
		width: 100px;
		float: right;
		clear: none;
		display: inline;
		margin-top: 30px;
		}
		
#prodnav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}

#prodnav li {
		width: 100px;
		border-bottom: 1px solid #e0d1be;
		}

#prodnav li a {
		padding: 5px;
		display:block;
		color: #413b32;
		text-decoration: none;
		}
		
#prodnav li a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #8c7f6e;
		}
		
.prod_details_thumbs{
		border: 1px solid #48433a;
		width: 80px;
		margin: 3px;
		}
		
.prod_details_thumbs:hover {
		border: 1px solid #ffffff;
		}
		
#prod_detail_box {
		border-left: 1px solid #3E3933;
		padding: 5px 5px 5px 8px;
		width: 360px;
		float: left;
		clear: none;
		display: inline;
		margin-top: 30px;
		}
		
#prod_detail_text {
		border-left: 1px solid #3E3933;
		padding: 0px 0px 0px 8px;
		color: #413b32;
		width: 350px;
		float: left;
		clear: none;
		display: inline;
    margin-top: 10px;
		}

/*CONTENT SHOP*/

#shop_box {
		width: 799px;
		margin: 0 auto; 
		background: #413B32 url(../media/images/mf_shop_bg.gif);
		padding-bottom: 30px;
		overflow: hidden;
		}
		
#shop_left {
		width: 205px;
		float: left;
		clear: none;
		display: inline;
		}

#shop_left_box {
		width: 180px;
		padding: 15px 10px 10px 20px;
		float: left;
		clear: none;
		display: inline;
		}
		
#shop_right {
		width: 550px;
		float: right;
		clear: none;
		display: inline;
		}
		
#shop_header {
		width: 520px;
		margin: 0 auto;
		float: left;
		clear: none;
		display: inline;
		}
				
.shop_thumb {
		background-color: #8c7f6e;
		border: 1px solid #DCD7CF;
		float:left;
		clear:none;
		display:inline;
		margin: 10px;
		padding: 5px;
    width: 142px;
    height: 208px;
    overflow: hidden;
		}

.holder1 {
  display: table; 
  height: 140px; 
  width: 140px; 
  #position: relative; 
  overflow: hidden;  
  margin-bottom: 6px;
}

.holder2 {
   #position: absolute; 
   #top: 50%;
   display: table-cell; 
   vertical-align: middle;   
}

.holder3 {
   #position: relative; 
   #top: -50%;   
   width: 140px;
   text-align: center;
   
}
    
img.shop_images {
		border: 1px solid #48433a;    
}	

img.shop_images:hover {
		border: 1px solid #a5a199;
		}	

.shop_img_detail {
		border: 1px solid #9a887a;
		}	
		
.shop_price {
		font-weight: bold;		
		}	

/*TEXT*/

#shopnav {
		color: #D7CBBE;
		text-decoration: none;
		border-left: 1px solid #3E3933;
		padding: 5px 5px 5px 5px;
		width: 150px;
		margin-top: 10px;
		}
		
#shopnav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}

#shopnav li {
		width: 145px;
		border-bottom: 1px solid #e0d1be;
		}

#shopnav li.single {
		width: 145px;
		border-bottom: 1px solid #766B5C;
		}
    
    
#shopnav li a {
		padding: 5px;
		display:block;
		color: #D7CBBE;
		text-decoration: none;
		}
		
#shopnav li a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #47433A;
		}
		
.subnav {
		color: #D7CBBE;
		text-decoration: none;
		border-right: 1px solid #D6C5AB;
		padding: 14px 8px 14px 8px;
		}

a.subnav:hover {
		color: #D7CBBE;
		text-decoration: none;
		background-color: #3E3933;
		}
				
.subnav_last {
		color: #D7CBBE;
		text-decoration: none;
		padding: 14px 0px 14px 10px;
		}
		
a.subnav_last:hover {
		color: #D7CBBE;
		text-decoration: none;
		background-color: #3E3933;
		}

.breadcrumb {
		color: #2D2A25;
		text-decoration: none;
		margin:10px;
		float:left;
		clear:none;
		display:inline;
		}
		
.pagenumber {
		color: #2D2A25;
		text-decoration: none;
		margin:10px;
		float:right;
		clear:none;
		display:inline;
    text-align: right;
    width: 200px;    
		}

		
/*IMAGES*/

.prod_icons {
		margin-top: 5px;
		}
		
.content_images {
		border: 1px solid #928472;
		}

.recent_images {
		margin: 15px;
		border: 1px solid #DCD7CF;
    width: 118px;
    height: 118px;
		}

.recent_images:hover {
		border: 1px solid #ffffff;
		}
		
.recent_hdl{
		margin: 15px 15px 10px 15px;
		}


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

#footer_box {
    font-family: Arial, Helvetica, sans-serif;
		width: 799px; 
		font-size:7pt; /* 9px;*/
    padding: 0;
		margin: 15px auto 15px auto;
		text-align: center;
		line-height: 22px;    
		color: #d6cbbe;
		background: #A84E35;    
    letter-spacing: .06em;
		}

#copyright {
    font-family: Arial, Helvetica, sans-serif;
		width: 799px; 
		font-size:7pt; /* 9px;*/
		margin: 5px auto auto auto;
		/*text-align: center;*/
		line-height: 22px;
		color: #2D2A25;
		}
    
		
.copyrightlink {
		color: #2D2A25;
		text-decoration: none;
		}
		
.pagelink {
		color: #D7CBBE;
		text-decoration: none;
		}
		
.thumblink {
		color: #2D2A25;
		text-decoration: none;
		}
		
a:hover {
		color: #ffffff;
		text-decoration: none;
		}
	
a:focus {
    outline: none; 
}

.mapbox {
  width:350px;
  height:280px;
  margin:10px 20px 10px 20px;
  float:left;
  clear:none;
  text-align: left;
  display: inline;
}

.map {
  width:350px;
  height:280px;
  margin: 10px 0px;
  border: 1px solid #FFFFFF;
}

#aboutus_box {
		margin: 15px 0px 0px 40px;
		color: #2d2a25;
		}		

.aboutus_images {
		border: 1px solid #DCD7CF;
		margin-bottom: 10px
		}

#aboutus_content {
		width: 400px;
		padding: 15px 10px 10px 20px;
		float: left;
		clear: none;
		display: inline;
		}
		
/*CONTACT US*/

#contactus_box {
		margin: 15px 0px 0px 15px;
		color: #2d2a25;
		}		

#contactus_content {
		width: 400px;
		padding: 15px 10px 10px 20px;
		float: left;
		clear: none;
		display: inline;
		}
		
.contact_pagelink {
		color: #000000;
		text-decoration: none;
		}
		
/*----------------------------------------*/
/* Form CSS */

#form_box {
		width: 450px;   /* C */
		margin-top: 20px;
		}

fieldset {
		border: 1px solid #413b32;
		background-color: #8c806f;
		padding: 10px;
		}

#name, #email, #phone, #comments, #subject{
		width: 250px; /* C */
		font-size: 12px;
		border: 1px solid #77828b;
		margin: 3px;
		padding: 2px 0px 3px 5px;
		}
	
form p {
		margin: 1px;
		padding: 1px;
		}		
	
form p label {
		font-weight: normal;
		font-size: 11px;
		color: #D6C5AB;
		padding-left: 15px;
		float: left;
		width: 30%; /* C */
		}
	
form p .box {
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		border: 1px solid #77828b;
		padding: 2px 0px 3px 5px;
		margin-left:3px;
		}		

form p .button {
		font-size: 11px;
		color: #000000;
		background-color: #c1b4a3;
		border: 1px solid #413b32;
		padding: 2px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
		cursor: pointer;
		}	

#errorbox {
color: #FF8F93 /*#5F0C06;*/ /*#A84E35;*/
}    

#lytebody {
  width: 446px;
  height: 360px;
  overflow: hidden;
}