/*
Theme Name: Brook Mtl
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brook-mtl
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Brook Mtl is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* @end */

/* @group Common */

body {
	font: 12px/1.5 Helvetica, Arial, Geneva, sans-serif;
	background-color: #f2f3f7;
}

#header, #wrapper, #footer {
	width: 960px;
	margin: 0 auto;
}

h1, h2 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	color: #084a75;
	padding-left: 25px;
	background: url(images/blue-flag.jpg) no-repeat 0 0;
	line-height: 1.2;
	margin-bottom: 25px;
}

a {
	text-decoration: underline;
	color: #5397c4;
}

p {
	margin-bottom: 12px;
}

/* @group Header */

#header {
	height: 139px;
}

#header img {
	float: left;
	margin-top: 55px;
	margin-right: 30px;
}

#header #tagline-wrap {
	float: left;
	margin-top: 53px;
}

#header #welcome {
	float: left;
	color: #828692;
	text-transform: uppercase;
}

#header #nz-largest {
	float: left;
	font-size: 20px;
	font-weight: 200;
}

#header #contact-info-header {
	float: right;
	border-left: 1px solid #e3e5e6;
	height: 85px;
	position: relative;
	width: 190px;
}

#header #contact-info-header li {
	border-left: 4px solid #e3e5e6;
	padding-left: 10px;
	position: relative;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
}

#header #contact-info-header #phone {
	position: absolute;
	bottom: 16px;
	color: #2e5980;
}

#header #contact-info-header #email {
	position: absolute;
	bottom: 0;
}

#header #contact-info-header #email a {
	color: #8e919c;
	text-decoration: none;
}

/* @end */

/* @group Menu */

#main-menu {
	width: 190px;
	float: left;
	margin-right: 10px;
}

#main-menu ul li {
	margin-bottom: 25px;
}

#main-menu ul li ul {
	margin-top: 15px;
}

#main-menu ul li ul li {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 10px;
}

#main-menu ul li ul li ul {
	margin-left: 20px;
	margin-top: 0;
}

#main-menu li a, #main-menu li span {
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 200;
	text-decoration: none;
	color: #28292c;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	background: url(images/menu-flag.gif) no-repeat 0 -15px;
	padding-left: 25px;
	height: 15px;
	cursor: pointer;
}

#main-menu li a:hover, #main-menu li span:hover {
	background-position: 0 0;
	color: #084a75;
}

#main-menu li ul li a {
	background-image: none;
	font-size: 10px;
}


html #ref-vent a {
  line-height: 12px;
  padding-bottom: 8px;
}
/* @group Search Form */

#searchform {
	margin-left: 25px;
}

#searchform input  {
	border: 1px solid #8e919c;
	height: 18px;
	padding: 0;
	margin: 0 -4px 0 0;
	width: 100px;
}

#searchform #searchsubmit {
	height: 20px;
	padding: 0 4px;
	width: auto;
	color: #fff;
	text-transform: uppercase;
	background-color: #8e919c;
	margin: 0;
}

#searchform #searchsubmit:hover {
	background-color: #084a75;
	border-color: #084a75;
	cursor: pointer;
}

/* @end */



/* @end */

/* @group Content */

#content {
	float: left;
	width: 718px;
	padding-left: 40px;
	min-height: 350px;
	margin-bottom: 30px;
	border: 1px solid #e3e5e6;
	border-top-style: none;
}


/* @end */

/* @group Footer */

#footer {
	height: 150px;
}

#footer-logo {
	float: left;
}

#footer #distributors-for  {
	position: relative;
	float: left;
	width: 670px;
	height: 95px;
	margin-left: 129px;
}

#footer #distributors-for p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90000;
	color: #969898;
}

#footer #distributors-for img {
	position: absolute;
	top: 0;
	margin-left: -263px;
	right: 0;
}

#footer #footer-details  {
	width: 100%;
	border-top: 1px solid #e3e5e6;
	padding-top: 15px;
	color: #8e919c;
	margin-top: 30px;
	float: left;
}

#footer #footer-details a {
	color: #8e919c;
	text-decoration: none;
}

#footer #footer-details #contact-info-footer {
	float: right;
	color: #2e5980;
}

/* @end */



/* @end */

/* @group Home */

.home #content {
	background: url(images/homepage-main.jpg) no-repeat 0 0;
}

.home #intro-text {
	width: 260px !important;
	margin-top: 140px !important;
	margin-left: 445px;
	height: auto !important;
}

.home #intro-text .page {
	width: 100%;
}

.home #intro-text .page p {
	width: 248px;
	margin-left: 2px;
	margin-top: -10px;
}

.home #home-links {
	width: 100%;
	height: 150px;
	margin-top: 65px;
	margin-left: -1px;
}

.home #home-links li {
	float: left;
	height: 100%;
	width: 250px;
	border-left: 1px solid #e3e5e6;
}

.home #home-links li a {
	width: 250px;
	height: 150px;
	display: block;
	text-decoration: none;
}

.home #home-links li a h2 {
	border-left: 4px solid #e3e5e6;
	padding-left: 35px;
	background-position: 10px 0;
	margin-bottom: 15px;
}

.home #home-links li a img {
	margin-left: 40px;
	float: left;
	margin-right: 10px;
}

.home #home-links li a p {
	margin-top: -4px;
	color: #8e919c;
}



/* @end */

/* @group Category */

#breadcrumbs {
	margin-left: 15px;
	margin-bottom: 45px;
}

#breadcrumbs li {
	float: left;
	border-right-style: solid;
	border-right-width: 2px;
	color: #e1e2e4;
	margin-right: 5px;
	padding-right: 5px;
}

#breadcrumbs li a {
	color: #424242;
	font-size: 16px;
}

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

.category-listing {
	width: 100%;
}

.category-listing tr {
	border-bottom: 1px solid #e9eaee;
}

.category-listing tr td {
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 8px;
}

.category-listing-image {
	text-align: center;
	width: 160px;
}

.category-listing-specs {
	border-right: 2px solid #e3e5e6;
	border-left: 2px solid #e3e5e6;
	width: 160px;
	font-size: 11px;
}

.category-listing-specs dl dt {
	color: #174676;
	text-transform: uppercase;
	font-weight: bold;
	border-left: 4px solid #e3e5e6;
	padding-left: 10px;
}

.category-listing-specs dl dd {
	width: 145px;
	margin-left: 15px;
	overflow: hidden;
	margin-bottom: 9px;
}

.category-listing-description {
	
}

.category-listing-description h2 {
	border-left: 4px solid #e3e5e6;
	background-position: 10px 0;
	padding-left: 35px;
}

.category-listing-description .description {
	margin-left: 40px;
	width: 370px;
	margin-bottom: 10px;
	margin-top: -20px;
}

#intro-text.electric-motors, #intro-text.variable-speed-drives, #intro-text.speed-reducers  {
	height: 260px;
	margin-bottom: 13px;
}

#intro-text.electric-motors {
	background: url(images/electric-motors-hdr-img.jpg) no-repeat 0 0;
}

#intro-text.variable-speed-drives {
	background: url(images/variable-speed-drives-hdr-img.jpg) no-repeat 0 0;
}

#intro-text.speed-reducers {
	background: url(images/speed-reducer-hdr-img.jpg) no-repeat;
}

.notfound {
	margin-left: 15px;
	margin-top: 65px;
}

.back-to-top {
	margin-left: 40px;
}

.attachment-product-thumb {
	width: 130px;
}


/* @end */

/* @group Page */

.home #content {
	padding-left: 0;
	width: 758px;
}

#content .page h1 {
	margin-left: -24px;
}

#content .page h3 {
	font-weight: bold;
}

.page #intro-text {
	height: 120px;
	width: 100%;
	margin-bottom: 15px;
}



/* @end */

/* @group Info/FAQ */

.blog .post {
	margin-left: 40px;
	width: 430px;
	margin-bottom: 45px;
}

.blog .post h2 {
	margin-left: -24px;
	margin-bottom: 15px;
	font-size: 16px;
}

.blog .post h3 {
	font-weight: bold;
}

.blog .post img {
	max-width: 435px;
	height: auto;
}

.blog #intro-text {
	background-image: url(images/faq-hdr.jpg);
	width: 760px;
	height: 120px;
	margin-bottom: 15px;
}

#posts {
	width: 475px;
	float: left;
}

#sidebar {
	float: left;
	width: 175px;
	margin-left: 60px;
}

#sidebar .widget {
	margin-bottom: 25px;
}

#sidebar .widget h3 {
	text-transform: uppercase;
	font-size: 12px;
	color: #437596;
	margin-bottom: 5px;
	font-weight: bold;
}

#sidebar .widget a {
	font-size: 11px;
	text-decoration: none;
	line-height: 2px;
}

#sidebar .widget ul li {
	line-height: 13px;
	margin-bottom: 6px;
}



/* @end */

/* @group Contact Us */

.page-id-108 table {
	width: 717px;
}

.page-id-108 table td {
	width: 50%;
}

#wpcf7-f1-p108-o1 .your-message textarea {
	width: 310px;
	height: 210px;
}

.page-id-108 #intro-text {
	background-image: url(images/contact-us-hdr.jpg);
}


/* @end */

/* @group About Us */

.page-id-90 #intro-text {
	background-image: url(images/about-us-hdr.jpg);
}

.clearfix { width:100%; clear:both; overflow:hidden; display:block;}
/* @end */