@charset "UTF-8"; /* Color1 #86163A */ /* 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"); @import url("/static/webfonts/SourceSansPro_Light/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: #86163A; text-decoration: none; } a:hover, a:active { color: #333333; 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; } */ /* Bounce Stuff */ .bounceit { margin-top: 50px; width: 100%; text-align:center; bottom: 0px; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; position: absolute; } @keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } } @-webkit-keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { color: #86163A; font-weight: normal; line-height: normal; font-family: "SourceSansPro Light", "Source Sans Pro Light", Arial, sans-serif; } .lrgHdr, h1 { font-size: 2.1em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 40px; } .medHdr, h2 { font-size: 1.9em; 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: 0.9em; } .smText { font-size: 0.75em; } /* Content Stuff */ body { /* Use .bodyGoods for background styles */ font-family: Verdana, Arial, "sans-serif"; font-size: 15px; margin: 0px; padding: 0px; } p { padding-top: 0px; margin-top: 0px; } .alert { background-color: rgba(255,239,240,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: #747474; } .copyright { font-size: .8em; padding-top:10px; text-align: center; } .headerBox { padding-top: 10px; color: #ffffff; padding-bottom: 10px; background-color: #0F0F0F; /* position: absolute; z-index: 9999; width: 100%; */ } .headerBox .sociallinksBox { /* position: absolute; bottom: 10px; */ } .headerBox .searchBox { } .headerBox .logoBox { margin-bottom: 0px; padding-bottom: 20px; } .headerBox .logonavBox { } .headerBox .navbarBox { /* position: absolute; bottom: 0px; z-index: 9999; */ } .navbarBox { font-family:Helvetica, Arial, "sans-serif"; font-weight:bold; } .p7PM3-14 ul li a { padding: 0px 18px; } .logoBox { text-align:center; } .logoBox img { max-height:135px; } .searchBox { display: none; } .searchBox form { text-align: center; float:none; } #searchinput { border-radius: 20px 0px 0px 20px; border-style: none; background-color: rgba(255,255,255,0.95); padding-left: 20px; font-size: 1.3em; height: 40px; } .contentBox { background-color: #FFFFFF; padding-bottom: 30px; padding-top: 30px; } .homecontentBox { } .homeimageBox { padding: 5px; background-color:#FFFFFF; } .homeimageBox img { width:100%; } .graycontentBox { background-color: #F0F0F0; padding-bottom: 20px; } .footerBox { color: #ffffff; line-height: 1.2em; padding-top: 20px; padding-bottom: 20px; text-align: center; } .footerBox a:link, .footerBox a:visited { font-weight: normal; color: #FFF; text-decoration: none; } .footerBox a:hover, .footerBox a:active { font-weight: normal; color: #FFFFFF; } .footerText { letter-spacing: 3px; color: #FFFFFF; font-size: 1.5em; } .footerImage { margin-bottom: 15px; margin-top: 15px; } .footerNav { display: none; } .footerNav li { margin-bottom: 8px; display: 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 { color: #86163A; background-color: rgba(255,255,255,0.95); border-radius: 0px 20px 20px 0px; height: 40px; } .sociallinksBox { text-align: left; z-index: 9999; margin-top: -42px; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; margin-bottom: 8px; } /*For fa icons*/ .sociallinksBox a { display: inline-block; border-radius: 50%; margin-right: 3px; margin-left: 3px; text-align: center; width: 35px; height: 35px; padding-top: 7px; font-size: 1.4em; background-color: rgba(255,255,255,0.95); box-shadow: 0px 0px 8px rgba(0,0,0,0.62); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.62); } .sociallinksBox a:link, .sociallinksBox a:visited { color: #000000 !important; } .sociallinksBox a:hover, .sociallinksBox a:active { color: #444444 !important; } /* 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; } #footersoclinks { text-align: center; margin-top: 0px; padding-top: 20px; } /*For fa icons end*/ .mapBox { text-align: center; } .addressBox { padding-top: 20px; padding-bottom: 20px; text-align: center; } .addressBox a:link, .addressBox a:visited { color: #000000; } .addressBox a:active, .addressBox a:hover { color: #86163A; } .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 #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 #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-top: 20px; } .photoRowCaption { padding-top:10px; } .photoRowPhoto { } .photoRowPhoto img { } #photoGalleryBox { } #photoGalleryBox .photoRowBox { } #photoGalleryBox .photoRowPhoto img { } .twoCol1 { } .twoCol2 { } #rotationBox { background-color:#000; /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBox img { opacity:0.95; } #rotationBttnBox { text-align: center; margin-top: -34%; display: block; } .flex-caption { /* [disabled]padding: 15px; */ display: none; } .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; max-height:500px; max-width:100%; } .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 #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; } .btn { font-size:1.5em !important; margin-bottom:15px !important; } @media (min-width: 768px) { body { } .hidden-xs { display: inline !important; } .bodyGoods { } .copyright { text-align: right; padding-top: 20px; } .headerBox { background-color: rgba(0,0,0,0.00); position: absolute; width: 100%; z-index: 800; } .headerBox .sociallinksBox { position: absolute; bottom: -20px; left: 15px; } .headerBox .searchBox { position: absolute; bottom: 20px; right: 15px; } .headerBox .logoBox { } .headerBox .navbarBox { position: relative; margin-top: 10px; background-color: #86163A; padding: 15px 0px; } .headerBox .logonavBox { top: 0px; left: auto; right: auto; position: absolute; margin-top: 0px; width: 100%; } .navbarBox { font-size: 1.2em; letter-spacing: 1px; } .p7PM3-14 ul li a { padding: 0px 0px 18px; } .logoBox { } .logoBox img { display: inline-block; padding: 0px; max-height: 150px; box-shadow: 10px 10px 20px #000000; } .searchBox { display: block; } .contentBox { } .homecontentBox { } .homeimageBox { } .graycontentBox { padding-top: 0px; } .footerBox { padding-top: 30px; padding-bottom: 30px; } .footerText { font-size: 2em; margin-top: 90px; } .footerImage { } .footerNav { display: block; text-align: left; border-right: 1px solid #6A6A6A; font-size: 1.1em; } .sociallinksBox { text-align: left; margin-top: 0px; z-index: auto; } .sociallinksBox a { width: 40px; height: 40px; padding-top: 7px; font-size: 1.6em; } .sociallinksBox img { } #footersoclinks { text-align: left; } .mapBox { } .addressBox { text-align: left; font-size: 1em; padding-top: 0px; padding-left: 25px; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 0px; border-top-style: none; border-left: none; 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; } .twoCol1 { } .twoCol2 { } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -21%; display: block; } .flex-caption { /* [disabled]padding: 15px; */ font-size: 1.1em; top: 30%; text-align: center; width: 100%; margin-left: auto; margin-right: auto; } .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; } .btn { font-size: 0.9em !important; } } @media (min-width: 992px) { body { } .bodyGoods { } .copyright { } .headerBox { } .headerBox .sociallinksBox { } .headerBox .searchBox { } .headerBox .logoBox { } .headerBox .navbarBox { top: 53%; } .navbarBox { } .p7PM3-14 ul li a { padding: 0px 0px 18px; } .logoBox { } .logoBox img { max-height: 180px; } .searchBox { } .contentBox { padding-top: 40px; padding-bottom: 40px; } .homecontentBox { } .homeimageBox { } .graycontentBox { padding-top: 20px; padding-bottom: 40px; } .footerBox { font-size: 1em; padding-top: 40px; padding-bottom: 40px; } .footerText { font-size: 2.5em; letter-spacing: 7px; } .footerImage { } .footerNav { } .sociallinksBox { } .sociallinksBox img { } #footersoclinks { } .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; } .twoCol1 { } .twoCol2 { } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -23%; } .flex-caption { visibility: visible; padding: 0px; top: 30%; 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 { } .copyright { } .headerBox { } .headerBox .sociallinksBox { } .headerBox .searchBox { } .headerBox .logoBox { } .headerBox .navbarBox { top: 46%; } .navbarBox { } .p7PM3-14 ul li a { } .logoBox { } .logoBox img { max-height: 280px; } .searchBox { } .contentBox { } .homecontentBox { } .homeimageBox { } .graycontentBox { } .footerBox { } .footerText { } .footerImage { } .footerNav { } .sociallinksBox { } .sociallinksBox img { } #footersoclinks { } .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 { } .twoCol1 { } .twoCol2 { } #rotationBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBox { margin-top: -23%; } .flex-caption { visibility: visible; padding: 0px; top: 31%; } .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, #rotationBox { 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; } } /*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: Verdana, Arial, serif; font-size: 1.2em; } .price { font-size:1.2em; } .old-price { } legend { color: #000; } /* 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: #FFFFFF; background-color: #86163A; border-color: #86163A; border-radius: 25px !important; } .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: #EEE; background-color: #86163A; border-color: #86163A; } .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: #FFCF9B; border-color: #FFE1C0; } .btn-sitecolor .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; }