@charset "utf-8";
/* CSS Document */

html, body {
	height:100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #6f6f6f;
	background:url(../img/bg_page.jpg);
}
div.input{
	display:inline;
}
a {
	text-decoration:none;
	color:#B2B2B2;
}
a:hover {
	text-decoration:underline;

}


div.container {
	width:884px;
	margin:0 auto;
}

/* top block */
div.top_block {
	width: 100%; margin:0; padding:0; /*height:48px*/;
}

div.top_block img {
	border:0;
	vertical-align:middle;
	padding:1px;	
}

div.top_block .lang, div.top_block .currency, div.top_block .cart {
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	margin: 8px 0;
	vertical-align:middle;
}

div.top_block .lang, div.top_block .currency {
	background:url(../img/line_blackwhite_vertical.jpg) no-repeat left center;
	padding:5px 30px 5px 30px;
}

/* -- lang block -- */
div.top_block .lang  span, div.top_block .currency  span{
	padding:0 0 0 0;
}

div.top_block .lang {}

div.top_block .lang img {
	padding-left:10px;
	cursor:pointer;
}

/* -- currency block -- */
div.top_block .currency select {
	margin: 0 0 0 10px;
	padding:1px; /* padding effect with image in language block */
	font-size: 11px;
	vertical-align:middle;
	width:100px;
}

div.top_block .cart {
	/*background:url(../img/cart.png) no-repeat left center;*/
	padding:7px 35px 0 10px;
	color:#a6f100;
}

div.top_block .cart_image {
	background:url(../img/cart.png) no-repeat left center;
	color:#a6f100;
	height: 38px;
	width: 31px;
	float: right;
	margin-top: 3px;
}

div.top_block .order_filter {
	padding-top: 15px;
}

div.top_block .view_order {
	color:#cbd3c5;
	float:left;
}

div.top_block .view_order input {
	border:none;
	background:#f1f2f1;
	color:#000000;
	width: 140px;
	height:16px;
}

div.top_block .button_view_order {
	width:50px;
	float:left;
	padding-left:5px;
}

.button_green {
	background:url(../img/bg_button_green_m.jpg) repeat-x ;
	border:1px solid #75b611;
	display:block;
	text-decoration: none;
	color: #e1f0c9;
	font-weight: bold;
	padding:1px 8px 2px 8px;
	text-align:center;
	line-height:normal;
	font-size:12px;
	font-family:tahoma;
}

/* main block */
div.main_block, div.main_zone {
	background-color:#FFFFFF;
	border:1px solid #D3D3D3;
	margin:0 auto;
	padding:1px;
	width:auto;
	position:relative;
	clear:both;
}

div.main_block {}

div.main_zone {
	min-height:50px;
}

/* top menu */
div.top_menu {
	background:#000000;
	min-height:35px;
	height:35px;
}

* > .tabs_nav a span {
	height:auto;
	width:auto;
}

.tabs_nav {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.tabs_nav li {
	background:url(../img/line_vertical_gray.jpg) no-repeat scroll right 60%;
	float:left;
	margin:4px 0 0 0;
	white-space:nowrap;
	padding:0 10px 0 10px;
}

.tabs_nav li.home {}

.tabs_nav li.new_piece {}

.tabs_nav li.flower360 {}

.tabs_nav li.login {}

.tabs_nav li.contact {}

.tabs_nav li.line {
	/*background:url(../img/line_vertical_gray.jpg) no-repeat center center;*/
	width:0px !important;
	padding:0;
}

.tabs_nav li.left_blank {
	width:33px !important;
	padding:0;
	height: 26px; /* fix horizontal line */
}

.tabs_nav a span {
	padding-top:3px !important;
	padding-right:0 !important;
	width:114px;
	height:22px;
}

.tabs_nav a span sup{
	font-size:9px;
	margin-top:10px;
}

.tabs_nav a {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	line-height:1.2;
	margin:1px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding-left:0 !important;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:#FFFFFF;
}

.tabs_nav a, .tabs_nav a span {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	padding:0 0px;
}

/* top button defination */
.tabs_nav a span.home {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 0;
}

.tabs_nav a span.newpiece {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -54px;
}

.tabs_nav a span.flower360 {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -108px;
}

.tabs_nav a span.login {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -162px;
}

.tabs_nav a span.comment {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -216px;
}

.tabs_nav a span.contact {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -270px;
}

/* hover defination*/

.tabs_nav .selected_tab span.home, .tabs_nav a:hover span.home {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -27px;
}

.tabs_nav .selected_tab span.newpiece, .tabs_nav a:hover span.newpiece {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -81px;
}

.tabs_nav .selected_tab span.flower360, .tabs_nav a:hover span.flower360 {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -135px;
}

.tabs_nav .selected_tab span.login, .tabs_nav a:hover span.login {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -189px;
}

.tabs_nav .selected_tab span.comment, .tabs_nav a:hover span.comment {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -243px;
}

.tabs_nav .selected_tab span.contact, .tabs_nav a:hover span.contact {
	background:transparent url(../img/tab_image_top.jpg) no-repeat scroll 0 -297px;
}

.tabs_nav .selected_tab a {
	/*color:#FFFFFF;	margin-top:0; position:relative; top:1px; z-index:3;*/
}

.tabs_nav .selected_tab span, .tabs_nav a:hover span {
	/*background:transparent url(../img/button_home_hover.jpg) no-repeat scroll 0 0;*/
}

.tabs_nav .selected_tab a, .tabs_nav .selected_tab a:active, .tabs_nav a:hover  {
	color:#FFFFFF;
	text-decoration:none;
	/*background:transparent url(../img/top-tab.jpg) no-repeat 100% -27px;*/
}

/* the center block */
.center_block {
}

/* left column */
.left_col {
	background:#fefefe;
	/*padding-bottom:30px;*/
}

.left_col .menu_header {
	
	background:url(../img/bg_topic_title.jpg) no-repeat;
	height:25px;
	font-size:16px;
	color:#FFFFFF;
	font-family:tahoma;
	font-weight:bold;
	font-size:0px;
	padding:3px 0 0 22px;
	margin:1px 0;
}
.left_col .menu_header_en {
	
	background:url(../img/bg_topic_title_en.jpg) no-repeat;
	height:25px;
	font-size:16px;
	color:#FFFFFF;
	font-family:tahoma;
	font-weight:bold;
	font-size:0px;
	padding:3px 0 0 22px;
	margin:1px 0;
}
/* menu list */
.left_col .menu_items{
	width:199px;
	padding:10px 0 0 20px;
}

.left_col .menu_items ul{
	margin:0; padding:0;
	list-style:none;
}

.left_col .menu_items li{
	list-style:none;
	display:block;
	background:url(../img/bg_menu.jpg) no-repeat 0 -3px;
	width:150px; height:24px;
	float:left;
	padding:4px 0 0 32px;
	font-size:12px;
}

.left_col .menu_items li.actived_item {
	background:url(../img/bg_menu_active.jpg) no-repeat 0 -3px !important;
	display:block;
	width:150px; height:24px;
	float:left;
	padding:4px 0 0 32px;
	font-size:12px;
}

.left_col .menu_items li a{
	font-size:12px;
	text-decoration:none;
	color:#656565;
}
.left_col .menu_items a:hover{
	font-size:12px;
	text-decoration:underline;
	color:#656565;
}

/* tab container in block of main content */
.right_col {
	padding: 10px 5px 5px 5px;
	background-color:#F4F4F4;
}

.tabs_header {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}

* > .tabs_header a span {
	height:auto;
	width:auto;
}

.tabs_header li {
	float:left;
	margin:0 0 0 1px;
}

.tabs_header a {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.2;
	margin:1px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding-left:0 !important;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	color:black !important;
}

.tabs_header a:hover{
text-decoration:underline !important;
color:black !important;	
}
.tabs_header a span {
	padding-top:3px !important;
	padding-right:0 !important;
	width:192px;	
	height:17px;
	min-height:17px;
}

.tabs_header a, .tabs_header a span {
	background:transparent url(../img/tab.jpg) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	padding:0 5px;
}

.tabs_header .selected_tab a span {
	padding-bottom:1px;
}

.tabs_header .selected_tab a {
	/*margin-top:0; position:relative; top:1px; z-index:3;*/
}

/*-- normal tab --*/
.tabs_header a span  {
	background-position: 0 0;
}

.tabs_header a {
	background-position: 100% -43px;
}

/*-- actived tab --*/
.tabs_header .selected_tab a span, .tabs_header .selected_tab a:hover span, .tabs_header a:hover span {
	background-position: 0 -21px !important;
}

.tabs_header .selected_tab a, .tabs_header .selected_tab a:active, .tabs_header .selected_tab a:hover, .tabs_header a:hover   {
	background-position: 100% -64px !important;
}

.tabs_panel {
	background:#efebe3 none repeat scroll 0 0;
	border:1px solid #d5c6c6;
	padding:1em 2px 2px 2px;
	margin-top:21px;
}

.cleaner {
	clear:both;
	display:block;
	height:1px;
	margin-top:-1px;
	line-height:0px;
	overflow:hidden;
}

/* data block */
.tabs_panel ul{
	margin:0; padding:0;
}
.tabs_panel li{
	display:inline; list-style:none; 
	float:left; margin:0 0 5px 5px;
}

.product {
	width:309px;
	
	padding:2px; 
	background-color:#FFFFFF;
	
	min-height:100%;
	line-height:17px;
}

.product .cover {
	width:301px;
	height:160px;  
	padding:3px; 
	background-color:#FFFFFF;
	border:1px solid #ececec;
	
	min-height:100%;
}

.product .img_holder {
	width:84px; 
	float:left;
}

.product .content_holder{
	width:213px;
	float:left;
	padding-top:2px; padding-left:2px; 
	padding-right:2px; padding-bottom:1px;
}
.product .title{
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
}
.product .desc {
	line-height:14px;
	letter-spacing:-1px;
}

.product .product_code {
	color:#cccccc;
}
.product .cost{
	color:#bb0000; font-weight:bold;
	
}
.product .buttons_section {
	width:213px;
	padding-top:4px
}

.product .button_detail {
	width:auto !important;
	float:left;
	
}	
.product .button_order {
	width:auto !important;
	float:left;
	margin-left:7px;
	
}

.gray_button, .special_button {
	/*background:url(../img/img_arrow_x.gif) no-repeat 5px center;*/
	background:url(../img/bg_button.jpg) repeat-x 0 0;
	border:1px solid #8f8f8f;
	display:block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding:1px 8px 3px 8px;
	text-align:center;
	line-height:normal;
	font-size:10px;
	font-family:tahoma;
}

.gray_button b, .special_button b {
	background:url(../img/img_arrow_x.gif) no-repeat;
	width:7px;
	display:block;
} 

.gray_button img, .special_button img {
	border:0 none;
	padding:0 5px 1px 0;
}

.gray_button:hover {
	background-position: 0 -17px;
	border:1px solid #fff;
	text-decoration: none;
}

.special_button:hover {
	background-position: 0 -51px;
	border:1px solid #fff;
	text-decoration: none;
	color: #fff;
}

/* paging */
.paging {
	float:right;
	width:auto;
	margin: 0 0 2px 0;
	clear:both;
}	

.paging .first, .paging .previous, .paging .page, .paging .next, .paging .last {
	float:left;
}

.paging .first{ margin-top:3px}
.paging .previous{ margin:3px 10px 0 10px}
.paging .page{}
.paging .next{ margin:3px 10px 0 10px}
.paging .last{ margin:3px 10px 0 0}

.paging a, {
	color:#656565;
}
.paging a:hover{
	color:#6caa03
}	
.paging a:active{
	color:#656565
}	
.paging a:visit{
	color:#656565
}

.font_title {
	color:#84a44a;
	font-family:tahoma;
	font-size:0px !important;
	font-weight:normal;
}

/* intro block */
.intro_block{
	width:321px;
	height:283px;
	border:1px solid #fff;
	margin-top:8px;
	background-color:#f4f1ec;
}

.intro_block .green_line{
	height:3px;
	font-size:0px;
	background-color:#84b14c;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	clear:both;
}

.intro_block .intro_title{
	
	background:url(../img/bg_dhvnxc_title.jpg) no-repeat 0 0;
	text-align:right;
	height:25px;
	padding:3px 13px 0 0;

}
.intro_block .intro_title_en{
	
	background:url(../img/bg_dhvnxc_title_en.jpg) no-repeat 0 0;
	text-align:right;
	height:25px;
	padding:3px 13px 0 0;

}
.intro_block .intro_content {
	line-height:16px;
	height:248px; 
	margin:0;
	padding:0;
}

.intro_block .intro_image {
	width:95px;height:238px;
	background:url(../img/index_92.jpg) no-repeat;
	float:left; clear:both; 
	margin-top:5px;

}
	
.intro_block .intro_text{
	width:195px;
	margin:2px;
	float:left;
	
}

.intro_block .view_detail{
	float:right;
	padding-right:20px;
}

.intro_block .view_detail .detail_link {
	background:url(../img/img_arrow_detail.gif) no-repeat;
	padding:0 0 2px 20px;
}

.intro_block .view_detail a {
	color:red;
	font-weight:bold;
	font-family:tahoma;
	font-size:10px;
	text-decoration:underline;
}

/* avertisement block */
.advertising_support{
	height:280px;
	float:left;
	border:1px solid #fff;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	margin-top:8px;
	background-color:#f4f1ec;
	padding:3px 3px 0 4px;
}
	
.adv_image{
	height:273px;
	float:left; 
	border:2px solid #fff;
}
.online_support{
	width:140px;
	height:275px;
	float:left;
	background-color:#FFFFFF;
	padding:1px;
	margin-left:5px;
	
}
.online_support1{
	width:138px;
	height:271px;
	border:1px solid #ececec;
	padding:1px;
	float:left;
	background:url(../img/bg_support.jpg) no-repeat center bottom;
	
}
.support_title{
	height:38px;
	/*background:url(../img/bg_title1.jpg) repeat-x;*/
	background:url(../img/bg_online_support_title.jpg) no-repeat;
}
.font_support{
	font-size:16px; color:#fff; line-height:27px;
	font-weight:bold;margin-left:15px;
	letter-spacing:-1px;
}

.customer1{
	height:21px;
	font-weight:bold;
	margin:15px 0 0 0;
}

.customer_img{
	height:21px;float:left;
	margin-left:5px;
	padding-right:5px;
}

.customer_img img{
	display:inline;
	border:0 none;
}

.customer_name{
	margin:0 0 0 10px;
	float:left;
}
	
.company_name{
	font-weight:bold;
	margin:5px 0 0 4px;
	font-size:15px;
	font-family: Arial;
	color:#000000;
}

.footer{
	width:874px;
	padding:15px 5px;
	display:block;
	color:#b2b2b2;
	line-height:17px;
}

.footer .footer_left{
	width:400px;
	float:left;
}

.footer .policy{
	width:400px;
}

.footer .pay{
	width:185px; height:22px;
	float:left; margin-top:10px
}
.footer .pay ul{margin:0; padding:0;}

.footer .pay li{
	display:inline; float:left;list-style:none; 
	margin-left:5px
}

.footer .footer_right{
	width:350px;
	float:right;
	text-align:right;
}

.footer .copyright{
	margin-top:10px;
}

/* tab trong nuoc */
.tabs_panel .search_box {
	padding-left:5px;
}
.tabs_panel .search_box input.filter_text {
	border:1px solid #d5c6c6;
	color:#5f5f5f;
	padding:3px 3px;
	font-size:11px;
	font-family:tahoma;
}

.tabs_panel .search_box .search_button {
	border:1px solid #d5c6c6;
	font-weight:bold;
	color:#5f5f5f;
	background:url(../img/bg_button_search.jpg) repeat-x;
	cursor:pointer;
	
}

.tabs_panel .list_result {
	
}

.list_result .result_tbl {
	border-collapse:separate;
}

.list_result .result_tbl .result_row {

}

.list_result .result_tbl .result_row td{
	background:url(../img/img_bullet_gray.jpg) no-repeat 0px center;
	color:#5f5f5f;
	border-bottom: 1px dotted #a9a9a9;
	padding:0px 2px 2px 8px;
	font-family:tahoma;
	font-size:11px;
}

.list_result .result_tbl .higlight_col {
	background:url(../img/img_bullet_red.jpg) no-repeat 0px center !important;
	color:red !important;
	font-weight:bold;
}
/* tab trong nuoc */
/* New css */
.error-message{
color: red;
font-weight:normal;
}
.error-message-checkout{
color: red;
font-weight:normal;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
}
.error-message-left-right{
color: red;
font-weight:normal;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
}
.page-title-view-1
{
	background: url(../img/bg_line_1.gif) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 11pt;
	padding-left: 40px;
}
.page-title-view-2
{
	background: url(../img/bg_line_2.gif) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 11pt;
	padding-left: 40px;
}
.page-title-view-3
{
	background: url(../img/bg_line_3.gif) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 11pt;
	padding-left: 40px;
}
.page-title-view-4
{
	background: url(../img/bg_line_4.gif) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 11pt;
	padding-left: 40px;
}
.page-title-view-5
{
	background: url(../img/bg_line_5.gif) no-repeat;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 11pt;
	padding-left: 40px;
}
a.cart_item {
	text-decoration:none;
	color:#a6f100;
}
a.cart_item:hover {
	text-decoration:none;
	color:#a6f100;
}
.recommend{
	color:green;
	font-weight:normal;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
.recommend_text{
	color:green;
	font-weight:normal;
}