/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic HTML, Non-essential
----------------------------------------------------------------------*/
body
{
	font-size: 12px;
	color: black;
	font-family: Arial, Sans-Serif, Serif, Tahoma;
	font-variant: normal;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	letter-spacing: normal;
	background-color:#ffffff;
	text-align: justify;
	border-bottom-style: none;
	
}

/* Basics and Typography */

h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #666666; 
} 
 h3 {
	margin-top:15px;
	padding-left:5px;
	padding-top:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec no-repeat left;}

h2 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
hr
{
	width:755px;
	color:#78017f;
	}


/* Custom
----------------------------------------------------------------------*/
.clear-all{clear:both; height:0; line-height:0;}
#container
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0.5%;
	width: 1010px;
	background:url(img/bg_body.jpg) repeat-y;
	
	}
#header
{
	width:1005px !important;
	width: 80% ;
	background:url(img/bg_header.png) no-repeat top;
	
}
#header_bg {
	
	padding-left:22px !important;
	padding-left:16px;
	padding-top:22px;
	padding-right:0px;
	margin-bottom:-3px;
	left:2px !important;
	left:8px;
	
	/*background:url(img/head_bar.gif) no-repeat;*/
	position:relative;
	width:990px;
	height:50px;  
}
.top_menu
{
	float:right;
	width:25%;
	}
#footer
{	
	margin-left:auto;
	margin-right:auto;
	padding-left:22px !important;
	padding-left:16px;
	padding-right:0px;
	margin-bottom:-3px;
	background:url(img/bg_footer.png) no-repeat;
	}
#footer1
{	
	margin-left:auto;
	margin-right:auto;
	padding-left:22px !important;
	padding-left:16px;
	padding-right:0px;
	margin-bottom:-3px;
	background:url(img/bg_footer1.png) no-repeat;
	}
#footer_content
{
	
	padding-left:0px;
	padding-right:0px;
	padding-bottom:22px;
	position:relative;
	width:990px;
	text-align:center;
	left:5px;
	}
.nav_bottom
{
    padding-top:9px;
	color:#acaaaa;
	position:relative;
	width:950px;clear:both;
	
	}
*:first-child+html .logo /* <-- for ie7 */
{
	padding-top:2px;
	padding-left:3px !important;
	width: 100px;
	height:150px;
}

.logo
{
	padding-top:2px !important;
	padding-top:0px;
	padding-left:35px !important;
	padding-left:0px;
	width: 100px;
	height:150px;
}
   

/* common styling */
.menu {font-family: arial, sans-serif; width:180px; position:relative; margin-left:24px; margin-bottom:5px; float:left; padding:0 0 15px 5px; font-size:12px; background-color:#dfdbec; text-align:center;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#78017f; font-weight:bold; width:180px; height:30px; text-align:center; border:1px solid #fff; border-width:0 1px 1px 0; background:#dfdbec; line-height:29px; font-size:12px;}
.menu ul {padding:0; margin-top:0; margin-left:0; list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#78017f; background:#c9bdda;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:181px; width:180px;}
.menu ul li:hover ul li a.hide {background:#c9bdda; color:#fb964c;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c9bdda; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#navCircle {
        position:absolute; 
		right:50px; 
		top:35px; 
		width:180px; 
		height:0px;
		background: #ffffff;
		margin:0px !important;
		padding: 0 0 20px 10px !important;
		padding: 0 0 0 0;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #78017f;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #fb964c;
        background: url(img/circle.gif) no-repeat bottom center;
}

#content
{
	width:755px ;
	padding-right:15px !important;
	padding-right:5px;
	padding-left:5px;
	margin-left:5px;
	padding-top:10px;
	border-bottom:none;
	float:left;
	}
#content_ad
{
	float:left;
	clear:both;
	width:755px;
	border:1px solid #ccc;
	
	}
#content_ad h2
{
	margin: 0.5em 0;
	padding-left:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec url(img/green/arrow-downright.gif) no-repeat left;
    text-indent:20px;
    margin-top:0px;
}
.content_adlink
{
	float:right; right:10px; bottom:10px; width:150px; height:30px; background:#ffffff;
	}
.content_adlink a
{
	text-decoration:none;
	color:#fb964c;
	}

#content_NG
{
	float:right;
	clear:both;
	width:100%;
	}
#content_order
{
	float:left;
	clear:both;
	width:755px;
	padding-top:0px;
	margin-top:0px;
	
	}
.status
{
    width:500px;
    height:70px;
    float:left;
    padding:0px;
    clear:both;
    margin-left:0px;
    
    }
#order_form
{
    width:750;
    float:none;
    padding:3px;
    clear:both;
    margin:2px;
    border:1px solid #ccc;
    }
#order_form h4
{
    margin: 0.5em 0;
	padding-left:5px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	text-decoration:underline;
    text-indent:20px;
    }
#order_form blockquote
{
    margin:3px 20px 3px 20px ;
	padding-left:5px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000; 
	text-decoration:none;
    text-indent:20px;
    width:700px;
    border:#ccc solid 1px;
    }
 .box_center
{
    margin:3px 20px 3px 100px ;
	padding-left:5px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000; 
	text-decoration:none;
    text-align:center;
    width:700px;
    border:solid 1px #ccc;
    
    }

#content_news
{
	margin-top:1px;
	float:left;
	width:370px;
	margin-right:5px;
	padding-right:2px;
	border:1px solid #ccc;
	padding-top:0px;
	clear:left ;
	}
#content_news h2
{
	margin: 0.5em 0;
	padding-left:5px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec url(img/green/quote.gif) no-repeat left;
    text-indent:20px;
	}
ul.content_news{
list-style-type:none;
margin:0;
padding:10px;
}
.content_news li{
background:url(img/green/quote.gif) no-repeat left;
text-indent:30px;
border-bottom:#dfdbec dashed 1px;
line-height:20px;
}
.content_news li a{
width:100%;
height:100%;
display: block;
text-decoration:none;
line-height:20px;
}
.content_news li a:hover{
background:#dfdbec url(img/green/quote.gif) no-repeat left;
line-height:20px;
}
#content_greeting
{
	margin-top:1px;
	float:left;
	width:370px;
	padding-left:3px;
	border:1px solid #ccc;
	clear:right;
	}
#content_greeting h2
{
    margin: 0.5em 0;
	padding-left:5px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec url(img/green/bulb.gif) no-repeat left;
    text-indent:20px;
    }
#content_greeting h3
{
    width:103px;
    height:128px;
    float:left;
    position:relative;
    clear:left;
    background:url(img/doctor.jpg) no-repeat left 0;
    }
 #content_greeting span
 {
    width:250px;
    float:left;
    margin:3px;
    position:relative;
    clear:right;
    padding-top:7px;
    display:block;
    font-size:14px;
    font-stretch:expanded;
  
    }
.content_banner
{
	margin:5 5 0 5px;
	padding-top:20px !important;
	width:180px;
	float:none;
	clear:both;
	}
#content_footer{}

#horizon
{
	float:left;
	clear:both;
	width:755px;
	margin:0 5 0 5px;
	}
#frame_ad{}
#frame_item{}
.more_bt
{
	background:url(img/green/grow.gif) right no-repeat;
	float:right; padding-right:3px; margin-right:10px; bottom:10px; width:75px; line-height:30px; 
	}
.more_bt a
{
	text-decoration:none;
	font-weight:bold;
	}
.more_bt a:hover
{
	text-decoration:none;
	color:#fb964c;
	font-weight:bold;
	}
.swith_lang
{
	margin:5 5 0 5px;
	padding-top:20px !important;
	width:180px;
	float:none;
	clear:both;
	}
.member_head
{
	float:right;
	clear:both;
	width:250px;
	background:#dfdbec url(img/green/user.gif) no-repeat left;
	text-indent:30px;
	}


.cont_img
{
	width:300px;
	height:200px;
	float:left;
	clear:right;
	margin-top:5px;
	
	}
.cont_para
{
	width:446px;
	float:left;
	clear:right;
	margin:5px 2px 5px 2px;
	line-height:18px;
	}
.cont_para h4
{
	color:#78107f;
	margin-left:3px;
	}
.cont_para span
{
	width:440px;
    float:left;
    margin:1px 3px 3px 3px;
    position:relative;
    clear:both;
    padding-top:2px;
    display:block;
    font-size:12px;
    font-stretch:expanded;
	}
.cont_list
{
	float:left;
	clear:right;
	width:150;
	}
.cont_list li 
{
	display:block;
	margin: 0;
    padding: 0;
     list-style-type: none;border-bottom:dashed 1px #ccc;
	}
.cont_list a:link, .cont_list a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #78017f;
}

.cont_list a:link.active, .cont_list a:visited.active, .cont_list a:hover {
        color: #fb964c;
       
}
.cont_para2
{
	width:750px;
	float:left;
	clear:right;
	margin:5px 2px 5px 2px;
	line-height:18px;
	}

.cont_para2 h4
{
	color:#78107f;
	margin-left:3px;
	}
.cont_para span2
{
	width:690px;
    float:left;
    margin:1px 3px 3px 3px;
    position:relative;
    clear:both;
    padding-top:2px;
    display:block;
    font-size:12px;
    font-stretch:expanded;
	}
.product product_cont3
{
	width:750px;
	float:left;
	clear:both;
	margin:5px 2px 5px 2px;
	line-height:18px;
	overflow:hidden;
	}
.product_panel
{
	width:754px;
	float:left;
	clear:right;
	margin-top:1px;
	clear:left;
	}
.product_col1
{
	width:250px;
	float:left;
	clear:right;
	margin-left:80px;
	margin-right:50px;
	}
.product_col2
{
	width:250px;
	float:left;
	clear:right;
	margin-left:0px;
	margin-right:80px;
	}
.product_frame
{
	border:solid 2px #ccc;
	width:250px;
	height:138px;
	float:left;
	clear:right;
	margin:20px;
	padding:2px;	
	}
.product_frame img
{
	float:left;
	clear:right;
	width:100px;
	height:128px;
	margin:5px;
	}
/* order*/
.status_bar
{
    width:930px;
    float:left;
    clear:both;
    
    }
.order_status
{
    width:745px;
    float:left;
    clear:left;
    }
 .member_status
 {
    width:175px;
    height:60px;
    border:solid 1px #ccc;
    float:right;
    clear:right;  
    padding:5px;
    
     }
 .order_panel
 {
     width:930px;
     float:left;
     clear:both;
     border:solid 1px #ccc;
     font-size:larger;
     line-height:20px;
     }
 .order_panel h4
 {
	margin-top:15px;
	padding-left:5px;
	padding-top:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec no-repeat left;
}
.order_panel_innerL
{
	width:275px;
	float:left;
	clear:right;
	border-right:dotted 1px #ccc;
	margin:0px;
	}	
.order_panel_innerR
{
	width:800px;
	float:left;
	clear:both;
	margin-left:60px;
	
	}
.order_panel_innerR h5
{
	margin-top:0px;
	padding-left:5px;
	padding-top:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec no-repeat left;
	}
.order_panel_innerR label
{
	font-size:small;
	font-weight:bolder;
	}
.order_panel_innerRX
{
	width:800px;
	float:left;
	clear:both;
	}
.order_panel_innerRX h5
{
	margin-top:0px;
	padding-top:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666; 
	background:#dfdbec no-repeat left;
	}
.order_panel_innerRX label
{
	font-size:small;
	font-weight:bolder;
	}
.inner_formL
{
	width:250px;
	float:left;
	clear:right;
	padding-right:10px;
	margin-left:30px;
	text-align:right;
	}
.inner_formR
{
	width:500px;
	float:left;
	clear:right;
	padding-left:3px;

	}
.inner_formLSum
{
	width:350px;
	float:left;
	clear:right;
	padding-right:10px;
	margin-left:15px;	
	}
.inner_formRSum
{
	width:350px;
	float:left;
	clear:right;
	padding-left:3px;
	}
.inner_form
{
	width:554px;
	float:left;
	clear:right;
	padding:3px;
	margin-left:75px;
	}
.order_product_frame
{
	border:solid 1px #ccc;
	width:282px;
	height:130px;
	float:left;
	clear:right;
	margin:5px;
	padding:2px;
	}
.order_product_img
{
	width:100px;
	height:128px;
	float:left;
	clear:right;
	}
.order_product_detail
{
	float:left;
	clear:right;
	width:180px;
	height:128px;
	margin-left:3px;
	}
.modal
{
	background:gray;
	filter: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=50,finishOpacity=50,startX=0,finishX=100,startY=100,finishY=0); 
}
.modal_panel 
{
	width:300px;
	border:solid 1px #dfdbec;
	padding:0px;
	}
.modal_panel h5
{
	margin-top:0px;
	padding-top:0px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000; 
	background:#dfdbec no-repeat left;
	line-height:23px;
	text-indent:10px;
	}
.modal_panel label
{
	font-size:small;
	font-weight:bolder;
	}
.modal_panel div
{
	 margin:5px;
	 display:block;
	}
.box_centerHead
{
	width:500px;
	margin-top:150px;
	margin-bottom:0px;
	margin-right:150px;
	margin-left:225px;
	}
.box_center
{
	width:500px;
	height:300px;
	margin-top:0px;
	margin-bottom:150px;
	margin-right:150px;
	margin-left:225px;
	padding:0px;
	border:solid #ccc 1px;
	}
.box_centerL
{
	width:120px;
	height:295px;
	margin:0px;
	padding-top:5px;
	float:left;
	clear:right;
	background-color:#dfdbec;
	}
.box_centerR
{
	width:340px;
	height:295px;
	float:left;
	clear:right;
	margin-top:100px;
	
	}
table
{
	 border:#dfdbec solid 1px;
	 width:755px;
	
	}
table td
{
	/*width:450px;*/
	/*font-weight:bold;*/
	padding-right:10px;
	
	}

.box_apply
{
	width:750px;
	border:solid #ccc 1px;
	margin-left:0px;
	}
.box_applyInner
{
    width:200px;
    float:left;
    clear:left;
    margin:0px;
    padding:10px;
    line-height:30px;
     
    }
 .box_applyInnerR
{
    width:500px;
    float:left;
    clear:right;
    margin:0px;
    padding:10px;
    line-height:30px;
    }
.box_applyHead
{
    width:730px;
    background:#dfdbec;
    height:20px;
    padding-left:20px;
    color:#7f0b84;
    font-weight:bold;
    padding-top:5px;
    clear:both;
    }

.appForm
{
	padding-left:50px;
	padding-top:5px;
	line-height:25px;
	font-weight:bolder;
	}