/*** Stand Box Grey (This standart box project with grey gradient background) *********************************/
.panel_grey{
	margin-bottom: 18px;
	
}
.panel_grey .top{
	height: 36px;
	overflow: hidden;
}
.panel_grey .top a,
.panel_grey .top a:visited{
	display: block;
	float: left;
	height: 36px;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: nornal;
	line-height: 36px;
	text-decoration: none;
}
.panel_grey .top a:hover{
	text-decoration:underline;
}

.panel_grey .top a.site_line,
.panel_grey .top a.site_line:visited{
	height: 24px;
	line-height: 24px;
	margin-top: 7px;
}

.panel_grey .top a.link_btn_middle,
.panel_grey .top a.link_btn_middle:visited{
	display: block;
	behavior: url(iepngfix.htc);
	background: url(../images/btn_dblue2_120.gif) no-repeat left top;
	height: 31px;
	width: 120px;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
}
.panel_grey .top a.link_btn_middle:hover{
	color: #0096d7;
	text-decoration: none;
}
.panel_grey .top h1{
	float: left;
	height: 36px;
	padding: 0;
}
.panel_grey .top h1 span{
	display: block;
	float: left;
	background: #E4E4E4;
	height: 36px;
	padding: 0 11px 0 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	color: #1e283e;
}
.panel_grey .top h1 a,
.panel_grey .top h1 a:visited{
	display: block;
	float: left;
	background: #E4E4E4;
	height: 36px;
	padding: 0 11px 0 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	color: #1e283e;
	text-decoration: none;
	margin:0px;
}
.panel_grey .top h1 a:hover{
	text-decoration: none;
}
.panel_grey .top h1 strong{
	display: block;
	float: left;
	background: url(../images/tab_right_crn.gif) no-repeat right top;
	height: 36px;
	width: 9px;
}
.panel_grey .top p{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 40px;
	color: #435270;
}

.panel_grey .top p.p_14{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 40px;
	color: #60759c;
}

/*** Tabs for Box grey ***************************************************/
.panel_grey .top ul.tabs{
	list-style: none;
	float: left;
	height: 36px;
}
.panel_grey .top ul.tabs li{
	display: block;
	float: left;
	height: 36px;
}
.panel_grey .top ul.tabs li a,
.panel_grey .top ul.tabs li a:visited{
	display: block;
	float: left;
	height: 36px;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	color: #60759c;
	border-right: 2px solid #E4E4E4;
}
.panel_grey .top ul.tabs li a:hover{
	color: #0096d7;
}
.panel_grey .top ul.tabs li a span.name,
.panel_grey .top ul.tabs li a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding-right: 9px;
	line-height: 36px;
	font-size: 14px;
	font-weight: normal;
}
.panel_grey .top ul.tabs li a span.right,
.panel_grey .top ul.tabs li a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
}

/*** For active tabs ***/
.panel_grey .top ul.tabs li.active a,
.panel_grey .top ul.tabs li.active a:visited,
.panel_grey .top ul.tabs li.active a:hover{
	display: block;
	float: left;
	height: 36px;
	background: url(../images/tab_left_crn.gif) no-repeat left top;
	padding: 0 0 0 9px;
	margin: 0;
	text-decoration: none;
	border-right: none;
	position: relative;
	left: -2px;
	top: 0px;
}

.panel_grey .top ul.tabs li.first a,
.panel_grey .top ul.tabs li.first a:visited,
.panel_grey .top ul.tabs li.first a:hover{
	display: block;
	float: left;
	height: 36px;
	background: none;
	padding: 0 0 0 0px;
	margin: 0;
	text-decoration: none;
	position: relative;
	left: 0px;
	top: 0px;
}
.panel_grey .top ul.tabs li.active a span.name,
.panel_grey .top ul.tabs li.active a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding: 0px 9px 0px 9px;
	font-size: 18px;
	font-weight: normal;
	color: #232A3C;
	line-height: 36px;
	background-color: #E4E4E4;
}
.panel_grey .top ul.tabs li.first a span.name,
.panel_grey .top ul.tabs li.first a:visited span.name,
.panel_grey .top ul.tabs li.first a:hover span.name{
	display: block;
	float: left;
	height: 36px;
	background: none;
	padding: 0 9px 0 18px;
	margin: 0;
	text-decoration: none;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #E4E4E4;
}

.panel_grey .top ul.tabs li.active a span.right,
.panel_grey .top ul.tabs li.active a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
	background: url(../images/tab_right_crn.gif) no-repeat right top;
}


.panel_grey .top ul.tabs li.last a,
.panel_grey .top ul.tabs li.last a:visited,
.panel_grey .top ul.tabs li.last a:hover{
	border-right: none;
}
/*** If many tabs or it have very long name, example page "edit profile" ***/
.panel_grey .top ul.sm li a span.name,
.panel_grey .top ul.sm li a:visited span.name{
	font-size: 12px;
	padding-right: 5px;
	color: #60759c;
}
.panel_grey .top ul.sm li a:hover span.name{
	color: #0096d7;
}
.panel_grey .top ul.sm li.active a span.name,
.panel_grey .top ul.sm li.active a:visited span.name{
	font-size: 13px;
	font-weight: bold;
}
.panel_grey .top ul.sm li a,
.panel_grey .top ul.sm li a:visited{
	font-size: 12px;
	padding-left: 14px;
}
/*********************************************/
/*** Classes top (height 30px) small for Box grey ***************************************************/

.panel_grey .top_sm{
	height: 30px;
	overflow: hidden;
}
.panel_grey .top_sm h1{
	float: left;
	height: 30px;
	padding: 0 0 0 6px;
	background: #E4E4E4 url(../images/tabsm_crn_tl.gif) no-repeat -1px top;
}
.panel_grey .top_sm h1 span{
	display: block;
	float: left;
	background: #E4E4E4;
	height: 30px;
	padding: 0 4px 0 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #1e283e;
}
.panel_grey .top_sm h1 strong{
	display: block;
	float: left;
	background: #E4E4E4 url(../images/tabsm_crn_tr.gif) no-repeat right top;
	height: 30px;
	width: 7px;
}
.panel_grey .top_sm p{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #435270;
}
.panel_grey .top_sm a.view_full,
.panel_grey .top_sm a.view_full:visited{
	display: block;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #60759c;
	border-right: 2px solid #E4E4E4;
	text-decoration: none;
}
.panel_grey .top_sm a.view_full:hover{
	text-decoration: none;
	color: #0096d7;
}
.panel_grey .top_sm a.view_favorite,
.panel_grey .top_sm a.view_favorite:visited{
	display: block;
	background: url(../images/ico_favorite_init.gif) no-repeat left center;
	height: 30px;
	padding-left: 25px;
	width: auto;
	margin: 0 10px;
	color: #60759c;
	font-size: 12px;
	line-height: 30px;
}
.panel_grey .top_sm a.view_favorite:hover{
	text-decoration: none;
	color: #0096d7;
}
/*** Tabs small for Box grey *********/
.panel_grey .top_sm ul.tabs{
	list-style: none;
	/*float: left;*/
	height: 30px;
	display: block;
}
.panel_grey .top_sm ul.tabs li{
	display: block;
	float: left;
	height: 30px;
}
.panel_grey .top_sm ul.tabs li a,
.panel_grey .top_sm ul.tabs li a:visited{
	display: block;
	float: left;
	height: 30px;
	padding: 0 0 0 9px;
	margin: 0;
	text-decoration: none;
	color: #435270;
	border-right: 2px solid #E4E4E4;
}
.panel_grey .top_sm ul.tabs li a:hover{
	color: #0096d7;
}
.panel_grey .top_sm ul.tabs li a span.name,
.panel_grey .top_sm ul.tabs li a:visited span.name{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.panel_grey .top_sm ul.tabs li a span.right,
.panel_grey .top_sm ul.tabs li a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
}

/*** For active tabs ***/
.panel_grey .top_sm ul.tabs li.active a,
.panel_grey .top_sm ul.tabs li.active a:visited,
.panel_grey .top_sm ul.tabs li.active a:hover{
	display: block;
	float: left;
	height: 30px;
	background: #E4E4E4 url(../images/tabsm_crn_tl.gif) no-repeat left top;
	padding: 0 0 0 9px;
	margin: 0;
	text-decoration: none;
	border-right: none;
	position: relative;
	left: -2px;
	top: 0px;
}

.panel_grey .top_sm ul.tabs li.first a,
.panel_grey .top_sm ul.tabs li.first a:visited,
.panel_grey .top_sm ul.tabs li.first a:hover{
	left: 0px;
	background: none;
	background: #E4E4E4;
}
.panel_grey .top_sm ul.tabs li.active a span.name,
.panel_grey .top_sm ul.tabs li.active a:visited span.name{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: #232A3C;
	line-height: 30px;
	background: #E4E4E4;
	text-align: center;
}
.panel_grey .top_sm ul.tabs li.active a span.right,
.panel_grey .top_sm ul.tabs li.active a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
	background: #E4E4E4 url(../images/tabsm_crn_tr.gif) no-repeat right top;
}
.panel_grey .top_sm ul.tabs li.last a,
.panel_grey .top_sm ul.tabs li.last a:visited,
.panel_grey .top_sm ul.tabs li.last a:hover{
	float: left;
	border-right:none;
}

.panel_grey .top_sm ul.tabs li.last_active{
	/*float: right;*/
	width: 110px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.panel_grey .top_sm ul.tabs li.last_active a,
.panel_grey .top_sm ul.tabs li.last_active a:visited,
.panel_grey .top_sm ul.tabs li.last_active a:hover{
	position: relative;
	left: -2px;
	top: 0px;
}
.panel_grey .top_sm ul.tabs li.last_active a span.right,
.panel_grey .top_sm ul.tabs li.last_active a:visited span.right{
	display: block;
	float: left;
	height: 30px;
	cursor: pointer;
	width: 9px;
	background: #E4E4E4;
	/*position:relative;
	right: -2px;
	top: 0px;*/
	margin-right:-2px;
}
/**********************************************/
/**** End tabs for grey panel ***********************************************************/
/******************/
.panel_grey .cont,
.panel_grey .cont_brand{
	background: url(../images/box_cont_grad.gif) repeat-x left top;
	min-height: 253px;
	padding: 20px;
	position: relative;
}
.panel_grey .cont_short,
.panel_grey .cont_short_stand,
.panel_grey .cont_short_brand{ /* This class use if content height bigger 120px */
	background: url(../images/box_cont_grad140.gif) repeat-x left top;
	min-height: 80px;
	padding: 20px;
	position: relative;
}

.panel_grey .cont_grey_short,
.panel_grey .cont_grey_short_brand{ /* This class use if content height bigger 120px */
	background: #E4E4E4 url(../images/box_cont_grad140.gif) repeat-x left bottom;
	min-height: 80px;
	padding: 20px;
	position: relative;
}

.panel_grey .cont_short_sm{ /* This class use if content height bigger 120px */
	background: url(../images/box_cont_grad70.gif) repeat-x left top;
	min-height: 70px;
	padding: 20px 13px;
	position: relative;
}
.panel_grey .cont_short_sm_white{ /* This class use if content height bigger 120px */
	background: url(../images/box_cont_grad70.gif) repeat-x left top;
	min-height: 70px;
	padding: 20px;
	position: relative;
}
.panel_grey .cont_grey{ /* This class use if content on page "Manage brand" grey without  gradient */
	background: #E4E4E4;
	min-height: 80px;
	padding: 10px;
	position: relative;
}
.col_left .panel_grey .cont,
.col_left .panel_grey .cont_short,
.col_left .panel_grey .cont_brand,
.col_left .panel_grey .cont_short_brand{
	padding: 15px 12px 0 12px;
}
*html .col_left .panel_grey .cont,
*html .col_left .panel_grey .cont_short,
*html .col_left .panel_grey .cont_brand,
*html .col_left .panel_grey .cont_short_brand{
	padding: 15px 0 0 5px;
}

.col_left .w_320 .panel_grey .cont_short_sm{ /* This class use if content height bigger 120px */
	background: url(../images/box_cont_grad70.gif) repeat-x left top;
	min-height: 70px;
	padding: 20px 16px;
	position: relative;
}

*html .col_left .w_320 .panel_grey .cont,
*html .col_left .w_320 .panel_grey .cont_short_sm{
	padding: 15px 10px;
}
.panel_grey .corn_r,
.panel_grey .corn_r_sm{
	background: url(../images/box_tr_crn.gif) no-repeat right top;
	height: 11px;
	width: 11px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.panel_grey .corn_l{
	background: url(../images/box_tl_crn.gif) no-repeat right top;
	height: 11px;
	width: 11px;
	position: absolute;
	left: 0px;
	top: 0px;
}
*html .panel_grey .corn_r_sm{ /** This styles for panel grey if width < 350px**/
	right: -1px;
}
/* Fix for IE6  */
*html .panel_grey .cont,
*html .panel_grey .cont_brand{
	height: 253px;
}
*html .panel_grey .cont_short,
*html .panel_grey .cont_short_brand{
	height: 80px;
}
*html .panel_grey .cont_short_sm{
	height: 60px;
}
*html .panel_grey .cont_grey{
	height: 80px;
}
/***********************************************************************************************************/

/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/


/*** Stand Box Blue (This standart box project with blue gradient background) *********************************/
.panel_blue{
	margin-bottom: 18px;
	position: relative;
	z-index: 100;
}
.panel_blue .top{
	height: 36px;
	position: relative;
	z-index: 50;
	/*overflow: hidden;*/
}
.panel_blue .top h1{
	float: left;
	height: 36px;
	padding: 0;
}
.panel_blue .top h1 span{
	display: block;
	float: left;
	background: #8DA1B2;
	height: 36px;
	padding: 0 11px 0 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	color: #1e283e;
}
.panel_blue .top h1 strong{
	display: block;
	float: left;
	background: url(../images/tabblue_right_crn.gif) no-repeat right top;
	height: 36px;
	width: 9px;
}
.panel_blue .top p{
	float: left;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 36px;
	color: #435270;
}
.panel_blue .top .browse p{
	float: left;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #435270;
}
.panel_blue .top p.p_14{
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color: #60759c;
}
.panel_blue .top .p_16{
	float: left;
	padding: 0 10px;
	font-size: 14px;
	line-height: 36px;
	color: #60759c;
}
.panel_blue .top p.text_2_line{
	float: left;
	padding: 3px 0px 0 15px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #435270;
}

.panel_blue .top a,
.panel_blue .top a:visited{
	display: block;
	float: left;
	height: 36px;
	font-size: 14px;
	font-weight: nornal;
	line-height: 36px;
	text-decoration: none;
}
.panel_blue .top a:hover{
	text-decoration:underline;
}

/*** Tabs for Panel blue ***************************************************/
.panel_blue .top ul.tabs{
	list-style: none;
	float: left;
	height: 36px;
}
.panel_blue .top ul.tabs li{
	display: block;
	float: left;
	height: 36px;
}
.panel_blue .top ul.tabs li a,
.panel_blue .top ul.tabs li a:visited{
	display: block;
	float: left;
	height: 36px;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	color: #60759c;
	border-right: 2px solid #E4E4E4;
}
.panel_blue .top ul.tabs li a:hover{
	color: #0096d7;
}
.panel_blue .top ul.tabs li a span.name,
.panel_blue .top ul.tabs li a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding-right: 9px;
	line-height: 36px;
	font-size: 14px;
	font-weight: normal;
}
.panel_blue .top ul.tabs li a span.right,
.panel_blue .top ul.tabs li a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
}

/*** For active tabs ***/
.panel_blue .top ul.tabs li.active a,
.panel_blue .top ul.tabs li.active a:visited,
.panel_blue .top ul.tabs li.active a:hover{
	display: block;
	float: left;
	height: 36px;
	background: #8DA1B2 url(../images/tabblue_left_crn_white.gif) no-repeat left top;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	border-right: none;
	position: relative;
	left: -2px;
	top: 0px;
}

.panel_blue .top ul.tabs li.first a,
.panel_blue .top ul.tabs li.first a:visited,
.panel_blue .top ul.tabs li.first a:hover{
	display: block;
	float: left;
	height: 36px;
	background: none;
	background-color: #8DA1B2;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	position: relative;
	left: 0px;
	top: 0px;
}
.panel_blue .top ul.tabs li.active a span.name,
.panel_blue .top ul.tabs li.active a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding-right: 9px;
	font-size: 16px;
	font-weight: bold;
	color: #232A3C;
	line-height: 36px;
}
.panel_blue .top ul.tabs li.active a span.right,
.panel_blue .top ul.tabs li.active a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
	background: url(../images/tabblue_right_crn_white.gif) no-repeat right top;
}


.panel_blue .top ul.tabs li.last a,
.panel_blue .top ul.tabs li.last a:visited,
.panel_blue .top ul.tabs li.last a:hover{
	border-right: none;
}


/******************/

.panel_blue .cont,
.panel_blue .cont_brand{
	background: url(../images/box_cont_grad.gif) repeat-x left top;
	min-height: 253px;
	padding: 20px;
	position: relative;
	z-index: 30;
}
.panel_blue .cont_short,
.panel_blue .cont_short_brand{ /* This class use if content height bigger 120px */
	background: url(../images/boxblue_cont_grad70.jpg) repeat-x left top;
	min-height: 50px;
	padding: 20px 20px 10px 20px;
	position: relative;
	/*z-index: 30;*/
}
.col_left .panel_blue .cont,
.col_left .panel_blue .cont_short,
.col_left .panel_blue .cont_brand,
.col_left .panel_blue .cont_short_brand{
	padding: 15px 12px;
}
/**html .col_left .panel_blue .cont,
*html .col_left .panel_blue .cont_short{
	padding: 15px 6px 0 6px;
}*/
.panel_blue .corn_r{
	background: url(../images/boxblue_tr_crn.jpg) no-repeat right top;
	height: 11px;
	width: 11px;
	position: absolute;
	right: 0px;
	top: 0px;
}
*html .panel_blue .cont,
*html .panel_blue .cont_brand{
	height: 253px;
}
*html .panel_blue .cont_short,
*html .panel_blue .cont_short_brand{
	height: 80px;
}
*html .col_left .panel_blue .cont_brand,
*html .col_left .panel_blue .cont_short_brand{
	padding: 15px 0px 0 0px;
}
/***********************************************************************************************************/

/*** Stand Box Green (This standart box project with green gradient background) *********************************/
.panel_green{
	margin-bottom: 18px;
}
.panel_green .top{
	height: 36px;
	position: relative;
	/*z-index: 50;*/
	overflow: hidden;
}
.panel_green .top h1{
	float: left;
	height: 36px;
	padding: 0;
}
.panel_green .top h1 span{
	display: block;
	float: left;
	background: #C4DF9B;
	height: 36px;
	padding: 0 11px 0 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	color: #1e283e;
}
.panel_green .top h1 strong{
	display: block;
	float: left;
	background: url(../images/tabgreen_right.gif) no-repeat right top;
	height: 36px;
	width: 9px;
}
.panel_green .top p{
	float: left;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #435270;
}
.panel_green .top_sm{
	height: 30px;
	position: relative;
	z-index: 50;
	overflow: hidden;
}
.panel_green .top_sm h1{
	float: left;
	height: 30px;
	padding: 0;
}
.panel_green .top_sm h1 span{
	display: block;
	float: left;
	background: #C4DF9B url(../images/tabgreen_left.gif) no-repeat left top;
	height: 30px;
	padding: 0 11px 0 20px;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #1e283e;
}
.panel_green .top_sm h1 strong{
	display: block;
	float: left;
	background: url(../images/tabgreen_right.gif) no-repeat right top;
	height: 30px;
	width: 9px;
}
.panel_green .top_sm p{
	float: left;
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #435270;
}
.panel_green .top .p_16{
	float: left;
	padding: 0 10px;
	font-size: 14px;
	line-height: 36px;
	color: #60759c;
}
.panel_green .top p.text_2_line{
	float: left;
	padding: 3px 0px 0 15px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #435270;
}

.panel_green .top a,
.panel_green .top a:visited{
	display: block;
	float: left;
	height: 36px;
	font-size: 14px;
	font-weight: nornal;
	line-height: 36px;
	text-decoration: none;
	margin-left: 10px;
}
.panel_green .top a:hover{
	text-decoration:underline;
}

/*** Tabs for Panel blue ***************************************************/
.panel_green .top ul.tabs{
	list-style: none;
	float: left;
	height: 36px;
}
.panel_green .top ul.tabs li{
	display: block;
	float: left;
	height: 36px;
}
.panel_green .top ul.tabs li a,
.panel_green .top ul.tabs li a:visited{
	display: block;
	float: left;
	height: 36px;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	color: #60759c;
	border-right: 2px solid #E4E4E4;
}
.panel_green .top ul.tabs li a:hover{
	color: #0096d7;
}
.panel_green .top ul.tabs li a span.name,
.panel_green .top ul.tabs li a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding-right: 9px;
	line-height: 36px;
	font-size: 14px;
	font-weight: normal;
}
.panel_green .top ul.tabs li a span.right,
.panel_green .top ul.tabs li a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
}

/*** For active tabs ***/
.panel_green .top ul.tabs li.active a,
.panel_green .top ul.tabs li.active a:visited,
.panel_green .top ul.tabs li.active a:hover{
	display: block;
	float: left;
	height: 36px;
	background: #E4E4E4 url(../images/tab_left_crn.gif) no-repeat left top;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	border-right: none;
	position: relative;
	left: -2px;
	top: 0px;
}

.panel_green .top ul.tabs li.first a,
.panel_green .top ul.tabs li.first a:visited,
.panel_green .top ul.tabs li.first a:hover{
	display: block;
	float: left;
	height: 36px;
	background: none;
	background-color: #E4E4E4;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	position: relative;
	left: 0px;
	top: 0px;
}
.panel_green .top ul.tabs li.active a span.name,
.panel_green .top ul.tabs li.active a:visited span.name{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	padding-right: 9px;
	font-size: 16px;
	font-weight: bold;
	color: #232A3C;
	line-height: 36px;
}
.panel_green .top ul.tabs li.active a span.right,
.panel_green .top ul.tabs li.active a:visited span.right{
	display: block;
	float: left;
	height: 36px;
	cursor: pointer;
	width: 9px;
	background: url(../images/tab_right_crn.gif) no-repeat right top;
}


.panel_green .top ul.tabs li.last a,
.panel_green .top ul.tabs li.last a:visited,
.panel_green .top ul.tabs li.last a:hover{
	border-right: none;
}


/******************/
/* This class use if content height bigger 120px */
.panel_green .cont_short{
	background:  url(../images/boxgreen_grad80.gif) repeat-x left top;
	min-height: 50px;
	padding: 20px 20px 10px 20px;
	position: relative;
	/*z-index: 30;*/
}
.col_left .panel_green .cont,
.col_left .panel_green .cont_short{
	padding: 15px;
}
.panel_green .corn_r{
	background: url(../images/boxgreen_tr_crn.gif) no-repeat right top;
	height: 11px;
	width: 11px;
	position: absolute;
	right: 0px;
	top: 0px;
}
/**html .panel_green .cont{
	height: 253px;
}*/
*html .panel_green .cont_short{
	height: 80px;
}

.col_right .panel_green .cont_short .wrap_white p{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #60759c;
	/*padding: 5px 0px;*/
	margin-bottom: 10px;
}
/***********************************************************************************************************/


/*** Filter on top blue panel***********************************************/
.filter{
	float: left;
	height: 36px;
}
.filter .option{
	float: left;
	height: 36px;
	padding: 0px 15px;
	border-right: 2px solid #E4E4E4;
}
.filter .option span{
	display: block;
	float: left;
	height: 36px;
	color: #435270;
	margin-right: 15px;
	line-height: 36px;
}

.filter .option span a,
.filter .option span a:visited{
	margin: 0;
}
.filter .option .filter_sel{
	float: left;
	border: 1px solid #BDBDBF;
	background: #fff;
	width:160px;
	height: 22px;
	position: relative;
	left: 0px;
	top: 7px;
	z-index: 100;
}
.filter .option .sel,
.filter .option .sel:visited{
	display: block;
	float: left;
	color: #1e283e;
	width:145px;
	height: 22px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 22px;
	background: url(../images/dropdown_arrow.gif) no-repeat right center;
}
.filter .option .sel:hover{
	background: url(../images/dropdown_arrow_sel.gif) no-repeat right center;
	text-decoration: none;
}
.filter .option .variation{
	position: absolute;
	left: -1px;
	top: 22px;
	width: 160px;
	border: 1px solid #BDBDBF;
	z-index: 500;
}

.filter .option .variation a,
.filter .option .variation a:visited{
	display: block;
	float: none;
	border: 1px solid #fff;
	background: #F7F7F7;
	font-size:12px;
	line-height:22px;
	height:22px;
	padding-left: 10px;
	color: #60759c;
}
.filter .option .variation a:hover,
.filter .option .variation a.active,
.filter .option .variation a.active:visited,
.filter .option .variation a.active:hover{
	display: block;
	float: none;
	border: 1px solid #fff;
	background: #E4E4E4;
	font-size:12px;
	line-height:22px;
	height:22px;
	padding-left: 10px;
	text-decoration: none;
	color: #1e283e;
}
#var_1, #var_2, #var_3, #var_4, #var_5, #var_6{display:none;}


/*** For select name brand in upload website *****/
.filter_big .option{
	padding: 0px 0px;
	border-right: none;
}
.filter_big .option .sel,
.filter_big .option .sel:visited{
	width:265px;
}
.filter_big .option .filter_sel{
	width:281px;
}
.filter_big .option .variation{
	width: 281px;
}
/*************************************************/








/***************************************************************************/
.col_right .filter .option{
	padding: 0px;
}
.col_right .filter .option a,
.col_right .filter .option a:visited{
	margin: 0 7px;
	line-height: 36px;
	color: #60759c;
	height: 36px;
}


/*** Rate on top grey panel ***********************************************/
.rate{
	height: 36px;
}
.rate .item{
	float: left;
	height: 36px;
	padding: 0px 15px;
	/*border-right: 2px solid #E4E4E4;*/
}
.rate .item_right{
	float: right;
	height: 36px;
	padding: 0px 15px;
}
.rate .item span,
.rate .item_right span{
	display: block;
	float: left;
	height: 36px;
	color: #1e283e;
	margin-right: 10px;
	font-size: 11px;
	line-height: 36px;
}
.rate .item strong,
.rate .item_right strong{
	display: block;
	float: left;
	height: 36px;
	color: #1e283e;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
}

/***********************************************************************************************************/
.transparent{
	background: #eee;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 570px;
	height: 190px;
	filter: alpha(opacity=50);     -moz-opacity: 0.5;     opacity: 0.5;
}








/*** Panel Orange *****************************************************************************************/
.panel_orange{
	margin-bottom: 18px;
}

.panel_orange .cont{
	background: url(../images/boxorange_cont_grad180.gif) repeat-x left top;
	min-height: 180px;
	padding: 15px 12px;
	position: relative;
}
.panel_orange .corn_r{
	background: url(../images/boxorange_tr_crn.gif) no-repeat right top;
	height: 9px;
	width: 9px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.panel_orange .corn_l{
	background: url(../images/boxorange_tl_crn.gif) no-repeat right top;
	height: 9px;
	width: 9px;
	position: absolute;
	left: 0px;
	top: 0px;
}
*html .panel_orange .cont{
	height: 180px;
}
/***********************************************************************************************************/
.panel_grey .top a.btn_spring,
.panel_grey .top a.btn_spring:visited{
	display: block;
	background: url(../images/btn_springit_sm.gif) no-repeat left top;
	height: 24px;
	width: 54px;
	margin: 7px 0px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.panel_grey .top a.btn_sprung,
.panel_grey .top a.btn_sprung:visited{
	display: block;
	background: url(../images/btn_spung_sm.gif) no-repeat left top;
	height: 24px;
	width: 54px;
	margin: 7px 0px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	cursor: default;
	font-weight: normal;
}