@charset "gb2312";
/* --------- COLORS --------- 

#E37222 - BLY Orange

#4D4D4D - Gray (Darkest) - headings, navigation rollovers

#898989 - Gray - main text

#C2C2C2 - Gray - lighter gray text

#F2F2F2 - Gray (Lightest) - accent lines



 --------- IMAGE DIMENSIONS --------- 



Homepage - Main - 960px x 500px

Homepage - News Widget - 80px x 80px

Homepage - Featured Product Widget - 300px x 174px



 --------- GRID SIZES --------- 

 

 - 960px grid 

 - 10px left & right sizes

 - 12 columns



 60px -  1 column

140px -  2 column

220px -  3 column

300px -  4 column

380px -  5 column

460px -  6 column 

540px -  7 column

620px -  8 column

700px -  9 column

860px - 10 column

940px - 10 column



--------- WEBFONTS --------- 

 - http://www.fonts.com/font/font-bureau/agency-fb/bold/web-font

 - font-family:'Agency FB W00 Bold',Tahoma, Geneva, sans-serif;

*/



/* --------- MAIN STYLES --------- */ 



@font-face{font-family:"À¼Í¤ºÚ GBK"; src:url("../../font/À¼Í¤ºÚ GBK.TTF");}
@font-face{font-family:"À¼Í¤ÌØºÚ¼ò"; src:url("../../font/À¼Í¤ÌØºÚ¼ò.TTF"); }
@font-face{font-family:"À¼Í¤Ï¸ºÚ GBK"; src:url("../../font/À¼Í¤Ï¸ºÚ GBK.TTF");}



body { margin:0; padding:0;  font-size:14px; color:#898989; line-height:1.4em; min-width: 960px; }




hr { border: 0; color: #F2F2F2; background-color: #F2F2F2; height: 2px; margin:20px 0; }



.smalltext {color: #999; font-size: 0.9em;}




.spin { text-align: center; }

.spin:after { content: '' !important;  }

img { border:none; }

.clearfix { clear:both; }

.nowrap {white-space:nowrap;}

.foo:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#maincontain { width:960px; margin:0 auto; padding:0; line-height:1.4em; }

#maincontain:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#wpstats { display:none; }



.intro { margin:20px 0; padding-bottom:20px; border-bottom:5px solid #F2F2F2;}

.intro:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.intro h3:first-child, .intro h1:first-child, .intro p:first-child { margin-top:5;} /* there is probably a more elegant way to write this with selectors */



.intro .text {float:left; width:460px;}

.intro .text h1 .tm { top:-17px; font-size:.5em; position:relative;  }

.intro .catalog {float:right; width:170px; position:relative; line-height:1em;}

.intro .catalog p { clear:both; }

.intro .catalog img {width:100px;}

.intro .catalog .icon-pdf-lg {position:absolute; top:58px; left:90px;}

.catalog {float:right; width:170px; position:relative; line-height:1em;}

.catalog img {width:100px;}

.catalog .icon-pdf-lg {position:absolute; top:40px; left:90px;}







/* --------- HEADER & NAVIGATION --------- */ 

#header {width:960px; margin:0 auto 6px auto;}

#header:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#logo a {background:url(images/boartlongyear-logo.png); display:block; width:254px; height:52px; margin:49px 0 0 10px; float:left;}

#toprightcol {width:310px; float:right;} /*top nav with investors, careers, etc / search bar / languages */



#topnav {background: #898989; color:#FFF; float:right; width:310px; font-size:13px; height:38px;   text-align: center;}

#topnav ul {margin:0; padding:9px 7px 12px 7px; display:inline-block;white-space: nowrap;}

#topnav li {display:inline-block; border-right: 1px solid rgb(255,255,255); border-right: 1px solid rgba(255,255,255,0.5); padding-left:14px; padding-right:14px;width: -webkit-fit-content;

       width: -moz-fit-content;

            width: fit-content;}

#topnav li:last-child {border-right: none;}

#topnav a { color:#FFF; text-decoration:none;}

#topnav a:hover { text-decoration:underline;}

#topnav:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#toprightcol .searchbar {margin-top:68px;}



.searchbar { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* border radius */

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	background-color: #F2F2F2; /* layer fill content */

	padding:1px 0 1px 3px;

	}

.searchbar:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.searchbar input {padding:4px; font-size:13px; width: 275px; float:left; color:#c2c2c2; outline:none; border:0; background:#F2F2F2; font-style:italic;}

.searchbar input:hover, #footer .searchbar input:hover {background:#FFF; color:#898989; outline:none;border:0; font-style:normal;}

.searchbar .icon-magnifyingglass {float:right; font-size:1.2em; padding:5px 8px 5px 5px; color:#c2c2c2;}



#toporangestripe {width:100%; display:block; background:#E37222; height:8px;}



.languages { font-size:10px; margin:10px 0;}

.languages a {color:rgb(137,137,137);color:rgba(137,137,137,0.7); text-decoration:none; }

.languages ul {margin:5px 0 0 0; padding:0; text-align:right;}

.languages li {display:inline; border-right: 1px solid rgb(137,137,137);border-right: 1px solid rgba(137,137,137,0.7); margin-right:3px; padding-right:6px;  }

.languages li:last-child {border-right: none; margin-right:0; padding-right:0;}



/* #menu-item-1778 .menulist { display:block !important;} */

#navcontain {background:#F2F2F2; margin:5px 0; height:35px; position:relative; }

#navigation { margin:0 auto; color:#4D4D4D; text-align:center }

#navigation #main-nav { padding:0; margin:0; list-style:none; display:inline-block;  position:relative;}

/* #navigation li:last-child, #navigation a:last-child  {float:right; margin-right:0; } */

#navigation .nolink {color:#898989; }

#navigation a { color:#4D4D4D;  text-decoration:none;  padding:8px 20px; /* margin-right:2px;  */}

#navigation a:hover  { background-color:#4D4D4D; color:#F2F2F2; padding-bottom:15px; }

#navigation a.selected, #navigation .current_page_item >a, #navigation .current-page-parent >a, #navigation .current-page-ancestor > a  { background-color:#4D4D4D; color:#F2F2F2;  }

#navigation .menulist a { background-color: #fff; color:#4d4d4d;}

#navigation .menulist img { width:initial;}

#navigation .menulist .current-menu-item > a { color:#E37222;}

#navigation:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#navigation .menulist { display:none; position:absolute; text-align: left; left:-10px; top:40px;border:1px solid #898989; background:#FFF; width:960px; z-index:501;  margin:0 auto; padding:20px 40px;}

#navigation .menulist h1 { margin-bottom: 20px; margin-top: 10px; }

#navigation .sub-menu0 { display:block;  position:relative; width:630px; float:left;}

#navigation .sub-menu0 .column { margin-right: 0 !important; }

#navigation .sub-menu0 li.nospacer { border: none; padding-bottom:0 !important; }

#navigation .sub-menu0 li { padding-bottom: 20px !important; margin-top:20px; }

#navigation .sub-menu0 li:first-child { margin-top:0 !important;}

#navigation .menulist .col { width:210px; }

#navigation .sub-menu0 .column li:first-child { border: none !important; padding-bottom:0 !important; }

#navigation .sub-menu1 { display:block; padding-top:5px; padding-left:0;}

#navigation .sub-menu1 li { padding-bottom:2px !important; margin-top:0 !important;}

#navigation .sub-menu2 { display:none; position:relative; }



#navigation .sub-menu0 li.nospacer h2 { margin-bottom:0; }



#navigation ul li ul li { font-size:12px; margin-right:30px; float:none !important; display:list-item !important; height: initial !important; margin-top:5px;}

#navigation ul li ul li a:hover {color:#E37222; background-color:#fff; }

#navigation ul li ul li a { padding:0; white-space: nowrap;}



#navigation ul li ul li ul {width:160px; border: none; position:reltiave;  clear:both;}

#navigation ul li ul li ul li a {color:#898989; padding:0;

-o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; transition:.1s; } /* speed up transition in the dropdown */





.navigation-dropdown:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.navigation-dropdown .col {width:160px; float:left; margin-right:50px;}

.navigation-dropdown .col:last-child {float:right; border-left:2px solid #f2f2f2; width:230px; margin-right:0; padding-left:30px;}

.navigation-dropdown .col:last-child img{width:200px; padding:0 0 0 0 !important;}

.navigation-dropdown .col:last-child li {margin-left:0 !important;}



#navigation .col-tripleexpand {width:668px; float:right;  }

#navigation .col-tripleexpand img{width:auto; position:relative; top:-40px;}

#navigation .colright ul li { padding: 15px 0 !important; border-top: none; }

.navigation-dropdown .icon-pdf {position:relative; top:-57px; left:45px;}



.icon-pdf {background:url(/wp-content/themes/bly/images/icon-pdf.png); width:33px; height:30px; }

.icon-pdf-lg {background:url(/wp-content/themes/bly/images/icon-pdf-large.png); width:50px; height:45px;}



.navigation-dropdown .textwidget a {padding:0 !important; display:block;}

.navigation-dropdown .textwidget li {display:block;}





/* ---------- LIST TYPES -----------*/



/* display lists in a mneu - dropdown, footer and downloads section */

.menulist {line-height:normal;}

.menulist h1 {font-size:18px; margin-bottom:30px; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:normal;}

.menulist h2 {font-size:16px; margin-top:0; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:normal;}

.menulist h2 a {color:#4D4D4D;  } 

.menulist img {width:60px; padding:10px;}

.menulist img.withpdficon {width:auto; padding:10px;}

.menulist ul {list-style:none;  position:relative; padding:0; margin:0; }

.menulist li {font-weight: bold; padding-bottom:20px; margin-top:20px; border-bottom:2px solid #f2f2f2;}

.menulist li a {color:#4d4d4d; text-decoration:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } 

.menulist li a:hover {color:#E37222;} 

.menulist li ul li {font-weight: normal; padding-bottom:0; margin-top:0; border-bottom:none; padding:2px 0; }

.menulist li ul li a {color:#898989;  } 

.menulist li ul li ul li {padding:2px 0 2px 10px; }

/* .menulist li ul li ul li a{color:red;} */

.menulist li:last-child {border-bottom:none !important; }

.menulist li:first-child {margin-top:0px; }



/* display multiple items in a grid - overview page */

.itemgrid ul {margin:40px 0; padding:0; list-style:none; }

.itemgrid li a {color:#4D4D4D;}

.itemgrid li {width:200px; margin-right:53px; float:left; height:315px; margin-bottom:20px; overflow:hidden; font-weight:bold; font-size:18px; color:#4d4d4d; line-height:1.3em; }

.itemgrid li:nth-child(4n+4) {float:right; margin-right:0;}

.itemgrid li img {width:200px; margin-bottom:10px;}

.itemgrid li ul {margin: 0}

.itemgrid li ul li {font-size:13px; font-weight:normal; margin-top:5px; height:70px; overflow:hidden; }/* height and overflow hidden are to control how much text can be entered */



/* display multiple items in a grid list - category page */

.itemgridlist { margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #898989; line-height:1.1em;}

.itemgridlist:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.itemgridlist ul {margin:0; padding:0; list-style:none; color:#898989;}

.itemgridlist li {width:310px;float:left;  height:80px; margin-bottom:20px; overflow:hidden; font-size:13px; color:#898989; }

.itemgridlist strong {color:#4d4d4d; line-height: 1.7em;}

.itemgridlist li:nth-child(2n+2) {float:right; margin-right:0;}

.itemgridlist li img {width:80px; margin-right:15px; float:left;}



/* display gray text on info pages */

.list-graytext {color:#898989; font-size:13px; line-height:1.4em;}

.list-graytext ul {list-style:none; padding:0 !important; margin:0 !important; }

.list-graytext li {font-weight: bold; text-transform:uppercase; margin-bottom:20px !important;}

.list-graytext li ul li {font-weight: normal; text-transform:none;}



/* display profiles, couldn't reliably get these into a list, so they are a little different */

.profiles .intro {margin-bottom:10px !important;}

.profiles p{margin-bottom:5px;}

.list-profiles { line-height:1.1em;}

.list-profiles:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.profile {height:180px; padding-bottom:10px;margin-bottom:10px; font-size:13px; overflow:hidden; color:#898989;border-bottom:1px solid #F2F2F2; position:relative;

}

.profile .bottom { position: absolute;bottom: 0;right: 0; width: 570px;  padding:5px 0 15px 20px; height:60px; 

background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC45OSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */

background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 59.74%, rgba(255,255,255,.99) 60.01%, rgba(255,255,255,0) 100%); /* gradient overlay */

background-image: -o-linear-gradient(bottom, #fff 0%, #fff 59.74%, rgba(255,255,255,.99) 60.01%, rgba(255,255,255,0) 100%); /* gradient overlay */

background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 59.74%, rgba(255,255,255,.99) 60.01%, rgba(255,255,255,0) 100%); /* gradient overlay */

background-image: linear-gradient(bottom, #fff 0%, #fff 59.74%, rgba(255,255,255,.99) 60.01%, rgba(255,255,255,0) 100%); /* gradient overlay */

}

.profile .bottom a { position: absolute; bottom:15px;}

.profile:last-child {border-bottom:none;}

.profile h1 {font-size:15px; line-height:1.2em; color:#4D4D4D; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0 !important;}

.profile p { margin-top:0; line-height:15px; padding-left:160px;}



.profile img {width:140px; height:140px; margin-right:20px; margin-bottom:20px; float:left;}





/* display list of press releases - uses a tablet */

.list-pressreleases {color:#898989; font-size:13px; line-height:1.4em;}

.list-pressreleases strong{color:#4D4D4D; }

.list-pressreleases td {vertical-align:top; padding-bottom:20px;}

.list-pressreleases td:nth-child(odd) {width:100px;}

.list-pressreleases td:nth-child(even) {}

.list-pressreleases td.bibimg img { width:80px; }

/* ----- GET INFO is an include for contact sales rep and download a brochure */

.getinfo .icon-user,  .getinfo .icon-book {color:#E37222; float:left; margin-right:5px;}

.getinfo a {text-transform:uppercase; color:#E37222; }

.getinfo a:hover {text-decoration:underline;}

.getinfo .icon-user {font-size:20px; position:relative; top:-5px;}

.getinfo .icon-book { padding:0 2px 0 3px;}

.getinfo ul { padding:0; margin:0; list-style:none;}

.getinfo li { padding:0; margin:0 0 5px 0; font-weight:normal; border:none; font-size:14px;}





/* --------- FOOTER --------- */ 

#footercontain {  background:#4d4d4d; margin-top:20px; padding:40px 0; position:relative; z-index:10; }

#footercontain:after { content: ".";display: block;height: 0;clear: both; visibility: hidden;}



#footer {width:960px; min-width:960px; margin:0 auto; color:#FFF; }



#footer .col {float:left; margin-right:80px; width:180px;}

#footer .col:last-child {float:right; margin-right:0; }



#footer .menulist li {border-bottom:1px solid #898989;}

#footer .menulist li a {color:#FFF; } 

#footer .menulist li a:hover {color:#E37222;} 



#footer .menulist li ul li {border-bottom:none;  }

#footer .menulist li ul li a {color:#c2c2c2;  } 



#footer .socialmedia ul {color:#C2C2C2; font-size:20px; margin:10px 0 30px;}

#footer .socialmedia ul div {float:left; margin-right:10px;/* color: #c2c2c2; */}

/* #footer .socialmedia ul div:hover {color:#E37222;} */

#footer .socialmedia .icon-feed {color:#C2C2C2;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}

#footer .socialmedia .icon-facebook {color:#C2C2C2;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}

#footer .socialmedia .icon-twitter {color:#C2C2C2;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}

#footer .socialmedia .icon-youtube-2 {color:#C2C2C2;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}

#footer .socialmedia ul .icon-youtube {font-size:24px; position:relative; top:-1px;}

#footer .socialmedia .icon-feed:hover {color:#E37222;}

#footer .socialmedia .icon-facebook:hover {color:#3B5998;}

#footer .socialmedia .icon-twitter:hover {color:#00aced;}

#footer .socialmedia .icon-youtube-2:hover {color:#dd4b39;}



#footer .socialmedia ul li { margin-lett:0; padding-left:0; padding-top:0; padding-bottom:0;}





#footer .getinfo li { padding:0; margin:0 0 10px 0; font-weight:normal; border:none; font-size:14px;}

#footer .getinfo a {text-transform:uppercase; color:#E37222; display:block; }

#footer .getinfo a:hover {text-decoration:underline;}



#footer .searchbar { background-color: #898989; width:180px; margin-top:30px; }



.copyright {margin-top:425px; font-size:0.8em; color:#999; line-height:normal;}

.copyright a {color:#999;}



/* --------- HOMEPAGE --------- */ 

#outerimagecontain { width:100%; overflow-x: hidden;}

#mainimagecontain {  position:relative; width:1020px; margin:0 auto; }

#mainimagecontain #homepageimg { list-style: none; margin-left:0; width:65000px; height:500px; position:relative; overflow-y:hidden;}

#mainimagecontain #homepageimg li { display:inline-block;  }

#mainimagecontain #homepageimg a { color:rgba(255,255,255,0.8); font-size:0.9em;}

#mainimagecontain #homepageimg h1 a { color:#FFF; }

#mainimagecontain #homepageimg h2 a { color:#4D4D4D; }

.mainimage { background: no-repeat top center; height:500px;

	position:relative;

	width:1020px; height:500px;

/*

	margin:0 auto;

	border-left:5px solid #FFF;

	border-right:5px solid #FFF;

*/

	}

#dots { position:absolute; color:#FFF; bottom:20px; right:20px; font-size:10px; z-index:500; }

#dots .icon-circle { float:left; margin-right:10px; cursor: pointer;}

#dots .selected { color:#E37222;}

.textbox {position:absolute; top:50px; left:0; width:234px; height: 160px; font-size:14px; overflow:hidden; background: #e60020; padding:10px 20px 0 5px; color:#FFF; line-height:1.4em; }

.textbox h1 { margin-top: 0; color: #FFF; font-weight: bold; font-size:26px; margin-bottom:0px; line-height: 40px; font-family:"À¼Í¤ÌØºÚ¼ò";}

.textbox h2 { text-transform: uppercase; font-size:20px; text-transform: none;  margin-top:0px; margin-bottom:15px;line-height:22px; color:#fff; font-family:"À¼Í¤ºÚ GBK";}

.textbox .tm { position: relative; font-size:.7em; top:-11px; }

.textbox strong,.textbox h1 strong { font-weight: normal; color:#4D4D4D; }

.textbox p{ font-size:10px;  font-family:"À¼Í¤Ï¸ºÚ GBK";}

.textbox p.subhead {  position:relative; top:-15px;}

.textbox p.small { font-size:12px;}

.textbox p.talkingpoint { font-family: 'Agency FB W00 Bold', Tahoma, Geneva, sans-serif; font-size:12px;}

.textbox p.talkingpoint strong { font-size:12px;}

/* .textbox ul { width:inherit !important; height:inherit !important; overflow-y:inherit !important; clear:both;} */

.textbox ul li { display:block !important;} 

#homepagewidgets {width:960px; margin:30px auto; line-height:normal;}

#homepagewidgets:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.col {float:left; margin-right:30px; width:300px;}

.col:last-child {margin-right:0; float:right;}



/* --------- WIDGETS ---------- */

.widget {}



.stockticker { padding-top:5px; font-weight:bold; border-bottom:8px solid #F2F2F2; padding-bottom:14px;}

.stockticker span {font-size:0.8em; font-weight:normal;}

/*.stockticker .icon-stats {background-color: #E37222; color:#FFF; padding:4px; float:left; margin-right:10px; font-size:16px; position:relative; top:-5px;}

*/.stockticker .icon-stats {color:#E37222; padding:0; float:left; margin-right:10px; font-size:20px; position:relative; top:-5px;}

.stockticker a { color:#898989; text-decoration:none;}

.stockticker a:hover {color:#E37222; text-decoration:underline;  }





.news {width:300px;}

.news .header {width:80px; float:left; margin-right:20px;}

.news .text {width:200px; float:right;}

.news h1 {margin:17px 0 13px 0;}

.news .text h2 {font-size:14px; margin-top:16px; }

.news p { margin:5px 0 0 0;}



.featuredproduct { background: #F2F2F2; height:280px;}

.featuredproduct .text {padding:0 20px}

.featuredproduct .text h1 {margin:16px 0 0 0;}

.featuredproduct .text p { margin:6px 0 0 0;}

.featuredproduct .featuredproductimage img { height:174px !important; }

.enviro { background: #F2F2F2; height:280px; padding:20px; }

.enviro h1 {margin: 0 5px 10px 0; width:145px; float:left; line-height:1em;}

.enviro h2 {font-size:14px;}

.enviro .icon-leaf {float:left; font-size:34px; color:#4D4D4D; position:relative; top:3px; left:-19px; opacity:0.9; }

.enviro h2:before { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.enviro img {width:60px; margin:3px 10px 20px 0; float:left;}

.enviro p { margin:6px 0 0 0;}





/* --------- TEMPLATE - LEFT NAV -------*/

#leftnavwrapper { position:absolute; }

#leftnavwrapper.fixed { position:fixed; top:0; }

#leftnav {float:left; width:200px; margin-top:20px; margin-left:10px; position:relative;}

#leftnav h1 { font-size:22px; color:#4D4D4D; border-bottom:2px solid #E37222; margin-bottom:20px; padding-bottom:20px;}

#leftnav a { color:#4d4d4d; text-decoration:none;

  -o-transition:.3s;

  -ms-transition:.3s;

  -moz-transition:.3s;

  -webkit-transition:.3s;

  transition:.3s; } 



#leftnav ul {list-style:none; padding:0; margin:0;}

#leftnav li {font-weight: bold; padding-bottom:15px; margin-top:15px; border-bottom:1px solid #C2C2C2;}

#leftnav li ul {padding:5px 0 5px 10px;}

#leftnav li ul li {font-weight: normal; margin-top:0; border-bottom:none; padding:2px 0 ; }

#leftnav li ul li a{color:#898989;}

#leftnav li:last-child {border-bottom:none; }

#leftnav li.subhead { font-size:16px; border:none; margin-bottom:0px; padding-bottom:0; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:normal;}

#leftnav a:hover, #leftnav .selected a, #leftnav li.current-menu-item > a:first-child {color:#E37222;} 



#leftnav .sub-menu { display:none; }

/* ---------- INFO PAGE ----------- */

#infopage {color:#4D4D4D; width:960px; margin:0 auto;}

#infopage:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#infopage #maincontain {float:right; width:710px;margin-top:30px; }

#infopage #maincontain img:first-child{ margin-top:-14px; margin-bottom:10px; }



#infopage .intro {margin-top:0px;}

#infopage .intro p { margin:15px 0; }



#infopage  #maincontain p {margin-bottom:10px;}

#infopage  #maincontain h4 {margin-top:20px;}

#infopage  #maincontain ul {margin: 20px 20px 20px 40px}

#infopage  #maincontain li {margin-bottom:5px;}



#infopage.pressroom h3 { margin-bottom:15px; }



#infopage.pressroom .icon-feed {color:#E37222;font-size:18px; margin-right:5px; position:relative; top:2px;}

#infopage.pressroom .icon-twitter {color:#00aced;font-size:18px; margin-right:5px; position:relative; top:2px;}

#infopage.pressroom .icon-youtube-2 {color:#dd4b39;font-size:18px; margin-right:5px; position:relative; top:2px;}

#infopage.pressroom .list-pressreleases {color:#898989; font-size:13px; line-height:1.4em;}

#infopage.pressroom .list-pressreleases strong{color:#4D4D4D; }

#infopage.pressroom .list-pressreleases {vertical-align:top; padding-bottom:20px;}

#infopage.pressroom .list-pressreleases .bibimg img { width:80px; }

#infopage.pressroom .list-pressreleases .postinfo { margin-left:100px;}

#infopage.pressroom .list-pressreleases  .postdate { margin:0 !important; float:left; clear:both;}

#infopage.pressroom .inthenews .bibimg { float:left; margin-right:20px; width:80px;}

#infopage.pressroom .list-pressreleases .more-link { display:none; }

body.search article img { display:none; }

/* ---------- BLOG PAGES ----------- */



#blogpage { color:#4D4D4D; width:710px; float:right; margin:20px 0 0 30px;}

#infopage.posts article, #blogpage article { border-bottom:1px solid #C2C2C2; padding-bottom:20px;margin-bottom:20px; }

#infopage.posts .featuredimage, #blogpage article .featuredimage { float: left; margin-right:20px; width:80px; }

#infopage.posts article h1.post-titles, #blogpage article h1.post-titles { font-family: Arial, Helvetica, sans-serif; margin-bottom:20px; text-transform: none;font-weight: normal;font-size: 18px;}

#infopage.posts article h1.post-title, #blogpage article h1.post-title { font-family: Arial, Helvetica, sans-serif; margin-bottom:0px; text-transform: none;font-weight: normal;font-size:16px; }

#infopage.posts p, #blogpage article p { font-size: 14px; margin-top:5px; text-transform: none;color:#4D4D4D }

#infopage.posts h2, #blogpage article h2 {margin-top:15px; font-size: 1.1em;}

#infopage.posts article h3, #blogpage article h3 {color: #898989; font-size: 1em; margin: 20px 0 10px 0; border-top: 2px solid #f2f2f2; padding-top: 10px; }

#infopage.posts article ul, #blogpage article ul {margin-left: 30px; padding:10px 0; }

#infopage.posts article li, #blogpage article li {margin-bottom: 5px;}

#infopage.posts table, #blogpage article table { margin:10px 0; }

#infopage.posts table td, #blogpage article table td { padding: 5px; }



#infopage.post h1 { margin-top:0; margin-bottom:20px; }

#infopage.post #maincontain { margin-top:20px; }

#infopage.posts article.achieve img { display:none; }

#infopage.posts article.achieve .featuredimage img { display:block; }

#infopage.posts article.achieve .more-link { display:none; }

#infopage.posts article.certification img { display:none; }



/* ---------- TEMPLATE - OVERVIEW (Products & Services) ---------- */

#template-overview {color:#4D4D4D;}

#template-overview h1 {font-size:35px; margin-bottom:10px;color:#4D4D4D;}

#template-overview h2 {margin:0 0 20px 0 ; clear:both;}

#template-overview ul {margin:0 0 10px 0; }



#template-overview #mainimage {background:url(images/fpo-drillingquipment.png);width:960px; height:400px; border:none; 	margin:20px auto; }

#template-overview #maincontain {margin-top:20px; margin-bottom:20px auto;}



#template-overview .intro {background:rgb(255,255,255);background:rgba(255,255,255,0.8); padding:40px 40px; width:400px; height:400px; margin-top:0; margin-bottom:0;}

#template-overview .intro p{margin-top:5px;}



#template-overview .getinfo {margin-top:20px;}

#template-overview .getinfo li { padding:5px 0 0 0; margin:0 0 5px 0; font-weight:normal; border:none; font-size:14px; height:auto}

#template-overview .getinfo a {text-transform:uppercase; color:#E37222; display:block; }

#template-overview .getinfo a:hover {text-decoration:underline;}



/* ---------- SEARCH PAGE ------------ */

#template-overview.search article { margin:0 0 20px 237px; border-top:1px solid #ccc; padding-top:20px;	}

#template-overview.search article h3{ text-transform:none; font-size:14px;}

#template-overview.search article ul{ margin:10px 20px;}

#template-overview.search .page-title span {color:#E37222;}

#template-overview.search .post-title {font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none;}

#template-overview.search .post-title a {color:#E37222;}

#template-overview.search .post-title a:after { content: '?'; margin-left:5px; font-size:1em; }

#template-overview.search a:hover {color:#898989;}

#template-overview.search img { width:80px; height:80px;}



/* --------- TEMPLATE - NEW INNOVATION ----------- */

#template-newinnovations #maincontain {margin:20px auto; padding:5px 10px;}



#template-newinnovations .imagegallery h1 {color:#FFF; font-size:18px;  height:35px; line-height:1.1em; padding:0; margin:0 0 10px 0;}





#template-newinnovations .writeup {width:700px; float:left;}

#template-newinnovations .mailinglist { width:225px; float:right;}



#template-newinnovations .imagegallery {border-top:1px solid #898989;padding-top:40px;}

#template-newinnovations .imagegallery .feature {float:left; width:225px; height:225px; margin-right:13px; margin-bottom:15px; overflow:hidden;}

#template-newinnovations .imagegallery .feature:nth-child(4n+4) {float:right; margin-right:0; }

#template-newinnovations .imagegallery .feature.nextline  {float:left; position:relative; left:-477px; top:-55px; z-index:20;}

#template-newinnovations .imagegallery img{ width:100%;}

#template-newinnovations .imagegallery { width:100%;}

#template-newinnovations .imagegallery:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#template-newinnovations .imagegallery .writeup { background:rgba(102,102,102,0.4); z-index:50; width:225px; padding:10px; color:#FFF; position:relative; top:-60px; height:60px; position:relative; }

#template-newinnovations .imagegallery .writeup h1 a { text-decoration: none; color:#fff; }

#template-newinnovations .imagegallery .writeup.open { background:rgba(102,102,102,0.9); top:-175px; height:175px; }

#template-newinnovations .imagegallery p {margin:0 0 8px 0; line-height:1.1em;}



#template-newinnovations label {text-transform:uppercase;}

#template-newinnovations input {margin-bottom:10px;}

#template-newinnovations .smalltext {font-size:0.8em; line-height:1.2em;}

#template-newinnovations #maincontain #content > h1 { margin: 15px 0;  }



/* ---------- TEMPLATE - AFTERMARKET ---------- */

#template-aftermarket {color:#4D4D4D;}

#template-aftermarket h1 {font-size:35px; margin-bottom:10px;color:#4D4D4D;}

#template-aftermarket .itemgrid ul li a {color:#4D4D4D;}

#template-aftermarket .itemgrid ul li ul li a {color:#E37222;}

#template-aftermarket .itemgrid ul li ul li { line-height:1.4em;}



  .spinparts {width:454px; margin-right:0; padding:40px 48px; color:#FFF !important; height:280px; float:right; background:#898989;}

  .spinparts hr { border: 0; color: #999; background-color: #999; height: 1px; margin:30px 0 20px 0; clear:both; }

  .spinparts a { color:#F2F2F2;}



#template-overview #gallery-2 { float: left; }

#template-aftermarket .itemgrid.sales li ul li{height:40px !important; overflow:hidden}

#template-aftermarket .itemgrid.service li ul li {height:100px; overflow:hidden; }/* height and overflow hidden are to control how much text can be entered */





#template-aftermarket h3 {margin:0 0 20px 0 ; clear:both;}

#template-aftermarket ul {margin:0 0 10px 0; }



#template-aftermarket #mainimage {background:url(images/aftermarket-main.jpg);width:960px; border:none; }

#template-aftermarket #maincontain {margin:20px auto;}



#template-aftermarket .intro {background:rgb(255,255,255);background:rgba(255,255,255,0.8); padding:40px 40px; width:400px; height:400px; margin-top:0;}

#template-aftermarket .intro p{margin-top:5px;}



#template-aftermarket .getinfo {margin-top:10px;}

#template-aftermarket .getinfo li { padding:5px 0 0 0; margin:0 0 5px 0; font-weight:normal; border:none; font-size:14px; height:auto}

#template-aftermarket .getinfo a {text-transform:uppercase; color:#E37222; display:block; }

#template-aftermarket .getinfo a:hover {text-decoration:underline;}



.spinparts .login {color:#E37222; margin-top:15px;}

.spinparts .login a { margin-right:20px;}







/* ---------- TEMPLATE - CATEGORY (Type of Drill Rig) ---------- */

#template-category {color:#4D4D4D; width:960px; margin:0 auto;}

#template-category:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#template-category #maincontain {float:right; width:710px;margin-top:27px; }



#template-category #maincontain img:first-child{ margin-top:2px; margin-bottom:10px; }



#template-category .intro {margin-top:0px;}

#template-category .intro p { margin:15px 0; }

#template-category p { margin:15px 0; }

#template-category .itemgridlist p { margin:3px 0; }

.rigdepths a {float:left;}

.rigdepths.four a { float:left; width:25%; }

.rigdepths:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



/* ---------- CATEGORY - PRODUCT (Tab Pages - used for products, services and performance tooling ---------- */

#template-product {color:#4D4D4D; width:960px; margin:0 auto;}

#template-product:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#template-product #maincontain {float:right; width:710px;margin-top:15px; }



#template-product .intro { padding-bottom:10px; border-bottom:2px solid #F2F2F2; margin-top:12px;}



#template-product .requestinfo {float:right; width:380px; margin-top:5px; font-size:14px; position:relative; }

#template-product .requestinfo li {float:left; }

#template-product .requestinfo li:first-child {width:200px;}



/* #template-product .imagegallery { margin-top:35px;} */



#template-product .text {float:right; width:380px;margin-top: 5px;}

#template-product .text h1 {font-size:35px; margin:5px 0 5px 0; color:#E37222;line-height: normal;} 

#template-product .text h3 {text-transform:none; margin:18px 0; font-size:16px; } 

#template-product .markets {font-size:12px; text-transform:uppercase; margin:12px 0 15px 0; color:#C2C2C2; font-weight:normal; line-height:1em;} 

#template-product .markets a {color:#C2C2C2;} 

#template-product .markets a:hover {color:#E37222;} 

#template-product .text ul {padding:0 0 0 20px;}

#template-product .text li {margin:0; padding:0 0 10px 0;}



/* ---------- TAB SECTIONS ---------- */

.tabs { margin-top:30px}

.tabs:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.tabs >ul {margin:20px 0 0 0; padding:0; list-style:none;}

.tabs >li {float:left; margin-right:1px;}

.tabs >li:last-child { margin-right:0; float:right;}



.tabs >a { color:#4D4D4D; text-decoration:none;  padding:8px 15px 9px 16px; text-transform:uppercase; }

.tabs >a:hover { background-color:#4D4D4D; color:#FFF; }

.tabs >a.selected  { background-color:#4D4D4D; color:#FFF; }

.tabs >a span{ margin-right:5px;} /*the icons*/



.tabs .services a { padding:8px 20px 9px 21px;  }

.tabs .pt-geo a { padding:8px 5px 9px ;  }

.tabs .pt-coring a { padding:8px 28px 9px;  }

.tabs .pt-hardrock a { padding:8px 20px 9px 20px ;  }

.tabs .pt-rc a { padding:8px 75px 9px 75px ;  }

.tabs .pt-sonic a { padding:8px 25px 9px;  }

.tabs .icon-plus {font-size:12px;}



.tabinfoarea {/* border:1px solid #898989; */ }

.tabinfoarea:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



/* tab content info moved to tab template in plugin */



/* --- IMAGE GALLERY - Used on product pages ---*/

.imagegallery {width: 286px; float:left;}

.imagegallery .main {width:286px; height:286px; background:#F2F2F2; margin-bottom:15px; position: relative;}

.imagegallery .main img {max-width:285px; max-height:285px; /*width:203px;*/ /* height:285px; */ /*margin:0 42px;*/} /* remove the margin in WP build, image should center on gray square*/

.imagegallery .main .maingcontain { width:285px; text-align:center; display: table-cell; height:285px; margin-bottom:15px; vertical-align:middle; }

.imagegallery .main .icon-eye {position:absolute; top:5px; right:5px; font-size:18px; color:#898989;}

.imagegallery .thm ul {margin:0; padding:0; list-style:none;}

.imagegallery .thm li {width:60px; height:60px; background:#F2F2F2; float:left; margin:0 15px 15px 0; text-align: center;}

.imagegallery .thm img {max-width:60px; max-height:60px; }

.imagegallery .thm li:nth-child(4n+4) {float:right; margin-right:0;}

.imagegallery .video {background:#FFF !important; text-align:center; font-size:10px; line-height:1em; color:#898989; text-transform:uppercase;}

.imagegallery .video .icon-film{ font-size:34px; margin:3px 0;}

.imagegallery .selected {border:2px solid #898989;}





/* ----- FORMS ------ */

label {color:#4D4D4D;}

select {width:100%; padding:5px; font-size:14px;}

textarea {width:100%; outline:none;  border:1px solid #c2c2c2; padding:5px; font-size:14px;}

textarea:hover {outline:none; border:1px solid #E37222; }



label .required {font-size:12px; color:#898989;}



input[type=checkbox] {width:auto;}



/* ---------- INFORMATIONAL PAGE TEMPLATES / ONE OFFS ---------- */

#contactus { }

#contactus .col1, #contactus .column-number-1 {width:50%; float:left; }

#contactus .col2, #contactus .column-number-2 {width:42%; float:right; }



#contactus .col {width:46%; float:left; }



#contactus #maincontain {position: relative; margin:20px auto; padding:5px 10px;}

#contactus h3 {border-top:1px solid #F2F2F2; margin-top:10px; padding-top:10px; font-size:13px; margin-bottom:0; text-transform:none;}

#contactus h3.first{border:0; margin-top:0; padding-top:0;}

#contactus h2 {font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:normal; font-size:18px; margin:30px 0 15px;}

#contactus h1 { margin-bottom: 15px; }

.regionaloffices-col {width:46%; float:left; font-size:13px; }



.regionaloffices-col p{margin-top:0;}

.regionaloffices-col.first { margin-right:30px;}



.corporategovernance .intro:last-child { border-bottom:none;}





.map img{ width:100%}

#contactus .col1 .map {margin-bottom:20px;}



.half-col:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.half-col .col {width:48%; float:left; margin-right:0; }

.half-col .col:last-child { float:right; }



.socialmedia span {font-size:18px; margin-right:5px; position:relative; top:2px;}

.socialmedia .icon-feed {color:#E37222;}

.socialmedia .icon-twitter {color:#00aced;}

.socialmedia .icon-youtube-2 {color:#dd4b39;}



/* contact directory */

.contactdirectory { border:1px solid #898989; background:rgba(59,110,143, 0.1); /* rgba(0,0,0,0.02); */ height:340px; overflow-y:scroll; margin-bottom:40px;}

.contactdirectory:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.contactdirectory h1  {background:#898989; color: #FFF !important; text-transform:uppercase !important; font-size:14px !important; padding:5px 15px !important; font-weight:bold !important; margin:0 !important; }

.contactdirectory ul{ list-style:none; padding:0; margin:0;}

.contactdirectory li{ padding:5px 15px;}

.contactdirectory li:nth-child(even){ background:#F2F2F2}

.contactdirectory li:nth-child(odd){ background:#Fff}

.contactdirectory li:after { content: '?';  float:right; font-size:1.6em; }

.contactdirectory .sectioncol{ border-right:1px solid #FFF; float:left; width:25% !important;}

.contactdirectory .sectioncol:last-child{ border-right:none;}



.contactdirectory .sectioncol:last-child  li:after, .contactdirectory .sectioncol:last-child li:hover {  content: ' '; background:none; }



.contactdirectory .selected, .contactdirectory li:hover, .contactdirectory-btn:hover{ background:#E37222 !important; color:#FFF; cursor:pointer;}

.contactdirectory #contact li:hover { background:#fff !important; color:#898989 !important;}

.contactdirectory-btn a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* border radius */

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	background-color: #F2F2F2; /* layer fill content */

	padding:10px 15px;

	display:block;

	color:#4D4D4D;

	text-decoration:none;}

	

.contactdirectory-btn .icon-users {float:left; font-size:1.6em; margin-right:10px;}

.contactdirectory-btn:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.contactdirectory-btn span {position:relative;}

.contactdirectory-btn .icon-expand {float:right; position:relative; top:2px; opacity:0.5; }

.contactdirectory-btn a:hover .icon-expand { opacity:1; }



.contactdirectory-btn a:hover, .contactdirectory-btn:hover  {

	background-color: #E37222; /* layer fill content */

	-moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; /* border radius */

	-moz-background-clip: padding;

	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-background-clip: padding-box;

	color:#FFF;

	}

.contactdirectory-placement { display:none; width:960px !important; position:absolute; left:0; border-top:10px solid rgba(255,255,255,0.8); background:#FFF;}



.columnize2 .column { margin-right:0; }



.contactentry { margin-bottom:30px !important; margin-right:30px;  }



.shortcode-quote {border-top:#999 1px solid; border-bottom:1px solid #999; margin:10px 30px; background:#f8f8f8; font-size:0.9em; padding: 0 20px; font-family:Georgia, "Times New Roman", Times, serif;}	

.shortcode-quote em { font-size:1.3em; }	







.shortcode-btn {  margin: 20px 0 40px !important;}



.shortcode-btn a {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px; /* border radius */

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	background-color: #E37222; /* layer fill content */

	color:#FFF;

	text-decoration:none;

	text-transform:uppercase;

	padding:10px 30px ;

	margin:10px 0 20px;

	}

	.shortcode-btn a:hover {

	background-color: #4D4D4D; /* layer fill content */

	}



.shortcode-btn-orange a {

	background-color:#E7222;

}

.shortcode-mediacontacts {background:#F2F2F2; color:#999; padding:10px; margin:10px 0;}

.shortcode-mediacontacts:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.shortcode-mediacontacts h1 {font-weight: bold; font-size:14px; text-transform:uppercase; margin: 10px 0; font-family:Arial, Helvetica, sans-serif}

.shortcode-mediacontacts h2 {font-weight: normal; font-size:14px; text-transform:uppercase;margin: 10px 0; }

.shortcode-mediacontacts .col {width:210px; margin-right:20px; }

.shortcode-mediacontacts .textwidget p { margin: 15px 0; color: #898989 !important; }



/* TAB PAGES */



.freetext, .features {color:#898989;padding:20px; padding-bottom:40px;}

.features ul:after { clear:both:}

.features img {float:left; width:250px; margin:0 40px 40px 0;}

.freetext img, .freetext .column img { width:initial; }

.freetext h3, .features h3 { color:#4d4d4d; margin-bottom:0;margin-top:20px;}

.freetext h1 { margin:20px 0; }

.freetext h2 { margin:20px 0 10px; font-size:16px; }

.freetext h3 { margin:20px 0 10px; padding-top:20px; font-size:16px; border-top:1px solid #898989; }

.freetext p, .features p {margin-top:5px;}

.freetext hr {clear:both;}



.freetext blockquote,.freetext  ul  { margin: 1.12em 0 }

.freetext ul { margin-left:20px; }

.freetext blockquote      { margin-left: 20px; margin-right: 20px }



.accordion ul{ margin:0; padding:0; list-style:none;}

ul#history { margin:0 !important; margin-bottom:30px !important; padding:0 !important; list-style-type:none;}

#history li { margin-bottom:0 !important;}

#history li ul li { margin-bottom:10px !important;}



#history h3 { font-size:14px; border-bottom: 1px solid #898989; cursor:pointer; padding:12px 0; margin:0 30px; font-weight:bold; text-transform:uppercase; color:#898989;}

.accordion li.accordiontable { display:none; }

.accordion li.accordiontable,.accordion li.accordiontable:hover { border-bottom: 1px solid #898989; background:#fff; color:#4D4D4D; margin:0; padding:0; text-transform: none; font-weight:normal;}

.accordion li.accordiontable p { margin-bottom:15px;}

.accordion h3:last-child,.accordion li:last-child{ border-bottom: none;}

#history h3:hover, .accordion h3:hover, accordion h3.selected,.accordion li:hover, .accordion .selected{ border-bottom: 1px solid #4D4D4D; margin:0; background:#4D4D4D; padding:12px 30px; color:#FFF;}

#history .icon-minus, #history .icon-plus, .accordion .icon-plus {font-size:10px; float:right; padding-top:4px;}

.accordion .icon-minus {font-size:10px; float:right; padding-top:4px; color:#FFF;}



.accordion .tablewrap { display:block; position:relative; }

.accordion table {width:100%; border:2px solid #4D4D4D;}

.accordion td { padding:10px 30px; !important; border:none; }

.accordion tr:nth-child(2n+1) { background:#F2F2F2}



.workswith {padding:30px;}

.workswith .menulist .col {width:180px; float:left; margin-right:40px;}

.workswith .menulist .col:last-child {float:right;  margin-right:0; }

.workswith .menulist h1{border-bottom:1px solid #F2F2F2; padding-bottom:20px; margin-bottom:20px; margin-top:0; }



.downloads {padding:30px;}

.downloads .col {width:300px; float:left; margin-right:40px;}

.downloads .col:last-child {float:right;  margin-right:0; }

.downloads .menulist li {color:#898989; font-weight:normal; border-bottom:none; }

.downloads .menulist li ul {border-top:1px solid #F2F2F2; margin-top:10px; padding-top:10px;}

.downloads .menulist li a {color:#E37222;}



.scrolltop {text-align:right; margin:20px 0; color:#898989; font-size:12px}

.scrolltop a {color:#898989;  text-decoration:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }  

.scrolltop a:hover {color:#E37222;} 

.scrolltop:before { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



.mobile-tabs {width:320px; font-size:9px;  text-align:center;}

.mobile-tabs:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.mobile-tabs ul {margin:0; padding:0; list-style:none;}

.mobile-tabs li {float:left; width:20%;  }



.mobile-tabs a { color:#898989; background:#F2F2F2; text-decoration:none; display:block;  padding:5px;  }

.mobile-tabs a:hover { background-color:#898989; color:#FFF; }

.mobile-tabs a:hover.selected  { background-color:#898989; color:#FFF;  }

.mobile-tabs a.selected  { background-color:#898989; color:#FFF; }

.mobile-tabs a div { font-size:15px; clear:both; margin-bottom:4px;} /*the icons*/



.mobile-tabs-4 li {float:left; width:25%;  }

.mobile-tabs-3 li {float:left; width:33%;  }

.mobile-tabs-3 li:last-child {float:left; width:34%;  }



/* ---------- Gravity Form Styling ---------- */

.gform_body, .gform_footer {background:rgba(59,110,143, 0.05);  padding:20px;}

.gform_footer {margin-top:0 !important; padding:0 20px 40px 20px !important; text-align:center;} 

.gform_body input, .gform_body textarea {background:#FFF; border:1px solid #999;}

.gform_button {padding-left:80px !important; padding-right:80px !important;}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {padding:10px !important; font-size:14px !important;-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;}

.gform_wrapper input:focus, .gform_wrapper textarea:focus {border:1px solid #E37222; color:rgba(59,110,143,1) !important;}

.ginput_complex label { font-size:0.9em; text-transform:uppercase; }



#gforms_confirmation_message {font-size:16px;}

.validation_error {color:#D71920 !important; border: 1px #D71920 solid; padding:10px;}

/* ---------- 404 Page not found ----------- */

#pagenotfound404 {width:940px; margin:20px auto; color:#4D4D4D;}

#pagenotfound404 h1 {font-size:30px; }

#pagenotfound404 h1 span {font-size:16px; }

#pagenotfound404 .columns {border:1px solid #898989; padding:20px; margin:40px 0;}

#pagenotfound404 .columns:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}



#pagenotfound404 .columns .col1 {width:48%; float:left;}

#pagenotfound404 .columns .col2 {width:48%; float:right;}



#pagenotfound404 ul {margin:20px 40px;}

