/* Page Generated in 0.000000 seconds */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
background:url(/img/bg_azshop.jpg) no-repeat fixed #002d4a top center;
margin:0px;
padding:0px;
line-height:150%;
letter-spacing:1
}
img,p,h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
overflow:hidden;
}
input[type=text]{
height:15px;
color:#1e769d
}
textarea{
color:#1e769d;
padding:4px
}
input[type=password]{
height:15px;
color:#1e769d
}
a:link,a:active,a:visited{
color:#464646;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#464646;
}
#main{
margin:auto;
padding:0;
width:990px;
margin-top:5px;

}

.top_head{
background:url(/img/top_head.PNG) no-repeat;
width:980px;
height:7px;
margin:auto;
padding:0px;
overflow:hidden;
}
.bottom_main{
background:url(/img/bottom_main.gif) no-repeat;
width:980px;
height:7px;
margin:auto;
padding:0px;
}

#header_area{
width:980px;
margin:auto;
padding:0px;
height:78px;
overflow:hidden;
}
.logo_azshop{
background:url(/img/logo.gif) no-repeat;
width:194px;
height:78px;
float:left;
margin:0px;
padding:0px;
}
.bg_onlineSupport{
background:url(/img/bg_onlineSupport.gif) no-repeat;
height:98px;
width:396px;
float:left
}
.bg_login{
background:url(/img/bg_login.gif) repeat-x;
height:78px;
width:390px;
float:left;
}

#topmenu{
width:990px;
margin:auto;
padding:0px;
float:left
}
.bg_menuL{
background:url(/img/bg_menuL.gif) no-repeat;
height:44px;
width:10px;
float:left
}
.bg_menuR{
background:url(/img/bg_menuR.gif) no-repeat;
height:44px;
width:10px;
float:left;

}
.bg_menuCenter{
background:url(/img/bg_menuCenter.gif) repeat-x;
height:44px;
width:970px;
float:left;
overflow:hidden;
}
#body_main{
width:970px;
margin:auto;
background-color:white;
padding-top:8px;
margin-left:5px;
position:absolute;
padding:5px;

}
.left_colum{
width:700px;
float:left;
background-color:white;


}
.right_colum{
width:260px;
float:left;
background-color:white;


}
.title_news{
background:url(/img/bg_news.gif) no-repeat 0px 5px;
font-weight:bold;
color:#1e769d;
font-size:12pt;

}
/*---*/
#left_menu ul{
margin:0px;
margin-top:15px;
padding:0px;
width:230px

}
#left_menu ul li{
list-style-type:none;
list-style-image:none;
width:220px;
margin:3px 0px 3px 3px;
}
#left_menu ul li a{
font-size:12px;
color:#464646;
text-decoration:none;
padding:3px 0px 3px 5px;
width:220px;
display:block;
height:24px;

}
#left_menu ul li a:hover{
background:url(/img/hover_link.gif) no-repeat;
height:24px;
width:220px;
display:block;
text-decoration:none;
padding:3px 0px 3px 5px;
}
.clearBoth{
clear:both;
}
#bgHelp ul{
background:url(/img/bg_help.gif) no-repeat top;
height:50px;
 width:220px;
 margin-left:10px;
padding:0px;
}
#bgHelp li{
list-style-type:none;
list-style-image:none;
margin-left:24px;
padding-top:3px;
}
#bgHelp li a{
color:#0089c7;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:none;
}
#bgHelp li a:hover{
text-decoration:underline;
}
.cart_shop{
background:url(/img/cart_shop.gif) no-repeat;
height:85px;
width:250px;

}
/*---font---*/
.font_white{
color:white;
font-weight:normal;
text-decoration:none;
}
.font_white a:link,.font_white a:active,.font_white a:visited{
color:white;
font-weight:normal;
text-decoration:none;
}
.font_white a:hover{
text-decoration:underline
}
.font_blue{
color:#1e769d;
text-decoration:none;
}
.font_blue a:link,
.font_blue a:active,
.font_blue a:visited{
color:#1e769d;
text-decoration:none;

}
.font_blue a:hover{
text-decoration:underline;
color:#1e769d;
}
.font_title{
color:#1e769d;
font-weight:bold;
font-size:11pt;
}
.font_title_normal
{
    margin-top: 6px;
}
.font_price{
color:#1e769d;
font-weight:bold;
}
.font_tiny{
font-size:11px;
color:#858585;
}
.font_red{
color:red;
font-weight:bold;
}
/*---end font---*/

/*---product---*/
.hot_product{
background:url(/img/hot_product.gif) no-repeat top;
height:42px;
width:250px;
margin-top:5px;
}
.hot_product p{
text-align:center;
margin:0px;
padding-top:3px;
}
.bottom_bor{
background:url(/img/bottom_bor.gif) no-repeat;
height:5px;
width:250px;
overflow:hidden
}
.product_list{
border-left:1px solid #b4cdd8;
border-right:1px solid #b4cdd8;
margin:0px;
padding:0px;
width:248px;
overflow:hidden;
padding-bottom:5px
}
.product_list div{
width:240px;
padding:10px 3px 10px 3px;
background:url(/img/line_dot.gif) repeat-x bottom;
overflow:hidden

}
.product_list div img{
float:left;
border:1px solid #dbdbdb;
padding:3px;
margin-right:10px;

}
.product_list div p{

margin-left:3px;
padding:5px 5px 5px 3px;
margin-right:10px;

}
.saleOff_product{
background:url(/img/sale_off.gif) no-repeat top;
height:42px;
width:250px;
margin-top:5px;
}
.saleOff_product p{
text-align:center;
margin:0px;
padding-top:3px;
}
/*--end product--*/
.cate_product{
background:url(/img/cate_product.gif) no-repeat;
width:350px;
height:32px;
overflow:hidden;
padding-top:3px;
}
.cate_product a:link,.cate_product a:active,.cate_product a:visited{
margin:5px 0px 0px 20px;
padding-top:5px;
color:white;
font-weight:bold;
text-decoration:none;
}
.cate_product a:hover{
text-decoration:underline;
color:white;
}
.cate_bottom{
background:url(/img/cate_bottom.gif) no-repeat;
width:350px;
height:10px;
overflow:hidden
}
.bor_small{
/* background:url(/img/bor_small.gif) no-repeat; */
border:1px solid #EFEFEF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:69px;
width:206px;
margin-bottom:8px;
padding-top:3px
}
.hor_line{
background:url(/img/hor_line.gif) no-repeat top;
width:4px;
height:232px;
float:left;
margin-left:8px;
}
.bor_img{
border:1px solid #dbdbdb;
padding:2px;
}
.cate_box{
padding:5px 5px 0px 5px;
width:338px;
border-left:1px solid #b4cdd8;
border-right:1px solid #b4cdd8;
overflow:hidden;
height:246px;
}
/*--new product--*/
.new_product{
background:url(/img/new_product.gif) no-repeat;
width:710px;
height:42px;
margin-top:5px;
clear:both;
padding-top:3px;
}
.bg_category{
background:url(/img/bg_category.gif) no-repeat;
width:710px;
height:42px;
margin-top:5px;
clear:both;
padding-top:3px;
}
.bg_product_name{
background:url(/img/bg_product_name.jpg) repeat-x bottom;
height:104px;
width:155px;
text-align:center;
padding:5px;
}
.bg_search_result {
background:transparent url(/img/bg_search_result.gif) no-repeat scroll 0 0;
height:45px;
width:705px;
}
a.pagenum {
border:1px solid #B4CDD8;
font-weight:bold;
list-style-image:none;
list-style-type:none;
margin-right:4px;
text-align:center;
padding:1px;
text-align: center;
}
a.pagecurrent {
background-color: #0165ca;
color: #fff;
border:none;
}
.new_product_repx{
border-top:1px solid #dbdbdb;
margin-left:8px;
overflow:hidden;
}
/*-----*/

.footer_left{
background:url(/img/footer_left.gif) no-repeat;
height:100px;
width:20px;
float:left;
}
.footer_right{
background:url(/img/footer_right.gif) no-repeat;
height:100px;
width:20px;
float:right
}
.footer_center{
background:url(/img/footer_center.gif) repeat-x;
height:100px;
float:left;
width:930px;
}
.footer_center p a{
float:left;
margin-right:25px;
margin-left:30px;

}
/*----menu---*/
#ddtoptabs {
background:transparent none repeat scroll 0 0;
height:30px;
margin-left:4px;
padding:3px 0 0 5px;
voice-family:inherit;
/* width:440px; */
width:auto;
}
#ddtoptabs ul {
-x-system-font:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:2px 0px 0px 0px;

}
#ddtoptabs li {
display:inline;
font-size:120%;
line-height:1.3em;
margin:0px 2px 0px 0px;
padding:0;
text-transform:uppercase;

}
#ddtoptabs a, #ddtoptabs strong {
background:transparent url(/img/tabs_left.gif) no-repeat scroll left top;
border-bottom:1px solid #FFFFFF;
color:#464646;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
margin:3px 8px 0 0;
padding:0 0 0 2px;
text-decoration:none;
height:30px
}
#ddtoptabs a span {
float:none;
}
#ddtoptabs a span, #ddtoptabs #current span {
background:transparent url(/img/tabs_right.gif) no-repeat scroll right top;
color:#464646;
display:block;
float:left;
font-weight:bold;
padding:1px 9px 0px 6px;
height:30px
}
/*---*/
.box_search{
 background:url(/img/box_searh.gif) no-repeat;
 height:23px;
 width:298px;
 border:none;
 padding:4px;
font-style:italic;
color:#1e769d;
}
/*---product detail*/
.navigate{
border-bottom:1px solid #dbdbdb;
border-top:1px solid #dbdbdb;
padding:5px;
background-color:#f0f8fc;
clear:both
}
#thumbnails ul{
width:350px;
margin:0 auto;
text-align:center;
padding-left:5px;
margin:0px;
float:left;
background:url(/img/bg_smallPic.gif) no-repeat;
height:88px;
}
#thumbnails ul li{
margin:5px 5px 10px 0px;
float:left;
width:86px;
padding:3px;
border:1px solid #dbdbdb;
}
#thumbnails ul li:hover{
border:1px solid red;
}
/*-----*/
/*----relate product--*/
.bottom_bg{
background:url(/img/bg_bottom.gif) repeat-x;
height:18px;
width:705px
}
#relate_product ul{
margin-left:8px;
padding:0px;

}
#relate_product ul li{
	width:160px;
	height:160px;
	float:left;
	list-style-image:none;
	list-style-type:none;
	
}
#relate_product ul li p{
width:150px;
text-align:center;

}
/*----*/
.font_green{
color:#458212;
font-size:14pt;
}
.box_choose{
margin-top:40px;
padding:10px 6px 10px 6px;
width:300px;
border:1px solid #c6dbe4;
background-color:#F0F8FC;
position:absolute
}
.bg_account{
background:url(/img/bg_account.gif) no-repeat;
width:705px;
height:45px;
}
.bg_private{
background:url(/img/bg_private.gif) no-repeat;
width:705px;
height:45px;
}
.bg_contact{
background:url(/img/bg_contact.gif) no-repeat;
width:705px;
height:45px;
}
.bg_thanhtoan{
background:url(/img/bg_thanhtoan.gif) no-repeat;
width:705px;
height:45px;
}
.bg_homeAddress{
background:url(/img/bg_homeAddress.gif) no-repeat;
width:705px;
height:45px;
}
.bg_otherAddress{
background:url(/img/bg_otherAddress.gif) no-repeat;
width:705px;
height:45px;
}
.bg_step1{
background:url(/img/bg_address.gif) no-repeat;
width:705px;
height:45px;
}
.bg_step2{
background:url(/img/bg_confirm.gif) no-repeat;
width:705px;
height:45px;
}

/*-----------------*/
.bg_step2_3{
background:url(/img/bg_delivery.gif) no-repeat;
width:375px;
height:45px;
}

/*---shopping cart--*/
.bg_cart{
background:url(/img/bg_cart.gif) no-repeat;
width:705px;
height:45px;
}
.cart_title{
background:url(/img/cart_title.gif) repeat-x;
height:32px;
}
.tbl_cart tr td{
text-align:center;
padding:8px 0px 8px 0px;
background-color:#FFFFFF
}
.page_split ul{
margin:0px;
padding:0px;

}
.page_split ul li{
float:left;
list-style-type:none;
list-style-image:none;
text-align:center;
font-weight:bold;
color: black;
}
.page_split a:link,
.page_split a:active,
.page_split a:visited{
width:13px;
text-decoration:none;
display:block;
border:1px solid #b4cdd8;
}

.page_split a:hover{
border:1px solid #b4cdd8;
width:13px;
color:white;
display:block;
background-color:#0089c7;
}
.bg_page{
margin-top:25px;
background-color:#e8f8f3;
overflow:hidden;
height:25px;
border-top:1px solid #b4cdd8;
border-bottom:1px solid #b4cdd8;
padding-top:3px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
margin:0px;
font: bold 12px arial;
list-style-type: none;
 /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
padding:0px;
text-decoration:none;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
height:28px;
margin:0px;
background: white url(/img/shade.gif) top left repeat-x;
padding:7px;
color:white;
text-decoration:none

}

.shadetabs li a:visited{
color: #f6f6f6;
margin:0px;
text-decoration:none
}

.shadetabs li a:hover{
text-decoration: none;
margin:0px;
color:#FFFFFF;
background-image: url(/img/shadeactive.gif);
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
margin:0px;
color:#FFFFFF;
background-image: url(/img/shadeactive.gif);
text-decoration:none
/*top: 1px;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
margin:0px;
color:#FFFFFF;
text-decoration:none
}

.tabcontent{
display:none;
margin:0px;
padding:20px 10px 20px 10px;
}

@media print {
.tabcontent {
display:block !important;
}
}
/*-----*/
/* Tiny Slide Show */
/* body {margin:0; background:#111; padding:5px; font:11px Verdana,Arial} */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:360px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:360px; height:250px; padding:2px; border:1px solid #ccc;}
#information {position:absolute; bottom:0; width:360px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:360px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:250px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/img/tinyslideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/img/tinyslideshow/right.gif) right center no-repeat}
#imglink {position:absolute; height:250px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/img/tinyslideshow/link.gif) center center no-repeat}
#thumbnails {margin-top:15px;background: #111}
#slideleft {float:left; width:20px; height:60px; background:url(/img/tinyslideshow/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:60px; background:#222 url(/img/tinyslideshow/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:310px; margin-left:5px; height:60px; overflow:hidden;background:#111}
#slider {position:absolute; left:0; height:60px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* ################################## Scrollable ################################ */
/* Scrollable buttons */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 630px; 
    height:180px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
    width: 142.5px;
    margin: 5px; 
    padding: 2px;
    border:1px solid #ccc;
    height: 160px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 2px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* scrollable navigator */

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:10px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.slidetabsmenu{
float:left;
/* width:500px; */
width:560px;
font-size: 12px;
line-height:normal;
margin:0px;
padding:0px;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 0px;;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(/img/slide-left.gif) no-repeat left top transparent;
margin:0;
margin-right: 5px;
padding:0px 0px 0px 9px;
text-decoration:none;
height:26px;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(/img/slide-right.gif) no-repeat right top transparent;
padding:5px 5px 6px 4px;
font-weight:bold;
color:#464646;
margin:0px;
text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: #464646;
text-decoration:none;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -125px;
text-decoration:none;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -125px;
text-decoration:none;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position:absolute;
top:0px;
border: 1px solid #dbdbdb; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;

}

.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 10px;
border: 0 solid #dbdbdb; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 3px 0;
text-decoration: none;
font-weight: normal;
color: #464646;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
text-decoration:none;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #e7f4fa;
text-decoration:none;
}

.bg_3box{
background:url(/img/bg_3box.gif) no-repeat;
width:710px;
height:295px;
overflow:hidden;
float:left;
}
.coupon_true{
background:url(/img/true.jpg) no-repeat right;
border:1px solid #7f9db9;
height:19px;

}
.coupon_false{
background:url(/img/false.jpg) no-repeat right;
border:1px solid #7f9db9;
height:19px;
}

/* Tiny Dropdown menu */
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#464646; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:29px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #dcdcdc; border-top:none; width:150px; margin:0;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#ffffff;text-decoration:none}
ul.menu ul li a:hover {background-color:#ccecfa;text-decoration:none}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:3px 7px 3px 7px;margin-top:3px; font-weight:bold; background:url(/img/header.gif);}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(/img/header_over.gif);text-decoration:none}
ul.menu .sub {background:#ffffff url(/img/arrow.gif) 136px 8px no-repeat}
a.sub + ul > li {
	border-top: solid 1px #DBDBDB;
}
ul.menu .topline {border-top:1px solid #dcdcdc}