* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #BBB;
	background:#000 url(images/BGtexture.png) center top no-repeat fixed;
	min-width: 100%;
}

/*font-family: 'Lato', sans-serif;*/

a { color: #ffa616; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }
a.more { color: #ffa616; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.orangetxt {
	color:#ffa616;
}

.bigwhite {
	color: #FFF;
	font-weight:700;
	font-size:18px;
}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }

.shell { width: 990px; margin: 0 auto; }
.container { background: #282828; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.8); -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.8);  box-shadow: 0px 0px 13px rgba(0,0,0,0.8);}
#header { height: 146px; padding-top: 8px; padding-left: 33px; padding-right: 33px; }
#logo { width: 200px; float:none; margin: 0 auto; font-size: 0; line-height: 0; }
#logo a { height: 138px; display: block; background: url(images/conveyabulllogo.png) no-repeat 0 0;  text-indent: -4000px;}

#header .trucks { float: left; height: 138px; background: url(images/truckforsale.svg) no-repeat 0 0; background-size: contain;}

.login { float: right; margin: -130px 0px 0px 0px; background: url(images/mngbulltop.png) no-repeat 0 0; padding-top:39px;}
.login input.field { border: 1px solid #ffa616; background: #444; width: 166px; height: 24px; line-height: 22px; margin-bottom: 4px;  padding: 0px 6px; float: left; font-size: 11px; font-family: verdana, arial, helvetica, serif;  color: #bebebe;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.login input.login-btn { font-size: 11px; font-family: verdana, arial, helvetica, serif; float: right; padding: 3px 6px 3px 6px; background-color: #444; border: 1px solid #ffa616; color: #bebebe; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#navigation { height: 44px; padding-top: 4px; font-family: 'Lato', sans-serif; font-weight: 700; background: #444 url(images/navigation.png) repeat 0 0; -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.6); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.6); box-shadow: 0px 1px 4px rgba(0,0,0,0.9); }
#navigation ul { list-style: none; list-style-position: outside; margin: 0 auto; text-align:center; }
#navigation ul li { display: inline; padding-right: 0; line-height: 44px; /*background: url(images/nav-border.png) no-repeat right 0;*/  font-size: 13px; text-transform: uppercase; }
#navigation ul li a { display: inline-block; padding: 0 16px 0 14px; color: #ccc; text-decoration: none; }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color: #ffa616; }
#navigation ul li.first a { margin-left: auto; margin-right:auto; }
#navigation a.nav-btn { display: none; }

.slider h1 { font-size: 2.2em; color: #FFA616; text-align:center; margin-top: 20px; }

.slides h2 { font-size: 2.2em; font-weight:900; color: #FFF; text-align:center; }
.slides h3 { font-size: 2.4em; font-weight:300; color: #EEE; text-align:center; line-height:normal; margin-bottom:6px;}
.slides h4 { font-size: 1.8em; font-weight:700; color: #DDD; text-align:center; }
.slides h5 { font-size: 1.6em; font-weight:900; color: #CCC; text-align:center; line-height:normal; margin-bottom:6px;}
.slides h6 { font-size: 1.4em; font-weight:500; color: #BBB; text-align:center; }

.slideleft { position:relative; float:left; width:50%; height: 225px; }
.slideright { position:relative; float:left; width:48%; height: 225px; }

.slides .slideleft h3.bighalf { position:absolute; width: 94%; text-align:right; padding-right: 30px; top: 55%; transform: translateY(-50%);  font-weight:600; text-shadow: 2px 2px 6px #000; }
.slides .slideright h5.lilhalf { position:absolute; width: 100%; text-align:left; padding-left: 30px; border-left: 3px dashed #ffa616; top: 55%; transform:translateY(-50%); font-weight:400; color:#fff; text-shadow: 2px 2px 6px #000; }

li.sl_hwy { background-image: URL(images/transport-hwy2.jpg); background-position:center top;}
li.sl_ind { background-image: URL(images/transport-ind.jpg); background-position:center top;}
li.sl_comm { background-image: URL(images/transport-comm.jpg); background-position:center top;}

.slider ul.slides li.sl_carriers { background-image: URL(images/carriers.jpg); background-position:center top; height: 350px;}

h1.sl_halves-header { position:absolute; z-index:1000; width: 100%; text-shadow:3px 3px 7px #000;}


.slider-holder { position: relative; z-index: 5; margin-bottom:24px }
.slider-holder span.slider-b { background: url(images/slider-bottom.png) no-repeat 0 0;  width: 990px; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0;  width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; }
.slider { width: 990px;  height: 378px; position: relative;  background: url(images/slide-img.png) no-repeat 0 0;}
.slider.slidershort { background-image:none; height:225px; }
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }

.slider.banner1 { height: 200px; border-bottom: 3px solid #ffa616; border-top: 3px solid #ffa616;}
.slider.banner1 ul.slides li a div { width:100%; height:100%; }
.slider.banner1 ul.slides li { height: 200px; background: url(images/translogbanner.jpg) no-repeat center center;  }
.slider.banner1 ul.slides li.wind { height: 200px; background: url(images/windbanner.jpg) no-repeat center center;  }
.slider.banner1 ul.slides li.wind2 { height: 200px; background: url(images/windbanner2.jpg) no-repeat center center;  }
.slider.banner1 h2 { font-size: 2.4em; font-weight:500; letter-spacing: 3px; color: #FFF; background:rgba(0,0,0,0.45); text-align:center; line-height:normal; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position:absolute; text-shadow: 0px 0px 25px #004, 0px 0px 12px #002, 0px 0px 6px #000;}
.slider.banner1 h2 i {letter-spacing: 0px; color:#FFA616;}
.slider.banner1 p { width: 75%; bottom: 10px; right: 10px; text-align:right; position:absolute;}

.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }

.slider ul.slides li .slide-cnt { width: 320px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; }
.slider ul.slides li .slide-cnt h2 { font-size: 36px; line-height: 36px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Lato', sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 22px; }
.slider ul.slides li .slide-cnt a.grey-btn { background: url(images/grey-btn.png) no-repeat 0 0; width: 186px; height: 45px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; text-decoration:none; }
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.flex-control-nav { left: 465px; }
.main a.m-btn-grey { display: none; }

.main { padding: 12px 0px 0px; }
.main h2 { font-size: 22px; color: #CCC; line-height: 22px; padding-bottom: 8px; font-family: 'Lato', sans-serif; font-weight: 500; }
.main h3 { font-size: 18px; color: #DDD; line-height: 22px; padding-bottom: 8px; font-family: 'Lato', sans-serif; font-weight: 500;  }
.main section { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0px 20px 40px 20px; }
.main ul { list-style: none; list-style-position: outside; }
.main ul li { padding-bottom: 6px; padding-left: 10px; background: url(images/arr-ico.png) no-repeat 0 8px; }
.main ul li a { color: #ffa616; text-decoration: underline; } 
.main ul li a:hover { text-decoration: none; } 

.main .navtext a {color: #999; text-decoration:none;}
.main .navtext a:hover {color: #fff; text-decoration:none;}
.main .navtext {color: #999; padding-left:10px;}

.main .cols { padding-left: 0; padding-right: 0; }
.main .cols .col { width: 314px; float: left; }
.main .cols .col:after { content:''; width: 100%; clear: both; }
.main .cols .col + .col { padding-left: 20px; }
.main .cols .col img { float: left; width: 129px; height: 108px;  }
.main .cols .col-cnt { width: 296px; float: right; }
.main .cols b { color: #CCC; }
.main .cols p.indent {padding-left:22px; text-indent: -22px;}
.main .cols .col-dbl { width: 628px; float: left; }
.main .cols .col-dbl-cnt { width: 592px; float: right; }

.main .colsfoot {text-align:center; clear:both; margin:0px auto 0px auto; background-image:none; width:620px; } 

h2 a { font-size: 22px; color: #aaa; line-height: 22px; padding-bottom: 8px; font-family: 'Lato', sans-serif; font-weight: 500; text-decoration:none; }
h2 a:hover {text-decoration:none; color: #fff; }

.main .postm  { background: none; padding-top: 28px; padding-left: 40px;  }
.main .postm .video-holder { width: 435px; height: 245px; float: left; margin-right: 20px; }
.main .postm .material-img { width: 340px; height: auto; float: left; margin-right: 20px; }
.main .postm h2 { padding-bottom: 15px; }
.main .postm p { padding-bottom: 8px; }
.main .postm p strong { display: block; }
.main .postm b { color: #CCC; }
.main .post-mat { float: right; width: 570px; }

.main .postm .changingphoto { width: 435px; height: 245px; float: left; margin-right: 20px; position:relative;}
.main .postm .changingphoto img {display:none; position:absolute; top:0; left:0; }
.main .postm .changingphoto img.active {display:block; }

.main .post  { background: url(images/section-shadow.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px;  }
.main .post .video-holder { width: 435px; height: 245px; float: left; margin-right: 20px; }
.main .post .video350 { width: 350px; height: 245px; float: left; margin-right: 20px; }
.main .post .col-2-3rds { width: 628px; height: 471px; float: left; }
.main .post .col-2-3rds img, .main .post .col-2-3rds video, .main .post .col-2-3rds iframe { width: 628px; height: 471px; }
.main .post .col-1-3rd { width: 296px; height: 471px; float:right; }
.main .post .col-lhalf { width: 460px; float: left; padding-right:10px; border-right: 1px solid #666; }
.main .post .col-rhalf { width: 460px; float: left; padding-left:15px}
.main .post .col-lhalf img, .col-rhalf img { width: 435px; height: 140px; margin:auto; }

.main .post .center-video { width:640px; height:360px; margin:0 auto; float:none;}
.main .post .center-video-big { width:960px; height:540px; margin:0 auto; float:none;}
.main .post .center-video-big video { width:960px; height:540px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { display: block; }
.main .post b { color: #CCC; }
.main .post-cnt { float: right; width: 475px; }
.main .post560 { float: right; width: 560px; }

.main .post .changingphoto { width: 435px; height: 245px; float: left; margin-right: 20px; position:relative;}
.main .post .changingphoto img {display:none; position:absolute; top:0; left:0; }
.main .post .changingphoto img.active {display:block; }

.central { padding-top: 10px; padding-bottom: 10px;  text-align: center; background: none; margin: 0px auto; }

.main h1 {color:#FFF; font-size:24px; font-weight:700; margin-top:16px; margin-bottom:8px;}
.main h1 span {font-size:30px; line-height:36px; color:#FFA616;}

.main .testimonial { padding-top: 20px; padding-bottom: 20px;  text-align: center; background: url(images/section-shadow.png) no-repeat center bottom; }
.main .testimonial strong.quote { font-size: 28px; font-family: georgia ,arial, helvetica, serif; position: relative; top: 10px; left: -6px; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }

.socials { height: 49px;  }
.socials-inner { clear: both; text-align:center; padding-left:80px;}
.socials h3 { float: left; font-size: 18px; line-height: 49px; padding-right: 19px; padding-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 500;  }
.socials ul { list-style: none; list-style-position: outside; line-height: 49px; }
.socials ul li { font-size: 11px; padding-right: 38px;  color: #BBB; background: transparent; float: left; }
.socials ul li a { color: #BBB; text-decoration: none; }
.socials ul li a:hover { color: #FFF; }

.socials ul li p { display: block; padding-left: 28px; position: relative;  }
.socials ul li p span { background: url(images/socialsgrey.png) no-repeat 0 0; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; }

.socials ul li p.facebook-ico span { background-position: 0 0; }
.socials ul li p.twitter-ico span { background-position: -22px 0; }
.socials ul li p.rss-feed-ico span { background-position: -44px 0; }
.socials ul li p.myspace-ico span { background-position: -67px 0; }
.socials ul li p.john-doe-123-ico span { background-position: -88px 0; }

#footer { background: #191919; }
#footer h2 { font-size: 23px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; padding-bottom: 18px;  }

.footer-bottom { background: #191919; height: 38px; padding-top: 24px; padding: 24px 20px 0; border-top: 1px solid #262c2c;  }
.footer-bottom .footer-nav { float: left; line-height: 11px;  }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline;  font-size: 10px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0;  }
.footer-bottom .footer-nav ul li a { color: #5f6261; text-decoration: none;}
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; text-decoration: underline; }

.footer-bottom p.copy { float: right; line-height: 11px; font-size: 11px; color: #5f6261; }
.footer-bottom p.copy span { padding: 0  11px;  }
.footer-bottom p.copy a { color: #ffa616; text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }


h2 .thanks {
	text-align:center;
}

span.gps-icon {
	background: url("images/gps-rgb.png") no-repeat top left;
	background-size: contain;
	height: 4em;
	width: 4em;
	display: inline-block;
	line-height: 4em;
	padding-left: 4.2em;
}


.central form {
	margin: 0px auto;
}

.central form fieldset {
	padding: 0px 10px 10px 10px;
	margin: 0px auto;
	border: none;
	color:#000;
	background-color: #fff;
	text-align: center;
	float:none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 6px;
    -moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 2px 10px #000; 
	box-shadow: 0px 0px 10px #000; 
}

.central form input[type="text"], input[type="password"], input[type="url"], 
input[type="email"], input[type="tel"], input[type="date"], textarea{
	margin: 3px 0 0 0;
	display: block;
	width: 240px;
	text-align:left;	
	padding: 6px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

.central form label {
	text-align:left;	
	display: block;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
}

.central form label.error { 
	width: 240px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

.central form .placeholder {
	color: #aaa;
}

.central form select {
	text-align:left;
	display: block;
	margin: 0;
	padding: 6px; 
	width: 240px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	color: #666;
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

.central form option {
	text-align:left;
	display: block;
	font-family: arial, sans-serif; 
	font-size: 12px; 
	color: #000;
}

.central .button {
	display: inline-block;
	margin: 20px 0px 10px 0px;
	padding: 5px 15px 5px 15px;
	background-color: #282828;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.central .button:hover {
	background-color: #ffa616;
	cursor: pointer;
}

.central .button:active {
	background-color: #f08004;
	cursor: pointer;
}

.borderdiv img {width:100%; border: 2px solid #FFA616; color:#FFF;} 

.central form#order fieldset { width: 320px; }

.central form#order input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea { width: 300px; }

.central form#order textarea { width: 300px; height: 150px; }

.central form#order label.error { width: 295px; }

.central form#login fieldset { width: 250px; }

.central form#login label.error { width: 240px; }





form.wht h2, form.wht h3, form.wht h4 {
	color: #282828;
}
form.wht h4 a { color: #114; }
form.wht h4 a:hover { color: #FFA616; }

.central form.wht fieldset {
	width: 50%;
}

.central form.wht label {
	text-align:center;	
	display: block;
	font-size: 1.4em;
	color: #222;
	font-weight: bold;
	margin-top: 18px; 	
}

.central form.wht select {
	color: #363636;
	border: 1px solid #000;
	border-bottom: 1px solid #666;
	background: #ddd;
	font-size:1.8em;
	height:1.9em;
	line-height:1.9em;
	margin: 4px auto;
	width: 360px;
}

form.wht input, form.wht input[type="text"], form.wht input[type="password"], form.wht input[type="url"], 
form.wht input[type="email"], form.wht input[type="tel"], form.wht input[type="date"], form.wht textarea {
	color: #363636;
	border: 1px solid #000;
	border-bottom: 1px solid #666;
	background: #ddd;
}

form.wht input[type="submit"], form.wht input[type="button"], form.wht .button {
	width: auto;
	display: block;
	font-size:22px;
	text-align:center;
	margin: 32px auto 18px;
	padding: 16px 24px 16px 24px;
	background: #aaa;
	color:#000;
	border:none;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	text-indent:0px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

a .button {
	text-decoration:none;
}




.clear_empty {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	font-size: 0;
	line-height: 0px;
	display: block;
}

table {
background-color:#EEE;
color: #000;
border-collapse:collapse;
padding: 8px;
text-align:left;
width:100%;
font-weight:700;
border: 1px solid #000;
}

table thead {
background:#FFA616;
padding: 8px;
}

table td, table th {
padding: 6px;
border-right: 1px solid #000;
border-left: 1px solid #000;

}

table a{
color: #333;
font-size:14px;
text-decoration:none;
}

table a:hover{
color: #FFA616;
}

table tr.clickable {
	cursor:pointer;
}

table tr.clickable:hover {
	cursor:pointer;
	background:#333;
	color: #FFA616;
}

table td.table-cat {
	color:#ddd;
	background: #333;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

table td.gray {
	color:#ccc;
	background: #333;
}

table td.orange {
	color:#000;
	background: #ffa616;
}

.tc_date_picker {
	display: inline;
}

/* #Media Queries  ================================================== */

/* ipad portrait */
@media only screen and (min-width: 768px) and (max-width: 980px) {
	body { width: 768px; }
	.shell { width: 748px; }
	#navigation ul li a { padding: 0 9px; font-size: 11px; }
	#navigation ul li.first a { padding-left: 10px; }
	
	.slider-holder { position: relative;  margin-bottom:24px;}
	.slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0;  width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	.flex-control-nav { left: 346px; }

	.slider { width: 748px; height: 292px; position: relative; background: url(images/t-slide-img.png) no-repeat 0 0;}
	.slider ul.slides { list-style: none; list-style-position: outside; }
	.slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }

	.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
	.slider ul.slides li .img-holder img { width: 537px  !important; height: 266px  !important; }

	.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
	.slider ul.slides li .box-cnt { width: 285px; }
	.slider ul.slides li .slide-cnt h2 { font-size: 30px; line-height: 30px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Lato', sans-serif; font-weight: 700; }

h5.lilhalf span { font-size: 0.8em; }
	
	.main { padding: 12px 0 0 0;  }
	.main section { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }
	.main .cols { margin: 0 0 0 0; padding-left: 22px; padding-right: 22px;   }
	.main .cols .col { width: 220px; }
	.main .cols .col-dbl { width: 440px; }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { padding-left: 22px; }
	.main .cols .col-cnt { width:220px; }
	.main .cols .col-dbl-cnt { width:440px; }

	.main .testimonial { background: url(images/t-section-shadow.png) no-repeat center bottom; }
	.main .post { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px ;  }
	.main .postm { background: none; padding-left: 20px ;  }
	.main .post .col-2-3rds { width: 440px; height: 330px; float: left; }
	.main .post .col-2-3rds img, .main .post .col-2-3rds video, .main .post .col-2-3rds iframe { width: 440px; height: 330px; }
	.main .post .col-1-3rd { width: 220px; height: 330px; float:right; }
	.main .post .col-1-3rd img { max-width:220px; }
	.main .post .col-lhalf { width: auto; float: none; clear:both; padding-right:0; border-right: none; padding-bottom:10px; border-bottom: 1px solid #666; margin-bottom:15px;}
	.main .post .col-rhalf { width: auto; float: none; padding-left:0;}

	.main .postm .material-img { margin-right: 10px; }
	.main .post-mat { float: right; width: 350px; }

	.main .post .center-video-big { width:720px; height:480px; margin:0 auto; float:none;}
	.main .post .center-video-big video { width:720px; height:480px; }
	.main .post .video-holder { width: 435px; height: 245px; float: none; display: block;  margin-right: auto; margin-left: auto; margin-bottom: 20px;  }
	.main .post .changingphoto { width: 435px; height: 245px; float: none; display: block;  margin-right: auto; margin-left: auto; margin-bottom: 20px;  }
	.main .post .video350 { width: 350px; height: 245px; float: none; display: block;  margin-right: auto; margin-left: auto; margin-bottom: 20px;  }
	.main .post-cnt { float: none; display: block;  width: 100%; }
	.main .post560 { float: none; display: block;  width: 100%; }

	.socials-inner { clear: both; padding-left:30px; padding-right:5px; }
	.socials ul li { font-size: 10px; padding-right: 12px; }
	
	.footer-bottom { height: 58px; }
	.footer-cols { padding-left: 40px; }
	.footer-cols .col { width: 150px; }
	.footer-cols .col + .col { padding-left: 28px; }
	.footer-cols .col ul li { font-size: 12px; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding-bottom: 18px;  }
	.footer-bottom p.copy { float: none; display: block; text-align: center;  }

}

	
@media only screen and (max-width: 767px) {
	body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
	#header { position: relative; z-index: 1000; height: 77px; padding-left: 0; padding-right: 0;  }
	.login {display:none;}
	#logo { float: none; width:100px; display: block; margin: 0 auto; padding: 0 0 0 0;  }
	#logo a { height: 69px; background: url(images/conveyabulllogosm.png) no-repeat 0 0; }

	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #ffa616; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 700; }
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%; text-align:left;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
	#navigation ul li a { padding: 0 22px; }

.slides h2 { font-size: 1.8em; }
.slides h3 { font-size: 1.8em; margin-bottom:4px;}
.slides h4 { font-size: 1.6em; }
.slides h5 { font-size: 1.3em; margin-bottom:4px;}
.slides h6 { font-size: 1.2em; }
.slider h1 { font-size: 1.6em; margin-top: 12px; }

.slideleft { position:relative; float:none; width:100%; height: auto; }
.slideright { position:relative; float:none; width:100%; height: auto; }

.slides .slideleft h3.bighalf { position:relative; width: 100%; text-align:center; padding-right: 0px; top: 0%; transform: translateY(0%); text-shadow: 2px 2px 6px #000; }
.slides .slideright h5.lilhalf { position:relative; text-align:center; padding-left: 0px; border-left: none; top: 0%; transform:translateY(0%); color:#fff; text-shadow: 2px 2px 6px #000; display: none; }
h5.lilhalf span { font-size: 0.8em; }

li.sl_hwy { background-image: none; }
li.sl_ind { background-image: none; }
li.sl_comm { background-image: none; }

h1.sl_halves-header { position: relative; margin-top: 16px; margin-bottom: 16px; }

.slider.slidershort { height:180px; }

	.slider.banner1 { height: 181px; border-bottom: 2px solid #ffa616; border-top: 2px solid #ffa616; }
	.slider.banner1 ul.slides li { height: 181px; background: url(images/translogbanner-small.jpg) no-repeat center center; }
	.slider.banner1 ul.slides li.wind, .slider.banner1 ul.slides li.wind2 { height: 181px; background: url(images/windbanner-small.jpg) no-repeat center center; }
	.slider.banner1 h2 { font-size: 1.8em; font-weight:500; color: #FFF; text-align:center; line-height:normal; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); position:absolute;}
	.slider.banner1 p { bottom: 3px; right: 10px; }


	.m-slider { background: #282828;  }
	.slider-holder { position: relative; margin: 0 auto; width: 318px; margin-bottom:12px }
	.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; background-size:cover; width: 318px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none; }
	.flex-control-nav { left: 130px; }

	.slider { width: 318px; height: 181px; overflow: hidden; position: relative; background: url(images/m-slide-img.png) no-repeat 0 0; background-size: cover;}
	.slider ul.slides li { width: 318px !important; height: 181px !important; float: none; }

	.slider ul.slides li .img-holder { width: 250px  !important; height: 134px  !important; bottom: -10px !important; }
	.slider ul.slides li .img-holder img { width: 250px  !important; height: 134px !important; }

	.slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto;  padding: 0px; }
	.slider ul.slides li .box-cnt { display: none; }
	.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: left;  line-height: 25px; padding-bottom: 16px; padding-left:12px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Lato', sans-serif; font-weight: 700; }
	.slider ul.slides li .slide-cnt a.grey-btn { display: none;  }

	.main img { float: none; display: block; margin: 0 auto; height:auto; width:100%; }
	.main img#tcbtn_date1, .main img#tcbtn_date2, .main img#tcbtn_date3, .main img#tcbtn_date4, 
	.main img#tcbtn_date5, .main img#tcbtn_date6, .main img#tcbtn_date7, .main img#tcbtn_date8, 
	.main img#tcbtn_date9, .main img#tcbtn_date10 { height:auto; width:auto; display: inline-block;}

	.main { padding: 20px 0 0 0; }
	.main section { background: url(images/m-section-shadow.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; }
	.main .cols .col { width: 280px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
	.main .cols .col-dbl { width: 280px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
	.main .cols .col img { float: none; display: block; margin: 0 auto; height:auto; width:100%; }
	.main .cols .col + .col { padding-left: 0px; }
	.main .cols .col-cnt { width:280px; float: none; display: block; }
	.main .cols .col-dbl-cnt { width:280px; float: none; display: block; }
	.main a.m-btn-grey { display: block; background: url(images/m-btn-grey.png) repeat-x 0 0; margin: 0 10px 14px;  height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px;  text-decoration: none; }
	.main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }
	
	.main .colsfoot {width:280px; } 
	
	.main .testimonial {background: url(images/m-section-shadow.png) no-repeat center bottom; }
	.main .postm  { background: none; padding-top: 28px; padding-left: 20px;   }
	.main .post  { background: url(images/m-section-shadow.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px;   }
	.main .post .video-holder { width: 280px; height: 162px; float: none; display: block;  margin: 0 auto 20px;  }
	.main .post .video-holder img { width: 280px; height: 162px; }
	.main .post .center-video { width: 280px; height: 158px; }
	.main .post .center-video iframe { width: 280px; height: 158px; }
	.main .post .center-video-big { width: 280px; height: 158px; }
	.main .post .center-video-big iframe { width: 280px; height: 158px; }	
	.main .post .center-video-big video { width: 280px; height: 158px; }	
	.main .post .col-2-3rds { width: 280px; height: 210px; float: none; }
	.main .post .col-2-3rds img, .main .post .col-2-3rds video, .main .post .col-2-3rds iframe { width: 280px; height: 210px; }
	.main .post .col-1-3rd { width: 280px; height: auto; float:none; margin-bottom:10px; }
	.main .post .col-1-3rd img { max-width:280px; }
	.main .post .col-lhalf { width: auto; float: none; padding-right:0; padding-bottom:7px; margin-bottom:10px; border-right: 0; border-bottom: 1px solid #666; }
	.main .post .col-rhalf { width: auto; float: none; clear:both; padding-left:0;}
	.main .post .col-lhalf img, .col-rhalf img { width: 280px; height: 91px; margin: auto; }
	.main .postm .material-img { width:100%; float:none; }
	.main .post-mat { float: none; width: 280px; }

	.main .post .changingphoto { width: 280px; height: 162px; float: none; display: block;  margin: 0 auto 20px;  }
	.main .post .changingphoto img { width: 280px; height: 162px; }
	.main .post .video350 { width: 280px; height: 197px; float: none; display: block;  margin: 0 auto 20px;  }	
	.main .post .video350 img { width: 280px; height: 197px;  }
	.main .post-cnt { float: none; display: block;  width: 100%; }
	.main .post-cnt p strong { display: block; padding-bottom: 12px; }
	.main .post560 { float: right; width: 100%; }

	.testimonial h2 { font-size: 21px; }
	.testimonial p.author { text-align: center; }

	.socials { padding-bottom: 20px;  height: 100%; }
	.socials-inner { padding-left: 10px; text-align:left; }
	.socials h3 { float: none; display: block; }
	.socials ul li { display: block; float: none; line-height: 30px;  }
	.socials ul li p { display: block; float: none; }
	.socials ul li p span { top: 4px; }

	#footer h2 { padding-bottom: 12px; }
	.footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
	.footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; }
	.footer-cols .col + .col { padding-left: 0px; }
	.footer-cols .col ul li { font-size: 12px; }

	.footer-bottom { height: 58px; }
	.footer-bottom { padding: 10px 9px 20px; height: 100%; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
	.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important;  }

	.footer-bottom p.copy { float: none; display: block; text-align: center;  }
	.footer-bottom p.copy strong { display: block;  padding-top: 10px; }
	.footer-bottom p.copy span { display: none; }
	
	.central form#order fieldset {
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	width: 250px;
	}
	
	.central form#order input[type="text"], input[type="url"], 
	input[type="email"], input[type="tel"], textarea {
		margin: 3px 0 0 0;
		padding: 6px; 
		width: 240px; 
	}
	
	.central form#order textarea {
		width: 240px; 
	}
	
	.central form#order label.error { 
		width: 240px;
	}
	
	.central form#order .button {
		margin: 15px 0px 0px 65px;
	}
	
	.tc_date_picker { display: block; }


}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 

	#navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }

	#logo a { background: url(images/conveyabulllogosm.png) no-repeat 0 0; -webkit-background-size: 100px 69px; -moz-background-size: 100px 69px; background-size: 100px 69px;  }
}

tr.yellow td {
	background: #000;
	color: #fff;
}
@media print
{
	.printhide { visibility:hidden;}	
}





/*   Policies and Terms Styles   */

div.policies{
	margin: 5% 3%;
}
.policies .policies-heading h1{
	text-align:center;
	font-family: Helvetica, sans-serif !important;
	font-size:24px !important;
	font-weight:700 !important;
	color:#fff;
	margin-bottom:3%;
}

.policies-content p{
	padding:4px 0 0 0;
	font-family: Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight:400;
	color:#bbb;
}
.policies-subheading{
	margin-top:1.5%;
}
.policies-subheading h3{
	padding:1% 0;
	font-family:Lato, sans-serif;
	font-size:18px;
	font-weight:500;
	color:#ddd;
}	
.policies-list{
	margin-top:15px;	
}
.policies-list li{
	margin-left:25px;	
}
.policies-content a{
	color:#bbb !important;	
}