#main {        
    
}

/* ============ Header  ==============*/
/* make 100% width */
#header {
    width: auto;
    background: #E8E8E8;
    height: 120px;    
}
/* move to center with 20px + 940px + 20px = 820px*/
#header_main {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;                
    background: #ffffff;            
    height: 120px;
}
/* position a shadow image to the left relative to #header_main */
#header_left {                
    position: absolute;
    top: 0px;
    left: 0px;
    background: #E8E8E8 url(../images/layout/header_left.gif) repeat-y right;
    width: 10px;
    height: 120px;
}
/* move to center with 940px*/
#header_center {            
    width: 940px;
    margin-left: auto;
    margin-right: auto;        
}
#logo {
    padding: 20px 10px 10px 10px;        
}
/* position a shadow image to the right relative to #header_main */
#header_right {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #E8E8E8 url(../images/layout/header_right.gif) repeat-y left;    
    width: 10px;
    height: 120px;
}
/* move to bottom-center  relative to #header_main*/
#header_bottom {                
    position: absolute;    
    left: 10px;    
    bottom:0px;
    width: 940px;
    height: 4px;            
    margin-left: auto;
    margin-right: auto;        
    background: url(../images/layout/header_bottom.gif) repeat-x bottom;            
}


/* ============ Navbar  ==============*/
/* make 100% width */
#navbar {
    width: auto;
    background: #DCDCDC;
    height: 37px;    
}
/* move to center with 10px + 940px + 10px = 960px*/
#navbar_main {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;                
    background: #ffffff;            
    height: 37px;
}
/* position a shadow image to the left relative to #header_main */
#navbar_left {                
    position: absolute;
    top: 0px;
    left: 0px;
    background: #DCDCDC url(../images/layout/navbar_left.gif) repeat-y right;
    width: 10px;
    height: 37px;
}
/* move to center with 940px*/
#navbar_center {            
    width: 940px;
    margin-left: auto;
    margin-right: auto;        
    height: 37px;
    background: #DCDCDC url(../images/layout/navbar_bg.gif) repeat-x;        
}
/* position a shadow image to the right relative to #header_main */
#navbar_right {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #DCDCDC url(../images/layout/navbar_right.gif) repeat-y left;    
    width: 10px;
    height: 37px;
}


/*=======Navbar Button=======*/
div.nav_w_button {         
    float: left;
    position: relative;        
    top: 0px;
    left: 0px;
    height: 37px;     
    background: url(../images/layout/navbtn_w_bg.gif) repeat-x;                
    margin-left: 3px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

div.nav_w_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 37px;
    background: url(../images/layout/navbtn_w_left.gif) no-repeat;            
}
div.nav_w_bg{    
    width: auto;    
    padding: 15px 12px 0px 14px;
    text-align: center;    
}
div.nav_w_right{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 9px;
    height: 37px;
    background: url(../images/layout/navbtn_w_right.gif) no-repeat right;            
}

div.nav_button {         
    float: left;
    position: relative;        
    top: 0px;
    left: 0px;
    height: 37px;         
    margin-left: 10px;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;    
}
div.nav_button  a{         
    color: #000000;
}
div.nav_button  a:hover{         
    color: #000000;
}
div.nav_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 9px;
    height: 37px;    
}
div.nav_bg{    
    width: auto;    
    padding: 12px 9px 0px 9px;
    text-align: center;
}
div.nav_right{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 9px;
    height: 37px;    
}

div.nav_b_button {         
    float: left;
    position: relative;        
    top: 0px;
    left: 0px;
    height: 37px;     
    background: #343434 url(../images/layout/navbtn_b_bg.gif) repeat-x;                
    margin-left: 10px;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;    
}
div.nav_b_button  a{         
    color: #ffffff;
}
div.nav_b_button  a:hover{         
    color: #ffffff;
}
div.nav_b_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 9px;
    height: 37px;
    background: url(../images/layout/navbtn_b_left.gif) no-repeat;            
}
div.nav_b_bg{    
    width: auto;    
    padding: 13px 9px 0px 9px;
    text-align: center;
}
div.nav_b_right{
    position: absolute;
    top: 0px;
    right: -1px;
    width: 9px;
    height: 37px;
    background: url(../images/layout/navbtn_b_right.gif) no-repeat right;            
}



/* ============ Content  ==============*/
/* make 100% width */
#content {
    width: auto;
    background: #F5F3F3;    
}
#content_main {
    position: relative;
    width: 957px;
    margin-left: auto;
    margin-right: auto;                
    background: #ffffff;            
    height: 100%;    
    background: #ffffff url(../images/layout/content_left.gif) repeat-y;
}
#content_main_2 {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;        
    height: 100%;    
    background: url(../images/layout/content_right.gif) repeat-y right;
}

/* move to center with 940px*/
#content_center {        
    width: 940px;
    margin-left: auto;
    margin-right: auto;            
}
#content_left {                    
    float: left;
    height: 400px;
    width: 10px;
}
#content_center_padding {        
    float: left;
    width: 910px;
    margin-left: auto;
    margin-right: auto;            
    padding: 15px 0px 20px 0px;    
    height: 100%;
}
#content_right {                    
    clear: both;        
}


/* ============ Footer  ==============*/
/* make 100% width */
#footer {
    width: auto;
    background: #E8E8E8;
    height: 80px;        
    color: #ffffff;    
    font-size: 11px;
}
#footer_main {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;                
    background: #323232;            
    height: 100%;
}
/* position a shadow image to the left relative to #footer_main */
#footer_left {                
    position: absolute;
    top: 0px;
    left: 0px;
    background: #E8E8E8 url(../images/layout/header_left.gif) repeat-y right;
    width: 10px;
    height: 100%;
}
/* move to center with 940px*/
#footer_center {            
    width: 940px;
    margin-left: auto;
    margin-right: auto;        
    text-align: center;
    padding-top: 5px;    
}

#footer_center a{
	color: #ffffff;
}

/* position a shadow image to the right relative to #footer_main */
#footer_right {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #E8E8E8 url(../images/layout/header_right.gif) repeat-y left;    
    width: 10px;
    height: 100%;
}


#footer_bottom {    
    clear: both;    
    width: 960px;
    margin: 0px auto 0px auto;
    background: #323232;            
    height: 8px;        
}
/* position a shadow image to the left relative to #footer_main */
#footer_bottom_left {                
    float: left;
    background: #E8E8E8 url(../images/layout/footer_bottom_left.gif) no-repeat right top;
    width: 10px;
    height: 8px;
}

/* position a shadow image to the right relative to #footer_main */
#footer_bottom_right {
    float: right;
    background: #E8E8E8 url(../images/layout/footer_bottom_right.gif) no-repeat left top;    
    width: 10px;
    height: 8px;
}

#msg_box {

}
#err_box {
    display: none;
    width: 400px;
    clear: both;
    text-align: center;
    padding: 10px;
    margin: 20px auto 20px auto;
    background: #FFF3F0;
    border: 1px solid #FF3803;
    color: #FF3000;
    font-weight:bold;
}

.err{
clear: both;
color: #FF3000;
padding-bottom:10px;
font-size: 12px;
}


/* ======Index.php =======*/
#welcome {
    float: left;
    padding-bottom: 10px;
}
#welcome_icon {
    float: left;
    width: 70px;
}
#welcome_text {
    float: left;
    width: 820px;
}

#center_info {
    width: 880px;
    clear: both;    
    position: relative;
    margin: 0px auto;
}
#badge {    
    position: absolute;
    top: -30px;
    right: -10px;
    width: 88px;
    height: 89px;
}


/* =====Round Box======= */
div.y_roundbox {
    width: 100%;        
    position: relative;    
}
div.y_roundbox_tl {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/box/y_roundbox_tl.gif) no-repeat top left;
    width: 11px;
    height: 11px;        
}
div.y_roundbox_tr {
    position: absolute;
    top:0px;
    right:0px;
    background: url(../images/box/y_roundbox_tr.gif) no-repeat top right;
    width: 11px;
    height: 11px;    
}
div.y_roundbox_content {
    padding: 10px;
    background: #FFF3CF;
    border: 1px solid #FFDA6B;
    margin-bottom: 0px;
}
div.y_roundbox_bl {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(../images/box/y_roundbox_bl.gif) no-repeat bottom left;
    width: 11px;
    height: 11px;
}
div.y_roundbox_br {
    position: absolute;
    bottom:0px;
    right:0px;
    background: url(../images/box/y_roundbox_br.gif) no-repeat bottom right;
    width: 11px;
    height: 11px;
}
div.clear_both{
    clear:both;
}


/* ============= order.php =====================*/
#formbox {
    width: 500px;
    margin-left: auto;
    margin-right: auto;        
}

div.formbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
}

div.formbox_main{
    width: 100%;
    background: #FFF9E5;
    border: 1px solid #FFECB2;
    padding: 10px;
}
div.formbox_left{
    clear:left;
    float:left;
    width:30%;
    height: 30px;
}
div.formbox_right{
    clear: right;
    float:left;
    width:70%;
}
/* View Order.php   */
.view_order
{
    width:100%;
    float:center;
}
.view_order_header{
    width:25%;
    float:left;
	background: #eeeeee;
	padding: 5px 0px;	
}
.view_order_content{
    width:25%;
    float:left;	
	padding: 5px 0px;	
	border-bottom: 1px solid #eeeeee;
}
/*   Download.php   */
.view_image
{
    width:170px;
    height:210px;
    float:left;
}
.view_image1
{   height:210px;
    width:170px;
    border:1px solid;

}
.image_header
{

    width:150px;
    padding:2px;
    float:left;

}