@charset "UTF-8";

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

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444444; text-align:center; padding:12px 0 0 0; }
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:#712f55; text-decoration:none; }
a:hover { color:#712f55; text-decoration:underline; }
p, li { line-height:24px; }
.clear { clear:both; height:1px; }
h2 { font-size:24px; text-transform:lowercase; }
h3 { font-size:15px; text-transform:lowercase; }
h4 { font-size:14px; color:#8c867e; margin:0 0 10px 0; }
h5 { font-size:12px; font-weight:normal; }
h6 { font-size:11px; font-weight:normal; }


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



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


#main { width:auto; margin:auto; }	
	#header { width:950px; margin:auto; background:url(../images/bgd_header.gif) bottom no-repeat; padding:0 0 15px 0; }
	#header li { display:inline; }
	#header li a { display:block; float:left; margin:0 12px; }
	#header li span { display:none; }
	
	
	
	/* Navigation */
	
			#nav01 a { background:url(../images/btn_01_n.gif) no-repeat; width:53px; height:29px; }
			#nav01 a:hover, #nav01 .active { background:url(../images/btn_01_o.gif) no-repeat; width:53px; height:29px; }
			#nav02 a { background:url(../images/btn_02_n.gif) no-repeat; width:96px; height:29px; }
			#nav02 a:hover, #nav02 .active { background:url(../images/btn_02_o.gif) no-repeat; width:96px; height:29px; }
			#nav03 a { background:url(../images/btn_03_n.gif) no-repeat; width:90px; height:29px; }
			#nav03 a:hover, #nav03 .active { background:url(../images/btn_03_o.gif) no-repeat; width:90px; height:29px; }
			#nav04 a { background:url(../images/btn_04_n.gif) no-repeat; width:59px; height:29px; }
			#nav04 a:hover, #nav04 .active { background:url(../images/btn_04_o.gif) no-repeat; width:59px; height:29px; }
			#nav05 a { background:url(../images/btn_05_n.gif) no-repeat; width:91px; height:29px; }
			#nav05 a:hover, #nav05 .active { background:url(../images/btn_05_o.gif) no-repeat; width:91px; height:29px; }
			#nav06 a { background:url(../images/btn_06_n.gif) no-repeat; width:69px; height:29px; }
			#nav06 a:hover, #nav06 .active { background:url(../images/btn_06_o.gif) no-repeat; width:69px; height:29px; }
			#nav07 a { background:url(../images/btn_07_n.gif) no-repeat; width:84px; height:29px; }
			#nav07 a:hover, #nav07 .active { background:url(../images/btn_07_o.gif) no-repeat; width:84px; height:29px; }
			#nav08 a { background:url(../images/btn_08_n.gif) no-repeat; width:72px; height:29px; }
			#nav08 a:hover, #nav08 .active { background:url(../images/btn_08_o.gif) no-repeat; width:72px; height:29px; }
			#nav09 a { background:url(../images/btn_09_n.gif) no-repeat; width:83px; height:29px; }
			#nav09 a:hover, #nav09 .active { background:url(../images/btn_09_o.gif) no-repeat; width:83px; height:29px; }
	
	
	/* End Navigation */
	
	
	#banner { width:auto; height:450px; text-align:center; }
	
	#mainHomecontent { width:auto; background:#FFFFFF; }
	#maincontent { width:auto; background:url(../images/bgd_maincontent.gif) left top; }
		#content { width:990px; margin:auto; text-align:left; }
		#content p { margin:0 0 30px 0; }
		
	#footer { width:auto; background:#ece3d7; text-align:left; font-size:11px; color:#8c867e; }
		#footerContent { width:950px; margin:auto; padding:35px 0 50px 0; }
		#footerContent div { width:170px; margin:0 0 20px 0; float:left; display:inline; }
		#footerContent a { color:#8c867e; }
		#footerContent li, #footerContent p { line-height:20px; }
		
		#main input.btn { width:auto; height:auto; margin:0; padding:0; }
		
		div#tradingHours { width:250px; }
			#tradingHours li span { width:108px; float:left; }
			#tradingHours .time { width:90px; }
			
		div#contactFooter { width:185px; }
			#contactFooter p { width:135px; }
			#contactFooter li span { width:156px; float:left; }
			#contactFooter .labelContact { width:21px; }
			
		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:950px; margin:0 auto 45px auto; text-align:left; margin:auto; }
			#topHomeContent { width:950px; background:url(../images/bgd_topHome.gif) repeat-y; }
			#topHomeContent h3 span { display:none; }
			
			
			
				/* Upcoming Event Block */		
					
				#upcomingEvent { width:297px; float:left; padding:10px 10px 20px 0; display:inline; }
					#upcomingEvent h3 { color:#712f55; width:215px; height:54px; margin:0 auto; background:url(../images/title_home_01.gif) no-repeat; }
					#upcomingEvent .titleHome { width:297px; height:54px; text-align:center; margin:0 0 10px 0; }
					#upcomingEvent li { margin:0 0 10px 0; }
					#upcomingEvent li a { background:url(../images/list_style_01.gif) 0 5px no-repeat; padding:0 0 0 15px; }
					
				/* End Upcoming Event Block */	
				
				
				
				/* Online Poll Block */		
				
				#onlinePoll { width:324px; float:left; padding:10px 0 20px 0; margin:0 0 0 1px; display:inline; }
					#onlinePoll h3 { color:#712f55; width:135px; height:54px; margin:0 auto; background:url(../images/title_home_02.gif) no-repeat; }
					#onlinePoll .titleHome { width:324px; height:54px; text-align:center; margin:0 0 10px 0; }
					#onlinePoll form { width:270px; padding:0 27px; color:#712f55; }
					#onlinePoll ul { width:270px; }
					#onlinePoll li { float:left; width:135px; margin:10px 0 0 0; }
					#onlinePoll .rightList { width:auto; }
					#onlinePoll input { width:18px; height:29px; float:left; margin:3px 8px 0 0; }
					#onlinePoll label { float:left; color:#444444; }
		
				/* End Online Poll Block */
		
				
				
				/* New In-Store Block */			
				
				#newStore { width:200px; float:left; margin:0 0 0 54px; padding:0 0 20px 0; color:#712f55; display:inline; position:relative; }
					#storeFrame { width:154px; height:240px; background:url(../images/bgd_new_in_store.png) no-repeat; position:absolute; left:0; top:-218px; padding:15px 20px 25px 20px; }
					#newStore h3 { margin:0 auto 0 auto; background:url(../images/title_home_03.gif) no-repeat; width:160px; height:42px; }
					#newStore .titleHome { width:160px; height:42px; text-align:center; margin:25px 0 0 0; }
				
				
				#slideshow { width:154px; text-align:center; position:relative; }
					#slidesContainer { width:154px; text-align:center; }
					#slidesContainer .artist { font-size:11px; line-height:29px; }
					#slidesContainer .namePro { font-weight:bold; }
							
					#slideshow .control { width:25px; height:25px; text-indent:-10000px; position:absolute; float:left; display:block; cursor:pointer; }
					#leftControl { background:url(../images/btn_previous.png) no-repeat; left:129px; top:30px; }
					#rightControl { background:url(../images/btn_next.png) no-repeat; left:129px; top:56px; }
		
				
				/* End New In-Store Block */
		
		
		
		/* Blocks on bottom Content */
		
		#bottomHomeContent { width:950px; background:url(../images/bgd_bottomHome.gif) top no-repeat; padding:50px 0 45px 0; }
			#bottomHomeContent div { width:280px; float:left; }
			#bottomHomeContent .contentOnline { width:270px; margin:0 57px; }
			#bottomHomeContent .contentNew { width:267px; }
		
		/* End Blocks on bottom Content */
		
		
/***************************************** END HOMEPAGE ***************************************************************/






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

		
		#title { width:990px; height:95px; background:url(../images/bgd_topContent.gif) repeat-y; }
			#title form { width:145px; height:75px; float:left; padding:20px 20px 0 20px; }
			#title #titleContainForm { width:145px; height:75px; float:left; padding:20px 20px 0 20px; }
			#title h3 { color:#FFFFFF; margin:0 0 5px 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; }
	
			#breadcumb { width:760px; height:75px; float:left; padding:20px 20px 0 25px; color:#9d9d9d; font-size:11px; }
			#breadcumb h2 { color:#5c2946; }
			#breadcumb li { display:inline; }
			#breadcumb li a { float:left; color:#9d9d9d; background:url(../images/list_breadcumb.gif) right no-repeat; margin:0 10px 0 0; padding:0 10px 0 0; }
			#breadcumb li span { float:left; font-weight:bold; }
		
		
		#product { width:990px; background:url(../images/bgd_content.gif) repeat-y; }
			#subNav { width:185px; float:left; padding:0 0 20px 0; font-size:11px; }
			#subNav li { background:url(../images/bgd_list.gif) bottom repeat-x; line-height:normal;  }
			#subNav ul { background:url(../images/bgd_list.gif) bottom repeat-x; }
			#subNav div ul { display:none; background:none; }
			#subNav li a { display:block; width:145px; padding:10px 20px 10px 20px; color:#FFFFFF;  }
			#subNav div li a { padding:10px 20px 10px 30px; width:135px; }
			#subNav a:hover { text-decoration:none; }
			#subNav li a:hover, #subNav .selectiveLink a { background:#6b3b51; }
			#subNav h6 { background:url(../images/list_subnav.gif) top no-repeat; width:145px; padding:11px 20px 10px 20px; color:#FFFFFF; cursor:pointer; }	
			#subNav h6:hover, #subNav .selective { background:#6b3b51 url(../images/bgd_list_o.gif) top repeat-x; }
		
		
		#contentProduct { width:805px; float:left; padding:20px 0 0 0; }
			#leftProduct { width:230px; float:left; display:inline; margin:0 0 30px 25px; }
			#leftProduct h5 { margin:0 0 20px 0; }
			#leftProduct p span { font-weight:bold; }
			
			#rightProduct { width:510px; float:right; display:inline; margin:0 20px 30px 0; font-size:11px; }
				#rightProduct ul { float:right; font-weight:bold; width:310px; display:block; margin:0 0 20px 0; }
				#rightProduct li { display:inline; line-height:29px; }
				
				#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:#712f55; display:inline; margin:0 0 30px 10px; }
				#collection a { background:#f6f2ed; padding:10px; width:140px; height:219px; display:block; }
				#collection a:hover { background:#6b3b51; }
				#collection p { margin:10px 0 0 0; line-height:29px; font-size:11px; }
				#collection p a { font-size:12px; font-weight:bold; font-size:12px; background:none; padding:0; width:auto; height:auto; display:inline; color:#712f55;  }
				#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:760px; background:#eeeeee; padding:8px 25px 8px 20px; color:#712f55; 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 ***************************************************************/

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

.clearLeft {
	clear: both;
}

/** NEWS **/
ul#articleNewsList {

}

ul#articleNewsList li {
	padding-bottom: 15px;
}

ul#articleNewsList li img {
	float: left;
	width: 175px;
	padding-right: 25px;
}

ul#articleNewsList li div.artNewsContent {
	width: 550px;
	float: left;
}

ul#articleNewsList p.newsDate {
	font-size: 13px;
	padding-top: 3px;
	margin: 0 0 10px 0;
}

div#sortSection {

}

/** PAGING **/
div#paging {
	width:760px; 
	background:#eeeeee; 
	padding:8px 25px 8px 20px; 
	color:#712f55; 
	font-size:11px;
}

div#paging li { display:inline; }
div#paging li a { float:left; margin:0 6px; display:block; }
div#paging li span { float:left; width:50px; display:block; }
div#paging .previous a { background:url(../images/btn_previous_changePage.gif) left no-repeat; padding:0 0 0 13px; }
div#paging .next a { background:url(../images/btn_next_changePage.gif) right no-repeat; padding:0 13px 0 0; }	
div#paging .selected a { font-weight:bold; }

.clickable { 
	cursor: pointer;
}

/***** 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;
}