@charset "UTF-8"; /* CSS Document */ @import url("/static/webfonts/SourceSansPro_Regular/stylesheet.css"); @import url("/static/webfonts/SourceSansPro_Semibold/stylesheet.css"); @import url("/static/webfonts/OpenSans_CondBold/stylesheet.css"); img, object, embed, video { max-width: 100%; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; } img { border: none; outline: none; } hr { clear:both; } a:active { outline:none; } a:link, a:visited { color: #F19D00; text-decoration: none; } a:hover, a:active { color: #322C25; text-decoration: underline; } /* a { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } */ /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { color: #322C25; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: normal; } .lrgHdr, h1 { font-size: 2em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 40px; } .medHdr, h2 { font-size: 1.8em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 28px; } .smHdr, h3 { font-size: 1.6em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 23px; } .xsmHdr, h4 { font-size: 1.4em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxsmHdr, h5 { font-size: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxxsmHdr, h6 { font-size: 1.1em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /* Content text */ .largeText { font-size: 1.2em; } .bodyText { font-size: 1em; } .medText { font-size: 1.1em; } .smText { font-size: .9em; } /* Content Stuff */ body { /* Use .bodyGoods for background styles */ font-family: Helvetica, Arial, sans-serif; font-size: 15px; margin: 0px; padding: 0px; } p { padding-top: 0px; margin-top: 0px; } .alert { background-color: rgba(255,244,244,0.98); color: #B6292B; margin: 10px; padding: 8px 30px 8px 8px; text-shadow: 0px 0px 0px rgba(0,0,0,0.00); } .totopbutton { position: fixed; right: 10px; bottom: 20px; z-index: 9999; opacity: 0; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition: opacity 2s; /* Safari */ transition: opacity 2s; } .totopbutton.sticky { opacity:1; } .totopbutton a { padding: 15px 20px; display: block; border: 1px solid #E1E1E1; border-radius: 3px; } .totopbutton a:link, .totopbutton a:visited { background-color: rgba(255,255,255,0.88); color:#e1e1e1; } .totopbutton a:hover, .totopbutton a:active { background-color: rgba(255,255,255,0.98); color: #719430 !important; } .container-fluid { padding-left:15px; padding-right:15px; } .bodyGoods { background-color: #F19D00; } .copyright { font-size: .8em; padding-top:10px; text-align: center; } .headerBox { background-color: rgba(38,144,252,0.84); padding-top: 10px; color: #ffffff; } .navbarBox { margin-top: -65px; font-size: 1.5em; } .subheaderBar { background-color: rgba(0,0,0,0.37); margin-top: 8px; padding-top: 8px; padding-bottom: 8px; } .logoBox { text-align: left; z-index: 9999; } .searchBox { display: block; text-align:center; margin-top:15px; } .searchBox form { text-align: center; float:none; } .phoneBox { text-align:center; color:white; font-weight:bold; font-size:2em; margin-top:15px; } #searchinput { width: 100%; } .contentBox { background-color: #FFFFFF; padding-bottom: 30px; padding-top: 15px; } .colorrowBox { padding-top: 30px; padding-bottom: 30px; background-color: #E4E4E4; text-align: center; margin-top: 30px; margin-bottom: 30px; } .footerBox { color: #ffffff; font-size: 1.1em; line-height: 1.2em; padding-top: 30px; padding-bottom: 30px; } .footerBox a:link, .footerBox a:visited { font-weight: normal; color: #FFF; text-decoration: none; } .footerBox a:hover, .footerBox a:active { font-weight: normal; color: #cccccc; } .footerNav { display: none; font-family: Helvetica, Arial, sans-serif; } .footerNav li { padding-right: 8px; padding-left: 8px; border-right: 1px solid #cccccc; margin-bottom: 8px; display: inline-block; } .footerNav li:last-of-type { border-right: none; } .footerNav ul { margin: 0px; padding: 0px; list-style-type: none; } .footerNav ul li ul { display: none; } .searchBttn { } .sociallinksBox { text-align: center; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; } /*For fa icons .sociallinksBox a { display: inline-block; border-radius: 50%; margin-right: 3px; margin-left: 3px; text-align: center; color: #FFFFFF; width: 35px; height: 35px; padding-top: 7px; font-size: 1.4em; } .sociallinksBox a:link, .sociallinksBox a:visited { background-color: #000000; } .sociallinksBox a:hover, .sociallinksBox a:active { background-color: #CCCCCC; }*/ /*For fa icons end*/ .mapBox { text-align: center; } .addressBox { padding-top: 16px; padding-bottom: 0px; text-align: center; } .addressBox p:last-of-type { padding-bottom: 0px; margin-bottom:0px; } #contentLeft { padding-bottom: 20px; } #sidebarBox { border-top: 1px solid #cccccc; padding-top: 20px; } .sidebarNav { } .sidebarNav ul { list-style-type: none; border-bottom: 1px solid #FCD669; margin-left: 0px; padding-left: 0px; } .sidebarNav li { border-top: 1px solid #FCD669; } .sidebarNav a { padding: 6px 10px; display:block; } .sidebarNav a:hover, .sidebarNav a:active { background-color: rgba(102,152,174,0.25); text-decoration:none; color:#322C25; } .sidebarNav .active a { background-color: rgba(0,0,0,0.15); color: #FFFFFF; } .photoLeft { padding-bottom:10px; display:block; } .photoRight { padding-bottom:10px; display:block; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { } #sidebarLeftBox { border-bottom: 1px solid #cccccc; padding-bottom: 20px; } #contentRight { padding-top: 20px; } #leftsidebar { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } #contentmiddle { } #rightsidebar { border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 20px; } .photoRowBox { text-align: center; margin-bottom: 20px; } .photoRowCaption { padding-top:10px; } .photoRowPhoto { } .photoRowPhoto img { } #photoGalleryBox { } #photoGalleryBox .photoRowBox { } #photoGalleryBox .photoRowPhoto img { } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { text-align: center; margin-top: -34%; display: block; } .flex-caption { padding: 15px; background-color: rgba(0,0,0,1.00); display:block; } .flex-control-nav { display: none; } .flex-caption img { } #flex-caption-right { margin-left:10px; } #flex-caption-left { margin-left:10px; } .flex-direction-nav { display: none; } .captionwidth {} .columnsSplitter { } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } /*See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.az9oS8bv.dpuf */ .video-container { position: relative; /* padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;*/ } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .galleryheader { text-align:center; } .gallerynav { /* [disabled]padding-bottom: 40px; */ padding-top: 30px; font-size: 0.9em; } .galleryphoto { text-align: center; } .galleryphoto img { margin-right:auto; margin-left:auto; } .galleryphoto button { } .gallerythumbs { display:none; } .gallerythumbs img { /*min-height: 180px;*/ } .gallerythumbs div { /*min-height: 180px;*/ margin-right:3px; margin-left:3px; } .gallerythumbs .slick-dots { } .gallerythumbs .slick-current { border:4px solid #322C25; } @media (min-width: 415px) { .galleryphoto { } .galleryphoto img { } .galleryphoto button { display:none !important; } .gallerythumbs { display:block; padding-top: 0px; } } .form-content-box { padding-top: 20px; } .form-left-col { padding-top: 20px; } .form-right-col { padding-top: 20px; text-align: center; } @media (min-width: 768px) { body { } .hidden-xs { display: inline !important; } .bodyGoods { padding-top: 150px; } .copyright { } .headerBox { position: fixed; width: 100%; z-index: 10; top: 0px; } .navbarBox { margin-top: 29px; font-size: 1em; } .subheaderBar { } .logoBox { } .searchBox { display: block; text-align: right; margin-top:0px; } .phoneBox { margin-top:0px; padding-top:5px; } .contentBox { padding-top: 30px; } .colorrowBox { } .footerBox { font-size: 0.9em; } .footerNav { margin-top: 29px; display: block; text-align: right; } .sociallinksBox { text-align: left; } .sociallinksBox img { } .mapBox { } .addressBox { border-right: 1px solid #cccccc; text-align: left; font-size: 1em; padding-top: 0px; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 0px; border-top-style: none; border-left: 1px solid #cccccc; padding-left: 20px; } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { padding-right: 0px; padding-bottom: 10px; float: none; } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { padding-bottom: 10px; padding-left: 0px; float: none; } #leftsidebar { border-top-style: none; border-right: 1px solid #cccccc; border-bottom-style: none; padding-right: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #cccccc; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { border-right: 1px solid #cccccc; border-bottom-style: none; } #contentRight { padding-top: 0px; } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -21%; display: block; } .flex-caption { visibility: visible; /* [disabled]padding: 15px; */ font-size: 1.1em; position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.00); text-align: center; } .flex-control-nav { display: none; } .flex-control-nav li { } .flex-caption img { visibility:visible; width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:500px; } .flex-direction-nav { display: block; } .captionwidth {} .flexCaptionBox { } .columnsSplitter { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { text-align:left; } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col { float:right; text-align: left; padding-left: 50px; } } @media (min-width: 992px) { body { } .bodyGoods { padding-top: 194px; } .copyright { } .headerBox { padding-top: 20px; } .navbarBox { margin-top: 46px; font-size: 1.1em; } .subheaderBar { margin-top: 34px; } .logoBox { } .searchBox { } .phoneBox {} .contentBox { padding-top: 60px; padding-bottom: 40px; } .colorrowBox { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; } .footerBox { font-size: 1em; } .footerNav { margin-top: 35px; } .sociallinksBox { } .sociallinksBox img { } .addressBox { } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #leftsidebar { padding-right: 20px; border-right: 1px solid #cccccc; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #cccccc; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { padding-right: 30px; } #contentRight { padding-top: 0px; } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -23%; } .flex-caption { font-size: 1.2em; } .flex-control-nav { display: block; } .flex-control-nav li { display: none !important; } .flex-caption img { width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:680px; } .flex-direction-nav { } .captionwidth { width: 1024px; margin-left: auto; margin-right: auto; float: none; clear: both; } .flexCaptionBox { border-radius: 15px; background-color: rgba(255,255,255,0.80); padding: 5%; width: 90%; font-size: 1em; } .columnsSplitter { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} } @media (min-width: 1200px) { body { } .bodyGoods { padding-top: 220px; } .copyright { } .headerBox { } .navbarBox { margin-top: 56px; } .subheaderBar { } .logoBox { } .searchBox { } .phoneBox {} .contentBox { } .colorrowBox { } .footerBox { } .footerNav { } .sociallinksBox { } .sociallinksBox img { } .addressBox { } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { } .photoRight { } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { } #leftsidebar { } #contentmiddle { } #rightsidebar { } #sidebarLeftBox { } #contentRight { } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -23%; } .flex-caption { } .flex-control-nav { display: block; } .flex-control-nav li { display: none !important; } .flex-caption img { width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:680px; } .flex-direction-nav { } .captionwidth { width: 1024px; margin-left: auto; margin-right: auto; float: none; clear: both; } .flexCaptionBox { } .columnsSplitter { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} } /* -- Removes the div height matching -- */ @media only screen and (min-width: 0px) and (max-width: 770px) { #sidebarBox, #rightsidebar, #leftsidebar, #sidebarLeftBox, #contentLeft, #contentRight { height: auto !important; max-height: 888678px; } } /*@media only screen and (min-width: 581px) and (max-width: 769px) { #rightsidebar { height: auto !important; max-height: 888678px; } .flex-caption { visibility:hidden; } } */ /*Bootstrap-ish CSS*/ .table { background-color:#ffffff; } /*Stacks table td for mobile sites and makes xs buttons bigger*/ @media (max-width: 768px) { .table td { display:block; } .table tr { display:block; } .table th { display:none; } .table .btn-xs { width:100%; font-size:1.3em; padding-top:8px; padding-bottom:8px; } } /*Form Stuff*/ .mezzanine-form .help-block { display: none; /* Hides help text */ font-size: 0.8em; } .control-label { display:none; /* Hides the form lable */ } .form-group > input[type="text"], .form-group > input[type="password"], .form-group > input[type="datetime"], .form-group > input[type="datetime-local"], .form-group > input[type="date"], .form-group > input[type="month"], .form-group > input[type="time"], .form-group > input[type="week"], .form-group > input[type="number"], .form-group > input[type="email"], .form-group > input[type="url"], .form-group > input[type="search"], .form-group > input[type="tel"], .form-group > input[type="color"], .form-group > select, .form-group > textarea { width: 100%; max-width: 100%; background-color: #ffffff; } .form-actions { background-color: transparent; border-top: none; padding: 0px; margin-bottom: 15px; border-radius: 5px; } /* Trageted Form Styles (Use the embed page name for id) */ /* Button Stuff */ .btn-sitefont { font-family: Helvetica, Arial, serif; font-size: 1.2em; } .price { font-size:1.2em; } .old-price { } legend { color: #cccccc; } /* Custom Button Colors */ /* Duplicate this set of styles to add a new "bootstrap" button */ /*Fix for link color*/ .btn-default:link, .btn-default:visited { color: #333; } .btn-info:link, .btn-primary:link, .btn-success:link, .btn-warning:link, .btn-danger:link, .btn-sitecolor:link, .btn-sitecolor2:link, .btn-sitecolor a:link, .btn-sitecolor2 a:link { color: #FFF !important; } .btn-info:visited, .btn-primary:visited, .btn-success:visited, .btn-warning:visited, .btn-danger:visited, .btn-sitecolor:visited, .btn-sitecolor2:visited, .btn-sitecolor a:visited, .btn-sitecolor2 a:visited { color: #FFF !important; } /*Master Button*/ .btn-sitecolor { color: #000000; background-color: #F19D00; border-color: #F19D00; } .btn-sitecolor:hover, .btn-sitecolor:focus, .btn-sitecolor:active, .btn-sitecolor a:hover, .btn-sitecolor a:focus, .btn-sitecolor a:active, .btn-sitecolor.active, .open .dropdown-toggle.btn-sitecolor { color: #FFFFFF; background-color: #FCD669; border-color: #FCD669; } .btn-sitecolor:active, .btn-sitecolor.active, .open .dropdown-toggle.btn-sitecolor { background-image: none; } .btn-sitecolor.disabled, .btn-sitecolor[disabled], fieldset[disabled] .btn-sitecolor, .btn-sitecolor.disabled:hover, .btn-sitecolor[disabled]:hover, fieldset[disabled] .btn-sitecolor:hover, .btn-sitecolor.disabled:focus, .btn-sitecolor[disabled]:focus, fieldset[disabled] .btn-sitecolor:focus, .btn-sitecolor.disabled:active, .btn-sitecolor[disabled]:active, fieldset[disabled] .btn-sitecolor:active, .btn-sitecolor.disabled.active, .btn-sitecolor[disabled].active, fieldset[disabled] .btn-sitecolor.active { background-color: #E8E8E8; border-color: #cccccc; } .btn-sitecolor .badge { color: #ffffff; background-color: #322C25; } /*Master Button End*/ .btn-siteBlue { color: #FFFFFF; background-color: #322C25; border-color: #322C25; } .btn-siteBlue:hover, .btn-siteBlue:focus, .btn-siteBlue:active, .btn-siteBlue.active, .open .dropdown-toggle.btn-siteBlue { color: #FFFFFF; background-color: #214F7D; border-color: #322C25; } .btn-siteBlue:active, .btn-siteBlue.active, .open .dropdown-toggle.btn-siteBlue { background-image: none; } .btn-siteBlue.disabled, .btn-siteBlue[disabled], fieldset[disabled] .btn-siteBlue, .btn-siteBlue.disabled:hover, .btn-siteBlue[disabled]:hover, fieldset[disabled] .btn-siteBlue:hover, .btn-siteBlue.disabled:focus, .btn-siteBlue[disabled]:focus, fieldset[disabled] .btn-siteBlue:focus, .btn-siteBlue.disabled:active, .btn-siteBlue[disabled]:active, fieldset[disabled] .btn-siteBlue:active, .btn-siteBlue.disabled.active, .btn-siteBlue[disabled].active, fieldset[disabled] .btn-siteBlue.active { background-color: #7A9ABB; border-color: #416890; } .btn-siteBlue .badge { color: #ffffff; background-color: #322C25; } /*Custom Button Color End*/ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #C5C5C5; background-color: #ECECEC; text-decoration: none; } .thumbnail .caption { padding: 9px; color: #322C25; }