/*
blue - 008cff
light gold - D3C8A3
gold - c2b480
grey - C2C2C2
*/

body { padding: 0; color: #292929; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #FFF; }
a, a:link, a:focus, a:active, a:visited { color: #292929; text-decoration: underline; }
a:hover  { color: #c2b480; }
h1 { color: #008cff; margin-top: 0; font-size: 2em; }
h2  { color: #008cff; font-size: 1.6em; }
h3  { font-size: 1.2em; }
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td  { background-color: #F0F0F0; }

.container_top_banner_full { background: #008cff; }
#top_banner { color: #FFF; font-size: 0.9em; padding: 0.5em; }
.container_header_full { margin: 0 auto; width: 100%; padding: 0; }
#logo { float: left; margin: 25px 0; }
#jayco_logo { float: left; margin: 15px 0; }
#quick_contact { text-align: right; padding: 15px 0 10px 0; font-size: 1.1em; line-height: 1.5em; color: #292929; }
#quick_address { padding: 0 0 4px 0; font-size: 1.1em; }
#quick_phone { font-size: 1.3em; font-weight: bold; padding: 0 0 4px 0; }
#quick_contact a,#quick_contact a:link,#quick_contact a:focus,#quick_contact a:active,#quick_contact a:visited { color: #292929; font-size: 1.1em; font-weight: bold; }
#quick_contact a:hover { color: #c2b480; }
#quick_facebook { margin: 5px 0; }
#home_contact  h1 { font-size: 1.5em; text-align: center; background: #c2b480; color: #292929; padding: 0.5em 0.25em; }
#home_contact  { font-size: 1.1em; line-height: 1.6em; }

.container_menu_full { margin: 0 auto; width: 100%; background: #C2C2C2; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; }
@media all and (min-width: 0px) and (max-width: 768px) {
	#logo { float: none; margin: 0 auto; width: 90%; }
	.nav > li > a { padding: 10px 15px; }
	.nav-justified > li > a { padding: 10px; text-align: center; }
	.carousel-caption { display: none; }
	.container_top_banner_full { display: none; }
	.dropdown-menu { display: none !important; }
}
.navbar{ width: 100%; border-radius: 0; border: none; margin-bottom: 0; min-height: 35px; background: #C2C2C2; }
.navbar .container { padding: 0; }
.navbar-collapse { padding: 0; }
.nav > li > a { padding: 10px 15px 0 15px; }
.nav-justified > li > a { padding: 10px 0 10px 0; border-right: 1px solid #C2C2C2; text-align: center; text-decoration: none; border-radius: 0; font-size: 1.1em; color: #000; border-radius: 0; letter-spacing: 1px; font-weight: bold; border-right: 1px solid #9C9C9C; }
.nav-justified > li > a.active, .nav-justified > li > a:hover, .nav-justified > li > a:active , .nav-justified > li > a:focus,
.nav-justified  .open > a, .nav-justified  .open > a:hover, .nav-justified  .open > a:focus { color: #000; background: #D3C8A3; }
.nav-justified > li:first-child > a, .nav-justified > li:last-child > a  { border-bottom: 0; }
.nav .caret { border-top-color: #4D4D4D; border-bottom-color: #4D4D4D; }
.navbar .nav li.dropdown > a:hover .caret { border-top-color: #C2C2C2; border-bottom-color: #C2C2C2; } 
.navbar-default .dropdown-menu { background: #C2C2C2; border-radius: 0; padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li { padding: 0; margin: 0; }
.navbar-default .dropdown-menu > li  a { padding: 10px 20px 10px 30px; color: #000; min-width: 220px; text-decoration: none; border-bottom: 1px solid #FFF; font-size: 1em; }
.navbar-default .dropdown-menu > li  a.active, .dropdown-menu > li  a:hover, .dropdown-menu > li  a:active , .dropdown-menu > li  a:focus { background-color: #D3C8A3; color: #000; }
.dropdown:hover .dropdown-menu { display: block; }

.container_banner_full { margin: 0 auto; width: 100%; background: #000; }
.container_banner_full img { margin: 0; }
.container_content_full { margin: 0 auto; padding-bottom: 25px; width: 100%; background: #FFF; }

.container_slideshow_full { margin: 0 auto; padding-top: 15px; padding-bottom: 15px; width: 100%; background: #000; }
#carousel_container { padding: 0; }
.carousel { margin: 0; } 
.carousel-inner > .item > img { padding: 0; margin: 0;  }
.carousel-control { margin: 0 15px; }
.carousel-control.left, .carousel-control.right { background-image: none; }
.carousel-caption { width: 800px; bottom: 2%; left: 20%; color: #FFF; text-align: center;  }
.carousel-caption h1 { font-size: 35px; padding: 20px 40px; border-radius: 10px; overflow: hidden; margin: 0; background: #c2b480; color: #FFF; text-shadow: 2px 2px 2px #1e0f08; }
.caption { font-size: 30px; float: left; margin-left: 40px; padding: 8px 15px; background: #D3C8A3; color: #000; }
.caption_btn { float: left; padding: 10px 20px;  background: #008cff; }
.caption_btn a, .caption_btn a:link, .caption_btn a:focus, .caption_btn a:active, .caption_btn a:visited { font-size: 16px; margin: 0; color: #FFF; background: #008cff; text-decoration: none; font-weight: normal; }
.caption_btn a:hover  { color: #c2b480; }
#myCarousel { margin-bottom: 20px; }
.selected img { opacity: 0.5; }
#slider-thumbs .h5 { margin-bottom: 10px; }
#slider-thumbs img { height: 120px; }

.container_banner_full { margin: 0 auto; padding-top: 15px; padding-bottom: 15px; width: 100%; background: #000;  }
#banner { position: relative; width: 100%; padding: 5px 0 0 0; }
#banner  h1 { color: #FFF; width: 100%; margin-left: 25px; }

.container_content_full { background: #FFF; }
#main_content { background: #FFF; padding-top: 20px; }
#article_photos img { margin: 0 10px 10px 0; vertical-align: top; }
#page_photos  { float: right; }
#page_photos  img {  padding: 0 0 0.5em 0; }
#page_photos  p { font-size: 0.85em; padding: 0.25em 0 0.5em 0; }
.file_list { margin: 0 0 2em 0; }

#home_ctas h2 { text-transform: uppercase; font-size: 1.2em; }
#home_ctas p { text-align: center; padding: 5px 0 10px 0; }

/* news */	
#listing_year_nav { padding: 0 0 1em 0; }
.listing  { clear: both; margin: 0.5em 0 0.5em 15px; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #C2C2C2; }
.listing_title  { padding: 0.5em 0 0.25em 0; font-size: 1.5em; font-weight: bold; }
.listing_date { font-style: italic; margin: 0 0 0.25em 0; font-size: 0.85em; }
.listing_photo  { padding: 0 0 0.5em 0; }
.listing_description { margin: 0; }		
.listing_description h3 { margin-top: 0; }

/* used */
.used_name { font-size: 14px; font-weight: bold; text-align: center; }
.used_photo img { width: 80%; margin: 0 auto; }

label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; }
.control-label { padding-right: 1em; }
.error_msg { padding: 0.5em 0; color: #B0171F; }
.confirmation_msg { padding: 0.5em 0; color: #325c86; }
#form_intro { padding: 0 0 1em 0; }
#map { width: 452px; height: 402px; border: 1px solid #aaa; margin: 50px 0 20px 0; }
.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0  }
.btn-primary, .btn-primary:link, .btn-primary:focus, .btn-primary:active, .btn-primary:visited, .btn-primary[disabled] { margin: 0.5em 0; background: #008cff; color: #FFF; border: none; text-decoration: none; }
.btn-primary:hover  { background: #D3C8A3; color: #000; }

.container_footer_full { margin: 0 auto; width: 100%; background: #C2C2C2; padding: 10px 0; }
#footer_links { color: #000; font-size: 0.85em; }
#footer_links h2 { color: #008cff; }
#footer_links li { padding: 0.25em 0; }
#footer_links a,#footer_link a:link,#footer_links a:focus,#footer_links a:active,#footer_links a:visited { color: #000; text-decoration: underline; }
#footer_links a:hover { color: #008cff; }
#footer_links table { margin-top: 20px; }
#footer { font-size: 0.75em; color: #000; padding: 10px 0; margin-top: 20px; border-top: 1px solid #000; }
#footer a, #footer a:link, #footer a:focus, #footer a:active, #footer a:visited { color: #000; text-decoration: underline; font-weight: normal; }
#footer a:hover  { color: #008cff; }
#copyright { padding-left: 0; }
#credits { text-align: right; padding-right: 0; }

/* Fade transition for carousel items */
.carousel .item {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.carousel .carousel-control { visibility: hidden; background-image: none !important; }
.carousel:hover .carousel-control { visibility: visible; }
.carousel .active.left, .carousel .active.right {
left:0;
opacity:0;
z-index:2;
}
.carousel .next, .carousel .prev {
left:0;
opacity:1;
z-index:1;
}