﻿body ,form
{
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
}


/*---------------------------------------------------------*/
img
{
	border: 0;
}

a , a:link
{
    text-decoration: none;
}

a:hover 
{
	text-decoration: none;
}

/*--------Language Link--------------------------------------*/
.language 
{
	font-weight: bold;
	padding-top: 10px;
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.language a:link
{
	color: #455560;
	text-decoration: none;
	font-weight: bold;
	padding-top: 10px;
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.language a:hover
{
	color: #95A2AC;
	text-decoration: none;
}


/*--------Header Menu Link--------------------------------------*/

#header
{
	width: 100%;
	text-align: center;	
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	color: #C49A6C;
	font-weight: bold;
}

#header ul.level1
{
	margin: 0;
	padding: 0;
	display: inline;
	height: 20px;
	float: left;
	vertical-align:bottom;
}

#header ul.level1 li , #header ul.level1 li a, #header ul.level1 li a:link 
{
	padding-right: 1px;
	padding-left: 1px;
	display: inline;
	line-height: 20px;
	text-decoration: none;
	list-style-type: none;
	color: #C49A6C;
}

#header ul.level1 li a:hover
{
	color: #9A7148;
}

#header ul.level1 li.myacc, #header ul.level1 li.myacc a, #header ul.level1 li.myacc a:link
{
	padding-right: 1px;
	padding-left: 1px;
	display: inline;
	line-height: 20px;
	text-decoration: none;
	list-style-type: none;
	color: #000000;
}

#header ul.level1 li.myacc a:hover
{
	color: #85623F;
}


.header_logout
{
	position: relative;
}

.header_logout a, .header_logout a:link
{
	text-decoration: none;
}

.header_logout a:hover
{
	text-decoration: none;
}



/*Hover Menu*/
 .hovermenu
{
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
}

.hovermenu_hover
{
    color: #C4C4C4;
    text-decoration: none;
    
}

/*--------Footer Link---------------------------------*/
.mainfooter
{
	bottom: 0;
	width: 100%;
	position: fixed;
	z-index: 999;
	background-color: #FFFFFF;
}

.footer_bar
{
	background-color: #414042;
	height: 25px;
	width: 100%;
}

.footer_menu
{
	padding-bottom: 5px;
	font-size: 10px;
	color: #6D6E71;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
	line-height: 20px;
}

.footer_menu a, .footer_menu a:link
{
	font-size: 10px;
	color: #6D6E71;
	text-decoration: none;
}

.footer_menu a:hover 
{
	color: #414042;
	text-decoration: none;
}

.footer_copyright 
{
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	color: #FFF;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
}

.footer_copyright a, .footer_copyright a:link
{
	font-size: 10px;
	color: #9B9C9F;
	text-decoration: none;
}

.footer_copyright a:hover
{
	color: #B5B6B7;
	text-decoration: none;
}

#footer2 .sociallink
{
	font-family: "Roboto", sans-serif;
	font-size: 8px;
	color: White;
	font-weight: bold;
	text-align: right;
	margin-top: -10px; 
	margin-right: 40px; 
	text-decoration: none;
}

/*---------------------------------------------------------*/

.acc_menu 
{
	font-size: 12px;
	color: #808285;
	text-align: left;
	text-decoration: none;
}

.acc_menu a:link, .acc_menu a:active, .acc_menu a:visited
{
    color: #333333;
    text-decoration: none;
}

.acc_menu a:hover
{
	color: #A7B3BC;
	text-decoration: none;
}



/*---------------------------------------------------------*/
#dlt a { 
	display: block;
	background: url(../images/icon_unclick.png) no-repeat; 
	width: 20px;
	height: 20px;
} 
#dlt a:hover { 
	background: url(../images/icon_click.png) no-repeat;
}

/*---------------------------------------------------------*/
.body_bg
{
	background-position: left top;
	background-image: url(../images/top_bg.png);
	background-repeat: repeat-x;
	width: 100%;
}


/*--------Form Content ----------------------------------*/
.form_content01		
{
	font-size: 12px;
	color: #000000;
	font-family: "Roboto", sans-serif;
	line-height: 22px;
}
.form_content01 a, .form_content01 li a:link
{
	color: #B48147;
	text-decoration: none;
}

.form_content01 a:hover
{
	color: #B48147;
	text-decoration: none;
}


.form_content02   /*-------About Us---------*/
{
	
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	line-height: 15px;
}

.form_content02 a, .form_content02 li a:link
{
	color: #C29767;
	text-decoration: none;
}

.form_content02 a:hover
{
	color: #C29767;
	text-decoration: none;
}


.form_content03 /* welcome Info*/  
{
	font-size: 12px;
	color: #808285;
	font-family: "Roboto", sans-serif;
	text-align: left;
}

.form_content03 a:link, .form_content03 a:active, .form_content03 a:visited
{
    color: #333333;
    text-decoration: none;
}

.form_content03 a:hover
{
	color: #A7B3BC;
	text-decoration: none;
}

/*---------------------------------------------------------*/

.form_content_title1
{
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.form_content_title2   /*-------About Us---------*/
{
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 20px;
}
/*---------------------------------------------------------*/

.form_content_subtitle1     /*----membership benefit/apply to join/FAQ/rewardgallerydetail/my account------*/
{					
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000; 

}

.form_content_subtitle1 a, .form_content_subtitle1 a:link
{
	color: #000000; 
	text-decoration: none;
}

.form_content_subtitle1 a:hover
{
	color: #A7B3BC;
	text-decoration: none;
}

.form_content_subtitle2    /*------forgetID/contact us/forgetpwd/my account-------*/
{					
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #414042;
	text-decoration: none;
	font-weight: bold;
}


/*---------------------------------------------------------*/

.form_content_button1
{
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	color: #999;
	background-color: #E6E7E8;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100px;
	line-height: 28px;
	cursor: pointer;
	border: none;
	font-weight: bold;
}

.form_content_button1 a, .form_content_button1 a:link
{
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E6E7E8;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100px;
	line-height: 28px;
	cursor: pointer;
	border: none;
	font-weight: bold;
}

.form_content_button1 a:hover
{
	color: #FFFFFF;
	background-color: #414042;
	text-decoration: none;
}

.form_content_button2  /*-----Login-----*/
{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background: #339cdf;
	padding: 6px 12px 7px 12px;
	text-shadow: 0px -1px #278db8;
	border: 1px solid #339cdf;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}

/*---------------------------------------------------------*/

.form_content_link1 a:link, .form_content_link1 a:active, .form_content_link1 a:visited
{
	font-family: "Roboto", sans-serif;
	color: #455560;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.form_content_link1 a:hover
{
	color: #999999;
	text-decoration: none;
}

.form_content_error 
{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: red;
    font-weight: bold;
}

.form_content_cap
{
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	color: #999;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

.form_content_background    /*------contact us/forgetID/forgetpwd-----*/
{
	background-color: #F6E9DE;
}


/*------ Line ----------------------------------------------*/
.line01
{
	border-color: #000000;
	border-style: solid none none none;
	border-top-width: 1px;
}

.line02
{
    border-color: #CCCCCC;
    border-style: none none solid none;
    border-bottom-width: 1px;
}

.asterix {
	font-size: 15px;
	color: #FF0000;
	font-family: "Roboto", sans-serif;
}

/* --------- Member Benefit , FAQ ------------------------**/
#navigation .link01 , #navigation a , #navigation a:link 
{
	line-height: 25px;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	color: #414042;
	display: block;
	margin: 2px 0 2px 0;
	text-decoration: none;
}

#navigation a:hover
{
    background: #414042;
	text-decoration: none;
	margin: 2px 0 2px 0;
	color: #FFFFFF;
}

#navigation .active a, #navigation .active a:link
{
	background: #414042;
	text-decoration: none;
	margin: 2px 0 2px 0;
	color: #FFFFFF;
}

.listcontent
{
	float: left;
	clear: both;
	clip: rect(auto,auto,auto,auto);
	text-align: left;
	vertical-align: top;
}


/* ------ SALES MANAGER INFO ---------------------------------------------*/


.sm_title
{
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}


.sm_contact_picture
{
    position: relative;
    top:15px;

}


.sm_info
{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #333333;
}
.sm_info a , .sm_info a:link
{
    color: #AEAEAE;
    text-decoration: none;
}

.sm_info a:hover
{
	text-decoration: underline;
}

.sm_info_bold
{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}


/*--------------------------------------------------*/



#categorylnk ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
	
#categorylnk ul li
{
	list-style-type: none;
	display: list-item;
	width: 300px;
	text-align: left;
	vertical-align:middle;
	
}
	
#categorylnk ul li a ,#categorylnk ul li a:link
{
	display: inherit;
	padding: 5px;
	text-decoration: none;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	color: #414042;
	line-height: 25px;
	height: 25px;
	margin: 1px 2px 1px 2px ;
	display: block;
}

#categorylnk ul li a:hover, #categorylnk ul li a:active, #categorylnk ul li a.selected, #categorylnk ul li a:visited.selected
{
	display: inherit;
	padding: 5px;
	background: #414042;
	text-decoration: none;
	margin: 1px 2px 1px 2px ;
	color: #FFFFFF;
	
}

