body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252; background: url(../images/bg.gif);}
html, body {height: 100%; _height: auto;}

/*->default's-------------------------------------------------------------------*/
#pageWrap {background: url(../images/bgwrap.jpg) repeat-x center top #361f0f; border-bottom: 12px solid #361f0f; position: absolute; left: 0; top: 0; width: 100%; height: 330px; z-index: 1;}
.wrapLogo {background: url(../images/logo.png) no-repeat center top; height: 165px; margin-top: 50px;}
#pageLayout {min-height: 100%; height: auto !important; height: 100%; width: 100%; width: 850px; margin: 0 auto; position: relative; z-index: 5; background: url(../images/bgfoot.jpg) no-repeat right bottom;}
.borderTop {background: url(../images/browndot.gif) repeat-x; padding-top: 1px;}
.block {margin-top: 10px; float: left; width: 100%;}
.half {float: left; width: 50%;}
.error {color:#ff0000; white-space:normal;}
.clear {clear: both; font-size: 0; line-height: 1em; overflow: hidden;}

a img {border: none;}
a {color: #5c78a3;}
a:hover {color: #525252;}
form {margin: 0;}
p, ul, ol {margin: 1em 0;}
ul, ol {padding-left: 25px;}

/*->pageHeader------------------------------------------------------------------*/
#pageHeader {height: 90px; padding-left: 255px; position: relative; z-index: 13;}
  #pageLogo {position: absolute; top: 50px; left: 0; height: 165px; width: 280px; background: url(../images/logo.png) no-repeat -65px top;}
	#pageLogo a {position: absolute; left: 0; top: 25px; width: 240px; height: 87px; outline: none;}
	#pageLogo img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .headPartners {float: left; padding-top: 20px; width: 380px;}
	.headPartners a, .headPartners span {float: left; margin-left: 13px;}
	.headInfo {float: right; width: 134px; text-align: right; padding: 13px 81px 65px 0;}
	.headInfo ul {list-style-type: none; margin: 0; padding: 0; float: right;}
	.headInfo li {float: left; border-left: 1px solid #e2dabc; padding: 0 10px; font-size: 13px;}
	.headInfo li.first {border: none;}
	.headInfo li a {color: #e2dabc; float: left; margin: -2px 0;}
	.headInfo .fb, .headInfo .contact, .headInfo .info {top: 0; right: 0; position: absolute;}
	.headInfo .contact {top: auto; bottom: 2px;}
	.headInfo .info {top: 33px;}

/*->pageMenu--------------------------------------------------------------------*/
#pageMenu {background: url(../images/lightdot.gif); padding: 2px 0; font-size: 11px; float: left; clear: both;}
	#pageMenu ul {margin: 0; padding: 12px 0 0 265px; list-style-type: none; background: #2c180e; float: left; _zoom: 1;}
		#pageMenu ul ul {display: none; position: absolute; background: #633b17; border: 1px solid #41240b; padding: 0; margin: 11px 0 0 -10px; overflow: visible; z-index: 12; _margin-left: -100%; _margin-top: 24px;}
			#pageMenu ul ul ul {margin-left: 100%; margin-top: -26px;}
		
	#pageMenu li {float: left; padding: 12px 11px 12px 5px; margin-top: -12px; background: url(../images/menudot.gif) no-repeat right center; height: 11px; *padding-top: 10px; *padding-bottom: 14px; _padding-bottom: 8px; z-index: 8; overflow: visible;}
	#pageMenu li.last {background: none;}
	#pageMenu li:hover, #pageMenu li.hov, #pageMenu li.sel {background: #633b17; border: 1px solid #41240b; padding: 11px 10px 11px 9px; position: relative; z-index: 9; margin-left: -5px; *padding-top: 9px; *padding-bottom: 13px; _padding-bottom: 7px; _display: inline;}
		#pageMenu li:hover ul, #pageMenu li.hov ul, #pageMenu li ul li:hover ul, #pageMenu li ul li.hov ul {display: block;}
		#pageMenu li:hover ul ul, #pageMenu li.hov ul ul {display: none;}
		#pageMenu ul ul li {background: none; border: none; clear: both; float: none; padding: 0; margin: 0; height: auto;}
		#pageMenu ul ul li:hover, #pageMenu ul ul li.hov {border: none; padding: 0; margin: 0;}
		
	#pageMenu  li a {height: 11px; font-size: 15px; text-transform: uppercase; color: #f2e5b5; text-decoration: none; white-space: nowrap; display: block; _float: left; outline: none;}
		#pageMenu ul ul a {height: auto; font-size: 12px; text-transform: none; display: block; padding: 5px 0; margin: 0 10px; border-top: 1px dotted #d8cc9f; _float: none;}
		#pageMenu ul ul a:hover {color: #cbbd88;}
		#pageMenu ul ul a.first {border-top: none;}

/*->pageContent-----------------------------------------------------------------*/
#pageContent {overflow: hidden; width: 100%; z-index: 7; clear: both;}
  h1 {color: #5e5534; font-size: 30px; font-weight: bold; margin: 0.3em 0;}
		.rounded h1 {background: url(../images/browndot.gif) repeat-x left bottom; padding-bottom: 5px; *padding-top: 9px; position: relative; _zoom: 1;}
	h2 {color: #5e5534; font-size: 24px; font-weight: bold; margin: 0.4em 0;}
	h3 {font-size: 16px; margin: 0.6em 0;}
	h4 {font-size: 12px; color: #7c5639; margin: 0.5em 0; padding: 0 0 0.5em; background: url(../images/rosedot.gif) repeat-x left bottom;}
  .content {}
  .collages {height: 275px; width: 848px; overflow: hidden; background: #fff; text-align: center; border: 1px solid #a57d51;}
  .bannerList {overflow: hidden; width: 100%;}
  .bannerList ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; width:860px; _width: 864px;}
	.bannerList li {float: left; padding: 10px 10px 0 0; zoom: 1;}
	.bannerList li a, .bannerList li a img {float: left; outline: none;}
	
	.collage {border: 1px solid #341e0f; width: 846px; padding: 1px; overflow: hidden; background-color: #c7ad8f; position: relative;}
	.collage .feature {position: absolute; left: 367px; *left: 368px; top: 53px; width: 229px; height: 38px; background: url(../images/collageFeature.png) no-repeat left top;}
	.collage .leftPict, .collage .rightPict {float: left; height: 120px; background-position: center center; background-repeat: no-repeat; background-color: #000; position: relative;}
	.collage .leftPict {width: 480px; border-right: 3px solid #e5ddc0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px;}
	.collage .rightPict {width: 363px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px;}
	.collage .rightPict img, .collage .rightPict img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.homeCollage {position: relative;}
	.homeCollage .iconSatisfaction {position: absolute; bottom: 0; right: 0;}
	
	.narrow {width: 210px; float: left;}
	.wide {width: 630px; float: left; margin-right: 10px;}
	.rounded {-moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 8;}
	.white {background: #fff; padding: 2px; width: 846px;}
	.grey {border: 1px solid #dfd2c8; background: #f6f4ea; padding: 20px 29px; width: 786px; float: left; min-height: 150px; _height: expression(this.offsetHeight < 151?'150':'this.offsetHeight');}
	.relBox {position: relative;}
	
	.links {position: absolute; right: 29px; top: 13px; text-align: right; font-size: 11px; font-weight: normal; _display: inline-block;}
	.linksDetail {bottom: 8px; right: 0; top: auto;}
	.links a {clear: both; float: right; margin-top: 3px;}
	
	.productGallery {overflow: hidden; padding-bottom: 10px;}
	.productGalleryBox {width: 800px; margin-top: -10px;}
	.productItem {float:left; border: 1px solid #926f6a; margin: 10px 10px 0 0; position: relative; overflow: hidden; height: 200px;}
	.productItem .myriad {position: absolute; bottom: 0; width: 100%; left: 0; color: #f6f4ea;  margin: 0; padding: 10px 10px 8px;}
	.productItem .myriad .wrap, .gridGallery .item .wrap {background: #000; opacity: 0.3;}
	.productItem a, .productItem a img, .productItem .myriad .wrap, .gridGallery .item .wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	
	.gridGallery, .listGallery {clear: both; overflow: hidden; position: relative; _width: 786px;}
	.gridGallery .row {width: 850px; margin: 15px 0 15px -31px; overflow: hidden; float: left; _display: inline; position: relative;}
	.gridGallery .item {position: relative; float: left; width: 150px; height: 150px; padding: 0 31px; background: url(../images/greydot.gif) repeat-y -11px top; text-decoration: none; overflow: hidden;}
	.gridGallery .item .title {display: block; text-align: center; color: #e5e4e4; font-weight: bold; position: absolute; text-decoration: none; bottom: 0; width: 130px; padding: 7px 10px; left: 31px;}
	.gridGallery .item a .title {color: #fff;}
	.gridGallery .item img {width: 150px; height: 150px; background-repeat: no-repeat; background-position: center center;}
	.gridGallery .item .wrap {_width: 150px; _height: 60px;}
	
	.listGallery .col {margin: -20px 0;}
	.listGallery .item {background: url(../images/greydot.gif) repeat-x left -11px; padding: 30px 0; overflow: hidden;}
	.listGallery .photo {float: left; width: 300px; overflow: hidden;}
	.listGallery .description {margin-left: 320px; zoom: 1;}
	.listGallery .title, .listGallery .title a {margin-top: 0; color: #5c78a3; text-decoration: none;}
	
	/*->pageDetail----------------------------------------------------------------*/
	.columns {overflow: hidden; width: 100%;}
		.colLeft {width: 200px; float: left; overflow: hidden; padding-bottom: 6px;}
			.colLeft .thumb {margin-top: 10px; margin-bottom: -5px; border: 1px solid #7c6e5a; float: left; width: 198px; overflow: hidden;}
			.colLeft .thumb img {float: left;}
		.colCenter {margin: 0 150px 0 216px; _overflow: hidden; _width: 416px;}
		.colRight {float: right; width: 130px; overflow: hidden;}
			.questions {border: 1px solid #d0c3af; background: #f3f0e1; padding: 10px 15px; margin-top: 10px;}
			.questions p {margin: 0 0 0.5em;}
			.colRight .banner {margin: 10px 0 20px; display: block; clear: both;}
		ul.list {list-style-type: none; padding: 0; font-size: 11px; margin: 0;}
		ul.list li {padding: 2px 0;}
		
		.definition {overflow: hidden; margin: 1.4em 0; _display: inline-block;}
		.definition table {color: #525252; margin-bottom: -1px;}
		.definition th {text-align: left; padding: 8px 17px; background: #e5ddc0;}
		.definition td.value {background: #f0ebd8; padding: 0 0 0 15px;}
		.definition td, .definition td.rosedot {background: url(../images/rosedot.gif) repeat-x right bottom; padding: 5px 15px;}
		.definition td.rosedot {padding-left: 0; background-position: left bottom; background-color: #f0ebd8;}
		.definition td.last, .definition td.last .rosedot {background: none;}

/*->pageFooter------------------------------------------------------------------*/
#pageFooter {height: 105px; z-index: 6; margin-top: 10px; padding: 10px 210px 10px 0; overflow: hidden; font-size: 11px; *width:640px; position: relative;}
  #pageFooter ul {margin: 0 0 0 -7px; padding: 0; list-style-type: none; overflow: hidden; *padding-bottom :6px; _zoom: 1;}
	#pageFooter li {float: left; border-left: 1px solid #624c2b; padding: 0 6px; margin-bottom: 8px;}
	#pageFooter li a {text-decoration: none; float: left; margin: -2px 0; zoom: 1;}
	#pageFooter a {color: #5c3a19;}
	#pageFooter, #pageFooter a:hover {color: #624c2b;}
	#pageFooter .fb {position: absolute; right: 0; top: 35px;}