/*******************************************************************
    main-body
 */
#main-body 
{	
	
}

/*******************************************************************
    main-body >> head-page
 */
#main-body #head-page 
{	
    overflow: hidden;
    height: 90px;
    padding-top: 5px;
}

#head-page #header
{	
	background: transparent url(../images/header-bg.jpg) no-repeat left top;
	margin: 0 auto;
	width: 1000px;
	height: 90px;	
	position: relative;	
}

#head-page #header .nava-logo
{
	background: transparent url(../images/logo.png) no-repeat left top;
	position: absolute;
	left: 47px;
	top: 18px;	
	height: 50px;	
	width: 215px;
	cursor: pointer;
	overflow: hidden;
}

#header .main-box
{
	width: 697px;
	height: 84px;
	float: right;
	overflow: hidden;
}

#header .main-box .left
{
	padding-left: 9px;
	width: 499px;
	overflow: hidden;
	float: left;
}

#header .main-box .search
{	
	padding-top: 11px;	
	width: 499px;
	height: 31px;
	overflow: hidden;
}

#header .main-box .search .body
{	
	background-color: #fff;
	width: 248px;
	height: 18px;
	overflow: hidden;
	padding: 1px 0;
	float: left;
}

#header .main-box .search label
{
	color: #51b848;
	float: left;
	font-weight: bold;
	line-height: 18px;
	width: 70px;
}

#header .main-box .search .input
{
	background: #fff url(../images/search-icon-bg.jpg) no-repeat 229px center;
	margin-top: 1px;
	padding: 0 2px 1px 2px;
	width: 244px;	
	border: 0 none;
}

#header .main-box .search .button
{	
	width: 52px;
	overflow: hidden;
	float: left;
	padding-left: 5px;
}

#header .main-box .search .button img
{
	cursor: pointer;
}

#header .main-box .top-menu-bar
{
	width: 499px;
	padding-top: 10px;
	overflow: hidden;
}

#header .main-box .top-menu-bar ul 
{	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#header .main-box .top-menu-bar ul li 
{
	float: left;
	margin: 0;
	padding: 0;
}

#header .main-box .top-menu-bar ul li a 
{
	background: transparent url(../images/top-menu-seperator.jpg) no-repeat bottom right;
	color: #aaaaaa;
	font-weight: bold;
	display: block;
	float: left;
	margin: 0;
	padding: 7px 12px;
	text-decoration: none;
}

#header .main-box .top-menu-bar ul li a.last
{
	background: transparent none;	
}

#header .main-box .top-menu-bar ul li a:hover 
{
	background: #51b848 url(../images/top-menu-hover.jpg) no-repeat bottom center;
	color: #fff;
	padding-bottom: 7px;
}

#header .main-box .top-menu-bar ul li a.active 
{
	background: #51b848 url(../images/top-menu-hover.jpg) no-repeat bottom center;
	color: #fff;
	padding-bottom: 7px;
}

#header .main-box .shopping-cart
{
	padding-top: 6px;
	width: 155px;
	height: 80px;
	float: left;
}

#header .main-box .shopping-cart img
{
	cursor: pointer;
}

/*******************************************************************
    main-body >> foot-page
 */
#main-body #foot-page 
{
    overflow: hidden;
    border-top: 1px solid #4b4b48;
    background-color: #040404;
}

#main-body #foot-page .footer
{
    margin: 0 auto;
    width: 1000px;
    height: 60px;
    padding-top: 3px;
    overflow: hidden;
}

#main-body #foot-page .footer .logo
{
    width: 100px;
    height: 36px;
    overflow: hidden;
    float: left;
    padding-top: 12px;
}

#main-body #foot-page .footer .logo a
{
	position: relative;
	top: 2px;
	left: 28px;
}

#main-body #foot-page .footer .address
{
    width: 500px;
    overflow: hidden;
    float: left;
}

#main-body #foot-page .footer  .address p
{
	color: #505050;
	font-size: 11px;
	padding-left: 10px;
}

#main-body #foot-page .footer .link 
{
    width: 355px;
    overflow: hidden;
    float: right;
    text-align: center;
    padding-top: 20px;
    padding-right: 40px;
}

#main-body #foot-page .footer  .link a 
{
	font-weight: bold;
}

/*******************************************************************
    main-body >> main-page
 */
#main-body #main-page 
{	
    
}

/*******************************************************************
    main-body >> main-page >> container
 */
#main-body #main-page #container 
{ 
	background-color: #fff;
	margin: 0 auto; 	
    width: 1000px;
    overflow: hidden;    
}

/*******************************************************************
    main-body >> main-page >> container >> main-col
 */
#container #main-col 
{
	width: 780px;
	float: right;	
	overflow: hidden;
	padding-right: 10px;
	padding-top: 7px;
}

#container .border
{
	width: 788px;
	border: 1px solid #c6c6c6;
}

/* main-col >> top-slideshow-box */
#main-col .top-slideshow-box 
{
	overflow: hidden;
	width: 780px;
	height: 250px;
	margin-bottom: 7px;
	position: relative;	
}

#main-col .top-slideshow-box .button-slide
{
	background: transparent url(../images/slideshow/slide-body.png) no-repeat top left;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 99;
	height: 25px;
	padding-left: 28px;
	width: 71px;
	display: none;
}

#main-col .top-slideshow-box .button-slide .prev
{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 9px;
	cursor: pointer;
	overflow: hidden;
}

#main-col .top-slideshow-box .button-slide .next
{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	right: 8px;
	cursor: pointer;
	overflow: hidden;
}

#main-col .top-slideshow-box .button-slide ul
{	
	overflow: hidden;
	height: 23px;
	top: 3px;
	left: 25px;
	list-style: none;
	position: absolute;
}

#main-col .top-slideshow-box .button-slide ul li
{
	float: left;
	margin-right: 5px;
	font-weight: bold;
	cursor: pointer;	
	overflow: hidden;
}

#main-col .top-slideshow-box .button-slide ul li.active
{
	color: #4B9721;
}

/* main-col >> top-product-new */
#main-col .top-product-new
{
	height: 265px;
	width: 780px;
	overflow: hidden;
	position: relative;
}

#main-col .top-product-new .left-box
{
	height: 265px;
	width: 250px;
	overflow: hidden;
	float: left;
}

#main-col .top-product-new .right-box
{
	background-color: #353535;
	height: 237px;
	width: 488px;
	overflow: hidden;
	float: right;
	padding: 10px 18px 18px 18px;
}

#main-col .top-product-new .right-box .summary-info h2
{
	padding-bottom: 5px;	
}

#main-col .top-product-new .right-box .summary-info h2 a
{
	color: #2f8b27;
	font-weight: bold;	
	font-size: 14px;	
}

#main-col .top-product-new .right-box .summary-info .description
{
	color: #aaa;	
	line-height: 22px;
}

#main-col .top-product-new .right-box .summary-info .price .off
{
	color: #aaa;	
}

#main-col .top-product-new .right-box .product-new
{
	background-color: #fff;
	width: 448px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	bottom: 18px;
	padding: 5px 20px 0 20px;
}

#main-col .top-product-new .right-box .product-new .item
{
	width: 74px;
	height: 79px;
	margin-right: 19px;
	float: left
}

#main-col .top-product-new .right-box .product-new .last
{	
	margin-right: 0px;
}

/* main-col >> showcase-group */
#main-col .showcase-group 
{		
	width: 780px;	
	overflow: hidden;
	padding: 0 0 5px 0;		
}

#main-col .showcase-group .clear
{
	width: 780px;
	clear: both;
	font-size: 0;
	height: 1px;
}

#main-col .showcase-group .showcase-bner
{
	padding: 5px 0 0 0;
	overflow: hidden;
	float: left;
}

#main-col .showcase-group .showcase
{		
	float: left;	
	overflow: hidden;
	width: 380px;
	padding-top: 8px;
}

#main-col .showcase-group .showcase-space
{
	margin-right: 20px;
}

#main-col .showcase-group .showcase .head-title
{			
	height: 29px;
	margin-bottom: 5px;
	overflow: hidden;
	width: 380px;
}

#main-col .showcase-group .showcase .content
{
	overflow: hidden;
	padding: 0 15px 0 15px;
}

#main-col .showcase-group .showcase .content .top-product
{				
	width: 350px;
	overflow: hidden;
}

#main-col .showcase-group .showcase .content .top-product .title
{				
	margin-bottom: 5px;
	overflow: hidden;	
	height: 22px;
}

#main-col .showcase-group .showcase .content .top-product .title a
{				
	color: #2f8b27;
	font-weight: bold;
	font-size: 14px;
}

#main-col .showcase-group .showcase .content .top-product .piture-col
{				
	float: left;
	height: 135px;	
	width: 128px;
}

#main-col .showcase-group .showcase .content .top-product .summary-col
{
	float: left;
	padding-left: 10px;
	width: 210px;
	height: 135px;
	overflow: hidden;
	position: relative;
}

#main-col .showcase-group .showcase .content .top-product .summary-col .price-bottom
{
	position: absolute;
	bottom: 8px;
}

#main-col .showcase-group .showcase .content .top-product .summary-col .description
{
	line-height: 18px;	
	color: #353535;
	font-size: 11px;
}

#main-col .showcase-group .showcase .content .relation-product
{				
	width: 350px;
	overflow: hidden;
}

#main-col .showcase-group .showcase .content .relation-product ul
{				
	list-style: none;
}

#main-col .showcase-group .showcase .content .relation-product ul li
{	
	background:transparent url(../images/showcase-bottom-line.jpg) repeat-x center bottom;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
}

#main-col .showcase-group .showcase .content .relation-product ul li h2
{	
	background: transparent url(../images/showcase-pointer.jpg) no-repeat center left;
	height: 28px;
	padding-left: 15px;
}

#main-col .showcase-group .showcase .content .relation-product ul li h2 a span.price
{	
	font-weight: bold;
	color: #2f8b27;
	padding-left: 0;
}

/* begin: product-grid */
#main-col .product-grid
{
	overflow: hidden;
}

#main-col .product-grid .item
{
	width: 170px;
	float: left;
	padding-right: 17px;
	overflow: hidden;
}

#main-col .product-grid .item h2
{
	padding-bottom: 4px;
	height: 36px;
}

#main-col .product-grid .item h2 .title
{
	font-weight: bold;
}

#main-col .product-grid .item .picture
{
	overflow: hidden;
}
/* end: product-grid */

/* begin: picture */
.picture-thumbnail
{
	width: 128px;
	height: 135px;	
	overflow: hidden;
}

.picture-thumbnail .top
{
	background: transparent url(../images/picture-120-shadow-top.jpg) no-repeat top left;
	width: 128px;
	height: 4px;
	overflow: hidden;
}

.picture-thumbnail .body
{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	width: 120px;
	height: 120px;
	padding: 0 3px;
}

.picture-thumbnail .bottom
{
	background: transparent url(../images/picture-120-shadow-bottom.jpg) no-repeat top left;
	width: 128px;
	height: 11px;
	overflow: hidden;
}

.picture-medium
{
	width: 248px;
	height: 265px;
	overflow: hidden;
}
/* medium */
.picture-medium .top
{
	background: transparent url(../images/picture-240-shadow-top.jpg) no-repeat top left;
	width: 248px;
	height: 3px;
	overflow: hidden;
}

.picture-medium .body
{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	width: 240px;
	height: 240px;
	padding: 0 3px;
}

.picture-medium .bottom
{
	background: transparent url(../images/picture-240-shadow-bottom.jpg) no-repeat top left;
	width: 248px;
	height: 22px;
	overflow: hidden;
}
/* small */
.picture-small .top
{
	background: transparent url(../images/picture-60-shadow-top.jpg) no-repeat top left;
	width: 74px;
	height: 3px;
	overflow: hidden;
}

.picture-small .body
{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	width: 60px;
	height: 64px;
	padding: 2px 6px 0 6px;
}

.picture-small .bottom
{
	background: transparent url(../images/picture-60-shadow-bottom.jpg) no-repeat top left;
	width: 74px;
	height: 5px;
	overflow: hidden;
}
/* end: picture */

/* begin: price */
#main-col ul.price
{
	list-style: none;
	padding-top: 3px;
}

#main-col ul.price li
{
	line-height: 15px;
	display: block;
}

#main-col .price-list
{
	list-style: none;
}

#main-col .price-list li
{
	text-align: right;
}

#main-col ul.price li label
{
	width: 55px;
	float: left;
	font-size: 11px;
}

#main-col ul.price li label.sell
{
	font-size: 12px;
}

#main-col ul.price li span
{
	font-size: 11px;
}

#main-col ul.price li span.off
{
	text-decoration: line-through;
}

#main-col ul.price li span.sell
{
	font-size: 14px;
	font-weight: bold;
	color: #4b9721;
}

#main-col ul.topproductnew li span.off
{
	font-size: 13px;
}

#main-col ul.topproductnew li span.sell
{
	font-size: 18px;
}

#main-col ul.price li span.detail
{
	font-size: 16px;
}
/* end: price */

/* main-col >> product-list */
#main-col #product-list
{
	width: 780px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#main-col #product-list .category
{
	font-weight: bold;
	font-size: 14px;
	color: #4B9721;
	margin-bottom: 10px;
}

#main-col #product-list .advertise
{
	overflow: hidden;
}

#main-col #product-list .products
{
	background: transparent url(../images/row-dot.jpg) repeat-x top left;
	width: 780px;
	margin-top: 10px;
	overflow: hidden;	
}

#main-col #product-list .products .row
{
	background: transparent url(../images/row-dot.jpg) repeat-x bottom left;
	width: 780px;
	overflow: hidden;
	padding: 10px 0;	
}

#main-col #product-list .products .row .piture-col 
{
	float: left;
	padding-left: 5px;
	width: 128px;
	height: 135px;
}

#main-col #product-list .products .row .summary-col-2
{
	float: left;
	padding-left: 15px;
	width: 375px;
}

#main-col #product-list .products .row .summary-col 
{
	float: left;
	padding-left: 15px;
	padding-right: 5px;
	width: 475px;
}

#main-col #product-list .products .row .summary-col h2 
{
	display: inline;
}

#main-col #product-list .products .row .summary-col .title
{
	font-size: 13px;
	font-weight: bold;
}

#main-col #product-list .products .row .summary-col .summary
{
	padding: 10px 0;
	font-size: 12px;
	text-align: justify;
}

#main-col #product-list .products .row .price-col-2
{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 190px;
}

#main-col #product-list .products .row .price-col 
{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 140px;
}

/* begin: button add cart */
#main-col .add-cart
{
	padding: 12px 0 5px 0;
}

#main-col .add-cart-right
{
	float: right;
}

#main-col .add-cart a 
{
	background: #fff url(../images/order-button-2.jpg) no-repeat left top;
	display: block;		
	overflow: hidden;
	width: 89px;
	height: 27px;
	text-decoration: none;
	text-align: center;
}

#main-col .empty-stock 
{	
	display: block;		
	overflow: hidden;
	width: 89px;
	height: 27px;	
	text-align: left;
}

#main-col .empty-stock span 
{	
    font-weight: bold;
    padding: 5px 0px;
    display: block; 
    color: #e16923;
}

#main-col .product-showroom 
{	
	display: block;		
	overflow: hidden;
	width: 140px;
	height: 27px;	
	text-align: left;
}

#main-col .product-showroom span 
{	
    font-weight: bold;
    padding: 5px 0px;
    display: block; 
    color: #e16923;
}

#main-col .add-cart a span 
{	
    font-weight: bold;
    padding: 5px 6px;
    display: block; 
    color: #fff;
}

#main-col .add-cart a .preorder 
{	
    padding: 5px 1px;
}

/* 1 */
#main-col .add-cart-1
{
	padding: 16px 0;
}

#main-col .add-cart-1 a 
{
	background: #fff url(../images/add-to-cart.jpg) no-repeat left top;
	display: block;		
	overflow: hidden;
	width: 180px;
	height: 33px;
}

#main-col .add-cart-1 a:hover 
{
    background: #fff url(../images/add-to-cart-hover.jpg) no-repeat left top;
    text-decoration: none;
}

#main-col .add-cart-1 a span 
{
	color: #000;
    font-weight: bold;
    padding: 8px 0 8px 55px;
    display: block; 
}
/* end: button add cart */

#main-col #product-list .pagination 
{
	text-align: right;
	overflow: hidden;
	width: 780px;
	padding: 10px 0 10px 0;
}

#main-col #product-list .pagination a,
#main-col #product-list .pagination span
{
	font-weight: bold;
}

#main-col #product-list .pagination img
{
	padding-bottom: 1px;
}

#main-col #product-list .pagination img
{
	padding-bottom: 1px;
}

#main-col #product-list .pagination .current-none {
	font-weight: bold;	
	color: #4B9721;
}

#main-col #product-list .pagination .current-combobox {    
	border: 1px solid #dcdcdc;
	color: #4B9721;
	font-size: 12px;
	padding: 1px;
	font-weight: bold;
}

#main-col #product-list .pagination .current-editbox {
	border: 1px solid #dcdcdc;	
	width: 25px;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: center;
	color: #4B9721;
	font-size: 12px;
}

/* main-col >> product-detail */
#main-col #product-detail
{		
	width: 780px;
	overflow: hidden;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}

#main-col #product-detail .title
{
	background: transparent url(../images/row-dot.jpg) repeat-x bottom left;
	font-weight: bold;
	font-size: 14px;
	color: #4B9721;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

#main-col #product-detail .summary
{
	background: transparent url(../images/row-dot.jpg) repeat-x bottom left;
	overflow: hidden;
	width: 780px;
	padding-bottom: 10px;
}

#main-col #product-detail .summary .left
{
	width: 272;
	height: 265px;
	float: left;
	padding: 0 20px 0 10px;
}

#main-col #product-detail .summary .right
{
	width: 490px;
	height: 265px;
	float: left;	
}

#main-col #product-detail .short-description
{
	overflow: hidden;
	height: 80px;
	padding-bottom: 5px;
}

#main-col #product-detail #attribute
{
	overflow: hidden;
}

#main-col #product-detail #attribute .attr
{
	overflow: hidden;
	padding-bottom: 5px;
}

#main-col #product-detail #attribute .attr .radio-label
{
	padding: 0 5px;
	cursor: pointer;
}

#main-col #product-detail #attribute .attr .radio
{
	position: relative;
	top: 2px;
}

#main-col #product-detail #attribute .attr .name
{
	padding-right: 5px;
}

#main-col #product-detail #attribute .attr .select
{
	border: 1px solid #C8C8C8;
	line-height: 22px;
	padding: 1px 1px;
	width: 100px;
}

#main-col #product-detail .vat,
#main-col #product-detail .weight
{
	overflow: hidden;
	padding-bottom: 5px;
}

#main-col #product-detail .detail-description
{
	overflow: hidden;
	width: 760px;
	padding: 0 10px;
}

#main-col #product-detail .detail-description .detail-title
{
	font-size: 14px;
	font-weight: bold;	
	padding: 10px 0;
}

#main-col #product-detail .detail-description .content
{
	overflow: hidden;
}

#main-col #product-detail .detail-description .content .aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#main-col #product-detail .detail-description .content .alignleft 
{
	float: left;
}

#main-col #product-detail .detail-description .content .alignright 
{
	float: right;
}

#main-col .product-relation
{
	overflow: hidden;
	width: 780px;
	margin-bottom: 10px;
}

#main-col .product-relation .relation-title
{
	background: transparent url(../images/product-relation.jpg) no-repeat center left;		
	width: 780px;
	height: 29px;
	margin-bottom: 10px;
}

#main-col .product-relation .relation-title a
{
	font-size: 14px;
	font-weight: bold;
	color: #4B9721;	
	line-height: 29px;
	padding-left: 20px;
	text-decoration: none;
}

#main-col .product-relation .relation-body
{
	overflow: hidden;
	width: 750px;
	border: 1px solid #c6c6c6;
	padding: 10px 10px 13px 18px;
}

#main-col .product-relation .view-more
{
	width: 750px;
	padding: 10px 10px 0px 0;
	text-align: right;
}

#main-col .product-relation .view-more a span
{
	font-size: 14px;
}

/* main-col >> orders-list */
#main-col #orders-list
{
	width: 780px;
	overflow: hidden;
	padding-bottom: 10px;
}

#main-col #orders-list .help-link
{
	padding: 0 0 10px 10px;
}

#main-col #orders-list .help-link .view-order
{
	padding-left:20px;
	padding-top:10px;
}

#main-col #orders-list .help-link .view-help
{
	padding-top: 10px;
	padding-left:20px;
}
 
#main-col #orders-list .help-link .view-order a,
#main-col #orders-list .help-link .view-help a
{
	color:#02339A;
}

#main-col #orders-list .order-step-banner
{
	background: transparent url(../images/order-step-banner.jpg) no-repeat top left;
	width: 770px;
	height: 87px;
	padding-top: 10px;
	display: none;
}

#main-col #orders-list .basket-title
{		
	height: 50px;
	padding-left: 63px;	
	margin-bottom: 15px;
}

#main-col #orders-list .basket-title label
{
	line-height: 50px;
	color: #4B9721;
	font-size: 14px;
	font-weight: bold;
}

#main-col #orders-list .step-basket
{
	background: transparent url(../images/shopping-icon.jpg) no-repeat left top;
}

#main-col #orders-list .step-contactinfo
{
	background: transparent url(../images/contactinfo-icon.jpg) no-repeat left top;
}

#main-col #orders-list .paymentresult
{
	width: 746px;
}

#main-col #orders-list .summary-order
{
	width: 756px;
	background-color: #F9F9F9;
	overflow: hidden;
	padding: 8px 10px;
	margin-bottom: 8px;
	border:1px solid #C6C6C6;
}

#main-col #orders-list .summary-order ul
{
	list-style: none;
	overflow: hidden;	
	width: 590px;
}

#main-col #orders-list .summary-order ul li
{
	line-height: 26px;
	list-style: none;
	width: 590px;
	overflow: hidden;
}

#main-col #orders-list .summary-order ul li label.l
{
	width: 170px;
	float: left;
	font-weight: bold;
}

#main-col #orders-list .summary-order ul li label.r
{
	float: left;
	width: 420px;
}

#main-col #orders-list .summary-order ul li .ordercode
{
	color: #4B9721;
	font-weight: bold;
}

#main-col #orders-list .summary-order .note
{
	padding-bottom: 10px;	
	font-weight: bold;
	font-size: 20px;	
	text-align: center;
}

#main-col #orders-list .summary-order .note span
{
	color: #4B9721;
}

#main-col #orders-list .summary-order .view-order,
#main-col #orders-list .summary-order .view-conts
{
	padding-top: 10px;
	padding-left: 20px;
}

#main-col #orders-list .summary-order .note-paymentresult
{
	line-height: 22px;	
	padding-top:10px;
}

#main-col #orders-list .summary-order .view-order a,
#main-col #orders-list .summary-order .view-conts a
{
	color: #02339A;
}

/* contact-info */
#main-col #orders-list .contact-info #form-receive
{
	display: none;
	overflow: hidden;
}

#main-col #orders-list .contact-info
{
	width: 620px;
	overflow: hidden; 
}

#main-col #orders-list .contact-info
{
	width: 620px;
	overflow: hidden; 
	padding-left: 70px;
}

#main-col #orders-list .contact-info .infotitle
{
	background: transparent url(../images/contactinfo-title-left.jpg) no-repeat left top;
	width: 620px;
	height: 29px;
	padding-left: 29px;
	padding-bottom: 4px;
}

#main-col #orders-list .contact-info .infotitle .body
{
	background: transparent url(../images/contactinfo-title-body.jpg) repeat-x left top;
	height: 29px;
	line-height: 28px;
	padding-left: 10px;
	font-weight: bold;
}

#main-col #orders-list .contact-info .form
{
	background-color: #f9f9f9;
	padding: 10px;
}

#main-col #orders-list .contact-info .form .field {
	overflow: hidden;
	padding: 5px;
	width: 490px;
}

#main-col #orders-list .contact-info .form label.title {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
}

#main-col #orders-list .contact-info .field .right {
	float: left;
	width: 335px;
}

#main-col #orders-list .contact-info .field .right .input {
	border: 1px solid #B8BAB3;
	height: 16px;
	padding: 1px;
	width: 300px;
	color: #616161;
}

#main-col #orders-list .contact-info .row-dot-line
{
 	background: transparent url(../images/row-dot.jpg) repeat-x scroll left center; 
 	width: 620px;
 	height: 30px;
}

#main-col #orders-list .contact-info .option-receive
{
	margin-bottom: 10px;
}

#main-col #orders-list .contact-info .option-receive .radio-receive
{
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#main-col #orders-list .contact-info .option-receive label
{
	cursor: pointer;
	margin-right: 15px;
}

#main-col #orders-list .contact-info .note
{
	overflow: hidden;
}

#main-col #orders-list .contact-info .note .textarea
{
	width: 616px;
	height: 100px;
	border: 1px solid #B8BAB3;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	color: #616161;
	padding: 1px;
}

#main-col #orders-list .contact-info .note .l
{
	margin-bottom: 5px;
}

#main-col #orders-list .contact-info .note .l span
{
	font-style: italic;
	padding-left: 5px;
}

#main-col #orders-list .display-note
{	
	padding: 5px 0 10px 0;	
}

#main-col #orders-list .display-note .content
{
	padding: 5px 0 0 20px;
}

/* button */
#main-col #orders-list .button
{
	overflow: hidden;
	padding: 20px 0 10px 10px;
	margin-bottom: 50px;
	text-align: right;
}
	
#main-col #orders-list .button a
{
	margin-left: 15px;
}	

#main-col #orders-list .button .step-next-button
{
	background: transparent url(../images/order-button-2.jpg) no-repeat center center;	
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 15px 7px 15px;
	cursor: pointer;
	text-decoration: none;
}

#main-col #orders-list .button .step-prev-button
{
	background: transparent url(../images/order-button-1.jpg) no-repeat center center;	
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 25px 7px 25px;
	cursor: pointer;
	text-decoration: none;
}

#main-col #orders-list .button .next-confirm
{
	padding: 7px 10px 7px 10px;
}

#main-col #orders-list .button .next-contactinfo
{
	padding: 7px 19px 7px 19px;
}

#main-col #orders-list .shoppingconts
{
	background: transparent url(../images/shoppingconts.jpg) no-repeat center left;	
	color: #4B9721;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 2px 5px 30px;
}

#main-col #orders-list .updatecart
{
	color: #4B9721;
	font-size: 12px;
	font-weight: bold;	
}

/* confirm-contact-info */
#main-col #orders-list .confirm-contact-info
{
	width: 780px;
	overflow: hidden; 
	margin-bottom: 8px;
}

#main-col #orders-list .confirm-contact-info .infobox
{
	width: 387px;
	overflow: hidden;
	float: left;
	margin-bottom: -400px;
	padding-bottom: 400px;
	background-color: #efefef;
}

#main-col #orders-list .confirm-contact-info .billing
{
	margin-right: 5px;		
}

#main-col #orders-list .confirm-contact-info .space-height
{
	height: 4px;
	overflow: hidden;
	background-color: #fff;
}

#main-col #orders-list .confirm-contact-info .infotitle
{
	background: transparent url(../images/contactinfo-title-left.jpg) no-repeat left top;
	width: 358px;
	height: 29px;
	padding-left: 29px;
}

#main-col #orders-list .confirm-contact-info .infotitle .body
{
	background: transparent url(../images/contactinfo-title-body.jpg) repeat-x left top;
	height: 29px;
	line-height: 28px;
	padding-left: 10px;
	font-weight: bold;
}

#main-col #orders-list .confirm-contact-info .content
{
	overflow: hidden;	
	padding: 5px 10px;	
}

#main-col #orders-list .confirm-contact-info .content ul
{
	list-style: none;
	overflow: hidden;
	width: 365px;
}

#main-col #orders-list .confirm-contact-info .content ul li
{
	list-style: none;
	line-height: 22px;
	width: 365px;
	overflow: hidden;
}

#main-col #orders-list .confirm-contact-info .content ul li label.l
{
	width: 115px;
	float: left;
	font-weight: bold;
}

#main-col #orders-list .confirm-contact-info .content ul li label.r
{
	width: 245px;
	float: left;	
}

#main-col #orders-list .basket-empty
{
	text-align: center;	
}

/* basket-list */
#main-col #orders-list .basket-list
{
	overflow: hidden;
	width: 780px;	
}

#main-col #orders-list .basket-list .t-head
{
	height: 29px;
	width: 780px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

#main-col #orders-list .basket-list .t-head .remove-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 30px;
	float: left;
}

#main-col #orders-list .basket-list .t-head .summary-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 276px;
	float: left;
	margin-left: 2px;
}

#main-col #orders-list .basket-list .t-head .summary-col-confirm
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 308px;
	float: left;
}

#main-col #orders-list .basket-list .t-head .price-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 118px;
	float: left;
	margin-left: 2px;
}

#main-col #orders-list .basket-list .t-head .quantity-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 86px;
	float: left;
	margin-left: 2px;
}
#main-col #orders-list .basket-list .t-head .weight-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 121px;
	float: left;
	margin-left: 2px;
}

#main-col #orders-list .basket-list .t-head .totalprice-col
{
	background: transparent url(../images/basket-t-head-bg.jpg) repeat-x left top;	
	height: 29px;
	width: 139px;
	float: left;
	margin-left: 2px;
}

#main-col #orders-list .basket-list .t-body
{
	width: 780px;
	overflow: hidden;
	margin-bottom: 5px;
}

#main-col #orders-list .basket-list .t-body .row
{
	background: transparent url(../images/basket-row-dot.jpg) repeat-x bottom left;	
	width: 780px;
	height: 81px;
	overflow: hidden;
	clear: both;
}

#main-col #orders-list .basket-list .t-body .row .remove-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 30px;
	float: left;
}

#main-col #orders-list .basket-list .t-body .row .remove-col .remove
{
	position: relative;
	top: 35px;
	left: 8px;
	cursor: pointer;
}

#main-col #orders-list .basket-list .t-body .row .summary-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 276px;
	float: left;
	margin-left: 2px;
}

#main-col #orders-list .basket-list .t-body .row .summary-col-confirm
{
	background-color: #f9f9f9;
	height: 80px;
	width: 308px;
	float: left;
}

#main-col #orders-list .basket-list .t-body .row .summary-col .picture,
#main-col #orders-list .basket-list .t-body .row .summary-col-confirm .picture
{
	height: 61px;
	width: 61px;
	float: left;
	padding: 10px;
}

#main-col #orders-list .basket-list .t-body .row .summary-col .picture img,
#main-col #orders-list .basket-list .t-body .row .summary-col-confirm .picture img
{
	border: 1px solid #dcdcdc;
}

#main-col #orders-list .basket-list .t-body .row .summary-col .title
{
	height: 61px;
	width: 178px;
	float: left;
	padding: 10px 5px 10px 0;
	font-size: 13px;	
}

#main-col #orders-list .basket-list .t-body .row .summary-col .title a
{
	font-weight: bold;
}

#main-col #orders-list .basket-list .t-body .row .summary-col .title .attr
{
	font-style: italic;
	font-size: 12px;
}

#main-col #orders-list .basket-list .t-body .row .summary-col-confirm .title
{
	height: 61px;
	width: 220px;
	float: left;
	padding: 10px 5px 10px 0;
	font-size: 13px;
}

#main-col #orders-list .basket-list .t-body .row .summary-col-confirm .title a
{
	font-weight: bold;
}

#main-col #orders-list .basket-list .t-body .row .summary-col-confirm .title .attr
{
	font-style: italic;
	font-size: 12px;
}

#main-col #orders-list .basket-list .t-body .row .price-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 118px;
	float: left;
	margin-left: 2px;
	text-align: right;
}

#main-col #orders-list .basket-list .t-body .row .price-col label
{
	color: #4B9721;
	font-size: 12px;
	font-weight: bold;	
	line-height: 80px;
	padding-right: 2px;
}

#main-col #orders-list .basket-list .t-body .row .quantity-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 86px;
	float: left;
	margin-left: 2px;
	position: relative;
	text-align: center;
}

#main-col #orders-list .basket-list .t-body .row .quantity-col label
{
	font-size: 12px;
	font-weight: bold;	
	line-height: 80px;
	padding-right: 2px;
}

#main-col #orders-list .basket-list .t-body .row .quantity-col input
{
	width: 40px;
	height: 18px;
	padding: 2px 1px 0 1px;
	border: 1px solid #c8c8c8;
	position: relative;
	top: 30px;
	text-align: center;
}

#main-col #orders-list .contact-info .field .right .select {
	border: 1px solid #B8BAB3;
	height: 22px;
	padding: 1px;
	width: 304px;
	color: #616161;
}

#main-col #orders-list .basket-list .t-body .row .refresh-quantity-basket
{
	cursor: pointer;
	position: relative;
	top: 33px;
	left: 2px;
}

#main-col #orders-list .basket-list .t-body .row .weight-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 121px;
	float: left;
	margin-left: 2px;
	text-align: center;
}

#main-col #orders-list .basket-list .t-body .row .weight-col label
{
	font-size: 12px;
	font-weight: bold;	
	line-height: 80px;	
}

#main-col #orders-list .basket-list .t-body .row .totalprice-col
{
	background-color: #f9f9f9;
	height: 80px;
	width: 139px;
	float: left;
	margin-left: 2px;
	text-align: right;
}

#main-col #orders-list .basket-list .t-body .row .totalprice-col label
{
	color: #4B9721;
	font-size: 12px;
	font-weight: bold;	
	line-height: 80px;
	padding-right: 3px;
}

#main-col #orders-list .basket-list .t-foot
{
	background-color: #f9f9f9;	
	overflow: hidden;
	padding-bottom: 3px;
	width: 780px;
}

#main-col #orders-list .basket-list .t-foot .remove-link
{
	background-color: #f9f9f9;	
	width: 300px;
	height: 30px;	
	float: left;
}

#main-col #orders-list .basket-list .t-foot .remove-link a
{
	background: transparent url(../images/empty.png) no-repeat left 1px;	
	line-height: 30px;
	padding: 2px 2px 2px 20px;
	margin-left: 8px;
}

#main-col #orders-list .basket-list .t-foot .info
{
	height: 30px;	
	float: right;
	width: 350px;
}

#main-col #orders-list .basket-list .t-foot .info-2
{
	height: 30px;	
	float: right;
	clear: both;
	width: 400px;
}

#main-col #orders-list .basket-list .t-foot .title-2
{
	height: 30px;
	float: left;
	width: 137px;
	text-align: right;
}

#main-col #orders-list .basket-list .t-foot .title-2 label
{
	color: #616161;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding-right: 2px;
}

#main-col #orders-list .basket-list .t-foot .title
{
	height: 30px;
	float: left;
	width: 87px;
	text-align: right;
}

#main-col #orders-list .basket-list .t-foot .title label
{
	color: #616161;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding-right: 2px;
}

#main-col #orders-list .basket-list .t-foot .total-weight
{
	height: 30px;
	float: left;
	width: 122px;
	text-align: center;
}

#main-col #orders-list .basket-list .t-foot .total-weight label
{
	color: #616161;
	font-size: 12px;
	line-height: 30px;
	padding-right: 2px;	
	font-weight: bold;
}

#main-col #orders-list .basket-list .t-foot .total-price
{
	overflow: hidden;
	height: 30px; 
	float: left;
	width: 140px;
	text-align: right;
}

#main-col #orders-list .basket-list .t-foot .total-price label
{
	color: #4B9721;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding-right: 2px;
}

/* main-col >> feedback */
#main-col .feedback
{
	overflow: hidden;		
}

#main-col .feedback .hform
{
	padding-bottom: 10px;
	background: transparent url(../images/row-dot.jpg) repeat-x left bottom;
}

#main-col .feedback .hform h2
{
	color: #4B9721;
	font-size: 14px;
	font-weight: bold;
}

#main-col .feedback .hform h2 a
{
	color: #4B9721;
	font-size: 14px;
	font-weight: bold;
}

#main-col .feedback .form
{
	overflow: hidden;
	padding: 10px 0 10px 70px;	
}

#main-col .feedback .form .field {
	overflow: hidden;	
	width: 619px;
}

#main-col .feedback .form .field label.title {
	float: left;
	padding: 0 5px;
	text-align: left;
}

#main-col .feedback .form .info-user 
{
	background-color: #F9F9F9;
	width: 620px;
	height: 85px;
	position: relative;
}

#main-col .feedback .intro
{
	padding: 10px 0;	
}

#main-col .feedback .form .content-feedback
{
	overflow: hidden;
	margin-bottom: 10px;
	width: 620px;	
}

#main-col .feedback .form .content-feedback .l {	
	padding: 5px 5px 5px 5px;
}

#main-col .feedback .form .content-feedback .textarea {
	border: 1px solid #B8BAB3;
	color: #616161;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	height: 100px;
	padding: 1px;
	width: 615px;
}

#main-col .feedback .form .field .select
{
	border: 1px solid #B8BAB3;
	color: #616161;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	height: 22px;
	padding: 1px;
	width: 81px;
}

#main-col .feedback .form .button {
	margin-bottom: 50px;
	overflow: hidden;
	padding: 20px 0 10px 10px;
	text-align: right;
	width: 610px;
}
 
#main-col .feedback .form .button .send-feedback
{
	background: transparent url(../images/order-button-2.jpg) no-repeat scroll center center;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 36px;
	text-decoration: none;
}

#main-col .feedback .form .field .input
{
	border: 1px solid #B8BAB3;
	color: #616161;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	height: 17px;
	padding: 2px 1px 0 1px;
}

#main-col .feedback .form .field .rehresh-verify-code
{
	cursor: pointer;
	padding: 3px;
}

#main-col .feedback .form .field label
{
	line-height: 22px;
}

#main-col .feedback .order-empty
{
	text-align: center;	
}

#main-col .feedback .picture-feedback
{	
	position: absolute;
	right: 5px;
	top: 5px;
	height:79px;
	width:74px; 	
}

/* feedback-detail */
#main-col .feedback-detail
{
	margin-bottom:10px;
	overflow:hidden;
	width: 780px;
}

#main-col .feedback-detail .fb-title
{
	background: transparent url(../images/product-relation.jpg) no-repeat scroll left center;
	height: 29px;
	margin-bottom: 10px;
	width: 780px;
}

#main-col .feedback-detail .fb-title label
{
	color: #4B9721;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	padding-left: 20px;
	text-decoration: none;	
}

#main-col .feedback-detail .body-content
{
	border: 1px solid #C6C6C6;
	overflow: hidden;
	padding: 10px 10px 13px 18px;
	width: 750px;
}

#main-col .feedback-detail .body-content .item
{
	overflow: hidden;
	background:transparent url(../images/row-dot.jpg) repeat-x left bottom;
	margin-bottom:10px;
	padding-bottom:8px;
	position: relative;
}

#main-col .feedback-detail .body-content .item .head
{
	overflow: hidden;
}

#main-col .feedback-detail .body-content .item .head .general
{
	font-weight: bold;	
}

#main-col .feedback-detail .body-content .item .head .time
{
	position: absolute;
	right: 10px;
	font-size: 11px;
}

#main-col .feedback-detail .body-content .item .info
{
	overflow: hidden;
	padding: 5px 0 0 0;
}

#main-col .feedback-detail .body-content .item .info .title
{
	float: left;
	width: 60px;
	font-size: 11px;
}

#main-col .feedback-detail .body-content .item .info .sep
{
	float: left;
	width: 8px;
	font-size: 11px;
}

#main-col .feedback-detail .body-content .item .info .fullname
{
	font-size: 11px;
}

#main-col .feedback-detail .body-content .item .info .email
{
	font-size: 11px;
}

#main-col .feedback-detail .body-content .item .content
{
	overflow: hidden; 
	padding: 5px 0 5px 20px;
}

/*******************************************************************
    main-body >> main-page >> container-foot
 */
#main-body #main-page #container-foot
{
	padding: 7px 0 0 0;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

/* container-foot >> cooperative */
#container-foot .cooperative
{
	background-color: #333333;
	border-bottom: 1px solid #040404;
	overflow: hidden;
	height: 93px;
}

#container-foot .cooperative .content
{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 8px;
}

#container-foot .cooperative .content .cooperative-help
{
	background: transparent url(../images/cooperative-help-border.jpg) no-repeat center right;
	width: 402px;
	height: 80px;
	float: left;
	padding-left: 10px;	
}

#container-foot .cooperative .content .cooperative-help .help-cod
{
	background: transparent url(../images/help-cod.jpg) no-repeat top left;
	width: 180px;
	height: 78px;
	float: left;
	margin-right: 23px;
}

#container-foot .cooperative .content .cooperative-help .help-bank
{
	background: transparent url(../images/help-bank.jpg) no-repeat top left;
	width: 179px;
	height: 78px;
	float: left;	
}

#container-foot .cooperative .content .cooperative-slide 
{	
	background: transparent url(../images/cooperative-help-border.jpg) no-repeat center right;
	float: left;	
	overflow: hidden;
	position: relative;
	width: 560px;
	height: 80px;
	padding-left: 20px;
}

#container-foot .cooperative .content .cooperative-slide .title
{
	color: #51b848;
	font-weight: bold;
	padding-bottom: 8px;
}

#container-foot .cooperative .content .cooperative-slide ul
{
	list-style: none;
	overflow: hidden;	
}

#container-foot .cooperative .content .cooperative-slide ul li
{
	list-style: none;
	overflow: hidden;
	width: 90px;
	height: 50px;
	float: left;
	margin-right: 20px;
}

#container-foot .cooperative .content .cooperative-slide ul li img
{
	border: 2px solid #ececec;
	width: 86px;
	height: 46px;
}

/* container-foot >> quick-help */
#container-foot .quick-help
{
	background-color: #333333;
	border-top:1px solid #4B4B48;
	border-bottom: 1px solid #040404;
	overflow: hidden;
	height: 57px;
	padding-top: 2px;
}

#container-foot .quick-help .content
{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;	
}

#container-foot .quick-help .help-title
{
	overflow: hidden;
	width: 170px;
	padding-left: 10px;
	float: left;	
}

#container-foot .quick-help .help-title label
{
	font-weight: bold;
	color: #51b848;
}

#container-foot .quick-help .box
{
	width: 400px;
	overflow: hidden;
	float: left;
}

#container-foot .quick-help .box ul
{
	list-style: none;
	overflow: hidden;
}

#container-foot .quick-help .box ul li
{
	list-style: none;
	line-height: 17px;	
	font-size: 11px;
	color: #aaaaaa;
}

#container-foot .quick-help .box ul li a
{
	color: #aaaaaa;
}

/*******************************************************************
    main-body >> main-page >> container >> left-col
 */
#container #left-col 
{	
	float: left;
	width: 190px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}

#container #left-col .bner-home-left
{
	overflow: hidden;	
}

#container #left-col .bner-home-left ul
{
	list-style: none;
	overflow: hidden;	
}

#container #left-col .bner-home-left ul li 
{
	padding-bottom: 5px;
	overflow: hidden;
	width: 190px;
	float: left;
	height: 250px;
}

#left-col .menu-box
{
	width: 190px;
	overflow: hidden;
	padding-top: 5px;
}

#left-col .menu-box .title
{
	background: transparent url(../images/menu-title-bg.jpg) no-repeat top left;
	width: 190px;
	height: 26px;
	margin-bottom: 4px;
}

#left-col .menu-box .title label
{	
	padding-left: 11px;
	line-height: 26px;
	font-weight: bold;	
}

#left-col .menu-box .content
{		
	padding-left: 10px;
	overflow: hidden;
}

#left-col .menu-box .content ul
{	
	list-style: none;
	overflow: hidden;
	border-bottom: 1px inset #fff;
}

#left-col .menu-box .content ul li
{
	background: #fff url(../images/menu-item-bg.jpg) no-repeat top left;
	display: block;
	float: left;	
	overflow: hidden;
	width: 180px;
}

#left-col .menu-box .content ul li.toggle
{
	background: transparent none;
	display: block;
	float: left;
	height: 18px;
	overflow: hidden;
	width: 180px;
	text-align: right;	
}

#left-col .menu-box .content ul li.accordion
{
	display: none;
}

#left-col .menu-box .content ul li.toggle a 
{
	background: #fff url(../images/menu-viewmore-icon.jpg) no-repeat center left;
	display: inline;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 11px;
}

#left-col .menu-box .content ul li a
{		
	display: block;
	padding: 2px 0 4px 10px;
	text-decoration: none;
}

#left-col .menu-box .content ul li a:hover
{		
	color: #2f8b27;
}

#left-col .menu-box .content ul li a.active
{		
	color: #2f8b27;
	font-weight: bold;
}

#left-col .menu-last
{
	margin-bottom: 9px;	
}

/* format for editor  */
.detail-description .nava-title
{
    font-size: 14px;
    font-weight: bold;
    color: #4e8e18;    
}

.detail-description .nava-text
{
    font-size: 12px;
    line-height: 18px;
}

.detail-description .nava-table-grey
{
	border-collapse: collapse;
	border: solid 1px #ccc;
	margin-left: 2px;
}

.detail-description .nava-table-grey-center
{
	border-collapse: collapse;
	border: solid 1px #ccc;
	margin-left: 2px;
	margin: 0 auto;
	padding: 0 auto;
}

.detail-description .nava-table-grey td,
.detail-description .nava-table-grey-center td
{
	padding: 2px 3px;
}

/* error */
#main-col .formerror {
	background-color: #FDF0F7;
	border: 1px solid red;
	margin-bottom: 10px;
	padding: 5px;
}

#main-col .formerror label {
	cursor: pointer;
	line-height: 18px;
	margin: 5px 0;
	display: block;
}

#main-col #orders-list .contact-info .field .right input.error,
#main-col #orders-list .contact-info .field .right select.error
{
	border: 1px solid red;
	display: block;
}

#main-col label.error
{
	color: red;
}

/*******************************************************************
    popup
 */
#popup_container 
{
	min-width: 300px;
	max-width: 600px;
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#popup_title 
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/alert/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content 
{
	background: 16px 16px no-repeat url(../images/alert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert 
{
	background-image: url(../images/alert/info.gif);
}

#popup_content.confirm 
{
	background-image: url(../images/alert/important.gif);
}

#popup_content.prompt 
{
	background-image: url(../images/alert/help.gif);
}

#popup_message 
{
	padding-left: 48px;
}

#popup_panel 
{
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt 
{
	margin: .5em 0em;
}

/* 
    announcement
*/
#announcement-dialog-mask 
{
    background-color: #000;
    height: 100%;
    top: 0;
    left: 0;            
    position: absolute;            
    width: 100%;
    z-index: 100;
}

#announcement-dialog 
{            
    padding: 0;
    position: fixed;
    width: 525px;
    z-index: 200;
}

#announcement-dialog-content
{
    position: relative;
}

#announcement-dialog-close
{
    position: absolute;
    top: 15px;
    right: 15px;
    height: 16px;
    width: 17px;
    cursor: pointer;
}