/*======================================================
  Screen Style Sheet
  Nationwide Plastics, Inc.
  ------------------------------------------------------
  Author(s): Rachel Mayo
  Created: July 2nd, 2013
  ======================================================*/

/* Imported CSS Files */
/*@import url("bootstrap.min.css");
@import url("nivo-slider.css");*/

/* General Classes */
.hidden {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.hidetext {text-indent:-9999px;outline:0;}
.left {float:left;margin:0 1em 1em 0;}
.right {float:right;margin:0 0 1em 1em;}
.clear {clear:both;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.req, .warning, .error {color:#a00;}
a.btn-primary {padding: 5px;}
p.small {font-size:0.75em;}
.gray-btn {
background: #bbbbbb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzkzOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bbbbbb 0%, #939393 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#939393));
background: -webkit-linear-gradient(top,  #bbbbbb 0%,#939393 100%);
background: -o-linear-gradient(top,  #bbbbbb 0%,#939393 100%);
background: -ms-linear-gradient(top,  #bbbbbb 0%,#939393 100%);
background: linear-gradient(to bottom,  #bbbbbb 0%,#939393 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#939393',GradientType=0 );
	box-shadow: inset 0 0 3px #fff;
	-moz-box-shadow: inset 0 0 3px #fff;
	-webkit-box-shadow: inset 0 0 3px #fff;
	border:1px solid #999;
	border-radius: 8px;
	margin:20px 0;
	padding:8px 15px 10px;
}
.gray-btn:hover {background: #939393;}
.gray-btn a:hover {text-decoration: none;}

/* Layout */
body {
	background: #000;
    font-size: 1em;
    font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
    line-height: 1.4;
    margin:0;
    padding:0;
	color:#777;
}

h1 {color:#006175;font-size:1.75em;text-transform: uppercase; margin-top: 10px;}
#page-index h1 {display: none;}
h2 {color:#333;font-size:1.5em;line-height:1.25;margin-bottom:5px;}
#page-contact-us h2 {color:#2187b2;font-size:1.5em;text-transform: uppercase;margin-bottom:10px;}
h3 {color:#196586;font-size:1.25em;line-height:1.25;margin:15px 0 5px;}
p {color:#777;font-size: 1em;}
strong {color:#505050;}
a, a:visited {color:#2187b2;}
ul {margin:10px 0 20px 30px;}
ul li {color:#777;margin:5px 0;}
hr {background: #ddd;color:#ddd;border:0;height:1px;width:100%;margin:15px auto;}

#wrap {
	background: #f8f8f8;
	max-width: 600px;
	overflow: hidden;
}
/*#header {
	background: url('/images/bg-header.jpg') repeat-x;
	height:140px;
	padding:20px 10px;
	position: relative;
}
#content-wrap {
	background: url('/images/bg-content.jpg') repeat-x 100% 100%;
	margin:0 auto;
	padding:20px;
}*/
#main-content {padding-bottom:20px;}
/* #main-content p {text-align: justify;} */
img.main-img {margin:0 0 20px 0;}

#img.logo{
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
p#telephone {
	color:#777;
	font-size:1.25em;
	width:100%;
	text-align: center;
}
p#telephone a {
	color:#FF7B19;
	font-size:160%;
	font-weight: bold;
	margin-left:5px;
}
a#push {
	color:#C85811;
	font-size:1em;
	background: url('/images/bg-menu.png') no-repeat 100% 50% transparent;
	background-size:88px 60px;
	margin:-10px 10px 0 0;
	padding:20px 100px 20px 0;
	float:right;
}
a#push:hover {text-decoration: none;}

#header a.right {
	left: auto;
	right: 10px;
}
#page-search-results form.search {
position: relative !important;
margin-top: 35px !important;
}
#searchWrap {
	text-align: center;
	background: #2c2c2c;
	box-shadow: inset 0 0 1px #ccc;
	-moz-box-shadow: inset 0 0 1px #ccc;
	-webkit-box-shadow: inset 0 0 1px #ccc;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	padding:8px 0;
}
#searchWrap form {margin:0;padding:0;}
.form-search {position:relative;}
.form-search input[type=text] {
	font-size:1.25em;
	border-radius: 22px;
	height:44px;
	width:80%;
	padding:0 48px 0 12px;
}
.form-search input[type=submit] {
	background: url('/images/search.png') no-repeat transparent;
	background-size: 36px 36px;
	border:0;
	box-shadow: none;
	height:36px;
	width:36px;
	text-indent: -9999px;
	position: absolute;
	right:24px;
	top:6px;
}

a.rfq {
	color:#fff;
	font-size:2.75em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:0 1px 2px #bb6b0d;
	text-align: center;
background: #f1d835;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZDgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1d835 0%, #e2a010 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d835), color-stop(100%,#e2a010));
background: -webkit-linear-gradient(top,  #f1d835 0%,#e2a010 100%);
background: -o-linear-gradient(top,  #f1d835 0%,#e2a010 100%);
background: -ms-linear-gradient(top,  #f1d835 0%,#e2a010 100%);
background: linear-gradient(to bottom,  #f1d835 0%,#e2a010 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d835', endColorstr='#e2a010',GradientType=0 );
	box-shadow: inset 0 0 4px #fff;
	-moz-box-shadow: inset 0 0 4px #fff;
	-webkit-box-shadow: inset 0 0 4px #fff;
	border:2px solid #e3a211;
	border-radius: 8px;
	margin:20px 0;
	padding:10px 0;
	display: block;
}
a.rfq:hover {
	text-decoration: none;
	background: #e3a312;
	border:2px solid #d89704;
}
nav#menu a.rfq {
	font-size:2.5em;
	width:90%;
	margin:20px auto 0;
}
#page-request-a-quote a.rfq {display: none;}
ul#secondary-nav li {margin:5px 0;}
ul#secondary-nav li a {
	color:#2187b2;
	font-size: 1.75em;
	font-weight: bold;
	text-shadow:0 1px 0 #fff;
	background:#eee;
	border:2px solid #ccc;
	box-shadow: inset 0 0 4px #fff;
	-moz-box-shadow: inset 0 0 4px #fff;
	-webkit-box-shadow: inset 0 0 4px #fff;
	padding:15px;
	display:block;
}
ul#secondary-nav li a:hover {
	color:#fff;
	text-shadow:0 1px 0 #196586;
	text-decoration: none;
	background: #2187b2;
	border:2px solid #1C7397;
	box-shadow:none;
}
#bottom-btns {margin:15px 30px 0 0;}
#bottom-btns a {
	color:#fff;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
background: #FF7B19;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYTVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTg2YjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #FF7B19 0%, #C85811 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7B19), color-stop(100%,#C85811));
background: -webkit-linear-gradient(top,  #FF7B19 0%,#C85811 100%);
background: -o-linear-gradient(top,  #FF7B19 0%,#C85811 100%);
background: -ms-linear-gradient(top,  #FF7B19 0%,#C85811 100%);
background: linear-gradient(to bottom,  #FF7B19 0%,#C85811 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7B19', endColorstr='#C85811',GradientType=0 );
	border-radius: 6px;
	width:100%;
	margin:10px;
	padding:10px 0 9px 5px;
	display: inline-block;
}
#page-test-form #bottom-btns a:first-child {display:none;}
#page-thank-you-mobile #bottom-btns a:first-child {display:none;}
#bottom-btns a:hover {text-decoration:none;background:#006175;}
#ceo {font-size:1.2em;font-family: serif;font-weight: bold;font-style:italic;}
.sisea-highlight {text-shadow:1px 1px 1px #fff;;background:#e5e5e5;padding:3px;}
.sisea-paging {color:#777;font-size:0.9em;text-transform:uppercase;margin:20px 0;}
.sisea-result-pages {margin-right:2px;}
.sisea-current-page {color:#000;}
.sisea-result h3 {color:#999;}

#main-content .video-container {
    position: relative;
    margin:5px 0 10px;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
#main-content .video-container iframe,
#main-content .video-container object,
#main-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Breadcrumbs & SM Toolbar */
#bread-social {
	border-bottom:1px solid #ddd;
	overflow: hidden;
	margin: 0 0 10px;
	padding:0 0 10px 0;
}

.crumb-container {
	color:#ccc;
	font-size:0.9em;
	text-transform: uppercase;
	list-style: none;
	margin: 0;
	float: left;
}
.crumb-container .crumb {display: inline;color:#59A5C6;margin:0 5px;}
.crumb-container .crumb.first {margin:0 5px 0 0;}
.crumb-container a {color:#ccc;}

a#dropdown-btn {
	color:#E3A430;
	text-align: center;
	text-shadow: 0 0 2px #c6811a;
	font-size: 0.9em;
	background: #E3A430;
	border:2px solid #cf9324;
	border-radius: 14px;
	height:21px;
	width:111px;
	margin-bottom:5px;
	float:right;
	position: relative;
}
a#dropdown-btn:after {
	content: "section menu ▼";
	color:#F8E8CB;
	position: absolute;
	top:1px;
	left:5px;
}
a#dropdown-btn:hover {
	background: #E3A430;
	border:2px solid #c6811a;
}
#dropdown {
    width: 100%;
    background-color: #eee;
    border-radius: 15px;
    margin: 0;
    display: none;
    clear:right;
}
ul#parent-nav {
	list-style: none;
	text-align: center;
	margin:0;
	padding:5px 10px;
}
ul#parent-nav li {
	border-bottom:1px solid #ddd;
	padding:5px 0;
}
ul#parent-nav li.last {border-bottom: none;}
ul#parent-nav li#dropdown-title {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom:none;
}

#banner-home-wrap {position: relative; padding-bottom: 13px; background: url(../images/template/shadow-hero.png) bottom center no-repeat; margin-bottom: 20px;}

#banner-home {position: relative; background: url(../images/template/screen-overlay-white.png); padding: 7px;}

#slider {position: relative; border: #AFAFAF solid 1px; background: #FFF; overflow: hidden;}

#slider ul {display: block; list-style: none; margin: 0; position: relative; }

#slider li {position: relative; display: block;}

#slider img {position: absolute; top:0; left: 0;}

#slider p {line-height: 1.4em;}

#slider .info-box {position: absolute; right: 0; bottom: 0; /* Width 490px */ width:313px; padding: 6px 121px 6px 56px; height: 53px; background: url(../images/template/hero-info-bg.png) bottom left no-repeat;}

#slider .info-box a {text-decoration: none;}
	
#slider .info-box a h3 {font-family: 'HelveticaNeueCondensed', Helvetica, Arial, sans-serif; color: #FFF; font-size: 16px; font-weight: bold;}

#slider .info-box a p {color:#C2C2C2; font-size: 12px;}

#slider .info-box a:hover h3, #slider .info-box a:hover p {text-decoration: underline; color: #03a3c4;}

#banner-home ol#controls {display: block; list-style: none; position: absolute; bottom:7px; right:7px; width: 121px; height: 22px; padding: 3px 0 0 23px; background: url(../images/template/slider-controls-bg.png) left;}

#banner-home ol#controls li {display: inline; float: left;}

#banner-home ol#controls li a {display: block; width: 22px; height: 22px; background: url(../images/template/slider-btn-up.png); text-indent: -9999px;}

#banner-home ol#controls li.current a {background: url(../images/template/slider-btn-active.png);}	

#banner-home ol#controls li a:hover {background: url(../images/template/slider-btn-over.png);}



/* Footer */
footer {clear: both;}
#sitetitle {
	color:#2187b2;
	text-transform: uppercase;
	text-align: center;
	background: url('/images/bg-content.jpg') repeat-x 100% 100%;
	padding:15px 0;
}
#sitetitle p {
	color:#aaa;
	font-size:1.5em;
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #fff;
}
#sitetitle a {margin:0 5px;}
#footer-content {
	text-align: center;
background: #006175;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NDc4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJkOWVjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #006175 0%, #CECECE 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006175), color-stop(90%,#CECECE));
background: -webkit-linear-gradient(top,  #006175 0%,#CECECE 90%);
background: -o-linear-gradient(top,  #006175 0%,#CECECE 90%);
background: -ms-linear-gradient(top,  #006175 0%,#CECECE 90%);
background: linear-gradient(to bottom,  #006175 0%,#CECECE 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006175', endColorstr='#CECECE',GradientType=0 );
	padding:10px;
}
#footer-content p {color:#fff;}
#contactbox {
	background: #222;
	margin:0 auto;
	padding:20px;
}
#contactbox p {
	font-size: 1.25em;
	text-align: left;
}
/*#contactbox p.map {
	background: url('/images/map.png') no-repeat 0% 3%;
	background-size:20px 33px;
	margin-bottom:15px;
	padding-left:35px;
}
#contactbox p.time {
	background: url('/images/time.png') no-repeat 0% 5%;
	background-size:22px 22px;
	padding-left:35px;
}*/
#contactbox strong {
	color:#CCC;
	text-transform: uppercase;
}
#contactbox a, #contactbox span {
	color:#6F6F6F;
}
p#copyright {
	color:#fff;
	text-align: center;
	background:#006175;
	border-top:2px solid #fff;
	margin:0;
	padding:10px 0;
}
p#credits {
	color:#00beff;
	text-align: center;
	background:#222;
	margin:0;
	padding:10px 0;
}
#credits a {color:#00beff;}


a.rfq-btn {
    display: block;
    border: 2px solid #CC5E14;
    padding: 10px;
    font-family: "Arial Black",Arial;
    font-weight: 900;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    text-shadow: -1px 0px #CC5E14, 0px 1px #CC5E14, 1px 0px #CC5E14, 0px -1px #CC5E14;
    background: #FF7519 url("../images/template/btn-highlight.png") no-repeat scroll center top;
text-transform: uppercase;}

/* Accordion Styles */
.ui-accordion {width: 100%;margin-bottom:20px;}
.ui-accordion h3 {margin-bottom:0;}
.ui-accordion .ui-accordion-header {cursor:pointer; position:relative; zoom:1;}
.ui-accordion .ui-accordion-li-fix {display:inline;}
.ui-accordion .ui-accordion-header-active {border:0;}
.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header.ui-state-active a {font-size:1em;font-weight:bold;padding:10px 15px;display:block; }
.ui-accordion .ui-accordion-header a {
	color:#2187b2;
	text-shadow:0 1px 0 #fff;
	background:#eee;
	border:2px solid #ccc;
	box-shadow: inset 0 0 4px #fff;
	-moz-box-shadow: inset 0 0 4px #fff;
	-webkit-box-shadow: inset 0 0 4px #fff;
}
.ui-accordion .ui-accordion-header.ui-state-active a {
color:#fff;text-shadow:0 1px 0 #196586;background:#2187b2;border:2px solid #1C7397;box-shadow: none;}
.ui-accordion-icons .ui-accordion-header a:hover {text-decoration: none;}
.ui-accordion .ui-accordion-header .ui-icon {position: absolute; top:5px;right:10px;}
.ui-accordion .ui-accordion-content {background:#fff;padding:15px 20px; border: 0;  position: relative; top: 0px; overflow: auto; display: none; zoom: 1;}
.ui-accordion .ui-accordion-content-active {display: block;}
.ui-state-active .ui-icon {background: url('/images/minus-white.png') no-repeat !important;}
.ui-state-active.ui-state-hover .ui-icon {background: url('/images/plus-white.png') no-repeat !important;}
.ui-state-default .ui-icon {background: url('/images/plus-blue.png') no-repeat;}
.ui-state-default.ui-state-hover .ui-icon {background: url('/images/minus-blue.png') no-repeat;}
.ui-icon, .ui-state-active .ui-icon, .ui-state-active.ui-state-hover .ui-icon {background-size:40px 40px !important;width:40px;height:40px;}
.ui-accordion iframe {border:2px solid #ccc;}


/* Form Styles */
textarea {resize: none !important;}
form#contact {background: none;padding:0;}
form#contact input, form#contact textarea, form#rfq input, form#rfq textarea {
	background: #f3f3f3;
	border-radius:15px;
	width: 96%;
	padding: 5px 8px;
	display: block;
}
form#contact input[type=submit], form#rfq input[type=submit], .gray-btn a {
	color:#fff;
	font-size:1.25em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:0 0 2px #555;
	text-align: left;
	background: url('/images/triangle-light.png') no-repeat 100% 50%;
	background-size: 14px 16px;
	border:0;
	display: block;
}
form#rfq input[type=radio] {width:6% !important;margin:4px 0 0 0;padding:0;}
form#rfq p {padding-left:5px;margin:15px 0 5px;}
form#rfq input.items.left,form#rfq input.items.right {width:40%;margin:0 5px 5px 0;}
p.radio {padding-left:5px;margin:15px 0;}
p.radio span {font-size:0.9em;}
a.rfq:hover {
	text-decoration: none;
	background: #e3a312;
	border:2px solid #d89704;
}

/* reCAPTCHA */
#recaptcha_area, #recaptcha_table {margin: 10px 0 20px;}
#recaptcha_image{
	margin: 0 -12px 0 0;
	padding:0;
	float:left;
}
#recaptcha_image img{
	width: 220px;
	height: 52px;
	border:none;
	margin: 0;
	padding:0;
	border:1px solid #ccc;
	display: inline !important;
	visibility: visible;
	overflow: visible;
}
input#recaptcha_response_field {border:1px solid #aaa;clear:both;margin:10px 0 15px;}
#captcha-options {width:52px;margin: 0 0 0 -12px;float: right;}
.recaptcha_only_if_image, .recaptcha_only_if_audio, .recaptcha_reload {margin: 0 0 5px;}
.recaptcha_reload a, .recaptcha_only_if_image a, .recaptcha_only_if_audio a {
	color:#fff;
	font-size:0.8em;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 2px #666;
	border:1px solid #888;
	background-color:#aaa;
	padding:2px 0;
	display:block;
}


.breadcrumb {
    padding: 0;
	
}
.breadcrumb .crumbContainer {
	/* padding: 13px; */
}
.breadcrumb .crumb {
	font-size: 1em;
	text-transform: uppercase;
	color: #555;
}
.breadcrumb .crumb:after {
	content: "  //  ";
}
.breadcrumb .crumb.current:after {
	content: "";
}
.breadcrumb .crumb.current{
	padding-left: 1em;
	color: #aaa;
}
.breadcrumb .crumb a {
	padding: 15px 1em;
	color: #2187b2;
	text-decoration: none;
}
.breadcrumb .crumb a:hover {
	color: #2caee5;
}





/* Mobile Devices - Media Queries */
* {-moz-box-sizing: border-box;}
img {max-width: 100%;}
table {width:auto; border-collapse: collapse;border-spacing: 0;}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width: 361px)
and (max-width: 568px) {
	#main-content p {color:#777;font-size:1.15em;}
	p#telephone {font-size:1.25em;margin:0 0 0 10px;}
	p#telephone a {font-size:140%;margin-left:0;}
	nav#menu li a {font-size:1.25em;font-weight: bold;}
	nav#menu ul a.rfq {
	font-size: 1.75em;
	border-radius:6px;
	width:65%;
	margin:10px 0 10px 20px;
	padding:8px 0;
	}
	#contactbox {padding:30px;}
	#contactbox p.map {
	background: url('/images/map.png') no-repeat 0% 3%;
	background-size:25px 41px;
	margin-bottom:20px;
	padding-left:45px;
	}
	#contactbox p.time {
	background: url('/images/time.png') no-repeat 0% 5%;
	background-size:25px 25px;
	padding-left:45px;
	}
	form#rfq p {font-size:1em;}
	.form-search input[type=submit] {
	position: absolute;
	right:32px;
	top:5px;
	}
	a#dropdown-btn {
	border-radius: 15px;
	height:25px;
	margin-top:5px;
	}
	a#dropdown-btn:after {
	top:3px;
	left:5px;
	}
	#captcha-options {width:100px;}
	#recaptcha_image, #recaptcha_image img {min-width:300px !important;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width: 360px) {
	h1 {font-size:1.5em; line-height:1;}
	h3 {font-size:1.15em;}
	#header {height:110px;padding:20px 2px 0;}
	p#telephone {font-size:0.75em;margin:12px 0 0 10px;}
	p#telephone a {font-size:140%;margin-left:0;}
	span#ceo {font-size:1.2em;font-family: serif;font-weight: bold !important;font-style:italic;}
	a#push {
	font-size:0.75em;
	background: url('/images/bg-menu.png') no-repeat 100% 50% transparent;
	background-size:55px 38px;
	margin:5px 10px 0 0;
	padding:10px 60px 10px 0;}
	#searchWrap {padding:5px 0;}
	.form-search input[type=text] {width:70%;}
	.form-search input[type=submit] {
	background: url('/images/search.png') no-repeat transparent;
	background-size: 34px 34px;
	height:34px;
	width:34px;
	}
	ul.B_crumbBox {font-size:0.75em;}
	a.rfq {
	font-size: 1.5em;
	width: 100%;
	margin: 15px auto;
	box-shadow: inset 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 2px #fff;
	-webkit-box-shadow: inset 0 0 2px #fff;
	}
	nav#menu ul a.rfq {
	font-size: 1.25em;
	border-radius:6px;
	width:80%;
	margin:10px auto;
	padding:8px 0;
	}
	ul#secondary-nav li a {
	font-size: 1.25em;
	line-height:1.25;
	box-shadow: inset 0 0 2px #fff;
	-moz-box-shadow: inset 0 0 2px #fff;
	-webkit-box-shadow: inset 0 0 2px #fff;
	padding:10px;
	}
	form#contact input, form#contact textarea, form#rfq input, form#rfq textarea {width:93%;}
	form#rfq input[type=radio] {width:8% !important;}
	.ui-accordion iframe {height:200px;width:98%;}
	.ui-icon, .ui-state-active .ui-icon, .ui-state-active.ui-state-hover .ui-icon {background-size:30px 30px !important;width:30px;height:30px;}
	.ui-accordion .ui-accordion-header .ui-icon {top:10px;}
	img.main-img {margin:0 0 10px 0;}
	#bottom-btns a {font-size:0.9em;margin:0;}
	#bottom-btns a.right {padding:10px 5px;}
	#sitetitle a {font-size: 0.75em;}
	#sitetitle p {font-size:1.25em;}
	#contactbox p, #contactbox strong {font-size: 1em;}
	p#copyright, p#credits {font-size: 0.75em;}
}
a.full-site-link {
 display: block;
 text-align: center;
 border: #2187B2 solid 2px;
 background-color: #FFFFFF;
 padding: 5px;
 /* margin-top: 18px; */
 color: #2187B2;
 font-size: 16px;
 /* font-weight: bold; */
 text-transform: uppercase;
}

a.full-site-link span {
 display: inline-block; zoom: 1; *display:inline; 
 color: #2187B2;
 padding-right: 18px;
 background: url(../images/chevron-right-blue.png) right 3px no-repeat;
}

 a.full-site-link:hover span {
  text-decoration: underline;
 }

/* Tablets ----------- */
@media only screen 
and (min-device-width: 640px) {
	#wrap {margin:0 auto;}
}

/* ***************************************** Default Form Styles */

fieldset /* {margin:0 0 16px;} */
legend,
label {display:block;margin-bottom:3px;font-weight:bold;color:#333;}
input[type=text],
textarea,
select {
	border:1px solid #BFBFBF ;
	padding:3px; 
	background: #FEFEFE; 
	margin-bottom: 7px;
	-moz-box-shadow: inset 0 0 5px #888; 
	-webkit-box-shadow: inset 0 0 5px#888;
	 box-shadow: inset 0 0 5px #888;
	-moz-border-radius: 2px; border-radius: 2px;
}
.helptext {display:block;font-weight:normal;font-size:85%;}
.contactButton {
	color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background: #007e98;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #007e98 0%, #005C6F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007e98 ), color-stop(100%,#005C6F));
    background: -webkit-linear-gradient(top, #007e98 0%,#005C6F 100%);
    background: -o-linear-gradient(top, #007e98 0%,#005C6F 100%);
    background: -ms-linear-gradient(top, #007e98 0%,#005C6F 100%);
    background: linear-gradient(to bottom, #007e98 0%,#005C6F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e98', endColorstr='#005C6F',GradientType=0 );
    border-radius: 6px;
    width: 100%;
    margin: 20px 0px 63px 15px;
    padding: 16px 0 13px 5px;
    display: inline-block;
}
.warning {color:#a00;}

.required, .req {color: #2fc5e4;}

/* ***************************************** Honeypots */

form input.LastName, form input.CompleteName {
    position: absolute;
    text-decoration: underline;
    background-color: #CC0000;
    left: 0px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ***************************************** Contact Page with Google Map */

#form-area {
	float:left;
	margin: 0 0px 0 0;
	width: 550px;
}
#form-area #email, #form-area #phone { /*width: 395px;*/ max-width: 100%; }
#form-area textarea {
	/*width: 400px;*/
	max-width: 100%;
}

#google-map {
	float: right;
	width: 470px;
/*	margin-right: 20px;		*/
}

#contactaddress{
	width: 470px;
	float: left;
}

#contactaddress div{
	float: left;
	margin-right: 60px;
}
	
#contactaddress h2 {
	margin: 0 0 15px;
	border-bottom: #CCC solid 1px;
	padding-bottom: 10px;
}

#contactaddress .address{
	font-weight: bold;
}

form #state {width:2em!important;}
form #zipcode {width:5em!important;}

/* ReCAPTCHA */
#recaptcha_widget_div {margin-top:7px;}
.recaptcha_theme_clean #recaptcha_response_field {border:1px solid #999 !important;width:292px!important;}





.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.locationsList { clear: both; margin-right: -15px; padding: 30px 0; }
.loc {
	float: left;
	width: 268px;
	height: 83px;
	margin: 0 15px 10px 0;
	padding: 0.5em 1em;
	background: #fff;
	border: 1px solid #efefef;
	box-shadow: 0 10px 30px -19px #aaa;
}
.loc p great { color: #03687d; font-size: 13px; font-weight: bold; }

.marker-caption p{margin: 3px 10px!important;}
.marker-caption p strong{text-transform: uppercase;color: black;}

.submit{
	/*top: 67px;*/
	left: -14px;
	width: 100%;
	position: relative;
}

#footer-contact .submit{
	top: 0;
	left: 0;
}

.coreBlue {
  color: #03a3c4;
  font-size: 43px;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: lighter;
}

.coreWhite {
  color: white;
  font-size: 34px;
  text-transform: uppercase;
}

#values {
  border-top: 1px solid #fff;
  padding: 20px;
  text-align: center;
}
#maps-button a{
color: #fff;
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 10px;
background: #448592;
border-radius: 6px;
display: inline-block;
margin-bottom: 8px;
}
.getpage-pager li{
	list-style-type: none;
	display: inline-block;
	margin: 0 5px;
}
#primary-nav.active a {
color: #E06F00 !important;
}


/* Location Page */
#page-gulf-coast-shipyards-locations #buckets {
    display: none;
}

#page-gulf-coast-shipyards-locations #buckets.location-buckets {
    display: block;
}

#page-orange-texas-shipyard-mobile .contact-us-btn {
display: none;
}

#quick-contact.sticky {
    position: fixed;
    top: 1em;
}
#company-info h2{
    margin: 0 0 15px;
    border-bottom: #CCC solid 1px;
    padding-bottom: 10px;
    width: 470px;
    float: left;
}
#company-info h3{
    width: 470px;
    float: left;
}
#company-info .company-location{
    display: flex;
    width: 470px;
    float: left;
    flex-direction: row;
    flex-wrap: wrap;
}
#company-info .company-office-info{
    width: 50%;
}
#company-info h4{
    font-size: 14px;
}