/* www.123.bg Style */
html {background:#AFAFAF url('../images/back_html.jpg') repeat-y center; margin:0; padding:0;   }
body {font: normal 12px/1.25 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; color:#000; margin:0; padding:0;  }
form {margin:0; padding:0; }
input,textarea,select {border:1px solid #546c99; font-size:11px; background-color:#FFFFFF; color:#5c5c5a; height: 21px;}
p {margin:0; padding:0; }
ul {margin:0; padding:0;}
ul li {list-style-type:none; background:url('../images/arrow_1.gif') no-repeat 2px 5px; padding:0 0 0 15px; margin:5px 0 5px 0;}
img {border:0px;}
img a:link {border:0px;}
.img_border{ border: 2px solid #F7F7F7; padding: 2px;}
b, strong {color:#444444; font-weight:bold;}

/* START :: Static classes - for whole site  */
#container {width:980px; margin:20px auto; padding:0; position: relative; display: block;}
#head{height: 80px; width: 100%;}
#top {padding:0px 0 0 0; color:#000; margin:0;}
#top a, #top a:link, #top a:visited {color:#000; text-decoration:none;}
#top a:hover {color:#353535; text-decoration:underline;}
#top_logo {margin:5px 0 0 0px; position: absolute; top: 0px; left: 10px; z-index: 10;}
#top_cart {width:255px; height:40px; padding:5px 0 0 0; margin:0 0 0 0; color:#0093b7; position: absolute; top: 0px; left: 300px; z-index: 10;}
#top_cart img {float:left; margin:0 5px 0 0;}
.top_cart_label {color:#353535; font-weight:bold; padding:10px 0 2px 0; float:left;}
.top_cart_item {float:left; width:180px; color:#616161;}
#top_login{width:390px; height:46px; position: absolute; top: 10px; right: 0px; z-index: 10;}
.top_login_in {float:left; padding:3px 0 0 35px; color:#878584;}
.top_login_ft {float:left; padding:3px 0 0 80px; color:#878584;}

#top_line {height:42px; margin:5px 0 0 0; background-color: #555555;}
#top{ height:42px; background-color: #555/*#d2d2d2*/;}
#top_button ul { margin: 0px; padding: 0px;}
#top_button li{ float:left; display:inline; background-position:0 60px; padding:0 3px 0 3px;}
#top_button li a:link, #top_button li a:active, #top_button li a:visited{
	display:inline;
	float:left;
	font-size:11px;
	margin:0px 10px;
	padding:0px;
	text-transform:uppercase;	
	line-height:1.5em;
	letter-spacing:0.07em;
	font-weight:bold;
	color:#d7d7d7;
	text-decoration:none;
	text-shadow:0px 1px 1px #151515;
	-webkit-transition:color 0.2s linear; 
	-moz-transition:color 0.2s linear; 
	-o-transition:color 0.2s linear; 
	transition:color 0.2s linear;
}
#top_button li a:hover, #top_button li a:focus{ color:#ff581d; text-decoration:none;}
#top_button li a.act{ color:#ff581d; text-decoration:none;}

.main_left{background-color:#FFF;}
.main_middle{background-color:#FFF;}
.main_right{background-color:#FFF;}

#main {background-color:#FFF; margin:0 0px 10px 0px; padding:10px 10px 10px 0px;}
#navig_bar{font-weight:bold; font-size:16px; height:25px; padding:5px 0 0 0px; overflow:hidden; margin:2px 0 0px 0;}
#navig_bar h1 {color:#8A8A8C; font-size:14px;}
.box_main{background-color:#FFF; padding:10px; margin:10px 0 10px 0;}

#search_form{ margin:0; position: absolute; top:15px; right: 10px; z-index: 10;}
#search_input { width: 200px; display: inline; float: left; background: #d7d7d7; height: 22px; border: 0px; color:#888888;}

#head_link {margin:0; position:absolute; top:50px; right: 10px; z-index: 10;}
#head_link a, #head_link a:link, #head_link a:visited{color:#444444; text-decoration:none;}
#head_link a:hover{color:#FFF;}

.product_box {width:228px; height:308px; padding:5px; float:left; margin:5px 7px 5px 0px; overflow: hidden; -moz-box-shadow:  0 0 5px #e7e7e7; -webkit-box-shadow: 0 0 5px #e7e7e7; box-shadow: 0 0 5px #e7e7e7;}
.product_box:hover, .product_box:focus{ -moz-box-shadow: 0 0 15px #d7d7d7; -webkit-box-shadow: 0 0 15px #d7d7d7; box-shadow: 0 0 15px #555;}
.pv_img {width:200px; height:228px; overflow:hidden; text-align: center; margin: 0px 0px 0px 13px;}
.pv_name {color:#151515; font-size:12px; font-weight:bold; text-align: center; margin: 0px 0px 10px 0px;}
.pv_desc {color:#1a2638; height:44px; overflow:hidden; margin:0 0 5px 0;}
.pv_price_row_1 { text-align: center; color: #7d7d7d; font-size: 10px;}
.pv_price_row_2 { text-align: center; color: #444444; font-size: 11px; margin: 2px 0px 0px 0px;}

.pi_img{ width: 420px; margin: 0 21px 21px 0; padding: 2px 0; display: inline; float: left; text-align: center; -moz-box-shadow:  0 0 5px #e7e7e7; -webkit-box-shadow: 0 0 5px #e7e7e7; box-shadow: 0 0 5px #e7e7e7;	}
.pi_img:hover, .pi_img:focus{ -moz-box-shadow: 0 0 15px #d7d7d7; -webkit-box-shadow: 0 0 15px #d7d7d7; box-shadow: 0 0 15px #555;}
.pi_name {color:#FF581D; font-size:12px; font-weight:bold; text-align: center; margin: 0px 0px 10px 0px;}
.pi_price_row_1 { text-align: center; color: #7d7d7d; font-size: 10px;}
.pi_price_row_2 { text-align: center; color: #444444; font-size: 11px; margin: 2px 0px 0px 0px;}
.pi_buy{ width:150px; background-color:#555555; text-align:center; font-weight:bold; padding:5px 0 5px; float:left;}
.pi_buy a, .pi_buy a:link, .pi_buy a:visited{color:#ff581d;}
.pi_buy a:hover{color:#FFF;}
.pi_desc{ margin: 10px 0px 10px 0px;}

#relatedPro{ margin: 5px 0px 10px 0; padding: 0px; display: block; clear: both; width: 100%;}
#relatedPro h3{ font-size: 1.2em; text-align: center; color: #777;/*a7a7a7*/ margin: 0px 0px 15px 0; padding: 5px 20px; background-color: #f7f7f7; text-shadow: 0 1px 1px #fff;}

#bottom { padding:0 0 0 0; text-align:center; font-size:10px;}
#bottom a, #bottom a:visited, #bottom a:hover { margin: 0px 10px; font-size: 11px; padding: 0; color: #555; text-shadow: 0 2px 3px #eee; -webkit-transition: color 0.2s linear;  -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; text-shadow: 0 1px 2px #ccc; text-decoration: none;}
#bottom_link { padding:10px 0 0 0; color:#555; text-align: center }
#copyright {text-align:center; margin: 8px 0px 8px 0px; color:#777777;  font-size:10px;}
#create_by_123, #create_by_123 a:link, #create_by_123 a:visited, #create_by_123 a:hover { margin: 0px; text-align:center;  font-size:10px; color:#777777;}

.space_line {clear:both; margin:0; padding:0px; width:auto;}

.without_price{text-align: center;}
.without_price a, .without_price a:link, .without_price a:visited, .without_price a:hover{color:#F68933; text-decoration: none;}

.page_gallery{	float:left; width:126px; height:95px; overflow:hidden; text-align:center;}


.shadowed {
border: 1px solid #DBDBDB;
-moz-box-shadow: -5px 5px 10px 3px #d7d7d7; 
-webkit-box-shadow: -5px 5px 10px 3px #d7d7d7; 
box-shadow: -5px 5px 10px 3px #d7d7d7;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=225, Color='#d7d7d7')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=225, Color='#d7d7d7');
behavior: url(../js/ie-css3.htc);
}

/* END :: Static classes - for whole site  */

/* H1 & Fonts */
h1{color:#8A8A8C; font-size:16px; font-weight:bold; margin:0; padding:0;}
h2{color:#485059; font-size:16px; margin:0px 0px 2px 0px; padding:0 0 3px 0;}
h3{color:#012c3f; font-size:12px; margin:0px 0px 0px 0px;}
h4{color:#0199be; font-size:12px; margin:8px 0px 0px 0px;}

.clearfix { zoom: 1; }

/* Links */
a:hover, a:active { outline: none; }
a,a:active, a:visited { color:#151515; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
a:hover, a:focus { color: #ff581d; }
a.act{color: #ff581d;}

/* Form Button */
.butt {background-color:#181818; border:1px solid #012c3f; color:#FFFFFF; font-weight:bold; width:90px; height:23px;}
.myborder{ border-top: 1px solid #ff581d; margin: 15px 0px 0px 20px; width: 190px;}

/* Menu */
div#navcontainer {
margin: 15px 0px 0px 20px;
padding: 0px;
font-size: 11px;
}
#navcontainer ul{
margin: 0px;
padding: 0px;
list-style: none;
width: 190px;
}
#navcontainer ul li{
color: #151515;
}
a#navcontainer{
color: #151515;
}
#navcontainer a.selected{
color: #ff581d;
}
#navcontainer a:link, #navcontainer a:visited{
color: #151515;
display: block;
text-decoration: none;
}
#navcontainer a:hover{
color: #ff581d;
text-decoration: none;
}
.cat_menu_top{
background-position:0 60px;
text-transform: uppercase;	
display: block;
margin: 5px 0px 8px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #ff581d;
font-weight: bold;
}
.cat_menu_top span{ text-decoration: none;}
.cat_menu_li, .cat_menu_li a:link, .cat_menu_li a:visited{ background-position: 0 60px; margin: 7px 0px 9px 0px; padding: 0px;}
*html .cat_menu_li a:link, .cat_menu_li a:visited{ height: 7px;}
.cat_menu_li span{ text-decoration: none;}

div#navcontainer2 { margin: 10px 0px 0px 20px; padding: 0px; font-size: 11px; }
#navcontainer2 ul{ margin: 0px; padding: 0px; list-style: none; width: 190px; }
#navcontainer2 ul li{ color: #151515;background-position: 0 60px; margin: 7px 0px 9px 0px; padding: 0px; }
a#navcontainer2{ color: #151515; }
#navcontainer2 a.selected{ color: #ff581d; }
#navcontainer2 a:link, #navcontainer2 a:visited{ color: #151515; display: block; text-decoration: none;}
#navcontainer2 a:hover{ color: #ff581d; text-decoration: none;}
#navcontainer2 .cat_menu_top2{ text-transform: uppercase; display: block; margin: 5px 0px 8px 0px; padding: 10px 0px 0px 0px; font-weight: bold;}
#navcontainer2 .cat_menu_li2{ background-position: 0 60px; margin: 5px 0px 5px 10px; padding: padding: 0px;}
*html #navcontainer2 .cat_menu_li2{ height: 7px;}

/* Member Ares */
.small_navig {padding:0 5px 0 15px; color:#000; text-align: right;}
.small_navig b {color:#000; font-weight:bold;}
.small_navig a, .small_navig a:link, .small_navig a:visited {color:#555555;}
.small_navig a:hover {color:#F68933;}
.small_navig h2 {color:#FFFFFF; padding:10px 0 10px 30px; border:none; font-size:12px; }
.small_navig ul li {display:inline; padding:0 0 0 15px; margin:5px 0 5px 0;}
.small_navig div {margin:0 0 5px 0;}

.user_msg_ok {color:#00A801; font-weight:bold; margin:10px 0 10px 0px; padding:5px; background-color:#F2F2F2; border:1px dashed #566268; text-align:justify;}
.user_msg_err {color:#ff0000; font-weight:bold; margin:10px 0 10px 0px; padding:5px; background-color:#F2F2F2; border:1px dashed #566268; text-align:justify;}
.cell {float:left;}
.epay-button {background-color:#002b3e; border:1px solid #000000; color:#FFFFFF; height:25px; padding:0px 0 0 0; font-size:87%; font-weight:bold;}

.order_view {margin:5px 0 10px 0;}
.order_view th {text-align:left; background-color:#002b3e; color:#FFFFFF; font-weight:bold; padding:5px 0 5px 5px;}
.order_view td {padding:5px 0 5px 5px; border-bottom:1px solid #002b3e;}
.order_paid_0 {color:#FF0000;}
.order_paid_1 {color:#27a500;}
.order_info div {margin:2px 0 2px 0;}
.order_pay_box {background-color:#f0f0f0; border:1px solid #333333; padding:5px;}

/* -- Start --  :: Shopping cart css style */
.shopping_table {border: 1px solid #cecece; margin: 10px 0 0 0; text-align: left; background-color: #FFF;}
.shopping_table_header td {border-bottom: 2px solid #566268; padding: 5px; font-weight: bold;}
.shopping_table_item td {	border-bottom: 1px dotted #566268; padding: 5px 3px 5px 3px; text-align: left;}
.shopping_table_foter td {font-weight: bold;	padding: 10px 3px 10px 3px;}
.shopping_table_action td {padding: 10px 3px 15px 3px;}
.shopping_info {padding: 5px;}
/* -- End --  :: Shopping cart css style */

.paging { float:right;}
.paging b {display:block; background-color:#fafafa; border:1px solid #dddddd; color:#ff581d; padding:2px 5px 2px 5px; float:left; text-decoration:none; margin:0 3px 0 3px;}
.paging a, .paging a:link, .paging a:visited {display:block; background-color:#fafafa; border:1px solid #dddddd; color:#777777; padding:2px 5px 2px 5px; margin:0 3px 0 3px; float:left; text-decoration:none;}
.paging a:hover {color:#ff581d;}