@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/SourceSansPro_Light/stylesheet.css"); img, object, embed, video { max-width: 100%; } .logo-size { width: 75% !important; transition: 0.3s; } .logo-scroll { width: 55% !important; transition: 0.3s; } .bg-light { background-color: #F5F5F5 !important; } .bg-dark { background-color:#666666 !important; } /* IE 6 does not support max-width so default to width 100% */ #contactForm body { background-color: transparent; } .ie6 img { width:100%; } img { border: none; outline: none; } hr { clear:both; } a:active { outline:none; } a:link, a:visited { color: #000000; text-decoration: none; } a:hover, a:active { color: #DDDDDD; } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { color: #666666; font-weight: normal; line-height: normal; font-family: "SourceSansPro Semibold", "Source Code Pro Semibold", sans-serif; } .lrgHdr, h1 { font-size: 2.7em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .medHdr, h2 { font-size: 2.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .smHdr, h3 { font-size: 2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xsmHdr, h4 { font-size: 1.7em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxsmHdr, h5 { font-size: 1.4em; 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; } /* Image Stuff */ .grayedImage { /* make all photos black and white ish */ -webkit-filter: grayscale(70%); filter: grayscale(70%); } .sepiaImage{ -webkit-filter: sepia(100%); filter: sepia(100%); } .saturateImage { -webkit-filter: saturate(300%); filter: saturate(300%); } /* Content Stuff */ body { /* Use .bodyGoods for background styles */ font-family: SourceSansProRegular, "SourceSansPro Regular", Arial; font-size: 15px; margin: 0px; padding: 0px; } .animatedParent { overflow: hidden; } p { padding-top: 0px; margin-top: 0px; } .bulletStyle { } ul.bulletStyle { list-style-type: none; margin-left: 0px; padding-left: 0px; } ul.bulletStyle li { background-image: url(/static/mainimages/bulletimg.png); background-repeat: no-repeat; background-position: left 6px; padding-left: 15px; } .alert { 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 23px; display: block; border: 1px solid #E1E1E1; border-radius: 50%; } .totopbutton a:link, .totopbutton a:visited { background-color: rgba(255,255,255,0.88); color:#CCC; } .totopbutton a:hover, .totopbutton a:active { background-color: rgba(255,255,255,0.98); color: #666 !important; } .container-fluid { padding-left:15px; padding-right:15px; } .headerBox .container-fluid { padding-left:35px; padding-right:35px; } .bodyGoods { background-color: #FFFFFF; } .bodyGoods .viewnope { display: none; } .copyright { font-size: .8em; padding-top: 20px; text-align: center; } .headerFloater { width: 100%; position: absolute; z-index: 20; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.40); box-shadow: 0px 0px 8px rgba(0,0,0,0.40); top: 0px; } .headerBox { background-color: rgba(255,255,255,0.60); color: #000000; padding-top: 5px; padding-bottom: 5px; 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; } .phoneBox { text-align: right; margin-top: 9px; 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; z-index: 902; } .phoneBox .numbertext { } .svg-inline--fa { vertical-align:middle !important; } .navbarBox { 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; } .navTrigerBox { text-align: right; color: #000000; margin-left: 30px; display: inline-block; font-size: 18px; vertical-align: top; cursor: pointer; } .navTrigerBox:hover { color: #B3B3B3; } .navbarBox { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 9999; /* Stay on top */ top: 0px; /* Stay at the top */ /*left: 0px;*/ right: 0px; background-color: rgba(17,17,17,0.95); /* Black*/ overflow-x: hidden; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ font-size: 15px; color: #FFF; } .navbarBox a:link, .navbarBox a:visited { color: #FFF; } .navbarBox a:hover, .navbarBox a:active { color: #CCCCCC; } .navbarBox .active { color: #ccc !important; } .navbarBox .closebtn { position: absolute; margin-top: -25px; font-size: 40px; } .navbarBox ul { padding: 0px; margin: 0px; } .navbarBox li { list-style-type: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; text-align: right; margin-bottom: 10px; } .navbarPadding { padding: 57px 30px 20px 20px; width: 290px; margin-left: auto; } .navbarAddress { padding-top: 20px; text-align: right; font-size: 0.9em; } .navbarLogo { padding-top: 55px; text-align: right; } .navbarLogo img { max-width: 60px; } li.navhours { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding-left: 19px; color: #fff; padding-top: 10px; padding-bottom: 10px; } .navhours h6 { color: #fff; } .navhours p { padding: 0px; margin: 0px; } .navsociallinks { padding-left: 5px; padding-top: 10px; } /* -Growing underline- for nav bar insert after text of link before the */ .navline { -webkit-transition: width .5s; /* Safari */ transition: width .5s; } .p7PM3-14 a > .navline { display:block; height:2px; width:0%; margin-top:10px; margin-left:auto; margin-right:auto; background-color:rgba(0,0,0,1.00); } .p7PM3-14 a:hover > .navline { width:100%; background-color:rgba(0,0,0,1.00); } /* End -Growing underline- */ .logoBox { text-align: left; padding-right: 0px; 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; z-index: 902; } .logoBox img { 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; } .logosizer { width: 100px; 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; } .searchBox { padding-bottom: 15px; padding-top: 15px; display: none; } .searchBox form { text-align: center; float:none; } .searchBttn { color: #ffffff; background-color: #666666; } #searchinput { width: 100%; } /*Header Squish*/ .headerFloater.sticky { } .headerFloater.sticky .logoBox { } .headerFloater.sticky .logosizer { } .headerFloater.sticky .phoneBox { } .headerFloater.sticky .navbarBox { } .headerFloater.sticky .searchBox { } /*End Header Squish*/ .contentBox { background-color: #FFFFFF; padding-bottom: 30px; padding-top: 30px; } .sponsorsBox { padding-bottom: 50px; border-top: 1px solid #F4F4F4; } .contactBox { color: #FFFFFF; background-color:#343434; } .contactInfoBox { background-color: #696969; color: #FFFFFF; } .contactInfoBox h1, .contactInfoBox h2, .contactInfoBox h3, .contactInfoBox h4, .contactInfoBox h5, .contactInfoBox h6 { color:#fff; } .contactInfoBox a:link, .contactInfoBox a:visited { font-weight: normal; color: #CDCDCD; text-decoration: none; } .contactInfoBox a:hover, .contactInfoBox a:active { font-weight: normal; color: #DEDEDE; } .contactInfoBox .form-group { margin-bottom:8px; } .contactInfoBox .form-group textarea { height: 75px; } .contactBox .mapBox { text-align: center; padding-left: 0px; padding-right: 0px; } .contactBox .mapBox iframe { margin-bottom: -6px; } .homebuttonsBox { padding-top: 20px; padding-bottom: 20px; } /* --- Fixed background image (stays in place in div as page/content scrolls Note: DW can't handle it) --- */ .imageBox { background-image: url(/static/mainimages/rotationimageLrg.png); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; text-shadow: 0px 0px 8px rgba(0,0,0,0.48); text-align: center; color: #FFFFFF; min-height: 300px; position: relative; background-color: #000000; } .grayBox { background-color: #F5F5F5; } .footerBox { color: #ffffff; padding-top: 30px; padding-bottom: 30px; background-color: #343434; } .footerBox h1, .footerBox h2, .footerBox h3, .footerBox h4, .footerBox h5, .footerBox h6 { color: #ffffff; } .footerBox a:link, .footerBox a:visited { font-weight: normal; color: #FFF; text-decoration: none; } .footerBox a:hover, .footerBox a:active { font-weight: normal; color: #CCC; } .footerText {} .footerNav { display: none; } .footerNav li { padding-right: 8px; padding-left: 8px; margin-bottom: 8px; display: inline-block; text-align: center; } .footerNav li:last-of-type { } .footerNav ul { margin: 0px; padding: 0px; list-style-type: none; } .footerNav ul li ul { display: none; } .sociallinksBox { margin-bottom: 10px; text-align: center; margin-top: 20px; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; margin-bottom: 8px; } /* For FontAwesome icons */ .sociallinksBox a, .p7SOM-01 .sociallinksBox a { display: inline-block !important; border-radius: 50% !important; margin-right: 3px !important; margin-left: 3px !important; text-align: center !important; color: #FFFFFF !important; width: 35px !important; height: 35px !important; padding: 7px 0px 0px 0px !important; font-size: 20px !important; line-height: 20px !important; } .sociallinksBox a:last-of-type { margin-right: 0px; } .sociallinksBox a:first-of-type { margin-left: 0px; } .sociallinksBox a:link, .sociallinksBox a:visited { background-color: #000000; color: #FFFFFF; } .sociallinksBox a:hover, .sociallinksBox a:active { background-color: #CCCCCC; color: #FFFFFF; } .topsociallinks { } .topsociallinks a { color: #FFFFFF; } .topsociallinks a:link, .topsociallinks a:visited { background-color: #000000; } .topsociallinks a:hover, .topsociallinks a:active { background-color: #CCCCCC; } /*To make the top phone number look like a button matching icons buttons */ .phonebutton a { display: inline-block; border-radius: 20px; margin-right: 3px; margin-left: 3px; text-align: center; color: #FFFFFF; height: 35px; padding-top: 7px; padding-right: 10px; padding-left: 10px; font-size: 20px; line-height: 20px; border: solid 1px #fff; vertical-align: top; } .phonebutton a:link, .phonebutton a:visited { background-color: #000000; color: #FFFFFF; } .phonebutton a:hover, .phonebutton a:active { background-color: #CCCCCC; color: #FFFFFF; } /* for image icon with font-awesome icons */ .sociallinksBox a.nope { display: inline-block; border-radius: none; width: auto; height: auto; padding-top: 7px; border: none; } .mapBox { text-align: center; background-repeat: no-repeat; background-position: center center; min-height: 250px !important; } .addressBox { padding-top: 16px; padding-bottom: 0px; text-align: center; color: #FFF; } .addressBox p:last-of-type { padding-bottom: 0px; margin-bottom:0px; } #contentLeft { padding-bottom: 20px; } #sidebarBox { border-top: 1px solid #CDCDCD; padding-top: 20px; } .sidebarNav { } .sidebarNav ul { list-style-type: none; border-bottom: 1px solid #E9E9E9; margin-left: 0px; padding-left: 0px; } .sidebarNav li { border-top: 1px solid #E9E9E9; } .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:#333333; } .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 #CDCDCD; padding-bottom: 20px; } #contentRight { padding-top: 20px; } #leftsidebar { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CDCDCD; } #contentmiddle { } #rightsidebar { border-top: 1px solid #CDCDCD; padding-top: 20px; margin-top: 20px; } /*--Static image/text boxes--*/ .photoRowBox { text-align: center; margin-bottom: 20px; } .photoRowBox:last-of-type { margin-bottom: 0px; } .photoRowCaption { padding-top:10px; } .photoRowPhoto { } .photoRowPhoto img { } /*--Animated image/text boxes--*/ .aniphotoRowBox { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; text-align: center; margin-bottom: 20px; } .aniphotoRowBox:last-of-type { margin-bottom: 0px; } .aniphotoRowBox a { color: #FFFFFF; } .aniphotoRowCaption { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 10px; width: 100%; margin-left: -15px; height:auto; } .aniphotoRowCaption h5 { color: #FFFFFF; font-size:1.6em; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; margin-top:15px; margin-bottom:0px; } .aniphotoRowCaption .bttmtext { transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; padding:0px; margin:0px; opacity:0; width:75%; margin-left:auto; margin-right:auto; line-height:0em; } .aniphotoRowPhoto { background-color:#000000; background-repeat: no-repeat; background-position: center center; background-size: cover; } .roundimages { border-radius: 50%; } .roundimages img { border-radius: 50%; } .aniphotoRowPhoto img { 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; width: 100%; opacity: 0.3; } .aniphotoRowBox a:hover .aniphotoRowPhoto img { opacity: 0.8; } .aniphotoRowBox a:hover .aniphotoRowCaption h5 { margin-top:0px; margin-bottom:5px; } .aniphotoRowBox a:hover .aniphotoRowCaption .bttmtext { opacity:1; line-height:1.2em; } #photoGalleryBox { } #photoGalleryBox .photoRowBox { } #photoGalleryBox .photoRowPhoto img { } .twoCol1 { } .twoCol2 { } /* -- Home Slider Stuff -- */ .rotationBox { background-color: #FFFFFF; } .rotationbg { background-repeat: no-repeat; background-size: cover; background-position: center top; } .rotationbg2 { height: 180px; } .home-slick { background-color: #000000; } .home-slick img { width:100%; opacity:.7; } .slidercaption { padding: 15px 15px 35px; background-color: rgba(0,0,0,1.00); text-align: center; color: #FFF; text-shadow: 0px 0px 8px rgba(0,0,0,0.40); } .slidercaption img { width:auto; opacity:1; } .slidercaption .btn { text-shadow:none; } .slidercaption h1, .slidercaption h2, .slidercaption h3, .slidercaption h4, .slidercaption h5, .slidercaption h6 { color:#FFF; } .captionwidth { } .rotationStaticBox { padding-top: 10px; padding-bottom: 10px; text-align: center; } /* -- Splits content into columns at diferent screen sizes -- */ .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: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; } .gallerythumbs { display:none; display:block; padding-top: 25px; } .gallerythumbs img { /*min-height: 180px;*/ } .gallerythumbs div { /*min-height: 180px;*/ margin-right:3px; margin-left:3px; } .gallerythumbs .slick-dots { } .gallerythumbs .slick-slide { border:4px solid rgba(30,30,30,0.00); } .gallerythumbs .slick-slide.slick-current { border:4px solid #1E1E1E; } @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; } .product-list { } .product-thumb { padding-bottom: 15px; } @media (min-width: 768px) { body { } .animatedParent { overflow-x: hidden; overflow-y: visible; } .hidden-xs { display: inline !important; } .bodyGoods { } .copyright { } .headerFloater { position: fixed; } .headerBox { padding-bottom: 15px; padding-top: 15px; } .phoneBox { text-align: right; margin-top: 30px; padding-right: 0px; margin-right: 0px; float: left; } .phoneBox .numbertext { font-size: 23px; } .navbarBox { } .logoBox { text-align: left; } .logoBox img { } .logosizer { width: 200px; } .searchBox { display: block; padding-top: 0px; padding-bottom: 0px; } /*Header Squish*/ .headerFloater.sticky { } .headerFloater.sticky .headerBox { padding-top: 5px; padding-bottom: 7px; background-color: rgba(255,255,255,0.95); } .headerFloater.sticky .logoBox { } .headerFloater.sticky .logosizer { width: 120px; } .headerFloater.sticky .phoneBox { margin-top: 10px; } .headerFloater.sticky .navbarBox { } .headerFloater.sticky .searchBox { } /*End Header Squish*/ .contentBox { padding-top: 40px; padding-bottom: 40px; } .sponsorsBox { padding-top: 30px; padding-left: 30px; padding-right: 30px; } .homebuttonsBox { padding-top: 0px; padding-bottom: 0px; margin-top: -108px; } .imageBox { } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { display: block; text-align: center; } .sociallinksBox { text-align: left; } .sociallinksBox img { } .topsociallinks { display: inline-block; margin-top: 0px; margin-left: 15px; } .mapBox { text-align: left; } .contactBox .mapBox { text-align: center; padding-left: 0px; padding-right: 0px; } .addressBox { text-align: left; font-size: 1em; padding-top: 0px; } .contactBox .addressBox { padding-left: 25px; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 0px; border-top-style: none; border-left: 1px solid #CDCDCD; 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 #CDCDCD; 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 #CDCDCD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { border-right: 1px solid #CDCDCD; border-bottom-style: none; } #contentRight { padding-top: 0px; } .photoRowBox { margin-bottom: 0px; } .aniphotoRowBox { margin-bottom: 0px; } .twoCol1 { } .twoCol2 { } .rotationBox { } .rotationStaticBox { margin-top: -20%; display: block; position: absolute; } .home-slick { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .slidercaption { position: absolute; transform: translateY(-50%); font-size: 1.3em; text-align: center; width: 100%; padding: 0px; background-color: rgba(0,0,0,0.00); top: 45%; } .slidercaption img { visibility:visible; width:auto !important; } .captionwidth { } .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: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; } .product-list { } .product-thumb { padding-bottom: 15px; } } @media (min-width: 992px) { body { } .bodyGoods { } .copyright { } .headerFloater { } .headerBox { } .phoneBox { } .phoneBox .numbertext { } .navbarBox { } .logoBox { padding-left: 30px; } .logosizer { } .searchBox { } /*Header Squish*/ .headerFloater.sticky { } .headerFloater.sticky .logoBox { } .headerFloater.sticky .logosizer { } .headerFloater.sticky .phoneBox { } .headerFloater.sticky .navbarBox { } .headerFloater.sticky .searchBox { } /*End Header Squish*/ .contentBox { padding-top: 50px; padding-bottom: 50px; } .sponsorsBox { padding-top: 30px; } .homebuttonsBox { margin-top: -144px; } .imageBox { } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { } .sociallinksBox { } .sociallinksBox img { } .topsociallinks { } .addressBox { } .contactBox .addressBox { padding-left: 35px; } #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 #CDCDCD; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #CDCDCD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { padding-right: 30px; } #contentRight { padding-top: 0px; } .twoCol1 { } .twoCol2 { } .rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } .rotationStaticBox { /* [disabled]margin-top: -23%; */ } .slidercaption { font-size: 1.4em; } .slidercaption img { width:auto !important; } .captionwidth { width: 800px; margin-left: auto; margin-right: auto; float: none; clear: both; } .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:block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} .product-list { } .product-thumb { } } @media (min-width: 1200px) { body { } .bodyGoods { } .copyright { } .headerFloater { } .headerBox { } .phoneBox { } .phoneBox .numbertext { } .navbarBox { } .logoBox { } .logosizer { } .searchBox { } /*Header Squish*/ .headerFloater.sticky { } .headerFloater.sticky .logoBox { } .headerFloater.sticky .logosizer { } .headerFloater.sticky .phoneBox { } .headerFloater.sticky .navbarBox { } .headerFloater.sticky .searchBox { } /*End Header Squish*/ .contentBox { padding-top: 60px; padding-bottom: 60px; } .sponsorsBox { padding-top: 30px; } .imageBox { } .grayBox { } .homebuttonsBox { margin-top: -180px; } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { } .sociallinksBox { } .sociallinksBox img { } .topsociallinks { } .addressBox { } .contactBox .addressBox { padding-left: 50px; } #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 { } .twoCol1 { } .twoCol2 { } .rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } .rotationStaticBox { /* [disabled]margin-top: -23%; */ } .slidercaption { font-size: 1.8em; } .slidercaption img { width:auto !important; } .captionwidth { width: 800px; margin-left: auto; margin-right: auto; float: none; clear: both; } .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:block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} .product-list { } .product-thumb { } } /* -- Removes the div height matching -- */ @media only screen and (min-width: 0px) and (max-width: 770px) { #sidebarBox, #rightsidebar, #leftsidebar, #sidebarLeftBox, #contentLeft, #contentRight, .productThumbs, .listingthumbs { height: auto !important; max-height: 888678px; } } /*@media only screen and (min-width: 581px) and (max-width: 769px) { #rightsidebar { height: auto !important; max-height: 888678px; } } */ /*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; } } /*Custom table styles*/ .table-custom { border: 1px solid #EAEAEA; font-size: 0.8em; } .table-custom .active td { background-color: #E3E3E3 !important; font-family: "Roboto Regular", sans-serif; text-transform: uppercase; } .table-custom td, .table-custom th { border-left: 1px solid #EAEAEA; } .table-custom tr td:first-of-type, .table-custom tr th:first-of-type { border-left: none; } .table-custom tr { } .table-custom thead { background-color: #D3D3D3; } .table-custom th { font-family: "Roboto Bold", sans-serif; text-align: center; text-transform: uppercase; } .table-custom a { font-family: "Roboto Bold", sans-serif; } .table-custom a:link, .table-custom a:visited { color: #222; } .table-custom a:hover, .table-custom a:active { color: #4FA14D; } /*Form Stuff*/ .mezzanine-form .help-block { display: none; /* Hides help text */ font-size: 0.8em; } .control-label { display:block; } .charfield label, .emailfield label, .floatfield 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; } .has-error .form-control { background-color: #EFD7D6 !important; } /* Trageted Form Styles (Use the embed page name for id) */ /* Button Stuff */ .btn-sitefont { font-family: cmtiempo, "CM Regular", "Times New Roman Bold", serif; font-size: 1.2em; } .price { font-size:1.2em; } .old-price { } legend { color: #666666; } /* 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 { color: #FFF !important; } .btn-info:visited, .btn-primary:visited, .btn-success:visited, .btn-warning:visited, .btn-danger:visited { color: #FFF !important; } /*Master Button*/ .btn-sitecolor:link, .btn-sitecolor a:link { color: #FFF !important; } .btn-sitecolor:visited, .btn-sitecolor a:visited { color: #FFF !important; } .btn-sitecolor { color: #FFFFFF; background-color: #000; border-color: #000; } .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: #999999; border-color: #999999; } .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: #CCCCCC; border-color: #CCCCCC; } .btn-sitecolor .badge { color: #ffffff; background-color: #333333; } .btn-sitecolor2:link, .btn-sitecolor2 a:link { color: #FFF !important; } .btn-sitecolor2:visited, .btn-sitecolor2 a:visited { color: #FFF !important; } .btn-sitecolor2 { color: #FFFFFF; background-color: #666; border-color: #666; } .btn-sitecolor2:hover, .btn-sitecolor2:focus, .btn-sitecolor2:active, .btn-sitecolor2 a:hover, .btn-sitecolor2 a:focus, .btn-sitecolor2 a:active, .btn-sitecolor2.active, .open .dropdown-toggle.btn-sitecolor2 { color: #FFFFFF; background-color: #595959; border-color: #595959; } .btn-sitecolor2:active, .btn-sitecolor2.active, .open .dropdown-toggle.btn-sitecolor2 { background-image: none; } .btn-sitecolor2.disabled, .btn-sitecolor2[disabled], fieldset[disabled] .btn-sitecolor2, .btn-sitecolor2.disabled:hover, .btn-sitecolor2[disabled]:hover, fieldset[disabled] .btn-sitecolor2:hover, .btn-sitecolor2.disabled:focus, .btn-sitecolor2[disabled]:focus, fieldset[disabled] .btn-sitecolor2:focus, .btn-sitecolor2.disabled:active, .btn-sitecolor2[disabled]:active, fieldset[disabled] .btn-sitecolor2:active, .btn-sitecolor2.disabled.active, .btn-sitecolor2[disabled].active, fieldset[disabled] .btn-sitecolor2.active { background-color: #CCCCCC; border-color: #CCCCCC; } .btn-sitecolor2 .badge { color: #ffffff; background-color: #333333; } /*Master Button 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: #333333; } /*// Review styles*/ #reviews.sub-header { margin-bottom: 8px; } #reviews.sub-header h3 { font-size: 28px; } .review { border-top: 1px solid #E6E6E6; padding-top: 10px; font-size: .9em; margin-top: 10px; } .review h5 { font-size: 1em; font-family: "SourceSansPro Regular", "Source Sans Pro Regular", sans-serif; } .review h3 { margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; font-size: .9em; } .review form { display:inline-block; *display:inline; zoom:1; margin-bottom:0; } /*// Star Rating using font icons for 5 stars*/ .star-rating span { color: #CBCBCB; } .star-rating i { letter-spacing: -1px; width:auto; color: inherit; } .star-rating a { margin-left:10px; } .star-rating .yellowstar { color:#E6CE31; } .star-rating.One .fa-star:nth-of-type(1) { color:#E6CE31; } .star-rating.Two .fa-star:nth-of-type(1), .star-rating.Two .fa-star:nth-of-type(2) { color:#E6CE31; } .star-rating.Three .fa-star:nth-of-type(1), .star-rating.Three .fa-star:nth-of-type(2), .star-rating.Three .fa-star:nth-of-type(3) { color:#E6CE31; } .star-rating.Four .fa-star:nth-of-type(1), .star-rating.Four .fa-star:nth-of-type(2), .star-rating.Four .fa-star:nth-of-type(3), .star-rating.Four .fa-star:nth-of-type(4) { color:#E6CE31; } .star-rating.Five .fa-star { color:#E6CE31 !important; }/**/ /*TARR CSS*/ .listPropertyImage { } .listPropertyText { } a .listPropertyText { color: #555; }