/* product-line category responsive view  */

.mids-pl-pm-wrapper{
	text-align:center;
}
.mids-box-pm{
	display:inline-block;
	vertical-align:top;
	border:1px solid #1d395b;
	width:46%;
	margin:10px 1%;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;	
}
.mids-box-pm:hover {
  box-shadow: 0 1px 6px #1d395b;
}
.mids-box-pm:hover a img {
  opacity: 0.7;
}
.mids-box-pm-descr {
  min-height: 150px;
}
.mids-box-pm-btns a {
  min-width: 65px !important;
  width: auto !important;
}
.mids-box-pm .productline_button_accessories, .mids-box-pm .productline_button_supplies{
	margin:5px 10px !important;
}
.mids-box-pm ul.mids-list-outside {
  margin: 5px 5px 5px 27px !important;
  text-align: left;
}
.mids-box-pm h2.left {
  font-size: 16px;
  text-align: center !important;
}
.mids-pl-titlebar {
  background: #1e3a5c none repeat scroll 0 0;
  border: 0 none;
  border-radius: 10px;
  color: #ffffff;
  padding: 5px 16px;
  text-align: left;
  vertical-align: text-top;
  width: 98%;
  margin: 0 auto;
  font-size: 16px;
}
.mids-pl-titlebar > a {
  color: #ffffff !important;
  display: inline-block;
  margin: 0 5px;
  font-size: 13px;
}
.mids-pl-titlebar > a:hover {
  color: #f18728 !important;
}
.productline_button, a.landing_link {
	text-decoration: none!important
}
.mobile-view-logo {
  display: none;
}
.productline_model_price {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

/*### Brand page CSS (almost identical to mids-tp (tp=title-photo) ###*/
.brand-box {
  border: 1px solid #1f3c5f;
  display: inline-block;
  margin: 10px 1%;
  vertical-align: top;
  width: 22.5%;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.brand-box a {
  display: block;
  text-align: center !important;
}
.brand-box:hover {
  border: 1px solid #FBA437;
}
.brand-box:hover a img{
	opacity:0.7;
}
.brand-image {
  line-height: 150px;
  min-height: 150px;
  padding: 10px 0;
}
.brand-box:hover .brand-title{
	background:#fba437;
}

.brand-box:hover .brand-title a {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 400 !important;
}
.brand-title {
  background: #1f3c5f;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius:0px 0px 10px 10px;
  line-height: 26px;
}
.brand-box .brand-title a {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px;
  text-transform:uppercase;
}

/*### Boxes containging Title and Photo - (tp = Title-Photo)###*/
.mids-box-tp {
  border: 1px solid #1f3c5f;
  display: inline-block;
  margin: 10px 1%;
  vertical-align: top;
  width: 22.5%;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.mids-box-tp:hover {
  border: 1px solid #FBA437;
}
.mids-box-tp:hover a img{
	opacity:0.7;
}
.mids-box-tp:hover .mids-box-tp-title{
	background:#fba437;
}
.mids-box-tp:hover .mids-box-tp-title .white-title {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  word-spacing: 3px;
}
.mids-box-tp-title {
  background: #1f3c5f;
  border-radius: 10px 10px 0 0;
  -moz-border-radius:  10px 10px 0 0;
  -ms-border-radius:  10px 10px 0 0;
  -o-border-radius:  10px 10px 0 0;
  -webkit-border-radius:  10px 10px 0 0;
  line-height: 26px;
}
.mids-box-tp-title .white-title {
  font-size: 14px;
}
.mids-box-tp-photo {
  line-height: 150px;
  min-height: 150px;
  padding: 10px 0;
}
.responsive-layout table.mids-pt-moreinfo h3.mids-pt-subcategory-list-item {
  font-size: 14px !important;
  margin-top: 10px !important;
}
.responsive-layout .mids-pt-moreinfo p {
  font-size: 16px;
}
.responsive-layout table.mids-pt-moreinfo h2.mids-pt-category-list {
  font-size: 20px;
}
.responsive-layout table.mids-pt-moreinfo ul.mids-pt-subcategory-list {
  font-size: 14px;
  margin-left: 20px !important;
}
 @media (max-width: 767px) {
.brand-box {
  width: 46%;
}
.mids-box-tp {
  width: 46%;
}
 }
 

@media only screen and (max-width:600px) {
.productline_left {
	float:none;
	width: 98%;
	margin: 5px auto;
}
.mobile-view-logo{
	display:block;
	text-align:center;
	margin:5px auto;
}
.productline_right {
	display:none;
}
.mids-box-pm {
  width: 98%;
}
.mids-box-pm-descr {
  min-height: auto;
}
}
 @media (max-width: 480px) {
.brand-box {
  display: -block;
  margin: 10px 1%;
  width: 98%;
}.mids-box-tp {
  display: -block;
  margin: 10px 1%;
  width: 98%;
}
 }