@import url("css/div_blocks.css");
@import url("css/form_elem.css");
@import url("css/nav_area.css");

@font-face {
     font-family: 'AirbnbCereal-Bold';
     src: url('font/AirbnbCereal-Bold.ttf') format('truetype');
}

@font-face {
     font-family: 'AirbnbCereal-Book';
     src: url('font/AirbnbCereal-Book.ttf') format('truetype');
}

body {
    zoom: 100%;
}

html, body{
	font-family: 'AirbnbCereal-Book', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	position: relative;
	height: auto;
	min-height: 100% !important;
}

:focus {
	outline: 0;
}
h1 {
    font-size: 20px;
    padding: 0 10px;
    text-align: left;
    color: #4d648e;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

input[type="text"], input[type="password"] {
	display: inline-block;
	margin: 0px;
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	height: 32px;
	padding: 0 5px;
	color: #656565;
	font-size: 13px;
}

input[type="text"]:focus, input[type="password"]:focus {
    outline: none;
    border-color: #dcdcdc;
}

select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	color: #656565;
	font-size: 95%;
	padding: 5px 6px;
}

textarea {
	display: inline-block;
	margin: 0px;
	padding: 4px 8px;
	background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	border-radius: 1px;
	font-family: 'AirbnbCereal-Book', sans-serif;
	color: #656565;
	font-size: 13px;
}

textarea:focus {
    outline: none;
    border-color: #dcdcdc;
    box-shadow: 0 0 10px #f1f1f1;
}

small,.small {font-size: 0.9em;}

a {	
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}
a:hover {			
	color: #a9a99b;
}

p {padding: 0.2em 0 1.2em;}

blockquote, code {
	background: #4A4A4A;
	border: 1px solid #333;
	color: #BBB;
	display: block;
	margin-bottom: 12px;
}
code {
	font: normal 0.9em Verdana,sans-serif;
	line-height: 1.5em;
	padding: 8px 14px;
}
blockquote {
	background: #4A4A4A url('img/quote.gif') no-repeat left top;
	padding: 6px 14px 6px 44px;
}
blockquote p {padding: 0.5em 0;}


p{
	padding:0px;
	margin:0px;
}

li, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#lgo{
   background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    margin: 65px 0;
    padding: 15px;
}

#main_container{
	background-color: #ffffff;
	float: left;
	height: auto;
	text-align: center;
	width: 100%;
}
.top_bar{
	width:1000px;
	height:38px;
	float:right;
	background-color:#4a4a4a;
}

.top_search{
	width:360px;
	height:32px;
	margin:0px 20px 0 0;
	_margin:0px 10px 0 0;
	float:right;
	background:url(img/top_search_bg.gif) no-repeat center;
}

.sinput.search_input{
	width:182px;
	height:18px;
	float:left;
	margin:5px 0 0 0 ;
	border:1px solid #dbdbdb;
	border-bottom-color:#ffffff;
	border-right-color:#ffffff;
}

.search_text{
	float:left;
	width:110px;
	padding:8px 0 0 15px;
	color:#999999;
}
.search_text a{
	text-decoration:none;
	color:#999999;
}

.portal{
	float:left;
	width:150px;
	padding:5px 0 0 8px;
}
.languages{
	float:right;
	width:190px;
	padding:8px 0 0 0;
}
.lang_text{
	float:left;
	padding:0 5px 0 0;
	color:#b3adad;
}
a.lang{
	display:block;
	float:left;
	padding:0 5px 0 5px;
}

.mainheader {
	height: 80px;
	top: 0;
	width: 100%;
}


#logo{
	float:left;
	padding:15px;
	background:url(img/logo.png) no-repeat;
}

/*---------------------oferta_pagination-----------------------------*/


div.oferta_pagination {
	clear: both;
	float: left;
	font-size: 11px;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}


div.oferta_pagination a {
	background-color: #F9F8F8;
	border: 1pt solid #a8a8a8;
	border-radius: 3px;
	color: #000000;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: lighter;
	height: 25px;
	line-height: 27px;
	margin: 0px 5px;
	padding: 1px 8px;
	text-align: center;
	text-decoration: none;
	width: auto;
	min-width: 20px;
}

div.oferta_pagination a:hover{
	background-color: #ffffff;
	border: 1pt solid #1a9cb7 !important;
	border-radius: 3px;
	color: #1a9cb7;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: lighter;
	height: 25px;
	line-height: 27px;
	margin: 0px 5px;
	padding: 1px 8px;
	text-align: center;
	text-decoration: none;
	width: auto;
	min-width: 20px;
}


.oferta_selpage {
	background-color: #1a9cb7 !important;
	border: 1pt solid #1a9cb7 !important;
	color: #ffffff !important;
}

.totals{
	float:right;
	padding:3px;
}


/*------------------------------oferte_content-----------------------*/
.oferte_content{
	width:600px;
	height:164px;
	float:left;
	padding:0 0 0 50px;
}

.top_divider{
	float:left;
	width:1px;
	height:164px;
}

.oferta{
	width:538px;
	float:left;
	padding:15px 30px 0 30px;
}

.oferta_img{
	float:left;
	padding:0 0 0px 0;
}

a.details{
	width:120px;
	height:21px;
	display:block;
	float:right;
	margin:0 0 0 0;
	padding-left:5px;
	background:url(img/details_bt_bg.gif) no-repeat center;
	text-align:center;
	line-height:21px;
	text-decoration:none;
	color:#000000;
}

.canvas{
     width : 100%;
}

#main_content{

}

.main_content {
	margin: 0px auto;
	min-height: 550px;
	overflow: auto;
	padding: 2px 10px 5px 15px;
	position: relative;
}

#top_gradiant{
	left: 0px;
	width: 100%;
}

.fullbgban{
	background: url(img/leftmenu_bg.png);
	background-size: auto auto;
	background-repeat: repeat-x;
	background-color: #9761c7;
	background-position: top;	
}

.user_pimg {
	width: auto;
	text-align: center;
	margin-right: 7px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	width: 30px;
	float: left;
	margin-top: -6px;
}

#leftmenubg {
	min-height: 610px;
	display: block;
	overflow: auto;
	height:100%;
	min-width: 237px;
}

#inner_gradiant{
	left: 0px;
	width: 100%;
	float: left;
	position: relative;
	height: auto !important;
	margin: 0;
	padding: 0;
}

#rightgradiant {
	background-color: #faf7fe;
	float: right;
	height: 90%;
	min-height: 100vh;
}

#rightgradiant_login {
    background-color: #faf7fe;
}

#country-list {
	float: left;
	list-style: none;
	margin-top: -3px;
	padding: 0;
	width: 340px;
	position: absolute;
	z-index: 100;
}
#country-list li{
	padding: 5px 10px;
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
	border-radius: 2px;
}
#country-list li:hover{background:#f5f6f7;cursor: pointer;}
#mserach{padding: 7px 10px;border: #DDDDDD 1px solid;border-radius:4px;}


/*---------------- menu tab----------------------*/
#menu_tab{
		background-color: #ededed;
		height: 40px;
		width: auto;
}
.left_menu_corner{
	width:9px;
	height:30px;
	float:left;
	background-color:#f0f0f0;
}

.right_menu_corner {
	color: #000000;
	float: right;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	margin-right: 20px;
	padding: 0px 5px 10px;
	text-align: right;
	width: auto;
}

.menufixed {
	position: fixed;
	top: 0px;
	z-index: 1;
}

#frm_cell{
	float: left;
	width: auto;
	margin-top: 10px;
}

.frmcell_logout a {
	color: #b92b27;
	font-size: 13px;
	font-weight: 300;
	margin-left: 10px;
}

.right_menu_corner a {
	color: #000000;
}

ul.menu {
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;	
}

ul.menu li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}
ul.menu li.divider {
	display:inline;
	width:2px;
	height:30px;
	float:left;
	background:url(img/menu_divider.gif) no-repeat center;
}

a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/home.png) no-repeat left; color:#676d77;}
a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/services.png) no-repeat left; color:#676d77;}
a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/favs.png) no-repeat left; color:#676d77;}
a.nav4:link, a.nav4:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/user_add.png) no-repeat left; color:#676d77;}
a.nav5:link, a.nav5:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/car.png) no-repeat left; color:#676d77;}
a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:30px;text-decoration:none; background:url(img/contact-new.png) no-repeat left; color:#676d77;}

a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover {
color:#333333;}


li.currencies{
	width:180px;
	float:left;
	padding:0 0 0 15px;
	_padding:12px 0 0 15px;
	color:#676d77;
	font-size:11px;
	font-weight:bold;
}

/*----------------crumb_navigation-------------*/
.crumb_navigation{
/*width:980px;*/
width:auto;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(img/navbullet.png) no-repeat left;
background-position:5px 6px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}

/*-------------left_content------------------*/
.left_content{
width:196px;
/*width:auto;*/
float:left;
}
.title_box{
width:auto;
height:30px;
background:url(img/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#fff;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
width:196px;
/*width:auto; */
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:196px;height:25px;display:block;background:url(img/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li.even a{
width:auto;height:25px;display:block;background:url(iimg/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
background:url(img/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;
}
div#canvas .center { margin-left: auto; margin-right: auto; }

.border_box{
     width:196px;
     float: left;
     margin:0px;
     height:auto;
     text-align:center;
     border:1px #b4a772 solid;
     background-color:#d7d0af;
}

.sub_menu_box{
     width:auto;
     height:50px;
     text-align:left;
     margin:5px 1px 5px 1px;
     border:1px #b4a772 solid;
     background-color:#f0f0f0;  
}

.content_box{
     width:auto;
     height:auto;
     padding:5px;
     margin:5px 1px 5px 1px;
     border:1px #b4a772 solid;
     background-color:#f0f0f0;  
}

.err_box{
	background-color: #ffd2d3;
	color: #982f2f;
	float: left;
	font-size: 12px;
	height: auto;
	text-align: left;
	width: 100%;
	line-height: 30px;
	border: 1pt solid #e29a9b;
}

.err_box2{
	background-color: #FBE3E4;
	color: #000000;
	float: left;
	font-size: 12px;
	height: auto;
	text-align: left;
	width: 100%;
	line-height: 30px;
}


.inf_box{
	background-color: #FFFF9B;
	color: #000000;
	float: left;
	font-size: 12px;
	height: auto;
	text-align: left;
	width: 100%;
	line-height: 30px;
}

.msg_box{
    background-color: #E4F1C9;
    color: #000000;
    float: left;
    font-size: 12px;
    height: auto;
    text-align: left;
    width: 100%;
    line-height: 30px;
    padding: 5px 5px;
}


.product_border_box{
  float:left;
	width:520px;
	padding:0px 10px;	
  text-align:center;
  border:1px #dedede solid;
}
.product_title{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
text-decoration:none;
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:160px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:5px 0 5px 140px;
_margin:5px 0 5px 130px;
background:url(img/blue-add.png) no-repeat left;
padding:0 0 0 20px;
text-decoration:none;
color:#1c4a52;
}
.banner_adds{
width:194px;
text-align:center;
padding:10px 0 10px 0;
}

/*center content--------------------------*/
.center_content{
	width:800px;
	float:left;
	padding:0px 0px;
}

.center_title_bar{
	width: auto;
	height:33px;
	line-height:33px;
	font-size:12px;
	color:#847676;
	font-weight:bold;
	margin:0 7px 0 7px;
	background-color:#e9cb62;
	border:1px #ebcf6e solid;
	padding:0 0 0 45px;
}

/*----------------------right content--------------*/
.right_content{
	width:196px;
	float:left;
	padding:5px 0 0 0;
}

.shopping_cart{
	width:195px;
	height:84px;
	text-align:center;
	background:url(img/cart_bg.gif) no-repeat center;
}

.cart_title{
	font-size:12px;
	font-size:12px;
	color:#847676;
	font-weight:bold;
	padding:8px 0 0 0;
}

.cart_details{
	width:115px;
	float:left;
	padding:5px 0 0 15px;
	text-align:left;
}

.cart_icon{
	float:left;
	padding:5px 0 0 5px;
}

.userfont{
	float: left;
}

span.border_cart{
	width:100px;
	height:1px;
	margin:3px 0 3px 0;
	display:block;
	border-top:1px #999999 dashed;
}

/*---------prod_box----------*/
.prod_box{
	width:175px;
	height:auto;
	float:left;
	padding:8px 5px 5px 0px;
}

.top_prod_box{
	width:173px;height:12px;background:url(img/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}

.bottom_prod_box{
	width:173px;height:10px;background:url(img/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}

.center_prod_box{
	width:173px;height: auto;background:url(img/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}

.prod_details_tab{
	width:173px;
	height:31px;
	float:left;
	background:url(img/products_details_bg.gif) no-repeat center;
	margin:3px 0 0 0;
}

img.left_bt{
	float:left;
	padding:6px 0 0 6px;
}

a.prod_details{
	width:25px;
	display:block;
	float:left;
	background:url(img/square-blue-add.gif) no-repeat left;
	padding:0 0 0 20px;
	margin:7px 0 0 38px;
	_margin:6px 0 0 35px;
	text-decoration:none;
	color:#0fa0dd;
}

#bbp {
	border: 0px;
	box-shadow: 0px 1px 3px 0px #CCC;
	background-color: #ffffff;
	border-radius: 8px;
	margin: 5px;
	width: 99%;
}

#bbp th{
	font-weight: bold;
	padding: 8px 4px;
	background-color: #ffffff;
	color: #40405C;
	font-size: 16px;
}

#bbp td {
	color: #333333;
	padding: 4px 4px;
	text-transform: uppercase;
	font-size: 11px;
	border-bottom: 1pt solid #CCCCCC;
	line-height: 13px;
	font-weight: lighter;
}

#list_title2 td{
	text-align: right;
}

#bbp td b{
	font-weight: 200;
	color: #f4293f;
}

.kbptr td {
	background-color: #f0f2f5;
}

.kbptss td {
	background-color: #e9ebf6;
}


#fbp{
	border: 1px solid #E5E5E5;
	border-spacing: 0;
}

#fbp td{
    border-bottom: 1pt solid #E5E5E5;
    color: #333333;
    font-weight: 500;
    padding: 8px 4px;
}

#fbp th{
	border-bottom: 1pt solid #E5E5E5;
	font-weight: bold;
	padding: 4px;
}

  table {
	padding: 0px;
	float: left;
	height: 100%;
	text-align: left;
  }
   
th { 
	color: #040404;
	padding: 5px 5px 0;
	vertical-align: top;
}
	
	td { vertical-align:top;}
	

/*---------prod_box_big----------*/
.prod_box_big{
width:auto;
height:auto;
float:left;
padding:10px 15px 10px 15px;
}
.top_prod_box_big{
width:600px;height:12px;background:url(img/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box_big{
width:600px;height:12px;background:url(img/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box_big{
width:600px;height: 300px;
background-color:#f5fafe;
border:1px #cccccc solid;
float:left; text-align:center;;
}
.product_img_big{
width:170px;
padding:5px 0 5px 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:3px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:10px 0 10px 0;
font-size:21px;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
a.addtocart{
width:auto;
height:27px;
display:block;
float:left;
background:url(img/addtocart.gif) no-repeat left;
padding:0 33px 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.formbtn{
width:110px;
height:27px;
display:block;
float:left;
background:url(img/formbtn.gif) no-repeat left;
padding:0 0 0 0px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(img/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#5F9FAB;
}
#db_btn input {
	font-size: 13px;
	background: #dadada none repeat scroll 0%;
	border: 1px solid #ffffff;
}

/*--------------footer----------------*/
.footer{
	background-color: #2f4051;
	clear: both;
	height: 80px;
	width: auto;
	float: left;
	width: 100%;
}

.left_footer{
float:left;
width:400px;
height:60px;
padding:3px 0 0 3px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #666666;
}
.right_footer a:hover{
text-decoration:underline;
}

.center_footer{
	color: #ffffff;
	float: left;
	font-size: 90%;
	padding: 10px 0px 0px;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

.page_title {
	color: #333333;
	text-align: left;
	padding: 5px 17px;
	font-size: 20px;
	font-family: 'AirbnbCereal-Bold', serif;
	margin: 10px 0 0;
}

#hpage_content{
	float: left;
	min-height: 300px;
}

#mypage_content{
	margin-left: 15px;
	float: left;
	margin-top: 5px;
	width: 100%;
}

/* --------------------------------
   Message Area
----------------------------------- */
#msg_area {
	width: 650px;
	height: 55px;
	position: absolute;
	float: left;
	top: 120px;
	left: 355px;
	/*background-color: #FFFFFF;*/
	background-color: #BB1E22;
	/*opacity: 0.75;
	filter: alpha(opacity=100);*/
}
.layer2tab{
    border-bottom: 1pt solid #E6E6E6;
    float: left;
    padding: 10px 5px 0;
    width: 99%;
}

.mytab_layer2 {
	float: left;
	padding: 10px 5px 15px;
	width: 99%;
}

 .mytab{
	float: left;
	padding: 5px;
	width: 95%;
 }
 
 .mytab span{
    line-height: 17px;
    text-align: left;
 }
 
 .mytab p{
    line-height: 17px;
    text-align: left;
 }
 
 #mytab_panel{
	border-top: 1pt solid #c8c8c8;
 }
 
 .ktab-selected{
    background-color: #FFFFFF;
    border: 1pt solid #EEEEEE;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    float: left;
    padding: 8px 20px;
    text-align: left;
    width: auto;
 }
 
 .ktab-selected a{
    font-size: 12px;
    font-weight: bold;
 } 
 
 .ktab-unselected{
    background-color: #EEEEEE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    float: left;
    width: auto;
    padding: 8px 20px;
    text-align: left;
 }
 
.ktab-unselected a{
    color: #62626B;
    font-size: 12px;
 }
 

.layer2tab-selected {
  display: inline;
  border: 1px solid #e6e6e6;
 background-color: #E3E3E3;
  border-bottom: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
float:left;
padding:5px 5px 2px;
    text-align: center;
    width: 190px;
}

.layer2tab-unselected {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: none repeat scroll 0 0 #F6F6F6;
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px 1px 1pt;
    display: inline;
    float: left;
    padding: 5px 5px 2px;
    text-align: center;
    width: 190px;
}


.layer2tab-unselected a {
    color: #0B71DB;
    font-size: 0.9em;
    padding: 6px;
}

.layer2tab-selected a {
padding:5px 9px;
  font-size: 0.9em;
  color: #000038;
  font-weight: bold;
}

#msg_blocks {
	width: 100%;
	height: 53px;
	position:fixed; 
	position: relative;
	float: left;
}
#msg_icons {
	width: 60px;
	height: 50px;
	background-image: url(img/msg_area/alert-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	float: left;
	/*opacity: 1.0;
	filter: alpha(opacity=100);*/
}
#msg_txts {
	margin: 10px auto;
	/*color: #990000;*/
	color: #190102;
	/*background-color: #FFFFFF;*/
	position: relative;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

/* --------------------------------
   Bottom
----------------------------------- */

#bottom {
	background: #222;
  width:1000px;
	height:30px;
  float:right;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #2A2A2A;
	color: #AAA;

}
#bottom ul li {
	border-bottom: 1px solid #303030;
}
#bottom ul li a {
	color: #777;
	display: block;
	padding: 4px 6px;
}
#bottom ul li a:hover {
	background: #2A2A2A;
	color: #FFC;
	text-decoration: none;
}

/* Tag cloud */
#tag_cloud a {color: #777;}
#tag_cloud a:hover {color: #FFC;}

.mbox_panel{
	margin-top: 10px;
}


/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}




/* ----------------------------------------
  Forms
------------------------------------------- */

/*form {margin: 0; padding: 0;}*/

/* Seachform */
table.search {
	border-collapse: collapse;
	width: 250px;
}
table.search td {vertical-align: top;}


.noshow{
	display: none;
}

/* ----------------------------------------
   Lists
------------------------------------------- */

.nicelist {padding: 0;}
.nicelist ol {margin: 0;}
.nicelist ol li {
	border-bottom: 1px solid #333;
	border-top: 1px solid #505050;
	list-style: none;
	padding: 8px 10px 1px;
}
.nicelist ol li:first-child {border-top: none;}
.nicelist li.alt {background: #444;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
	color: #999;
	font-size: 0.9em;
	padding-top: 4px;
}
.nicelist .date a {
	color: #BBB;
	text-decoration: none;
}
.nicelist .date a:hover {text-decoration: underline;}

/*----------------------Stock Request--------------*/
#product_mbox {
	float: left;
	width: 15%;
	margin: 5px;
	border: 1pt solid #dbdbdd;
	max-width: 200px;
}

.product_innerbox {
	 padding: 0 8px; 
}

.product_model_type {
	color: #9babb4;
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
}

.product_mframe{
	height: 200px;
	width: 100%;
}

.product_mframe img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	height: auto;
	border-style: none;
}

.prorestitle {
	font-weight: 700;
	line-height: initial;
	margin-bottom: 1px;
	height: 40px;
	text-align: left;
}

.product_model_title {
	height: 26px;
	font-weight: lighter;
	color: #666666;
	font-size: 11px;
}

.product_price {
	color: red;
	font-weight: 900;
}

.btncart{
	position: relative;
	text-transform: uppercase;
	background-color: #000000;
	padding: 10px 0;
	margin-top: 5px;
}

.btncart a{
	padding: 0.5em;
	text-align: center;
	color: white;
	width: 100%;
}

#mkfulldetails{
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 1px 0 0;
	margin-top: 10px;
}

.mkfullqty{
	font-weight: 700;
	color: #666;
	margin-top: 10px;
}

#btndetails{
	float: left;
	margin-top: 20px;
	width: 100%;
	background-color: #ff4a00;
	padding: 10px;
}

#btndetails a {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	width: 100%;
	position: relative;
	float: left;
}

/*----------------------Product Detail --------------*/

.btndownpad{
	margin-bottom: 5px;
}

#wrapper {
     width: 1200px;
     text-align: left;
     position: relative;
     height: auto;
     margin: auto;
}

.stockimage{
	height: 25px;
	width: 25px;
	float: left;
	background-repeat: no-repeat;
	background-size: 21px;
	margin: 5px auto;
}

.mkon_cartitle{
	font-size: 13px;
	font-weight: 700;
	color: #9babb4;
}


#mkon_selbox li {
	float: left;
	position: relative;
	margin: 0 4px 4px 0;
	line-height: 20px;
	vertical-align: middle;
	padding: 1px;
}

#mkon_selbox li a{
	float: left;
	background-color: #fff;
	white-space: nowrap;
	width: auto !important;
	min-width: 10px;
	padding: 0 9px;
	text-align: center;
	border: 1px solid #b8b7bd;
	color: #000;
	text-decoration: none;
}

.mkon_boxprice{
	color: #ff4a00;
	font-size: 22px;
	margin: 20px 0;
}

.mkon_boxtitle{
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #DDDDDD;
	margin: 10px 0;
	padding-bottom: 5px;
}

.mkon_panel {
    float: left;
    width: 100%;
    font-size: 13px !important;
}

.mkon_panel p{
    font-size: 15px !important;
}

.mkon_title {
	font-size: 18px;
	line-height: 25px;
}

.details {
    margin: 0 10px;
}

.quantity{
	width: 90px !important;
}

.quantity input {
	-webkit-appearance: none;
	border: none;
	text-align: center;
	width: 32px;
	font-size: 16px;
	color: #43484D;
	float: left;
	margin-bottom: 0px !important;
	width: 20px !important;
}

button[class*="btn"] {
	/* width: 50px; */
	height: 30px;
	background-color: #ffffff;
	border: none;
	cursor: pointer;
	float: left;
	margin: 0px !important;
	padding: 0px 0px !important;
}

.minus-btn img {
	width: 30px;
	height: 30px;
}
.plus-btn img {
	width: 30px;
	height: 30px;
}

.mqty {
	border: 1px solid #e6e6e6 !important;
	border-radius: 1px !important;
	width: 25px !important;
	display: block;
	color: #212529 !important;
	padding: 5px 4px !important;
	font-size: 12px !important;
	height: auto !important;
}


/*----------------------Black box--------------*/
hr.dot {
	height: 0;
	border-bottom: 2px dotted #000;
} 

hr.thin {
	height: 1px;
	border: 0;
	color: #333;
	background-color: #333;
	width: 100%;
} 

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 70%; margin: 0.3em; }

td.spc { padding:5px 0 0 0; }
th.spc { padding:10px;}

/*caption marker */
.marker_req {
     color: #FF0000;
     padding-left:2px;
     font-size: 14px;
}
.font_red{
	color: #b90a0a;
	font-weight: bold;
}

.font_orange{
	color: #e46410;
	font-weight: bold;
}

.font_green{
	color: #41873a;
	font-weight: bold;
}

#downline_box {
     background-color:#F0F0F0;
     border:1pt solid #A3A3A3;
     float:left;
     padding:10px;
}.user_small_box{
height:100%;
padding:5px 0 40px;
text-align:center;
width:120px;
color:#8F8F8F;
font-size:90%;
}

.user_id_font{
height:100%;
padding:5px 0 40px;
text-align:center;
width:120px;
color:#ec951e;
font-weight: bold;
font-size:15px;
}

.user_down_box{
padding:5px 0 25px;
text-align:center;
width:88px;
float: left;
height:110px;
}

.listsub_title{
     vertical-align: top;
}

.icon_panel{
    background-color: #FCFCFC;
    border: 1pt solid #E5E5E5;
    border-radius: 8px;
    float: left;
    margin: 0 10px;
    padding: 3px;
}

.overview_panel{
  background-color: #FCFCFC;
    border: 1pt solid #E5E5E5;
    margin: 0 10px;
}

#qwe {
    background-color: #FCFCFC;
    border: 1pt solid #E5E5E5;
}

#qwe th {
    background-color: #FCFCFC;
    font-size: 13px;
    padding: 8px 5px;
    text-align: left;
}

#qwe td {
     text-align: left;
    padding: 8px 5px;
}

#kwe {
     background-color: #fcfcfc;
     border: 1pt solid #8EAEC3;
}

#kwe th {
     background-color: #efefef;
    font-size: 13px;
    text-align: left;
    padding: 1px 5px;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

#kwe td {
     text-align: left;
     padding: 1px;
     background-color: #fcfcfc;
border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.dashboard_title{
 background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1pt solid #E5E5E5;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.icon_box {
	float: left;
	margin-top: -10px;
	margin-left: 10px;
	width: auto;
	text-align: right;
}

.homicon_box{
	float: left;
}

.fpk_fuulth{
	background-color: #fffcf5;
}

.fpk_fuulth th {
	color: #6d6c6e;
	font-weight: lighter;
	border-bottom: 0pt !important;
}

#wdt {
	margin: 5px;
	border: 0pt;
	background-color: #ffffff;
	box-shadow: 0px 1px 4px 0px #CCC;
	border-radius: 15px;
	border-spacing: 0;
	border-collapse: collapse;
}

#wdt th {
    padding: 10px;
    background-color: #f6f6f6;
    border-bottom: 1pt solid #a2d27a;
    line-height: 12px;
}

.wdtlist th {
	background-color: #f6f6f6 !important;
}

#sph{
	background-color: #ffffff;
	border-radius: 15px;	
}

#sph th{
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	line-height: 26px;
	padding: 5px 10px;
	border-bottom: 1px solid #EBEBEB;
	font-weight: lighter;
}

#sph td{
	padding: 8px 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #EBEBEB;
}

#sphpanel{
	background-color: #f9f9f9;
	padding: 0px 0px !important;
}

#soh th{
	padding: 5px 5px !important;
}

#soh td{
	background-color: #ffffff;
}

.twitter-typeahead{
	width: 90%;	
}

.twitter-typeahead input[type="text"]{
	width: 100% !important;
}

.invtypeahead{
	width: 99% !important;;	
}

#soh input[type="text"]{
	width: 90%;
	float: left;
}

#fph th{
   background-color: #FFFFFF;
    font-size: 90%;
    line-height: 14px;
    vertical-align: top;
}

#fph td{
    border-bottom: 1px dashed #CCCCCC;
    padding: 5px 0;
}

#fpk td{
	padding: 1px 5px;
	border-bottom: 0;
	font-weight: lighter;
}

#fpk {
	width: 100%;
}

#fpk input{
	margin-left: 0;
	width: 98%;
}

#fpk textarea{
	margin-left: 0;
}

.fpk_desc{
	line-height: 18px;
	padding-left: 10px;
}

#fpk_showdesc td{
	font-size: 11px;
	line-height: 15px;
	font-weight: lighter;
}

#fpo td {
	padding: 2px 5px;
	border-bottom: 0;
	line-height: 30px;
}

#fpo tr{
	border-top: 1px dotted rgba(0,0,0,.09);
}

#fpo {
    width: 100%;
}

#fpo input{
	margin-left: 0;
}

#fpo textarea{
	margin-left: 0;
}

#dpk {
	border-spacing: 0px;
}

#dpk td{
	padding: 8px 5px;
	border-bottom: 0;
	font-weight: lighter;
}

#dpk {
	width: 100%;
}

#dpk input{
	margin-left: 0;
	width: 98%;
}

#dpk textarea{
	margin-left: 0;
}

.car_panel{
border-bottom: 1px solid #CCCCCC;
    float: left;
    margin: 10px;
    padding: 3px;
    width: 98%;
}

#content_title{
    font-weight: bold;
    background-color: #dedede;
    width: 100%;
}

#kph th{
    background-color: #FFFFFF;
        text-align: left;
    border-bottom: 1px dashed #cccccc;
padding: 2px;
vertical-align: top;
}

#kph td{
    text-align: left;
    border-bottom: 1px dashed #cccccc;
    padding: 2px;
}

#data_1{
    border-top: 1pt solid #CCCCCC;
}

#data_2{
    border: 1pt solid #CCCCCC;
}

#data_3{
    border: 1pt solid #CCCCCC;
}

#data_4{
    border: 1pt solid #CCCCCC;
}

#data_5{
    border: 1pt solid #CCCCCC;
}

#data_6{
    border: 1pt solid #CCCCCC;
}

#data_7{
    border: 1pt solid #CCCCCC;
}

#kph {
    border-left: 1px solid #CCCCCC;
    width: 800px;
}

#lpo{
    border-left: 1px solid #CCCCCC;
}

.tab_title{
	background-color: #eeeef0;
	color: #000000;
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
}

.tab_title span{
	padding: 8px 5px;
	float: left;
	width: 100%;
}

.tab_title a{
	font-size: 12px;
	color: #bb2e00;
	cursor: pointer;
	text-decoration: none;
	text-align: right;
	float: right;
	padding: 0 30px;
}

.tab_title2{
    font-size: 15px;
    font-weight: bold;
    color: #990000;
    padding: 8px 1px;
}

.tab_delete{
    font-size: 15px;
    color: #000000;
    padding: 8px 1px;
    background-color: #fff7dd;
}


.listprice_box{
  padding: 3px;
}

#mess_panel {
    margin: 10% auto;
    padding: 10px;
    text-align: center;
    width: 95%;
    font-size: 13px;
}

#print_menupanel {
    margin: 10px 10px 0 0;
}

#print_text_panel {
	float: right;
	font-size: 10px;
	height: auto;
	text-align: center;
	width: 45px;
	border: 1pt solid #CCC;
	margin: 0px 3px 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #F5F5F5;
	background-color: #ffffff;
	text-transform: uppercase;
	line-height: 10px;
	padding: 0 0 5px 0;
}

.report_title{
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}


#print_icon_panel{
   font-weight: bold;
    margin: 10px 25px;
    text-align: center;
    width: 32px;
}

.myid_font{
  font-size: 15pt;
  color: #106398;
}

#blank_container{
	background-color: #FFFFFF;
	float: left;
	padding: 5px;
	width: 98% !important;
}

#blank_container{
    float: left;
    height: auto;
    margin: 2px;
    text-align: left;
    width: 100%;
}

#inv_font{
    color: #990000;
    font-size: 24px;
    text-align: left;
}

.access_bar{
     overflow:auto;
     max-height:400px;
     max-width:600px;
     border: 1pt solid;
     border-color: #ebebeb;
     background-color: #fff;
}

.price_font{
  color: #990000;
  font-weight: bold;
  font-size: 24px;
}

#pbk{
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}

#pbk th{
      background-color: #ffffff;
      text-align: right;
}

#pbk td{
      text-align: left;
      vertical-align: middle;
  }
  
  .tfvHighlight{
    color: #ce0707;
    font-weight: bold;
  }
  
.fckdesc_panel{
    float: left;
    padding: 0 3px;
    width: 98%;
}

#spb th{
	text-transform: uppercase;
	font-size: 11px;
}

#spb td{
	vertical-align: middle;
}

#spb select, #spb input[type="text"] {
	font-size: 11px;
	padding: 6px 3px;
	height: auto;
}

.remind_bold {
     font-weight: bold;
     font-size: 15pt;
}

#remind_bold2 {
    float: left;
    font-size: 17pt;
    font-weight: bold;
    padding: 3px;
}

.font_paid {
     font-weight: bold;
	font-family: 'AirbnbCereal-Bold', serif;
     font-size: 15pt;
     color:#68a463;
}

.font_unpaid {
     font-weight: bold;
     font-size: 15pt;
     color:#aa4526;
}

.font_pending {
     font-weight: bold;
     font-size: 15pt;
     color:#ebaa1d;
}

#search_panel {
	float: right;
	padding: 10px 5px 10px 20px;
	width: 95%;
}

#search_panel table{
	border-spacing: 0px;	
}

#search_panel th {
	text-transform: uppercase;
	font-size: 11px;
	text-align: right;
}

#mkselect{
	padding: 5px 5px;
}

#mkselect option{
	padding: 5px 5px;
}

#sea input[type="text"]{
	width: 90%;
}

.msearchtitle{
	font-size: 14px;
	float: right;
	font-weight: bold;
	line-height: 34px;
	margin-right: 20px;
}

#search_mpanel {
	background-color: #efefef;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	float: right;
	padding: 10px 15px;
	width: 550px;
	margin-right: 12px;
}

#search_poppanel{
	background-color: #efefef;
	border: 1pt solid #E5E5E5;
	border-radius: 8px;
	float: right;
	padding: 10px 5px 0px 0px;
	width: 100%;
}

#jbp {
	border: 1pt solid #cccccc;
}

#jbp th{
 background-color: #F0F0F0;
    border-bottom: 1pt dashed #CCCCCC;
    padding: 3px;
    vertical-align: top;
}

#jbp td{
	border-bottom: 1pt dashed;
}


#kbp {
	border: 1pt solid #cccccc;
}

#kbp th{
 background-color: #F0F0F0;
    border-bottom: 1pt solid #cccccc;
    padding: 3px;
    vertical-align: top;
}

#kbp td{
	border-bottom: 1pt solid #cccccc;
}

.msg_signal{
	font-size: 10px;
	color: #235cdb;
}

#galleryimg img{
    border: 1pt solid #CCCCCC;
    float: left;
    margin: 1px 10px;
    max-height: 120px;
    max-width: 220px;
    padding: 3px;
}

#gallery_box{
    background-color: #EEEEEE;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 210px;
}

.mleft{
	float: left;
}

#imagebox img{
    border: 1pt solid #E2E2E2;
    max-height: 172px;
    max-width: 100px;
    padding: 2px;
}

#page_menuid {
    line-height: 70px;
}

#page_menuid a {
    background: none repeat scroll 0 0 #e0e0e0;
    border: 0 none;
    border-radius: 2px;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 20px;
    line-height: 18px;
    margin-left: 4px;
    padding: 8px 14px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    top: 10px;
}

.alignmiddle {
	vertical-align: middle;
	float: left;
	margin: 9px 0;
}

#page_menuid a:hover{
	background-color: #2ea2cc;
	color: #ffffff;
}

#page_selmenuid a{
	background-color: #2ea2cc;
	color: #ffffff;
    border: 0 none;
    border-radius: 2px;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 20px;
    line-height: 18px;
    margin-left: 4px;
    padding: 8px 14px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    top: 10px;
}

.proimage img{
   border: 1pt solid #CCCCCC;
    float: left;
    margin: 2px;
    max-width: 300px;
    padding: 2px;
}

.prodec{
  font-weight: bold;
}

.proprice{
	padding: 5px 20px;
}

.proprice2{
    padding: 5px 0;
}

.proamount{
    color: #106398;
    font-size: 19px;
    font-weight: bold;
    padding: 3px 0;
}

#schedule_task{
    float: left;
    width: 99%;
}

#schedule_task a{
    color: #D8DFEA;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 3px;
    text-decoration: none;
}

#schedule_task_con{
    border: 1pt solid #003263;
    float: left;
    width: 99%;
}

#schedule_task_con a{
    color: #ffffff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    padding: 3px;
    text-decoration: none;
}

.cal_customer{
   color: #D8DFEA;
    font-size: 12px;
    padding-left: 5px;
}

.cal_customer_con{
	padding-left: 5px;
    font-size: 12px;
  color: #ffffff;
}

.cal_datetime{
    color: #D8DFEA;
    float: left;
    font-size: 9px;
    line-height: 10px;
    padding-left: 5px;
}

#select_user_panel{
  padding: 5px;
}

#myd th{
    padding: 4px;
    text-align: left;
}

.product_price{
	color: #ff4a00;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

.product_price2{
    color: #ff0f0f;
    font-weight: bold;
}



.select_cardetail{
   height: 40px;
}

.booking2_model_title{
  color: #0B97C7;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;
    text-align: left;
}

.separator2 {
    border-bottom: 1px dashed #DDDDDD;
    float: left;
    line-height: 3px;
    margin: 5px;
    position: relative;
    width: 98%;
}

.separator3 {
    float: left;
    line-height: 3px;
    margin: 5px;
    position: relative;
    width: 98%;
}

.nofound_class{
    background-color: #E9EBEE;
    color: #003265;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.proimage{
    float: left;
    margin: 0 5px;
}

.carlist_bar{
     overflow:auto;
     height:200px;
     border: 1pt solid;
     border-color: #ebebeb;
     background-color: #fff;
}

#my_invrealdd{
	float: left;
}

.opentitle{
	font-size: 17px;
	padding: 2px 10px 0px 0px;
	font-family: 'AirbnbCereal-Bold', serif;
	text-align: left;
	font-weight: 400;
	float: left;
	text-transform: uppercase;
	margin-left: 5px;
}

.font_green{
   color: #53A512;
    font-size: 17px;
    text-align: left;
}

#ybp {
    background-color: #1E75BB;
    color: #FFFFFF;
    padding: 10px 5px;
}

#ybp th{
	font-weight: lighter;
   font-size: 13px;
    padding: 3px;
    text-align: left;
    color: #FFFFFF;
}

#ybp td{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    padding: 3px;
    text-align: left;
}

.packrebox{
    background-color: #F9F9F9;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
    width: 99%;
}

#packno_font{
    font-size: 15px;
    font-weight: bold;
}

.mylocationtext{
    color: #bb2e00;
    font-size: 25px;
    font-weight: bold;
    padding: 5px 10px;
}

.mylogin_panel{
	height: auto;
	margin: auto;
	position: relative;
	text-align: left;
	width: 550px;
}

.mylogin_panel p{
    text-align: center;
}

#wrapper {
     width: 1000px;
     text-align: left;
     position:relative;
     height:auto;
     margin:auto;
}

#dmp td{
	margin: 5px 0px;
	line-height: 27px;
}


#dmp input[type="password"], #dmp input[type="text"] {
    width: 95% !important;
}


#bsh td{
	margin: 5px 0px;
	line-height: 27px;
}

#bsh input[type="password"], #bsh input[type="text"] {
    width: 100% !important;
}

.menu_box {
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #ffffff;
	box-shadow: 0px 1px 2px 0px #CCC;
	float: left;
	margin: 0px 2px;
	padding: 5px 0;
	text-align: center;
	width: 50px;
	cursor: pointer;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	line-height: 14px;
	background-color: #ffffff;
	font-weight: lighter;
}
.menu_box:hover{
    border: 1px solid #c90036;
}

.menu_box label{
	float: left;
	line-height: 12px;
	margin-top: 3px;
	text-align: center;
	width: 93%;
}

.mess_font {
	color: #43A8DA;
	font-size: 12px;
	margin-left: 15px;
	position: relative;
}

.mess_font2{
	color: #43A8DA;
	font-size: 12px;
	line-height: 31px;
	margin-left: 5px;
	margin-right: 10px;
}

.green_font{
    color: #6d9d3c;
    margin-left: 15px;
}

.red_font{
    color: #a51c12;
    margin-left: 15px;
}

.orange_font {
	color: #ff6c2b;
	margin-left: 15px;
}

.black_font{
    color: #444444;
    margin-left: 15px;
}



.serstatus_complete{
	color: #009c00;
}

.serstatus_inprogress{
	color: #ffab3f;
}

.serstatus_fail{
	color: #d13037;
}

#fps th{
    font-weight: bold;
}

.opentitle2{
	font-size: 19px;
	padding: 2px 10px 2px 0;
	text-align: left;
	color: #005293;
}

#addtobatch{
	background: url("img/numDataBg3.png") repeat-x scroll 0px -212px transparent;
	border: 1px solid #4B8BC4;
	border-radius: 5px;
	color: #FEFEFE;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	height: 35px;
	padding: 0px 15px;
	position: relative;
	text-decoration: none;
	width: 90px;
	line-height: 35px;
	text-align: center;
}

#ordernum{
	background-color: #BA0000;
	border-radius: 13px;
	color: #FFF;
	float: left;
	margin: -9px 0px 0px 39px;
	padding: 3px 8px;
	position: absolute;
	width: auto;
	font-size: 9px;
}

#bordernum {
	background-color: #f93d66;
	border-radius: 13px;
	color: #FFF;
	float: left;
	/* font-weight: bold; */
	margin: -15px 0px 0px 10px;
	padding: 3px 9px;
	position: absolute;
	width: auto;
}

#ordernotif {
	background-color: #ff6600;
	border-radius: 14px;
	color: #FFF;
	float: left;
	margin: -5px 0px 0px 0px;
	padding: 0px 6px;
	position: absolute;
	width: auto;
	font-size: 9px;
	font-weight: lighter;
}

#popup_formcontent{
	padding: 10px;
	float: left;
	width: 100%;
	line-height: 10px;
}

#lyd tr{
	width: 100%;
	height: 40px;
}

#lyd th{
	padding: 10px 0;
}

#lyd td{
	width: 100%;
	line-height: 30px;
}

.left_submenu {
	border: 1px solid #a8a8a8;
	background-color: #F9F8F8;
	border-radius: 2px;
	float: left;
	height: 20px;
	margin: 2px 2px;
	padding: 3px 5px;
	text-align: center;
	width: auto;
	min-width: 90px;
	font-size: 10px;
}

.leftsel_submenu{
	border: 1pt solid #1a9cb7 !important;
	background-color: #1a9cb7;
	border-radius: 2px;
	float: left;
	height: 20px;
	margin: 2px 2px;
	padding: 3px 5px;
	text-align: center;
	width: auto;
	min-width: 90px;
	font-size: 10px;
	color: #ffffff;
}

#category_menupanel{
	margin: 5px 3px 1px;
	width: 99%;
}

.myprocate_font{
	color: #0074BD;
	font-size: 12px;
	line-height: 9px;
}

.search_button_panel{
	margin: 5px 0 0 0;
}

#prodetail_imgbox img{
	max-height: 170px;
	max-width: 150px;
	margin: 10px;
	text-align: left;
	float: left;
}

#fnt_green{
	color: #26b526;
	font-weight: bold;
}

#fnt_red{
	color: #d32523;
	font-weight: bold;
}


#storelocationbox{
	color: #4761a2; 
}

.gromov_boughtbar{
	background: url('img/sold_bar_bg.png') repeat-x scroll 0% 0% transparent;
	height: 5px;
	width: 165px;
	margin: 0 0px 5px 8px;
}

.gromov_soldgreenbar{
	background: url('img/barsold_bg_green.png') repeat-x;
	float: left;
	height: 5px;
}

.gromov_soldorangebar{
	background: url('img/barsold_bg_orange.png') repeat-x;
	float: left;
	height: 5px;
}

.gromov_soldredbar{
	background: url('img/barsold_bg_red.png') repeat-x;
	float: left;
	height: 5px;
}

.chart_box{
	float: left;
	width: 100%;
}

.chart_panel{
	float: left;
	width: 400px;
	height: 320px;
}

#dash_righttitle{
	padding: 10px;
	color: #000000;
	font-size: 18px;
	text-align: left;
	background-color: #E5E5E5;
	width: 95%;
	font-weight: bold;
}

#btnsmall_selicon {
	background-color: #ffffff;
	border: 0px;
	border-radius: 5px;
	border: 1px solid #f93d66;
	float: left;
	height: 67px;
	margin: 5px 4px 0px auto;
	padding: 5px 3px;
	text-align: center;
	width: 54px;
	color: #333333;
	font-size: 9px;
	text-align: center;
	line-height: 11px;
	text-transform: uppercase;
}

#btnsmallicon {
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #ffffff;
	box-shadow: 0px 1px 2px 0px #CCC;
	float: left;
	height: 67px;
	margin: 5px 4px 0px auto;
	padding: 5px;
	text-align: center;
	width: 50px;
	color: #333333;
	font-size: 9px;
	text-align: center;
	line-height: 9px;
	text-transform: uppercase;
}

#btnsmallicon:hover{
    border: 1px solid #a8a8a8;
}

.dnmtitle {
	font-weight: bold;
	font-size: 13px;
}

#dnm th{
	background-color: #f9f9f9;
	text-align: center;
	vertical-align: top;
	font-size: 13px;
	line-height: 26px;
	padding: 5px 9px;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	text-transform: uppercase;
}

#dnm td{
	text-align: center;
	vertical-align: top;
	line-height: 26px;
	padding: 5px 9px;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
}

.editcartoonist_bar {
    overflow: auto;
    height: 150px;
    width: 350px;
    display: inline-block;
    margin: 0px;
    padding: 4px 8px;
    background: #FFF none repeat scroll 0% 0%;
    border-width: 1px;
    border-style: solid;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    box-sizing: border-box;
    border-radius: 1px;
    font-size: 12px;
}

#err_desc {
	line-height: 22px;
	margin: 7px 0;
	padding: 0 10px;
	width: 90%;
}

#tasktitle{
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	width: 100%;
	float: left;
}

.taskmcd{
	font-size: 10px;
	margin-right: 9px;
	line-height: 13px;
}

.taskbcd {
	color: #ff742f;
	text-transform: uppercase;
	font-size: 11px;
}

#serstatus_complete {
	color: #009c00;
	text-transform: uppercase;
	font-size: 11px;
}

#serstatus_inprogress{
	color: #ffab3f;
	text-transform: uppercase;
	font-size: 11px;
}

#serstatus_fail{
	color: #d13037;
	text-transform: uppercase;
	font-size: 11px;
}

#myheader_logo{
	float: left;
}

#myheader_logo img {
	float: left;
	height: 65px;
	margin-top: 10px;
	margin-left: 20px;
}

#mybranch_name {
	font-size: 14px;
	text-transform: uppercase;
	text-align: right;
	font-family: 'AirbnbCereal-Bold', serif;
	float: right !important;
	margin-top: 10px;
}

#mybranch_credit {
	float: right;
	margin-top: 38px;
	position: absolute;
	right: 134px;
}

.frmcell_logout {
	margin-top: 19px;
	float: right;
	margin-right: 10px;
}

#mycompany_name {
	font-size: 17px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'AirbnbCereal-Bold', serif;
	float: left !important;
	margin-left: 20px;
	width: auto;
	margin-top: 26px;
}

#smallbranch_name{
	font-size: 12px;
	color: #000;
}

#mypage_id {
	color: #808080;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#searchhighligh{
	background-color: #f6f407;
}

.con_titlebar{
	padding: 10px 3px !important;
	margin: 0px !important;
	background-color: #f5f5f5 !important;
}

.con_descbar{
	padding: 0px !important;
}

.yph_fuulth{
	padding: 10px 3px !important;
	margin: 0px !important;
	background-color: #f1f1f1 !important;
}

.yph_fuulth th{
	padding: 10px 0 !important;
}

.yph_fuultd{
	background-color: #ffffff !important;
}

.yph_fuultd td{
	padding: 8px 0 !important;
}

.yph_fuultd input[type="text"], input[type="password"] {
	width: 95%;
}


.ype_fuulth{
	padding: 10px 3px !important;
	margin: 0px !important;
	background-color: #f9fafe !important;
}

.ype_fuulth th {
	padding: 10px 0 !important;
	border-bottom: 1pt solid #5d81ec !important;
	font-size: 12px;
	font-weight: normal;
}

#yph td {
	padding: 5px 0;
	font-weight: normal;
	color: #6d6c6e;
}

.mon_titlebar{
	margin: 0px !important;
	background-color: #f1f1f1 !important;
	float: left;
	width: 100%;
}

.mon_innerbar{
	padding: 10px 13px 20px !important;
}

.inpurright{
	text-align: right !important;
}

.barcode_fpanel{
	float: left;
	width:100%;
}

.barcode_box {
	border: 1px dashed rgb(204, 204, 204);
	width: 240px;
	text-align: center;
	float: left;
	height: 133px;
}

.barcode_box img{
	max-width: 260px;
}

.barcodetext{
	text-align: left;
	width: 60%;
	float: left;
}

.barcodetext span {
	font-weight: bold;
	font-size: 17px;
	padding-left: 3px;
}

.pricetext{
	text-align: right;
	width: 40%;
	float: left;
}

.pricetext span{
	font-weight: bold;
	font-size: 18px;
	padding-right: 4px;
}

.bartext_box {
	float: left;
	margin: 0 2%;
}

.barproducttext {
	float: left;
	width: 95%;
	line-height: 13px;
	text-align: left;
	padding-right: 1%;
}

.barproducttext span{
	font-size: 14px;
}

.barproductremark {
	float: left;
	width: 100%;
	line-height: 11px;
	text-align: left;
	margin-top: 2px;
	border-top: 1px solid rgb(204, 204, 204);
	padding: 2px 0;
}

.barcategorytext {
	float: left;
	width: 100%;
	line-height: 11px;
	text-align: left;
	margin-top: 4px;
}

.barcategorytext span {
	font-size: 12px;
	text-transform: uppercase;
}

.sortbox {
	float: right;
	width: 100%;
}

#mttl input{
	text-align: right;
}

.mtpl{
	margin-right: 10px;
	padding: 4px 0;
}

.chart_panel {
	float: left;
	border: 0pt;
	padding: 10px;
	/* margin: 0 10px; */
	width: 95%;
	height: 350px;
	box-shadow: 0px 1px 3px 0px #CCC;
	background-color: #ffffff;
	border-radius: 8px;
}

#invtbox {
	float: left;
	width: 100%;
	/* box-shadow: 0px 1px 3px 0px #CCC; */
	background-color: #ffffff;
	border-radius: 15px;
	background: url('img/bgttlproduct.png') repeat-x left top;
	max-width: 160px;
	background-size: contain;
}

#invmebox {
	float: left;
	width: 100%;
	box-shadow: 0px 1px 3px 0px #CCC;
	background-color: #ffffff;
	border-radius: 15px;
}

.invminner {
	padding: 10px 20px 20px;
	float: left;
}

.mydash_title {
	height: 19px;
	padding: 10px;
	font-size: 13px;
	font-family: 'AirbnbCereal-Bold', serif;
	float: left;
	width: 94%;
	text-align: left;
	margin-bottom: 10px;
}

.tinvmenu{
	float: left;
	margin: 2px 0;
	width: 100%;
	color: #ffffff;
}

/*----------inventory--------------*/
.categorylist_bar {
	overflow: auto;
	height: 200px;
	border: 1pt solid;
	border-color: #ebebeb;
	background-color: #ffffff;
}

.searchlist_bar {
	overflow: auto;
	height: 60px;
	border: 1pt solid;
	border-color: #ebebeb;
	width: 88%;
	background-color: #ffffff;
	padding: 10px 5px;
}

.searchmodel_bar {
	overflow: auto;
	height: 40px;
	border: 1pt solid;
	border-color: #ebebeb;
	width: 88%;
	background-color: #ffffff;
	padding: 10px 5px;
}

.searchlist_input {
	margin-right: 25px;
	float: left;
	font-size: 11px;
}

.invmenu{
	float: left;
	margin: 2px 0;
	border-bottom: 1pt solid #e0e0e0;
	width: 100%;
}

#invmenu{
	text-align: left;
	float: left;
	border-bottom: 1pt solid #e0e0e0;
	width: 100%;
}

#invmenu inner{
	margin: 5px 0;
}

#divclass_price{
	text-align: right;
	font-weight: bold;
	float: left;
	font-size: 11px;
}

#divclass_mtitle{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 10px;
}

#divclass_shop{
	color: #666;
	font-size: 95%;
}

#invnotice {
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #9e9e9e;
	margin: 30% auto;
}

.result_ttlbox {
	box-shadow: 0px 1px 3px 0px #CCC;
	border-radius: 20px;
	float: left;
	max-width: 150px;
	margin: 0 5px;
	width: 100%;
	padding: 20px 5px;
	background-size: auto 100%;
}

#orderbg {
	background: url('img/bgttlorder.png') repeat-x left top;
}

#salesbg {
	background: url('img/bgttlsales.png') repeat-x left top;
}

#dealerbg {
	background: url('img/bgttldealer.png') repeat-x left top;
}

#productbg {
	background: url('img/bgttlproduct.png') repeat-x left top;
}

.result_mtitle {
	padding: 20px auto;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.resmdesc{
	color: #ffffff;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

.result_ttldiv {
	padding: 0px 10px;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	text-align: left;
}

#fdn{
	background-color: #ffffff;
	border: 1pt solid #cccccc;
	border-radius: 5px;
	border-collapse: collapse;
	border-radius: 9px;
}

#fdn td{
	border-bottom: 1pt solid #cccccc;
	padding: 5px 5px;
	text-transform: uppercase;
	font-size: 11px;
}

#fdn th {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1pt solid #cccccc;
	padding: 5px 5px;
	font-size: 11px;
	padding: 5px 10px;
}

#dnm_box{
	background-color: #ffffff;
	width: 200px;
	float: right;
	top: 0px;
	margin: 0 10px;
}

.dnmtitle {
	font-weight: bold;
	font-size: 13px;
}

#dnm {
    border: 1px solid #E5E5E5;
    border-spacing: 0px;
}

#dnm th{
	background-color: #f9f9f9;
	text-align: center;
	vertical-align: top;
	font-size: 13px;
	line-height: 26px;
	padding: 5px 9px;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	text-transform: uppercase;
}

#dnm td{
	text-align: center;
	vertical-align: top;
	line-height: 26px;
	padding: 5px 9px;
	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
}

.mpad10 {
	padding-top: 6px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.bbp_titlepanel {
	text-align: left;
	border-bottom: 1pt solid #f2f2f3;
	padding: 10px 10px 0;
}

.twitter-typeahead input[type="text"] {
    width: 100% !important;
}

.hisproimg img{
	float: left;
	padding: 0px 4px 10px 10px;
	max-height: 180px;
	max-width: 130px;
}

.noticeurgent{
	color: #ad1718;
	font-weight: bold;
	text-decoration:blink;
}

.numbers-row{
	float: left;
	margin-left: 10px;
}

.numbers-row input{
	width: 40px;
	float: left;
	padding: 3px 0 0 0;
	text-align: center;
}

.inc{
	float: left;
}

.dec{
	float: left;
}

#mydetail_link{
	width: 100%;
	float: left;
}

#mydetail_link a{
	float: right;	
}

#creditbox input{
	float: left;
}

#creditbox span{
	float: left;
}

.creditbox_col5{
	margin-right: 5px;
}

.myremarddesc{
	font-size: 11px;
	color: #ff712d;
}


#searchinput{
	float: left;
	margin-right: 10px;
}

#noticenum {
	background-color: #BA0000;
	border-radius: 10px;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin: -7px 0 0 13px;
	padding: 1px 5px;
	position: absolute;
	width: auto;
}

#orderprocess_panel {
	margin-top: 3px;
	float: left;
	width: 100%;
	padding-top: 10px;
}

#orderprocess_panel2 {
	float: left;
	width: 100%;
}

#divdeposit{
	display: block;
	float: left;
	margin-left: 10px;
}

#fmdeposit{
	float: left;
	padding: 6px;
}

#search_list{
    padding: 0;
    margin: 0;
}

#search_list li{
    list-style-type: none;
}

#fnt_magreen {
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #00bfa5;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#fnt_mared {
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #f93d66;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#fnt_maorange {
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #f0ac44;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#fnt_magrey {
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #999999;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#fnt_mcredit {
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #589442;
	padding: 2px 15px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#fnt_serviceid {
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin-left: 20px;
	background-color: #5f6368;
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
}

#mylistmbox {
	float: left;
	position: relative;
	width: 25%;
	min-width: 140px;
}

#mylistmbox input{
	float: left;
	width: 15%;
	position: relative;
}

#divlistinput input{
	float: left;
	width: 90%;
}

svg{
	width: 100% !important;
}

#mylistmbox span{
	float: left;
	width: 80%;
	position: relative;
	font-weight: lighter;
	color: #6d6c6e;
}

.sevitemrowA{
	background-color: #f9f9f9;
	float: left;
	width: 100%;
}

.sevitemrowB{
	background-color: #ffffff;
	float: left;
	width: 100%;
}

.sevinner {
	float: left;
	width: 99%;
}

.mychangerm{
	font-size: 14px;
	float: left;
	padding-right: 4px;
}

.mychangetext{
	color: #12bc00;
	font-size: 16px;
	float: left;
}

.paymethodpanel{
	float: left;
}

#tcbtn_dateFrom, #tcbtn_dateTo, #tcbtn_service, #tcbtn_transfer {
    height: 20px;
}

.sphsubtitle {
	background-color: #f9f9f9;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
	line-height: 26px;
	padding: 1px 9px;
	border-bottom: 1px solid #EBEBEB;
	font-weight: lighter;
	margin: 0 !important;
	width: 100px;
	float: left;
	margin-right: 10px !important;
}

.bbpcategory {
	color: #0e75cb;
	font-size: 11px;
	line-height: 15px;
	background-color: #e5f7ff;
	width: auto;
	float: left;
	padding: 1px 6px 1px 1px;
}

.bbptitle {
	font-size: 11px;
	line-height: 10px;
	float: left;
	width: 100%;
}

.bbpmodel{
	color: #4065cc;
}

.bbpdesc{
	font-size: 12px;
	line-height: 14px;
}

.tt-dropdown-menu {
	width: 90%;
	margin-top: 5px;
	padding: 8px 12px;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px 8px 8px 8px;
	height: 155px;
	overflow-y: auto;
}

.tt-dropdown-menu p{
	padding: 0 2px 2px 5px !important;
	margin: 0 0 3px 0 !important;
	font-size: 11px;
	font-weight: lighter;
}

#fmdeposit {
	float: left;
	padding: 6px 0px;
}

.noinputwidth{
	width: auto !important;
	float: left;
}

#optionsmall{
  color: #000000;
  background-color: #fbf3d5;
  font-size: 11px;
}


#fmdeposit span{
	float: left;
	margin-right: 10px;
}

#creditbox span {
    float: left;
}

.myfooter_box{
	text-align: center;
}

.main_userpanel{
	float: left;
	width: 100%;
}

.main_uservsersion {
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	font-size: 11px;
	margin-top: 8px;
}

@media only screen and (max-width: 1430px) {
	
	#category_menupanel{
		width: 100%;
	}
}