@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}

#col-one{
	width: 225px;
	height: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-radius: 10px;
	margin-left: 7px;
  background: #f3974a;
	
	box-shadow: 3px 0px 10px 2px #666;
}
#col-oneone{
	width: 225px;
	height: 300px;
	float: left;
	margin-bottom:5px;
        
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom:5px;
	padding-left: 0px;
	border-radius: 10px;
	margin-left: 7px;
  background: #f3974a;
	
	box-shadow: 3px 0px 10px 2px #666;
	
	
}

#col-oneone font{
color:#000;
font-weight:bold;

padding-top:5px;

}


.news-box{
	margin-top:2px;
}

.date{
	display: block;
	width: 97px;
	height: 97px;
	float: left;
	text-align: center;
	font-family: verdana, helvetica, sans-serif;
	color: #b4b4b4;
	font-size: 14px;
	line-height: 20px;
	background-image:none;
	background-repeat: no-repeat;
	margin-left: 9px;
	padding: 0px;
}

.news-post{
	display: block;
	width: 100px;
	height: auto;
	float: left;
	padding-top: 2px;
	margin-left: 2px;
	
	margin-top: auto;
}

.news-head{
	font-family: verdana, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	font-weight: bolder;
	float: none;
	padding: 0px;
	
}

.news-head:hover{
	text-decoration:underline;
}

.news-det{
	font-family: verdana, helvetica, sans-serif;
	color: #FFFF00;
	font-size: 14px;
	margin-top: 15px;
	font-weight: bold;
}

.clear{
	clear:both;
}


.box{
	float: left;
	display: block;
	width: 175px;
	height: 163px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: 15px;
	background-image):none;
	background-repeat: no-repeat;
}

 #menu_bar ul {list-style: none;padding: 3px;margin: 0px;}
  #menu_bar ul li {display: block;position: relative;float: left}
  #menu_bar li ul {display: none;}
  #menu_bar ul li a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 30px;
}
  #menu_bar ul li a:hover {
	background: #2f2f2f;
	color: #FFF;
}
  #menu_bar li:hover ul {display: block; position: absolute;}
  #menu_bar li:hover li {float: none;}
  #menu_bar li:hover a {
	background-color: #2f2f2f;
	color: #FFF;
}
  #menu_bar li:hover li a:hover {background: #000;}
  #drop-nav li ul li {border-top: 0px;}

  

#wrapper {
  background: -webkit-linear-gradient(#f3974a, #f3974a);
  background:    -moz-linear-gradient(#f3974a, #f3974a);
  background:     -ms-linear-gradient(#f3974a1, #f3974a);
  background:      -o-linear-gradient(#f3974a, #f3974a);
  background:         linear-gradient(#f3974a, #f3974a);
  height:auto;
  
}
#wrapper #header {
	height: 84px;
	width: 990px;
	margin: auto;
        padding:10px;
	position: relative;	
	
}
#wrapper #left_bar {
	width: 1366px;
}


#wrapper #footer_container {
	background-color: rgb(255,0,0);
	width:100%;
	height:284px;
		clear:both;
}
#wrapper #main_content {
	background-image: none;
	background-repeat: no-repeat;
	clear: both;
	margin: auto;
	height: auto;
	width: 969px;
	z-index: 10;
	background-color:#FFFFFF;

}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #left_col {
	background-color: rgb(255,255,0);
	float: left;
	height: 500px;
	width: 213px;
}
#wrapper #main_content #right_bar {
	width: auto;
	height:auto;
	float: right;
	margin-top:55px;
	background-color:#FFFFFF;
	
}
#wrapper #menu_bar {
	height: 54px;
	width: 989px;
	background-image: url(../images/menu_Bar_bg.PNG);
	background-repeat: no-repeat;
	z-index: 1;
	position:relative;
}
#wrapper #main_content #left_bar #categories {
	height: 172px;
	width: 224px;
	margin-right: auto;
	margin-left: auto;
	background-image:none;
	background-repeat: no-repeat;
}
#wrapper #main_content #left_bar #product {
	background-image:none;
	background-repeat: no-repeat;
	height: 382px;
	width: 225px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 220px;
}
#wrapper #main_content #left_bar {
	height: 1206px;
	width: 241px;
	margin-top: 79px;
}
#wrapper #main_content #right_bar #banner {
	background-image: none;
	height: auto;
	width: 701px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #main_content #right_bar #text_intro {
	height: auto;
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	margin-top: 40px;
}
#wrapper #main_content #right_bar #clear {
	clear: both;
}
#wrapper #main_content #right_bar #text_intro p {
	text-align: justify;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
#wrapper #main_content #right_bar #text_intro h1{
	font-size:24px;
	
}

#wrapper #main_content #right_bar #main_product {
	height:auto;
	width: 683px;
	margin-right: auto;
	margin-left: auto;
	background-image: none;
	background-repeat: no-repeat;
	margin-top: 40px;
}
#wrapper #main_content #left_bar #product #left_product {
	background-image: url(../images/left_product.png);
	background-repeat: no-repeat;
	float: left;
	height: 97px;
	width: 97px;
	margin-top: 34px;
	margin-left: 20px;
}
#wrapper #main_content #right_bar #main_product #column1 {
	float: left;
	height: 290px;
	width: 220px;
	background-image: url(../images/product_bg_PNG.png);
	background-repeat: no-repeat;
}
#wrapper #main_content #right_bar #main_product #column2 {
	float: left;
	height: 290px;
	width: 220px;
	margin-left: 6px;
	background-image: url(../images/product_bg_PNG.png);
	background-repeat: no-repeat;
}
#wrapper #main_content #right_bar #main_product #column3 {
	float: left;
	height: 290px;
	width: 220px;
	margin-left: 6px;
	background-image: url(../images/product_bg_PNG.png);
	background-repeat: no-repeat;
}
.product_img {
	height: 163px;
	width: 175px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #main_content #right_bar #main_product #column1 .product_text {
	float: left;
	margin-left: 20px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	overflow:hidden;
}
#wrapper #main_content #right_bar #main_product #column1 .zoom_button {
	
	float: right;
	height: 31px;
	width: 30px;
	margin-right: 15px;
	margin-top: 10px;
}
#wrapper #main_content #right_bar #main_product #column1 #detail_button {
	
	height: 31px;
	width: 102px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 250px;
	background-position: center center;
}
#wrapper #main_content #left_bar #product #left_product_text {
	height: 38px;
	width: 93px;
	margin-left: 120px;
	margin-top: 38px;
}
#wrapper #home_footer_container {
	clear: both;
	margin: 0px;
}
#wrapper #main_content #left_bar #price_product {
	background-color: #0F0;
	margin-top: 200px;
}
#wrapper #main_content #col_no_one {
	float: left;
	height: auto;
	width: 213px;
	margin-top: 55px;
	
}
#wrapper #home_footer_container .bottom_menu {
	display: block;
	width: 100%;
	text-align: center;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #f1fda7;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrapper #home_footer_container .bottom_menu a{
	text-decoration:none;
	color:#FFFFFF;
}	


#wrapper #home_footer_container #copyright {
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(255,255,255);
	text-align: center;
	display: block;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* http://www.menucool.com */

#sliderFrame 
{
    position:relative;
    width:700px;
    margin: 0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:700px;height:306px;/* Must be the same size as the slider images */
}

#slider {
	background:#fff url(../1/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(../1/video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
    top:320px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(../1/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(../1/loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
/* For generic page styles. Not for sliders. */


h2 {display:inline;}
.div1, .div2 {width:700px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto; 
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #right_bar #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #clear {
	clear: both;
}
#wrapper #main_content #right_bar #clear {
	clear: both;
}
#wrapper #main_content #right_bar #main_product #clear {
	clear: both;
}