@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);   /*font-family: 'Roboto', sans-serif;*/
/*** GENRAL CSS ***/
/**body { margin:0px; padding:0px; color:#1f1f1f; background:url(../images/page-bg.jpg) repeat; font-size:13px; font-family: Roboto, sans-serif;}**/
/** background:url(../images/page-bg.jpg) **/
body { margin:0px; padding:0px; color:#1f1f1f; background:url() repeat; font-size:13px; font-family: Roboto, sans-serif;}
img { margin:0px; padding:0px; border:none}
a { margin:0px; padding:0px; color:#000; text-decoration:none}
a:hover { margin:0px; padding:0px; color:#000}
ul { margin:0px 0 0 15px; padding:0px; list-style:disc;}
ul li { margin:0px; padding:0px;}
ol { margin:0px; padding:0px; list-style:decimal;}
ol li { margin:0px; padding:0px;}
input,salect { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
* { outline:none}
p { margin:0px; padding:0px; }

/*** GLOBAL CSS ***/
h1 { margin:0px; padding:0px;}
h2 { margin:0px; padding:0px;}
h3 { margin:0px; padding:0px;}
h4 { margin:0px; padding:0px;}
h5 { margin:0px; padding:0px;}
h6 { margin:0px; padding:0px;}
.clear { clear:both; }
.fLeft { float:left}
.fRight { float:right}

/*** WRAPER ***/
.wraper { margin:0px; padding:0px; width:100%;}
.logo_box { padding:0px;}
.logo_box .span5 { margin:0px; padding:0px; float:left;}
.logo_box #form-login.span4 { margin:0px; padding:0px; float:left;}
.logo_box .form-horizontal.well { margin:0px; padding:40% 0 21% 8%; border:none; background:#fff url(../images/login-shadow.png) no-repeat left top; border-radius:0px; box-shadow:none; min-height:inherit;}
.logo_box .form-horizontal.well fieldset { margin:0px; padding:0px;}
.logo_box .form-horizontal.well fieldset legend { margin:0px; padding:0px 0 20px 0; font-size:25px; color:#212121; border:none; font-weight:bold; text-align:center; text-transform:uppercase}
.logo_box #form-login .controls{ margin-left:0;}
::-webkit-input-placeholder{ text-transform:uppercase;}
::-moz-placeholder { text-transform:uppercase; } /* firefox 19+ */
:-ms-input-placeholder { text-transform:uppercase; } /* ie */
input:-moz-placeholder { text-transform:uppercase;}
.logo_box .form-horizontal.well input[type="text"] { margin:0px; padding:0 40px 0 14px; width:77%; background:#fff; border:1px solid #bdbdbd; height:41px; line-height:41px; border-radius:3px; font-size:15px; color:#4b4b4b;font-weight:normal;}
.logo_box .form-horizontal.well input[type="password"] { margin:0px; padding:0 40px 0 14px; width:77%; background:#fff; border:1px solid #bdbdbd; height:41px; line-height:41px; border-radius:3px; font-size:15px; color:#4b4b4b; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.logo_box .form-horizontal.well button[type="submit"] { background: none repeat 0 0 #f4452e; display: block; font-size: 16px; margin: 0 auto; padding: 12px 18px; text-transform: uppercase; border:none;}
.logo_box .form-horizontal.well input#username {background: url(../images/usernane_icon.png) no-repeat right #fff;}
.logo_box .form-horizontal.well input#passowrd {background: url(../images/password_icon.png) no-repeat right #fff;}
.remember-me{ text-align:center; margin:10px 0 0;}
.remember-me input { margin: 0 5px 0 0;}
.logo_box .form-horizontal.well .forgot_text { margin:-15px 0 20px; padding:0px; text-align:center; font-size:12px; color:#ff0000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif}
.logo_box .form-horizontal.well .forgot_text a { color:#ff0000; text-decoration:underline}
.logo_box .form-horizontal.well .forgot_text a:hover { color:#000; text-decoration:underline;}

a.cancelbutton{margin-left :20px; background:#414141; border:1px solid #000;}
/*19-09-14*/
.hidebox{ display:none}

.same{ background-color: #DDFFFF; }
.different{ background-color: #FFDDDD; }
.all-items{ background:url(../images/red_arrow.png) no-repeat right 3px; padding:0 10px 0 0; margin:0 0 0 10px;}
.all-items:hover{color:#d94f40;padding:0 10px 0 0; margin:0 0 0 10px;}
.success-msg{ border:1px solid #090; padding:5px; margin:0 0 5px; color:#090;}
.error-msg{ border:1px solid #F00; padding:5px; margin:0 0 5px; color: #F00;}

/***************************************** Payment Page *********************************************/
#payment-receive-form input[type="text"], #payment-receive-form select{ width:150px;}

/***************************************** site_nav togal *********************************************/
.site_nav { float:right; margin:24px 0 0 24px;  cursor:pointer; position:relative;}
.site_nav .burgar-icon{ background:url(../images/site_nav_bg.png) no-repeat 0 0;width:32px; height:32px; cursor:pointer;}
.site_nav ul{ list-style-type:none; margin:0px; display:none; position:absolute; right:0; top:32px; z-index:99;}
.site_nav ul li{ border-bottom: 1px solid #494949;position: relative;width: 165px;}
.site_nav ul li a{ background:#292929; color: #808080; display: block; font-size: 12px; padding: 5px 10px; text-decoration: none;}
.site_nav ul li a:hover, .site_nav ul li.active > a, .site_nav ul li:hover > a{ background-color:#f4452e;color: #ffffff;}
.site_nav ul li:hover > ul{ display:block; }
.site_nav ul li ul{ right:99.99%; top:0; }
.site_nav ul li .has-dropdown{ background-image:url(images/drop-down-icon.png); background-repeat:no-repeat; background-position:right 10px center; background-size:12px auto; padding-right:30px; }
@media(max-width:979px){
.site_nav ul li ul{position:static;}
.site_nav ul li:hover > ul{ display:none; }
.site_nav ul li.open > ul{ display:block; }
.site_nav ul li .drop-icon{ position:absolute; width:30px; height:30px; right:0; top:0; z-index:999; }
.site_nav ul li.open > a{ background-color:#f4452e;color: #ffffff; }
}

/***************************************** Tabing *********************************************/
.shTab {margin: 0; padding: 0;}
.shTab .tabsButton { background:#717171; color:#FFF;cursor: pointer;    float: left;padding: 5px 20px; border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; margin:0 1px 0 0;}
.shTab .tabsButton.selected_tab { background:#f4452e;} 

/***************************************** loading box *********************************************/
.loading_box_img{ position:fixed; top:50%; left:50%; margin:-32px -30px; z-index:9;}


/***************************************** Shop Page *********************************************/
.shop_top_table input{ width:140px;}
.shop_top_table .add-order-iframe .iframe{ right:3px;}
.whole_home_page { display:block; float:left; width:100%; }
.whole_home_page img{ float:left; }
.right_img { float:left; margin:104px 50px 0 55px; }
.table_title{ padding:31px 0; float:left; }
.table_title h2{  color: #000;  display: block;  font-size: 26px; padding:15px 0; }
table.ft_table {  border-collapse: collapse; background:#fff; color: #1f1f1f; font-family: Roboto,sans-serif; font-size: 13px;}
table.ft_table tr:nth-child(odd){ background:#ececec; }
table.ft_table tr td{ border:1px solid #e3e3e3; text-align:left; }
table.ft_table tr th{ border:1px solid #e3e3e3; }
.r_aling{float: right;}

#wrap.no_permiossion{ padding-top: 110px; padding-bottom: 110px; margin-bottom: -100px; box-sizing: border-box; min-height: 100%; /*min-height: calc(100% - 100px);*/ }

#wrap.no_permiossion > #push{ display: none; }
#wrap.no_permiossion + .footer{  margin-top:0; height: auto; }
#wrap.no_permiossion .page_title{ text-align: center; }

.full_wrap #wrap{ min-height: 1px; margin-bottom: 0; }
.full_wrap{ min-height: 100%; position: relative; padding-bottom: 100px; box-sizing: border-box; }
.full_wrap footer#footer{ position: absolute; bottom: 0; left: 0; right: 0;  margin: 0; }
.maintitle:empty{ display: none; }
.maintitle{ margin-top: 0; clear: both; }
.full_wrap, .top_area, #wrap, .footer{ clear: both; width: 100%; float: left; }
.scroll_table{ overflow-y: visible; overflow-x: auto; width: 100%;  -webkit-overflow-scrolling: touch; }
.forgot-password input[type="email"]{ height:auto; box-sizing: border-box; padding: 10px; width: 100%; }
.six_boxes{ padding-top: 0; }
.containerform{ margin-top: 0; }
#form-login{ margin-top: 0; }
.buyer-form label{white-space: nowrap;} 
.form-buttons .submitbutton input,
.form-buttons .submitbutton span{ margin: 0 10px !important; }
#iframe-form-login table .btn{ margin-bottom: 20px; }
.email-template-wrap .submitbutton{ padding-top: 20px; }

.sampling-list-wrap table.container-top td select,
.sampling-list-wrap table.container-top td input[type="text"]{ width: 167px; margin: 0 10px 0 0 !important; box-sizing: border-box; height: auto; }
.sampling-list-wrap table.container-top td a.all-items{ margin: 0 10px 0 0; }
.container-top input[type="submit"]{ width: 110px; padding: 5px 10px; }

.container-top input,
.container-top select{ margin:0 20px 0 0; }

.custom-container-table.container-info { margin-bottom: 20px; }
.custom-container-table.container-info tr td,
.custom-container-table.container-info tr td:first-child{ float: none; width: auto; clear: none; display: table-cell; padding:5px; vertical-align: top; }
.custom-container-table.container-info tr td label{ line-height: normal; padding: 0 0 4px; }
.custom-container-table.container-info tr td input,
.custom-container-table.container-info tr td select{ margin: 0; width: 100%; box-sizing: border-box; height: auto; padding: 5px 10px; }
.custom-container-table.container-info tr td textarea{ margin: 0; width: 100% !important; box-sizing: border-box; height: auto; padding: 5px 10px; }
.custom-container-table.container-info tr td .add-shipper-iframe{ padding-right: 25px; }
.custom-container-table.container-info tr td .add-shipper-iframe a.iframe{ right: 0; }

table.logintable tr td label.error{ clear: both; padding: 3px 0 0 0; }
table.full-width-table{ width: 100%; margin: 0 0 20px; }
table.full-width-table tr td{ display: table-cell; float: none; width: 20%; padding: 5px; vertical-align: top; }
table.full-width-table tr td input,
table.full-width-table tr td select{ width: 100%; box-sizing: border-box; height: auto; margin: 0; }
table.full-width-table tr td input[type="radio"]{ width: 16px; height: 16px; padding: 0; }
.right-table{ width: 475px; }
.right-table tr td{ padding: 5px; }
.right-table tr td label{ line-height: normal; }
.buyer-form table.logintable tr td.nopadding{  }
table.dynatable thead tr th,
table.dynatable tbody tr td{ padding: 5px 10px; }
table.dynatable.dynatable_new tr th,
table.dynatable.dynatable_new tr td{ padding: 5px 3px; }
.dynatable a.remove{ width: 16px; height: 16px; display: block; }
th.r_aling,
td.r_aling{ float:none; text-align:right; }
.payment-show table { border-collapse: collapse; }
@media(min-width:980px){
.full_wrap #wrap{ margin-top: 100px; }
.six_boxes ul li:nth-child(4n+1){ clear: left; }
}
@media(max-width:979px) and (min-width:768px) {
.six_boxes ul li:nth-child(3n+1){ clear: left; }
}
@media(max-width:1100px){
.buyer-form label{ padding-right:15px; } 
.buyer-form input[type="text"]{ max-width: 100%; }
.scroll_main_div{ display: none; }
#colorbox{ top: 30px !important; border-radius: 10px; border: 10px solid rgba(0,0,0,.7); background: #fff; margin: 0 -250px !important; left: 50% !important; }
#colorbox, #cboxWrapper{ min-width: 500px;  }
#cboxContent{ padding: 15px 0; }
#cboxContent, #cboxLoadedContent{ min-width: 100%; }
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTitle{ display: none !important; }
#cboxLoadedContent{ margin-bottom: 0 !important; }
#cboxClose{ position: absolute; top: 0; right: 0; }
.container-top tr td:first-child{ width: 100% ; margin-right: 0;  }
.container-top tr td input,
.container-top tr td select{ margin: 0 10px 10px; width: auto; }
.container-top tr td{ float: left; margin:0 10px 10px 0; /* clear: both;*/ text-align: left; }
.container-top tr td.create-button{ float: left; }
.iframe_wrap_div{ width: 100%; }
.iframe_wrap_div iframe{ width: 100%; }
table.dynatable{ width: 2700px; }
table.dynatable.add-payment-table{ width: auto; }
.container-top.show-payment-form tr td input{ width: 125px; margin: 0 5px; }
}
@media(max-width:1023px){
.buyer-form table.logintable{ width: 100%; }
.buyer-form table.logintable tr td{ display: block; padding: 0 0 15px; width: 100%; float: left; }
.buyer-form table.logintable tr td.nopadding{ padding: 0; } 
.buyer-form table.logintable tr td:empty{ display: none; } 
.buyer-form table.logintable tr td input,
.buyer-form table.logintable tr td select{ width: 100% !important; margin:0; box-sizing: border-box; height: auto; padding: 8px 10px; }
.buyer-form table.logintable tr td textarea{ width: 100% !important; box-sizing: border-box; padding: 8px 10px; min-height: 58px; }
.buyer-form table.logintable tr td #InputsWrapper input {  }
.buyer-form table.logintable tr td input,
.buyer-form table.logintable tr td select:last-child{ margin-bottom: 0; }
.buyer-form table.logintable tr td input[type="checkbox"],
.buyer-form table.logintable tr td input[type="radio"]{ width:16px !important; height:16px; float:none; margin:-3px 5px 0 0; }
.buyer-form table.logintable tr td input[type="submit"] { width: auto !important; margin-bottom:0; }
.buyer-form table.logintable tr td.tittle{ line-height: normal; }
.buyer-form table.logintable tr td label{ line-height: normal; }
.buyer-form table.logintable tr td.nopadding label{ display: block; padding: 0; margin: 0 0 2px; line-height: normal; }
.buyer-form.add-buyer-form table.logintable tr td input{ margin-bottom: 0; }
.buyer-form.add-buyer-form table.logintable tr td{ padding-bottom: 20px; }
}
@media(max-width:979px){
.nav-collapse, .nav-collapse.collapse{ height: auto; display: none; }
.navbar-inverse .btn-navbar{ padding: 13px 5px 14px 6px; }
.navbar .btn-navbar{ margin-top: 23px; }
.navbar .btn-navbar .icon-bar{ width: 5px; height: 5px; margin: 0 2px 0 0 !important; border-radius: 50%; float: left; }
.navbar .btn-navbar .icon-bar:last-child{ margin-right: 0; }
.navbar-inverse .nav li > a{ padding-left: 30px; }
.navbar-inverse .nav li ul{ display: block !important; position: static; width: 100%; margin: 0; }
.navbar-inverse .nav li ul li{ width: 100%; }
.navbar-inverse .nav li ul li a{ background: none !important; color: #808080 !important; padding: 5px 10px 5px 40px !important; font-size: 12px !important; }
.navbar-inverse .nav li ul li li a{ padding-left: 50px !important;}
}
@media(max-width:980px){
.container.fixwidth { width: 748px; }
.logo_box .form-horizontal.well{ background: none; }
.logo_box .span5{ position: relative; }
.logo_box .span5:before { position: absolute; width: 25px; height: 100%; right: -25px; display: block; background: url(../images/login-shadow.png) no-repeat left top; background-size: auto 100%; content: ""; }
.six_boxes ul li{ width: 33%; padding: 0px; box-sizing: border-box; }
.six_boxes ul li a{ display: block; padding: 20px 15px; }
.six_boxes ul li a img{ padding: 0 0 10px; }
.six_boxes ul li:nth-child(3n+1){ clear: both; }
}
@media(max-width:767px){
.container.fixwidth, .container, .navbar .container{ width: 100%; clear: both; float: left; box-sizing: border-box; padding: 0 15px; }
.six_boxes ul li{ width: 100%; border: 1px solid #cccccc; box-shadow: 0 0 30px 0 rgba(204,204,204,.8) inset; background: none; }
.six_boxes ul li:last-child{ margin-bottom: 0; }
.six_boxes ul li a{ display: block; }
.container-top tr td input, .container-top tr td select{ width: 100%; height: 43px; padding: 10px; box-sizing: border-box; margin: 0 0 10px; }
.logo_box .span5{ width: 100%; margin: 0 0 20px; }
.logo_box .span5:before{ display: none; }
.logo_box .span5 img{ width: 100%; height: auto; }
.logo_box #form-login.span4{ width: 100%; margin: 0; }
.logo_box #form-login.span4 #login-form{ padding: 0; }
.logo_box .form-horizontal.well input[type="text"],
.logo_box .form-horizontal.well input[type="password"]{ width: 100%; }
.container-top tr td{ width: 100%; clear: left; float: left; }
.scroll_table table{ max-width: 10000px; min-width: 100%; }
.form-buttons .submitbutton input,
.form-buttons .submitbutton span{ margin-bottom: 10px !important; }
.form-buttons .submitbutton span.ca_carrying_total{ display: block; clear: both; }
#user-form .submitbutton{ padding-top: 30px; }
.change-password-table{ max-width: 480px; width: 100%; }
.change-password-table tr td{ display: block; }
.change-password-table tr td input[type="text"],
.change-password-table tr td input[type="password"]{ width: 100%; margin: 0; }
#cke_content{ width: 100% !important; }
.email-template-wrap input#admin_email,
.email-template-wrap input#invoice_from{ width: 100% !important; max-width: 100%; margin: 0; }
.admin-page-wrap input#admin_email,
.admin-page-wrap input#invoice_from{ width: 100% !important; max-width: 100%; margin: 0; }
.admin-page-wrap .logintable td{ display: block; padding: 0 0 10px; line-height:normal; }
.custom-container-table.container-info tr td,
.custom-container-table.container-info tr td:first-child{ width: 100%; display: block; float: left; }
table.full-width-table tr td{ width: 100%; float: left; }
.container-top.show-payment-form tr td input{ width: 100%; margin: 0 0 10px; padding: 5px 10px; height: auto; }
.container-top.show-payment-form tr td input[type="submit"]{ margin-bottom: 0; }
} 
@media(max-width:639px){
#colorbox{ top: 30px !important; border-radius: 10px; border: 10px solid rgba(0,0,0,.7); background: #fff; margin: 0 -150px !important; left: 50% !important; }
#colorbox, #cboxWrapper{ min-width: 280px !important;  }
.right-table{ width: 100%; }
.right-table tr td{ float: left; width: 100%; }
.right-table tr td label{ padding: 0; }
.right-table tr td input{ width: 100%; box-sizing: border-box; height: auto; }
}
@media(max-width:350px){ 
#vehicle-form input.submitbutton{padding: 8px 5px;}
#vehicle-form  .submitbutton .btn { font-size: 18px; padding: 5px 10px; }
}