
/* The following classes are for the popup calendar that appears on contact us and reservation forms. You will want to set font color and size, as well as background color once you have decided on a color palette that matches your site. Please not there are dropdown styles that will need to be set including a dropdown over/hover style to set. See the descriptions of what part of the popup calendar each style sets as described above each style. Also note there are images that will need to be customized in color that are not set in css, but created and put in the /images/ folder. They are as listed: calendar.gif, close.gif, drop1.gif, drop2.gif, left1.gif and left2.gif
 */
/* Default attributes of table container for entire POPUP calendar */

.table-style
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 1;
	border-style: solid;
	border-color: #a0a0a0;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12px;
}

/* Default attributes of DIV containing table container for entire popup calendar.
	 * You probably don't want to alter this style.
	 */
.div-style
{
	z-index: 999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in popup calendar title (month and year columns).*/
.title-style
{
	padding: 2px;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
}

/* Default attributes used in popup calendar title background.*/
.title-background-style
{
	background-color: black;
}

/* Normal appearance of controls in popup calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style
{
	border-style: none; /*	border-width: 1; 	border-color: black; */
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in popup calendar title. */
.title-control-select-style
{
	/*border-style: solid; 	border-width: 1; 	border-color: #3a6ea5; */
	cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style
{
	font-family: arial;
	font-size: 12px;
	border-width: 1;
	border-style: solid;
	background-color: black;
	border-color: #cccccc;
	color: White;
	cursor: default;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style
{
	background-color: red;
	cursor: hand;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style
{
	background-color: #000000;
}

/* Default attributes of popup calendar body (weekday titles and numbers). */
.body-style
{
	padding: 5px;
	background-color: white;
	font-family: arial, verdana;
	font-size: 11px;
}

/* Attributes of current day in popup calendar body. */
.current-day-style
{
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in popup calendar body. */
.end-of-weekday-style
{
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in popup calendar body. */
.normal-day-style
{
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in popup calendar body. */
.selected-day-style
{
	border-style: solid;
	border-width: 1px;
	border-color: #a0a0a0;
	color: #2f2118;
	font-weight: bold;
}

/* Default attributes of designated holidays. */
.holiday-style
{
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style
{
	padding: 0px;
	color: white;
	background-color: black;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style
{
	background-color: #2f2118;
	padding: 0px;
}


.TimeDropDown
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #000;
}

/*TRUNG CSS*/

/*COMMON*/
.clear
{
	clear: both;
}
.clear-10
{
	clear: both;
	height: 10px;
}
.image-link-button
{
	text-decoration: none;
}
.image-link-button img
{
	border: none;
	font-size: 0px;
}
img
{
	border: none;
	font-size: 0px;
}


span
{
	font-size: 12px;
}


/*END COMMON*/

/*MASTER*/
body
{
	margin: 0 auto;
	background-color: Black;
	font-family: Arial;
	font-size: 12px;
	color: #939598;
}
.main-wrapper
{
	background: #000000 url(Images/bg-blank.jpg) no-repeat scroll left top;
	width: 1202px;
	margin: 0 auto;
	min-height: 901px;
	text-align: left;
}
.main-wrapper1
{
	width:799px;
}
/*Used for normal mode*/
.link-button-holder
{
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

/*Used for normal mode*/
.menu-deactive:link, .menu-deactive:visited
{
	color: #9c9d9f;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.menu-deactive:hover
{
	color: #bb0136;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
/*Used for active mode*/
.menu-active:link, .menu-active:visited
{
	color: #bb0136;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.menu-active:hover
{
	color: White;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.click-here-apply
{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}
.click-here-apply a:link, .click-here-apply a:visited
{
	color: #9e1b32;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.click-here-apply a:hover
{
	color: #9e1b32;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



/* Red changed from 9e1b32 to 9e1b32 on January 12nd 2009*/
/*END MASTER*/

/*NEWS*/


.news-abstract
{
	color: Black;
	font-family: Arial;
	font-size: 12px;
}

.news-detail-title
{
	color: #BB0136;
	font-size: 16px;
	font-weight: bold;
}
.news-detail-content
{

	font-family: Arial;
	font-size: 12px;
}

/*END NEWS*/


.click-here:link, .click-here:visited
{
	color: #9e1b32;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.click-here:hover
{
	color: #9e1b32;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.special-red
{
	color: #9e1b32;
}
p
{
	padding: 0px;
	margin: 0px;
}
/*END TRUNG CSS*/

#frmSignin
{
	padding-top: 20px;
	padding-left: 30px;
}

#frmSignin input
{
	background-color: #9C9D9F;
	border: 1px solid #c1c1c1;
	color: White;
}

#subscriptions_css
{
	font-family: Arial;
	font-size: 12px;
	color: White;
}
#subscriptions_css a
{
	text-decoration: none;
	color: #BB0136;
}
#subscriptions_css a:hover
{
	text-decoration: underline;
color: #BB0136;
	
}
#WhiteBox_link a { color:#bb0136; text-decoration:none; font-weight:bold}
#WhiteBox_link a:hover { color:#bb0136; text-decoration:underline; font-weight:bold}
.productList { font-size:12px;}
#productList a { color:#BB0136; text-decoration:none;}
#productList a:hover { color:#BB0136; text-decoration:underline;}
.productSize { color: #BB0136;}
.productSize_span { color: #BB0136; display:inline-block; width: 70px; font-weight:bold}
.productSize select { background-color:#9C9D9F; color:White; border:1px solid #9C9D9F; width:150px}
#CustomerInfor table td {color:White; font-size:12px;}
.DNA_color {color:#BB0136;}
.newMenu {padding: 10px 0px 10px 0px; text-align:left;}
.newMenu a{ text-decoration: none}
.newMenu a:hover {color: #BB0136; text-decoration:none;}
.newMenu .font1{background: #000000 url(Images/img10.gif) no-repeat scroll left center; padding-left:18px; font-weight: bold; color: #BB0136;text-transform: uppercase  }
.newMenu .font2{ background: #000000 url(Images/img11.gif) no-repeat scroll left center; padding-left:18px; color: #9C9D9F;}
.font3{font-weight: bold; color: #BB0136;text-transform: uppercase  }
.font4{color: #9C9D9F;}
/* scroll*/
#dhtmlgoodies_scrolldiv1
{
	width:75px;
	float: left;
	margin-left:10px;
	/*position: relative;*/
}
#scrolldiv_parentContainer1
{
	overflow: hidden;
	float: left;
	width: 75px;
	position: relative;
	margin-top: 0px;
	height: 250px;
	margin: 5px 0px
}
#scrolldiv_content1
{
	float: left;
	height: auto;
	width: 75px;
	overflow: hidden;
	font-weight: normal;
	position: relative;
	text-align: left;
	padding: 0 0 0 2px;
}

#scrolldiv_slider1
{
	width: 0px;
	float: right;
	position: relative;
}
#scrolldiv_scrollbar1
{
	width: 0;
	float:left;

}
#scrolldiv_theScroll1
{
	width: 0;
	float:left;
}
#scrolldiv_scrollUp1, #scrolldiv_scrollDown1
{
	width: 1px;
	height: 20px;
	cursor: pointer;
	margin-left:20px;

}
#scrolldiv_scrollDown1 span, #scrolldiv_scrollUp1 span
{
	cursor: pointer;
	background: none;
	width: 1px;
	height: 20px;
	
}

.news-link-page
{
	text-decoration: none;
	border:none; 
	font-size:0px;	
}
