/*-------Reset---------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, 
code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt,var,b, u, i, center,dl, dt, dd, ol, ul, 
li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0;padding: 0; border: 0;outline: 0;	font-size: 100%;vertical-align: baseline;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-family:Georgia, Times New Roman; font-weight:normal}
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px; }
h6{font-size:15px;}
/* CSS Document */

* { margin:0; padding:0;}

table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}
img {vertical-align:top;}
a img { border:0;}
a {color:#333333; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}
input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.alignRight { text-align:right;}
.alignCenter { text-align:center;}
.alignJustify {text-align:justify}
.alignleft{text-align:left}
.margin{margin:15px;} 
.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.clearfix:after {	clear: both;	content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
.clearfix { 	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}
.wrapper{ width:100%; overflow:hidden;}


body 
{ 
	background:url(../images/bgr_body.jpg) top repeat-x #fff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	line-height:17px; 
	color:#333;
}

/*.top-tail2{ background:url(../images/top-tail2.gif) top repeat-x; width:50%; position:absolute; right:0; height:450px;}*/

.top-bg{ background:url(../images/bgr_top.jpg) top center no-repeat; position:relative; padding-top:6px;}
#main-width { width:1008px; margin:0 auto; text-align:left; background:url(../images/bgr_content.jpg) top repeat-x #fff;}
.corner-left{background:url(../images/bgr_left.gif) left top no-repeat; width:100%;}
.corner-right{background:url(../images/bgr_right.gif) right top no-repeat;padding:42px 22px 0;}
.container { width:100%;}
.column-1, .column-2, .column-3, .column-4{ float:left; margin-top:10px;}

.name{ color:#535151; font-size:12px; line-height:15px; font-weight:bold; }
.name:hover{ color:#ff7300;}
.price{ font-size:20px; font-weight:bold; color:#ff7300; line-height:normal;}
.price2{ font-size:20px; font-weight:bold; color:#ff7300; line-height:normal;}
.price3{ font-size:15px; font-weight:bold; color:#ff7300; line-height:normal;}
.link1{ color:#525151; display:inline-block; margin:6px 0 9px 0; font-size:12px;}
.img{ text-align:center; padding:12px 0 16px;}

/* ============================= header ====================== */
#header { padding-bottom:6px; padding-top:7px}
#header .top{ width:100%; overflow:hidden; height:76px;}
#header .top .fright{ text-align:right;}

#header .logo{ float:left; padding:0 0 0 12px;}

#header .cart{ background:url(../images/shop_cart_center.jpg) top repeat-x;  float:right; color:#707070; font-size:11px; padding-top:0; line-height:15px; height:57px}
#header .cart .left-bg{ background:url(../images/shop_cart_left.jpg) left top no-repeat; height:57px;}
#header .cart .right-bg{ background:url(../images/shop_cart_right.jpg) right top no-repeat; padding:13px 70px 13px 20px; height:31px}
#header .cart a{ color:#707070; text-decoration:none;}
#header .cart a:hover{ color:#9cae08;}
#header .cart span a{ text-transform:uppercase; font-weight:bold; color:#9cae08;}
#header .cart span a:hover{ color:#707070;}
#header .lang{ float:right; padding:1px 17px 0 0;}
#header .telOrder {color:#797979; padding:0px 15px 15px 0; font-size:16px; font-style:italic; font-weight:bold}
#header .telOrder span {color:#FF841F; padding:9px 15px 0 0; font-size:16px;}

#header .menu{ background:url(../images/bgrmenu.jpg) top repeat-x; width:100%; height:93px}
#header .menu .left-bg{ background:url(../images/bgrmenu_left.jpg) left top no-repeat;  height:93px}
#header .menu .right-bg{ background:url(../images/bgrmenu_right.jpg) right top no-repeat; width:100%; overflow:hidden;  height:93px}
#header .menu ul{ padding:0; margin:0;}
#header .menu ul li{ float:left; font-size:14px;}
#header .menu ul li a{ color:#fff; text-decoration:none; display:block; padding:13px 0 14px 0; text-align:center; width:137px; background:url(../images/line_left.jpg) no-repeat left 18px;}
#header .menu ul .first a{ background:none;}
#header .menu ul li a:hover{ color:#ef9800;}
#header .menu ul li a:active{ padding:15px 0 12px 0;}
#header .buttom_menu{ width:100%; height:50px;}
#header .menu .navigatin-links{ color:#6a7078; padding:15px 10px 0 10px; width:350px; float:left}
#header .menu .navigatin-links a{ color:#EB4C06; text-decoration:none; }
#header .menu .navigatin-links a:hover{ color:#6a7078; }
#header .menu .support{ float:right; padding:15px 15px 0 20px; }
#header .menu .support a{color:#6a7078; font-size:14px; text-transform:uppercase; font-weight:bold; padding:5px; text-decoration:none}
#header .menu .support a:hover{color:#EB4C06;}
#header .menu .support .online {color:#EB4C06;}

.btn_search {background:url(../images/btn_searcht.jpg) left center no-repeat; height:22px; font-weight:bold; width:82px; font-size:11px; border:none; cursor:pointer }
.button{background:url(../images/bgr-button.gif) left no-repeat; font-weight:bold; width:85px; padding-top:4px; height:20px; text-align:center; cursor:pointer; color:#FFF; font-size:12px; display:block; text-decoration:none; border:none  }
.button:hover{ text-decoration:underline;}

/* ============================= forms ======================= */
/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	
	padding:10px;
	position:relative;
	background:none;
	margin:0 10px 10px 10px;
	border:#DEE6E8 1px solid; width:460px;
	
}
legend {
	font-size:13px;
	color:#0078B8;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	background:#fff;
	border:#DEE6E8 1px solid;
	margin-bottom:20px;
}
fieldset.login{width:460px;}
fieldset.login p {
	margin-bottom:5px;;
	margin-top:0pt;
	
}
fieldset.login p {
	margin-bottom:10px;
	margin-top:0pt;
	
}

fieldset p select {
	width:72%;
	padding:2px;
}

fieldset p label {
	width:98%;
	
}
fieldset.login p label {
	float:left;
	line-height:2em;
	text-align:right;
	width:24%;
}

fieldset.login p input {
	width:71%;
	padding:2px;
}
fieldset.login input.button {
	margin-left:24%;
}
form p.notice {
	font-weight:bold;
}

fieldset.login .button {
	margin-left:0;
	margin-top:10px;
	height:25px;
	
}
fieldset.login .text1{font-size:11px; color:#007ABE;}
fieldset.login a{	font-size:11px; color:#007ABE; text-decoration:underline;}
fieldset.login a:hover{text-decoration:none}


select, input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#353434;}
.inputSearch{height:14px; margin:0; padding:3px}
.currency-form { padding-right:15px; float:right;}
.currency-form select{ color:#464545; font-size:11px; width:115px; vertical-align:middle;}
/*  ---------------------------------------------------------------------------  */

/* ----------------------- BOXES ------------------------- */
.topproduct, .topproduct01{ display:block; background:url(../images/box-head-bg.gif) left center no-repeat ; 
			margin:12px 0 16px 15px ; font-weight:bold; 
			padding:1px 0 2px 20px; color:#4f4f4f; }

.topproduct01{font-size:13px; font-weight:normal; font-size:22px; background:none; font-family:Georgia, "Times New Roman"; padding-left:10px; margin-left:0;}


.box{ background:#fff; margin-bottom:6px;}
.box .top-border{ background:url(../images/box-border.gif) top repeat-x; position:relative; width:100%;}
.box .right-border{ background:url(../images/box-border.gif) right repeat-y; position:relative;}
.box .bot-border{ background:url(../images/box-border.gif) bottom repeat-x;}
.box .left-border{ background:url(../images/box-border.gif) left repeat-y; position:relative;}
.box .left-top{ background:url(../images/box-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(../images/box-right-top.gif) right top no-repeat;}
.box .right-bot{ background:url(../images/box-right-bottom.gif) right bottom no-repeat;}
.box .left-bot{ background:url(../images/box-left-bottom.gif) left bottom no-repeat; padding:2px 1px 0 1px;}
.box .box-head{ background:url(../images/box-head-tail.gif) left  bottom repeat-x; padding:12px 10px 8px 13px; font-weight:bold; color:#4f4f4f;}
.box .box-head span{ display:block; background:url(../images/box-head-bg.gif) left center no-repeat ; padding:0 0 2px 20px;}
.box .box-head a{ color:#4f4f4f; text-decoration:none;}
.box .box-head a:hover{ text-decoration:underline;}
.box .box-body{ padding:14px 0px 26px 0px;}
.box .box-body ul{ padding:0; margin:-6px 0;}
.box .box-body ul li{ font-size:13px; line-height:30px; border-bottom:1px dotted #CCC; margin:0px 10px 0 10px;}
.box .box-body ul li a{ color:#0076B7; text-decoration:none; font-weight:bold; }
.box .box-body ul li a:hover{ color:#ff7300;}
.box .box-body ul li a span{ color:#0076B7; text-decoration:none;  padding-left:5px; font-weight:normal }
.box .box-body ul li a:hover span{ color:#ff7300;}

.box .box-body ol{ padding:0; /*margin:-10px 0 0 0; list-style:decimal inside;*/ list-style:none}
.box .box-body ol li{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; background:url(../images/icon.gif) 0 6px no-repeat; padding-left:15px; color:#797979; font-weight:bold; line-height:17px; margin:0px 10px 0 10px;}
.box .box-body ol li a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333333; text-decoration:none;}
.box .box-body ol li a:hover{ color:#ff7300;}
.box .block .indent{ padding:10px 4px 10px 5px;}

.cbank{width:66px; max-height:38px; margin:10px 3px 10px 3px; text-align:center; float:left}
.cbank img {height:36px; max-width:66px; border:none}

/* ----------------------- PRODUCT BOXES ------------------------- */

#featured a img, 
#whatsnew a img, 
#specials a img, 
#reviews a img, 
#manufacturerinfo img, 
#productnotifications img {margin:0 0 8px;}

#reviews img {margin:5px 0 0;}


#productOther{}
#productOther  .box-body ol{ padding:0; margin:0; list-style:decimal inside;}
#productOther  .box-body ol li{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; background:none; padding-left:0px; color:#797979; font-weight:bold; line-height:27px; margin:0px 10px 0 10px;}
#productOther  .box-body ol li a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0076B7; text-decoration:none;}
#productOther  .box-body ol li a:hover{ color:#ff7300;}


#featured {}
#featured .box-body .normalprice {text-decoration:line-through; font-size:25px; font-weight:bold; color:#989898;}
#featured .box-body .productSpecialPrice, .productSalePrice, .productSpecialPriceSale {font-size:25px; font-weight:bold; color:#ff7300; line-height:normal;}
#featured .box-body{ padding:14px 4px 9px 7px;}
#featured .name{ display:inline-block; margin:0 0 10px 10px;}
#featured .price{ padding:0 4px 0 0;}
#featured .desc{ padding:10px 10px 0px 10px;}


#whatsnew {}
#whatsnew .box-body .normalprice {text-decoration:line-through;  font-size:20px; font-weight:bold; color:#989898;}
#whatsnew .box-body .productSpecialPrice, .productSalePrice, .productSpecialPriceSale {font-size:25px; font-weight:bold; color:#ff7300; line-height:normal;}
#whatsnew .box-body{padding:14px 10px 11px 10px;  line-height:25px;}
#whatsnew .name{ display:inline-block; margin:0 0 10px 0px;  font-weight:bold}
#whatsnew .price{ padding:0 4px 0 0; }
#whatsnew .desc{ padding:5px 10px 0px 0px;}
#whatsnew .button{height:24px; padding-top:0}

#specials {}
#specials .box-body .normalprice {text-decoration:line-through;  font-size:20px; font-weight:bold; color:#989898; }
#specials .box-body .productSpecialPrice, .productSalePrice, .productSpecialPriceSale {font-size:20px; font-weight:bold; color:#ff7300; line-height:normal;}
#specials .box-body{ padding:14px 10px 11px 10px; line-height:25px; }
#specials .desc{ padding:5px 10px 0px 0px;}
#specials .name{ display:inline-block; margin:0 0 10px 0px; font-weight:bold}
#specials .button{height:24px; padding-top:0}

/* ----------- List product ----------------*/

.block{ background:url(../images/block-top-tail.gif) top repeat-x #f2f6f9; width:100%; position:relative;  }
.block .top-border{ background:url(../images/box-border.gif) top repeat-x; position:relative; width:100%;}
.block .right-border{ background:url(../images/box-border.gif) right repeat-y; position:relative;}
.block .bot-border{ background:url(../images/box-border.gif) bottom repeat-x;}
.block .left-border{ background:url(../images/box-border.gif) left repeat-y; position:relative;}
.block .left-top{ background:url(../images/box-left-top.gif) left top no-repeat;}
.block .right-top{ background:url(../images/box-right-top.gif) right top no-repeat;}
.block .right-bottom{ background:url(../images/box-right-bottom.gif) right bottom no-repeat;}
.block .left-bottom{ background:url(../images/box-left-bottom.gif) left bottom no-repeat; padding:0; width:100%;}
.block .indent{ padding:7px 20px 7px 14px;}
.block .price{ float:left; background:url(../images/line.gif) right repeat-y; padding-right:15px;  font-size:20px; font-weight:bold;}


.product-col{ background:#fff; margin-bottom:6px;}
.product-col .top-border{ background:url(../images/box-border.gif) top repeat-x; position:relative; width:100%;}
.product-col .right-border{ background:url(../images/box-border.gif) right repeat-y; position:relative;}
.product-col .bot-border{ background:url(../images/box-border.gif) bottom repeat-x;}
.product-col .left-border{ background:url(../images/box-border.gif) left repeat-y; position:relative;}
.product-col .left-top{ background:url(../images/box-left-top.gif) left top no-repeat;}
.product-col .right-top{ background:url(../images/box-right-top.gif) right top no-repeat;}
.product-col .right-bot{ background:url(../images/box-right-bottom.gif) right bottom no-repeat;}
.product-col .left-bot{ background:url(../images/box-left-bottom.gif) left bottom no-repeat; padding:0; width:100%;}
.product-col .indent1{ padding:18px 9px 10px 9px;}

.padding-button{ padding-left:15px;}


#bestsellers {}
#bestsellers .box-body{ padding-bottom:10px;}
#checkbank {}
#checkbank .box-body{ padding-bottom:20px;}

#news{}
#news .box-body{ padding-bottom:20px;}
#news ul.gamenews{ padding:0; /*margin:-10px 0 0 0; list-style:decimal inside;*/ list-style:none}
#news ul.gamenews li{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; border:none;  font-weight:bold; line-height:22px; margin:0px 10px 0 10px;}
#news ul.gamenews li a{ font-family: Tahoma, Geneva, sans-serif; font-weight:normal; color:#065C8B; text-decoration:none; font-size:11px;}
#news Ul.gamenews li a:hover{ color:#ff7300; text-decoration:underline}

/* ----------- content ----------------*/
#bannerThree{ padding-bottom:5px;}


/* -----------  ptoduct home ----------------*/



#check-shopping{margin:0; padding:0}

#check-shopping .orderCart
{	border-top:#DADADA 5px solid; padding:10px;
	border-bottom:1px  dashed #CCC;
	float:left;
	width:157px;
	margin-left:2px;
	
}

#check-shopping .orderCartCurent
{	border-top:#EB4C07 5px solid; padding:10px;
	border-bottom:1px  dashed #CCC;
	float:left;
	width:157px;
	margin-left:2px;
	background:url(../images/icon_01.gif) right no-repeat;
}


#reviews {}
#reviews .box-body{ padding:14px 10px 32px 20px;}
#reviews .desc{ padding:18px 0 20px 0;}


#manufacturerinfo {}


#productnotifications {}
#productnotifications .box-body{ text-align:center;}


/* ============================= footer ====================== */
#footer .footer_left{background:url(../images/footer_left.gif) left top no-repeat; height:72px;}
#footer .footer_right{background:url(../images/footer_right.gif) right top no-repeat; width:100%; overflow:hidden; height:72px; }
#footer{ font-size:12px; color:#a9a9a9; background:url(../images/footer_content.gif) left top  repeat-x; height:72px; margin:10px 0 10px 0;}
#footer .indent2 {padding:20px 20px 15px 20px;}
#footer .menu{ color:#fff; text-align:right}
#footer .menu a{ color:#fff; text-decoration:none;}
#footer .menu a:hover{ color:#64a8a8;}
#footer .fright{ text-align:right;}
#footer p{ padding:5px 0 0 0; text-align:right}
#footer p span{ display:block;}




/*  ----------------------- SHOPPING CART -----------------------  */

#ContentsDisplay{}
#ContentsDisplay table{border-left:1px solid #E1E1E1; margin:0 0px 0 0px}
#ContentsDisplay .borderright{border-right:none}
#ContentsDisplay tr.tableHeading { background-color:#DADADA; padding:5px;  color:#007BBE}
#ContentsDisplay th {border:1px solid #E1E1E1; border-left:none; padding:10px; text-align:center; font-weight:normal}
#ContentsDisplay th {font-size:13px;}
#ContentsDisplay th a {color:#a9a9a9;}
#ContentsDisplay td {border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; padding:10px;}
#ContentsDisplay td.cartAttribsList {text-align:left;}
/*#ContentsDisplay td.cartTotalDisplay {font-size:20px; font-weight:bold; color:#ff7300; line-height:normal;}*/
#ContentsDisplay td .cartImage {float:none; display:block;}
#ContentsDisplay td p{padding-top:10px; margin:0} 
#ContentsDisplay td a {color:#535151; font-size:12px; line-height:15px; font-weight:bold; text-decoration:none;}
#ContentsDisplay td a:hover { color:#ff7300;}
#ContentsDisplay .cartSubTotal {padding:5px;  font-weight:bold;}
#ContentsDisplay .cartSubTotal strong {font-size:25px; font-weight:bold; color:#ff7300; line-height:normal;}
#ContentsDisplay h4{color:#EB4C07; padding:20px 0 20px 0px}
#ContentsDisplay h3{color:#333; padding:20px 0 20px 0px; font-weight:normal}

#ContentsDisplayInfo
{}
#ContentsDisplayInfo h4{color:#EB4C07; padding:20px 0 20px 0px}
#ContentsDisplayInfo h3{color:#333; padding:20px 0 20px 0px; font-weight:normal}
#ContentsDisplayInfo td.infoUser {color:#0076B7}
#ContentsDisplayInfo td { padding:10px 0 10px 0}
#ContentsDisplayInfo td input.txt, #ContentsDisplayInfo td textarea{	width:97%;	padding:2px; border:#E1E1E1 1px solid;}
#ContentsDisplayInfo td select {	width:50%;	padding:2px; border:#E1E1E1 1px solid;}
#ContentsDisplayListPro{}
#ContentsDisplayListPro .box-body{ border-bottom:#DEE6E8 1px solid; padding:15px 0 15px 0;}
#ContentsDisplayListPro h4{color:#EB4C07; padding:20px 0 20px 0px}
#ContentsDisplayListPro h3{ background:url(../images/box-head-bg.gif) left no-repeat; color:#333; padding:10px 0 10px 20px; font-weight:normal; margin-bottom:10px;}
#ContentsDisplayListPro .name{ display:inline-block; margin:0 0 10px 0px; font-weight:bold}
#ContentsDisplayListPro .desc{ padding:5px 10px 0px 0px;}
#ContentsDisplayListPro .txtcode{ padding:5px 10px 0px 0px; color:#0076B7;}
#ContentsDisplayListPro .detailInfo{padding:0px 0 10px 0}
#ContentsDisplayListPro .detailInfo a{color:#0076B7; font-weight:bold}

#ContentsDisplayListNews .box-body{/* border-bottom:#DEE6E8 1px solid;*/ border-bottom:none; padding:15px 0 5px 0; margin-bottom:10px; float:left}
#ContentsDisplayListNews h4{color:#EB4C07; padding:20px 0 20px 0px}
#ContentsDisplayListNews h3{ background:url(../images/box-head-bg.gif) left no-repeat; color:#333; padding:10px 0 10px 20px; font-weight:normal; margin-bottom:10px;}
#ContentsDisplayListNews .box-body img{margin:0px 20px 10px 0; border:none; max-width:150px; display:inline-block}
#ContentsDisplayListNews .box-body .name{ display:inline-block; margin:0 0 10px 0px; font-weight:bold; color:#0076B7;}
#ContentsDisplayListNews .box-body .name:hover{  color:#333333;}
#ContentsDisplayListNews .box-body .other{ background:url(../images/icon03.gif)  left no-repeat; padding-left:10px;   display:inline-block; margin:0 0 5px 0px; color:#0076B7; text-decoration:none}
#ContentsDisplayListNews .box-body .other:hover{ color:#333333; text-decoration:none}

#ContentsDisplayListNews #page {padding:10px 0 10px 0; text-align:center}
#ContentsDisplayListNews #page a{border:#999 1px solid; padding:3px 5px 3px 5px; margin-left:5px;  color:#333; font-weight:bold; text-decoration:none}
#ContentsDisplayListNews #page a span{font-size:15px;}
#ContentsDisplayListNews #page a.Current{color:#ff7300; border:none}

