@charset "utf-8";
/* CSS Document */
#logo h1 {
    position: absolute;
    top: -500px;
}
body {
	background: url(../images/bg_body.png) no-repeat bottom center fixed #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #333;
	margin: 0;
	padding: 0;
}
#ct3Left h3 {
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
.messageBox {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.clr {
	clear: both;
}

.next {
	background: url("../images/bg_continue.jpg") no-repeat right center #199944;
	border: 1px solid #199944;
	padding: 3px 10px;
	padding-right: 30px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.back {
	background: url("../images/bg_previous.jpg") no-repeat left center #199944;
	border: 1px solid #199944;
	padding: 3px 10px;
	padding-left: 30px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.next:hover, .back:hover {
	color: #ffff00;
}

a {
	color: #006600;
	text-decoration:none;
}

a:hover {
	color: #ff0000;
}

table {
	 border-collapse: collapse;
}

img {
	border: none;
}

input[type=text], textarea {
	border: 1px solid #ccc;
}
#thong_bao {
	background: #ffde05;
	color: #000;
	padding: 5px 10px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#thong_bao p {
	margin: 0px;
}
#mainTop {
	background: url(../images/bg_colorbottom.jpg) repeat-x bottom center transparent;
	padding: 15px 0;
}

#mainFrame {
	margin: 0 auto;
	width: 1000px;
}

#logo {
	float: left;
}

#headerRight {
	float: right;
}

#topHeader {
	padding: 5px;
	min-width: 450px;
	border: 1px solid #ccc;
	background: url(../images/bg_toprightheader.jpg) repeat-x bottom center #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.registerMenu {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.registerMenu li {
	display: inline-block;
	background: url(../images/line_registerMenu.jpg) no-repeat right center transparent;
	padding: 0 5px;
}

ul.registerMenu a {
	color: #006600;
}

ul.registerMenu a:hover {
	color: #ff0000;
}

#bottomHeader {
	padding-top: 10px;
}

ul.bottomHeader {
	padding: 0;
	margin: 0;
}

ul.bottomHeader li {
	display: inline;
	padding: 0 13px;
	font-size: 13px;
	font-weight: bold;
}

#currency {
	border: 1px solid #ccc;
}

#topMenu {
	background: url(../images/bg_downtopheader.png) repeat-x top center transparent;
	text-align: right;
	padding-top: 40px;
	margin-top: 1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.topMenu {
	padding: 0;
	margin: 0;
}

ul.topMenu li {
	display: inline;
	padding-left: 35px;
	background: url(../images/icon_topmenu.png) no-repeat 20px transparent;
}

ul.topMenu a {
	font-size: 15px;
	color: #333;
}

ul.topMenu a:hover {
	color: #ff0000;
}

#contentFrame {
	background: url(../images/bg_mainmenu.jpg) repeat-x top center #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#topNav {
	padding: 6px;
}

#mainmenu {
	float: left;
}

ul.mainmenu {
	margin: 0;
	padding: 0;
}

ul.mainmenu li {
	display: inline-block;
	background: url(../images/line_mainmenu.jpg) no-repeat right center transparent;
}

ul.mainmenu li.homePage {
	padding-right: 20px;
}

ul.mainmenu a {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}

ul.mainmenu a:hover {
	color: #ffff00;
}

#search {
	float: right;
}

#search {
	background: url(../images/bt_search.jpg) no-repeat right center #fff;
	padding: 2px 4px;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#search { padding: 0px 4px; }
}

#ma_don_hang {
	color: #555;
	width: 165px;
	border: none;
	background: none;
	padding: 0;
	font-size: 11px;
	height: 18px;
}

#btSubmitSearch {
	border: none;
	background: none;
	padding: 0;
	margin-left: 5px;
	width: 30px;
	height: 20px;
}

#btSubmitSearch:hover {
	cursor: pointer;
}

#content {
	padding: 15px;
	min-height: 1000px;
}

#bestProduct {
	float: left;
	width: 726px;
}

.productItem {
	float: left;
	width: 205px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
	padding-top: 15px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.noRight {
	margin-right: 0!important;
}

.productImageThumbnail {
	background: url(../images/bg_imgproduct.png) no-repeat bottom center transparent;
	padding-bottom: 3px;
	text-align: center;
}

.productImageThumbnail img {
	max-width: 201px;
	max-height: 170px;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h2.productTitle {
	font-size: 13px;
	color: #0D7D3F;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

h2.productTitle:hover {
	color: #333;
}

span.productPrice {
	color: #ff0000;
}

.buttonProduct {
	text-align: center; 
}

a.btAddCart {
	background: url(../images/bg_btaddcart.jpg) no-repeat left center #fff;
	border: 1px solid #ccc;
	padding: 3px 5px;
	padding-left: 25px;
	color: #0D7D3F;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.btAddCart:hover {
	color: #ff0000;
}

a.btDetail {
	margin-left: 10px;
}

#bestSell {
	background: url(../images/bg_linebestsell.jpg) no-repeat 0 25px transparent;
	padding: 15px;
	text-align: right;
}

a.btBestSell {
	border: 1px solid #ccc;
	padding: 6px 12px;
	background: url(../images/bg_btbestsell.jpg) repeat-x center #ff0000;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.block_html {
	float: right;
	width: 240px;
	text-align: center;
	border: 1px solid #ccc;
	background: #efefe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#content_2 {
	padding-bottom: 8px;
}

#ct3Left {
	float: left;
}

#flower, #gift {
	background: url(../images/bg_topList.jpg) repeat-x top center transparent;
	float: left;
	width: 327px;
	padding: 0 10px;
	border: 1px solid #ccc;
	margin-right: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

h2.flowerListTitle {
	background: url(../images/flower.png) no-repeat left center transparent;
	font-size: 16px;
	font-weight: normal;
	color: #ff0000;
	padding: 10px 0;
	padding-left: 30px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

h2.giftListTitle {
	background: url(../images/gift.png) no-repeat left center transparent;
	font-size: 16px;
	font-weight: normal;
	color: #ff0000;
	padding: 10px 0;
	padding-left: 30px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

ul.flowerList li, ul.giftList li {
	font-size: 13px;
	font-weight: bold;
	color: #ff0000;
}

ul.flowerList a, ul.giftList a {
	color: #0D7D3F;
}ul.flowerList a:hover, ul.giftList a:hover {	color: #ff0000;}
#ct3Right {
	float: right;
	width: 240px;
}

.online_support {
	background: url(../images/bg_titleblock.jpg) repeat-x top center transparent;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.online_support h2 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 8px 20px;
}

ul#list_subport {
	list-style: none;
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px dotted #ccc;
}

ul#list_subport li.pad {
	padding: 3px 10px;
	padding-left: 25px;
}

li.cpn_name {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

li.phone {
	background: url(../images/support_phone.png) no-repeat left center transparent;
}

li.fax {
	background: url(../images/support_fax.png) no-repeat left center transparent;
}

li.mail {
	background: url(../images/support_email.png) no-repeat left center transparent;
	padding-left: 25px;
}

li.hotline {
	background: url(../images/support_hotline.png) no-repeat left center transparent;
}

li.address {
	background: url(../images/support_home.png) no-repeat 0 8px transparent;
}

ul#support_online {
	list-style: none;
}

ul#support_online li {
	display: inline-block;
}

#content_4 {
	background:#F7F6F6;
	padding: 25px;
	margin: 15px 0;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#content_4 a {
	color: #333;
}

#content_4 a:hover {
	color: #ff0000;
}

#ct4Left {
	float: left;
	width: 650px;
}

.cityListNav {
	padding: 10px 0;
}

span.major_city {
	font-weight: bold;	
}

h2.cityListTitle, h2.regionListTitle {
	background: url(../images/icon_titledienhoa.png) no-repeat 0 2px transparent;
	font-size: 16px;
	font-weight: normal;
	color: #0D7D3F;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 8px;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase;
}

#ct4Right {
	float: right;
	width: 240px;
}

#categoryList {
	background: url(../images/bg_titleblock.jpg) repeat-x top center transparent;
	border: 1px solid #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#categoryList h2 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 8px 20px;
}

ul.categoryList {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
}

ul.categoryList li {
	background: url(../images/icon_listnews.png) no-repeat 9px 9px #fff;
	padding: 3px 10px;		padding-left: 20px;
	margin-bottom: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul.categoryList a {	
	color: #333;	
	font-weight: bold;
}
ul.categoryList a:hover {	
	color: #ff0000;
}
#contentRight #suport, #contentRight #categoryList, #contentRight #tracklogin {
	background-color: #fafafa;
	border: 1px solid #ccc!important;
}
#contentRight #buttonLike {
	background-color: #fafafa;
	border: 1px solid #ccc!important;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#contentRight .social {
	border: none;
	margin-top: 0;
}

table.cityListTable td, table.regionListTable td {
	width: 20%;
}

span.font {
	font-weight: bold;
	color: #ff0000;
}

#buttonLike fieldset {
	border: 1px solid #ccc;
	margin-top: 20px;
}

.partner {
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: inset 0 0 5px 1px #ccc;
	-webkit-box-shadow: inset 0 0 5px 1px #ccc;
	box-shadow: inset 0 0 5px 1px #ccc;
}

.partner ul {
	margin: 0;
	padding: 0;
}

.partner ul li {
	display: inline-block;
	padding: 0 5px;
}

.copy_right {
	text-align: center;
}

#footerMenu {
	background: url("../images/bg_mainmenu.jpg") repeat-x scroll center top #E1E1E1;
	padding: 5px;
}

#footerMenuFrame {
	margin: 0 auto;
	width: 1000px;
}

ul.menuFooter {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 900px;
}

ul.menuFooter li {
	display: inline;
	padding-right: 15px;
}

ul.menuFooter a {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

ul.menuFooter a:hover {
	color: #ffff00;
}

#payment {
	float: right;
	padding-top: 7px;
}

#mainBotton {
	background: #e1e1e1;
}

#bottonFrame {
	margin: 0 auto;
	width: 1000px;
}

.thong_tin_footer {
	text-align: center;
	padding: 5px;
}

#friendlyKeyword {
	padding: 5px;
	color: #888;
}

p.readmore {
	text-align: right;
}

#cartContent {
	margin-left: 250px;
	width: 185px;
	position: absolute;
	padding: 10px;
	z-index: 9999;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.cartProductItem {
	border-bottom: 1px dotted #ccc;
}

.cartImage {
	width: 70px;
}

.cartNameProduct {
	font-weight: bold;
}

.cartPrice {
	color: #ff0000;
}

.cartTotalMony {
	font-weight: bold;
	text-align: right;
	color: #ff0000;
}

.cartCheckOut {
	float: right;
	color: #0D7D3F;
	font-size: 11px;
}

.cartbt {
	border: 1px solid #0D7D3F;
	padding: 2px 6px;
	background: #10984d;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#contentLeft {
	float: left;
	width: 715px;
	text-align: justify;
}

#contentRight {
	float: right;
	width: 240px;
}

div.space {
	height: 10px;
}

#tracklogin {
	text-align: right;
	background: url(../images/bg_titleblock.jpg) repeat-x top center transparent;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#tracklogin h2 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 8px 20px;
}

ul.track_login {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
}

ul.track_login li {
	padding: 3px 10px;
	margin-bottom: 5px;
}

.headdingTitle {	
	font-size: 16px;		
	color: #ED1C24;		
}

.mainContent {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px
}

.mainContent img {
	max-width: 693px;
}

.articleItem {
	margin-bottom: 10px;
}

.articleImage {
	width: 160px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
}

.imageProduct {
	width: 260px;
}

.imagesProductThumbnail {
	text-align: center;
	padding-top: 10px;
}

.imageProductItem {
	width: 75px;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	margin-right: 10px;
}
.imageProductItem:hover {	cursor: pointer;}
.productContent {
	
}

.productDetailTitle {
	font-size: 18px;
	margin-top: 0;
}

.multiPrice {
	list-style: none outside none;
	padding-left: 0;
}

span.price {
	color: #ff0000;
	font-weight: bold;
}

#selNumber {
	border: 1px solid #ccc;
	padding: 0;
}

input.button_order {
	border: 1px solid #1da34a;
	background: url(../images/bg_buttonorder.jpg) no-repeat left center transparent;
	padding: 2px 10px;
	padding-left: 22px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

input.button_order:hover {
	cursor: pointer;
	color: #ffff00;
}

.productRelatedTitle {
	background: url("../images/bg_linebestsell.jpg") no-repeat scroll right center transparent;
}

.productRelatedTitle h3 {
	float: left;
	border: 1px solid #ccc;
	padding: 5px 10px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.paginationControl ul {
    text-align: center;
	padding: 0;
}

.paginationControl li {
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    margin: 0 2px;
    padding: 4px 9px;
	-moz-box-shadow: inset 0 0 5px 0 #ccc;
	-webkit-box-shadow: inset 0 0 5px 0 #ccc;
	box-shadow: inset 0 0 5px 0 #ccc;
}

.paginationControl li:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.paginationControl li a {
    color: #FF0000;
    font-weight: bold;
}

.track_login input {
	margin: 5px 0;
	border: 1px solid #ccc;
	padding: 3px;
}

#idTrack, #username, #password {
	width: 190px;
}

#btTrack, #btLogin {
	cursor: pointer;
}

p.tongThanhTien {
	text-align: right;
	font-weight: bold;
	color: #ff0000;
	font-size: 13px;
}

.cartImageThumbnail {
	width: 120px;
}

.cartTable th {
	text-align: center;
	font-weight: bold;
	padding: 8px 5px;
	border: 1px solid #ccc;
	background: url("../images/bg_titlecart.jpg") repeat-x scroll left center #e1e1e1;
}

.cartTable td {
	padding: 10px;
	border: 1px solid #ccc;
}

.inputQty {
	padding: 3px 5px;
	border: 1px solid #ccc;
	text-align: center;
	width: 30px;
	margin-top: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.deleteImage {
	margin-top: 10px;
}

.refreshImage, .deleteImage {
	cursor: pointer;
}

#productWidth {
	border: 1px solid #ccc;
	padding-bottom: 10px;
}

h1.productWidthTitle {
	background: url("../images/bg_titlecart.jpg") repeat-x scroll left center #E1E1E1;
	font-size: 14px;
	font-weight: normal;
	color: #0D7D3F;
	margin: 0;
	margin-bottom: 10px;
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
}

.imageProductWidth {
	
	width: 100px;
	height: 80px;
	float: left;
	margin: 0 15px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.titleProductWidth {
	margin: 0;
}

.titleProductWidth a {
	color: #ff0000;
	font-weight: bold;
}

.titleProductWidth a:hover {
	color: #333;
}

.desProductWidth {
	margin: 5px;
	color: #555;
}

.descreptionProductDetail {	
	margin-top: 15px;
	padding: 10px;	
	text-align: justify;
	border: 1px dashed #CCCCCC;
	color: #0D7D3F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.listProductTop {
	min-height: 150px;
}

.listProductTitle {
	font-size: 18px;
	color: #ED1C24;
}

.listProductDescription {
	font-weight: bold;
	color: #888;
	max-width: 450px;
	font-style: italic;
}

.listProductPathWay {
	padding: 10px 0;
}

.priceOption {
	font-size: 13px;
	font-weight: bold;
	color: #0D7D3F;
	padding-bottom: 8px;
}

.loai_nho {
	background: url("../images/loai_nho.png") no-repeat scroll 4px 5px transparent;
	padding-left: 25px;
}

.trung_binh {
	background: url("../images/trung_binh.png") no-repeat scroll 2px 3px transparent;
	padding-left: 25px;
}

.loai_lon {
	background: url("../images/loai_lon.png") no-repeat scroll left center transparent;
	padding-left: 25px;
}

table.bggray {
	background-color: #eee;
}

.mess {
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}

#breadcrumb {
	float: left;
}

a.breadcrumb {
	color: #0D7D3F;
	background: url("../images/icon_breadcrumb.jpg") no-repeat scroll right center transparent;
	padding-right: 12px;
}

a.breadcrumb:hover {
	color: #ff0000;
}

#sortProduct {
	float: right;
	font-weight: bold;
}

.link_asc {
	display: inline-block;
	width: 20px;
	height: 12px;
	background: url("../images/sort_asc.png") no-repeat scroll center center transparent;
}

.link_asc span {
	display: none;
}

.link_desc {
	display: inline-block;
	width: 20px;
	height: 12px;
	background: url("../images/sort_desc.png") no-repeat scroll center center transparent;
}

.link_desc span {
	display: none;
}

.productDetail {
	padding: 10px 0;
}

.productContent {
	padding-left: 15px;
}

#langVn:hover , #langEn:hover {
	cursor: pointer;
}

span.major_procategopry {
	font-weight: bold;
}

.regionListTable {
	margin-top: 20px;
}

.regionListTable td {
	padding: 5px 10px;
	border: 1px solid #eee;
}

#shopcheckout {
	margin-right: 30px;
}

.grey {
	background-color: #efefef;
}

.contentPrice {
	background: #F8F8F8;
	padding-top: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.framebto {
	padding: 10px;
	text-align: right;
}

.itencatlist li {
	font-weight: bold;
	padding: 2px 0;
}

.red {
	color: #F00;
}

.readmorearticel {
	float: right;
}

#contactForm td {
	text-align: left;
}

#contactForm input[type="text"], #contactForm textarea {
	width: 350px;
	padding: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#map {
	width: 691px;
	height: 400px;
	border: 1px solid #ccc;
}

#contactForm {
	background: #f5f5f5;
	padding: 10px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-right: 180px;
}

.bdred {
	border: 1px solid #F00!important;
}

.keyword p {
	margin: 0px;
}
.mess_ralated {
	font-weight: bold;
}
table.logonganhang, 
table.logonganhang td {
    border: 1px dotted #CCCCCC;
}