@font-face {font-family: supermarket;src: url("../fonts/supermarket.ttf.eot") /* EOT file for IE */
}
@font-face { font-family: supermarket; src: url("../fonts/supermarket.ttf") /* TTF file for CSS3 browsers */
}
html					{	background:#FFFFFF url("") repeat top center;background-position: right 0px;background-attachment: fixed;}
body					{	padding-top:0px;
								margin:0px auto;
								font-family:supermarket,Helvetica,Tahoma,Arial,sans-serif;;
								font-size:19px;
								color:#1f1f1f;
								line-height:auto;	 
							}

/* - - - - - - - - - - C S S - - - - - - - - - - */
img, a img		{	border:0;display: block;}
div, p, h1, h2, h3, h4, h5	{	margin:0px;padding:0px;}
form						{	display:inline;}
input					{	color:#888888;	font-family:Tahoma, Geneva, sans-serif;font-size:13px;	 border-radius: 3px 3px 3px 3px; background-color:#FFFFFF;padding: 5px;width: 185px;border-radius:5px;border:0px solid #CCCCCC}
textarea				{	color:#888888;		font-family:Tahoma, Geneva, sans-serif;	 font-size:13px;border:0px solid #CCCCCC;	background-color:#FFFFFF;padding:3px;width: 185px;border-radius: 3px 3px 3px 3px; }
select					{	color:#888888;		font-family:Tahoma, Geneva, sans-serif;	 font-size:13px;border:1px solid #CCCCCC;	background-color:#FFFFFF;padding:3px;border-radius: 3px 3px 3px 3px; }
select option		{	padding:1px;	}
a:link					{	color:#821a1a;text-decoration:none;	font-weight:normal;	outline: none;}
a:visited				{	color:#821a1a;	text-decoration:none;	font-weight:normal;}
a:hover				{	color:#333333;	text-decoration:none;	font-weight:normal;}
a:active				{	color:#821a1a;text-decoration:none;	font-weight:normal;				outline: none;}
li a:link , li a:visited , li a:active	{	color:#28261E;}
li a:hover				{	color:#4F5143;}
ul							{	margin:0px;padding:0px;}
li							{	list-style-image:inline;list-style-position:inside;list-style-type:none;text-align:left;padding:0px;}
.clear					{	clear:both;}
.f_l						{	float:left;}
.f_r						{	float:right;}
.relative				{	position:relative;}
.absolute			{	position:absolute;}
.margin0			{margin:0px auto;}
.b							{font-weight:bold;}
h1	{font-family: 'supermarket'; font-size:31px;font-weight:normal;color:#1f1f1f;margin-top:10px;}
h2	{ font-size:15px;font-weight:normal;color:#1AAC67;line-height:20px;line-height:auto;}
h3	{ font-size:22px;font-weight:normal;color:#5B5B5B;line-height:20px;}
h4	{ font-size: 20px; font-weight: normal;color: #efcc00;line-height:23px;padding:0px 0px;}
h5{ font-size: 20px; font-weight: bold;color: #000000;}

#wrapper			{width:1000px;margin:0px auto;}
#body_style	{width:1000px;margin:0px auto;background:url('../images/bg_header.png') no-repeat top left;}
#sub_body		{width:980px;margin:0px auto;}
#header			{height:150px;background-color:#F9F9F9;}
#menu				{width:228px;}
#pagintion		{padding:10px 0px 20px 10px}
#foooter			{width:1000px;margin:0px auto;background-color:#222222;}
#div_logo		{width:200px;float:left;}
#content_left		{width:770px;float:left;}
#content_right	{width:230px;float:left;}
.box_follow		{float:left;width:50px;}
#div_follow		{float:left;width:305px;margin:22px 0px 0px 490px;}
.fl_us					{width:154px;float:left;padding-top:4px;}
.tab_1				{height:20px;background-color:#F9F9F9;border-bottom:1px solid #F6F6F6;padding:5px 0px 0px 10px;color:#FF0000;font-weight:bold;}
.tab_2				{height:30px;background-color:#FFFFFF;border-bottom:1px solid #F6F6F6;padding:7px 0px 0px 10px;color:#000000;}
.tab_3				{height:30px;background-color:#FFFFFF;border-bottom:1px solid #E5E5E5;padding:7px 0px 0px 10px;color:#787878;}
.tab_4				{height:30px;background-color:#FFFFFF;border-bottom:1px solid #E5E5E5;padding:7px 0px 0px 10px;color:#000000;}
.am_l				{padding-right:5px;}
.btn-group          {width:63px;float:left;padding:10px;text-align:center;font-size:14px;}
#header #nav a {color:#303030;}
#header #nav a:hover, #header #nav a:hover span {color:#000;}
#header #nav li.active a, #header #nav li.active a span {color:#fff;}
.table_border       {border-left:2px solid #FFFFFF;border-top:2px solid #FFFFFF;}
.table_border td       {border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;}
.table_border2       {border-left:2px solid #d0d0d0;border-top:2px solid #d0d0d0;}
.table_border2 td       {border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}

.box_home_img {border: 1px solid #d8d8d8;box-shadow: 0 1px 5px #aaaaaa;width:50px;height:50px;}
.div_d img              {display:inline;}
.div_d a img              {display:inline;}
.div_d table              {margin:0px auto;}
.table table {background-image: url("../images/bg_pro.png");background-repeat: repeat;border: 2px solid #ffffff;border-radius: 10px;}
table .hdg, table .hdg2 {border-bottom: 2px solid #ffffff;border-right: 1px solid #ffffff;}
.hdg {color: #fff;font-size: 18px;padding: 20px;}
.sub_hdg, .sub_hdg2 {border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.sub_hdg {color: #ffffff;font-size: 15px;padding: 20px;}
.enquiry_wrapper {background-color: #ff8600;border-radius: 10px;box-shadow: 5px 5px 5px 0 #000;float: left;margin-top: 30px;padding: 15px 14px 30px 16px;width: 200px;
}



/* TEXT*/
.font_d				{font-family:Tahoma;font-size:12px;}
.font_g             {font-family:'supermarket';}
.text-indent		{text-indent: 20px;}
.text-green		{color:#1aac67;}
.text-follow			{color:#ACACAC;font-size:16px;font-weight:bold;}
.text-blue			{color:#3399CC;}
.text_s_detail		{color:#5B5B5B;}
.text-oren			{color:#FF6C00;}
.font_title         {color:#ee5500; font-size:20px;}


/* L I N K */
.box_menu_top a:link , .box_menu_top a:visited , .box_menu_top a:active {   color:#FFFFFF;text-decoration:none; font-weight:normal;font-size:19px;}
.box_menu_top a:hover               {   color:#000000;text-decoration:none; font-weight:normal;font-size:19px;;}
.box_menu_foot a:link , .box_menu_foot a:visited , .box_menu_foot a:active {   color:#FFFFFF;text-decoration:none; font-weight:normal;font-size:19px;}
.box_menu_foot a:hover               {   color:#efcc00;text-decoration:none; font-weight:normal;font-size:19px;;}
#menu_bottom a:link , #menu_bottom a:visited , #menu_bottom a:active {   color:#e962d3;text-decoration:none; font-weight:normal;font-size:13px;}
#menu_bottom a:hover               {   color:#b6109d;text-decoration:none; font-weight:normal;font-size:13px;;}
#box_menu a:link , #box_menu a:visited , #box_menu a:active	{	color:#8D8F92;text-decoration:none;	font-weight:bold;font-size:18px;}
#box_menu a:hover				{	color:#1AAC67;text-decoration:none;	font-weight:bold;font-size:18px;;}
.box_detail a:link , .box_detail a:visited , .box_detail a:active { color:#ff6900;text-decoration:none; font-weight:normal;font-size:18px;}
.box_detail a:hover       { color:#efcc00;text-decoration:none; font-weight:normal;font-size:18px;;}
.product_link a:link , .product_link a:visited , .product_link a:active {   font-family:Tahoma;color:#000000;text-decoration:none; font-size:15px;}
.product_link a:hover               {   font-family:Tahoma;color:#ff6900;text-decoration:none; font-size:15px;}
.product_link                       {font-size:12px;}
.link_go_cart a:link , .link_go_cart a:visited , .link_go_cart a:active { color:#FFFFFF;text-decoration:none; font-weight:normal;font-size:20px;}
.link_go_cart a:hover       { color:#efcc00;text-decoration:none; font-weight:normal;font-size:20px;;}
#navi a:link , #navi a:visited , #navi a:active {   color:#1AAC67;text-decoration:none; font-size:17px;}
#navi a:hover               {   color:#00ccff;text-decoration:none; font-size:17px;}
#navi                       {font-size:17px;padding:0px 0px 15px 0px;}
.box_subcat a:link , .box_subcat a:visited , .box_subcat a:active {   color:#ff6900;text-decoration:none; font-size:15px;}
.box_subcat a:hover               {   color:#587aaa;text-decoration:none; font-size:15px;}
.box_subcat                       {font-size:15px;color:#000000;}
.s_b_article a:link , .s_b_article a:visited , .s_b_article a:active	{	color:#1AAC67;text-decoration:none;	font-weight:normal;font-size:13px;}
.s_b_article a:hover				{	color:#0F7F4B;text-decoration:none;	font-weight:normal;font-size:13px;;}
h2 a:link , h2 a:visited , h2 a:active	{text-decoration:none;	 font-size:18px;font-weight:normal;color:#1AAC67;}
h2 a:hover				{text-decoration:none;	 font-size:18px;font-weight:normal;color:#0f7f4b;}
#banner a:link , #banner a:visited , #banner a:active	{text-decoration:underline;	 font-size:13px;font-weight:normal;color:#1122CC;font-family:Tahoma;}
#banner a:hover				{text-decoration:none;	 font-size:13px;font-weight:normal;color:#1122CC;font-family:Tahoma;}
/* B U T T O N */
.b_orange {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #E99244 0%, #CF721F 100%) repeat scroll 0 0 transparent;
    border-color: #DCA113 #C36F0A #A94A00;
	background-color:#E99244;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #EB9B3F inset, 0 -1px 0 #C76019 inset;
    text-shadow: 0 1px 1px #AB611E;
	height:25px;
	width:125px;
	position:relative;
	text-align:center;
	margin-top:10px;
}
.effect img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.3s ease-in;
}

.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
   width:0;
   height:0;
   transform:translateY(-100px);
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}

.effect a.info {
   opacity:0;
   transform:translateY(-100px);
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}

.effect:hover img {
   opacity:0.7;
   transform:scale(2,2);
}

.effect:hover .mask {
   opacity: 1;
   transform: translateY(0px);
}

.effect:hover a.info {
   opacity:1;
   transform:translateY(100px);
}