@charset "utf-8";

body {
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	line-height:12px;
	background-color:#666666;
	margin:0px;	

}

.siteZone {

	width:1010px;
	height:560px;
	background-color:#CCCCCC;
	margin-top:140px;
	margin-left:auto; 
	margin-right:auto;
	
}

#backgroundImageLayer {
	position:absolute;
	width:1010px;
	height:560px;
	z-index:1;
	overflow:hidden;
}

#masterImageLayer {
	position:absolute;
	width:10px;
	height:10px;
	z-index:2;
	overflow:visible;
}


#masterMatrixLayer {
	position:absolute;
	width:10px;
	height:10px;
	z-index:3;
	overflow:visible;
}



#matrixPagingLayer{
	
	position:absolute;
	width:10px;
	height:10px;
	z-index:4;
	overflow:visible;

}

#masterContentLayer {
	position:absolute;
	width:10px;
	height:10px;
	z-index:5;
	overflow:visible;
}



#garmentDetailLayer{
	
	position:absolute;
	width:10px;
	height:10px;
	z-index:6;
	overflow:visible;

}








#mainMenuLayer {
	position:absolute;
	width:10px;
	height:10px;
	z-index:7;
	overflow:visible;
}




.garmentDetailZoneOn {

	width:360px;
	height:128px;
	top:349px;
	position:relative;
	padding:10px;
	background-color:#fff4db;
	font-size:10px;	
	

}



.garmentDetailZoneOff {

	width:220px;
	height:128px;
	padding:10px;
	background-color:#fff4db;
	font-size:10px;
	margin-top:349px;
	
}

.garmentDetailText {

	font-size:10px;
	color:#333333;
	margin-bottom:10px;

}


.garmentDetailText a{
	
	color:#000000;
	font-style:italic;

}





.masterImageZone {	
	width:380px;
	height:560px;
	top:0px;
	left:180px;
	position:relative;
}





.matrixPagingArea {

	width:130px;
	height:72px;
	padding:10px;
	background-color:#fff4db;
	top:392px;
	left:860px;
	position:relative;
	

	
}

.mainLogoZone{

	width:140px;
	margin-bottom:20px;
	
}

.imageMatrixZone {	
	width:525px;
	height:560px;
	top:0px;
	left:485px;
	position:relative;
}

.imageThumbnail { 
	width:75px;
	height:112px;
	float:left;
	overflow:hidden;
}

.imageThumbnailSelected { 
	width:73px;
	height:110px;
	float:left;
	border:#fff4db dotted 1px;
	overflow:hidden;
}

.imageThumbnailBlank { 
	width:75px;
	height:112px;
	float:left;
	overflow:hidden;
}

.mainMenuZone {
	width:140px;
	height:428px;
	top:140px;
	left:10px;
	position:relative;
	float:left;
}

.sectionTextZone {	
	width:290px;
	top:112px;
	left:150px;
	position:relative;
	
	padding:10px;	
	background-color:#fff4db;
}

.sectionTextZoneSmall {	
	width:230px;
	margin-top:112px;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:150px;
	padding:10px;
	float:left;
	background-color:#fff4db;
}

.sectionTextZoneLarge {
	width:540px;
	height:345px;
	margin-top:112px;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:150px;
	padding:10px;
	float:left;
	background-color:#fff4db;
	overflow:hidden;
}

h1{
	font-size:10px;
	line-height:12px;
	margin-top:20px;
	padding-bottom:6px;
	margin-bottom:16px;
	border-bottom:#000000 1px solid;

}

p {
	font-size:10px;
	line-height:12px;
	margin-top:0px;
	margin-bottom:10px;
	text-indent:20px;
	color:#666666;
}

p a{
	color:#000000;
}

.miniText{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8px;
	margin-top:0px;
	margin-bottom:20px;
}

.addressArea{
	font-size:9px;
	line-height:12px;
	color:#333333;	
	margin-bottom:24px;

}

.mainMenuItem{
	font-size:9px;
	line-height:12px;
	font-style:italic;
}

.mainMenuItem a:link{
	color:#000000;
	text-decoration:none;

}

.mainMenuItem a:visited{
	color:#000000;
	text-decoration:none;

}

.mainMenuItem a:hover{
	color:#000000;
	text-decoration:line-through;
}

.mainMenuItemSelected {
	font-size:9px;
	line-height:12px;
	font-weight:bold;
	text-decoration:line-through;
}

.mainMenuItemSelected a{
	color:#000000;
	text-decoration:line-through;

}

.newsItem {

	
}

.newsItem .date{

	font-size:9px;
	line-height:12px;
	margin-top:0px;
	margin-bottom:2px;
	color:#333333;
	
}

.newsItem .title{

	font-size:14px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:6px;
	color:#000000;
	
}

.newsItem .title a{

	text-decoration:none;
	color:#000000;
	
}

.newsItem .article{

	font-size:9px;
	line-height:12px;
	margin-top:0px;
	margin-bottom:12px;
	color:#666666;
	
}

.newsItem .article a{

	color:#000000;
	
}

.newsImage {

	margin-bottom:10px;

}

.stockistArea {
	width:540px;
	height:280px;

}


.stockistItem {
	float:left;
	width:134px;
	height:140px;
}

.stockistItem .title{

	font-size:14px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:6px;
	color:#000000;
	
}

.stockistItem .title a{

	text-decoration:none;
	color:#000000;
	
}

.stockistItem .details{

	font-size:9px;
	line-height:12px;
	margin-top:0px;
	margin-bottom:12px;
	color:#666666;
	
}

.stockistItem .details a{

	color:#000000;
	
}

.rssButton { 

	float:right;

}


.backButton a{
	color:#000000;

}

.recordPager {
	border-top:#000000 solid 1px;
	font-size:9px;
	line-height:12px;
	padding-top:4px;
	font-style:italic;
}

.recordPager a{
	color:#000000;
}

.matrixPager {

	font-size:9px;
	line-height:12px;
	padding-top:4px;
	font-style:italic;
}

.matrixPager a{
	color:#000000;
}