@charset "UTF-8";

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

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#685c53; text-align:center; }
ul { list-style:none; }
img, fieldset { border:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777777; border:none; }
a { color:#685c53; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
p, li { line-height:20px; }
.clear { clear:both; height:1px; }
h2 { font-size:32px; text-transform:uppercase; font-weight:normal; }
h3 { font-size:20px; text-transform:uppercase; font-weight:normal; }
h4 { font-size:17px; text-transform:uppercase; }
h5 { font-size:12px; text-transform:uppercase; }
h6 { font-size:11px; text-transform:uppercase; }

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



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


#main { width:auto; margin:auto; }	

	#header { width:auto; height:auto; background:url(../images/bgd_header.gif) bottom repeat-x; }
		#headerContent { width:990px; height:119px; padding:51px 0 0 0; margin:auto; background:url(../images/bgd_headerContent.gif) top no-repeat; text-align:left; }
		#headerContent h1 { margin:0 0 17px 12px; }
		#headerContent li { display:inline; }
		#headerContent li a { float:left; margin:0 18px 0 0; } 
		#headerContent li a span { display:none; }
		
		
		#maincontent { width:auto; background:url(../images/bgd_maincontent.gif) top repeat-x; text-align:left; padding:0 0 20px 0; }
			#content { width:990px; margin:auto; background:url(../images/bgd_content.png) top no-repeat; padding:45px 0 0 0; }	
			#content p { margin:20px 0 0 0; }
			
			
			
		/* Title + Breadcumbs + Change page links */
	
		#mainTitle { width:924px; margin:auto; text-align:left; padding:35px 34px 10px 32px; }
			#mainTitle li { display:inline; }
			#title { width:655px; float:left; }
				#title ul { margin:0 0 0 3px; }
				#title li a { float:left; background:url(../images/list_upcomingEvent.gif) right no-repeat; padding:0 15px 0 0; margin:0 10px 0 0; }
				#title li span { float:left; }
				#title  p { padding:8px 0 0 0; }
			
			#gownSelector { width:269px; float:right; margin:44px 0 0 0; overflow:hidden; }
				#gownSelector li a { float:left; background:url(../images/list_upcomingEvent.gif) left no-repeat; padding:0 0 0 15px; margin:0 0 0 10px; }
				#gownSelector .firstSelector a { background:none; margin:0; padding:0; margin:0; }
		
		/* Title + Breadcumbs + Change page links */
		
		
		
		/* Navigation */
		
			#nav01 a { background:url(../images/btn_01_n.gif) no-repeat; width:40px; height:18px; }
			#nav01 a:hover, #nav01 .highlight { background:url(../images/btn_01_o.gif) no-repeat; width:40px; height:18px; }
			#nav02 a { background:url(../images/btn_02_n.gif) no-repeat; width:76px; height:18px; }
			#nav02 a:hover, #nav02 .highlight { background:url(../images/btn_02_o.gif) no-repeat; width:76px; height:18px; }
			#nav03 a { background:url(../images/btn_03_n.gif) no-repeat; width:76px; height:18px; }
			#nav03 a:hover, #nav03 .highlight { background:url(../images/btn_03_o.gif) no-repeat; width:76px; height:18px; }
			#nav04 a { background:url(../images/btn_04_n.gif) no-repeat; width:56px; height:18px; }
			#nav04 a:hover, #nav04 .highlight { background:url(../images/btn_04_o.gif) no-repeat; width:56px; height:18px; }
			#nav05 a { background:url(../images/btn_05_n.gif) no-repeat; width:49px; height:18px; }
			#nav05 a:hover, #nav05 .highlight { background:url(../images/btn_05_o.gif) no-repeat; width:49px; height:18px; }
			#nav06 a { background:url(../images/btn_06_n.gif) no-repeat; width:86px; height:18px; }
			#nav06 a:hover, #nav06 .highlight { background:url(../images/btn_06_o.gif) no-repeat; width:86px; height:18px; }
			#nav07 a { background:url(../images/btn_07_n.gif) no-repeat; width:63px; height:18px; }
			#nav07 a:hover, #nav07 .highlight { background:url(../images/btn_07_o.gif) no-repeat; width:63px; height:18px; }
			#nav08 a { background:url(../images/btn_08_n.gif) no-repeat; width:43px; height:18px; }
			#nav08 a:hover, #nav08 .highlight { background:url(../images/btn_08_o.gif) no-repeat; width:43px; height:18px; }
			#nav09 a { background:url(../images/btn_09_n.gif) no-repeat; width:55px; height:18px; }
			#nav09 a:hover, #nav09 .highlight { background:url(../images/btn_09_o.gif) no-repeat; width:55px; height:18px; }
			#nav10 a { background:url(../images/btn_10_n.gif) no-repeat; width:61px; height:18px; }
			#nav10 a:hover, #nav10 .highlight { background:url(../images/btn_10_o.gif) no-repeat; width:61px; height:18px; }
		
		/* End Navigation */
		
		
			/* Right Column ( Search Form + Sub Navigation ) */
			
			#subNav { width:230px; float:right; min-height: 550px; }  
				#subNav form { width:190px; color:#FFFFFF; background:#c3b9ae url(../images/bgd_search.gif) top repeat-y; padding:23px 20px 20px 20px; }
				#subNav input { width:150px; height:20px; background:url(../images/bgd_input_search.gif) no-repeat; float:left; margin:5px 0 0 0; padding:7px 0 0 10px; }
				#subNav input.btnSearch { width:auto; height:auto; background:none; margin:9px 0 0 0; padding:0; float:right; }
			
				#subNav ul { width:190px; display:block; padding:0 20px 0 20px; }
				#subNav li { margin:12px 0 0 0; }
				#subNav li a { color:#000000; padding:0 0 0 15px; }
				#subNav li a:hover, #subNav li a.active, #subNav .selective a { background:url(../images/list_upcomingEvent.gif) left no-repeat; padding:0 0 0 15px; color: #1b1919;}
			
			/* Right Column ( Search Form + Sub Navigation ) */
			
			
			
			
			/* Paging */
			
			#paging { width:670px; margin:5px 0 0 0; }
			#paging div { width:42px; float:left; }
			#paging ul { float:left; background:url(../images/list_upcomingEvent.gif) left 4px no-repeat; padding:0 0 0 15px; margin:1px 0 0 0; }
			#paging li { display:inline; line-height:normal; }
			#paging li a { margin:0 5px 0 0; }
			#paging li span { font-weight:bold; margin:0 5px 0 0; }
				
			
			/* End Paging */
			
			
			
		#footer { width:auto; background:url(../images/bgd_footer.gif) top repeat-x; padding:0 0 30px 0; }
			#footerContent { width:990px; margin:auto; text-align:left; background:url(../images/bgd_footerContent.gif) top no-repeat; padding:45px 0 0 0; }
			#footerContent img { float:left; margin:0 41px 0 1px; display:inline; }
			#footerContent div { width:130px; margin:0 41px 0 0; display:inline; float:left; }
			#footerContent h6 { margin:0 0 10px 0; }
			#footerContent span { margin:0 8px 0 0; }
			#footerContent div.lastFoot { margin:0; }
			#footerContent .copyright { float:right; margin:-20px 89px 0 0; display:inline; }
			
				
/* ----------------------------------------END STRUCTURE SITE ---------------------------------------------------------------- */




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

		#banner { width:auto; height:460px; }
		
		#maincontentHome { width:auto; text-align:left; padding:0 0 20px 0; }
			#maincontentHome #content { background:none; padding:25px 0 0 0; }
		
		#comingEvents { width:auto; height:auto; background:url(../images/bgd_comingEvent.gif) top repeat-x; }
			#comingEventsContent { width:990px; margin:auto; background:url(../images/bgd_top_comingEvent.gif) top no-repeat; padding:25px 0 0 0; }
			#comingEventsData { width:930px; background:url(../images/bgd_bottom_comingEvent.gif) bottom no-repeat; padding:0 30px 15px 30px; text-align:left; }
			#comingEventsData div { float:left; width:125px; margin:1px 0 0 0; }
			#comingEventsData ul { float:left; width:780px; display:block; }
			#comingEventsData li { display:inline; }
			#comingEventsData a { float:left; background:url(../images/list_upcomingEvent.gif) left no-repeat; padding:0 0 0 13px; margin:0 0 0 8px; }
			#comingEventsData a:hover { background:url(../images/list_upcomingEvent_o.gif) left no-repeat; }
		
		
		#contentHome { width:900px; margin:0 45px; }
			#contentHome div { width:280px; text-align:center; float:left; margin:0 0 35px 0; }
			#contentHome h4 { margin:0 0 10px 0; }
			#contentHome p { margin:8px 0 0 0; }
			#contentHome .middleHome { margin:0 30px; }
		
			
/***************************************** END HOMEPAGE ***************************************************************/




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

		#contentGeneral { width:920px; background:url(../images/bgd_contentGeneral.gif) top no-repeat; margin:0 35px; }
		
			
			#product { width:690px; float:left; }
			
			#product .category { width:690px; margin:0 0 20px 0; }
				#product .wrapperLarge { width:210px; float:left; height:338px; margin:0 20px 20px 0;  }
				#product .wrapper { position:relative; width:210px; height:338px; }
				#product div.description { position:absolute; width:210px; height:320px; left:0; top:0; background:#000000; color:#FFFFFF; }
				#product .description a { color:#FFFFFF; width:185px; height:62px; padding:256px 0 0 25px; display:block; }
				#product .description div { width:210px; height:338px; }
				#product .description div span { display:block; }
				#product div.lastCategory { margin:0; }
			
			#flashProduct { width:440px; height:720px; float:left; display:inline; }
			
			#productDescription { width:191px; float:right; margin:15px 35px 0 0; display:inline; }
				#productDescription p { color:#000000; }
				#productDescription p img { cursor:pointer; }
				#productDescription .titleDes { width:191px; border-bottom:1px solid #e0ddda; padding:0 0 5px 0; margin:0 0 10px 0; }
				
				#sizeColors { width:191px; border-bottom:1px solid #e0ddda; padding:0 0 20px 0; margin:0 0 10px 0; }
					#sizeColors p { float:left; margin:10px 0 10px 0; line-height:normal; font-weight:bold; color:#685c53; }
					#sizeColors .sizeNumber { color:#000000; float:right; margin:10px 0 10px 0; }
					#sizeColors h6 { text-transform:none; }
					#sizeColors li { display:inline; }
					#sizeColors li a { float:left; margin:10px 10px 0 0; border:1px solid #e0ddda; }
					#sizeColors .lastColor a { margin:10px 0 0 0; }
					
					#screenshot { width:100px; position:absolute; height:125px; text-align:left; background:url(../images/bgd_pop_up_color.gif) no-repeat; border:1px solid #e0ddda; color:#000000; padding:10px 10px 0 10px;}
					#screenshot img { margin:0 0 2px 0; padding:0; float:none; }
			
					#collectionInfo { width:920px; padding:30px 0 0 0; }
					#collectionInfo p { margin:5px 0 0 0; }
		
		
				
/***************************************** END PRODUCT GROUP ***************************************************************/




/***************************************** GALLERY ***************************************************************/

				
				#gallery { width:690px; float:left; }
					#galleryContent { width:675px; }
					#galleryContent ul { width:675px; overflow:hidden; }
					#galleryContent li { float:left; line-height:normal; width:120px; height:120px; padding:0 15px 15px 0; overflow:hidden; }
					#galleryContent li span { width:120px; height:120px; overflow:hidden; display: block; }
					#galleryContent .lastGallery { padding:0 0 15px 0; }
					
					
					#galleryPop { width:400px; height:618px; padding:10px; text-align:right; background:#FFFFFF; }
					#galleryPop div { width:400px; height:586px; }
					#galleryPop p { float:right; padding:18px 0 0 0; display:block; }
				

/***************************************** END GALLERY ***************************************************************/



/***************************************** POP UP ENQUIRY ***************************************************************/

		#enquiry { width:586px; background:#e7e3df; border:10px solid #FFFFFF; text-align:left; padding:30px 30px; margin:auto; }
			#enquiry p { margin:20px 0; }
			#enquiry form  ul { width:173px; float:right; }
			#enquiry form  li { line-height:18px; }
			#enquiry form  li img { float:left; margin:3px 0 20px 0; cursor:pointer;  }
			#enquiry form  li span { float:left; width:135px; margin:0 0 0 10px; display:block; color:#000000; }
			
			#enquiry fieldset { width:375px; float:left; margin:0 0 15px 0; }
			#enquiry label { width:174px; float:left; margin:8px 0 0 0; display:block; font-weight:bold; }
			#enquiry label span { color:#FF0044; }
			#enquiry input { width:188px; height:20px; background:#FFFFFF; border:1px solid #c6bcb5; float:left; margin:0 0 12px 0; padding:7px 0 0 10px; }
			#enquiry textarea { width:188px; background:#FFFFFF; border:1px solid #c6bcb5; float:left; margin:0 0 12px 0; padding:7px 0 0 10px; }
			#enquiry select { width:63px; height:27px; border:1px solid #c6bcb5; float:left; margin:0 0 12px 0; }
			#enquiry option { padding:0 0 0 5px; }
			#enquiry .postLabel { width:70px; text-align:center; }
			#enquiry input.postCode { width:54px; }
			#enquiry .acceptSend { width:586px; text-align:center; }
			#enquiry .acceptSend input { width:18px; height:18px; margin:0 5px 0 100px; padding:0; border:none; background:none; float:left; }
			#enquiry .acceptSend label { float:left; margin:1px 0 0 0; padding:0; width:auto; font-weight:normal; }
		
			p#btnEnquiry { margin:10px 0 0 0; overflow:hidden; }
			p#btnEnquiry span { float:left; display:block; }
			
			#tinybox { position:absolute; display:none; padding:10px; background:url(images/preload.gif) no-repeat 50% 50%; z-index:2000; }
			#tinymask { position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500; }
			
		
/***************************************** END POP UP ENQUIRY ***************************************************************/






/***************************************** BOUTIQUES ***************************************************************/

/** CMSABLE CSS 
			#boutiques { width:670px; float:left; }
			#boutiques .boutiquesContent { width:670px; margin:0 0 40px 0; }
			#boutiques td.map { width:305px; }
			#boutiques div.googleMap { width:305px; height:200px; }
			#boutiques .addressBoutiques { padding:0 0 0 25px; }
			#boutiques .titleBoutiques { border-bottom:1px solid #e0ddda; padding:0 0 5px 0; margin:0 0 5px 0; }
			#boutiques h6 { text-transform:none; line-height:28px; margin:20px 0 0 0; }
			#boutiques p, #boutiques li { line-height:28px; margin:0; }
			#boutiques p span { margin:0 15px 0 0; }
			#boutiques .time td { padding:5px 0 10px 0; }
			
			#boutiques td { vertical-align:top; text-align:left; }**/
			#boutiques { width:670px; float:left; }
			#boutiques .boutiquesContent { width:670px; margin:0 0 40px 0; }
			#boutiques .map { width:305px; float:left; display:inline; }
			#boutiques div.googleMap { width:305px; height:200px; }
			#boutiques .addressBoutiques { width:285px; float:left; margin:0 0 0 30px; display:inline; }
			#boutiques .titleBoutiques { width:285px; border-bottom:1px solid #e0ddda; padding:0 0 5px 0; margin:0 0 5px 0; }
			#boutiques h6 { text-transform:none; line-height:28px; margin:20px 0 0 0; }
			#boutiques p, #boutiques li { line-height:28px; margin:0; }
			#boutiques p span { margin:0 15px 0 0; }
			#boutiques .day { width:130px; float:left; display:block; }
			#boutiques .time { width:90px; float:left; display:block; }			
				
/***************************************** END BOUTIQUES ***************************************************************/



/***************************************** CONTENT STYLE PAGES ***************************************************************/

			
			#contentData { width:670px; float:left; }
				#contentData dl { margin:20px 0 0 0; line-height:18px; }
				#contentData dt { font-weight:bold; }
				#contentData dd { padding:5px 0 20px 20px; }
			
			#listContent { width:670px; float:left; }
				#listContent h6 { margin:3px 0 0 0; }
				#listContent div { width:670px; border-bottom:1px solid #e0ddda; padding:0 0 25px 0; margin:0 0 25px 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; }

/***************************************** END CONTENT STYLE PAGES ***************************************************************/

.caption {
	padding-top: 5px;
}

/** CMS STYLES **/
#cmsContent { width:655px; padding: 15px 0 0 15px; float:left; }
#cmsContent table h6 { margin:3px 0 0 0; }
#cmsContent table p a { color:#000000; }
#cmsContent table a:hover { color:#000000; text-decoration:underline; }
#cmsContent table h6 { margin:3px 0 0 0; }
#cmsContent table .listTitle { font-weight: 600; padding-bottom: 3px; }
#cmsContent table .listPosition { padding-bottom: 3px; }


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

form.customForm label {
	width: 200px;
	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: 543px;
	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;
}

table.eventsContain td {
	padding-bottom: 10px;
	border-bottom: 1px solid #c3c3c3;
}

table.eventsContain tr {
	
}

table.eventsContain td p {
	margin: 10px 0 0 0;
}