/* -----------------------
reset style 
--------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
table tr, table td { border-width:0; border-collapse:collapse; border:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none; line-height:1.5em; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6
{
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
h1 {font-size: 20px; color: #ea8d1e; margin:0.5em 0 0.5em;}
h2 {font-size: 20px; color: #ea8d1e; letter-spacing:-0.03em; line-height:1; margin:0.5em 0 0.5em; }
h3 {font-size:135%; letter-spacing:-0.03em; line-height:1; margin:0.5em 0 0.5em; }
h4, h5, h6 {margin: 1.5em 0 .5em 0;}
h4 {font-size: 12px; color: #666; letter-spacing: 1px; font-weight: bold}
h5 {font-size: 11px; color: #97969a; letter-spacing: 1px; font-weight: normal;}
h6 {font-size: 11px; color: #ff9100; letter-spacing: 1px; font-weight: normal;}
p { line-height:1.5em;}
q:before,q:after { content:''; }
abbr,acronym { border:0;}
/* ---------------------------
main page style 
-----------------------------*/
html, body {
     margin: 0;
     padding: 0;
     border: 0;
     line-height:1.3em;
     /*text-align:center;*/
}
body
{
	/*text-align:center;*/
	background-color:#FFFFFF;
	/*font-family:arial,sans-serif;*/
	font-family: Arial, Helvetica;
	font-size:10pt;
}
body
{
	text-align: -moz-center;
}
#main
{
    text-align:left;
	/*width:758px;*/
	margin: 0 auto 0 auto; width: 758px;
	background: transparent url('../images/bg.gif');
	background-repeat:repeat-y;
}
#warpper
{
    
    margin:0 4px 0 4px;
	width:750px;
}
#main #menu
{
	padding:0px;
	margin:0px;
	height:36px;
	list-style-type:none;
	text-align:left;
}
#main #menu li
{
	position:relative;
	float:left;
	margin:0px;
	display:inline;	
	height:36px;
}
#container
{
	width:100%;
	margin-top:0;
	overflow:hidden;
}
#leftmenu
{
	float:left;
	/*width:150px;*/
	width:20%;
}
#containermain
{
    float:left;
    overflow:hidden;
    /*width:580px;*/
    width:79%;
}
#containertop
{ 
	margin:5px 0 0 0;
	overflow:hidden;
	width:100%;
	 border-bottom:dotted 1px #ccc;
}
#containerbottom
{
    overflow:hidden;
	width:100%;
}
#footer
{
    color:#666;
    line-height:1.5em;
    background:#F5F4EB;
    text-align:center;
    overflow:hidden;
    width:100%;
}
.login-status
{
    margin-bottom:0.6em; text-align:right; white-space:nowrap;
}


.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: inline-table; clear:both;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

a:link 
{
	/*font-size:100%;
	line-height:1.3em;*/
	color: #4D70B8;
	text-decoration: none;
}
a:visited 
{
	/*font-size:100%;
	line-height:1.3em;*/
	color: #4D70B8;
	text-decoration: none;
}
a:hover 
{
	/*font-size:100%;
	line-height:1.3em;*/
	color: #8BA4D8;
	text-decoration: none;
}

/*--------------------
 Menu
----------------------*/
.menubar ul.AspNet-Menu /* Tier 1 */
{
	z-index:2000;
    width: 11.85em; 
    font-size:90%;
}

.menubar ul.AspNet-Menu ul  /* Tier 2 */
{
    width: 38em;
    top: 0;
    left: 100%;
    border:solid 1px #efefef;
}

.menubar ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: 0;
    left: 6em;
}

.menubar li /* all list items */
{
    width: 6em;
    background: #f8f9f7;
}

.menubar li:hover, /* list items being hovered over */
.menubar li.AspNet-Menu-Hover
{
    background: #cecfcd;
}

.menubar a, /* all anchors and spans (nodes with no link) */
.menubar span
{
	line-height:1.2em;
    color: #ff7f00;
    padding: 4px 2px 4px 8px;
    border-bottom:1px solid #efefef;
    background: transparent url(../images/menuitem_back.png) right center no-repeat;
}

.menubar li.AspNet-Menu-Leaf a, /* leaves */
.menubar li.AspNet-Menu-Leaf span
{
	background: transparent url(../images/menuitem_back.png) right center no-repeat;
}

.menubar li:hover a, /* hovered text */
.menubar li:hover span,
.menubar li.AspNet-Menu-Hover a,
.menubar li.AspNet-Menu-Hover span,
.menubar li:hover li:hover a,
.menubar li:hover li:hover span,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.menubar li:hover li:hover li:hover a,
.menubar li:hover li:hover li:hover span,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #ff7f00;
    background-image: none !important;
}

.menubar li:hover li a, /* the tier above this one is hovered */
.menubar li:hover li span,
.menubar li.AspNet-Menu-Hover li a,
.menubar li.AspNet-Menu-Hover li span,
.menubar li:hover li:hover li a,
.menubar li:hover li:hover li span,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.menubar li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #666;
	line-height:1.2em;
    font-size:90%;
}
.menubar .AspNet-Menu-Selected /* this tier is selected */
{
    /*border: solid 1px #fff !important;*/
    background:#ccc !important;
}

.menubar .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    /*border: solid 1px #000 !important;*/
    background:#ccc !important;
}

.menubar .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #ccc !important;*/
    /*background:#ccc !important;*/
}
.sitemap
{
	overflow:hidden;
	font-size:90%;
	color:#666;
	line-height:1.5em;
}
.sitemap a:link 
{
	color: #EA8D1E;
	text-decoration: underline;
}
.sitemap a:visited 
{
	color: #EA8D1E;
	text-decoration: none;
}
.sitemap a:hover 
{
	color:#EA8D1E;
	text-decoration: none;
}
.firsthalf
{
    float:left;
    width:70%;
}
.lasthalf
{
    float:right;
    width:30%;
}
/*------------------
Modal Dialog
--------------------*/
.modal-background {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modal-popup 
{
    text-align:left;
	background-color:#ffffff;
	border:solid 1px #666;
	width:550px;
	height:400px;
}
.modal-header
{
    height:18px;
    background:#ccc;
    padding:3px;
}
.modal-header span
{
    float:left;
    width:80%;
    font-weight:bold;
    color:#333;
}
.modal-header a
{
    float:right;
}
.modal-container
{
    padding:3px;
}
/*-------------------
Form
---------------------*/
fieldset
{
    display:block;
    overflow:hidden;
    width: 100%;
}
fieldset legend
{
	font-size:135%; letter-spacing:-0.03em; line-height:1.5; margin:0.5em 0 0.5em;
	color:#000; border-bottom:dotted 1px #ccc;
	width:90%;
}
fieldset.first
{
	float:left;
	width:45%;
}
fieldset.last
{
	float:left;
	width:45%;
	clear:right;
}
.form-section
{
    clear: left;
    padding-left: 20px;
    margin: 0 0 20px;
}
.form-row
{
    /*position: relative;*/
    clear:left;
    display:block;
}
.form-line
{
    float:left;
    margin-right:20px;
}
label.form-label
{
    display: block;
    font-size: 90%;
    font-weight: bold;
    padding-top: 0.6em;
}
input.form-input
{
    padding:3px;
    border:1px solid #DDDDDD;
    font-size:100%;
    min-width:190px;
}
textarea.form-input
{
	padding:3px;
	border:1px solid #DDDDDD;
    font-size:100%;
}
select.form-input
{
	padding:3px;
	font-size:100%;
    width:190px;
}
img.form-captcha
{
    display: block;
}
.status-success
{
	color:#fff;
	background-color:#95ca78;   
    border:solid 1px #8AA000; 
	line-height:1.2em;
	padding:0.5em;
}
.status-error
{
	color:#E8514A;
	background-color:#FDCBCA;   
    border:solid 1px #E8514A;   
	line-height:1.2em;
	padding:0.5em;
}
.status-error li
{
	 color:#E8514A;
}
.dialog-tray
{
    margin: 20px 0 -10px -17px;
    padding: 10px 20px;
    text-align: left;
}
.info-container
{
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    background:#F4F1E9 none repeat scroll 0 0;
    border:1px solid #DFDBD2;
    padding:20px;
}
/*--------------------
Button
---------------------*/
.submit input,
.button,
.button-primary,
.button-secondary,
.button-highlighted {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 1.5em;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}
/*.form-row .button
{
	margin-left:11em;
}*/

.button,
.button-secondary,
.submit input,
input[type=button],
input[type=submit] {
	border-color: #bbb;
	color: #464646;
}

.button:hover,
.button-secondary:hover,
.submit input:hover,
input[type=button]:hover,
input[type=submit]:hover {
	color: #000;
	border-color: #666;
}

.button,
.submit input,
.button-secondary {
	background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
}

.button:active,
.submit input:active,
.button-secondary:active {
	background: #eee url(../images/white-grad-active.png) repeat-x scroll left top;
}

.button-primary,
.submit .button-primary
{
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
}

.button-primary:active
{
	background: #21759b url(../images/button-grad-active.png) repeat-x scroll left top !important;
}

.button[disabled],
.button:disabled,
.button-secondary[disabled],
.button-secondary:disabled,
a.button.disabled {
	color: #ccc !important;
	border-color: #ccc;
}

.button-primary[disabled],
.button-primary:disabled {
	color: #2fa0d5 !important;
}
/*--------------------
content
---------------------*/
.welcome { background:transparent url(../images/user_icon.gif) no-repeat; height:25px; line-height:1.5em; padding-left:20px;}
.cart{ text-align: right; } 
.cart img { vertical-align:middle; }
.align-right{text-align:right;}
.required{color:#ff9100;}
.txtsmall { font-size:75%; color:#666; }
.txtred{color: Red;}
.txtgreen{color:Green;}
.txtblue{color:#4D70B8;}
.txtorange{color:#ff9100;}
.txtgold{color: #EA8D1E;}
.bold{font-weight:bold;}
/*--------------------------------
Register and login form
---------------------------------*/
.form-register
{
    float:left;
    width:270px;
    overflow:hidden;
}
.form-register h3
{
    margin-top:0px;
    border-bottom:1px dotted #ccc;
    line-height:2.5em;
}
.register-info
{
    background:#F4F1E9 none repeat scroll 0 0;
    border:1px solid #DFDBD2;
    margin-left:280px;
    height:400px;
}
.login-menu
{
    font-size:90%;
    vertical-align:middle;
    line-height:1em;
}
.login-menu img
{
    vertical-align:middle;
}
.login-form
{
	width:400px;
	margin-left:100px;
}
.login-header
{
	background: transparent url(../images/member.gif) no-repeat;
	height:87px;
}
.login-container
{
	background: transparent url(../images/member_bg2.gif) repeat-y;
	padding-left:80px;
	overflow:hidden;
	height:280px;
}
.login-footer
{
	background: transparent url(../images/member_bg3.gif) no-repeat;
	height:25px;
}
.personal-info { overflow:hidden;}
.personal-info .form-section
{
	padding-left:40px;
}
.personal-info h3
{
	line-height:2em;
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
}
.contact-address{ overflow:hidden;}
.contact-address .form-section
{
	padding-left:20px;
	margin:0px;
}
.contact-address .dialog-tray
{
    margin: 0;
}
.approve-message
{
    text-align:center;
}
/*-----------------------
Product
------------------------*/
h2.title
{
    padding:4px;
    background-color:#EA8D1E;
    min-width:100px;
    border:solid 2px #fff;
    color:#fff;
    -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.new-item
{
	background:#fcffed;
	border:solid 1px #edf5bf;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	padding:5px;
}
.product-empty
{
	text-align:center;
	margin-top:50px;
	padding:5px;
	font-size:120%;
	height:100px;
}
.product-quan
{
	text-align:right;
	margin:10px 20px 10px 0;
}
.product-item, .faq
{
    display:block; 
    background: transparent url(../images/dlfooter_middle.gif) repeat-y;
    width:100%;
    clear:both;
}
.product-item .top, .faq .top
{
    padding:15px 0px 0px; 
    background: transparent url(../images/dlfooter_top.gif) no-repeat; 
}
.product-item .bottom, .faq .bottom
{
    padding:0px 15px 15px 15px; 
    background: transparent url(../images/dlfooter_bottom.gif) no-repeat left bottom; 
    display:block;
    overflow:hidden;
}
.faq .bottom
{
	padding-right:35px;
}
.product-image
{
    float:left;
    width:100px;
    height:100px;
    background-repeat:no-repeat;
}
.product-desc
{
    /*margin:0 150px 0 110px;*/
    margin:0 0 0 10px;
    float:left;
    width:240px;
    border-right:dotted 1px #ccc;
}
#reference .product-desc
{
    width:75%;
    border-right-width:0px;
}
.product-desc h3
{
    font-size:105%;
}
.product-desc a
{
    color:#cc0000;
    line-height:1.5em;
}
.product-related
{
    float:right;
    margin:15px 15px 0 0;
    border-right:dotted 1px #ccc;
}
.product-subitem
{
    margin:0 10px 0 10px;
    padding:0px;
    display:block;
}
.product-subitem li
{
    background:#F5F4EB;
    border-bottom:dotted 1px #ccc;
    padding:5px;
    overflow:hidden;
}
.product-subitem .detail
{
    float:left;
    width:320px;
    display:block;
}
.product-subitem .input
{
    float:right;
    white-space:nowrap;
    display:block;
}
.product-subitem input
{
    border:solid 1px #ccc;
    width:50px;
    height:1.5em;
    line-height:1.5em;
    
}
.product-subitem .input img
{
    vertical-align:middle;
}
.pager
{
	clear:both;
	text-align:center;
	margin:10px 0 10px 0;
}
.pager a, .pager span
{
	font-size:11pt;
	padding:1px 4px;
	text-decoration:none;
}
.pager-normal
{
	color: #0066CF;
	border: solid 1px #778899;
	text-decoration:none;
}
.pager-current
{
	border: solid 1px #778899;
	background-color: #efefef;
}

.hidden
{
	display:none;
	visibility:hidden;
}    

#product-thumb li, #big-thumb li
{
	display:block;
	height:240px;
	overflow:hidden;
	list-style:none;
	float:left;
	width:108px;
	padding:1px;
	text-align:center;
	font-size:100%;
}
#product-thumb h3
{
	font-size:100%;
	line-height:1.2em;
}
#product-thumb input, #big-thumb input
{
	width:30px;
}

#big-thumb li
{
	width:185px;
	height:280px;
}
#big-thumb h3
{
	font-size:100%;
	letter-spacing:0;
    line-height:1.2;
}
/*-------------------------
Product Details
--------------------------*/
.full-image
{
	float:left;
	width:305px;
	overflow:hidden;
}
.full-detail
{
	margin-left:0px;
	overflow:hidden;
}
.full-detail ul
{
	display:block;
	overflow:hidden;
}
.full-detail li
{
	list-style:none;
	display:block;
	float:left;
	height:50px;
	width:50px;
	padding:3px;
}
.full-detail-list
{
	border-bottom:dotted 1px #ccc;
	overflow:hidden;
	display:block;
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
}
.full-detail-list input
{
	width:40px;
}
.full-detail-list h3
{
	color:#4D70B8;
}
/*---------------------------
Product Special
----------------------------*/
#product-special
{
    text-align:center; 
    clear:both; overflow:hidden; 
    border-bottom:dotted 1px #ccc; 
    border-top:dotted 1px #ccc; 
    margin:0 0 10px 0; 
    padding:10px 0 10px 0;
}
#product-special li
{
    float:left; display:inline-block; width:105px; padding:5px;
}
/*---------------------------
Product Hot
----------------------------*/
#product-hot
{
	margin:10px 0 10px 0;
}
#product-hot img.image
{
	float:left;
	width:180px;
	height:180px;
	padding-right:5px;
}
#product-hot h2 a:hover, #product-hot h2 a:visited, #product-hot h2 a:link 
{
	 text-decoration:none;
	 color: #ff9100;
}

/* -------------------------------------------------------
 Shopping Cart 
----------------------------------------------------------*/
.listheader
{
	background-color:#ECE9D8;
	color:#EA8D1E;
	font-size:110%;
	
}
.listdescription
{
	font-size:80%;
}
.listfooter
{
	background-color:#F5F4EB;
	color:#EA8D1E;
}
.emptylist
{
	padding:50px 0px 50px 0px;
	font-size:11pt;
	color:#4D70B8;
	font-weight:bold;
	text-align:center;
}
/*---------------------------------------------------------
All Products
----------------------------------------------------------*/
.product-cat
{
    width:100%;
    clear:both;
    margin-top:20px;
    padding:0 0 20px 0;
    border-bottom:dotted 1px #ccc;
    overflow:hidden;
}
.product-sub
{
    float:left;
    width:100px;
}
.product-list
{
    margin-left:110px;
    
}
.product-list .half
{
    width:47%;
    float:left;
    margin-right:10px;
    overflow:hidden;
}
.product-list h3
{
    font-size:100%;
    letter-spacing:0;
    line-height:1.3em;
    margin:0;
    overflow:hidden;
    padding:5px 0 0;
    
}
.product-list h3 a
{
    color:#666666;
    text-decoration:none;
}
.product-list h3 a:hover
{
    color:#cc0000;
    text-decoration:none;
}
.product-list h3 em {
    display:block;
    float:left;
    height:25px;
    width:25px;
    text-indent:-2000em;
    padding-right:5px;
}
/*---------------------------
Checkout
---------------------------*/
#checkout
{
	padding:10px 10px 30px 20px;
}
/*-------------------------
GridView
---------------------------*/
.gvHeader
{
	background-color:#ece98d;
	border-color:#ece98d;
	font-family:Tahoma;
	font-weight:bold;
	font-size:10pt;
	height:23px;
	color:#333333;
}
.gvRow
{
	background-color:#f6f6f8;
	border:solid 1px #cdcdcf;
}
.gvAlternatingRow
{
	background-color:#FFFFFF;
	border:solid 1px #cdcdcf;
}
.gvPaging
{
	background-image:url("../../Admin/Images/footer.gif");
	text-align:center;
	font-family:Tahoma;
	font-weight:bold;
	font-size:10pt;
	height:25px;
}
/*----------------------------
Rating
-----------------------------*/

.c-value-no 
{
	background:transparent url(../images/rating.gif) no-repeat scroll 0 -160px;
	display:inline-block;
	height:16px;
	overflow:hidden;
	width:60px;
}
.c-value-no em { visibility:hidden; }
.c-value-5 { background-position:0 0; }
.c-value-4 { background-position:0 -32px; }
.c-value-3 { background-position:0 -64px; }
.c-value-2 { background-position:0 -96px; }
.c-value-1 { background-position:0 -128px; }
/*------------------------
Faq
--------------------------*/
ol {  list-style:decimal outside; line-height:2.0em; margin-left:25px;}
ol a { padding-left:0;}
.faqlist
{
    padding: 5px;
    width:95%;
}
.faqlist ol p
{
    padding:0;
}
.faqlist .answer li{margin-top:20px;}
.faqlist .answer li a
{
    font-size:110%;
}
.highlighter
{
color:Red;
}
/* Search */
.search h4 { font-size:125%;font-weight:200; letter-spacing: 0px;}
#loading
{
	background-color:#CCCCCC;
	padding:5px;
	text-align:center;
	position:absolute;
	margin-top:-150px;
	margin-left:150px;
}
.popup-border 
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/popup-back.png) repeat scroll 0 0;
    padding:10px;
    height:400px;
    width:400px;
    z-index:12000;
}
.popup-container {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    border-right:1px solid #CCCCCC;
    position:static;
    text-align:left;
    width:100%;
    height:100%;
    
}
.popup-header
{
    text-align:right;
}