article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }
audio,
canvas,
video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body,
button,
input,
select,
textarea { font-family: sans-serif; }
a { color: #666 !important; }
a:visited { color: #666; }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre,
code,
kbd,
samp { font-family: sans-serif;  monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before,
q:after { content: ''; content: none; }
small { font-size: 75%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul,
ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul,
nav ol { list-style: none; list-style-image: none; }
quotefooter { font-size: 9px; }
imagequote { max-height: 200px; max-width: 200px; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input { line-height: normal; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
body { margin: 0; padding: 0;  font-family: 'RobotoRegular', sans-serif!important; font-size: 16px!important; color: #4d4d4d; font-weight: normal; line-height: 21px!important; }
a,
img,
span { border: 0; margin: 0; padding: 0; text-decoration: none; }
img { line-height: 0; }
p { margin: 0; padding: 0 0 20px; }
* { list-style: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
li { display: list-item; border: 0; margin: 0; padding: 0; }
.clear { clear: both; }
@import url(http://fonts.googleapis.com/css?family=Roboto:700);
@font-face {
    font-family: 'RobotoRegular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoItalic';
    src: url('Roboto-Italic-webfont.eot');
    src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Italic-webfont.woff') format('woff'), url('Roboto-Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-bold-webfont.woff') format('woff'), url('Roboto-Bold-webfont.ttf') format('truetype'), url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('robotocondensed-bold-webfont.eot');
    src: url('robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-CondensedBold-webfont.woff') format('woff'), url('robotocondensed-bold-webfont.ttf') format('truetype'), url('robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('roboto-condensed-light-webfont.eot');
    src: url('roboto-condensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('roboto-condensed-light-webfont.woff') format('woff'), url('roboto-condensed-light-webfont.ttf') format('truetype'), url('roboto-condensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('Roboto-CondensedItalic-webfont.eot');
    src: url('Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-CondensedItalic-webfont.woff') format('woff'), url('Roboto-CondensedItalic-webfont.ttf') format('truetype'), url('Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('Roboto-Condensed-webfont.eot');
    src: url('Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Condensed-webfont.woff') format('woff'), url('Roboto-Condensed-webfont.ttf') format('truetype'), url('Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #fd5100; font-size: 34px; font-weight: normal; line-height: 34px; }
h2 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #666666; font-size: 28px; font-weight: normal; }
h2.pdtitle { line-height: normal; }
h3 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #fd5100; font-size: 26px; font-weight: normal; }
h4 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #666666; font-size: 24px; font-weight: normal; }
h5 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #fd5100; font-size: 22px; font-weight: normal; }
h6 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #fd5100; font-size: 18px!important; font-weight: normal; clear: none; }
h7 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #666666; font-size: 21px; font-weight: normal; }
h8 { margin: 0; padding: 0 0 10px; font-family: 'roboto_condensedbold', sans-serif; color: #666666; font-size: 18px; font-weight: normal; }
/*custom */
.collapse { display: none }
.collapse.in { display: block; line-height: 120% }
tr.collapse.in { display: table-row }
tbody.collapse.in { display: table-row-group }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease }
.greybar { height: 40px;
    background: rgb(102,102,102);
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 );
    width: 100% !important; border: 0 !important; }
.greybar-text { color: white; padding-top: 4px; font-size: 16px; vertical-align: middle; border: 0 !important; font-weight: 500!important; }
.greybar-textb { color: white; padding-top: 9px; font-size: 16px; vertical-align: middle; border: 0 !important; font-weight: 500!important; cursor: pointer; }
.greybarleft { text-align: left; padding-left: 15px;  }
.greybarright { text-align: right; padding-right: 30px; vertical-align: middle !important; padding-top: 5px; font-size: small; }
.greybar-button { horiz-align: right !important; right: 0 !important; border: none !important;
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 );
    font-size: 16px; cursor: pointer; border: 0 !important; padding: 0 !important; }
.greybar-below { color: black; font-size: 18px; }
.greybar-black { color: black; font-weight: 500!important;}
.greybar-orange { color: #ff6600; font-size: 1.3vw; padding-top: 18px;  }
.welcome {font-size:1.5vw; padding-top:10px;}
.nomargin {margin:0!important;}
.nopadding{padding:0!important;}
.middle { vertical-align: middle !important; padding-top: 25px; }
.black { color: black }
.container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
/* Create two equal columns that floats next to each other */
.column { float: left; width: 50%; padding: 10px; height: 40px; }
.columnl { float: left; max-width: 50%; padding: 10px; height: 40px; }
.columnr { float: left; width: 60%; padding: 10px; height: 40px; }
.row { margin-left: 0 !important; }
.row:after { content: ""; display: table; clear: both; }
.box { margin: 0 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important; }
.paddingtopbit { margin-top: 30px !important;margin-bottom: 25px !important; margin-right: 10px !important; }
.paddingtop { margin-top: 25px !important; padding: 4px 10px;
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 ); /* IE6-9 */ border-radius: 3px; color: white; font-size: 0.9vw; }
.centercat { width 300px; height 60-0px; }
.centercat5 { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.center-categories { margin-left: auto; margin-right: auto; justify-content: center; }
.box2 { margin: 0 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important; width: 18%; }
.cattitle { padding-top: 10px !important; margin-left: auto !important; margin-right: auto !important; background-color: #f4f4f4 !important; margin-bottom: 0 !important; }
.catimage { max-width: 250px !important; max-height: 350px !important; }
#container { width: 100%; float: left; padding:  0; }
.wrapper { max-width: 80%; margin: 0 auto; }
.center { max-width: 100%; float: left; padding: 0 20px; margin: 0; /*background:url(../images/bg_center.jpg)*/ left top repeat-x #fff; }
/*.pro_mianw{width:100%;float:left;padding:20px 0 0;border-bottom:solid 1px #d3d3d3;margin:0 0 20px;box-sizing: border-box;}*/
.logop {width:280px; padding-bottom:10px;}
.welcomeimage {max-width:600px; padding-top: 25px;padding-bottom:40px;}
.pro_mian {  ;padding-top: 20px; max-width: 100%!important;  margin: 0 auto;  margin-left: 5%;
    margin-right: 2%;}
.columns {}
.flexdiv{
    display: flex;
    align-items: center;
    justify-content: center;
    /* You can set flex-wrap and
       flex-direction individually */
    flex-direction: row;
    flex-wrap: wrap;
    /* Or do it all in one line
      with flex flow */
    flex-flow: row wrap;
    /* tweak where items line
       up on the row
       valid values are: flex-start,
       flex-end, space-between,
       space-around, stretch */
    align-content: space-around;
}
.clear { clear: both;}







.thebox {width:260px;height:300px;}
.thebox { display: block; margin: 20px 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important;  }
.white {color:white!important;}
.pro_box { max-width: 100%;  padding: 0; margin: 0 auto; }
.pro_box ul { margin: 0; padding: 0; }
.pro_box ul li { list-style: none; padding: 0; margin: 0 0 0 0; float: left; overflow: hidden; }
.pro_box ul li:first-child { margin-left: 0; }
.image { max-width: 100%; height: auto; }

.title { padding-top: 10px !important; height: 60px; bottom:0!important; line-height: 1.1em;  overflow: hidden; text-align: center; color: #666; font-size: 1em; margin-left: auto !important; margin-right: auto !important; background-color: #f4f4f4 !important; margin-bottom: 0 !important; vertical-align: baseline;}
.pro_img * { vertical-align: top; background-size: auto;  }
.pro_img span { display: inline-block; height: 100%; }
.pro_img img { width: 240px; height: 210px; object-fit: cover; border-radius: 7px 7px 0 0; }
.pro_img2 img { width: 240px; height: 210px; object-fit: cover; border-radius: 7px 7px 0 0;}


.pro_box ul li h4 { padding: 0 10px; clear: both; min-height: 57px; bottom:0;}
.pro_img { width: 100%; float: left; margin: 0 0 10px;  background: #fff; text-align: center; display: table-cell; vertical-align: middle; padding: 10px }
.pro_box ul li h4 a { font-weight: 700; }
.pro_box ul li h4 a:hover { color: #fd5100; }
.pro_imgfront {}
.pro_imgfront img { max-width: 180px;  width:auto; max-height: 200px;}
.theboxsub { width:200px;display: block; break-inside: avoid-column; break-before: always; margin: 20px 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important; height:260px; }
.theboxprod { width:200px;display: block; break-inside: avoid-column; break-before: always; margin: 20px 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important; }
.pro_imgsub { width: 100%;  margin: 0 0 10px; height:182px; text-align: center; display: table-cell; vertical-align: middle; padding: 5px; background-size: 282px; }
.pro_imgsub img { width: 190px; max-height: 182px; object-fit: cover;}

.moreinfo {padding-right:8px!important;width: auto; float: right; font-size: 15px; color: #2f2f2f; line-height: 22px; padding-bottom: 5px; padding-left:8px;}
.left_box_con {display: block; break-inside: avoid-column; break-before: always; margin: 20px 15px 30px !important; cursor: pointer; background: #ffffff; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); border: 1px solid #ccc !important; width:250px }
.titlesub {background-color: #f4f4f4 !important;text-align: center; justify-content: center;}


#container { width: 100%; float: left; padding: 20px 0; }
.wrapper { max-width: 85%; margin: 0 auto; }
.center { width: 100%; float: left; padding: 0 20px; margin: 0; /*background:url(../images/bg_center.jpg)*/ left top repeat-x #fff; }
.header_top { width: 100%; float: left; padding: 0 0 15px; margin: 0; }
.header_center { width: auto; float: center; padding: 0 0 0; }
.logo { width: auto; float: left; padding-bottom:15px; padding-top:20px;}
.header_right { max-width: 550px; float: right; }
.top_nav { width: auto; float: right; padding: 19px 0 20px; }
.top_nav ul { margin: 0; padding: 0; }
.top_nav ul li { list-style: none; display: inline; padding: 0 0 0 18px; margin: 0; font-size: 12px; }
.top_nav ul li a { color: #494949; }
.top_nav ul li a:hover { color: #fd5100; }
.top_nav ul li a.acc { background: url(../images/user_icon.png) left top no-repeat; padding: 3px 0 0 22px; }
.top_nav ul li a.wis { background: url(../images/cart_icon.png) left top no-repeat; padding: 3px 0 0 27px; }
.top_nav ul li a.mct { background: url(../images/cart_icon2.png) left top no-repeat; padding: 3px 0 0 24px; }
.top_nav ul li a.log { background: url(../images/lock_icon.png) left top no-repeat; padding: 3px 0 0 22px; }
.search_top { width: 100%; float: left; padding: 0; margin: 0; }
.search_box { width: 65.98%; float: left; padding: 0; margin: 0; position: relative; }
.search_box input[type="text"] { width:320px; max-width: 100%; float: right; border: solid 1px #e3e3e3; background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); height: 40px; font-size: 14px; color: #606060; font-family: 'RobotoRegular', sans-serif; padding: 0 40px 0 13px; margin: 0; }
.search_box input[type="submit"] { position: absolute; right: 0; background: url(../images/search_btn.png) center 14px no-repeat; height: 40px; width: 38px; border: none; font-size: 0; text-indent: -999px; }
.search_box input[type="submit"]:hover { background-position: center -16px; }
.cart_mian {  float: right; margin-top: 25px; }
.cart_mian a { background: url(../images/CartSymbol.jpg) left top no-repeat;background-size:15%; color: #3b3c3c; font-size: 15px; display: inline-block; padding: 0 0 0 27px; width: auto; float: right; line-height: 20px; font-weight: 500; text-decoration: underline;   ;font-family: 'Roboto', sans-serif; }
.cart_mian a span { display: block; color: #666666; font-size: 12px; font-family: 'RobotoRegular', sans-serif; font-weight: normal; }
.cart_mian a:hover,
.cart_mian a:hover span { color: #fd5100; }
.email_mian {  float: right!important; }
.email_mian { width: 100%;  padding: 21px 0 0; margin: 0;}
.searchheader { width: 240px;  padding:0; margin: 0; right:0!important;float: right!important;}
.call_top {  font-size: 15px; color: #4c4c4c;padding: 0;width: auto; float: right; }
.org_col { color: #666666; font-weight: 500; font-family: 'Roboto', sans-serif; }
.bl_col { color: #666666; font-weight: 700; font-family: 'Roboto', sans-serif; }
.eml_top {  padding: 0; margin-top: 15px; float: right!important; font-size: 15px; color: #666666;right:0!important;}
.eml_top:hover { color: #666666; }
.nav-main { width: 100%; float: left; padding: 0; margin: 0;    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 ); /* IE6-9 */; border-radius: 4px; font-weight: 700; font-family: 'Roboto', sans-serif;color:white }
.menu_main { width: auto; float: left; padding: 0; margin: 0; font-family: 'Roboto', sans-serif; }
.menu_main ul { margin: 0; padding: 0; }
.menu_main ul li { list-style: none; display: inline; padding: 0 0 0 0; height: auto; line-height: 48px; float: left; margin: 0; ) left top no-repeat; position: relative; }
.menu_main ul li.last_nav { padding: 0; }
.menu_main ul li:first-child { background: none; padding-left: 0; }
.menu_main ul li:first-child a { font-size: 0; text-indent: 0; border-radius: 4px 0 0 4px; }
.menu_main ul li a { font-size: 13px; color: #fff; padding: 0 11px; height: auto; line-height: 48px; display: block; }
.menu_main ul li a:hover,
.menu_main ul li a.active,
.menu_main ul li.submenu:hover > a,
.menu_main ul li.submenu > ul li a:hover,
.menu_main ul li.submenu > ul li a.active { background: rgb(88,88,88); }
.menu_main ul li a img { float: left; padding: 11px 0 0; }
.menu_main select { display: block; }
.menu_main ul li > ul { margin: 0; padding: 0; background: #666666; display: none; top: auto; position: absolute; z-index: 999; }
.menu_main ul li > ul ul { left: 100%; top: 0; }
.menu_main ul li:hover > ul { display: block; width: 196px; }
.menu_main ul li > ul li {  display: block; float: none; padding: 2px 0 0; height: auto; line-height: 24px; }
.menu_main ul li > ul li:first-child { padding-top: 0; }
.menu_main ul li.submenu > ul li a { font-size: 12px; text-indent: 0; height: auto; line-height: 24px; padding: 4px 10px; border-radius: 0; background: none; }
.menu_main ul li.submenu > ul li:first-child a { font-size: 12px; text-indent: 0; height: auto; line-height: 24px; padding: 4px 10px; border-radius: 0; }





/*.left_part{width:20.18%;float:left;}*/
.left_part { width: 20%; float: left; }
.left_part a,
.con_right a { color: #fd5100; }
.left_part a:hover,
.con_right a:hover { color: #666666; }
.left_part input[type="text"],
.left_part input[type="password"],
.con_right input[type="text"],
.con_right input[type="password"] { width: 100%; float: left; border: solid 1px #e3e3e3; background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); height: 34px; font-size: 13px; color: #606060; font-family: 'RobotoRegular', sans-serif; padding: 0 10px; margin: 0 0 14px; }
.left_part input[type="submit"],
.con_right input[type="submit"] { background: url(../images/left_btn.jpg) left top repeat-x; margin: 0 auto 8px; height: 30px; line-height: 30px; display: table; min-width: 84px; padding: 0 16px; font-size: 15px; color: #fff; font-weight: 700; font-family: 'Roboto', sans-serif; border-radius: 10px; text-transform: uppercase; text-align: center; border: none; }
.left_part input[type="submit"]:hover,
.con_right input[type="submit"]:hover { background-position: 0 -30px; }
.left_part input[type="checkbox"] { margin: 2px 5px 10px 0; }
.left_box,
.con_right_box { width: 100%; float: left; padding: 0; margin: 0 0 20px; background: #fff; border: solid 1px #e3e3e3; border-bottom: solid 5px #e3e3e3; border-radius: 4px; }
.left_box h2,
.con_right_box h2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,515151+100 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 ); /* IE6-9 */
 font-size: 20px; text-transform: uppercase; color: #fff; padding: 9px 9px; border-radius: 4px 4px 0 0; }
.left_box_con,
.con_right_inn { width: 100%; float: left; color: #2e2e2f; padding: 14px 14px 8px; margin: 0; }
.left_box_con ul,
.con_right_inn ul { margin: 0; padding: 0; }
.left_box_con ul li { list-style: none; padding: 0 0 5px 10px; margin: 0; display: block; /*background: url(../images/arrow.png) left 6px no-repeat;*/ font-size: 16px; font-weight: 600; line-height: 21px ;font-family:'RobotoRegular', sans-serif; }
li::first-letter {
    /*   font-size: 100%;
      font-weight: 600;
     color:orangered;*/
}
.left_box_con ul li a { color: #303030; }
.left_box_con ul li a:hover,
.left_box_con ul li a.active { color: #fd5100; }
.left_box_con ul li ul,
.left_box_con ul li ul li ul,
.left_box_con ul li.select_cat ul li ul { display: none; }
.left_box_con ul li.select_cat ul,
.left_box_con ul li.select_cat ul li.select_cat2 ul { display: block; }
.left_box_con ul li ul li { /*background: url(../images/arrow.png) left 8px no-repeat;*/ font-family: 'RobotoRegular', sans-serif; padding-top: 5px; line-height: 16px; }
.left_box_con ul li ul li a { color: #2e2e2f; }
.left_box_con ul li ul li a:hover,
.left_box_con ul li ul li a.active { color: #CF1212; }
.left_box_con ul li ul li ul li { background: none; padding-bottom: 0; }
.left_box_con ul li ul li ul li a { color: #5f5f5f; }
.left_box_con ul li.select_cat ul li.select_cat2 ul li a { color: #2e2e2f; }
.left_box_con ul li.select_cat ul li.select_cat2 ul li a:hover,
.left_box_con ul li.select_cat ul li.select_cat2 ul li a.active { color: #666666; }
.left_box_con { line-height: 20px; }
.sho_tit { font-size: 14px; line-height: 25px; font-weight: 700; font-family: 'Roboto', sans-serif; color: #0f0f0f; display: inline-block; padding: 0 0 0; }
.ph_left { display: inline-block; padding: 5px 0 0; }
.con_right_box2 h2 { background: url(../images/right_tit.jpg) left top repeat-x; }
.con_right_inn ul li { list-style: none; padding: 0 0 5px 10px; margin: 0; display: block; background: url(../images/arrow.png) left 5px no-repeat; font-size: 12px; }
.con_right_inn ul li a { color: #2e2e2f; }
.con_right_inn ul li a:hover { color: #fd5100; }
.side_pro { width: 100%; float: left; text-align: center; }
.side_pro img { max-width: 100%; }
.con_right_box2 h4 { padding: 0 0 10px; }
.con_right_box2 h4 a { font-size: 13px; color: #666666; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 10px; }
.con_right_box2 h4 a:hover { color: #fd5100; }
.con_right_box2 .info_btn a:hover { color: #fff; }
.sub_txt { width: 100%; text-align: center; display: inline-block; color: #606060; }
.con_right input.ser_box { font-family: 'RobotoItalic', sans-serif; }
.right_part { width: 74%; float: right; }
.slide_txt1 { width: 100%; float: left; padding: 0; margin: 0; text-transform: uppercase; font-family: 'roboto_condensedbold', sans-serif; font-size: 58px; text-shadow: 0 3px 3px #222; line-height: 60px; }
.slide_txt1 span { text-transform: none; text-shadow: none; font-size: 44px; font-family: 'roboto_condensedlight', sans-serif; }
.slide_txt2 { width: auto; float: left; padding: 0 20px 0 15px; margin: 0px; background: url(../images/slide_txt.png) left top no-repeat; font-size: 30px; color: #fff; height: 43px; line-height: 43px; font-family: 'RobotoCondensedItalic', sans-serif; }
.con_left { width: 100%; float: left; padding: 0; margin: 0; }
.bac_tit { display: inline-block; background: url(../images/bac_tit.jpg) right top no-repeat #fd5100; min-width: 294px; padding: 0 33px 0 15px; height: 43px; line-height: 43px; color: #fff; font-size: 24px; }
.con_left a { color: #fd5100; }
.con_left a:hover { color: #666666; }
.con_left input[type="button"],
.con_left input[type="submit"] {     background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 ); /* IE6-9 */;height: 30px; line-height: 30px; display: inline-block; float: left; padding: 0 15px; border-radius: 4px; border: none; color: #fff; font-size: 15px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.con_left input[type="button"]:hover,
.con_left input[type="submit"]:hover { background-position: 0 -30px; }
.right { float: right; padding: 20px 0 0; }
.right input[type="button"],
.right input[type="submit"] { margin: 0 0 15px 15px; }
.con_left img.alignright { width: auto; float: right; padding: 5px; margin: 0 0 20px 25px; border: solid 1px #e3e3e3; background: #fff; max-width: 100%; }
.con_left img.alignleft { width: auto; float: left; padding: 5px; margin: 0 25px 20px 0; border: solid 1px #e3e3e3; background: #fff; max-width: 100%; }
.con_left img.aligncenter { border: none; background: solid 1px #e3e3e3; padding: 5px; margin: 15px auto 15px; float: #fff; max-width: 100%; display: table; }
.con_left img.alignleft.img-size { width: 260px; height: 232px; object-fit: cover; }
ul.con_list { margin: 0; padding: 0 0 15px; }
ul.con_list li { list-style: none; padding: 0 0 4px 10px; margin: 0; background: url(../images/arrow2.png) left 5px no-repeat; }
.breadcrumb { border-bottom: 1px solid #D9D9D9; float: left; margin: 0 0 13px; padding: 0 0 7px; width: 100%; }
.breadcrumb ul { margin: 0; padding: 0; }
.breadcrumb ul li { background: url(../images/breadcrumb_arrow.png) no-repeat left 5px; color: #ADADAD; float: left; font-size: 13px; line-height: normal; padding: 0 6px 0 10px; }
.breadcrumb ul li:first-child { background: none; padding-left: 0; }
.breadcrumb ul li a { color: #666666; }
.breadcrumb ul li a:hover { color: #FD5100; }
.pro_pri { width: auto; float: left; font-size: 15px; color: #2f2f2f; line-height: 22px; padding-bottom: 5px; padding-left:8px;}
.pro_pri span { font-weight: 500; font-family: 'Roboto', sans-serif; }
.info_btn { width: auto; float: right; }
.info_btn a { background: url(../images/info_btn.jpg) left top repeat-x; padding: 0px 9px 0; display: inline-block; height: 26px; line-height: 26px; color: #fff; font-size: 12px; border-radius: 4px; }
.info_btn a:hover { background-position: 0 -26px; color: #fff; }
.info_btn a span { padding: 0 12px 0 0; background: url(../images/btn_arrow.png) right center no-repeat; }
.con_btm { width: 100%; float: left; }
.tit1 { font-size: 24px; color: #5d5d5d; font-family: 'RobotoCondensed', sans-serif; }
.col_blk { color: #231f20; }
.tit2 { font-size: 22px; font-family: 'roboto_condensedlight', sans-serif; margin: -5px 0 0; font-style: italic; color: #666666; padding: 0 0 14px; }
.con_right { width: 26.18%; float: right; padding: 0; margin: 0; }
.foot_main { width: 100%; float: left; color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,515151+100 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 ); /* IE6-9 */
    padding: 20px; }
.foot_left { width: 78%; float: left; padding: 0; margin: 0; }
.foot_left p { padding: 0; }
.foot_menu { width: 100%; float: left; padding: 0 0 7px; margin: 0; }
.foot_menu ul { margin: 0; padding: 0; }
.foot_menu ul li { list-style: none; line-height: normal; padding: 0 4px 0 8px; margin: 0; display: inline-block; background: url(../images/foot_sep.png) left center no-repeat; }
.foot_menu ul li:first-child { background: none; padding-left: 0; }
.foot_menu ul li a,
.foot_main a { color: #fff; }
.foot_menu ul li a:hover,
.foot_main a:hover { color: #666666; }
.social { width: auto; float: right; padding: 5px 0 0; margin: 0; }
.social ul { margin: 0; padding: 0; }
.social ul li { list-style: none; padding: 0; margin: 0 0 0 6px; display: inline-block; }
.social ul li a.fb { background: url(../images/fb.png) left top no-repeat; width: 33px; height: 33px; display: inline-block; }
.social ul li a.tw { background: url(../images/tw.png) left top no-repeat; width: 33px; height: 33px; display: inline-block; }
.social ul li a.in { background: url(../images/in.png) left top no-repeat; width: 33px; height: 33px; display: inline-block; }
.social ul li a.rss { background: url(../images/rss.png) left top no-repeat; width: 33px; height: 33px; display: inline-block; }
.social ul li a.yt { background: url(../images/yt.png) left top no-repeat; width: 33px; height: 33px; display: inline-block; }
.social ul li a:hover { background-position: 0 -33px; }
.cat_box .info_btn { width: 100%; text-align: center; }
.form_main { width: 75%; float: left; padding: 0 0 20px; }
.form_field { width: 100%; float: left; padding: 0 0 10px; }
.form_field label,
.form_btn label { width: 30%; float: left; padding: 6px 10px 0 0; margin: 0; font-size: 13px; }
.form_field label span,
.form_btn label span { color: #FF0000; }
.form_field input { width: 70%; float: left; background: #fff; height: 30px; padding: 0 10px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; }
.form_field select { width: 70%; float: left; background: #fff; height: 30px; padding: 5px 10px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; }
.form_btn input { background: url(../images/left_btn.jpg) left top repeat-x; height: 30px; line-height: 30px; display: inline-block; float: left; padding: 0 15px; border-radius: 4px; border: none; color: #fff; font-size: 15px; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.form_btn input:hover { background-position: 0 -30px; }
.log_link { display: inline-block; margin: 6px 0 0; font-size: 16px; float: right; }
.form_field input[type="radio"],
.form_field input[type="checkbox"] { width: auto; margin: 0 10px 0 0; height: 18px; line-height: normal; box-shadow: none; }
.form_link { width: 70%; float: right; padding: 10px 0 0; font-size: 14px; }
.view_cart { border-left: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; }
.view_cart tr.titlebox td { background-color: #F4F4F5; font-size: 13px; font-weight: bold; }
.view_cart tr td { border-bottom: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; padding: 5px 7px; }
.view_cart tr td input { background: #fff; height: 24px; padding: 0 5px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; }
.news_main { width: 100%; float: left; padding: 5px 0 0; margin: 0 0 15px; border-bottom: solid 1px #E3E3E3; }
.news_date { background: url(../images/clock_icon.jpg) left 4px no-repeat; margin: 0 0 10px; padding: 2px 0 0 18px; display: inline-block; width: 100%; }
.add_left { width: 50%; float: left; }
.add_left.left { margin-top: 30px; margin-bottom: 15px; }
.add_left.right { padding-left: 20px; }
.map { width: 48%; float: right; border: solid 1px #E3E3E3; padding: 4px 4px 0; border-radius: 4px; }
.map iframe { width: 100%; height: 310px; }
.cont_field { width: 100%; float: left; padding: 15px 0 0; margin: 0; }
.cont_field label { width: 100%; float: left; padding: 0 0 3px; margin: 0; font-size: 13px; }
.cont_field input { width: 100%; float: left; background: #fff; height: 30px; padding: 0 10px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; }
.cont_field textarea { width: 100%; float: left; background: #fff; height: 100px; padding: 10px 10px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; resize: none; }
.cont_fieldl { width: 48.5%; float: left; }
.cont_fieldr { width: 48.5%; float: right; }
.cont_fieldbtn { width: 100%; float: left; padding: 15px 0 20px; margin: 0; }
.cont_fieldbtn input[type="checkbox"] { margin: 0px 8px 15px 0; }
.bdr { border-bottom: 1px solid #D9D9D9; float: left; height: 10px; margin: 0 0 15px; padding: 10px 0 0; width: 100%; }
.form_check { width: 70%; float: right; padding: 0; position: relative; }
.form_check input { margin: 0 8px 0 0; }
.form_field select.date_slt { width: 33%; float: left; }
.form_field select.yr_slt { width: 33%; float: right; }
.pro_dtl { width: 100%; float: left; padding: 10px 0 0; margin: 0; }
.pro_dtl h6 span { display: block; font-size: 13px; font-family: 'RobotoCondensed', sans-serif; padding: 5px 0 0 0; color: #666666; }
.pro_dtl_img { width: 45%; float: left; margin: 0 0 10px; height: 350px; background: #fff; border: solid 1px #e3e3e3; text-align: center; display: table-cell; vertical-align: middle; padding: 10px }
.pro_dtl_img2 { margin-right: 25px; }
.pro_dtl_img * { vertical-align: middle; }
.pro_dtl_img span { display: inline-block; height: 100%; }
.pro_dtl_img span { display: inline-block \0/; height: 100% \0/; }
.pro_dtl_img img { max-height: 100%; max-width: 100%; }
.pro_dtl_con { width: 48%; float: right; }
.dtl_pro_con { width: 100%; float: left; padding: 15px 0; margin: 0; }
.view_cart tr.row_bg td { background-color: #F4F4F5; }
.dtl_pro_right { width: 27%; float: right; }
.dtl_pro_right label { width: 100%; float: left; padding: 0 0 3px; }
.dtl_pro_right input[type="text"] { width: 100%; float: left; background: #fff; height: 30px; padding: 0 10px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; }
.dtl_pro_right input[type="submit"] { font-size: 12px; padding: 0 10px; }
p.msgred { color: #FF0000; }
p.msgred img { margin: 0 0 -1px; }
.frmred { color: #FF0000; }
.frmred img { margin: 0 0 -1px; }
.frmgreen { color: #008600; }
.frmgreen img { padding: 0 5px 0 0; }
.form_field label.error,
.form_btn label.error { background: url(../images/cross.png) left 5px no-repeat; width: auto; color: #FF0000; float: right; padding: 3px 0 0 18px; }
.tag1 { font-size: 34px; line-height: 23px; }
.tag2 { font-size: 26px; line-height: 23px; }
.tag3 { font-size: 20px; line-height: 23px; }
.tag4 { font-size: 16px; line-height: 23px; }
.tag5 { font-size: 12px; line-height: 23px; }
.dashboardbox { width: 100%; float: left; }
.dashboardbox .dashbox { background: #666666; border: 1px solid #666666; border-radius: 6px; float: left; margin: 0 0 15px 0; padding: 0px; width: 48%; }
.dashboardbox .rightd { float: right; }
.dashboardbox .dashbox a { color: #BDD8E9; padding: 0 10px; display: block; font-family: 'roboto_condensedbold', sans-serif; font-size: 20px; transition: all 0.3s linear 0s; }
.dashboardbox .dashbox a:hover { color: #fff; }
.dashboardbox .dashbox a span { display: block; padding: 15px 0 17px 60px; }
.dashboardbox .dashbox a span.accounticon { background: url(../images/account.png) no-repeat left top; }
.dashboardbox .dashbox a span.passwordicon { background: url(../images/passwordicon.png) no-repeat left top; }
.dashboardbox .dashbox a span.ordericon { background: url(../images/wishlisticon.png) no-repeat left top; }
.dashboardbox .dashbox a span.logouticon { background: url(../images/logouticon.png) no-repeat left top; }
.dashboardbox .dashbox a span.orderhistory { background: url(../images/orderhistory.png) no-repeat left top; }
.dashboardbox .dashbox a span.quotehistory { background: url(../images/quotehistory.png) no-repeat left top; }
.pagination { width: 100%; float: left; padding: 0; margin: 0; }
.pagination ul { margin: 0; padding: 0; }
.pagination ul li { list-style: none; padding: 0; margin: 0; display: inline; float: left; }
.pagination ul li.page_list { float: right; padding: 7px 0 0 }
.pagination ul li a { background: #d1d1d1; color: #000; padding: 0 12px; margin: 0 3px 0 0; height: 30px; width: auto; display: inline-block; line-height: 30px; font-size: 14px; border-radius: 4px; }
.pagination ul li.active a { background: #808080; color: #fff; }
.pagination ul li a:hover { background: #808080; color: #fff; }
#frmCancel { float: right; }
#chkuser { padding: 5px 0 0; color: #FF0000; text-align: right; }
.con_right_inn span.error,
.left_box_con span.error { background: url(../images/cross.png) left 5px no-repeat; width: auto; color: #FF0000; float: right; padding: 3px 0 0 18px; margin: -10px 0 10px; }
.cont_field label.error { background: url(../images/cross.png) left 5px no-repeat; width: auto; color: #FF0000; float: right; padding: 3px 0 0 18px; }
.cont_field label span { color: #FF0000; }
.msggreen { color: #008600; }
.left-title { float: left; width: 30%; }
.frmsorting { float: right; width: 100%; text-align: right }
.frmsorting .medium-select { float: none; display: inline-block; width: 50%; background: #fff; height: 30px; padding: 5px; color: #606060; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.08) inset; border-radius: 4px; border: 1px solid #E3E3E3; margin: 7px 0 0 0 }
.frmsorting .seltxt { float: none; padding: 14px 13px 0 0; display: inline-block; }
.frmsorting input { margin: 6px 0 0 13px; display: inline-block !important; float: none !important; }
.frmsorting .medium-select option { padding: 4px 3px; }
.prode_left { float: left; }
.blankbox { float: none; }
.prode_right { float: right; padding: 10px 0; width: 16%; text-align: center; border: 1px solid #e3e3e3; margin-bottom: 10px; }
.prode_right img { width: 70%; }
.fancybox-title-outside-wrap { background: url(../images/wid_tit.jpg) left top repeat-x; font-size: 18px; color: #fff; padding: 11px 13px; border-radius: 0 0 10px 10px; margin-top: 0px !important; }
ul.site_map { margin: 0; padding: 0; }
ul.site_map li { list-style: none; padding: 0 0 5px 10px; margin: 0; display: block; background: url(../images/arrow.png) left 5px no-repeat; font-size: 12px; font-weight: 700; font-family: 'Roboto', sans-serif; }
ul.site_map li a { color: #303030; }
ul.site_map li a:hover { color: #fd5100; }
ul.site_map li ul { margin: 0; padding: 5px 0 0; }
.form_check label.error { position: absolute; bottom: -15px; background: url(../images/cross.png) left 5px no-repeat; padding: 3px 0 0 18px; color: #FF0000; left: 0; width: 100%; }
.form_main2 { width: 100%; padding: 0 0 25px; margin: -10px 0 0; }
.form_main2 label { width: 22%; }
.form_main2 .form_check { width: 78%; }
.con_left input.gen_qu { float: right; }
.pro_dtltb { width: 100%; }
.dtl_pro_left { width: 100%; float: left; }
.dtl_label { width: 100%; float: left; padding: 15px 0 0px; margin: 0; }
.dtl_label label { padding: 0 10px 0 0; }
.dtl_label input { border: solid 1px #e3e3e3; background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); height: 34px; font-size: 13px; color: #606060; font-family: 'RobotoRegular', sans-serif; padding: 0 10px; margin: 0 0 14px; }
.con_left input.right_btn { float: right; margin-top: 10px; }
.specialpro { width: 100%; display: inline-block; padding: 15px 0 0; border-top: solid 1px #e3e3e3; margin: 15px 0 0; }
.specialpro:first-child { padding: 0; margin: 0; border: none; }
.supplier { padding: 0 0 10px; margin: 0; font-size: 14px; display: inline-block; color: #666666; }
.supplier span { }
.add_to_cart_instruction { }
.add_to_cart_instruction h6 { float: left; width: auto; padding: 4px 15px 0 0; }
.add_to_cart_instruction .right_btn { float: left !important; width: auto; margin-top: 0 !important; }
.add_left.left.price_information { margin-top: 0; padding-top: 10px; }
.add_left.right.packing_information { padding-top: 10px; }
.events_topinfo { width: 100%; float: left; margin: 0px; padding: 0px; }
.events_topinfo tr td.label_wi { width: 60px; }
.events_topinfo select { background: #ffffff; border: 0; padding: 4px; width: 160px; line-height: 27px; font-size: 13px; color: #5f5f5f; float: left; height: 27px; border: 1px solid #d2d2d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.htc); }
.events_table { width: 100%; float: left; margin: 10px 0 30px 0; }
.events_table table { width: 100%; float: left; }
.events_table table thead th { background: url(../images/thead.jpg) left top repeat-x #666666; color: #ffffff; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: normal; text-align: center; padding: 8px 0; border-right: 1px solid #71a3cf; width: 14%; }
.events_table table thead th.nobdr { border: 0; }
.events_table table tbody { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }
.events_table table tbody tr td:first-child { border-left: 1px solid #d1d1d1; }
.events_table table tbody td.nobdr { border-right: 0 !important; }
.events_table table thead th.firstleft { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
.events_table table thead th.lastright { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
.events_table table tbody td.firstbottomleft { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.events_table table tbody td.lastbottomright { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.events_table table tbody td { width: 136px; height: 90px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #fff; vertical-align: top; padding: 0 !important; }
.events_table table tbody td .date { background: #e8e8e8; width: 32px; height: 32px; color: 393939; font-size: 14px; font-weight: bold; float: right; text-align: center; padding: 7px 0 0 0; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.events_table table tbody td .blank { background: #f8f8f8; float: left; width: 100%; height: 100%; }
.events_table table tbody td.event_note { background: url(../images/active_events.jpg) left top repeat-x #666666 !important; color: #ffffff; font-size: 12px; }
.events_table table tbody td.event_note a { color: #FFFFFF; line-height: 18px; }
.events_table table tbody td.event_note a:hover { color: #000; }
.events_table table tbody td.event_note .date { background: #002646 }
.events_table table tbody td.event_note p { padding: 41px 10px 0 10px; margin: 0px; min-height: 30px; }
.ser-menu { width: auto; float: left; }
.ser-menu ul { margin: 0; padding: 0; }
.ser-menu ul li { list-style: none; display: inline; padding: 0 0 0 0px; height: auto; line-height: 48px; float: left; margin: 0; background: url(../images/menu_line.jpg) left top no-repeat; position: relative; }
.ser-menu ul li a { font-size: 13px; color: #fff; padding: 0 11px; height: auto; line-height: 48px; display: block; }
.ser-menu ul li a:hover,
.ser-menu ul li a.active,
.ser-menu ul li.submenu:hover > a,
.ser-menu ul li.submenu > ul li a:hover,
.ser-menu ul li.submenu > ul li a.active { background: url(../images/nav_hover.png) left top repeat-x; }
.ser-menu ul li .search-menu { width: 300px; float: left; padding: 5px; margin: 0; position: absolute; top: auto; display: none; border: solid 3px #666666; background: #fff; right: 0; }
.ser-menu ul li:hover .search-menu { display: block; }
.search-menu .con_right_box h2 { line-height: normal; padding: 7px 13px; font-size: 18px; }
.search-menu .con_right_box .con_right_inn input { width: 100%; float: left; border: solid 1px #e3e3e3; background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); height: 34px; font-size: 13px; color: #606060; font-family: 'RobotoRegular', sans-serif; padding: 0 10px; margin: 0 0 14px; }
.search-menu .con_right_box .con_right_inn select { width: 62%; float: right; border: solid 1px #e3e3e3; background: #f7f7f7; border-radius: 4px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.15); height: 34px; font-size: 13px; color: #606060; font-family: 'RobotoRegular,sans-serif', sans-serif; padding: 0 10px; margin: 0; }
.search-menu .con_right_box .con_right_inn input[type="submit"] { background: url(../images/left_btn.jpg) left top repeat-x; margin: 0 auto 14px; height: 30px; line-height: 30px; display: table; min-width: 114px; padding: 0 16px; font-size: 15px; color: #fff; font-weight: 700; font-family: 'Roboto', sans-serif; border-radius: 16px; text-transform: uppercase; text-align: center; border: none; width: auto; float: none; }
.search-menu .con_right_box .con_right_inn input[type="submit"]:hover { background-position: 0 -30px; }
.ser-fld { width: 100%; float: left; padding: 0 0 0px; overflow: hidden }
.ser-fld3 { width: 45%; float: left; padding: 0 0 0px; overflow: hidden }
.ser-fld4 { width: 45%; float: right; padding: 0 0 0px; overflow: hidden }
.ser-fld label { float: left; font-size: 12px; font-weight: bold; line-height: normal; padding: 0px 0 0; color: #fd5100; font-family: 'RobotoBold', sans-serif; }
.search-menu .con_right_box .con_right_inn .ser-fld input { margin-bottom: 0; width: 62%; float: right; }
.ser-fld2 { width: 80%; float: left; }
.ser-fld2 label { width: auto; }
.search-menu .con_right_box .con_right_inn .ser-fld2 input { width: 31%; float: left; margin: 0 10px 0 3px; }
.search-menu .con_right_box .con_right_inn .ser-fld2 input.nomargin { margin-right: 0; }
.nobmargin { margin-bottom: 0; }
.ser-btn { width: 100%; float: left; }
.ser-menu ul li .con_right_box { margin-bottom: 15px; }
.ser-menu ul li .con_right_inn { padding-bottom: 0; }
.ser-fld2 .col-2 { width: 48%; float: left; }
.search-menu .con_right_box .con_right_inn .ser-fld2 .col-2 input { width: 100%; margin-right: 0; margin-left: 0; }
.ser-fld2 .col-2.last { float: right; }
.search-menu .con_right_box .con_right_inn input.sub-lbtn { float: left; max-width: 31%; }
.search-menu .con_right_box .con_right_inn input.cle-lbtn { float: right; width: 31%; }
/*End normal styles after this medi queries*/

@media (max-width:3200px){
/* Hide the link that should open and close the topnav on small screens */
.menumob {display:none;}
}

/**/@media (max-width:1400px)
{

/*.menu_main ul li a{padding:0 10px;}*/
    .columns { }
    .title { padding-top: 10px !important;  font-size: 1.2em; height: 4em; /*that's one line, 2em for 2 lines, etc...*/
    line-height: 1.2em;  /*the height of one text line*/
    overflow: hidden; }
    .greybar-orange { color: #ff6600; font-size: 1.5vw; padding-top: 25px; padding-bottom: 0; }
    .paddingtopbit { margin-top: 25px !important; }
    .search_box input[type="text"] { width: 100%; float: left;  font-size: 14px;  }
.paddingtop {margin-bottom: 5px !important;}

}

@media (max-width:960px){
.wrapper{padding:0 10px;}
.logo{width:100%;text-align:center;}
.header_right{margin:0 auto;max-width:100%;float:none;text-align:center;}
.cart_mian{width:auto;}
.top_nav{width:100%;}
.logo img{max-width:100%;}
.menu_main ul{display:none;}
.menu_main select{display:inline-block;height:29px;max-width:100%;padding:5px;margin:10px auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;behavior:url(css/PIE.htc);border:solid 1px #d1d1d1;background: #1a1c23;font-size:14px;}
.left_part,
.right_part,
.con_left,
.con_right{width:100%;}
.foot_left{width:100%;text-align:center;}
.social{width:100%;text-align:center;padding:15px 0 0;}
.pagination{padding:0 0 25px;}
.menu_main select{width:100%;}
.ser-menu{display:none;}
.columns {   }
.greybar-orange { color: #ff6600; font-size: 2vw; padding-top: 20px; padding-bottom: 0px; }
.paddingtop { margin-top: 2px !important; margin-bottom: 5px !important;padding: 5px; background-color: #666; border-radius: 3px; color: white; font-size: 1.4vw; }
.paddingtopbit { margin-top: 0 !important; }
.menumob {display:block;}
.menumob select{width:100%;}
.mobmenu {padding-left: 30px;font-weight: 700;}
    menumob {
        display: block;
        width: 100%;
    }
    menumob ul  {
        margin: 10px;
    }
    menumob li {
        margin: 30px;;
    }
    menumob select {
        display: none;
    }
}
@media (max-width: 960px) {
    menumob ul     { display: none; }
    menumob select { display: inline-block;}
    .left_box_con  { display: none; }
}


/**/@media (max-width:840px)
{
.slide_txt1{font-size:48px;line-height:50px;}
.slide_txt1 span{font-size:34px;}
.form_main{width:100%;}
.add_left{width:100%;padding:0 0 15px;}
.map{width:100%;}
.cont_fieldl,
.cont_fieldr{padding:15px 0 0;width:100%;}
.cont_field{padding:0;}
.pro_dtl_img{width:100%;}
.pro_dtl_con{width:100%;padding:15px 0 0;}
.dtl_pro_left{width:100%;padding:0 0 15px;}
.dtl_pro_right{width:100%;}
.pro_dtl_img2{margin-right:0;margin-bottom:15px;}
.cart_mian{width:29%;}
.add_left.right{padding-left:0px;}
.logo img{max-width:100%;width:200px}
.greybar-orange { color: #ff6600; font-size: 2.2vw; padding-top: 15px; padding-bottom: 0; }
.welcomeimage {display: none}
.greybar { height: 55px;
        background: rgb(102,102,102);
        background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(81,81,81,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
        background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(81,81,81,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#515151',GradientType=0 );
        width: 100% !important; border: 0 !important; }
    .center { max-width: 100%; float: left; padding: 0; margin: 0; /*background:url(../images/bg_center.jpg)*/ left top repeat-x #fff; }
    .hidemob {display: none}
    ..searchheader {float: left!important; left:0!important;}
}