/*
Theme Name: 2010 Surplus Equipment Brokers
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: Webdew
Description: A rebuild of the 2010 site with Mobile responsive layout
Text Domain: surplus
*/

/*
================================
COMMON STYLES 
================================
*/

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;line-height:0px; font-size:0px;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
  
body{
  font-family: "Open Sans";
}

.clearfix {display: inline-block;}  /* for IE/Mac */

.hideme{display:none;}

a:active, a:focus{
  outline: none;
}

table{
  padding:2px;
}

td, th{
  padding: 3px 5px;
}

th{
  color:#FFF;
  background-color: #333;
  font-weight:bold;
  text-align:left;
  font-size:13px;
  border-top: 1px #FFF solid;
}
.textmassive{
  font-size: 26px;
}
.textlarge{
  font-size: 20px;
}
.textsmall{
  font-size: 10px;
}
.textred{
  color: #CC0000;
}
.textgrey{
  color: #666666;
}
.textpurple{
  color: #cc00cc;
}
.textorange{
  color: #ff9900;
}
.textblue{
  color: #0000cc;
}
.textlightblue{
  color: #00ccff;
}
.textyellow{
  color: #ffff00;
}
.textgreen{
  color: #00cc00;
}
.header_mask{
  width:100%;
  height: 140px;
  overflow:hidden;
  z-index:10;
  position:fixed;
  top:0;
  left:0;
  right:0;
}
.aligncenter{
    margin-right:auto;
    margin-left:auto;
    display:block;
}
.flowtext{
    color: #CC0000;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    line-height: 26px;
}

/*
=================================================================================
STICKY FOOTER
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
=================================================================================
*/

html, body
{
  margin:0;
  padding:0;
  /*height:100%;*/
}

/*
================================
MAIN STYLES
================================
*/

body
{
  background:#333 url('') repeat-x top center;
  background-attachment:fixed;
  
  font-family:Arial, Verdana, Sans-Serif;
  color:#FFF;
}
#background {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
#container
{
  z-index:1;
}

a
{
  color: #CC0000;
  text-decoration:none;
}

a:hover{
  color: #FF0000;
  text-decoration:underline;
}


a.rightArrow
{
  background:url(/Assets/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

a.leftArrow
{
  background:url(/Assets/arrow_left.gif) no-repeat center left;
  padding:0 0 0 7px;
}

/*
================================
HEADER STYLES 
================================
*/

#header_fix{
  width:100%;
  height: 160px; /*135px; */
  background: transparent url(media/back_header.png) repeat-x;
  position:fixed;
  z-index:100;
  top:0px;
}
#header
{
  width:1030px;
  padding:0;
  margin:0 auto;
  height:135px;
  position:relative;
}

#header .title
{
  position:absolute;
  z-index:1;
  top:15px;
  left:125px;
  height:100px;
  width:800px; 
  background: url('media/header_logo.png') no-repeat 50% 50%;
}

#header .container
{
  width:960px;
}

#header h1
{
  width:100%;
  font-family: 'Ramabhadra', sans-serif;
  font-size:32px;
  font-weight:bold;
  color:#CC0000;
  text-align:center;
  text-transform:uppercase;
  padding-top:30px;
}

#header .logo
{
  background:url(media/logo.gif) no-repeat;
  height:135px;
  width:186px;
}

#header .sidebar
{
  text-align:right;
  margin-top:10px;
}

#header .sidebar a
{
  color:#666;
  font-size:12px;
  display:inline-block;
  padding:2px 30px 2px 5px;
  margin:2px 5px;
  border:1px solid #666;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /*behavior: url(/css/border-radius.htc);*/
  background:url('media/dot.gif') no-repeat 100% 50%;
}

#header a.tell
{
  margin-top:36px;
  background:#FFF url('media/mail.gif') no-repeat 0% 0%;
  /*behavior: url(/css/border-radius.htc);*/
  border:1px solid #F00;
  font-size:16px;
  padding:2px 5px 2px 30px;
}

#header .searchBox
{
  margin:0 0 0 33px;
}

#header .searchBox input
{
  background-color:#FFF;
  border:2px solid #CCC;
  width:102px;            
  height:14px; /*16px -1 -1 = 14px; */
  padding:1px 2px;
  
  color:#000;
  font-size:10px;
}

#header .searchBox input:focus
{
  border:2px solid #999;
}

#header .searchBox button
{
  border-style: none;
  border-color: inherit;
  border-width: medium;
  font-size:12px;
  color:#999;
  padding:0 7px 0 0;
  background:url('media/arrow_right.gif') no-repeat right 50%;
}

/*
================================
BODY STYLES 
================================
*/
#body_fix{
  /*position:fixed;
  top:150px;
  width:100%;*/
   position: relative;
    z-index: 9;
}
#body{
  width:960px;
  margin:150px auto 0;
  position:relative;
  /*overflow:hidden;
  /*background-color:red;*/
}

.perthtime{
  border:2px solid #000;
  padding: 8px 20px 8px 70px;
  background: #333 url(media/clock_time_grey.gif) 5px 50% no-repeat;

  color:#FFF;
  font-size:1.2em;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar_Fit {
  position:fixed;
  width:178px;
  margin:50px 10px 0 0;
}
#sideBar{
  position:relative;
  z-index:0;
  width:100%;
  height:100%;
  background-color:#333;
  background-color:rgba(46, 46, 46, 0.8);
  filter:alpha(opacity=80);
  border:1px solid #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*behavior: url(/css/border-radius.htc);*/
  padding:15px;
  padding-bottom:4000px;
  margin-bottom:-4000px; 
  font-size:12px;
  font-weight:bold;
}
#sideBar label {
  color:#F00;
  margin:10px 0 3px;
  width:50px;
  display:inline-block;
  font-weight:bold;
}
#sideBar a {
  color:#FFF;
}

.gmap{
  float:right;
  border: solid 2px #000;
}
#sideBar .map label, #sideBar .post label {
  width:130px;
  margin-bottom:0px;
}
#sideBar strong { font-weight:bold; }
#sideBar .map {
  padding-left: 70px;
  margin-bottom:15px;
  background:url('media/warehouse.gif') no-repeat 0% 50%;
}
#sideBar .post {
  padding-left: 70px;
  background:url('media/post.png') no-repeat 0% 50%;
}
#mainBody {
  float:left;
  margin:50px 0 0 220px;
  background-color:#FFF;
  background-color:rgba(256, 256, 256, 0.8);
  filter:alpha(opacity=80);
  color:#000;
  padding:1px;
  /* margin-bottom:-4000px;
  padding-bottom:4000px; */
  padding-top:5px;
  position:initial;
  min-height: 800px;
  z-index:1;
}
#serachBar_fix {
    position: absolute;
    width: 100%;
    /* top: 150px; */
    top: 0;
    /* right: 10px; */
    left:0;
}
#searchBar {
  width: 100%;
}

/*
================================
NAVI STYLES 
================================
*/
#navi
{
  position:absolute;
  bottom:-25px;
  left:150px;
  padding:0 25px;
  background: url('media/navi_background.png') repeat-x;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;        
  box-shadow: 0 5px 4px #000000;
  border: 2px solid #FFFFFF;
  /*behavior: url(/css/border-radius.htc);*/
}
#navi li
{
  font-size:16px;
  float:left;
  /*background:#333*/;
  height:30px;
  padding:10px 0;
}

#navi li.current_page_item {
  /*background:#000;*/
}
#navi li.current_page_item a
{
  background:#FF1B1B;
  color:#FFF;
  font-weight:bolder;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /*behavior: url(/css/border-radius.htc);*/
}

#navi li a{        
  color:#FFF;
  display:block;
  padding:0 20px;
  line-height:30px;
  text-decoration:none;
  
  
  background:#000;
  color:#FFF;
  font-weight:bolder;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#navi li ul {
  margin-left:10px;
}

/*
================================
SECONDARY NAVI STYLES 
================================
*/
.secondaryNav
{
  margin:130px 0 0 0;
}

.secondaryNav h3
{
  color:#f49ac1;
  font-size:16px;
  
  padding:0 0 10px 0;
  background:url(media/dotted_border.gif) repeat-x bottom left;
}

.secondaryNav li
{
  padding:6px 0 4px 0;
  background:url(media/dotted_border.gif) repeat-x bottom left;
}

.secondaryNav li.selected a
{
  color:#cccccc;
}

.secondaryNav li a
{
  font-size:12px;
  display:block;
}

.secondaryNav ul.events li a em
{
  color:#000;
  font-size:11px;
  display:block;
}

.secondaryNav li a span
{
  background:url(media/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

#jokes{
  margin-top:120px;
  width:152px;
  padding: 45px 10px 10px 15px;
  position:relative;
  font-size:10px;
  background:url('media/images/back_joker.gif') no-repeat 0 0;
}
#jokes .close{
  position:absolute;
  bottom:0;
  right:0;
}
/*
================================
CONTENT STYLES 
================================
*/
.content
{
  border-top:5px solid #C00;
  padding:10px 20px 30px;
  width:690px;    
  font-size:13px;
  line-height:18px;
  font-family:verdana;
}

.content p
{
  margin:10px 0;
}

.content strong
{
  font-weight:bold;
}

.content em
{
  font-style:italic;
}

.content h3
{
  font-size:18px;
  color:#CC0000;
  margin:10px 0 13px 0;
}

.content ol, .content ul
{
  list-style-position:inside;
}

.content ol
{
  list-style-type:decimal;
}

.content ul
{
  list-style-type:disc;
}


.leftArrow.backLink
{
  margin:0 0 25px 0;
  display:block;
}

.content div.date
{
  font-weight:bold;
  font-size:12px;
}
h1,
h2{
  font-family: 'Ramabhadra', sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#C00;
  text-transform:uppercase;
  line-height:1.2em;
  text-align:center;
  margin:1em 0;
}
h2 {
   font-family:serif;
   font-size:24px;
   text-align:left;
}
h1.flashHeader,
h2.flashHeader{	
  font-family: 'Ramabhadra', sans-serif;
  margin:0 0 15px 0 !important;
}           
h1 strong,
h2 strong
{
  color:#C00;
  font-weight:bold;
  text-transform:uppercase;
}

h4{
  font-weight:bold;
  color:#C00;
  border-top:1px solid #C00
}



.content.oneCol
{
  width:690px;
}

.pagelink .title{
  font-size:1.6em;
  font-weight:bold;
  margin-top:1em;
  display:block
}
.pagelink p{
  margin-top:0px;
}
.flowlist{
  text-align:center;
}
.flowlist li{
  display:inline;
  color:#C00;
  background: transparent url(media/bulletblack.gif) no-repeat 0 50%;
  padding-left: 15px; 
  font-size:20px; 
  font-family: 'Libre Baskerville', serif;
  line-height:26px;
}
/*
================================
HOMEPAGE TWO COLS
================================
*/   
.twoCol .col_1
{
  width:342px;
}

.twoCol .col_2
{
  width:322px;
}

.textwidget>h1,
.textwidget>h2,
.textwidget>h3{
    margin-top:0;   
}


/*
================================
ABOUT PROJ TWO COLS WIDE
================================
*/ 
.twoColWide .col_1
{
  width:550px;
  margin:0 20px 0 0;
}

.twoColWide .col_2
{
  width:93px;
}

.nestedTwoCol
{
  width:550px;
  margin:10px 0 0 0;
}

/* Nested two col within col_1 of twoColWide */
.nestedTwoCol .col_1
{
  width:265px;
  margin:0 20px 0 0;
}

.nestedTwoCol .col_2
{
  width:265px;
}

/*
================================
GALLERY GRID
================================
*/ 
.galleryGrid
{
  margin:25px 0 0 0;
}

.galleryGrid .item
{
  width:208px;
  margin:0 0 15px 20px;
}
  
.galleryGrid .item.first
{
  margin-left:0;
}

.galleryGrid .item a
{
  background:url(media/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

.galleryGrid .item img
{
  display:block;
}

.galleryGrid .item span
{
  display:block;
}


.pagebackground{
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzA4MDgwOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(8,8,8,0) 40%, rgba(15,15,15,1) 76%, rgba(19,19,19,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(8,8,8,0)), color-stop(76%,rgba(15,15,15,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 40%,rgba(15,15,15,1) 76%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 40%,rgba(15,15,15,1) 76%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 40%,rgba(15,15,15,1) 76%,rgba(19,19,19,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 40%,rgba(15,15,15,1) 76%,rgba(19,19,19,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
  
  position:fixed;
  width:100%;
  height:100%;
  zoom:1;
  z-index:0;
}

/*
================================
PHOTO GRID
================================
*/ 
.photoGrid
{
  margin:25px 0 0 0;
}

.photoGrid .item
{
  width:151px;
  margin:0 0 15px 20px;
}
          
.photoGrid .item.first
{
  margin-left:0;
}

.photoGrid .item a
{
  background:url(media/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

.photoGrid .item img
{
  display:block;
}

.photoGrid .item span
{
  display:block;
}

/*
================================
PHOTO ITEM
================================
*/ 
.photo
{
  margin:25px 0 0 0;
}
    
.photo .pager
{
  display:block;
  margin:0 0 10px 0;
}

.photo a.prev
{
  background:url(media/arrow_left.gif) no-repeat center left;
  padding:0 0 0 7px;
}

.photo a.next
{
  background:url(media/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

.photo .item
{
  position:relative;
  overflow:hidden;
  /*width:550px;*/
}

.photo .item span
{
  display:none;   /*hide it if JS disabled and when page initially loads */

  position:absolute;
  left:0;
  bottom:0;
  
  background:url(media/white_60_bg.png) repeat top left;
  color:#000;
  
  /*width:540px;*/ /*550 - 5 - = 540px */
  width:100%;
  padding:10px 5px 10px 5px;
}

/*
================================
NEWS LIST
================================
*/

.newsList
{
  margin:25px 0 0 0;
  width:630px;
}

.newsList div
{
  width:180px;
  margin:0 0 25px 45px;
  display:inline;
  
  color:#000;
}

.newsList div.first
{
  margin-left:0;
}

.newsList div span
{
  font-weight:bold;
  font-size:11px;
}

.newsList div h4
{
  font-size:28px;
  line-height:1em;
  font-family:Georgia, Arial, Sans-Serif;  
}
h5{
  font-weight:bold;
  border-top: solid 1px #000;
}
.newsList div h4 a
{       
  font-weight:bold;
  color:#999;
}

.newsList div h4 a:hover
{
  color:#000;
}      


/*
================================
NEWS ITEM
================================
*/
.newsItem img
{
  margin:0 0 15px 0;
}

        
/*
================================
CONTACT STYLES
================================
*/

.form .text
{
  width:265px;
  margin:0 10px 0 0;
}

.form .fields
{
  width: 265px;
}
fieldset{
  margin-top:10px;
  border:2px solid #eee;
  padding:10px;
  border-radius:10px;
}
fieldset legend
{
  display:none;
}

fieldset label
{
  display:inline-block;
  margin:10px 0 0 10px;
  width:120px;
  text-align:right;
  font-weight:bold;
}

.required{
  background: transparent url(media/required.gif) no-repeat top right;
  padding-right:10px;
  width:110px;
}
fieldset label.first
{
  margin:0;
}
label.shortlable{
  width:50px;
}

fieldset input[type='text']
{
  background-color:#FFF;
  border:2px solid #CCC;
  width:200px;
  height:17px;
  padding:2px;
  margin:0 0 3px 0;
  
  color:#000;
  font-size:14px;
}
input.longinput{
  width:450px !important;
}
input.shortinput{
  width:150px !important;
}
input.smallinput{
  width:60px !important;
}

fieldset textarea
{
  background-color:#FFF;
  border:2px solid #CCC;
  width:450px;
  height:130px;
  padding:2px 2px 1px 2px;
  margin:10px 0 3px 0;
  
  font-family:Arial, Verdana, Sans-Serif;
  color:#000;
  font-size:14px;
}

fieldset input:focus, fieldset textarea:focus
{
  border:2px solid #999;
}

fieldset input.error, fieldset textarea.error
{
  border:2px solid #F66;
}

fieldset input.error:focus
{
  border:2px solid #F66;
}
.row.radio{
  
}
.button{
    background: url('media/button.jpg');
    background-size: contain;
    width: 135px;
    height: 35px;
        background-repeat: no-repeat;
    background-position: center;
    border: none;
    text-indent: -500px;
    overflow: hidden;
    cursor: pointer;
}

.wpcf7-response-output{
    clear: both;
    display: block;
    background: #ffa500;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    /* height: 60px; */
    z-index: 100000000000;
    text-align: center;
    
}
.contact_type{
  list-style-type: none;
  width:340px;
  display:block;   
  float: right;
  margin-top: 0px;
}
.contact_type li{
  display:inline;
  float:left;
  list-style-type: none;
}
.contact_type label{
  width: 85px;
  text-align:left;
  font-weight:normal;
}
.labeltop{
 vertical-align:top;
}
.errorMessage
{
  background:#FEE;
  color:#F33;
  border:1px solid #F33;
  padding:10px;
  margin:10px 0px;
}
.product_result {
  margin-top:-20px;
  /*position:relative;
  z-index:0;*/
}
.ul_result {
  background:#FFF;
  padding-top:30px;
  width:150px;
  /*position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  margin-bottom:-990000px;
  padding-bottom:990000px;*/
}
.ul_result a {
  font-size:12px;
}
.ul_result li {
  padding:10px 10px;
  color:#000;
  font-size:14px;
  border-bottom: 1px dotted #C00;
}
.ul_result li:first-child {
  border-top:1px dotted #C00;
}
#pagetop, #closesearch{
    color: #333;
    border: 1px solid #333;
    border-radius: 2em;
    padding: 0.25em .05em;
    display: inline-block;
    width: 37%;
    text-align: center;
    margin: 5%;
    font-size: 0.8em;
}

#pagetop:hover, #closesearch:hover{
    color:#FFF;
    background: #333;
    text-decoration:none;
}
.achor_tag {
  font-size:0;
  line-height:0;
  float:left;
  width:0;
  height:0;
}

#equipmentlist h4{
    border-top:none;
    margin-top:1em;
    color: #ff1d00;
    font-size:1.45em;
    font-weight:normal;
    line-height: 1.6em;
}

#equipmentlist .special_box{
    border-color:#000;
}
#equipmentlist .price{
    background-color: #000;
    color: #FFF;
    padding: 0.25em;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.4em;
}

.special_box {
  padding:2px;
  border:2px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*behavior: url(/css/border-radius.htc);*/
  margin-bottom:15px;
  background:#FFF;
  display:block;
  position:relative;
  color:#000 !important;
  text-decoration:none !important;
  font-size:1em;
  line-height:1.35em;
  font-family: verdana;
  padding-left:10px;
}
.special_box.select {
  background-color:#FEE;
}
.special_box.sold{
  background-image:url(media/back_sold.gif);
  background-repeat:no-repeat;
  background-position:20% center;
}
#equipmentlist .special_box .price{
    background: #03A9F4;
}
.special_text {
  /* width:70%; */
  max-width:440px;
  padding: 3%;
  color:#C00;    
  /* margin-right: 202px; */
  float:left;
  font-size:1.25em;
  line-height:1.5em;
  font-family: verdana;
}
.special_text a {
  color:#C00;
}
.special_box figure {
  display:none;
}
.special_img {
  width:201px;
  float:right;
  position:relative;
  text-align: right;
  line-height: 0;
  overflow:hidden;
}
.special_box.is_clearance {
    padding: 0 0 0 10px;
    border-width: 2px;
    border-color: #ff1d00 !important;
}
.is_clearance .special_img::after{
    content: 'REDUCED';
    color: #FFF;
    background: #ff1d00;
    padding: 0.25em 3em;
    position: absolute;
    top: 40px;
    right: -50px;
    border: 2px solid #FFF;
    font-size: 18px;
    transform: rotate(45deg);
    line-height: 1em;
}

#equipmentlist .is_clearance .price{
    background: #ff1d00;
}
.is_special .special_img::after{
    content: 'SPECIAL PRICE';
    color: #FFF;
    background: #03a9f4;
    padding: 0.25em 3em;
    position: absolute;
    top: 50px;
    right: -60px;
    border: 2px solid #FFF;
    font-size: 18px;
    transform: rotate(45deg);
    line-height: 1em;
}
.special_box.is_special {
    border-color: #03A9F4 !important;
    border-width: 2px;
}
.special_box.is_special h4{
    color: #03A9F4 !important;
}
/*
.is_special h4::after {
    content: 'LIMITED SPECIAL';
    color: #FFF;
    background: #ffb000;
    padding: 0.25em 1em;
    position: relative;
    display: inline-block;
    border: 0px solid #FFF;
    font-size: 18px;
    line-height: 1em;
    z-index: 100;
    display: table;
}
*/
.soldbanner{
  position:absolute;
  right:-9px;
  bottom:0;
}
.imgzoom{
  position:absolute;
  right:15px;
  top:38%;
}
.search_product {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /*behavior: url(/css/border-radius.htc);*/
  height:30px;
  width:105px;
  padding-left:10px;
  padding-right:30px;
  background:#FFF url('media/search.png') no-repeat 100% 50%;
  z-index: 10;
  position: relative;
}
.search_product:focus {
  outline:none;
}

.webdew{
  position: relative;
  top: 120px;
}
.webdew a {
  display:block;
  padding-right:110px;
  line-height: 24px;
  text-align:right;
  background:url('media/webdew.png') no-repeat 100% 50%;
}


td{
  vertical-align: top;
}


.special_box table{
  border: solid 1px #333;
}
.special_box td{padding:5px 8px}
.special_box th{
    font-weight:bold; color:#FFFF; background-color:#000;
}


/* for-phone-only max-width: 599px */
@media only screen and (max-width: 599px) { 
    #skip-link{
        position:absolute;
    }

    #background,
    .pagebackground{
        display:none;
        
    }
    .header_mask,
    #header_fix,
    #header{
        max-width:100%;
    }
    #header {
        width: inherit;
        height: 90px;
    }
    .header_mask{
        background-color: #000;
        position: relative;
        max-width: 100%;
        height: 65VW;
    }
    .header_mask img{
        opacity: 0.35;
    }
    .webdew {
        display:none;
    }
    #header_fix{
        position: absolute;
        max-width:100%;
        background-position:bottom center;
        height: 120px;
    }
    #header .title {
        background: url(media/header_logo.png) no-repeat 50% 50%;
        background-size: contain;
        height: 60px;
        left: 95px;
        max-width: calc(95% - 95px);
        position: relative;
        top: 20px;
        width: auto;
        z-index: 1;
    }
    #header .sidebar.right{
        display:none;    
    }
    #header .logo {
        background: url(media/logo.gif) no-repeat;
        height: 85px;
        width: 85px;
        left: 10px;
        top:10px;
        background-size: contain;
        position: relative;
    }
    #navi{
        top: 120px;
        position: absolute;
        border: 0 none;
        box-shadow: 0 0;
        background: none;
        bottom:inherit;
        left:0;
        padding: 0;
        right:0;
        text-align:center;
    }
    #navi li{
        display: inline-block;
        float:none;
        display:inline-block;
    }
    #navi li a {
        color: #FFF;
        display: block;
        padding: 0 10px;
        line-height: 30px;
        text-decoration: none;
    }
    #sideBar {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0 none;
        background: #0000;
        padding: 15px;
        width: auto;
    }
    #body {
        margin: 0;
        max-width:100%;
        width  : inherit;
    }
    #mainBody,
    .content.oneCol{
        float:none;
        width  : 100%;
        max-width:100%;
        margin: 0;
        padding:0;
        min-height:auto;
    }
    .content.oneCol {
        padding: 15px;
        width: calc(100% - 30px);
    }
    #sideBar_Fit{
        position: initial;
        width  : 100%;
        max-width:100%;
        margin: 25px 0 0 0;
    }
    #sideBar .map label, #sideBar .post label {
       display: block;
    }
    .special_box{
        padding:0;
        overflow:hidden;
    }
    .special_box>span{
        display:block;
        padding:0 15px;
    }
    .special_img{
        width:auto;
        float:none;
        margin: 0 0 1em 0;
    }
    .special_img img:first-of-type{
        width:100%;
        height: auto;
    }
    
    .fancybox-slide--iframe .fancybox-content {
        max-width:95% !important;
        width:95% !important;
    }
    fieldset{
            background: #FFF;
    }
    fieldset label {
        display: inline-block;
        text-align:left;
        padding:0;
        margin:0.75em 0 0;
    }
    fieldset span {
        display: block;
    }
    fieldset input[type='text'],
    fieldset textarea,
    fieldset input.longinput,shortinput
    fieldset input.shortinput,
    fieldset input.smallinput,
    fieldset input{
        font-size:18px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        height: inherit;
        border: 1px solid #000;
    }
    .phone_country,
    .phone_area,
    .fax_country,
    .fax_area{
        width: 50% !important;
    }
    .required{
        width:inherit;
    }
    
    #serachBar_fix{
        z-index: 1;
        position:relative;
        background-color:#000;
        padding: 8px 0;
        min-height: 34px;
    }
    .product_box{
        float:none !important;
    }
    .search_product {
        width: 80%;
        padding: 0;
        margin: 0 auto;
        display: block;
        text-indent: 1em;
    }
    .product_result {
        margin-top: 0px;
    }
    .ul_result{
        width:inherit;    
        padding: 0;
     /*   margin-bottom: -100000px; */
     /*   border-bottom: 100000px solid #000000d9; */
     /*   background: #0000;  */
    }
    
    .ul_result li{
        background-color:#FFF;
    }
    #equipmentlist h4{
        margin-top:0;
    }
    .is_special h4::after {
            content: 'SPECIAL PRICE';
            color: #FFF;
            background: #03a9f4;
            padding: 0.25em 1em;
            position: relative;
            display: inline-block;
            border: 0px solid #FFF;
            font-size: 18px;
            /* transform: rotate(45deg); */
            line-height: 1em;
            /* z-index: 100; */
            /* float: left; */
            /* clear: both; */
            display: block;
            margin: 1px -15px;
        }


    .grecaptcha-badge { 
        visibility: hidden;
    }
    #equipmentlist .price{
        position:inherit;
    }
    .special_box {
        border-width:1px;
        font-size:1.3em;
    }
}

/* for-tablet-portrait-up */
@media only screen and (min-width: 600px) { 

    .flowlist li {
        white-space: nowrap;
    }
    
}
/* for-tablet-portrait-up */
@media only screen and (min-width: 600px) { 
    
    
}

/* for-tablet-landscape-up*/
@media only screen and (min-width: 900px) { 
    
    
    
}

/* for-desktop-up*/
@media only screen and (min-width: 1200px) { 
    
    
    
}

/* for-big-desktop-up */
@media only screen and (min-width: 1800px) {
    
    
    
}