/*
media solutions network
http://www.msn-asia.com
Stylesheet for mShop
///
body background: #fff / content width: 992px, padding: 0px 14px; / content bg: #fff /
text color: #ff670f (Orange); #00baf0 (blue sea) / #333333 (gray) / #339900 (Green)
text with link color: #;
nav height: 58px;
*/
/* Reset CSS */
@IMPORT url("reset.css");
@IMPORT url("table.css");
@IMPORT url("cssmenu/jqueryslidemenu.css");

html,body {margin:0; padding:0;}

body, div, span, table, th, td, p, form, input, select, li, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

div, span, p, img, form, table, th, td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div, span, p, form {
	text-align: left;
}
span {color: #00baf0;}
	
table {
	border-collapse: collapse;
	border-spacing: 0px; 
	empty-cells: show;
}
/* links */
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #00baf0;
	text-decoration: none;
}
/*
td, th {
	vertical-align: top;
}
*/
		h1 {font-weight: bold; font-size: 16px; color: #ff670f; height: 22px;}
		h2 {
			font-size: 12px;
			font-weight: bold;
			color: #ff670f;
		}
		
		h3 {font-weight: bold;}
		h3, h4 {
			font-size: 11px;
			line-height: 18px;
			padding-top: 10px;
			color: #ff670f;
		}
		.ml2{
			font-size: 11px;
			color: #51A5FF; 
			font-weight: bold;
			text-decoration: none;
		}
		.ml2_lite{
			font-size: 11px;
			color: #067EFF;
			text-decoration: none;
		}
		.ch3{
			font-size: 14px;
			color: #DB3636;
			font-weight: bold;
		}
/* image style */		
		.them_anh {padding: 10px 3px 5px 10px; float: left;};
		.bordered{border:1px solid #cccccc;}
		a img.bordered {border:1px solid #cccccc;}
		a:hover img.bordered {border: 1px solid #ff9900;}

body {
	/*background: #000000 url(images/background.jpg) top center no-repeat;*/
	background: #000 url(images/bg_grass.jpg) top center no-repeat;
	padding-top: 30px;
}
#media {
	position:relative;
	background: #fff;
	margin: 0px auto;
	width: 990px;
	padding: 0px 14px;
}
#inside {
  margin: 0px auto;
	width: 990px;
	padding: 0px;
}
#header {
  width: 990px;
	padding-top: 10px;
}
	#topmenuleft {width: 500px; float: left;}
	#topmenuright {width: 450px; float: right; text-align: right; padding-right: 10px;}
	#saleonline {width: 480px; float: left; background: url(images/hotline.jpg) no-repeat bottom right; height: 84px;}
	#logo {
		width: 500px;
		height: 86px;
		float: right;
	}
	#cssmenu {
		background: url(images/menu_bg_c.gif) repeat-x left top;
		height: 33px;
	}
		#cssmenu .left {
			background: url(images/menu_bg_l.gif) no-repeat left top;
			height: 33px;
		}
		#cssmenu .right {
			background: url(images/menu_bg_r.gif) no-repeat right top;
			padding-left: 10px;
			height: 33px;
			color: #fff;
		}

#hotline {
	width: 990px;
	margin-top: 10px;
	font-weight: bold;
}
	#hotline .hotline {
		width: 400px;
		color: #000;
		font-weight: bold;
		font-size: 13px;
		float: left;
	}
	#hotline .support {width: 250px;}
	#hotline .hotline span{color: #ff670f; font-size: 14px;}
	#hotline .searchbox {
		width: 440px;
		color: #00baf0;
		float: left;
		font-size: 12px;
	}
	#hotline .currency {
		color: #00baf0;
		float: right;
		font-size: 12px;
	}
		
#left_content {
	width: 160px;
	float: left;
}
  .catmenu {
	margin: 0px;
	width: 160px;
	padding-bottom: 10px;
	background: url(images/columm_left_bottom.gif) center bottom no-repeat;
	}
	
	.catmenu div.index {
		background: url(images/left_menu_index.gif) left top no-repeat;
		width: 146px;
		height: 21px;
		font-size: 1.1em;
		font-weight: bold;
		padding: 4px 0px 0px 14px;
		color: #fff;
	}
		.catmenu ul {
			padding:0px; 
			margin:0px; 
			list-style:none;
		}

		.catmenu li a {
			display: block;
			color:#666666;
			padding: 3px;
			font-weight: bold;
			text-decoration: none;
			border-top: 1px solid #eee;
		}
		.catmenu li a:hover	{
			color: #333333;
			background-color: #fff5fe;
		}
		.catmenu li.bg_list_un a {
		color:#EF0101;
		}

		.catmenu li.bg_list_sub	{
			display: block;
			margin-left: 6px;
		}
		.catmenu li.bg_list_sub a {
			color:#666666; 
			padding-left: 10px;
			font-weight: normal;
			background: url(images/arr_grey.gif) left center no-repeat;
			background-color: #fff5fe;
		}
		.catmenu li.bg_list_sub .active {
			color:#EF0101;
			display: block;
			background-color: #fff;
		}
		.catmenu li.bg_list_sub a:hover	{color:#EF0101; text-decoration:none; background-color: #fff;}
		
		.manuleft {float: left; width: 80px; padding: 0px;}
		.manuleft a {display: block; border-bottom: 1px solid #eee; padding: 2px 3px;}
		.manuright {float: right; width: 80px; padding: 0px;}
		.manuright a {display: block; border-bottom: 1px solid #eee; padding: 2px 3px;}
		#marqueecontainer{
    position: relative;
    /*width: 200px; /*marquee width */
    height: 160px; /*marquee height */
    padding-top: 5px;
    overflow: hidden;
    }
	.center_left_top {
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding-left: 7px;
	background: url(images/center_left_top.gif) no-repeat top left;
	padding-top: 18px;
  }
  .center_left_mid {
	font-size: 1.0em;
	padding: 0px 7px;
	background: url(images/center_left_mid.gif) repeat-y top left;
  }
  .center_left_mid a {
		display: block;
		color: #666666;
		text-decoration: none;
		background-image: url("images/arr_grey.gif");
		background-repeat: no-repeat;
		line-height: 16px;
		padding-left: 7px;
	}

	.center_left_mid a:hover {
		color: #333333;
		background-color: #efefef;
	}
  .center_left_bot {
	padding-bottom: 14px;
	margin-bottom: 5px;
	background: url(images/center_left_bot.gif) no-repeat bottom left;
  }
#center_content {
	float: right;
	width: 830px;
}
  #center_left {
	width: 620px;
    float: left;
	background: #fff;
	padding: 0px 5px;
  }
  	.breadcrumb {
			background: url(images/breadcumb_bg.gif) repeat-x bottom left;
			height: 25px;
			margin-left: 8px;
			padding-top: 4px;
			font-weight: bold;
		}
		.breadcrumb a {color:#3A3A3A;}
		.breadcrumb a:hover {color:#EF0101; text-decoration:none;}
	
		#center_left .part {
			display: block;
			background: url(images/newproduct_center.gif) repeat-x left top;
		}
			#center_left .part .title_l {
				background: url(images/newproduct_left.gif) no-repeat left top;
			}
    	#center_left .part .title_r {
    	 	background: url(images/newproduct_right.gif) no-repeat right top;
				height: 20px;
				text-align: center;
				text-transform: uppercase;
				font-size: 1.1em;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				padding: 6px 0px 0px 0px;
				color: #fff;			
    	}

/* Product listing - Sub category style */
	.product_listing {background: transparent url(images/listing_bg_c.gif) top right repeat-y; width: 610px; padding-left: 5px;}
	.product_listing .bottom {background: transparent url(images/listing_bg_b.gif) bottom left no-repeat;}
	.product_listing .top {background: transparent url(images/listing_bg_t.gif) top left no-repeat; padding: 5px 7px 15px 10px;}
	.subcat_left {
		float: left;
		width: 110px;
		height: 80px;
	}
	.subcat_right {
		float: left;
		width: 444px;
		padding-left: 10px;
		height: 80px;
		background: url(../images/cat_desc_bg.jpg) no-repeat top right;
		text-align: left;
	}
	/* Fix cho IE */
	/*\*/
	* html .subcat_right {
	  height: 80px;
	}
	/**/
	.left_listing {
		float: left; 
		width: 365px; 
		text-align: left;
	}
	.right_listing {
		float: left; 
		width: 199px; 
		text-align: right;
	}
	.viewoption {background: transparent url(images/viewoption_l.gif) top left no-repeat; width: 105px; float: left;}
	.viewoptionprice {background: transparent url(images/viewoption_l.gif) top left no-repeat; width: 182px; float: left; margin-left: 15px;}
	.viewoptionsort {background: transparent url(images/viewoption_l.gif) top left no-repeat; width: 150px; float: right; margin-right: 5px;}
	.viewoption div, .viewoptionprice div, .viewoptionsort div {background: transparent url(images/viewoption_r.gif) top right no-repeat; height: 23px; padding: 4px;}
	.viewoption img {vertical-align: middle;}
	.viewoption a {color: #339900;}
	.viewoption a:hover {text-decoration: underline;}
	/* View Grid */		
		.viewgrid {
			float: left;
			width: 190px;
			margin: 5px 0px 0px 5px;
			background: transparent url(images/gridview_bg_b.gif) bottom left no-repeat;
		}
		.viewgrid .content {
			background: transparent url(images/gridview_bg_t.gif) top left no-repeat;
			padding: 10px 0px 4px 0px;
		}
		.viewgrid h3 {
			text-align: center;
			font-weight: bold;
			height: 36px;
		}
		.viewgrid p {text-align: center; font-size: 16px; color: #339900; font-weight: bold;}
		.viewgrid .price {height: 26px;}
		.viewgrid .detail {
			text-align: right;
			color: #ff0000;
			padding: 3px 10px;
		}
		div.compareDiv{padding:0 0 0 4px;}
		div.compareDiv input{vertical-align:middle;}
	/* View list - Ref to table.css */

#center_right {
	width: 200px;
	float: right;
	text-align: left;
}
  .center_right_top {
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding-left: 7px;
	background: url(images/center_right_top.gif) no-repeat top left;
	padding-top: 18px;
  }
  .center_right_mid, .center_right_mid_catalog {
	font-size: 1.0em;
	padding: 0px 7px;
	background: url(images/center_right_mid.gif) repeat-y top left;
  }
  .center_right_mid_catalog td {border-bottom: 1px solid #eee;}
  .center_right_mid a {
		display: block;
		color: #666666;
		text-decoration: none;
		background-image: url("images/arr_grey.gif");
		background-repeat: no-repeat;
		line-height: 16px;
		padding-left: 7px;
	}

	.center_right_mid a:hover {
		color: #333333;
		background-color: #efefef;
	}
  .center_right_bot {
	padding-bottom: 14px;
	margin-bottom: 5px;
	background: url(images/center_right_bot.gif) no-repeat bottom left;
  }

  
.backtotop {text-align: right; padding: 5px 0px;}
#footerbrands {background: url(images/bg_page.jpg) no-repeat top center;}
#footer {
  width: 990px;
  border-top: #cccccc solid 3px;
	height: 140px;
}
	#footer_1, #footer_2 {
		float: left;
		width: 220px;
		height: 130px;
		border-right: #ccc 1px solid;
	}
	#footer_3 {
		float: left;
		width: 330px;
		height: 130px;
		border-right: #ccc 1px solid;
	}
	#footer_4{
		float: left;
		width: 215px;
		height: 130px;
	}
	.footer_support_title {
		font-size: 12px;
		font-weight: bolder;
		padding: 4px 0 4px 16px;
	}
	#footer_support_link {
		padding: 5px 10px 20px 20px;
		font-size: 11px;
	}
	#footer_support_link a {
		display: block;
		color: #666666;
		text-decoration: none;
		background-image: url("images/arr_grey.gif");
		background-repeat: no-repeat;
		line-height: 16px;
		padding-left: 10px;
	}

	#footer_support_link a:hover {
		color: #333333;
		background-color: #efefef;
	}
	
#brands p {
	width: 990px;
	font-size: 11px;
}
/* default.php */
.block-content {width: 245px; padding-right: 5px; float: left;}
.block-content h3 {border-bottom: 1px solid #ddd; margin-bottom: 4px; height: 20px;}
.block-content .content {clear: both;}
.block-content .divimg {float: left; width: 61px;}
.block-content .divcont {border-left: 1px solid #ddd; float: left; width: 178px; padding-left: 4px;}
.block-content .price {color: red; font-weight: bold;}

/* Clearfix */
.clear	{
	clear:both;
	height: 5px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix  {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

FORM {
 display: inline;
}