#container {
	min-width:1000px;
	width:100%;
 	margin: 0 auto;
}
.content-wrap {
	position:relative;
	width:1000px !important;
	margin:auto;
	display:table;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
	position: relative;
	height:110px;
	background:#FFF;
	box-shadow:0 8px 0 #118cd9;
	background:linear-gradient(#EEE,#FFF);
}
#header .logo {
	top: 10px;
	left: -0;
	position: absolute;
	width: 160px;
	float: left;
	z-index: 2;
}
#header .logo img {
	position: absolute;
	width: 160px;
	z-index: 11;
}
#header .content-wrap {
	position: relative;
	height:110px;
	box-shadow:0 8px 0 #008;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ BANNER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#banner {
	margin: 8px auto 0 auto;
	background:rgb(205,245,255);
}
#banner .title {
	position:absolute;left:70px;top:80px;font-family:'lato',sans-serif;font-size:36px;font-weight:900;color:#000080;
}
#banner .sub-title {
	position:absolute;left:70px;top:130px;font-family:'lato',sans-serif;font-size:28px;font-weight:900;color:#0088d6;
}
#banner .desc {position: absolute; left: 70px; top: 185px; width:460px; font-family: 'open sans',sans-serif; font-size: 13px; font-weight: normal; color: #000; width: 460px;text-align:justify;}
.custom-btn-container {
	position:absolute;left:65px; top:285px;
}
#banner .tag {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #555;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-family: roboto;
	font-weight: 400;
	line-height: 50px;
	font-size: 18px;
	padding: 0 10px;
	width: 980px;
}
#logo-rotator-container {
	position: relative;
	z-index: 109;
		
}
#logo-rotator-container .content-wrap {
	background:#008;
	background:linear-gradient(#008,#006);
	height:90px;
	border-top:1px solid #006;
	border-bottom:1px solid #006;
}
#logo-rotator-container .title {
	padding-top: 15px;
	padding-left:10px;
	font-family: Open Sans;
	font-weight:400 !important;
	font-size: 30px;
	font-weight: bold;
	color: #aacdf2;
}
#logo-rotator-container .title span {
	display:block;
	font-size:18px;
}
#brand-image-slideshow {
	position: relative;
	margin-bottom:12px;
	overflow:hidden;
	border: 1px solid #0059b8;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content {
	position: relative;
	min-height: 600px;
}
#content .content-wrap {
	padding:15px;
	width:970px !important;
	background:#FFF;
}
#content .top-gradient {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80px;
	background:linear-gradient(#DDD,#FFF);
}
#content:after {
	clear: both;
	display: table;
	content: "";
}
.content-panel {
	width: 770px;
	float: right;
}
.left-sidebar {
	float: left;
	width: 180px;
	padding-right:25px;
}
.left-sidebar:after {
	display: table;
	content: "";
	clear: left;
}
.right-sidebar {
	float: right;
	width: 180px;
	padding-left: 25px;
}
.right-sidebar:after {
	display: table;
	content: "";
	clear: right;
}
.middle-content {
	float: left;
	width: 560px;
}
.middle-content h1 {
	margin-top:0;
}
.middle-content:after {
	display: table;
	content: "";
	clear: both;
}
p.tagline {
	text-align:left;
	font-style:italic;
}
#welcome-row {
	position:relative;
	padding-bottom:20px;

}
#welcome-row h1 {font-size:28px;}
#welcome-row p {
	font-size:18px;
	line-height:26px;
	margin-bottom:35px;
	color:#118cd9;

}
#mobile-and-crawler-crane-col {
	width:470px;
	float:left;
}

#crane-parts-and-accessories-col {
	width:470px;
	float:right;
}
#crane-parts-and-accessories-col ul {
	margin:0;
	padding:0;
	list-style:none;
	column-count:2;
	-webkit-column-count:2;
}
#crane-parts-and-accessories-col li {
	line-height:26px;
}
#crane-parts-and-accessories-col .custom-btn {
	width:100%;
	padding:0;
}
#mobile-and-crawler-crane-col .contact-us-btn {
	width: 180px;
}
#mobile-and-crawler-crane-col .request-quote-btn {
	width: 224px;
	margin-left:25px;
}
#_2col-layout {
	position:relative;
	width:110%;
}
#_2col-layout:after {
	clear: both;
	display: table;
	content: "";
}
#_2col-layout .tile {
	position:relative;
	float:left;
	width:40.5%;
	padding:1.6%;
	margin:0 3.2% 18px 0;
	background: #0059b8;
}

#_2col-layout .tile img {
	width:100%;
}
#_2col-layout .tile h3 {
	color:#aad8f2;
	margin:6px 0;
	font-size:16px;
}
#_3col-layout {
	position:relative;
	width:110%;
}
#_3col-layout:after {
	clear: both;
	display: table;
	content: "";
}
#_3col-layout .tile {
	position:relative;
	float:left;
	width:26%;
	border:6px solid #0059b8;
	margin:0 3% 15px 0;
}

#_3col-layout .tile img {
	width:100%;
}
#_3col-layout .tile h3 {
	color:#aad8f2;
	margin:5px 0;
	font-size:15px;
}

#crane-part-ref-btn-container {
	position:relative;
	background:#0059b8;
	padding:20px 0;
}
#crane-part-ref-btn-wrapper {
	position:relative;
	width:450px;
	margin:auto;
}
#crane-part-ref-btn-wrapper a {
	width:
}


/* ~~~~~~~~~~~~~~~~~~ CRANE BRANDS DESCRIPTION PAGE CSS ~~~~~~~~~~~~~~~~~~~~~~*/

.brand-logo {
	width:166px;
	background:#FFF;
	border:6px solid #0059b8;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTACT US CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contact-us-menu .title {
	padding: 16px 0 !important;
}
.contact-us-menu li a {
	padding: 2px 4px !important;
}
#contact-info {
	width: 360px;
	float: left;
}
#contact-info h2.company {
	color: #008;
	font-size: 18px;
	margin-bottom: 8px;
}
#contact-info span, #contact-details p {
	font-family: 'Lato', sans serif;
	line-height: 22px;
	font-size: 15px;
	letter-spacing: 0.2px;
}
#contact-info p {
	font-size: 14px;
	letter-spacing: 0.2px;
}
#contact-info a {
	color: #C00;
}
#map {
	width: 360px;
	height: 250px;
	float: right;
	margin-top: 20px;
	border: 1px solid #DDD;
}
#request-quote-panel .options-bar {
	width: 100%;
	margin-top:25px;
	border-radius:4px;
}
#request-quote-panel .options-bar:after {
	display: table;
	clear: both;
	content: "";
}
.options {
	position: relative;
	width: 33%;
	margin-right:0.3%;
	padding: 15px 0;
	float: left;
	cursor:pointer;
	border-radius:#00A;
	background:#008;
}
.options:first-child {
	border-radius:4px 0 0 4px;
}
.options:last-child {
	border-radius:0 4px 4px 0;
}
.options:hover {
	background: #0059b8;
}
.options.selected {
	background: #0059b8;
}
#request-quote-panel .options h2 {
	font-family: Lato;
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 0 15px;
	color:#FFF;
	float: left;
}
#request-quote-panel .options .thumb {
	width: 45px;
	height: 45px;
	padding: 5px 0 0 10px;
	float: left;
}
#request-quote-panel .options .thumb img {
	width: 100%;
}
#request-quote-panel .options .thumb object {
	width: 100%;
}
#request-quote-panel .options.selected:before {
	content: "";
	position: absolute;
	left: 35px;
	bottom: -14px;
	border-top: 14px solid #004085;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
}
#request-quote-panel .options.selected:after {
	content: "";
	position: absolute;
	left: 35px;
	bottom: -14px;
	border-top: 14px solid #0059b8;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
}
#connect-with-us-panel .social-link {
	width: 240px;
	float: left;
	padding-top: 15px;
}
#connect-with-us-panel .social-link .icon {
	float: left;
	margin-right: 20px;
	vertical-align: top;
}
#connect-with-us-panel .social-link .icon:hover {
	opacity: 0.8;
}
#connect-with-us-panel h2 {
	color: #000;
	margin: 0 0 10px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ABOUT US CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.intro-line {
	font-size: 15px;
	font-family: roboto, sans-serif;
	font-style: italic;
	font-weight: 500;
}
#about-us-content {
	float: left;
	width: 750px;
	font-size: 13px;
}
#about-us-content:after {
	clear: both;
	display: table;
	content: "";
}
#about-us-sidebar {
	float: right;
	padding-top: 5px;
	position: relative;
}
#about-us-banner {
	float: left;
	position: relative;
	margin-right: 15px;
	border: 1px solid #DDD;
}
#about-us-banner .tag {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	width: 355px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	font-family: 'roboto', sans-serif;
	font-size: 16px;
	letter-spacing: 0.6;
	line-height: 24px;
	font-weight: 500;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer-container {
	position: relative;
	width: 100%;
	color: #666;
	font-size:12px;
	margin-top:8px;
	box-shadow:0 -8px 0 #118cd9;
	background:#EEE;
}
#footer {
	width: 1000px;
	margin: 0 auto;
	padding:30px 0 15px 0;
	position: relative;
	box-shadow:0 -8px 0 #008;
	border-bottom:1px solid #DDD;
}
#footer:after {
	display: table;
	content: "";
	clear: both;
}
#footer-container h3 {
	color: #008;
	font-weight:600;
	font-size: 14px;
	margin-top:0;
}
#footer-container ul {
	margin: 0;
	padding: 0;
}
#footer-container li {
	list-style: none;
}
#footer-container li a {
	font-size: 12px;
	line-height:22px;
	text-decoration: none;
	color: #666;
}
#footer-container li a:hover {
	color: #04A;
	text-decoration: underline;
}
#footer-container .cols {
	float: left;
	padding-left: 10px;
	min-height:190px;
	border-left:1px solid #FFF;
	border-right:1px solid #DDD;
}
#footer-container .cols:first-child {
	border-left:none;
}
#footer-container .cols:last-child {
	border-right: none;
}
#footer-container .crane-brands-col {
	width: 150px;
}
#footer-container .crane-parts-col {
	width: 200px;
}
#footer-container .company-col {
	width: 150px;
}
#footer-container .get-in-touch-col {
	position: relative;
}
#footer-container .address .company {
	color:#444;
	font-weight: 600;
}
#footer-container .address span {
	line-height: 20px;
}
#footer-bottom-bar {
	position:relative;
	height:40px;
	width:990px;
	margin:0px auto;
	border-top:1px solid #FFF;
}
#footer-bottom-bar .copyright {
	position: absolute;
	top: 10px;
	left: 0px;
}
#footer-bottom-bar .links {
	position:absolute;
	top:10px;
	right:0;
}
#footer-bottom-bar .links li {
	float: left;
	color:#666;
}
#footer-bottom-bar .links li:after {
	content: "|";
	padding: 0 5px;
}
#footer-bottom-bar .links li:last-child:after {
	content: "";
	padding-right: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FORM CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.form {
	padding: 10px 0;
}
.form-container {
	padding: 30px 0 10px 0px;
}
.form-status {
	clear:both;
	float:none;
}
label {
	font-family: 'Lato', sans serif;
	line-height: 25px;
	font-size: 16px;
	letter-spacing: 0.2px;
	font-weight: normal;
}
input, textarea {
	width: 360px;
	font-size: 15px;
	line-height: 20px;
	margin-top: 4px;
	padding: 4px;
	border: 1px solid #DDD;
}
textarea {
	height: 120px;
	resize: none;
}
input[type=file] {
	border: none;
	padding: 0;
}
select {
	font-size: 15px;
	height: 30px;
	padding: 4px;
	margin-top: 4px;
	border: 1px solid #DDD;
}
option {
	background:#000080;
	height:25px;
	color:#aad8f2;
}
input, select, textarea {border:1px solid #CCC;color:#008;}
button {
	border: none;
	background: #b00;
	padding: 6px 20px;
	color: #FFF;
	border-radius: 3px;
	margin: 8px 10px 8px 0;
	font-size: 16px;
}
button[disabled], button[disabled]:hover {
	background:rgba(200,0,0,.4);
}
button:hover {
	background: #d00;
}
.input-box {
	margin-right: 8px;
	float: left;
}
.input-box label {
	line-height: 24px;
	display: block;
}
.validation-status {
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	clear: both;
}
.input-box.error {
	color: #D00;
}
.input-box.error input, 
.input-box.error select,
.input-box.error textarea {
	border-color: #D00;
}
.input-box.error input[type=file] {
	color: #D00;
}
#custom-quote-form .name {
	width: 340px
}
#custom-quote-form .company {
	width: 360px
}
#custom-quote-form .email {
	width: 340px
}
#custom-quote-form .phone {
	width: 170px
}
#custom-quote-form .mobile {
	width: 170px
}
#custom-quote-form .address {
	width: 340px
}
#custom-quote-form .country-list {
	width: 180px
}
#custom-quote-form .state {
	width: 180px
}
#custom-quote-form .city {
	width: 180px
}
#custom-quote-form .zip {
	width: 140px
}
#custom-quote-form .crane-brand {
	width: 139px
}
#custom-quote-form .part {
	width: 100px
}
#custom-quote-form .qty {
	width: 60px
}
#custom-quote-form .description {
	width: 360px
}
#add-product-detail-btn,
#remove-product-detail-btn {
	background:#008;
	cursor:pointer;
}
#add-product-detail-btn:hover,
#remove-product-detail-btn:hover {
	background:#004B9C;
}

#submit-file-form {}
#submit-file-form input {width:390px;}
#submit-file-form #file-uploader {
	width:400px;
	color:#008;
	font-size:12px;
}

.form {}
.upload-progress {position:relative;}
.upload-progress:after {
content:"";
display:table;
clear:both;
}
.upload-progress .progress-bar {position:relative;float:left;width:380px;height:8px;margin:5px 0;border:1px solid #008;}
.upload-progress .progress {position:absolute;top:0;left:0;width:0;height:8px;background:#008;}
.upload-progress .cancel-upload-btn {float:right;text-align:right;display:inline-block;width:18px;height:14px;color:#F00;margin:3px 0; cursor:pointer}