/* CSS Document */



.breadcrumb {
    position: relative;
	padding-bottom: 7px;
}

.breadcrumb-list-header {
    position: absolute;
    top: 22px;
    left: -22px;
    width: 7px;
    height: 7px;
    background: url('../images_interface/overlaps.png') no-repeat scroll left top transparent;
}

.breadcrumb-list {
    position: relative;
    left: -22px;
    float: left;
    border: 0px none;
    padding: 0px 7px;
    overflow: hidden;
    background: url('../images_interface/breadcrumb.png') no-repeat scroll right -38px #727070;
    margin-top: 3px;
	font-size: 11px; 
	font-size: 10px;
	color: #888;
}

.breadcrumb-list .breadcrumb-item {
    float: left;
    height: 19px;
    margin: 0px;
    padding: 0px 11px 0px 21px;
    background: url('../images_interface/breadcrumb.png') no-repeat scroll left -19px #727070;
	color: #000;
	font-weight: bold;
	margin: 0px 3px;
}

.breadcrumb-list .breadcrumb-item.first, .breadcrumb-list .breadcrumb-item.view-home {
    background: none repeat scroll 0% 0% transparent;
}

.breadcrumb-list .breadcrumb-item.last {
    background-color: #E2E2E0;
    background-position: left -58px;
}

.breadcrumb-list .breadcrumb-item a {
    font: 10px/19px Arial;
    color: #FFF;
	font-weight: bold;
}

.breadcrumb-list .breadcrumb-item.last a {
    color: #888;
}

.breadcrumb-list-footer {
    display: none;
}

h1 {
font-size:16px;
color:#cc3300;
font-family:Arial;
margin-top:0px;
line-height:17px;
}

h1.home {
font-size:16px;
color:#cc3300;
font-family:Arial;
margin-top:3px;
margin-bottom:4px;
letter-spacing:-.2px;
}


h1.small {
font-size:12px;
color:#333;
font-family:Arial;
margin:0px;
}

input.submit { 
width:110px; 
height:19px; 
border: none; 
font-family: sans-serif; 
color: #000000; 
font-size: 10px; 
vertical-align: middle; 
background-image: url(buttonsubmitrequest.gif);
} 


h2 {
font-size:12px;
color:#333;
font-family:Arial;
margin-top:5px;
margin-bottom:5px;
}

.employment {
font-size:13px;
color:#cc3300;
font-family:Arial;
margin-top:5px;
margin-bottom:5px;
}

h2.redh2 {
font-size:12px;
color:#cc3300;
font-family:Arial;
margin-top:0px;
margin-bottom:4px;
}
h5.toggle, li.toggle {
overflow: hidden;
margin: 0;
}
h5.toggle.active a {
border-bottom: 0;
}
h5.toggle.active span.arrow {
background-color: #C00;
background-image: url(//www.4starelectronics.com/images_interface/toggle_minus.png);
}
h5.toggle span.arrow {
background: #666666 url(//www.4starelectronics.com/images_interface/toggle_plus.png) no-repeat center center;
display: block;
width: 22px;
height: 22px;
float: left;
margin-right: 18px;
}
h5.toggle a, li.toggle a {
font: 13px/20px 'MuseoSlab500Regular', arial, helvetica, sans-serif !important;
cursor: pointer;
color: #333333;
border-top: 1px solid #e8e6e6;
overflow: hidden;
margin: 0;
padding: 10px 0px;
float: left;
width: 100%;
}
h5.toggle a:hover {
color: #C00;
text-decoration:none;
}
.toggle-content {
padding: 0 0 10px 0;
}

.subh2 {
font-size:14px;
color:#333;
font-family:Arial;
font-weight:bold;
margin-top:0px;
margin-bottom:8px;
}

br.faqs {
margin:4px;
}

hr.searchresults {
width:544px;
border:0px;
background-color:#CCCCCC;
height:1px;
}

p {
font-size:11px;
color:#333;
font-family:Arial;
margin-top:0px;
margin-bottom:10px;
line-height:15px;
text-align:justify;
}

p.qa {
font-size:11px;
color:#333;
font-family:Arial;
margin-top:0px;
margin-bottom:0px;
text-align:left;
}


.disclaimer {
font-size:10px;
color:#333;
font-family:Arial;
margin-top:0px;
text-align:left;
}

.imgborder {
    border:0px;      
}


.parts {
font-size:15px;
color:#333;
font-family:Arial;
margin-top:0px;
margin-bottom:10px;
line-height:15px;
text-align:justify;
}

p.pbolditalics {
font-size:11px;
color:#333;
font-family:Arial;
font-style:italic;
font-weight:bold;
margin-top:0px;
margin-bottom:10px;
line-height:15px;
text-align:justify;
}

b {
font-size:11px;
color:#333;
font-family:Arial;
}

strong {

color:#333;
font-family:Arial;
}

#maincontent ul {
margin-top:8px;
margin-bottom:9px;
color:#333;
list-style-image: url('../images_interface/threedotlink.gif');
}

li.ulmanuf {
margin-left:-20px;
font-size:11px;
color:#333;
font-family:Arial;
text-align:left;
}

li {
margin-left:-15px;
font-size:11px;
color:#333;
font-family:Arial;
text-align:left;
}

li.faq {
font-size:11px;
color:#333;
font-family:Arial;
text-align:left;
}

ol {
font-size:11px;
color:#333;
margin-top:4px;
text-align:left;
}

.mannav {
margin-left:-5px;
font-size:11px;
color:#333;
font-family:Arial;
text-decoration:none;
}

a {
font-size:11px;
color:#cc3300;
font-family:Arial;
text-decoration:none;
line-height:15px;
}

a.listlinks {
font-size:11px;
color:#FFFFFF;
font-family:Arial;
text-decoration:none;
line-height:15px;
}


a:hover {
text-decoration:underline;
font-size:11px;
color:#cc3300;
line-height:15px;
font-family:Arial;
}

a.partcount {
font-size:11px;
color:#cc3300;
font-family:Arial;
text-decoration:underline;
font-weight:bold;
line-height:15px;
}
a.partcount:hover {
font-size:11px;
color:#cc3300;
font-family:Arial;
text-decoration:none;
font-weight:bold;
line-height:15px;
}

a.boldlinks {
font-size:11px;
color:#cc3300;
font-family:Arial;
text-decoration:none;
font-weight:bold;
line-height:15px;
}

a.boldlinks:hover {
text-decoration:underline;
font-size:11px;
color:#cc3300;
font-weight:bold;
line-height:15px;
font-family:Arial;
}

a.redboldlink {
font-size:12px;
color:#cc3300;
font-family:Arial;
text-decoration:none;
font-weight:bold;
line-height:15px;
}

a.redboldlink:hover {
text-decoration:underline;
font-size:12px;
color:#cc3300;
font-weight:bold;
line-height:15px;
font-family:Arial;
}


.rednavhead {
font-size:13px;
color:#cc3300;
font-family:Arial;
font-weight:bold;
margin-bottom:10px;
}

.relatedterms {
font-size:11px;
color:#999999;
font-family:Arial;
margin-bottom:10px;
}

.whiteheadings {
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
padding-bottom:5px;
}

.whiteheadingslead {
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
padding-bottom:5px;
}

.whiteboldtext {
font-size:11px;
color:#FFF;
font-weight:normal;
font-family:Arial;
font-weight:bold;
}

.whitetext {
font-size:11px;
color:#FFF;
font-weight:normal;
font-family:Arial;
}


.italicleader {
font-family:Arial; 
font-size:11px;
font-style:italic;  
font-weight:bold; 
color:#FFF;
}

.manuftext {
margin-left:-5px;
font-size:11px;
color:#333;
font-family:Arial;
text-decoration:none;
line-height:15px;
}

a.navigation {
margin-left:-5px;
font-size:11px;
color:#333;
font-family:Arial;
text-decoration:none;
line-height:15px;
}

a.navigation:hover {
margin-left:-5px;
text-decoration:underline;
font-size:11px;
color:#F00;
line-height:15px;
font-family:Arial;
}

a.graybarlinks {
font-size:11px;
color:#FFF;
font-family:Arial;
text-decoration:none;

}

a.graybarlinks:hover {
text-decoration:underline;
font-size:11px;
color:#FF4A4A;
font-family:Arial;
}

a.whitenavlinks {
font-size:11px;
color:#FFF;
font-family:Arial;
text-decoration:none;
}

a.whitenavlinks:hover {
text-decoration:underline;
font-size:11px;
font-family:Arial;
}

.redbar {
font-size:11px;
color:#F00;
font-family:Arial;
}

.regulartext {
font-size:11px;
color:#333;
font-family:Arial;
line-height:15px;
}

.regulartextwhite {
font-size:11px;
color:#FFF;
font-family:Arial;
line-height:15px;
}

.resulttext {
font-size:11px;
color:#333;
font-family:Arial;
}

.regulartextbold {
font-size:11px;
color:#333;
font-family:Arial;
line-height:15px;
font-weight:bold;
}

.parthighlight {
font-size:11px;
color:#FF0000;
background-color:#FFFF00;
font-family:Arial;
line-height:15px;
font-weight:bold;
}

.bigbold {
font-size:14px;
color:#333;
font-family:Arial;
line-height:15px;
font-weight:bold;
}

.regulartextboldblack {
font-size:11px;
font-weight:bold;
color:#000;
font-family:Arial;
}

.regulartextforms {
font-size:11px;
color:#000;
font-family:Arial;
}

.redtext {
font-size:11px;
color:#cc3300;
font-family:Arial;

}

.redtextbold {
font-size:11px;
color:#cc3300;
font-family:Arial;
font-weight:bold;
}


.redpart {
margin:0px;
font-size:11px;
color:#cc3300;
font-family:Arial;
font-weight:bold;
}

.redaster {
font-size:14px;
color:#cc3300;
font-family:Arial;
font-weight:bold;
}

.partnumberblue {
font-size:15px;
color:#0000FF;
font-family:Arial;
font-weight:bold;
}

.largeboldblack {
font-size:17px;
color:#000;
font-family:Arial;
font-weight:bold;
}

.searchtext {
font-size:17px;
color:#cc3300;
font-family:Arial;
font-weight:bold;
}

.regulartextfooter {
font-size:11px;
color:#333;
font-family:Arial;

}

.smalltext {
font-size:11px;
color:#333;
font-family:Arial;
}

.smalltextbold {
font-size:11px;
color:#000;
font-weight:bold;
font-family:Arial;
}

.whiteheadings {
font-size:11px;
color:#FFF;
font-weight:bold;
font-family:Arial, Arial;
}

input.smallCheckbox {
	margin:0;
}

input, textarea { 
font-family:Arial;
font-size:12px; 
}

input, textbox {
font-family:Arial;
font-size:12px;
}

.navtext {
visibility:hidden;
position:absolute;
width:250px;
height:75px;
font-size:12px;
border-color:#666666;
background-color:#CCCCCC;
color:#333;
}

td.tddetails {
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
font-weight:bold;
vertical-align:top;
}

td.tddetails2 {
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
vertical-align:top;
}

.mfgdetails {
color:#333;
}

a.button, input.button {
background-color: #b32017;
border: 1px solid #999;
color: #ffffff;
font-size: 12px;
line-height: 12px;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight:bold;
display: inline-block;
margin: 5px 0;
}
a.button.grey, input.button.grey {
background-color: #777777;
}
a.button.disabled, input.button.disabled {
background-color: #bbbbbb;
border: 1px solid #bbbbbb;
pointer-events: none;
cursor: default;
}
a.button:hover, input.button:hover {
background-color: #444444 !important;
}
a.button.large, input.button.large {
padding: 10px 20px 10px 20px;
font-size: 14px;
line-height: 14px;
}


.testimonial {
border: 1px solid #d3d3d3;
background-color:#fff;
padding: 15px;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
-moz-box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
}

.testimonial:after {
content: '';
width: 22px;
height: 22px;
position: absolute;
bottom: -22px;
left: 20px;
background: url(../images/testimonials.png) no-repeat;
}

.testimonial-author {
margin: 5px 0 0 50px;
color: #777777;
}


.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.simply-scroll-list li img {
	border: none;
	display: block;
}
.simply-scroll-btn {
	position: absolute;
	background-image: url(buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}
.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
	background-position: 0 -88px;
}
.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
	background-position: -84px -88px;
}
.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
	background-position: -126px -88px;
}
.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
	background-position: -42px -88px;
}
.simply-scroll-btn-pause {
	right: 6px;
	bottom: 6px;
	background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
	background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
	background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
	background-position: -84px -88px;
}
.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
}
.simply-scroll .simply-scroll-clip {
	width: 100%;
}
.simply-scroll .simply-scroll-list {
}
.simply-scroll .simply-scroll-list li {
	float: left;
	width: 235px;
}
.simply-scroll .simply-scroll-list li.cert {
	width: 100px;
}
.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}
.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}
.vert .simply-scroll-list {
}
.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}
.vert .simply-scroll-list li img {
}
.vert .simply-scroll-btn {
}
.vert .simply-scroll-btn-up { /* modified btn pos */
	right: 0;
	top: 0;
}
.vert .simply-scroll-btn-up.disabled {
}
.vert .simply-scroll-btn-up:hover {
}
.vert .simply-scroll-btn-down { /* modified btn pos */
	right: 0;
	top: 52px;
}
.vert .simply-scroll-btn-down.disabled {
}
.vert .simply-scroll-btn-down:hover {
}

.greyhover {
-webkit-filter: grayscale(100%);
}
.greyhover:hover {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.footer-icon {
display: block;
float: left;
margin: 0 5px 5px 0;
background-color: #efefef !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
width: 40px;
height: 40px;
}
.footer-icon a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: inline-block;
height: 60px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.footer-icon a:hover {
background-position: 0px -60px !important;
}
.footer-facebook a {
background: url(../images/facebook.png) no-repeat 0 0;
}
.footer-facebook a:hover {
background: url(../images/facebook.png) no-repeat 0 0;
}


.social-icon {
display: block;
float: left;
margin: 0 5px 5px 0;
background-color: #efefef !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
width: 40px;
height: 40px;
}
.social-icon a {
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
display: inline-block;
width: 40px;
height: 40px;
text-indent: -9999px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.social-icon a:hover {
background-color: #cccccc;
background-position: 0px -40px !important;
}
.social-facebook a {
background: url(../images/facebook.png) no-repeat 0 0;
}
.social-facebook a:hover {
background-color: #3b5998;
}
.social-linkedin a {
background: url(../images/linkedin.png) no-repeat 0 0;
}
.social-linkedin a:hover {
background-color: #71b2d0;
}
.social-googleplus a {
background: url(../images/googleplus.png) no-repeat 0 0;
}
.social-googleplus a:hover {
background-color: #d94a39;
}

a.footer-certs img {
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
a.footer-certs img:hover {
filter: none;
-webkit-filter: grayscale(0);
}


/**
 * Part Search Box
 */
.part-search-input{
	font-size: 16px;
    padding: 4px 6px;
    height: 36px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
}
.part-search-container{
	background: #FFFFFF;
	border: 2px solid #B22117;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.50);
	border-radius: 9px;
	padding: 12px;
    max-width: 340px;
    position: relative;
    margin-bottom: 24px;
    margin-top: 15px;
}
.part-search-container::before{
	content: '';
    width: 50px;
    height: 60px;
    position: absolute;
    left: -36px;
    top: 10px;
    z-index: 100;
    background: url(/images/form-arrow.svg) no-repeat;
}
.part-search-container > h2 {
	/* Search & Quote: */
	font-weight: bold;
	font-size: 16px;
	color: #575757;
	letter-spacing: 0;
	text-align: left;
	margin-top: 0;
}
.part-search-buttons{
	text-align: right;
	margin-top: 13px;
}
.part-search-buttons > button{
	/* Rectangle 4: */
	background: #B22117;
	border-radius: 6px;
	/* Search: */
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	padding: 5px 8px;
    border: none;
    cursor: pointer;
    margin-left: 10px;
}

.mobi.phone .part-search-container{
	margin-top: 36px;
}

.mobi.phone .part-search-container::before{
    left: 7px;
    top: -23px;
    transform: scale(1.4) rotate(-123deg) scaleX(-1);
}

.mobi.phone .part-search-container > h2,
.mobi.phone .part-search-buttons {
    text-align: center;
}

.mobi.phone .part-search-buttons > button{
	font-size: 16px;
    margin-right: 4px;
    margin-left: 5px;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}/* CSS Document */


html, body {	
margin:0;
padding:0;
font-family:Arial;
font-size:11px;
background-color: #d4d4d4;

background-attachment: fixed;
background-repeat: no-repeat !important;
background-position:center top;
}

.no-webp body{
	background-image: url(/images/bg1.jpg) !important;
}
.webp body{
	background-image: url(/images/bg1.webp) !important;
}

#wrapper {
margin:auto;
text-align:left;
width:760px;
}

form {
margin:0;
}

center {
margin:0;
}

#clearupperarea {
clear:both;
}

#page-container {border: 1px solid #999;}

#maincontent {
background-color:#FFFFFF;
padding: 10px 15px;
margin:auto;
voice-family: "\"}\"";   
voice-family: inherit; 
overflow: auto;
}

.image {
border:1px solid #666666;
}

#widecontent {
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
background-color:#FFFFFF;
}

#widecontentlead {
background-color:#FFFFFF;
}

#lefttext {
text-align:left;
float:left;
voice-family: "\"}\"";   
voice-family: inherit; 
width:73%;
}

#righttext {
float:left;
margin-top:8px;
padding-left:15px;
voice-family: "\"}\"";   
voice-family: inherit; 
width:24%;
}

#box {
background-image:url(boxheaderback.gif);
background-position:top;
background-repeat:repeat-x;
padding:5px;
width:150px;
border:1px solid #CCC;
}

#boxheading {
height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
}


/* -------------------------- DEFAULT INTERFACE -------------------------- */


#partdtls_heading {
width:198px;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
voice-family: "\"}\"";   
voice-family: inherit; 
width:192px;
border:1px solid #999999;
background-image:url(../images_interface/leadformtableback.jpg);
height:13px;
}

#partdtls_form {
width:200px;
padding:10px;
voice-family: "\"}\"";   
voice-family: inherit; 
width:180px;
border:1px solid #999999;
background-image:url(../images_interface/form_background.jpg);
}

.partdtls_input {
font-size: 12px;
background-color: #FFF;
border: 1px solid #CCCCCC;
color:#666666;
}

.partdtls_dropdown {
width:164px;
font-size: 12px;
color:#666666;
margin:2px;
background-color: #FFF;
border: 1px solid #CCCCCC;
}

.partdtls_labels {
font-size: 11px;
margin-top:3px;
margin-bottom:3px;
color:#cc3300;
font-weight:bold;
}

#masthead {
margin:auto;
height:60px;
width:760px;
}

.topmenu a {
font-size:12px;
color: #555;
}

.topmenu a:hover {
color: #cc3300;
}

#header {padding:6px;height: 70px;}
#headerSpacer {display:none;}
#headerLogo {width:50%;float:left;}
#headerLogo img {height: 68px;}
#headerContent {text-align:right;width: 50%;float: right;}
#phonenumber {font-family: 'Oswald', sans-serif;font-size:25px;color: #555;margin: 3px 0;}
#header #headerLogo #headerLogoWhite, #header #headerContent #navbar-toggle {display:none;}

#navmenu:before,
#navmenu:after,
#navmenu > ul:before,
#navmenu > ul:after {
  content: '';
  display: table;
}
#navmenu:after,
#navmenu > ul:after {
  clear: both;
}
#navmenu {
  background: url(//www.4starelectronics.com/images/bg-navmenu.png) top repeat;
  width: auto;
  zoom: 1;
}
#navmenu > ul {
  padding-bottom: 3px;
  margin: 0;
  padding: 0;
  position: relative;
}
#navmenu > ul li {
  background: #b32017;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navmenu > ul li.last {
  background: #777;
  margin: 0;
  padding: 5px 0 2px 0;
  list-style: none;
  float: right;
  margin-right: 5px;
  height: 100%;
  border: none;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(53, 53, 53, 0.2);
  -moz-box-shadow: 1px 1px 1px 1px rgba(180, 180, 180, 0.2);
  box-shadow: 1px 1px 1px 1px rgba(34, 34, 34, 0.2);
}
#navmenu > ul li.menu-peek {
  float: right; border:none; margin:0; background: url(../images/bg-navmenu-fill.png) top right repeat; width:13px; height:20px;
}
#navmenu > ul > li {
  float: left;
  position: relative;
  border-right: 1px solid #999;
  margin-top: 15px;
}
#navmenu > ul > li > form {
  padding: 4px 10px;
}
#navmenu > ul > li > form input#partid {
  width:190px;
}
#navmenu > ul > li > a {
  padding: 5px 15px;
  display: block;
  color: white;
  font-size: 12px;
  text-decoration: none;
  text-shadow: 0 -1px 0 #9e3825;
  text-shadow: 0 -1px 0 rgba(116, 37, 2, 0.7);
  line-height: 18px;
}
#navmenu > ul > li:hover > a, 
#navmenu > ul > li:focus > a, 
#navmenu > ul > li:active > a {
  background: #555555;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#navmenu > ul > li > a > span {
  line-height: 18px;
}
/* Childs */
#navmenu > ul ul {
  width: 170px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: url(//www.4starelectronics.com/images_interface/highlight-bg.png) repeat;
  margin: 0;
  padding: 0;
  z-index: -1;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
#navmenu > ul li:hover ul, 
#navmenu > ul li:focus ul, 
#navmenu > ul li:active ul, 
.mobi.phone #navmenu > ul li ul {
  opacity: 1;
  visibility: visible;
  display: block;
  margin: 0;
  color: #000;
  z-index: 2;
  left: 0;
}
#navmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  background: transparent;
}
#navmenu > ul ul li {
  list-style: none !important;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #eee;
}
#navmenu > ul ul li a {
  padding: 5px 8px;
  display: block;
  color: #393939;
  font-size: 12px;
  text-decoration: none;
  border-left: 4px solid transparent;
}
#navmenu > ul ul li a:hover, 
#navmenu > ul ul li a:focus, 
#navmenu > ul ul li a:active {
  border-left: 4px solid #d43228;
  background: #555555;
  color: white;
  text-shadow: 0 1px 0 black;
}

#belowmenubar {
margin:auto;
height:31px;
width:758px;
background-color:#FFFFFF;
background-image:url(//www.4starelectronics.com/images_interface/searchback2.gif);
border-left:1px solid #999999;
border-right:1px solid #999999;
voice-family: "\"}\"";   
voice-family: inherit; 
width:758px;

}

#belowmenubarinventory {
margin:auto;
height:17px;
width:760px;
background-color:#666666;
}

#belowmenubarright {
float:right;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;
border-top:solid 1px #666666;
border-right:solid 1px #666666;
padding-left:4px;
padding-top:4px;
padding-right:4px;
padding-bottom:8px;
height:16px;

text-align:right;
background-color:#999999;
voice-family: "\"}\"";   
voice-family: inherit; 
width:270px;
}

#belowmenubarleft {
float:left;
padding-top:2px;
padding-left:16px;
height:16px;
width:489px;
voice-family: "\"}\"";   
voice-family: inherit; 
width:460px;

}

#content {
margin:auto;
background-color:#FFF;
width:760px;
padding-top:10px;
padding-bottom:10px;
}

#leftcontent {
text-align:left;
width:557px;
background-color:#FFFFFF;
padding-right:10px;
padding-left:10px;
float:left;
margin-bottom:10px;
border-right:solid #999 1px;
}

#rightnavigation {
width:160px;
background-color:#FFFFFF;
padding-right:10px;
padding-left:10px;
float:left;
}

#insiderightnav {
width:150px;
padding-left:5px;
height:100%;
}

#industryLogos {
margin:auto;
padding:10px 0;
border-top:1px solid #ccc;
width:758px;
background-color:#ebebeb;
voice-family: "\"}\"";   
voice-family: inherit; 
text-align:center;
vertical-align:middle;
clear:both;
}

#industryLogos img {
vertical-align:middle;
}

#footerContent {
margin:auto;
padding-top:5px;
padding-bottom:5px;
border-bottom: 1px solid #444444;
background-color:#666666;
voice-family: "\"}\"";   
voice-family: inherit; 
text-align:center;
clear:both;
}

#footerContent h2 {
color: #fff;
margin-top: 20px;
line-height: 22px;
margin-bottom: 10px;
border-bottom: #ababab 1px solid;
font-size: 16px;
}

#footerContent ul {
list-style-image: url('../images_interface/list_arrow_white.png');
}

#footerBox1 {width:29%; padding:5px 5px 10px 15px; color:white;text-align:left; float: left;}
#footerBox2 {width:19%; padding:0 10px; float: left;}
#footerBox3 {width:19%; padding:0 10px; float: left;}
#footerBox4 {width:19%; padding:0 10px; float: left;}

#footerCopyright {
padding:10px;
font-size:10px;
border-top: 1px solid #666666;
background-color:#444444;
voice-family: "\"}\"";   
voice-family: inherit; 
clear:both;
color:#c3c3c3;
}

#footerCopyright a, #footerCopyright a:hover {
font-size:10px;
color: #aaa;
}

#bottomShadow {
background-image:url(../images_interface/page_bottom_shadow.png);
background-position:center top;
background-repeat:no-repeat;
margin:auto;
width:100%;
padding-left:5px;
padding-right:5px;
padding-top:16px;
padding-bottom:6px;
height:15px;
voice-family: "\"}\"";   
voice-family: inherit; 
text-align:center;
color: #bbb;
}

#bottomShadow a {
color: #bbb;
}

#bottomShadow a:hover {
color: #A0A0A0;
}

#footermessagelead {
margin:auto;
width:758px;
border-left:solid 1px #999;
border-right:solid 1px #999;
padding-left:5px;
padding-right:5px;
padding-top:6px;
padding-bottom:6px;
height:75px;
voice-family: "\"}\"";   
voice-family: inherit; 
width:748px;
background-color:#FFFFFF;
}

#footermessageleft {
width:430px;
float:left;
padding-left:5px;
voice-family: "\"}\"";   
voice-family: inherit;
width:420px;
text-align:left;
}

#footermessageright {
width:315px;
float:left;
text-align:right;
background-color:#FFF;
}

hr {
margin:auto;
width:760px;
height:1px;
background-color:#999;
}

#grayline {
margin:auto;
height:1px;
border:0px;
width:760px;
voice-family: "\"}\"";   
voice-family: inherit; 
height:1px;
background-color:#999;
}

#bottomnavigation {
padding-top:3px;
margin:auto;
width:760px;

}

.waitBoxStyle{
    background-color: #737373;
    color: white;
    font-size: 16px;
    position: absolute;
    padding: 19px;
    width: 295px;
    top: calc(50% - 100px/2);
    left: calc(50% - 295px/2);
    box-sizing: border-box;
    font-family: arial;
    text-align: center;
    display: none;
    z-index: 1000;
    opacity: 0.9;
    border-radius: 13px;
    background-image: url(/images_interface/loading.gif);
    background-repeat: no-repeat;
    background-position: center 13px;
    padding-top: 43px;
}
.waitBoxStyle_old {
background-color:#FFF;
border:solid 1px #666;
position:absolute;
margin-top:105px;
margin-left:70px;
padding:65px;
width:300px;
font-family:arial;
text-align:center;
display:none;
}

.ExcessBox {
width:100px;
font-family:arial;
display:none;
}

.trback {
background-color:#333333;
background-image:url(//www.4starelectronics.com/images_interface/tableheadback.gif);
}

#box {
background-image:url(//www.4starelectronics.com/images_interface/boxheaderback.gif);
background-position:top;
background-repeat:repeat-x;
border:1px solid #CCC;
padding:5px;
width: 160px;                /* for ie5 */   
voice-family: "\"}\"";   
voice-family: inherit;   
width:148px;
}

#boxheading {
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
margin-bottom:0px;
}

ul.ulbox {
margin-top:-3px;
margin-bottom:0px;
}

.prod_types_header {
width:226px;
padding:3px;
height:15px;
background-image:url(../images_interface/leadformtableback.jpg);
font-size:12px;
color:#FFF;
text-align:left;
font-weight:bold;
font-family:Arial;
voice-family: "\"}\"";   
voice-family: inherit;
width:226px; 
}

.prod_types_content {
width:224px;
padding:3px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
width:224px; 
text-align:left;
background-image:url(../images_interface/form_background.jpg);
font-size:11px;
color:#666;
font-family:Arial;
}

.sitemapaddressheader {
background-image:url(../images_interface/leadformtableback.jpg); 
width:355px; 
height:15px; 
padding:3px; 
voice-family: "\"}\"";   
voice-family: inherit; 
font-family:arial; 
color:#FFFFFF; 
width:349px;
font-weight:bold;
}

.sitemapaddresscontent {
background-image:url(../images_interface/form_background.jpg);
width:355px;
padding:5px; 
border-left:1px solid #CCC; 
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
font-family:arial; 
voice-family: "\"}\"";   
voice-family: inherit; 
width:343px;
color:#666; 
height:100px;
}

.mfgs_page_box_header {
padding:3px;
height: auto;
overflow: hidden;
background-image:url(../images_interface/leadformtableback.jpg);
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
background-color: dimgrey;
background-position: bottom;
background-repeat-y: no-repeat;
voice-family: "\"}\"";   
voice-family: inherit;
}

.mfgs_page_box_content {
padding:3px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
background-image:url(../images_interface/form_background.jpg);
font-size:11px;
color:#666;
font-family:Arial;
}

#home_page_box_content {
width:548px;
padding:3px;
text-align:center;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
width:540px; 
font-size:11px;
color:#666;
font-family:Arial;
}

/* ---------------- Typical Box ------------------ */
#mfgs_banner {
width:95%; 
padding:10px; 
background-image:url(../images_interface/form_background.jpg);
border:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
text-align:center;
}

.contentBox {margin:10px 0px;border: 1px solid #CCC;background-color: #ebebeb;}

.contentBox .contentBoxTitle {
width:100%;
background: #696969;
padding:4px 0px;
height:auto;
background-image:url(../images_interface/leadformtableback.jpg);
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
voice-family: "\"}\"";   
voice-family: inherit;
text-align:center;
background-position: bottom;
background-repeat: no-repeat;
}
.contentBox .contentBoxImg {
width:100%;
padding:0px;
height:auto;
background-image:url(../images_interface/leadformtableback.jpg);
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
voice-family: "\"}\"";   
voice-family: inherit;
text-align:center;
}

.contentBox .contentBoxBody {
width:100%;
padding:3px;
voice-family: "\"}\"";   
voice-family: inherit;
color:#666;
font-family:Arial;
}

.sidebar-box {
padding:5px;
border:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
font-size:11px;
color:#666;
font-family:Arial;
background-color:#eee;
margin-bottom:15px;
}
.sidebar-box-title {
padding:5px;
voice-family: "\"}\"";   
voice-family: inherit;
background-color: #777777;
text-align:center;
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;

}

/* ---------------- Typical Box ------------------ */

/* ---------------- Home Page Box ---------------- */

.bottom_box_header {
width:170px;
padding:3px;
height:15px;
background-image:url(../images_interface/leadformtableback.jpg);
font-size:12px;
color:#FFF;
font-weight:bold;
font-family:Arial;
voice-family: "\"}\"";   
voice-family: inherit;
width:164px; 
text-align:center;
}

.bottom_box_content {
padding:3px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
voice-family: "\"}\"";   
voice-family: inherit;
width:162px; 
background-image:url(../images_interface/form_background.jpg);
font-size:11px;
color:#666;
font-family:Arial;
}

/* ---------------- Typical Box ------------------ */


#partslistheader {
width:100%;
padding:3px;
background: #777777;
voice-family: "\"}\"";   
voice-family: inherit;
text-align:center;
word-break: break-all;
}


#searchboxtop {
width:372px; 
height:16px; 
background-image:url(//www.4starelectronics.com/images_interface/tableredback.gif); 
text-align:left; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-weight:bold; 
voice-family: "\"}\"";   
voice-family: inherit; 
width:365px; 
padding:4px;
}

#searchboxtopleft {
text-align:left;
float:left;
width:250px;
}
#searchboxtopright {
text-align:right;
float:left;
width:115px;
}

#searchboxbottom {
width:371px; 
height:90px; 
background-image:url(//www.4starelectronics.com/images_interface/magnifyback.gif); 
border-left:1px solid #999999; 
border-right:1px solid #999999; 
border-bottom:1px solid #999999;
}

#program_packages {
width:300px;
padding:5px;
border-left:1px solid #999999;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
height:12px;
background-image:url(../images_interface/leadformtableback.jpg);
float:left;
}

#program_lists {
width:300px;
padding:5px;
border-left:1px solid #999999;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
background-image:url(../images_interface/leadformtableback.jpg);
float:left;
}

#program_lists {
width:300px;
padding:5px;
border-left:1px solid #999999;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
background-image:url(../images_interface/leadformtableback.jpg);
float:left;
}

.catalog {
display:none;
}



#event-contain {
		
	voice-family: "\"}\"";   
	voice-family: inherit;
	width:100%; 
	background-color:#f0f0f0; 
	padding:5px 5px 5px 5px; 
	border:1px solid #ccc; 

	}

	#event-headleft {
	float:left; 
	padding:0px;
	
	}

	#event-headright {
	float:right; 
	text-align:right;
	padding:0px;
	
	}
	
	
	#event-clear {
	clear:both;
	margin-bottom:0px;
	height:0px;	
	}
	
	#event-desc {
	font-size:11px;	
	color:#333;
	font-family:Arial;
	line-height:15px;
	}
	
	
	#event-space {
		height:15px;
	}
 
 .contentImg {
	 width:50%; 
	 float:right;
	 margin:0 0 10px 15px;
	 border:5px solid #ccc;
	 text-align:right;
 }
 
 .cert-box {
	 border-top: 1px solid #cccccc;
	 margin: 3px 0;
	 padding: 3px 0;
	 vertical-align: middle;
	 clear:both;
	 overflow:hidden;
 }
  .cert-box-img {
	 width:100px;
	 height:80px;
	 float: left;
	 margin-right: 15px;
	 text-align:center;
 }
  .cert-box-img img {
	 max-width:100%;
	 max-height:90%;
	 vertical-align: middle;
 }
  .cert-box-date {
	 margin-top: 5px;
	 padding: 5px;
	 background-color: #eeeeee;
	 width:70px;
	 height:auto;
	 float: left;
	 margin-right: 10px;
	 text-align:center;
	 font-size: large;
	 color: #999;
	 font-weight: bold;
 }
  a.cert-box-date {
	 margin-top: 5px;
	 padding: 5px;
	 background-color: #eeeeee;
	 width:70px;
	 height:auto;
	 float: left;
	 margin-right: 10px;
	 text-align:center;
	 font-size: large;
	 color: #999;
	 font-weight: bold;
	 line-height:normal;
	 text-decoration: none;
 }
  a.cert-box-date:hover {
	 margin-top: 5px;
	 padding: 5px;
	 background-color: #777777;
	 width:70px;
	 height:auto;
	 float: left;
	 margin-right: 10px;
	 text-align:center;
	 font-size: large;
	 color: #fff;
	 font-weight: bold;
	 line-height:normal;
	 text-decoration: none;
 }
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 12px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    background-color: white;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.companyVideo {
    margin-bottom: 10px;
	padding-bottom: 56%;
    position: relative;
	height: 0;
	overflow: hidden;
}
.companyVideo iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0px;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 300px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}


.cornerQuote {
	position: fixed; 
	bottom: 20px; 
	right: 20px; 
	cursor: pointer; 
	color: #ffffff; 
	border-radius: 5px; 
	padding: 10px 30px; 
	background-color: #b32017; 
	font-size: large;
	background-image: url(/images/4-Star-Icon-washout-144.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#industryLogos > a{
	text-decoration: none;
}

.industry-logo{
	text-indent:-9999px;
	overflow: hidden;
}

.webp .industry-logo{
	background-image: url('/images/industry-logos.webp?v=2');
}

.nowebp .industry-logo{
	background-image: url('/images/industry-logos.png?v=2');
}

.industry-logo{
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: auto 60px;
    background-position-x: 0;
    display: inline-block;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid:after, .grid:before, .contentBox .contentBoxTitle, .contentBox .contentBoxBody {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*='col-'] {
  padding-right: 10px;
  padding-bottom: 10px;
}
.col-1-2 {width: 48%; float: left;}
.col-1-3 {width: 31.5%; float: left;}
.col-1-4 {width: 23%; float: left;}
.col-2-3 {width: 63%; float: left;}
[class*='col-']:last-of-type {
  padding-right: 0;
}
.mobi.phone .rwd-table td {display: block;}
.rwd-table td {display: table-cell;}
.rwd-table {width:100%;}

/*------------------------------------------
Mobile CSS - Restive.JS
-------------------------------------------*/
.mobi {}
.mobi #wrapper {width: 100%; margin:auto; text-align:left;}
.mobi #navmenu > ul li.menu-peek, .mobi #bottomShadow {display:none;}
.mobi.phone .noTablet, .mobi.phone .noPhone {display: none;}
.mobi #page-container, .mobi #industryLogos, .mobi #footerContent {width:100%;}
.mobi .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .25s ease;transition:height .25s ease}

.mobi.tablet #header {height:60px; padding:10px 5px;}
.mobi.tablet #header #headerLogo #headerLogoFull img {height: 60px;}
.mobi.tablet #navmenu {background: #696969;background-image: url(../images_interface/leadformtableback.jpg);background-position: bottom;background-repeat: repeat-x;}
.mobi.tablet #navmenu > ul > li {border-right: 1px solid #aaa; margin:0px;background: inherit;}
.mobi.tablet #navmenu > ul > li > a,
.mobi.tablet #navmenu [id^="submenu"] > ul > li > a {padding: 10px 8px;}
.mobi.tablet #navmenu > ul li.last {background: inherit; margin-right:inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.mobi.tablet #navmenu > ul li.last input#partid {width:140px; font-size: 12px;}


.mobi.phone, 
.mobi.phone #navmenu > ul > li > a,
.mobi.phone #navmenu > ul > li > a > span,
.mobi.phone p, 
.mobi.phone .regulartext, 
.mobi.phone .redtext, 
.mobi.phone .redpart, 
.mobi.phone .manuftext, 
.mobi.phone td.tddetails2, 
.mobi.phone li, 
.mobi.phone a, 
.mobi.phone a.navigation, 
.mobi.phone a.whitenavlinks, 
.mobi.phone a.graybarlinks, 
.mobi.phone a.boldlinks,
.mobi.phone a.boldlinks:hover,
.mobi.phone a.boldlinks:active,
.mobi.phone #boxheading, 
.mobi.phone .partdtls_labels,
.mobi.phone #boxheading,
.mobi.phone .prod_types_content,
.mobi.phone .sidebar-box,
.mobi.phone .bottom_box_content,
.mobi.phone #event-desc,	
.mobi.phone .mfgs_page_box_content,
.mobi.phone #home_page_box_content,
.mobi.phone .partdtls_input,
.mobi.phone .partdtls_dropdown,
.mobi.phone .topmenu a,
.mobi.phone #navmenu > ul > li > a,
.mobi.phone #navmenu > ul ul li a,
.mobi.phone .prod_types_header,
.mobi.phone .mfgs_page_box_header,
.mobi.phone .contentBox .contentBoxTitle,
.mobi.phone .contentBox .contentBoxImg,
.mobi.phone .sidebar-box-title,
.mobi.phone .bottom_box_header,
.mobi.phone #footerCopyright,
.mobi.phone #footerCopyright a, 
.mobi.phone #footerCopyright a:hover
 {font-size: 16px; line-height: 1.6em;}
.mobi.phone h1 
 {font-size: 22px; line-height: 24px;}
.mobi.phone, 
.mobi.phone p {text-align: left;}
.mobi.phone .contentImg {width:100%;}
.mobi.phone .linkList {line-height: 2em;}
.mobi.phone .centerPhone {text-align:center !important;}
.mobi.phone .collapse {display: none;}
.mobi.phone .collapse.in {display: block;}
.mobi.phone .splitRow, .mobi.phone .col-1-2 {width:100%;}
.mobi.phone .splitRow .contentBox {width:44%; float:left; margin:7px;}
.mobi.phone.tiny .splitRow .contentBox {width:inherit; margin: 7px 0px;}
.mobi.phone.tiny .splitRow .contentBox .contentBoxTitle {padding: 4px 0px;}
.mobi.phone.tiny .splitRow .contentBox .contentBoxBody {padding: 4px 0px;}
.mobi.phone #header {background: #696969; height:55px;}
.mobi.phone #headerSpacer {display:block; width: 100%;}
.mobi.phone #header #headerLogo #headerLogoFull {display:none;}
.mobi.phone #header #headerLogo #headerLogoWhite {display:block; height:100%;}
.mobi.phone #header #headerLogo #headerLogoWhite img {height:45px;padding: 5px;max-height: 100%;}
.mobi.phone #header #headerContent #headerInfo, .mobi.phone #holidayMessageWreath {display:none;}
.mobi.phone #header #headerContent #navbar-toggle {display:block;}
.mobi.phone #navmenu {}
.mobi.phone #navmenu > ul > li {float: none; background: #555555; margin: 0; padding: 5px;}
.mobi.phone #navmenu > ul > li > a {background: none;}
.mobi.phone #navmenu > ul ul {background: #444444; width:100%; border:none;position: inherit;}
.mobi.phone #navmenu > ul ul li {background: #444444;color:#ffffff;}
.mobi.phone #navmenu > ul ul li a {padding:12px 35px; color:#ffffff; border:none;}
.mobi.phone #navmenu > ul > ul:before,
.mobi.phone #navmenu > ul > ul:after {content: ''; display: table;}
.mobi.phone #navmenu > ul > ul:after {clear: both;}
.mobi.phone #maincontent #lefttext {width:100%;}
.mobi.phone #maincontent #righttext {width:100%; padding:0px;}
.mobi.phone #maincontent .textBox {width:100% !important; margin:0px 0px 10px 0px;}
.mobi.phone #maincontent #searchboxtop {width:100%; padding:4px 0px;}
.mobi.phone #maincontent #searchboxtop #searchboxtopleft {width: auto; padding:0px 5px;}
.mobi.phone #maincontent #searchboxtop #searchboxtopright {width: auto; padding:0px 5px; float:right;}
.mobi.phone #maincontent #searchboxbottom {width:100%; border:none;}
.mobi.phone .col-1-3 {width:47%;}
.mobi.phone .col-1-4 {width:45%; padding:6px;}
.mobi.phone #footerBox1 {width:49%; padding:5px 5px 10px 15px; color:white;text-align:left; float: left;}
.mobi.phone #footerBox2 {width:38%; padding:0 10px; float: left;}
.mobi.phone #footerBox3 {width:43%; padding:0 10px; float: left;}
.mobi.phone #footerBox4 {width:43%; padding:0 10px; float: left;}
.mobi.phone .pagination a.whitenavlinks {line-height: 34px;padding: 13px;}
.mobi.phone a.linkList, .mobi.phone a.linkList:hover {line-height: 34px;}
.mobi.phone .navigation{padding: 10px 0;}

.mobi.phone.tiny .col-1-3 {width:95%; margin:auto;}
.mobi.phone.tiny .col-1-4 {width:95%; margin:auto;}
.mobi.phone.tiny #footerBox1 {width:90%; padding:10px;}
.mobi.phone.tiny #footerBox2 {width:inherit; padding:0px;}
.mobi.phone.tiny #footerBox3 {width:inherit; padding:0px;}
.mobi.phone.tiny #footerBox4 {width:inherit; padding:0px;}

.mobi.phone header #hs-level-1-content .logo {text-align: center;}
.mobi.phone header #hs-level-2 {height: auto;}
.mobi.phone header nav ul.menu {height: auto;}
.mobi.phone header nav ul.menu li {float: none; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #aaa;}
.mobi footer p {font-size: 80%;}

.mobi .tablelist > br {display: none;}
.mobi .tablelist-link, 
.mobi .graybarlinks {display:block; margin-bottom: 5px; padding: 7px 10px;}


pre{	
	display:none !important;
}