@charset "UTF-8";

/* ----------------------------------------GLOBAL PROPERTIES---------------------------------------------------------------- */

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; text-align:center; }
ul { list-style:none; }
img { border:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777777; border:none; }
a { color:#67514a; text-decoration:none; }
a:hover { color:#67514a; text-decoration:underline; }
p, li, dt, dd { line-height:16px; }
.clear { clear:both; height:1px; }
h2 { font-size:30px; font-weight:normal; }
h3 { font-size:22px; }
h4 { font-size:12px; }
h5 { font-size:11px; }

.clickable {
	cursor: pointer;
}

/* ----------------------------------------END GLOBAL PROPERTIES---------------------------------------------------------------- */



/* ----------------------------------------STRUCTURE SITE ---------------------------------------------------------------- */


#main { width:auto; margin:auto; }	
	#header { width:940px; margin:auto; text-align:left; background:url(../images/bgd_header.gif) bottom no-repeat; padding:30px 0 15px 0; height:105px; }
	#header h1 { float:left; }
	#header ul { float:right; }
	#header li { display:inline; }
	#header li a { float:left; margin:80px 0 0 16px; display:block; height:20px; }
	#header li a span { display:none; }
	
	#banner { width:auto; height:420px; text-align:center; }
	
	
	/* Navigation */
	
		#nav01 a { background:url(../images/btn_01_n.gif) no-repeat; width:44px; }
		#nav01 a:hover, #nav01 .active { background:url(../images/btn_01_o.gif) no-repeat; width:44px; }
		#nav02 a { background:url(../images/btn_02_n.gif) no-repeat; width:103px; }
		#nav02 a:hover, #nav02 .active { background:url(../images/btn_02_o.gif) no-repeat; width:103px; }
		#nav03 a { background:url(../images/btn_03_n.gif) no-repeat; width:51px; }
		#nav03 a:hover, #nav03 .active { background:url(../images/btn_03_o.gif) no-repeat; width:51px; }
		#nav04 a { background:url(../images/btn_04_n.gif) no-repeat; width:54px; }
		#nav04 a:hover, #nav04 .active { background:url(../images/btn_04_o.gif) no-repeat; width:54px; }
		#nav05 a { background:url(../images/btn_05_n.gif) no-repeat; width:97px; }
		#nav05 a:hover, #nav05 .active { background:url(../images/btn_05_o.gif) no-repeat; width:97px; }
		#nav06 a { background:url(../images/btn_06_n.gif) no-repeat; width:82px; }
		#nav06 a:hover, #nav06 .active { background:url(../images/btn_06_o.gif) no-repeat; width:82px; }
		#nav07 a { background:url(../images/btn_07_n.gif) no-repeat; width:45px; }
		#nav07 a:hover, #nav07 .active { background:url(../images/btn_07_o.gif) no-repeat; width:45px; }
		#nav08 a { background:url(../images/btn_08_n.gif) no-repeat; width:73px; }
		#nav08 a:hover, #nav08 .active { background:url(../images/btn_08_o.gif) no-repeat; width:73px; }
	
	/* End navigation */
	
	
	#mainHomecontent { width:auto; background:#FFFFFF; }
	#maincontent { width:auto; background:url(../images/bgd_maincontent.gif) left top; }
	#maincontent.altback { background:url(../images/bgd_maincontent2.gif) left top; }
	#main .men { background:url(../images/bgd_men.gif); }
		#content { width:940px; margin:auto; text-align:left; }
		#content p { margin:0 0 30px 0; }
		
	
	#collectionSelector { width:auto; background:#d0c3b9;}
		#contentCollectionSelector { width:940px; background:url(../images/bgd_contentCollection.gif) top no-repeat; padding:15px 0px; text-align:left; margin:auto; }
		#contentCollectionSelector li { display:inline; }
		
	#footer { width:auto; background:#aa9a8e; text-align:left; font-size:11px; color:#FFFFFF; }
		#footerContent { width:940px; margin:auto; padding:35px 0 50px 0; }
		#footerContent div { width:165px; margin:0 0 20px 0; float:left; display:inline; }
		#footerContent h5 { margin:0 0 10px 0; }
		#footerContent a { color:#FFFFFF; }
		#footerContent li, #footerContent p { line-height:20px; }
		
		#main input.btn { width:auto; height:auto; margin:0; padding:0; }
		
		div#tradingHours { width:170px; }
			#tradingHours li span { width:80px; float:left; }
			#tradingHours .time { width:90px; }
			
		div#contactFooter { width:200px; float:right; }
			#contactFooter p { width:200px; }
			#contactFooter li span { width:176px; float:left; }
			#contactFooter .labelContact { width:21px; margin:0 0 20px 0; }
			
		div#logoFooter { width:950px; float:none; margin:0; display:block; text-align:center; }
			#logoFooter li { display:inline; }
			#logoFooter li img { margin:0 20px 0 20px; }



/* ----------------------------------------END STRUCTURE SITE ---------------------------------------------------------------- */




/***************************************** HOMEPAGE ***************************************************************/

		
		#homeContent { width:940px; background:url(../images/bgd_homeContent.gif) bottom no-repeat; margin:0 auto 45px auto; padding:20px 0; text-align:left; margin:auto; }
				#news { width:300px; float:left; font-size:11px; }
				#news dt { margin:15px 0 0 0; padding:15px 0 0 0; border-top:1px solid #e2e2e2; }
				#news dt a { color:#67514a; font-weight:bold; }
				#news dd { margin:5px 0 15px 0; }
				
				#homeContent .newProducts { width:300px; margin:0 0 0 20px; float:left; }
				
				
				#slideshow, #slideshow2 { width:300px; position:relative; }
					#slidesContainer, #slidesContainer2 { width:300px; }
					#slidesContainer .titleHome, #slidesContainer2 .titleHome { float:left; width:80px; height:39px; }
					#slidesContainer .subtitleHome, #slidesContainer2 .subtitleHome { float:left; width:190px; margin:9px 0 0 7px; height:39px; }
					#slidesContainer img, #slidesContainer2 img { display:block; }
					
					#slidesContainer div.cssCrop, #slidesContainer2 div.cssCrop {
						width: 280px;
						height: 310px;
						overflow: hidden;
						border:10px solid #f6f2ed; 
					}
							
					#slideshow .control, #slideshow2 .control2 { width:36px; height:36px; text-indent:-10000px; position:absolute; float:left; display:block; cursor:pointer; }
					#leftControl, #leftControl2 { background:url(../images/btn_previous.png) no-repeat; left:10px; top:186px; }
					#rightControl, #rightControl2 { background:url(../images/btn_next.png) no-repeat; left:254px; top:186px; }
		
		
		
/***************************************** END HOMEPAGE ***************************************************************/






/***************************************** PRODUCT GROUP ***************************************************************/

		
		#title { width:940px; height:95px; background:url(../images/bgd_topContent.gif) repeat-y; }
			#title form { width:150px; height:70px; float:left; padding:25px 20px 0 20px; }
			#title h4 { color:#67514a; margin:0 0 4px 0; }
			#title input { background:#FFFFFF url(../images/bgd_input_search.gif) top left no-repeat; width:110px; height:20px; padding:5px 0 0 10px; float:left; }
			#title #titleContainForm { width:150px; height:70px; float:left; padding: 25px 20px 0 20px; }
	
			#breadcumb { width:705px; height:75px; float:left; padding:20px 20px 0 25px; color:#67514a; font-size:11px; }
				#breadcumb h2 { color:#67514a; }
				#breadcumb li { display:inline; }
				#breadcumb li a { float:left; color:#67514a; background:url(../images/list_breadcumb.gif) right no-repeat; margin:0 10px 0 0; padding:0 10px 0 0; }
				#breadcumb li span { float:left; }
		
		
		#product { width:940px; background:url(../images/bgd_content.gif) repeat-y; }
			#subNav { width:190px; float:left; padding:20px 0 20px 0; font-size:11px; }
			#subNav div ul { display:none; }
			#subNav h5 { font-weight:normal; }
			#subNav a { display:block; width:150px; padding:10px 20px 10px 20px; color:#67514a; border-bottom:1px solid #d3c9c3; font-weight: 600; }
			#subNav div ul a { display:block; width:140px; padding:10px 20px 10px 30px; color:#67514a; border-bottom:1px solid #d3c9c3; font-weight: 100; }
			#subNav ul li ul a { display:block; width:140px; padding:10px 20px 10px 30px; color:#67514a; border-bottom:1px solid #d3c9c3; font-weight: 100; }
			#subNav ul li ul li ul a { display:block; width:130px; padding:10px 20px 10px 40px; color:#67514a; border-bottom:1px solid #d3c9c3; font-weight: 100; }
			#subNav a:hover, #subNav .selected { background:url(../images/bgd_subNav_o.gif) repeat-y; text-decoration:none; }
			#subNav .visibility { display:block; }
			
			#subNav h6 { border-bottom:1px solid #d3c9c3; width:145px; padding:11px 20px 10px 20px; color:#67514a; cursor:pointer; font-size:11px; font-weight:600; background: url(../images/arrow_pointer.gif) right 10px no-repeat; }
			#subNav span.collapse { cursor: pointer; display:block; width:140px; padding:10px 20px 10px 30px; color:#67514a; border-bottom:1px solid #d3c9c3; font-weight: 100; }
			#subNav h6:hover, #subNav span.collapse:hover, #subNav .selective { background: url(../images/bgd_subNav_o_arr.gif) no-repeat top left; text-decoration:none; }
			
		#contentProduct { width:750px; float:left; padding:20px 0 0 0; }
			#leftProduct { width:200px; float:left; display:inline; margin:0 0 30px 15px; padding: 40px 0 0 0; }
			#leftProduct h5 { margin:0 0 20px 0; }
			#leftProduct p { line-height:24px; }
			#leftProduct p span { font-weight:bold; }
			
			#rightProduct { width:500px; float:right; display:inline; margin:0 0px 10px 0; font-size:11px; }
				#rightProduct ul { float:right; width:270px; display:block; margin:0 0 20px 0; }
				#rightProduct li { display:inline; line-height:18px; }
				#rightProduct li a { float:left; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #e2e2e2; }
				#rightProduct .backSection { background:url(../images/icon_back.gif) 0 6px no-repeat; border:none; margin:0; }
				
				#sortSection {
					padding: 0 20px;
					text-align: right;
				}
				#sortSection a { padding: 0 15px !important; background:url(../images/bgd_separate_link.gif) left no-repeat;}
				#sortSection .backSection { background:url(../images/icon_back.gif) 0 3px no-repeat; }
				#sortSection .nextSection { padding-right: 0!important;}
				
				#collection { width:510px; }
				#collection div { width:160px; float:left; text-align:center; color:#67514a; display:inline; margin:0 0 15px 7px; height: 300px }
				#collection a { background:#f6f2ed; padding:10px; width:140px; height:217px; display:block; }
				/*#collection a span { background:#f6f2ed; padding:0px; width:140px; height:217px; display:block; overflow: hidden; }*/
				#collection a:hover { background:#e0d8d2; }
				#collection p { margin:10px 0 0 0; line-height:18px; font-size:11px; }
				#collection p a { font-size:12px; background:none; padding:0; width:auto; height:auto; display:inline; color:#3d302c;  }
				#collection p a:hover { background:none; }
			
			#flash { width:480px; height:749px; background:#f6f2ed; padding:10px; margin:0 0 0 10px; }
			#flashProduct { width:480px; height:749px; }
			
			
			#contentProduct .changePage { width:705px; margin:0 25px 20px 20px; padding:20px 0 0 0; border-top:1px solid #e2e2e2; color:#67514a; font-size:11px; }
				#contentProduct .changePage li { display:inline; }
				#contentProduct .changePage li a { float:left; margin:0 6px; display:block; }
				#contentProduct .changePage li span { float:left; width:50px; display:block; }
				#contentProduct .previous a { background:url(../images/btn_previous_changePage.gif) left no-repeat; padding:0 0 0 13px; }
				#contentProduct .next a { background:url(../images/btn_next_changePage.gif) right no-repeat; padding:0 13px 0 0; }	
				#contentProduct .selected a { font-weight:bold; }
			
			
			
/***************************************** END PRODUCT GROUP ***************************************************************/
div#brandAlignImage {
	
}


/** CONTENT AREA **/
div#cmsContentArea {
	width: 700px; 
	float: left;
	padding: 25px;
	
	min-height: 400px;
	_height: 400px;
}

.categoryTextExtend p { line-height:24px; }

#listContent { width:690px; }
	#listContent h6 { margin:3px 0 0 0; }
	#listContent div { width:670px; border-bottom:1px solid #e0ddda; padding:0 0 20px 0; margin:0 0 20px 0; }
	#listContent p { margin: 0; padding: 10px 0 0 0; } 
	#listContent div p a { color:#000000; }
	#listContent div p a:hover { color:#000000; text-decoration:underline;}
	#listContent .newsContent { border:none; padding:0; }
	#listContent .newsContent ul { width:670px; border-top:1px solid #e0ddda; padding:15px 0 0 0; margin:30px 0 0 0; }
	#listContent .newsContent li a { background:url(../images/list_upcomingEvent.gif) left no-repeat; padding:0 0 0 15px; }
	
	#contentGeneral .partner img { float:left; margin:20px 0 0 0; }
	#contentGeneral .partner div div { float:right; width:520px; border:none; padding:0; }

	
/***** FORM *******/
form.customForm {
	margin-top: 15px;
}

form.customForm label {
	width: 100px;
	line-height: 24px;
	float: left;
	clear: left;
	padding-right: 15px;
	text-align: right;
	margin-bottom: 5px;
}

form.customForm .inputText {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .text {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .inputShortText {
	width: 100px;
}

form.customForm input.inputText {
	height: 16px;
}

form.customForm textarea.inputText {
	height: 100px;
}

form.customForm label.submit {
	width: 443px;
	padding: 0px;
}
form.customForm label.submit input {
	float: right;
	width: auto;
	height: auto;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

div.formField {
	padding: 0 0 8px 0;
}

div.inputLabel {
	padding: 4px 12px 0 0;
	width: 84px;
	float: left;
	text-align: right;
}

div.inputField {
	width: 192px;
	float: left;
	text-align: left;
}

div.option div.button {
	padding: 0 0 10px 0;
}