body { font-size:9pt; behavior:url("java/csshover3.htc"); font-family: Arial, Verdana,sans-serif; word-wrap:break-word; margin:0;padding:0;  width:100%; background:#fff;  top:0px; position:absolute; }


body {
   behavior: url("csshover3.htc");
}

div.TVScroll { overflow: auto }
:focus { -moz-outline-style: none }

@font-face 
{
    font-family:AGaramondPro;
    src:url(fonts/AGaramondPro-Regular.otf) format("truetype");

}

a {color:#8d8f46;}
a:hover{ color:#413323; text-decoration:underline}

p{ margin:0px; padding:0px; line-height:12pt;}

.textfield {
	_height: 1.85em; margin-bottom:8px;font-family:Aria. Verdana;color:#666; font-size:8pt; width:160px;
}
.textfield { BORDER-BOTTOM: #d5dddd thin solid; BORDER-LEFT: #aab3b3 thin solid; BACKGROUND-COLOR: #f7f7f7; BORDER-TOP: #999 thin solid; BORDER-RIGHT: #aab3b3 thin solid; background:#dbd8ad;
}
.textfield:hover, .MutiTextfield:hover {
	BORDER-BOTTOM-COLOR: #6d5; BORDER-TOP-COLOR: #459455; BORDER-RIGHT-COLOR: #5b5; BORDER-LEFT-COLOR: #5b5
}
.textfield:focus, .MutiTextfield:focus {
	BORDER-BOTTOM-COLOR: #6d5; BORDER-TOP-COLOR: #459455; BORDER-RIGHT-COLOR: #5b5; BORDER-LEFT-COLOR: #5b5; background:#f1edde
}









.MutiTextfield {
	_height: 1.85em; margin-bottom:8px; width:400px; height:80px; font-family:Arial, Verdana; color:#666; font-size:8pt;
}
.MutiTextfield { BORDER-BOTTOM: #d5dddd thin solid; BORDER-LEFT: #aab3b3 thin solid; BACKGROUND-COLOR: #f7f7f7; BORDER-TOP: #999 thin solid; BORDER-RIGHT: #aab3b3 thin solid; background:#dbd8ad;
}




input.Button  
{
    font-family: "Arial", "sans-serif"; margin-top:15px;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
text-decoration: none;
 width:100px; height:22px;
border:0; 
 color:#4b3e2b; font-weight:bolder;
background:url(../images/MJButton.png); cursor:hand;
   
 }
input.Button:hover{  color:#dbd8ad;background:url(../images/MJButton03.png); }

.Masterframe{ width:1255px; margin:auto; background:#f5f2eb; margin-bottom:auto;}


/*.Masterframe{ width:1255px; height:1800px; margin:0 auto; background:#f5f2eb } */

.Masterhead{ float:left; width:100%; height:98px; background-image:url(../images/HeadBackground.jpg) }
.MasterMenu{ float:left; margin-left:425px;margin-top:63px;  width:590px; height:35px; background:#4b3e2b;}


/*ProductMenu*/

.MasterTop{float:left; width:100%; height:315px; background:#f5f2eb}
.MasterProduct{ width:240px; height:315px; float:left; background-image:url('../images/ProductMenuBack.jpg'); background-position:top }
.MasterProduct img{ margin-left:35px; margin-top:20px;}
.ProductMenu { width:160px; float:left; margin-left:35px; margin-top:20px;}
.ProductMenu  ul {  margin:0px; padding:0px }
.ProductMenu  ul li { display:list-item;  padding-top:6px; padding-bottom:8px;  list-style-type:none ;background:url(../images/line2.png) no-repeat; background-position:bottom;}
.ProductMenu  ul li a{ font-weight:bolder; font-size:10pt; color: #4c3d28;   text-decoration:none; padding-left:8px;  }

/*ProductLeaf*/
.MasterLeaf{ width:240px; height:315px; float:left; background-image:url(../images/ProductLeaf.jpg);  }

.GalleryFrame{ width:735px; height:700px; margin:20px; float:left; }

.MasterBanner{ width:775px; height:315px;  float:left}
.Masterbody{float:left; width:100%; min-height:320px; background:#e7e1c9; margin-bottom:auto;}

/*Latest News*/
.MasterNews{ width:240px; height:315px; float:left;  }
.MasterNews .Title{ width:75%;  margin:0 auto; padding-top:20px; color: #4c3d28; font-size:14pt;  font-weight:bold;}
.NewsFrame{ width:75%;  margin:0 auto; padding-top:15px;}
.NewsFrame p{ font-size:9pt;color:#000000}

.NewsTitle{ color:#828f99; font-size:8pt; margin-top:8px; margin-bottom:5pt;}
.ReadMore a{ color:#8d8f46;font-size:8pt; }




/*Promotion*/

.MasterPromo{ float:left;  width:240px; height:240px;  background:#dbd8ad; margin-top:20px; margin-right:10px;  }

.MasterPromo .Title{ width:85%; height:35px;  margin:0 auto; padding-top:15px; background:url(../images/line.png) no-repeat bottom; color: #4c3d28; font-size:14pt;  font-weight:bold; }
.MasterPromo .Title_Small{ width:85%; height:35px;  margin:0 auto; padding-top:15px; background:url(../images/line.png) no-repeat bottom; color: #4c3d28; font-size:11pt;  font-weight:bold; }
.PromotionFrame{ width:85%;  margin:0 auto; padding-top:15px;}
.PromotionFrame img{ margin-top:10px;}
.PromotionFrame p{ font-size:9pt;color:#000000}



/*Promotion*/

.PorductPromo{ float:left;  width:240px; height:240px;  background:#dbd387; margin-top:20px; margin-right:10px;  }

.PorductPromo .Title{ width:85%; height:55px;  margin:0 auto; padding-top:10px; background:url(../images/line.png) no-repeat bottom;  }
.PorductPromo .Title_Small{ width:85%; height:35px;  margin:0 auto; padding-top:15px; background:url(../images/line.png) no-repeat bottom; color: #4c3d28; font-size:9pt;  font-weight:bold; }

/*Login dbd8ad */

.MasterLogin{ width:240px; height:240px; float:left; background:#FFFFFF; margin-left:10px; margin-top:20px; margin-right:10px;}
.MasterLogin .Title { width:95%;  float:left; margin-left:8px; margin-bottom:15px;  padding-top:8px; color: #4c3d28; font-size:14pt;  font-weight:bold;}
.MasterLogin .Title_Small{ width:85%; height:35px;  margin-left:8px;  padding-top:15px; color: #4c3d28; font-size:9pt;  font-weight:bold; }
.LoginFrame{ width:90%;  margin:0 auto;}
.LoginFrame { margin-bottom:5px}
.ComingSoon{ color:#8d8f46;font-size:6pt;}

/*Foot*/
.MasterFoot{ float:left; width:100%; height:102px; background-image:url(../images/FootBackground.jpg) }

.FootLink{ float:left; height:20px; margin-left:10px; margin-top:15px; }
.FootLink ul {  margin:0px; padding:0px }
.FootLink ul li { display:inline; }
.FootLink ul li a{ color:#bebb16; padding-right:20px; padding-left:20px;  border-right:1px #bebb16 solid; text-decoration:none; }

.FootLink ul li a:hover{ color:#e6e1cd}

.FootAddress{  float:left; color:#e6e1cd; font-size:8pt; margin-left:30px; margin-top:20px; }
/*width:100%;*/

.FootLogo{ margin-top:15px; margin-right:30px; float:right; }




/*Product Cata*/
.ProductTop{float:left; width:100%; height:250px; background:#f5f2eb}
.ProductBanner{ width:775px; height:250px; background:#ccc; float:left}

.ProductBody{ width:100%; float:left; margin-top:20px;  background:#e7e1c9}
.AccordioFrame{ width:50%; float:left; }



.ProductIntro{ width:70%; float:left; margin-top:20px;}
.ProductIntro .Title{ font-family:Adobe Garamond Pro; font-size:16pt; font-weight:bolder; color:#413323;  padding-bottom:20px;}



/*Accordion Content*/

.ThumbnailFrame{ width:95%; float:left; margin-left:5px; margin-bottom:10px; margin-top:5px;}
.DoorThumbnail{ float:left; width:90px; margin-left:0px; margin-top:15px;}
.DoorThumbnail .ThumbNailId{ float:left; height:20px; width:100%; margin-top:5px; font-size:8pt; line-height:8pt; text-align:center; color:#918f45; }
.DoorThumbnail img{ width:70px; height:123px; display:block;margin:auto; }
.ThumbnailNote{ width:90%; margin:0 auto;  color:#333; margin-left:20px; margin-bottom:20px; }

.DoorThumbnailMdecor { float:left; width:90px;  margin-left:15px;}
.DoorThumbnailMdecor .ThumbNailId{ float:left; width:100%; margin-top:5px; font-size:8pt; line-height:8pt; text-align:center; color:#918f45}
.DoorThumbnailMdecor  img{ width:82px; height:82px; }
.ThumbnailNoteMdecor { width:90%; margin:0 auto;  color:#333; margin-left:20px; margin-bottom:20px;}

.DoorThumbnailAccessories { float:left; width:90px;  margin-left:15px;}
.DoorThumbnailAccessories .ThumbNailId{ float:left; width:100%; margin-top:5px; font-size:8pt; line-height:8pt; text-align:center; color:#918f45}
.DoorThumbnailAccessories  img{ width:90px; height:100px; }
.ThumbnailNoteAccessories { width:90%; margin:0 auto;  color:#333; margin-left:20px; margin-bottom:20px;}

/*Product Display*/

.ProductDisplay{ width:49.9%; float:left;  }
.ProductDisplayFrame{ width:90%;  float:left; border:3px #dad486 solid; margin-left:27px; margin-top:27px;  margin-bottom:25px;}

.ProductSpec { width:49.9%; float:left;  background:#dbd8ad;  min-height:400px; }
.ProductSpecFrame { width:90%; margin:0 auto; }

.Measurements { width:65%; float:left;padding:10px; }

.ProductImage { width:65%; float:left;padding:10px; }

.Thumbnail{ width:23%; float:left; padding:10px; }
.MeasureSize{ width:23%; float:left; padding:10px; }
.Composition{ width:23%; float:left; padding:10px; }
.Product{ width:44%; float:left; padding:10px; }

.MeasureSize h3{ font-size:10pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px;}
.MeasureSize h2{ font-size:18pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px; margin-bottom:10px;}

.Composition h3{ font-size:10pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px;}
.Composition h2{ font-size:18pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px; margin-bottom:10px;}

.CompositionDetail{width:65%; float:left; padding:10px; }

.Product h3{ font-size:10pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px;}
.Product h2{ font-size:18pt; font-weight:bold;  vertical-align:top; margin-left:15px; margin:0px; padding:0px; margin-bottom:10px;}

.ProductDetail{width:46%; float:left; padding:10px;} 
.ProductColourNotice{width:100%; float:left; padding:10px;} 
.ProductColourNotice p{font-size:80%;}

.ProductNEW { width:99%; float:left;  background:#dbd8ad;  min-height:400px; }



.ProductDisplayPic{ width:49.9%; float:left; background:#fff;  height:400px;}
.ProductDisplayPic img{ width:200px; height:351px; margin-top:25px; margin-left:25px;}


.ProductSpec H2 {color:#4c3d28;  }
.ProductSpec H3 {color:#8c8e45; padding:0px; margin:0px; margin-bottom:5px; margin-top:5px  }


.ProductSpec P { line-height:15pt;  }
.ProductSpec .PDFdown{  width:100%; height:20px; background:url(../images/icon-pdf.png) no-repeat; text-indent:20px;}
.ProductSpec .PDFdown a{ color:#4c3d28;  }

.ProductSpec .Profile{ width:250px; height:80px;  background:#f5f2f1;  border:1px #dad486 solid}

.ProductSpec .Profile img{ margin-left:25px; margin-top:10px;}



.ProductCollection { width:100%; float:left;  background:#dbd8ad;   min-height:400px; }
.ProductCollectionDetail { width:100%; float:left;  background:#f5f2f1;   min-height:400px; }
.ProductDetailCon{ width:49.5%; float:left}

.Plus{ font-size:6pt; vertical-align:text-bottom;}

/*Company   Page*/

.CompanyBody{ width:100%;  float:left;   background:#e7e1c9}

.CompanyMenuFrame{ width:19.2%; float:left; background:#dbd8ad}
.CompanyMenuLong{ width:19.2%; float:left; background:#dbd8ad}

.CompanyMenu { float:left; margin-left:30px; margin-top:25px; }
.CompanyMenu ul {  margin:0px; padding:0px }
.CompanyMenu ul li {  padding-top:4px; padding-bottom:5px;  list-style-type:none ;  }
.CompanyMenu ul li a{width:180px; height:20px; line-height:20px; padding-left:5px;  display:block;  font-weight:bolder; font-size:9pt; color: #4c3d28;   text-decoration:none; }
.CompanyMenu ul li a:hover{ background:#dad486 }





.CompanyFrame { width:70%; float:left; margin-top:15px; border-left:1px #ccc dotted; padding-left:25px;}
.NewProductFrame2{ width:90%; float:left; margin-top:15px; border-left:1px #ccc dotted; padding-left:35px;}




.CompanyText{ width:100%; float:left;  line-height:15pt; margin-bottom:15px;}
.CompanyText img{ width:100px;  height:67px; float:left; margin-right:15px; }
.CompanyText P{ margin-bottom:5px;}

.CompanyTextList{ width:85%; float:left; margin-top:10px;}
.CompanyTextList ul{  margin:0px; padding:0px}
.CompanyTextList ul li{ list-style-type:none;}
.CompanyTextList ul li img {width:9px; height:9px;  margin:0px; padding:0px; margin-top:5px; margin-right:5px; }
.CompanyTextList ul li span { float:left; width:98% }


.CompanyTextNopic{ width:100%;  float:left; }
.CompanyTextNopic img{ margin-right:5px;}

.CompanyFrame H2 {color:#4c3d28;  }

.GreenTextB{ color:#749d25; font-weight:bolder}
.HolidayTextB{ color:#ef190f; font-weight:bolder}

/*Contact   Page*/

.UnlimitedBody{ width:100%;  float:left;   background:#e7e1c9}

.ContactFrame{ width:80%; float:left; }

.ContactText{ width:80%; float:left;  line-height:15pt; margin-left:30px; margin-top:15px;}


.ContactLocation{ width:49.9%; float:left}


.Fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width:100%; /*width of form rows*/
overflow: hidden;
padding: 1px 0;
}

.Fieldwrapper .styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;color:#749d25; font-weight:bolder;
width:20%; /*width of label (left column)*/
margin-right: 0px /*spacing with right column*/
}




.fieldwrapper .thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;  width:69%;
margin-bottom: 0px; color:#666;list-style-type: none; list-style-position:outside;  /* space following the field */
}


/*Special  Page*/


.SpecialText{ width:100%; float:left;  line-height:15pt; margin-bottom:15px;}
.SpecialText img{ width:200px;  height:70px; float:left; margin-right:15px; }
.PDFdown{  width:100%; height:20px; background:url(../images/icon-pdf.png) no-repeat; text-indent:20px;}

/*News Page*/

.NewsText{ width:100%; float:left;  line-height:15pt; margin-bottom:15px; border-bottom:1px dotted #dad486}
.NewsText img{ width:100px;  height:67px; float:left; margin-right:15px; }
.NewsText .GreenTitle{ color:#749d25; font-weight:bolder; margin-bottom:8px;}

.NewsDetailTitle{ color:#191410; font-weight:bolder; margin-bottom:9px; font-size:12pt;}


/*Download Page*/

.DownloadFrame{ width:49.9%; float:left;  margin-bottom:15px }
.DownloadFrame .DownTitle{ color:#749d25; font-weight:bolder; margin-bottom:8px;}
.DownloadFrame P{ width:70%;  margin-bottom:8px;}


/*Login Page*/

.LoginPageFrame { width:80%; float:left; margin-bottom:20px; }


.SignUpBlock{background:#dbd8ad; width:380px;  float:left;  margin-top:30px; height:250px; margin-left:50px; margin-right:50px; padding-left:20px;}
.LoginBlock{background:#dad486;width:380px;  float:left;  margin-top:30px; height:250px; margin-right:50px; padding-left:20px;}

.LoginList{ width:85%; float:left; margin-top:10px; margin-bottom:20px;}
.LoginList ul{  margin:0px; padding:0px}
.LoginList ul li{ list-style-type:none; line-height:15pt;}
.LoginList ul li span{ padding-left:8px;}

.LoginMenuFrame{ width:19.2%; min-height:350px; float:left; background:#dbd8ad}



/*Suggestion*/

.Comments{ width:80%; float:left; font-size:12pt; font-weight:bold; padding-left:0px; padding-top:20px; color: #4c3d28}

.ContactInfo{ width:80%; float:left; font-size:9pt; padding-left:0px; padding-top:20px; color:#666}

.SuggestBox{  width:80%; float:left; font-size:9pt; padding-left:0px; padding-top:20px; color:#333; }
.SuggestButtonFrame{ width:50%; float:left; margin-left:145px; margin-bottom:20px;  }

.SuggestTable{width:100% ; font-size:8pt;  background:#dbd387; padding:10px }

.SuggestionTextBox{ border:0px; height:100px; width:500px; background:#f5f5f5; font-family: Arial, Verdana,sans-serif; font-size:8pt;  border:1px #ccc solid;  line-height:50px}

.required{ color:#939540}


.SignUpLine{ width:100%; height:3px; background:#dbd387;}

.Staff{ width:100%; float:left; margin-bottom:15px;}

.Staff ul { width:300px; float:left; margin:0px; padding:0px;}
.Staff ul li{ width:49.5%; float:left; list-style:none;} 
.News2Column{ width:49.9%; float:left;}
.News2Column img{ margin-left:50px; margin-bottom:20px; margin-top:15px; }
.NewsDetailText{ width:100%; float:left;  line-height:15pt; margin-bottom:15px;}