/**********Home Code***********/

.slide-box {
    float: left;
    width: 804px;
}

.menu-box {
    float: left;
    min-height: 300px;
    width: 220px;
}

.home-slide {
    float: right;
    position: relative;
    width: 790px;
}

.links li { display: inline-block; }

.sbox {
    float: left;
    width: 1024px;
	margin: 15px 0;
}

.sbox1 {
    float: left;
    width: 220px;
}

.sbox2 {
    float: right;
    width: 790px;
}

.tab-box {
    float: left;
    width: 1024px;
}

.show-box {}

.bbox {
    float: left;
    width: 1024px;
}

.bbox1 {
    float: left;
    width: 205px;
	height: 400px;
	background: #EEE;
}

.bbox2 {
    float: left;
    width: 409px;
	height: 400px;
	background: #DDD;
}

.bbox3 {
    float: left;
    width: 205px;
	height: 400px;
	background: #EEE;
}

.bbox4 {
    float: right;
    width: 205px;
	height: 400px;
	background: #DDD;
}

.b1 {
    float: left;
    width: 205px;
	height: 200px;
	background: #EEE;
}
.b2 {
    float: left;
    width: 205px;
	height: 200px;
	background: #CCC;
}

.pro-banner {
    float: left;
    width: 1024px;
	height: 130px;
	background: #EEE;
	margin-top: 15px;
}
/*Black Ribbon*/
.black-ribbon {
    position: fixed;
    z-index: -1;
    width: 70px;
    margin-top: -5px;
}
@media only all and (min-width: 1200px) {
    .black-ribbon {
        width: auto;
        z-index: 9999;
    }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/*Black Ribbon*/


/********** End Home Code***********/

.fa-shopping-cart { color:#ff7a77;}

/*---------back to top--------------*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
}
#back-top a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	width: 108px;
	height: 50px;	
	padding:5px 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#back-top span {
	color: #FFF;
	display: block;
	margin-bottom: 7px;
}

#back-top .fa-angle-up {
    background: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    height: 40px;
    line-height: 1.2;
    text-align: center;
    width: 40px;
}

#back-top .fa-angle-up:hover{
	box-shadow:0 0 8px rgba(255,255,255,1);
	background-color:#2B2829;
}


/**view  tab**/

.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.tab-content > .tab-pane {
	float: left;	
}

.nav-tabs.nav-justified {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #1f9bd7;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
	border-radius: 6px 6px 0 0;
}

.nav.nav-tabs.nav-justified > li {
    display: inline-block;
}
.nav-tabs.nav-justified > li > a {
    background: #eee;
	padding: 8px 16px 5px;
	display: inline-block;
	font-size:1.1em;
	border-radius: 6px 6px 0 0;
	border-top:  none;
}
.nav-tabs.nav-justified  li  a:hover{
	background: #1F9BD7;
	color:#fff;
}
.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:hover, 
.nav-tabs.nav-justified > .active > a:focus {
    border-bottom: 1px solid #1f9bd7;
	background: #1F9BD7;
	color:#fff;
	border-left: 1px solid #1F9BD7;
	padding-top: 7px;
	border-top:  none;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.tab-content {
    margin-top: -6px;
}
.tab-pane .collateral-box{ 
	width:100%;
	box-sizing: border-box;
}

/*------------currency----------*/
.head-currency{
	margin: 4px 5px 0 0;
	padding: 0 2px 0 7px;
	display: inline-block;
	float: right;
}
.head-currency input[type="radio"] {
    display:none; 
}

.head-currency label {
    display: inline-block;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #555;
	margin: 0 5px 0 0;
	cursor:pointer;
}
.head-currency label:hover,
.head-currency input[type="radio"]:checked + label { 
   color: #000;
}
.head-currency span.fa{ margin-right:3px;}
/*-----*/


/*404 found*/
 
 .p404 span {
    color: #b90001;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.error-4 {
    background:  #766513;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin-left: 95px;
    margin-top: -159px;
    padding: 5px 20px;
    position: absolute;
}

.p404 img {
    margin-right: 5px;
    vertical-align: middle;
}

.p404 i {
    font-style: normal;
    margin-right: 10px;
}

.p404  p {
    text-align: center;
    width: 100%;
}

.p404 a:hover {
	background : #A6A6A6;
	color: #fff;
}

.left-categorys-container a:hover {
	background-color: rgba(0,0,0,0.2);
	border-radius: 3px;
}

.s-des {
    float: left;
    height: 92px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

#catalog-head .fa{
	font-size: 0.8rem;
	padding: 0 5px 0 0;
}

/*contact-us*/

.col-form  h3 {  padding-bottom: 5px; }

#webform_3 .buttons-set { border-top: none; }

#webform_3 .fieldset { 
	float: left; 
	margin: 10px 15px 15px 15px;
	border: none;
	padding: 0px;
	background: #fbfbfb;
}

.mra {  margin-left: 18px; }

 #webform_3  .form-list input.input-text { width: 405px; }
 
#webform_3 .form-list {  
	padding-left: 20px; 
	background-color: #fbfbfb;
}

#webform_3 .form-meg {  width: 370px;}  

#webform_3 .form-list textarea {  width: 405px; }

.sup-text  li {
    line-height: 1.8;
}
.mra  p {
    line-height: 1.8;
}

.box1-us {
	padding: 0 10px 10px 29px;
	width: 488px;
}

.col-map {
    float: left;
    width: 500px;
	text-align: center;
	margin-bottom: 15px;
}

.col-form {
	float: left;
	width: 493px;
	padding-left: 15px;
}

.col-about {
    float: left;
    width: 1024px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
}
.payment-content {
    display: inline-block;
    width: 992px;
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 15px;
}
.payment-content .bank {
    width: 35%;
    display: inline-block;
    float: left;
}
.payment-content .bank img {
    margin-right: 5px;
}
ul.bank-detail {
    list-style-type: none;
    padding: 0;
    line-height: 1.8;
}

.cont-us1 {
	float: left;
	width: 500px;
	padding-right: 15px;
}

.user-icon .fa.fa-users {
    color: #1F9BD7;
    margin-right: 5px;
}

.user-icon h2 { 	color: #1f9bd7; }

.box1-us  h3 {  	padding-bottom: 5px; }

.box1-us .fa.fa-tags ,
.box1-us .fa.fa-phone-square, 
.box1-us  .fa.fa-envelope { margin-right: 5px; }

#webform_3 ul.form-list li {  list-style-type:none;  }	

.col-map  iframe { 
	border: 1px solid #ddd;
	border-radius: 4px;
}

#webform_3 .form-list select {
    margin-top: 2px;
    padding: 7px;
    width: 421px;
}

/**confirim payment**/

.l-payform {
    float: left;
    height: 558px;
    padding: 10px 28px;
    width: 372px;
}


.r-payform {
	float: left;
	width: 594px;
}

.confrim-pay {
    float: left;
    width: 1022px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
}



.l-payform h2:lang(th),
.r-payform h3:lang(th),
.l-payform h3:lang(th)  { font-weight: normal; }

#webform_2 .form-list { 
	list-style: none;
	padding-left: 0em;
}


#webform_2  .form-bank {
	width: 256px;
	margin-top: 2px;
	padding: 6px;
}

#webform_2 .form-list .input-box {
	margin-right: 11px;
 }
 
#webform_2 .fieldset {  
	padding: 20px 0 0 28px; 
	border: none;
	margin: 3px 0 0;
	background: #fbfbfb;
}

#webform_2 .form-list textarea { width: 522px;  }
 
.fa.fa-pencil { 
	margin: 0 10px 0 20px;
	font-size: 19px;
}
 

 
.r-payform h3 {
	border-bottom: 1px solid #ddd;
	margin: 24px 29px 0 28px;
	padding-bottom: 3px;
	text-align: center;
	font-weight: normal;
	color: #1F9BD7;
	font-weight: bold;
}

.l-payform  .fa.fa-money {
    font-size: 20px;
    margin-right: 5px;
}

.l-payform h3{
	border-bottom: 1px solid #ddd;
	margin-top: 15px;
	color: #1F9BD7;
	font-weight: bold;
	padding-bottom: 5px;
}

.l-payform .fa.fa-pencil-square-o {
	font-size: 22px;
	margin-right: 5px;	
}

.l-payform h2 {
    border-bottom: 1px solid #ddd;
    color: #1F9BD7;
    font-weight: bold;
    padding-bottom: 5px;
}


#webform_2  .form-list select {
    margin-top: 1px;
    padding: 6px;
    width: 256px;
}

ul.pay-info li.kth {     background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/kbank.gif") no-repeat scroll 0 50% transparent; }

.pay-info li {
	margin: 10px 0 15px;
	padding-left: 45px;
	list-style: none;
}

/*****faq*****/

.faq-box span,
.faq-box2 span ,
.faq-box3 span ,
.faq-box4 span {
    background:  #1F9BD7;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    height: 30px;
    line-height: 1.9;
    padding: 1px;
    text-align: center;
    width: 30px;
}

.faq-box  {
	padding: 10px;
	margin-right: 15px;
	width: 483px;
	height: 264px;
	float: left;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
}

.faq-box2  {
	width: 482px;
	float: left;
	padding: 10px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
	height: 264px;
}

.faq-box3  {
	width: 483px;
	height: 170px;
	float: left;
	padding: 10px;
	margin-right: 15px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
}

.faq-box4  {
	width: 482px;
	float: left;
	padding: 10px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
	height: 170px;
}

.col-faq  h2 {
	line-height: 0.5;
	color: #fff;
    font-weight: bold;
}

.faq-top { 
	height: 286px;
    margin-bottom: 15px;
}

.faq-bottom {
	float: left;
}

.col-faq  .fa.fa-code-fork{
	color: #4E565F;
	font-size: 20px;
	padding: 10px;
}
.col-faq { line-height: 1.7; }

.col-faq .fa.fa-briefcase {
	color: #555;
	font-size: 15px;
	padding: 10px 10px 0 10px;
}

.col-faq  h5 {
	color: #4E565F;
	border-bottom: 2px dashed #555;
 }
 
 .sub-text h1 { color: #3C201A; }
 
.col-faq h1 {
	margin-bottom: 15px;
	padding-bottom: 3px;
	color: #1F9BD7;
}
 
 .col-faq .fa.fa-comments  {
	color: #1F9BD7; 
	margin-right: 5px;
	font-size: 20px;
 }
 
 /****how to order********/

.pay-left {
	float: left;
	margin-right: 15px;
	width: 510px;
}

.col-order {
    border: 1px solid #ddd;
	padding: 0 10px 10px;
	width: 407px;
}

.col-order {
    border-bottom: none;
}

.con-shipping {
    border: 1px solid #ddd;
	padding: 0 10px 11px;
    width: 407px;
}

.pay-right {
	float: left;
	width: 499px;
}

.step1-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step1.png") no-repeat scroll 45% 55% transparent; }

.step2-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step2.png") no-repeat scroll 45% 55% transparent; }

.step3-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step3.png") no-repeat scroll 45% 55% transparent; }

.step4-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step4.png") no-repeat scroll 45% 55% transparent; }

.step5-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step5.png") no-repeat scroll 45% 55% transparent; }

.step6-img { background: url("http://www.bemedicare.com/skin/frontend/default/bemidicare/images/step6.png") no-repeat scroll 45% 55% transparent; }

.step1-img,
.step2-img ,
 .step3-img,
 .step4-img,
 .step5-img,
 .step6-img {
	height: 134px;
	width: 95px;
	float: left;
	border-radius: 4px;
}

.step1,
 .step2,
 .step3,
 .step4,
 .step5,
 .step6{
	float: left;
	display: table;
	height: 140px;
	margin-bottom: 15px;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
	padding: 10px;
}

.step3, 
.step6 { margin-bottom: 0;} 

.step-details {
    display: table-cell;
    padding: 5px 5px 0 0;
    vertical-align: middle;
}

.col-order  p { margin-bottom: 9px; }

.pay-right h2 {
    border-bottom: 1px solid #555;
    margin: 6px 0;
}

.l-payment .fa-gift {
	font-size: 25px;
	padding-right: 5px;
}

.l-payment h2 {
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #1F9BD7;
}

.l-payment h2:lang(th) { font-weight: normal; }

.l-payment { 
	float: left;
	margin-bottom: 15px;
}

.t-step {
	font-weight: bold;
	color: #1F9BD7;
}

/*payment**/

.b-payment {  float: left; }

.bank-pay h4 { padding-bottom: 5px; }

.fa.fa-money,
.fa.fa-truck {
	font-size: 25px;
	padding-right: 5px;
}

.l-payment .fa-gift {
	font-size: 25px;
	padding-right: 5px;
}

strong.focus { color: #BA1320; }

.bank-pay { 
	width: 484px; 
	float: left;
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
	margin-right: 15px;
	padding: 0 10px;
	width: 482px;
	height: 253px;
}

.col-shipping {
	background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 6px;
	padding: 0 10px;
	width: 482px;
	float: left;
	height: 253px;
}

.col-shipping p {
    padding: 10px;
}

.col-shipping img  {  
	width: 486px;
	margin: 10px 0 15px 0;
}

 .b-payment h2 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	color: #1F9BD1;
}

/**location*/
.map-loca .fa.fa-map-marker { margin-right: 5px; }

.map-loca h2 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 5px;
	color: #1F9BD1;
}

.map-loca .fa.fa-home {
    font-size: 15px;
    margin-right: 5px;
}

.map-loca2  iframe {  border: 1px solid #ddd; }

/*about-us*/

.right-us {
    float: left;
    margin-right: 15px;
    padding: 5px;
    width: 343px;
}

/*config label*/

/*blog*/

.aw-blog-read-more {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.sbox1 img,
.home-slide img {
	border-radius: 5px;
}

.pro-banner img {
	border-radius: 6px;
}

/*represent product*/
.tab-product {
    border-bottom: 3px solid #1f9bd7;
    border-top: medium none;
    color: #fff;
    padding-top: 7px;

}

ul.tab-product { 
	padding-left: 0;
	margin-bottom: 0;	
}

.tab-product li {
    background: #1f9bd7;
    border-radius: 6px 6px 0 0;
    border-top: medium none;
    display: inline-block;
    font-size: 1.1em;
    padding: 8px 16px 5px;
}


.sbox2 .product-slide { 
	padding: 0;
	margin-bottom: 20px; 
}


/*Checkout*/
.sp-methods ul li{
    line-height: 2.4;
}

.sp-methods input.radio {
    margin: 10px 8px 0 0;
}