@charset "utf-8";
/* CSS Document */


body
{
background-color 			: #ffffff;
margin                                  : 0px 0px 0px 0px; 
padding                                 : 0px;
font-family 				: verdana, Arial, Helvetica, sans-serif;
color 				     	: #333333; 
font-size 			    	: 13px; 
letter-spacing 				: normal; 
line-height 				: normal; 

}

a  {outline:none;}


p   {text-align:justify; }

#footer
{
background-color 			: #ffffff;
background-image 			: URL('images/back_footer.gif');
background-repeat			: repeat-x;
float					: center;
margin                                  : 0px 0px 0px 0px; 
padding                                 : 0px;
font-family 				: verdana, Arial, Helvetica, sans-serif;
color 				     	: #333333; 
font-size 			    	: 13px; 
letter-spacing 				: normal; 
line-height 				: normal;
}

.pageHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#0A6461;
	font-style:italic;
}

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#333333;
	font-style:normal;
}

.sectionHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px; 
	font-weight:bold;
	color:#157A7A;
	font-style:normal;
}

.frmLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}		

.frmInput {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	width:180px;
}

.frmSelect {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	width:185px;
}
	
.frmButton {
	border:1px solid #444444;
	background-color:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}	

.menuBox {
	border:0px solid #cccccc;
	padding-left:10px;
	margin:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.menuLink:link {text-decoration: none;color:#0A8887;outline:none;}
.menuLink:visited {text-decoration: none;color: #0A8887;outline:none;}
.menuLink:hover {text-decoration: underline;color: #8F5718;outline:none;}



.productBox {
	width:132px;
	height:132px;
	margin:5px;
	float:left;
	border:1px solid #cccccc;
	background-position:center;
	background-repeat:no-repeat;
	background-color:white
}  

.productImage {
	width:170px;
	height:170px;
	margin:0px;
	float:center;
	border:1px solid #cccccc;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	background-color:white
}

.MotifImage {
	width:170px;
	height:170px;
	margin:0px;
	float:left;
	border:1px solid #cccccc;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	background-color:white
}

.productDesc {
	width:126px;
	height:126px;
	background-color:#086361;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	padding:3px;
	text-decoration:none;

}

.floatClear {
	display:none;
	clear:both;
	height:1px;
}


.MotifThumb {
	width:60px; 
	height:60px;
	float:left;
	border:1px solid #cccccc;
	margin:2px;
	cursor:pointer;
}

.PriceSelectBox {
	position:relative;
	float:left;
	border:1px solid #cccccc;
	padding:2px;
	}  
	
.PriceOutput {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#0A6461;
}

#PriceOutput {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#0A6461;
}
	
.MotifListHead {
	font-size:10px;
	text-align:Left;
	border-bottom:1px solid #cccccc;
	margin:2px;
	margin-left:0px;
	padding-left:0px;
	padding:2px;
	width:325px;
	clear:both;
	}
