/* @group Universal */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   	vertical-align: top; removed from block by us
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* HTML5 elements */
section, article, header, footer, nav, aside {display: block;}

body, html {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

.container_12 {background-color: #ffffff;}

#masthead img,
#elevator img,
#slideshow img,
#content img,
#footer img {max-width: 100%;}

#masthead, #elevator, #content, #news, #feature, #footer {
	clear: both;
	margin-bottom: 0.625em; /* 10px/16px */
}

#masthead {padding-top: 1em;}

nav {
	position: relative;
	z-index: 5000;
}

#menu-icon {display: none;}

#news {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: auto;
	padding: 1em 0em;
}

#footer {background-color: #555555;}

p.rt-float, img.rt-float {
	position: relative;
	float: right;
	padding: 0.3125em;
}

#backtotop {
	position: fixed;
	right:0px;
	bottom:15px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:24px;
	height:90px;
}
#backtotop a:hover {
	opacity:.7; /*mouse over fade effect*/
}

.whtspc-10  {margin: 10px;}
.whtspc-10t {margin-top: 10px;}
.whtspc-10r {margin-right: 10px;}
.whtspc-10b {margin-bottom: 10px;}
.whtspc-10l {margin-left: 10px;}

.whtspc-20 	{margin: 20px;}
.whtspc-20t {margin-top: 20px;}
.whtspc-20r {margin-right: 20px;}
.whtspc-20b {margin-bottom: 20px;}
.whtspc-20l {margin-left: 20px;}

.nudge-10  {padding: 10px;}
.nudge-10t {padding-top: 10px;}
.nudge-10r {padding-right: 10px;}
.nudge-10b {padding-bottom: 10px;}
.nudge-10l {padding-left: 10px;}

.nudge-20  {padding: 20px;}
.nudge-20t {padding-top: 20px;}
.nudge-20r {padding-right: 20px;}
.nudge-20b {padding-bottom: 20px;}
.nudge-20l {padding-left: 20px;}

/* BUTTONS */

/* .btn {
	border-radius: .375em;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	max-width: 250px;
	font: 1.75em/1.9em 'LeagueGothicRegular', Arial, Helvetica, Swiss, sans-serif;
	margin-bottom: .625em;
	padding: .5em 1em;
	text-decoration: none;
	text-align: center;
}

a.btn.bg-blue {color: #ffffff;}

a.btn.bg-blue:hover {
	background-color: #497db5;
	color: #ffffff;
	text-decoration: underline;
} */  /*orig GLP button block, don't think it was used */



.btn {
	border-radius: .375em;
	display: inline-block;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 1.125em;
	padding: .5em;
	font-weight: bold;
	margin-bottom: .625em;
	padding: .5em 1em;
	text-decoration: none;
	color: #ffffff;
}

a.btn, a.btn:link, a.btn:visited {color: #ffffff; 	background-color: #115588;}

a.btn-red, a.btn-red:link, a.btn-red:visited {
	color: #ffffff; 
	background-color: #a61528;
	border-radius: .375em;
	display: inline-block;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 1.125em;
	padding: .5em;
	font-weight: bold;
	margin-bottom: .625em;
	padding: .5em 1em;
	text-decoration: none;
}

a.btn:hover {
	background-color: #3498db;
	color: #ffffff;
}



#masthead a.ecart, #content a.ecart {
	border-radius: .375em;
	display: inline-block;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 1.125em;
	padding: .5em;
	font-weight: bold;
	margin: .625em 0 0 0;
	padding: .5em 1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #a61528;  /* was #ff0000; */
}

#masthead a.ecart:hover, #content a.ecart:hover {
	background-color: #497db5;
	color: #ffffff;
	text-decoration: underline;
}

/* BACKGROUNDS */

.bg-blue {background-color: #115588;}

.bg-red {background-color: #a61528;}

.bg-equipment {
	background-image: url(../images-glp/elevator/equipment-9970898.jpg);
	height: 0;
	padding-bottom: 34%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* TYPOGRAPHY */

/* @font-face reference http://css-tricks.com/snippets/css/using-font-face/ */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gothic {font-family: 'LeagueGothicRegular', Arial, Helvetica, Verdana, Swiss, sans-serif;}

.masthead-contact {
	clear: both;
	color: #115588;
	padding-top: 1em;
	text-align: left;
}

#mast-phone {color: #115588;}

#elevator h1 {
	color: #ffffff;
	font-weight: bold;
}

#content h1 {
	color: #dd2233;
	font-weight: bold;
}

#content h1.home, #content h2, #content h3, #content p,
#news h2, #news p {padding: 0.625em; /* 10px/16px */}

#content h1.home, #content h2, #content h3,
#news h2 {
	color: #115588;
	font-weight: bold;
}

#content p, #news p {
	color: #333333;
	font-size: 0.875em; /* 14px */
	line-height: 1.53846154em; /* 24px */
}

#content .location-listing a {
	display: inline-block;
	font-size: 0.875em; /* 14px */
	line-height: 1.53846154em; /* 24px */
	margin-bottom: .75em;
	padding-left: .625em;
}

#content p + p {padding-bottom: 0.3125em;}

#news h2 {
	
}

ul, ol {
	margin-left: 1.25em; /* 20px/16px */
	padding: 0.625em; /* 10px/16px */
	color: #333333;
}

li	{
	font-size: 0.875em; /* 14px */
	line-height: 1.3125em;
	padding-bottom: 0.5em;
}

#footer h2, #footer h3 {
	color: #ffffff;
}

#footer h2 {
	font-size: 1.25em;
	font-weight: bold;
	padding: .5em ; /* 10px/20px */
}

#footer h3 {
	font-size: 1em;
	font-style: italic;
	padding: .625em; /* 10px/16px */
}

#footer p {
	color: #ffffff;
	font-size: 0.75em; /* 12px / 16px */
	line-height: 1.5em;
	padding: 0.833em 0px 0.833em 0.833em; /* 10px/12px */
}

#footer hr {
	border: none 0;
	border-top: 1px dashed #ffffff;
	clear: both;
	width: 90%;
	height: 1px;
	margin: 1em 0 1em 5%;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#footer-nav a {
	display: inline-block;
	padding: .75em;
}

table.frm td {
	width="90%";
	padding: 3px; 
	font-size: 0.875em;
	line-height: 15px;
	font-family: Arial, Helvetica, Swiss, sans-serif;}
	
table.frm caption {
	text-align: left;
}

.wr_fieldset {
width: 95%; 
margin: 0.875em;
padding: 0; }

.wr_fieldset fieldset {
border: 1px solid #003f76; }

.wr_fieldset legend {
margin: 0 0.875em;
padding: 0 0.3125em;
color: #003f76;
font-size: 0.875em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 0.5em; }

input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {width: 100%;}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/* LINKS */

a:link {color: #115588;}
a:visited {color: #446688;}
a:hover {color: #dd2233;}
a:active {color: #dd2233;}

nav a:link {color: #ffffff;}
nav a:visited {color: #ffffff;}
nav a:hover {color: #cc0000;}
nav a:active {color: #cc0000;}

#footer a:link {color: #ffffff;}
#footer a:visited {color: #dddddd;}
#footer a:hover {color: #ddffff;}
#footer a:active {color: #ddffff;}

/* @end */

/* TABLES & ZEBRA STRIPES */
table {border-collapse: collapse;}

table.mobile-results {margin-top: 1em; width: 98%;}

/* input[type='submit'] {margin: 1em 1em 2em 1em;} */

th, tfoot {
	background: #092a4d;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

td, th {
	border-bottom: 1px solid #cccccc;
	padding: .625em;
	vertical-align: top;
}

th a:link, th a:visited,
tfoot a:link, tfoot a:visited {color: #ffffff;}

table.zebra-stripe tr:nth-of-type(even) {background-color: #d4e5f7;}


/* SIMPLE GRID */

.col-1-2 {
	float: left;
	width: 50%;
}

/* @end */





/* MOBILE */
@media screen and (max-width: 480px) {

/* iOS and Windows Mobile font-size changes fix from Ethan Marcotte */
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}

/* @group Mobile Grid */

.container_12 {
	background-color: #ffffff;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  margin-left: 10px;
  margin-right: 10px;
}

.align_center,
.align_right {
  text-align: left;
}

/* @end */


/* @group Mobile Structure */

body, html {
	background-color: #ffffff;
}

#masthead  {
	background: url(../images-glp/masthead-bg.jpg) no-repeat;
	overflow: auto;
	-webkit-background-size: cover;
       -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

#masthead #logo {text-align: center;}

#masthead #srch {
	border-top: 1px dotted #115588;
	margin-top: 1em;
	padding-top: .75em;
	text-align: center;
}

.logo-main img {padding-bottom: 1em; width: 60%;}
.logo-secondary img {width: 70%;}

#mast-phone {clear: both; margin-bottom: 0.5em; overflow: auto;}
.icon {float: left; padding-right: .5em;}

#srch {
	clear: both;
	margin-bottom: 1.25em;
}

#srch input[type='text'] {width: 62%;}

#slideshow {
	height: 0;
	padding-bottom: 68%;
}

#elevator-features .grid_3 {
	float: left;
	margin: .625em 0 .625em 0;
	width: 46%;
}
#elevator-features img.alpha {margin-right: .625em;}
#elevator-features img.omega {margin-left: .625em;}

#masthead,
#elevator,
#content,
#news,
#feature,
#footer {
	margin-left: 2%;
	margin-right: 2%;
}

.ef-nudge {margin-bottom: .5em;}

#partner-logos {
	clear: both;
	border-top: 1px dashed #cccccc;
	margin-top: 1em;
	padding-top: 1em;
}

#partner-logos img {width: 23%;}

#footer .grid_2 {border-bottom: 1px dotted #999999; width: 100%;}
#footer .grid_2 a {display: inline-block; padding: .75em;}
#footer .sm-screen-1col br {display: none;}

.hide-on-mobile {display: none;}

/* @group Mobile Tables */

table.mobile-results,
.mobile-results caption,
.mobile-results thead,
.mobile-results tbody,
.mobile-results th,
.mobile-results td,
.mobile-results tr {display: block;}


table.non-mobile {
	overflow: auto;
	width: 96%;
}

td, th {padding: .375em;}

td:before {
	position: absolute;
	top: .375em;
	left: .375em;
	width: 45%;
	padding-right: .75em;
}

table.mobile-results thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

table.mobile-results td:nth-of-type(1) {border-top: 1px solid #000000;}

table.mobile-results td:nth-of-type(1),
table.mobile-results td:nth-of-type(2),
table.mobile-results td:nth-of-type(3),
table.mobile-results td:nth-of-type(4),
table.mobile-results td:nth-of-type(5),
table.mobile-results td:nth-of-type(6),
table.mobile-results td:nth-of-type(7) {
	position: relative;
	padding-left: 50%;
}


/* The follow add the labels for tables in various sections. */

/*Tables with 4 columns*/

table.col4a td:nth-of-type(1):before {content: "Part No.";}
table.col4a td:nth-of-type(2):before {content: "Description";}
table.col4a td:nth-of-type(3):before {content: "List Price";}
table.col4a td:nth-of-type(4):before {content: "Mfg";}
.col4a td:nth-of-type(4) {padding-bottom: 1.75em;}

/*Tables with 5 columns*/

table.col5a td:nth-of-type(1):before {content: "Part No.";}
table.col5a td:nth-of-type(2):before {content: "Description";}
table.col5a td:nth-of-type(3):before {content: "Pack Qty";}
table.col5a td:nth-of-type(4):before {content: "2013 List";}
table.col5a td:nth-of-type(5):before {content: "Mfg";}
.col5a td:nth-of-type(5) {padding-bottom: 1.75em;}

/*Tables with 5 columns*/

table.col5a td:nth-of-type(1):before {content: "Part No.";}
table.col5a td:nth-of-type(2):before {content: "Description";}
table.col5a td:nth-of-type(3):before {content: "Pack Qty";}
table.col5a td:nth-of-type(4):before {content: "2013 List";}
table.col5a td:nth-of-type(5):before {content: "Mfg";}
.col5a td:nth-of-type(5) {padding-bottom: 1.75em;}

table.col5b td:nth-of-type(1):before {content: "Part No.";}
table.col5b td:nth-of-type(2):before {content: "Description";}
table.col5b td:nth-of-type(3):before {content: "List Price";}
table.col5b td:nth-of-type(4):before {content: "Pack Qty";}
table.col5b td:nth-of-type(5):before {content: "Mfg";}
.col5b td:nth-of-type(5) {padding-bottom: 1.75em;}


/*Tables with 7 columns*/

table.col7a td:nth-of-type(1):before {content: "Part No.";}
table.col7a td:nth-of-type(2):before {content: "Description";}
table.col7a td:nth-of-type(3):before {content: "List Price";}
table.col7a td:nth-of-type(4):before {content: "Weight - lbs";}
table.col7a td:nth-of-type(5):before {content: "Pack Qty";}
table.col7a td:nth-of-type(6):before {content: "Country";}
table.col7a td:nth-of-type(7):before {content: "Mfg";}
.col5a td:nth-of-type(7) {padding-bottom: 1.75em;}

table.col7 td:nth-of-type(1):before {content: "Part No.";}
table.col7 td:nth-of-type(2):before {content: "Description";}
table.col7 td:nth-of-type(3):before {content: " ";}
table.col7 td:nth-of-type(4):before {content: " ";}
table.col7 td:nth-of-type(5):before {content: " ";}
table.col7 td:nth-of-type(6):before {content: " ";}
table.col7 td:nth-of-type(7):before {content: "Manufacturer";}
.col5a td:nth-of-type(7) {padding-bottom: 1.75em;}




/* @end */


/* @group Mobile Typography */

.masthead-contact {font-size: .875em;}

#elevator h1, #content h1 {
	font-size: 1.25em;
}

#content h1 {padding: .4375em;}

#content h1.home, #content h2, #content h3,
#news h2, #news h3 {
	font-size: 0.875em; /* 14px/16px */
	line-height: 1.5em; /* 21px/14px */
}

#content hr {
	border: none 0;
	border-top: 1px dashed #003f76;
	clear: both;
	width: 98%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#feature h2 {
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	padding: 0.625em; /* 10px/16px */
}

/* @end */


/* @group Mobile & Small Menu */

nav {
	margin: 10px;
	z-index: 3000;
	position: relative;
	padding-bottom: ;
}

nav a {
	padding-right: 1em;
	padding-bottom: 0.75em;
	display: inline-block;
}

nav a:link {color: #115588;}
nav a:visited {color: #115588;}
nav a:hover {color: #cc0000;}
nav a:active {color: #cc0000;}

#menu-icon {
		background: #115588 url(../images-glp/mobile-menu-icon-white.gif) no-repeat 10px center;
		color: #fff;
		cursor: pointer;
		display: block; /* show menu icon */		
		height: 2em;
		padding: 8px 10px 0 42px;
	}

#menu-icon:hover {background-color: #cc0000;}
#menu-icon.active {background-color: #cc0000;}

ul#topnav {
	margin: 0;
	padding-top: 0;
	text-align: left;
	display: none;/* visibility will be toggled with jquery */
}

ul#topnav li {
	background-color: #dff3f7;
	border-bottom: 1px dashed #65c5d7;
	display: block;
	list-style: none;
	padding: 0.5em 1.5em;
}

ul#topnav li a {
	display: block;
	font-weight: bold;
}

ul#topnav li a:hover {color: #636a2d;}

ul#topnav li .sub,
ul#topnav li .sub ul,
ul#topnav .sub ul li,
ul#topnav .sub ul li h2,
ul#topnav .sub ul li a {
	display: none;
}

/* @end */

}/*/mediaquery*/


@media screen and (min-width: 481px) and (max-width: 719px) {

/* @group Small Grid */

.container_12
{
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.container_12 .grid_1{width: 6.333%;}
.container_12 .grid_2 {width: 14.666%;}
.container_12 .grid_3 {width: 23%}
.container_12 .grid_4 {width: 31.333%;}
.container_12 .grid_5 {width: 39.666%;}
.container_12 .grid_6 {width: 48%;}
.container_12 .grid_7 {width: 56.333%;}
.container_12 .grid_8 {width: 64.666%;}
.container_12 .grid_9 {width: 73%;}
.container_12 .grid_10 {width: 81.333%;}
.container_12 .grid_11 {width: 89.666%;}
.container_12 .grid_12 {width: 98%;}

.alpha {clear: left; margin-left: 0;}
.omega {margin-right: 0;}

/* @end */

/* @group Small Structure */

.container_12 .sm-screen-1col {
	clear: both;
	width: 98%;
}

#masthead {
	background: url(../images-glp/masthead-bg.jpg) no-repeat;
	overflow: auto;
	padding-bottom: 1em;
	-webkit-background-size: cover;
       -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

#masthead #logo {
	clear: both;
	text-align: center;
	width: 98%;
}

.logo-main img {width: 75%;}
.logo-secondary img {width: 80%;}

#mast-phone {
	clear: both;
	margin-bottom: 0.5em;
	overflow: auto;
}
.icon {
	float: left;
	padding: 0 1em;
}

#srch {
	clear: both;
	margin-top: 1em;
	width: 98%;
}

#srch input[type='text'] {width: 72%;}

#slideshow {
	height: 0;
	padding-bottom: 33%;
}

#elevator-features {
	float: right;
}

#elevator-features .grid_3 {
	float: left;
	margin: 0 0 .875em 0;
	width: 44%;
}
#elevator-features img.alpha {margin-right: .625em;}
#elevator-features img.omega {margin-left: .625em;}

.ef-nudge {margin-bottom: 2.5%;}

#partner-logos {
	border-top: 1px dashed #cccccc;
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
}

#partner-logos img {width: 24%;}

#content .location-listing {width: 23%;}

#footer .grid_2 {border-bottom: 1px dotted #999999; width: 100%;}
#footer .grid_2 a {display: inline-block; padding: .75em;}
#footer .sm-screen-1col br {display: none;}

/* @end */


/* @group Small Typography */

#mast-phone p {padding-top: .75em;}

#elevator h1, #content h1 {font-size: 1.5em; /* 24px / 16px */}

#content h1 {padding: .4375em;}

#content hr {
	border: none 0;
	border-top: 1px dashed #003f76;
	clear: both;
	width: 98%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

/* @end */


/* @group Mobile & Small Menu */

nav {
	margin: 10px;
	z-index: 3000;
	position: relative;
	padding-bottom: ;
}

nav a {
	padding-right: 1em;
	padding-bottom: 0.75em;
	display: inline-block;
}

nav a:link {color: #115588;}
nav a:visited {color: #115588;}
nav a:hover {color: #cc0000;}
nav a:active {color: #cc0000;}

#menu-icon {
		background: #115588 url(../images-glp/mobile-menu-icon-white.gif) no-repeat 10px center;
		color: #fff;
		cursor: pointer;
		display: block; /* show menu icon */		
		height: 2em;
		padding: 8px 10px 0 42px;
	}

#menu-icon:hover {background-color: #cc0000;}
#menu-icon.active {background-color: #cc0000;}

ul#topnav {
	margin: 0;
	padding-top: 0;
	text-align: left;
	display: none;/* visibility will be toggled with jquery */
}

ul#topnav li {
	background-color: #dff3f7;
	border-bottom: 1px dashed #65c5d7;
	display: block;
	list-style: none;
	padding: 0.5em 1.5em;
}

ul#topnav li a {
	display: block;
	font-weight: bold;
}

ul#topnav li a:hover {color: #636a2d;}

ul#topnav li .sub,
ul#topnav li .sub ul,
ul#topnav .sub ul li,
ul#topnav .sub ul li h2,
ul#topnav .sub ul li a {
	display: none;
}

/* @end */

}/*/mediaquery*/


/* TABLET */

@media screen and (min-width: 720px) {

body, html {
	background: #d5d9e0 url(../images-glp/bg-metal-tablet.jpg) no-repeat fixed center top;
}	

/*  @group 720 */

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

.container_12
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	text-align: left;
	background-color: #ffffff;
	-moz-box-shadow: 0px 3px 6px #333;
	-webkit-box-shadow: 0px 3px 6px #333;
	box-shadow: 0px 3px 6px #333;
	overflow: hidden;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha {margin-left: 0;}

.omega {margin-right: 0;}

.container_12 .grid_1 {width: 40px;}
.container_12 .grid_2 {width: 100px;}
.container_12 .grid_3 {width: 160px;}
.container_12 .grid_4 {width: 220px;}
.container_12 .grid_5 {width: 280px;}
.container_12 .grid_6 {width: 340px;}
.container_12 .grid_7 {width: 400px;}
.container_12 .grid_8 {width: 460px;}
.container_12 .grid_9 {width: 520px;}
.container_12 .grid_10 {width: 580px;}
.container_12 .grid_11 {width: 640px;}
.container_12 .grid_12 {width: 700px;}

.container_12 .prefix_1 {padding-left: 60px;}
.container_12 .prefix_2 {padding-left: 120px;}
.container_12 .prefix_3 {padding-left: 180px;}
.container_12 .prefix_4 {padding-left: 240px;}
.container_12 .prefix_5 {padding-left: 300px;}
.container_12 .prefix_6 {padding-left: 360px;}
.container_12 .prefix_7 {padding-left: 420px;}
.container_12 .prefix_8 {padding-left: 480px;}
.container_12 .prefix_9 {padding-left: 540px;}
.container_12 .prefix_10 {padding-left: 600px;}
.container_12 .prefix_11 {padding-left: 660px;}

.container_12 .suffix_1 {padding-right: 60px;}
.container_12 .suffix_2 {padding-right: 120px;}
.container_12 .suffix_3 {padding-right: 180px;}
.container_12 .suffix_4 {padding-right: 240px;}
.container_12 .suffix_5 {padding-right: 300px;}
.container_12 .suffix_6 {padding-right: 360px;}
.container_12 .suffix_7 {padding-right: 420px;}
.container_12 .suffix_8 {padding-right: 480px;}
.container_12 .suffix_9 {padding-right: 540px;}
.container_12 .suffix_10 {padding-right: 600px;}
.container_12 .suffix_11 {padding-right: 660px;}

/* @end */

/* @group Tablet Structure */

.logo-main img {width: 75%;}
.logo-secondary img {width: 70%;}

#mast-phone {overflow: auto; margin-bottom: 0.5em;}
.icon {
	float: left;
	padding-right: .75em;
}
#srch {margin-top: 1em;}
#srch input[type='text'] {width: 68%;}

nav {
	background-color: #115588;
	margin-bottom: 1em;
	height: 45px;
	z-index: 1500;
	position: relative;
	text-align: center;
	background: #115588;

background: -moz-linear-gradient(top,  #115588 0%, #003355 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#115588), color-stop(100%,#003355));
background: -webkit-linear-gradient(top,  #115588 0%,#003355 100%);
background: -o-linear-gradient(top,  #115588 0%,#003355 100%);
background: -ms-linear-gradient(top,  #115588 0%,#003355 100%);
background: linear-gradient(to bottom,  #115588 0%,#003355 100%);


}

#masthead, #elevator, #content, #feature, #footer {
	float: left;
	margin-bottom: 1.25em; /* 20px/16px */
}

#masthead  {
	background: url(../images-glp/masthead-bg.jpg) no-repeat 0 -110px;
	border-bottom: 1px solid #115588;
	padding-bottom: 1.5em;
	width: 100%;
	-webkit-background-size: cover;
       -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

#slideshow {height: 236px;}

.ef-nudge {margin-bottom: .625em;}

#partner-logos img {width: 49%;}

/* @end */


/* @group Tablet Typography */

#mast-phone p {font-size: .75em; padding-top: .75em;}

#elevator h1, #content h1 {font-size: 1.5em; /* 24px / 16px */}

#content h1 {padding: .364583333em;}

#content hr {
	border: none 0;
	border-top: 1px dashed #003f76;	
	clear: both;
	width: 98%;
	height: 1px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#feature h2 {
	font-family: Arial Black, Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-weight: bold;
	line-height: 1em;
	padding: 0.625em; /* 10px/16px */
}

#feature p {
	font-size: 0.875em; /* 14px/16px*/
	padding: 0.625em;
}

#footer-nav {text-align: center;}

/* @end */


/* @group mega menu */

ul#topnav {
	margin: 0; padding: 0;
	display: block !important;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

ul#topnav li a.nav-products,
ul#topnav li a.nav-mfg,
ul#topnav li a.nav-carrier,
ul#topnav li a.nav-reman,
ul#topnav li a.nav-service,
ul#topnav li a.nav-test,
ul#topnav li a.nav-about,
ul#topnav li a.nav-contact {
	float: left;
	margin-top: 0.25em;
	margin-left: 0.75em;
	margin-right: 0.75em;
	color: #ffffff;
	font: 1.375em/2.0em 'LeagueGothicRegular', Arial, Helvetica, Verdana, Swiss, sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
}

ul#topnav li:hover a, ul#topnav li a:hover {
	position: relative;
	color: #ff6600;
	text-shadow: 0px 2px 0px #024, 0px 3px 0px #024, 0px 4px 0px #024;
}

ul#topnav li .sub {
	position: absolute;	
	top: 45px; left: 0;
	border: 1px solid #0088bb;
	background-color: #ddeeff;
	padding: 15px 15px 15px;
	float: left;
	text-align: left;
	display: none;
	-moz-box-shadow: 0px 3px 6px #333;
	-webkit-box-shadow: 0px 3px 6px #333;
	box-shadow: 0px 3px 6px #333;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 100px;
	float: left;
}

/* width 100% overrides parent list item */
ul#topnav .sub ul li {
	width: 100%; 
	color: #333333;
}

ul#topnav .sub ul li h2 {
	padding: 0; margin: 0;
	font-size: 14px;
	
}
ul#topnav .sub ul li h2 a {
	padding: 7px 5px 7px 5px;
	background-image: none;
	color: #0088bb;
	font-weight: bold;
}

/* removed from tutorial code - background: url(navlist_arrow.png) no-repeat 5px 12px; */

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 5px;
	display: block;
	text-decoration: underline;
	font: 14px/20px Verdana, Arial, sans-serif;
	color: #333333;
	text-shadow: none;
}

ul#topnav .sub ul li a:hover {
	background-color: #0088bb;
	color: #ffffff;
	display: block;
	background-position: 5px 12px ;
	padding: 7px 5px 7px 5px;
}

/* @end */

}/*/mediaquery*/


/* DESKTOP */

@media screen and (min-width: 960px) {

body, html {
	background: #d5d9e0 url(../images-glp/bg-metal-desktop.jpg) no-repeat fixed center top;
}

/*  @group 960 */

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

.container_12 {width: 960px;}

.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}
.container_12 .grid_12 {width: 940px;}

.container_12 .prefix_1 {padding-left: 80px;}
.container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_3 {padding-left: 240px;}
.container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;}
.container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_7 {padding-left: 560px;}
.container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_9 {padding-left: 720px;}
.container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}

.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_3 {padding-right: 240px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_9 {padding-right: 720px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

/* @end */

/* @group Structure */

#srch {margin-top: 1.25em;}
#srch input[type='text'] {width: 73%;}

nav {
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 17px;
	height: 60px;
	width: 940px;
	z-index: 3000;
	position: relative;
}

#masthead  {background-position: 0 -110px;}
#logo img {padding-left: 20px;}

#slideshow {height: 314px;}

.ef-nudge {margin-bottom: .875em;}

#feature {padding-bottom: 20px;}

#footer {
	background-color: #555555; /* was background: #555555 url(../images-glp/footer-desktop-bg.gif) no-repeat 0 10px; */
}

/* @end */

/* @group Typography */

#mast-phone p {font-size: 1em; padding-bottom: 0.5em;}

#elevator h1, #content h1 {font-size: 2em; /* 32px / 16px */}

#content h1 {
	padding: .2734375em;
}

#content h1.home, #content h2, #content h3,
#news h2, #news h3 {
	font-size: 1.125em; /* 18px / 16px */
	line-height: 1.333em; /* 24px / 18px */
}


#feature h2 {
	font-size: 1.75em; /* 44px/16px */
	padding: 0.25em; /* 11px/44px */
	text-shadow: 0px -1px 1px #777777;
}


#feature p {
	font-size: 1.25em; /* 20px/16px*/
	padding: 0.55em; /* 11px/20px */
}

/* @end */


/* @group Elements */

.icon {
	float: left;
	margin: 0;
	padding: 0px px 0px 0px;
}

/* @end */


/* @group mega menu */

ul#topnav {
	
}
/* Mega Menu selectors with no properties can be deleted if nothing is needed. The desktop Mega Menu will use much of the Tablet Mega Menu style. */


ul#topnav li {
	
}

ul#topnav li a.nav-products,
ul#topnav li a.nav-mfg,
ul#topnav li a.nav-carrier,
ul#topnav li a.nav-service,
ul#topnav li a.nav-test,
ul#topnav li a.nav-about,
ul#topnav li a.nav-reman,
ul#topnav li a.nav-contact {
	float: left;
	font-size: 1.75em;
	line-height: 1.875em;
	margin-left: 0.875em;
	margin-right: 0.875em;
}

ul#topnav li:hover a, ul#topnav li a:hover {
	text-shadow: 0px 2px 0px #024, 0px 3px 0px #024, 0px 4px 0px #024, 0px 5px 0px #024;
}

ul#topnav li .sub {
	top: 60px;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{width: 150px;}

/* width 100% overrides parent list item */
ul#topnav .sub ul li {
	width: 100%; 
	color: #333333;
}

ul#topnav .sub ul li h2 {font-size: 14px;}

ul#topnav .sub ul li h2 a {
	
}

/* removed from tutorial code - background: url(navlist_arrow.png) no-repeat 5px 12px; */

ul#topnav .sub ul li a {
	
}

ul#topnav .sub ul li a:hover {
	
}

/* @end */

}/*/mediaquery*/