body {
	margin: 0;
	/*color: #7d7d7d;*/
	/*background-color:#F0F5F9;*/
	background-color:#EDEDED;
	font: 9px Arial, Helvetica, sans-serif;
	/*behavior: url(./includes/csshover.htc);*/
	/*
	scrollbar-arrow-color:			#A6A6A1;
	scrollbar-base-color:			#EAEAEA;
	scrollbar-shadow-color:			#A6A6A1;
	scrollbar-face-color:			#EAEAEA;
	scrollbar-highlight-color:		#A6A6A1;
	scrollbar-dark-shadow-color:	#EAEAEA;
	scrollbar-3d-light-color:		#CCCCCC;*/
}

/* ************************* CSS FONT ************************* */

.fly_hand{ cursor:	move; }

.fly_auto{ cursor:	auto; }

/* ************************* ADMIN ************************* */

.adminTitleBold				{ font-family: Verdana, sans-serif; font-size: 14px; COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTitleBold A:link 		{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTitleBold A:visited 	{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTitleBold A:active 	{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTitleBold A:hover 	{ COLOR: #333333; TEXT-DECORATION: underline; font-weight: bold; }

.adminText 				{ font-family: Verdana, sans-serif; font-size: 10px; COLOR: #333333; TEXT-DECORATION: none; }
.adminText A:link 		{ COLOR: #333333; TEXT-DECORATION: none; }
.adminText A:visited 	{ COLOR: #333333; TEXT-DECORATION: none; }
.adminText A:active 	{ COLOR: #333333; TEXT-DECORATION: none; }
.adminText A:hover 		{ COLOR: #333333; TEXT-DECORATION: underline; }

.adminTextBold 				{ font-family: Verdana, sans-serif; font-size: 10px; COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTextBold A:link 		{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTextBold A:visited 	{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTextBold A:active 	{ COLOR: #333333; TEXT-DECORATION: none; font-weight: bold; }
.adminTextBold A:hover 		{ COLOR: #333333; TEXT-DECORATION: underline; font-weight: bold; }




.titleBold				{ font-family: Verdana, sans-serif; font-size: 14px; COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBold A:link 		{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBold A:visited 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBold A:active 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBold A:hover 		{ COLOR: #203E9B; TEXT-DECORATION: underline; font-weight: bold; }

.titleBlackBold				{ font-family: Verdana, sans-serif; font-size: 12px; COLOR: #000000; TEXT-DECORATION: none; font-weight: bold; }
.titleBlackBold A:link 		{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBlackBold A:visited 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBlackBold A:active 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.titleBlackBold A:hover 	{ COLOR: #203E9B; TEXT-DECORATION: underline; font-weight: bold; }

.text 			{ font-family: Verdana, sans-serif; font-size: 10px; COLOR: #3D3D3D; TEXT-DECORATION: none; }
.text A:link 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.text A:visited { COLOR: #3D3D3D; TEXT-DECORATION: none; }
.text A:active 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.text A:hover 	{ COLOR: #3D3D3D; TEXT-DECORATION: underline; }

.textBold 			{ font-family: Verdana, sans-serif; font-size: 10px; COLOR: #3D3D3D; TEXT-DECORATION: none; font-weight: bold; }
.textBold A:link 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; font-weight: bold; }
.textBold A:visited { COLOR: #3D3D3D; TEXT-DECORATION: none; font-weight: bold; }
.textBold A:active 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; font-weight: bold; }
.textBold A:hover 	{ COLOR: #3D3D3D; TEXT-DECORATION: underline; font-weight: bold; }

.menu 			{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menu A:link 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menu A:visited { COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menu A:active 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menu A:hover 	{ COLOR: #E71B23; TEXT-DECORATION: none; }

.menuSmall 				{ font-family: Verdana, sans-serif; font-size: 8px; COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menuSmall A:link 		{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menuSmall A:visited 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menuSmall A:active 	{ COLOR: #3D3D3D; TEXT-DECORATION: none; }
.menuSmall A:hover 		{ COLOR: #E71B23; TEXT-DECORATION: none; }

.menuSelect 			{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #E71B23; TEXT-DECORATION: none; }
.menuSelect A:link 		{ COLOR: #E71B23; TEXT-DECORATION: none; }
.menuSelect A:visited 	{ COLOR: #E71B23; TEXT-DECORATION: none; }
.menuSelect A:active 	{ COLOR: #E71B23; TEXT-DECORATION: none; }
.menuSelect A:hover 	{ COLOR: #E71B23; TEXT-DECORATION: none; }

.menuSpecial 			{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecial A:link 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecial A:visited	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecial A:active 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecial A:hover 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }

.menuSpecialSelect 				{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecialSelect A:link 		{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecialSelect A:visited 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecialSelect A:active 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuSpecialSelect A:hover 		{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }

.textBullet 			{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.textBullet A:link 		{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.textBullet A:visited 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.textBullet A:active 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.textBullet A:hover 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }

.menuProduct 			{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuProduct A:link 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuProduct A:visited 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuProduct A:active 	{ COLOR: #203E9B; TEXT-DECORATION: none; font-weight: bold; }
.menuProduct A:hover 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }

.menuProductSelect 				{ font-family: Verdana, sans-serif; font-size: 9px; COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuProductSelect A:link 		{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuProductSelect A:visited 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuProductSelect A:active 	{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }
.menuProductSelect A:hover 		{ COLOR: #E71B23; TEXT-DECORATION: none; font-weight: bold; }





.textError 				{ font-family: Verdana, sans-serif; font-size: 10px; COLOR: #FF0000; TEXT-DECORATION: none; }
.textError A:link 		{ COLOR: #FF0000; TEXT-DECORATION: none; }
.textError A:visited 	{ COLOR: #FF0000; TEXT-DECORATION: none; }
.textError A:active 	{ COLOR: #FF0000; TEXT-DECORATION: none; }
.textError A:hover 		{ COLOR: #FF0000; TEXT-DECORATION: underline; }

.textbox{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	normal;
	color:			#000000;
	border:			solid 1px #A6A6A1;
	background:		#FFFFFF;
	padding-left:	0px;
	padding-right:	0px;
	text-align:		left;
	text-indent:	0;
	padding-left:	2px;
	width:			98%;
}

.textboxmini{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	normal;
	color:			#000000;
	border:			solid 1px #A6A6A1;
	background:		#FFFFFF;
	padding-left:	0px;
	padding-right:	0px;
	text-align:		left;
	text-indent:	0;
	padding-left:	2px;
}

.borderDotLeft{
	border-left-color:#3D3D3D;
	border-left-style:dashed;
	border-left-width:1px;
}

.borderDotRight{
	border-right-color:#3D3D3D;
	border-right-style:dashed;
	border-right-width:1px;
}

.borderDotTop{
	border-top-color:#3D3D3D;
	border-top-style:dashed;
	border-top-width:1px;
}

.borderDotBottom{
	border-bottom-color:#3D3D3D;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}

.line{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; COLOR: #3D3D3D; TEXT-DECORATION: none; }


/* ***************************** ? TOOLTIP ********************* */
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: Verdana, sans-serif; font-size: 10px; color: #3D3D3D;
    display: block;
    position: absolute;
    top: -5px;
    left: -200px;
    padding: 5px;
    color: #3D3D3D;
    border: 1px solid #bbb;
    background: #FFFFFF;
    height: 5px !important;
    height: 15px;
    width:200px;
}
a.tooltip:hover em span {
    position: absolute;
    top: 0px;
    left: 0px;
    /*height: 5px; !important*/
    /*height: 15px;*/
    width: 200px;
    background: transparent url;
    margin:0;
    padding: 0;
    border: 0;
}

/* ***************************** TOOLTIP_STAR_PRODUCT ********************* */
div.tooltip_star_product {
	width: 300px;
	/*min-height:300px;*/
	color: #fff;
	text-align: center;
	background-color:#f7f8fa;
	border:2px solid #343e7b;
	top:0;
	left:0;
}
/*
* html div.tooltip_star_product{
	height: 200px;
}

*+html div.tooltip_star_product{
	min-height: 200px;
}*/

div.tooltip_star_product h4 {
	margin: 0;
}

div.tooltip_star_product p {
	color: #000;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	text-align:left;
}

/* ************************* CSS DRAG AND DROP LIST ************************* */

ul.sortTable li {
	position: relative;
}

ul.sortTableBoxy {
	list-style-type: 	none;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;
	margin: 			0px;
    border: 			0px solid #ccc;
}
ul.sortTableBoxy li {
	cursor:				move;
}

.allBorder{
    border: 			1px solid #ccc;
}

/* ************************* CSS FRONT END ************************* */

/* SECTION */
#divIndex1{
	width:				320px;
	height:				377px;
}

#divIndex2{
	width:				314px;
	height:				377px;
}

#divIndex3{
	width:				126px;
	height:				377px;
}

#divSection3{
	/*position: relative;*/
	width: auto;
	height: auto;
	overflow:auto;
}


#divSectionText{
	/*position: relative;*/
	width: auto;
	height: auto;
	overflow:auto;
	/*text-align:justify;*/
	padding-right: 5px;
}

#divProductText{
	/*position: relative;*/
	width: auto;
	height: auto;
	overflow:auto;
	text-align:justify;
	padding-right: 5px;
}

#divNewProduct{
	position:absolute;
}

#divVideo, .divVideo{
	position:	absolute;
	z-index:	90000;
	width:		100%;
	height:		800px;
}


