/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	width: 189px;    /*ความกว้างเมนูกรุ๊ป*/
	z-index: 510;
	height: 25px;
	padding: 0 10px;    /*AA*/
	line-height: 25px;
	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #333333;

	background: #f8f8f8;
	border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    /*border-left: 0 solid #f8f8f8;*/
	
	/*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;*/
}

.nav > li:hover > a  
{
    background: #fff;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    /*border-left: 0 solid #d4d4d4;*/
    border-right: 2px solid #fff;       /*BB: ขอบขวาขาวทับ div*/
    text-decoration: none;
	color: #ff7519;
}
.nav > li:hover > a:hover 
{
    font-weight: bold;
}

/*---# ช่วยให้ลูกศรสีส้มค้างไว้ เมื่อเลื่อนเม้าไป content div #---*/
.nav > li:hover > a.arrow-right {    
    background-image: url(o-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #ff7519;
}



/*----------------------------*/
.nav > li > a.arrow-right {
    background-image: url(g-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.nav > li > a.arrow-right:hover {
    background-image: url(o-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
	font-weight: bold;
}
/*----------------------------*/



/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	float: left;
	min-height: 200px;
	margin: -78px 0;
	left: 210px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background: #fff;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #ffffff;
	
    /* sub menu ค่อยๆขึ้น */
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

    .nav > li:hover > div {
        float: left;    
	    opacity: 1;
	    visibility: visible;
	    overflow: visible;
	    border: 1px solid #dadada;
    }
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++*/
/* Menu Content Styles */
.nav .nav-column {
	float: left;	
	width: auto;
	
	min-width: 200px;
	max-width: 300px;
	font-family: Arial, sans-serif, Helvetica;
	padding: 15px 20px 10px 20px;
	border: 1px solid white;    /*OK: Use*/
	border: 0 solid red;    /*TEST: View Block*/
	white-space: nowrap;        /*OK-OK: white-space: normal;*/
	
	/*-- ลอง:ซ่อนข้อความที่เกิน --*/
	/*overflow: hidden;*/
	/*max-width: 260px;*/
	/*--------*/
}
.nav .nav-column2 { border: 1px solid red;}  /*Tips: กำหนด nav-column2 มีคุณสมบัติ float:right เพื่อให้คอลัมน์บล็อคที่3 ต่อชิดท้ายกรอบ คอลัมน์บล็อคที่1*/
.nav .clear{clear:both; line-height:0; height:0; font-size: 1px; border: 0px solid red; }


.nav .nav-column h3 {
	margin: 0 0 10px 0;
	line-height: 18px;
	font-weight: normal;
	font-size: 16px;
	color: #372f2b;
	border: 0 solid green;
}

.nav .nav-column h3 a {background: #fff;color: #1686cc;}
.nav .nav-column h3 a:hover {color: #ff7519;}



/*+++++++++++++++++++++++++++++++*/
/*Cat Lv2*/
.nav .nav-column a.lv2lst {display: block;font-size: 13px;color: #333333;padding: 5px 0;}
.nav .nav-column a.lv2lst:hover { color: #ff7519; text-decoration: underline; }
.nav .nav-column a.viewallcat { color: #999999; font-size: 13px; padding: 0; }
.nav .nav-column a.viewallcat:hover { color: #999999; text-decoration: underline; }
/*+++++++++++++++++++++++++++++++*/



.scaledown1 {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}



/*+++++++++++++++++++++++++++++++(LLL)*/
/*Cat Lv3*/
.nav div.box-catlv3 
{
    z-index: 550;
    position: absolute;
	display: block;
	padding: 10px 20px;
	min-width: 120px;
	min-height: 25px;
	
	margin-top: -25px;
	margin-left: 130px;
	
	background: #ffffff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #dadada;

    /* sub menu ค่อยๆขึ้น */
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.nav div.box-catlv3 {display: none;}
.nav div.box-catlv3:hover {display: block;list-style: none;}        /*-- ให้ div(Lv3) โชว์ค้างไว้ เมื่อเม้าท์วางบน div(Lv3) นี้ --*/
/*--------------------*/
.nav a.showlv3lst {display: block; font-size: 13px;color: #333333;padding: 5px 0;}
.nav a.showlv3lst:hover {color: #ff7519;text-decoration: underline;}
.nav a.showlv3lst:hover + div.box-catlv3 {display: block;}
.nav a.showlv3lst:after {content: url(g-arrow.gif);padding-left: 5px;vertical-align:middle;}
.nav a.showlv3lst:hover:after {content: url(o-arrow.gif);padding-left: 5px;vertical-align:middle;}

.nav a.lv3lst {display: block;font-size: 13px;color: #333333;padding: 5px 0;}
.nav a.lv3lst:hover {color: #ff7519;text-decoration: underline;}
/*+++++++++++++++++++++++++++++++*/