body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
background-color: #FFF;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/bg.gif);
background-repeat: repeat-x;
margin: 0px;
}
#container {
width: 966px;
margin: 0px auto;
}
#header {
float: left;
display: inline;
width: 966px;
height: 114px;
}
#logo {
float: left;
display: inline;
width: 401px;
height: 111px;
}
a img {
border: 0;	
}
#distributors-login {
float: right;
display: inline;
width: 119px;
height: 20px;
margin: 0 3px 22px 0;
}
#distributors-login a {
display: block;
width: 119px;
height: 20px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/distributors-login.gif);
}
#search-box {
float: right;
display: inline;
clear: right;
height: 24px;
width: 208px;
margin: 0 3px 0 0;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/search.gif);
}
.search input#searchField {
float: left;
display: inline;
height: 20px;
width: 160px;
background: none;
border: none;
color: #73749B;
font-size: 11px;
line-height: 22px;
margin: 0;
padding: 1px 0 0 13px;
}
.search input.button {
float: right;
display: inline;
height: 24px;
width: 24px;
background: none;
border: none;
margin: 0;
text-indent: -500px;
overflow: hidden;
cursor: pointer;
}
input[type=search] {
-moz-appearance:none;
-webkit-appearance:none;
} #menu_container {
float: left;
display: inline; width: 960px;
height: 35px;
margin: 0 3px 0 0;
padding: 0 0 0 3px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/nav.gif);
background-repeat: no-repeat;
position: relative;
z-index: 300;
}
#menu_container ul {
list-style: none;
}
#menu-main-menu, #menu-main-menu ul {
float: left;
display: inline; position: relative;
width: 960px;
height: 35px;
padding: 0;
margin: 0;
}
#menu-main-menu li {
float: left;
display: inline; position: relative;
padding: 0;
margin: 0;
}
#menu-main-menu li.current-menu-item, #menu-main-menu li.current-page-ancestor {
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/nav-current.gif);
background-position: center bottom;
background-repeat: no-repeat;
}
#menu-main-menu li li.current-menu-item, #menu-main-menu li.current-page-ancestor li {
background-image: none;
}
#menu-main-menu li a {
display: block;
text-decoration: none;
margin: 0;
padding: 12px 25px 9px 24px;
line-height: 14px;
color: #282965;
font-size: 14px;
text-transform: uppercase;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/nav.gif);
background-position: right top;
background-repeat: no-repeat;
}
#menu-main-menu li a:hover {
text-decoration: none;
color: #282965;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/nav2.gif);
background-position: right top;
background-repeat: no-repeat;
}
#menu-main-menu li.item29 { display: none;	
} #menu-main-menu li ul {
position: absolute;
display: none; left: -999em;
width: 192px;
height: 0;
font-weight: normal;
margin: 0;
background-image: none;
border-top-color: #fff;
border-top-width: 1px;
border-top-style: solid;
opacity: 0.95;
}
#menu-main-menu li li {
_margin-bottom: -4px; *margin-bottom: -4px; }
#menu-main-menu li ul li a {
width: 170px;
height: 10px;
margin: 0;
padding: 12px 10px 5px 10px;
font-weight: normal;
font-size: 11px;
line-height: 1px;
color: #282965;
background-image: none;
background-color: #fff;
line-height: 0px;
border-left-color: #282965;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #282965;
border-right-width: 1px;
border-right-style: solid;
border-bottom-color: #282965;
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
}
#menu-main-menu li ul a:hover {
background-image: none;
background-color: #282965;
color: #fff;
}
#menu-main-menu li ul ul {
width: 192px;
margin: -29px 0 0 191px;
*margin: -33px 0 0 191px;
border-top-color: #282965;
border-top-width: 1px;
border-top-style: solid;
}
#menu-main-menu li li li a {
width: 170px;
float: none;
}
#menu-main-menu li li li a:hover {
width: 170px;
}
#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li.sfhover ul ul, #menu-main-menu li.sfhover ul ul ul {
left: -999em;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
left: auto;
display: block; }
#menu-main-menu li ul li.item24 ul { display: none;	
} #side-bar {
float: left;
display: inline;
width: 206px;
font-size: 11px;
line-height: 16px;
margin: 0 9px 0 0;
_margin-right: 6px;
}
.home-side-bar {
margin: 46px 9px 0 0 !important;
}
#side-bar h2 {
font-size: 12px;
font-weight: bold;
color: #282965;
margin: 0;
}
#side-bar h3 {
font-size: 11px;
margin: 0;
}
#side-bar p {
margin: 5px 0;
}
#side-bar p.date, #side-bar .date {
font-size: 10px;
color: #666666;
margin: 0;
}
.link-arrow {
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding: 0 0 0 12px;
}
#latest-news-container {
float: left;
display: inline;
width: 206px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bg.gif);
background-repeat: repeat-y;
}
#latest-news {
float: left;
display: inline;
width: 174px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/latest-news-header.gif);
background-repeat: no-repeat;
padding: 42px 16px 0px 16px;
}
#head-office {
float: left;
display: inline;
width: 174px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/head-office-header.jpg);
background-repeat: no-repeat;
padding: 52px 16px 15px 16px;
}
#latest-news p, #head-office p {
margin: 0 0 10px 0;
}
#latest-news-footer {
float: left;
display: inline;
width: 206px;
height: 15px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bottom.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
}
#strategic-partners-container {
float: left;
display: inline;
width: 206px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bg.gif);
background-repeat: repeat-y;
}
#strategic-partners {
float: left;
display: inline;
width: 174px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/strategic-partners-header.gif);
background-repeat: no-repeat;
padding: 42px 16px 0px 16px;
}
#make-enquiry {
float: left;
display: inline;
width: 174px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/make-enquiry-header.jpg);
background-repeat: no-repeat;
padding: 52px 16px 0px 16px;
}
#strategic-partners-footer {
float: left;
display: inline;
width: 206px;
height: 15px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bottom.gif);
background-repeat: no-repeat;
}
#side-testimonials-container {
float: left;
display: inline;
width: 206px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bg.gif);
background-repeat: repeat-y;
}
#side-testimonials {
float: left;
display: inline;
width: 174px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/testimonials-header.gif);
background-repeat: no-repeat;
padding: 42px 16px 0px 16px;
}
#side-testimonials-footer {
float: left;
display: inline;
width: 206px;
height: 15px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/side-box-bottom.gif);
background-repeat: no-repeat;
} #slideshow-container {
float: left;
display: inline;
width: 751px;
height: 360px;
position: relative;
margin-bottom: 10px;
}
#slideshow {
float: left;
display: inline;
width: 751px;
height: 360px;
position: absolute;
}
#slideshow h1 {
position: relative;
color: #fff;
font-size: 12px;
text-align: right;
bottom: 43px;
right: 26px;
z-index: 2000;
}
#flags {
position: absolute;
width: 200px;
height: 16px;
z-index: 100;
text-align: right;
left: 539px;
top: 17px;
}
#sect-flags {
float: right;
width: 175px;
height: 16px;
text-align: right;
margin: 17px 12px 13px 0;
}
#flags a, #sect-flags a {
margin-left: 5px;
}
#icons {
position: absolute;
width: 185px;
height: 32px;
z-index: 100;
text-align: right;
left: 0;
top: 1px;
}
#sect-icons {
float: right;
width: 185px;
height: 32px;
text-align: right;
margin: 1px 19px 13px 0;
}
#icons a, #sect-icons a {
margin: 9px 0 0 5px;
display: inline-block;
}
#crumbs {
float: left;
width: 540px;
height: 16px;
margin: 19px 0 11px 7px;
}
.breadcrumbs {
font-size: 11px;
display: block;
line-height: 12px;
margin: 0 0 12px 215px;
padding: 0;
color: #5E5F8C;
}
.breadcrumbs a {
color: #5E5F8C;
font-size: 11px;
text-decoration: underline;
}
.breadcrumbs a:hover {
color: #0871A5;
text-decoration: none;
}
#body {
position: absolute;
width: 240px;
height: 190px;
left: 478px;
top: 90px;
color: #fff;
line-height: 20px;
z-index: 200;
}
#body-container {
float: right;
width: 751px;
}
#sect-body-container {
float: right;
display: inline;
width: 751px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/sect-body-bg.gif);
background-repeat: repeat-y;
}
#sect-body {
float: left;
display: inline;
width: 701px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/sect-body-top.gif);
background-repeat: no-repeat;
padding: 25px 25px 5px 25px;
overflow: hidden;
}
#sect-body-footer {
float: right;
display: inline;
width: 751px;
height: 15px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/sect-body-bottom.gif);
background-repeat: no-repeat;
}
#body h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-transform: none;
color: #fff;
margin: 8px 0 0 0;
}
h1 {
font-size: 24px;
font-weight: normal;
color: #282965;
margin: 1px 0 15px 0;
text-transform: uppercase;
line-height: 24px;
}
.componentheading {
font-size: 24px;
font-weight: normal;
color: #282965;
margin: 1px 0 10px 0;
text-transform: uppercase;
}
#body h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
text-transform: none;
color: #fff;
margin: 8px 0 0 0;
}
h2 {
font-size: 18px;
font-weight: normal;
color: #0871A5;
margin: 20px 0 0 0;
}
h2.post-title a {
text-decoration: none;
}
h2.post-title a:hover {
text-decoration: underline;
}
.entry {
margin-bottom: 40px;
}
.contentheading {
font-size: 18px;
font-weight: normal;
color: #0871A5;
margin: 0;
padding: 10px 0 0 0;
}
h3 {
font-size: 14px;
margin: 15px 0 0 0;
font-weight: bold;
color: #0871A5;
}
h3.seo {
font-size: 12px;
margin: 15px 0 0 0;
font-weight: bold;
color: #616B89;
font-style: italic;
text-align: center;
}
#body p {
margin: 0;
}
p {
margin: 8px 0 12px 0;
}
a {
color: #0871A5;
text-decoration: underline;
}
a.contentpagetitle {
text-decoration: none;
}
a.contentpagetitle:hover {
text-decoration: underline;
}
a:hover {
color: #0871A5;
text-decoration: none;
}
#body ul, #sect-body ul {
list-style: square inside none;
}
.partner-logo {
float: left;
margin: 20px 0 0 0;
}
.partner-details {
border-left: 1px solid #D3D4DE;
margin: 20px 0 20px 140px;
padding: 0 0 0 20px;
}
.partner-details h2 {
margin: 0;
}
hr {
clear: both;
border: 0;
width: 100%;
color: #D3D4DE;
background-color: #D3D4DE;
height: 1px;
margin: 0;
}
ul.level_0 { margin: 15px 0;
}
.alignleft {
float:left;
clear: left;
margin: 5px 15px 5px 0;
}
.alignright {
float:right;
clear: right;
margin: 5px 0 5px 15px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.photo-border {
float: left;
display: inline;
border: 1px solid #DBDBDA;
padding: 4px;
background-color: #fff;
margin-bottom: 15px;
}
.photo-left {
float: left;
display: inline;
margin: 5px 15px 5px 0;
}
.photo-right {
float: right;
display: inline;
margin: 5px 0 5px 15px;
}
.photo-border-left {
float: left;
display: inline;
margin: 5px 15px 5px 0;
border: 1px solid #DBDBDA;
padding: 4px;
background-color: #fff;
}
.photo-border-right {
float: right;
display: inline;
margin: 5px 0 5px 15px;
border: 1px solid #DBDBDA;
padding: 4px;
background-color: #fff;
}
.date {
font-size: 11px;
font-style: italic;
color: #666;
} .jwts_tabbertab h3 {
display: inline !important;
}
.jwts_tabbertab {
min-height: 300px;
background-color: #fff !important;
border: 1px solid #BCD2E6 !important;
}
ul.jwts_tabbernav li a, ul.jwts_tabbernav li a:link {
font-size: 12px !important;
color: #627EB7 !important;
text-decoration: none !important;
border: 1px solid #BCD2E6 !important;
}
ul.jwts_tabbernav li.jwts_tabberactive a {
border-bottom: 1px solid white !important;
}
ul.jwts_tabbernav li a:hover {
font-size: 12px !important;
color: #627EB7 !important;
text-decoration: none !important;
}
.jwts_tabberlive {
margin: 20px 0px 0px 0px !important;
} #ctas {
float: right;
display: inline;
width: 751px;
height: 161px;
margin-bottom: 10px;
}
#ctas p {
margin: 0px;
}
#cta-applications {
float: left;
display: inline;
width: 254px;
height: 161px;
}
#cta-applications .moduletablecta {
float: left;
display: inline;
width: 254px;
height: 130px;
}
#cta-contact-us {
float: left;
display: inline;
width: 246px;
height: 161px;
}
#cta-contact-us .moduletablecta {
float: left;
display: inline;
width: 246px;
height: 130px;
}
#cta-email-updates {
float: left;
display: inline;
width: 246px;
height: 161px;
}
#cta-email-updates .moduletablecta {
float: left;
display: inline;
width: 246px;
height: 130px;
} #testimonials-container {
float: right;
display: inline;
width: 751px;
font-size: 11px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/quote-box-bg.gif);
background-repeat: repeat-y;
}
#testimonials {
float: left;
display: inline;
width: 735px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/quote-box-top.gif);
background-repeat: no-repeat;
padding: 16px 0px 0px 16px;
}
.testimonial {
float: left;
display: inline;
width: 190px;
_width: 188px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/quote.gif);
background-repeat: no-repeat;
padding: 3px 20px 5px 35px;
}
#testimonials-container p {
font-size: 11px;
line-height: 16px;
margin: 5px 0;
}
#testimonials-footer {
float: right;
display: inline;
width: 751px;
height: 15px;
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/quote-box-bottom.gif);
background-repeat: no-repeat;
}
.testimonial-link {
clear: both;
}
.home-h3 {
clear: both;
} #footer-container {
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/footer-bg.gif);
background-repeat: repeat-x;
clear: both;
height: 126px;
width: auto;
}
#footer {
color: #616B89;
font-size: 10px;
height: 57px;
margin: 0 auto;
position: relative;
width: 960px;
}
#footer p, #footer a {
color: #616B89;
text-decoration: none;
}
#footer a:hover {
color: #0871A5;
text-decoration: none;
}
#copyright {
float: left;
display: inline; width: 350px;
height: 20px;
margin: 50px 0 0 5px;
}
#footer-links {
float: right;
display: inline; text-align: right;
width: 350px;
height: 20px;
margin: 50px 5px 0 0;
}
#footer .avatar-link a {
color: #9CA6C4;
text-decoration: none;	
}
#footer .avatar-link a:hover {
color: #0871A5;
text-decoration: none;	
}
.twoj_tabs_class10 {
background-color: #F3F3F6;
} .form {
background-color: #fff;
padding: 15px 20px;
border: 1px solid #E7E7ED;
}
.form .marked-required {
color: #9F0C10;
display: inline;
font-size: 14px;
font-weight: bold;
margin: 0 5px;
}
.form .message-required {
color: #666666;
padding: 0 0 10px;
}
.code-message{
color: #404040;
font-size: 10px;
}
input[type="text"], input[type="email"], textarea {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
padding: 2px;
width: 200px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #E7E7ED;
background-color: #F3F3F6;
}
input[type="text"]:hover, .code-input:hover, select:hover {
border: 1px solid #282965;
}
select {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #E7E7ED;
padding: 2px;
background-color: #F3F3F6;
}
.button {
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
}
.code-input {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #E7E7ED;
background-color: #F3F3F6;
}
.focusField {
border: 1px solid #282965;
background-color: #FFF;
}
.wpcf7-not-valid-tip {
color: #fff;
font-size: 11px;
line-height: 18px;
background-color: #C01C1C;
text-align: left;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #F0A1A1;
opacity: 0.85;
filter: alpha(opacity = 85);
background-image: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/arrow-error.gif);
background-repeat: no-repeat;
background-position: 7px 7px;
padding-left: 19px;
padding-right: 10px;
}
.captcha-image {
float: left;
}
.form td {
padding: 3px 0;
}
td.label {
vertical-align: top;
}
input[type="text"].wpcf7-captchar {width:60px !important;}  .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             {zoom: 1;} *:first-child+html .clearfix {zoom: 1;} .leads-filter {float:left; margin:10px 0;}
.dataTables_filter,.dataTables_info  {margin:20px 0;}
.label  {display:block; float:left; width:100px;}
#menu-leads-menu  {list-style:none; padding:0; margin-bottom:20px;}
#menu-leads-menu li {float:left; margin:0 5px 0 0;}
#menu-leads-menu li.current-menu-item a {text-decoration:none;} 
@media only screen and ( max-width: 1000px ){
body {
background: transparent;
}
#container {
width: auto;
}
#header {
background: #1e1f4d;
background: linear-gradient(to bottom,#1e1f4d,#282965);
display: block;
float: none;
height: auto;
width: auto;
}
#header:after {
clear: both;
content: '';
display: table;
}
#logo {
height: auto;
width: auto;
}
#logo img {
display: block;
height: 55px;
width: 200px;
}
#distributors-login {
height: auto;
margin: 0;
width: auto;
}
#distributors-login a {
background: rgba(255,255,255,.2);
border-radius: 4px;
color: rgba(255,255,255,.7);
font-size: 10px;
height: auto;
line-height: 1;
margin: 18px 10px 0 0;
padding: 5px 8px;
text-decoration: none;
text-shadow: 1px 1px rgba(0,0,0,.2);
width: auto;
}
#distributors-login a:before {
content: 'Distributors Login';
}
#search-box {
display: none;
float: none;
height: auto;
width: auto;
} .cbp-spmenu {
position: fixed;
}
.cbp-spmenu-vertical {
width: 250px;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-right {
right: -294px;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#mobile-menu-container:before {
position: absolute;
content: 'x';
background: #d4d4d9;
color: #282965;
width: 44px;
height: 44px;
top: 0;
left: -44px;
font-size: 20px;
line-height: 44px;
text-align: center;
}
#menu_container {
background: #ddd;
background: linear-gradient(to bottom,#e8e8ea 0%,#e9e9ed 50%,#e0e1e6 51%,#d0d0d4 100%);
border-bottom: 4px solid #fff;
border-top: 4px solid #d2232b;
box-shadow: 0 0 2px rgba(0,0,0,.3);
cursor: pointer;
display: block;
float: none;
height: auto;
line-height: 1;
margin: 0 0 -10px 0;
padding: 20px 0;
-webkit-tap-highlight-color: transparent;
text-align: center;
width: auto;
}
#menu_container:active {
background: linear-gradient(to bottom,#e2e3e8 0%,#dedee4 50%,#d2d2d9 51%,#c1c1c9 100%);
}
#menu_container:before {
content: '\2630';
display: inline-block;
}
#menu_container:after {
content: 'Menu';
display: inline-block;
margin-left: 5px;
}
.menu-main-menu-container {
display: inline;
}
#menu-main-menu {
background: #e9e9ed;
border-left: 4px solid #fff;
box-shadow: 0 0 2px rgba(0,0,0,.3);
display: block;
float: none;
height: 100%;
overflow: auto;
width: 250px;
}
#menu-main-menu.active {
transform: translateX(0);
}
#menu-main-menu li {
background: transparent;
display: block;
float: none;
}
#menu-main-menu li.current-menu-item, #menu-main-menu li.current-page-ancestor {
background: transparent;
}
#menu-main-menu li a, #menu-main-menu li a:hover {
background: linear-gradient(to bottom,#e8e8ea 0%,#e9e9ed 50%,#e0e1e6 51%,#d0d0d4 100%);
border-bottom: 1px solid #fff;
border-top: 1px solid #B1B2B5;
padding: 15px 0;
}
#menu-main-menu li a:active {
background: linear-gradient(to bottom,#e2e3e8 0%,#dedee4 50%,#d2d2d9 51%,#c1c1c9 100%);
}
#menu-main-menu > li:first-child > a {
border-top: 0;
}
#menu_container > li:last-child > a {
box-shadow: 0 1px #B1B2B5;
}
#menu-main-menu li ul {
border: 0;
display: block;
float: none;
height: auto;
opacity: 1;
position: static;
width: auto;
}
#menu-main-menu li ul li a, #menu-main-menu li ul a:hover {
background: transparent;
border: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #B1B2B5;
color: #282965;
line-height: 1;
padding: 15px;
text-align: left;
width: auto;
}
#menu-main-menu li ul li a:active {
background: #E0E0E8;
}
#menu-main-menu li ul li a:before {
content: '\21B3';
display: inline-block;
margin-right: 10px;
}
#menu-main-menu li li li a:hover {
width: auto;
}
#menu-main-menu li ul ul {
border: 0;
margin: 0;
width: auto;
}
#crumbs {
display: none;
}
#sect-flags {
display: none;
}
#sect-icons {
display: none;
}
#slideshow {
position: static;
}
#slideshow h1 {
display: none;
}
#sect-body-container {
background: transparent;
display: block;
float: none;
margin-top: 20px;
padding: 0 10px;
width: auto;
}
#sect-body {
background: #F3F3F6;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0,0,0,.3);
display: block;
float: none;
margin-bottom: 10px;
padding: 15px;
width: auto;
}
#sect-body h1 {
font-size: 16px;
font-weight: bold;
line-height: 1.25;
}
#sect-body ul {
padding: 0;
}
#sect-body img {
box-sizing: border-box;
clear: both;
display: block !important;
float: none !important;
height: auto;
margin: 10px auto !important;
max-width: 100%;
width: auto;
}
#sect-body object, #sect-body embed {
display: none;
}
#sect-body hr {
margin: 15px 0;
}
#sect-body .field {
position: relative;
}
#sect-body .marked-required {
padding: 3px 0;
position: absolute;
right: 0;
top: 0;
}
#sect-body select {
display: block;
padding: 10px;
width: 100%;
}
input[type="text"], input[type="email"], textarea {
box-sizing: border-box;
font: inherit;
padding: 10px;
width: 100%;
}
#sect-body input[type='submit'] {
background: #0871A5;
border: 0;
border-radius: 4px;
color: #fff;
display: block;
font: inherit;
margin-top: 20px;
padding: 15px 0;
text-align: center;
width: 100%;
}
#sect-body table {
display: block;
height: auto !important;
width: auto !important;
}
#sect-body tbody {
display: block;
}
#sect-body tr {
display: block;
}
#sect-body td {
display: block;
height: auto !important;
width: auto !important;
}
#sect-body .youtube {
background: #000;
display: block;
padding-top: 56.25%;
position: relative;
}
#sect-body .youtube iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#sect-body .jcepopup {
float: none !important;
height: auto !important;
width: auto !important;
}
#sect-body .jwts_tabberlive {
}
#sect-body ul.jwts_tabbernav {
display: block;
}
#sect-body ul.jwts_tabbernav li {
display: block;
}
#sect-body ul.jwts_tabbernav li a, #sect-body ul.jwts_tabbernav li a:link {
border-bottom: 0 !important;
display: block;
margin: 0;
padding: 10px;
}
#sect-body .jwts_tabberlive .jwts_tabbertab {
margin: 0;
}
#sect-body .jwts_tabbertab table {
display: block;
}
#sect-body .jwts_tabbertab tr {
display: block;
}
#sect-body .jwts_tabbertab td {
display: block;
}
#sect-body-footer {
background: transparent;
display: none;
}
.partner-details {
border: 0;
margin: 0;
padding: 0;
}
#body-container {
float: none;
width: auto;
}
#slideshow-container {
display: block;
height: auto;
float: none;
padding: 0 5px;
width: auto;
}
#slideshow {
display: block;
float: none;
height: auto;
margin-bottom: 10px;
width: auto;
}
.innerfade {
height: auto !important;
padding-top: 47.93608%;
}
#slideshow div, #slideshow img {
height: auto;
top: 0;
width: 100%;
}
#flags {
display: none;
}
#icons {
display: none;
}
#icons {
top: 10px;
display: block;
height: auto;
left: 0;
position: absolute;
width: auto;
}
#body {
background: #F3F3F6;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0,0,0,.3);
color: #282965;
height: auto;
left: auto;
margin: 0 5px;
padding: 15px;
position: relative;
top: auto;
width: auto;
}
#body h1:first-child {
left: 65%;
margin: -34% 0 0 0;
position: absolute;
top: 0;
width: 30%;
}
#body h2 {
color: inherit;
font-size: 14px;
margin: 0 0 8px 0;
}
#ctas {
display: none;
}
#testimonials-container {
background: transparent;
display: block;
float: none;
margin-bottom: 10px;
padding: 0 10px;
width: auto;
}
#testimonials {
background: #F3F3F6;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0,0,0,.3);
display: block;
float: none;
padding: 15px;
width: auto;
}
.testimonial {
background-size: 13px 11px;
display: block;
float: none;
margin-bottom: 15px;
padding: 0 0 0 20px;
width: auto;
}
#testimonials-footer {
background: transparent;
display: none;
}
#side-bar {
display: block;
float: none;
margin: 0 !important;
width: auto;
}
#latest-news-container {
background: transparent;
display: block;
float: none;
margin-bottom: 10px;
padding: 0 10px;
width: auto;
}
#latest-news, #head-office {
background: #F3F3F6;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0,0,0,.3);
display: block;
float: none;
padding: 15px;
width: auto;
}
#latest-news:before {
background: #222E58;
border-radius: 4px 4px 0 0;
color: #fff;
content: 'Latest News';
display: block;
font-size: 1em;
margin: -15px -15px 10px -15px;
padding: 8px 15px;
text-transform: uppercase;
}
#head-office:before {
background: #222E58;
border-radius: 4px 4px 0 0;
color: #fff;
content: 'Head Office';
display: block;
font-size: 1em;
margin: -15px -15px 10px -15px;
padding: 8px 15px;
text-transform: uppercase;
}
#latest-news img, #head-office img {
display: block;
margin: 10px auto 0 auto;
}
#latest-news-footer {
background: transparent;
display: none;
}
#strategic-partners-container {
background: transparent;
display: block;
float: none;
margin-bottom: 10px;
padding: 0 10px;
width: auto;
}
#strategic-partners, #make-enquiry {
background: #F3F3F6;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0,0,0,.3);
display: block;
float: none;
padding: 15px;
width: auto;
}
#strategic-partners:before, #make-enquiry:before {
background: #222E58;
border-radius: 4px 4px 0 0;
color: #fff;
content: 'Make an Enquiry';
display: block;
font-size: 1em;
margin: -15px -15px 10px -15px;
padding: 8px 15px;
text-transform: uppercase;
}
#strategic-partners-footer {
background: transparent;
display: none;
}
#footer-container {
background: transparent;
height: auto;
}
#footer {
height: auto;
padding: 15px;
width: auto;
}
#copyright {
display: block;
float: none;
height: auto;
margin: 0;
width: auto;
}
#footer-links {
display: block;
float: none;
height: auto;
margin: 0;
text-align: left;
width: auto;
}
#footer p {
margin: 0;
}
#footer p, #footer a {
color: #99A0B7;
}
}
.main-form input[type="text"], .main-form input[type="email"], .main-form textarea {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
padding: 6px;
width: 91%;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E3E3E3;
background-color: #fff;
margin-bottom:8px;
}
.main-form select , select#countries{
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E3E3E3;
padding: 6px; 
width: 99%;
background-color: #fff;
margin-bottom:8px;
}
@media(max-width:768px){
.main-form select{
width: 91%;
}
}
.main-form input[type="submit"] {
background:#d2232b;
width:100%;
text-align:center;
color:#fff;
padding: 15px 0;
text-transform: uppercase;
border:none;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size:14px;
cursor: pointer;	
}
#side-bar .main-form p {
margin:0 0 17px;
}
h1.select-country {
float:left;
width:auto;
margin: 5px 3% 0 0;
}
form#category-select {
float:left;
width: 65%;
}
@media(max-width:414px){
form#category-select {
width: 100%;
margin-top: 10px;
}
}
.main-form-top {
margin-top:35px;
}
.world-map {
background:#fff;
position:relative;
}
@media(max-width:414px){
.world-map {
display:none;
}
}
.marker {
position:absolute;
background:url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/marker.png) no-repeat 0 0;
width:24px;
height:34px;
cursor:pointer;
}
.brazil {
margin: -171px 0 0 227px;
}
.nz {
margin: -96px 0 0 705px;
}
.aus {
margin: -148px 0 0 591px;
}
.malaysia {
margin: -236px 0 0 564px;
}
.china {
margin: -282px 0 0 588px;
}
.europe {
margin: -345px 0 0 342px;
}
.marker-hover:before {
content:'';
background:url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/hover-arrow.png) no-repeat 0 0;
width:18px;
height:32px;
position:absolute;
left:-18px;
}
.marker-hover {
display: none;
background: url(//www.steelbro.com/wp-content/themes/SteelbroTheme/images/hover-bg.png) repeat-x 0 0;
height: 32px;
line-height: 32px;
color: #fff;
text-transform: uppercase;
position: absolute;
left: 42px;
top: 2px;
padding: 0 10px 0 7px;
width:auto;
}
.brazil .marker-hover {
width: 110px;
}
.nz .marker-hover {
width: 160px;
}
.aus .marker-hover {
width: 140px;
}
.malaysia .marker-hover {
width: 130px;
}
.china .marker-hover {
width: 110px;
}
.europe .marker-hover {
width: 125px;
}
.marker:hover .marker-hover {
display:block;
}
.office-details {
color:#282965;
margin: 40px 0;
}
.office {
width: 30%;
float: left;
height: 170px;
margin-right: 5%;
}
@media(max-width:414px){
.office {
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 20px;
}
}
.office:nth-of-type(3), .office:nth-of-type(6) {
margin-right:0;
}
.office h4 {
text-transform:uppercase;
font-size:14px;
font-weight:bold;
margin:0;
}
h1.country-title {
float:left;
}
#category-select.tax {
float:right;
width:55%;
}
@media(max-width:414px){
#category-select.tax {
float: left;
width: 100%;
}
}
.info-box {
width: 26.5%;
float: left;
margin-right: 2.4%;
margin-bottom: 20px;
padding: 15px;
background: #fafafa;
min-height:320px;
height:auto;
position:relative;
}
@media(max-width:414px){
.info-box {
width: 87%;
margin-right: 0;
margin-bottom: 20px;
padding: 15px;
min-height:auto;
}
#sect-body .info-box img {
margin: 10px 0 !important;
}
}
@media(max-width:320px){
.info-box {
width: 83%;
}
#sect-body .info-box img {
margin: 10px 0 20px !important;
}
} .info-box.sa {
position:relative;
min-height:320px;
height:auto;
}
@media(max-width:414px){
.info-box.sa {
min-height:auto;
}
}
.dsa-details {
}
.dsa-details  {
color:#282965;
padding-bottom: 60px !important;
padding-right: 0px !important;
width: 726px !important;
}
@media(max-width:414px){
.dsa-details  {
width: auto !important;
}
}
.dsa-details h2 {
color:#282965;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:20px;
}
.info-box img {
width: auto;
margin-bottom: 30px;
max-width: 100%;
max-height: 70px;
}
.dsa-details p {
margin: 0;
}
.dsa-details p.territory {
color:#282965;
font-weight:bold;
text-transform:uppercase;
}
.dsa-details .enquiry-btn { background: #0a71a2; background: -moz-linear-gradient(top, #0a71a2 0%, #165b7e 100%); background: -webkit-linear-gradient(top, #0a71a2 0%,#165b7e 100%); background: linear-gradient(to bottom, #0a71a2 0%,#165b7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a71a2', endColorstr='#165b7e',GradientType=0 ); text-align: center;
color: #fff;
padding: 12px 0;
text-transform: uppercase;
border: none;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
cursor: pointer;
display: block;
margin-top: 20px;
text-decoration: none;
width: 70%;
position:absolute;
bottom: 10px;
left: 10px;
}
@media(max-width:414px){
.dsa-details .enquiry-btn {
position:static;
margin-top:20px;
}
}
#fancybox-outer {
padding: 10px 20px;
}
.popup-enquiry h2 {
color: #282965;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.popup-enquiry input[type="text"], .popup-enquiry input[type="email"], .popup-enquiry textarea {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
padding: 6px;
width: 94%;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E3E3E3;
background-color: #fff;
margin-bottom: 8px;
}
.popup-enquiry select {
color: #404040;
font-family: Tahoma,Arial,Sans-serif;
font-size: 11px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #E3E3E3;
padding: 6px;
width: 99%;
background-color: #fff;
margin-bottom: 8px;
}
.popup-enquiry input[type="submit"] {
background: #d2232b;
width: 100%;
text-align: center;
color: #fff;
padding: 15px 0;
text-transform: uppercase;
border: none;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
@media(max-width:414px){
#fancybox-outer {
width: 90%!important;
}
}