/* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
	background-color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Lucida, sans-serif;  
	color: #666666;
	height: 100%;
}
body{	
	text-align:left;
	min-width:786px;/* for mozilla*/
/*	background-color: rgb(225,234,237); */
	height:98%;
}

a {
	color: #999999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #7d7daa;
}

#wrapper {height: 98%}

#outer{
	height:99.9%;
	min-height:100%;
	width:786px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
}

/* mac hide \*/
* html #outer{
	width:786px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:120px;/*needed to make room for header*/
} 

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:786px;
	height:70px;
	z-index:74;
	border-bottom: 1px solid #eee;

}

#sidebar {
	position:absolute;	
	width: 190px;
	bottom:7px;
	right:0;
	text-align: left;
}


#ajaxmenu{
	position:absolute;
	bottom:-40px;
	left:3px;
	width:786px;
	height:43px;
	z-index:65;
	text-transform:uppercase;
}

#logo {
	position:absolute;
	bottom:10px;
	left:2px;
	width:105px;
	height:20px;
	text-indent: -5000px;
	z-index:0;
	background:  url(images/narimon_logotype.png) no-repeat left top;
}
/* mac hide \*/
* html #outer, * html #header {width:780px}
/* end hide*/
#footer {
	color: #aaa;  
	width:786px;
	clear:both;
	height:60px;
	left:0px;
	bottom:0px;
	border-top: 1px solid #eee;
	background-color: #f0f0f0; 
	position: relative; 
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0;
}
#footer p a {
	text-decoration: none;
	color: #bbbbbb;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:32px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:156px;
	float:right;
	z-index: 55;
}
#right-inner {
	width: 178px;
	padding-left: 9px;
	text-align: left;
}
#right-inner h2 {
	font-size: 10px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:573px;
	float:left;
	padding-left: 7px;
	z-index: 56;
}
#left-inner {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}
#clearfooter {
	width:100%;
	height:32px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
} /*safari wrapper */
#content {
	z-index: 50;
	padding-bottom: 0px;
	height: 100%;
	position: relative;
}

#content:after { content: ""; display: block; height: 0; clear: both; }

#content h2 {
	font-size: 15px; 
	color: #777;
	font-weight:lighter;
	position: relative;
	z-index: 999;
	margin-bottom: 0px;
	margin-top:4px;
}

h3#post-  {
	font-size: 10px;
	color: #6666aa;
	background:  url() no-repeat left top;
	padding-left: 0px;
}

#content p {
	font-size: 10px;
	color: #666666;
	line-height: 18px;
}

#content a {
	color: #6666aa;
	text-decoration: none;
}

#content p a:hover {
	background-color: #6666aa;
	color: #ffffff;
}

#sidebar a {
	text-decoration:none;
	font-weight:bold;
	line-height:130%;	
}

#sidebar ul {
	margin-left: 0;
	padding: 0px;
	list-style: none;
}

#sidebar ul li {
	margin-left: 0;
	padding: 0px ;
	list-style: none;
}

#footer p {
	padding: 8px;
}





.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;

}


.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}


.FSF_resultLink {
	color: #6666aa;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #6666aa;
	font-weight: bold;
	line-height: 18px;

}

img {
	border: 0;
}

#content ul li{
	list-style-image: url(images/bullet_11x8.gif);
	margin-bottom: 0.5em;
	font-size: 100%;
}

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.LIn_desc {
	display: none;
}
.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

#content a, #sidebar a
{
    color: #6666aa;
}

#content a:hover, #sidebar a:hover
{
    background-color: #6666aa;
    color: rgb(255, 255, 255);
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

/*shop extras*/
 .thumbnail{float: left;width: 250px;margin: 0 1px 1px 0;padding: 1px;}

#spacer {
	height:200px;
}

.producttitle {
	float:left;
	width: 330px;

}
.order-button {
	width: 330px;
	float: left;
	text-align: right;
	padding-top: 2%;
}

.productlistimage {
	width: 202px;
	margin-left: auto;
	text-align: center;
}

.productoptions {
	width: 100%;
	left: 2px;
	padding: 1%;
	clear: both;
}

.productlisting {
	border-bottom: 1px solid #d5d2e9;
	
}	

.mainimage {
	border: 0;
}

#detail {
	position:absolute;
	left:0;
	width: 220px;
}

.detailimage {
	text-align:left;
	position:relative;
	left: 230px;
	top:0;
	line-height: 6px;
	}

#detaildesc {
	margin: 0 auto 10px 0px;
	line-height: 20px;
}

#detaildesc h2 {
	font-family: Georgia, Palatino, Times New Roman, serif; 
	font-size: 18px;
	font-weight: lighter;
	margin-bottom: 10px;
	margin-top: 0;
	color: #666666;
}

.price {
	font-family: Georgia, Palatino, Times New Roman, serif; 
	font-size: 14px;
	color: #333333;
	line-height: 200%;
}

h3{
	font-family: Georgia, Palatino, Times New Roman, serif; 
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: bold;
}

.detailform {
	width: auto;
	margin: 30px auto 0 10px;
	text-align: left;
}	

.detailoptions {
	width: auto;
	margin: 0px auto 0 0px;
	text-align: left;
}

#gridcontainer {
	position: relative;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9 {
	border: 1px solid #eee;
	height: 129px;
	width: 129px;
	z-index: 40;    


}


.grid {
	border: 1px solid #eee;
	float:left;
	height: 259px;
	width:259px;
	display:table-cell;
	vertical-align:middle;
}

.grid1 {

	position:absolute;
	left:260px;

}

.grid2   {
	position:absolute;
	left:260px;
	top: 130px;
}


.grid3 {	
	position:absolute;
	left:390px;
}

.grid4 {
	position:absolute;
	left:390px;
	top: 130px;	
}

.grid5 {	
	position:absolute;
	left:520px;
}

.grid6 {
	position:absolute;
	left:520px;
	top: 130px;	
}

.grid7 {	
	position:absolute;
	left:650px;
}

.grid8 {
	position:absolute;
	left:650px;
	top: 130px;	
}

.gridimage1 {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height: 259px;
	width: 259px;
}


.gridimage {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height: 129px;
	width: 129px;
}


.tool-tip {
	color: #444;
	width: 100px;
	z-index: 130;
	border: 1px solid #aaa;
}
 
.tool-title, .wide-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background: url(images/white_50.png) top left;
}
 
.tool-text, .wide-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/white_50.png) top left;
}

.wide-tip {
	background:url(/modx/assets/images/narimon_thai.png);
	background-repeat:no-repeat;
	color: #444;
	width: 484px;
	margin-top: 180px;
	z-index: 130;
	border: 1px solid #aaa;
}

h1  {
	font-family: Lucida, Palatino, Times New Roman, serif; 
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0;
}



.B_crumbBox {
	text-transform:uppercase;
	color: #222;
}

.B_crumbBox a {
	color: #aaa;
	
}

.B_currentCrumb {

}


/*mootools slider*/
 
 
.inside {
	height: 150px;
}

#scrollcontainer {
	position: relative;
	width: 602px;
	margin: 0 auto 0 auto;
}

#mousemove {
/*	width:expression((this.parentElement.offsetWidth - (parseInt(this.parentElement.currentStyle.paddingLeft)+parseInt(this.parentElement.currentStyle.paddingRight)+parseInt(this.parentElement.currentStyle.borderLeftWidth)+parseInt(this.parentElement.currentStyle.borderRightWidth))) > ( Math.round((30*(screen.deviceXDPI?screen.deviceXDPI:96)/72)*parseInt(document.body.currentStyle.fontSize)) + (parseInt(this.currentStyle.marginLeft)+parseInt(this.currentStyle.marginRight)+parseInt(this.currentStyle.paddingLeft)+parseInt(this.currentStyle.paddingRight)+parseInt(this.currentStyle.borderLeftWidth)+parseInt(this.currentStyle.borderRightWidth)))? "30em":"auto");
*/	width: 600px;
	height: 150px;
	border: 1px solid #000;
	overflow: hidden;
	margin: 0 auto;
}
 

.cart {
	background-color: #fff;
    border-width: 1px;
	border-style: solid;
	border-color: #d5d2e9;
	border-collapse:collapse;
}

th.cart {
	border-width: 0 1px 1px 0;
	padding: 3px;
	border-style: solid;
	border-color: #d5d2e9;
	background-color: #d5d2e9;
	color: #ffffff;	
	text-align:center;
}

td.cart {
    border-width: 1px 0 1px 0;
	padding: 3px;
	border-style: solid;
	border-color: #d5d2e9;

}

#loginname {
	float: right;
	margin-right: 80px;
	margin-bottom: 4px;
	text-transform: lowercase;
	text-align:right;

}

#loginname a:active {
	color: #a2a3c8;
	
}

#loginname a {
	font-weight:normal;
	color: #cccccc;
	font-size: 10px;
}

#loginname a:hover {
	text-decoration: underline;
	
}

#loginname a:visited {
	color: #cccccc;
	
}

#cartsummary {
	width: 190px;
	float: right;
	color: #797979;
	}

/* Forms */

input, textarea, select{
	border:1px solid #d5d2e9;
	padding:0px 3px;
	color:#666666;
	background-color: #f9f8fc;
	padding: 1pt 2pt 1pt 2pt;
	font-size: 12px	;

}
input.quantity {
	width: 17pt;
	text-align: right;	
	
}

label{
	float:left;
	margin:5px;
	width:100px;
	display:block;
}

.clearAll{
	clear:both;
}