@charset "utf-8";

/*** Globals ***/
body { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.5em; color: #666; background: #e3e3ef; padding-bottom: 8%; min-width: 1024px; }
.wrapper, .top-links-wrap, .porheader-wrap, .navbar-wrap, .slideshow-wrap, .container-wrap, .banner-wrap, .seo-cities-wrap, footer-buttons-wrap, .footer-wrap, .subfooter-wrap { width: 100%; min-width: 320px; }
#topbar, .top-links, .header, .header-container, .navbar, .container, .panels, .banner, .seo-cities, .footer-buttons, .footer, .subfooter { position: relative; max-width: 80%; min-width: 1024px; margin: 0 auto; }
#topbar:after, #header:after, #header-pane:after, #navbar:after, #slideshow:after, #content:after, #footer:after, .container-wrap:after, .container:after .porbtn-catalog:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }

/* Header */
#porheader-wrap { background: #FFF url("images/header-bg.jpg"); background-repeat: repeat-x; background-position: top left; position: relative; padding: 0px 0px; max-width: 100%; min-height: 200px; }
#porheader-wrap .header { position: relative; max-width: 100%; padding: 0px 0px 0px; margin: 0px auto; }
#porheader-wrap .logo { position: relative; float: left; width: 20%; }
#porheader-wrap .logo img { width: auto; max-height: 150px; margin: 30px 0px 0px 8%; }
#porheader-wrap .tagline { float: left; color: #666; text-align: center; font-size: 24px; font-style: italic; line-height: 1.2em; margin: 40px 0px 0px 90px; }
#porheader-wrap .tagline span { display: block; }
#porheader-wrap .header-pane { position: relative; float: left; margin-top: 20px; width: 80%; }

/* Header Search */
#porheader-wrap #search-wrap { position: absolute; right: 10px; bottom: 0; margin: 0px 0px 0px 0px; }
#porheader-wrap #search { float: left; width: 300px; background: #FFF; border: 1px solid #999; margin: 0px 0px; padding: 5px 6px; padding-right: 6px; color: #666; }
#porheader-wrap #search:hover { background: #FFF; border: 1px solid #666; }
#porheader-wrap #search-box { float: left; width: 270px; height: 25px; background: none transparent; border: 0px; padding: 0px 0px 0px; padding-left: 5px; }
#porheader-wrap #search-box:hover { cursor: pointer; }
#porheader-wrap .btn-search { float: right; margin-top: 1px; margin-right: 5px; }
#porheader-wrap .btn-search i { color: #999; font-size: 14px; }
#porheader-wrap #search:hover i { color: #666; }
#porheader-wrap #search ::-webkit-input-placeholder { color :#111; }
#porheader-wrap #search ::-moz-placeholder { color: #111; } /* firefox 19+ */
#porheader-wrap #search :-ms-input-placeholder { color: #111; } /* ie */
#porheader-wrap #search input:-moz-placeholder { color: #111; }

/* Header Links */
#porheader-wrap #header-links ul { float: right; width: auto; margin: 20px 5px 0px 0px; }
#porheader-wrap #header-links ul li { position: relative; float: left; font-family: 'Roboto Condensed', sans-serif; color: #999; font-size: 24px; padding-left: 5px; }
#porheader-wrap #header-links ul li a { min-width: 100%; color: #FFF; text-decoration: none; padding: 0px 0px; white-space: nowrap; }
#porheader-wrap #header-links ul li a:hover { color: #06C; }
#porheader-wrap #header-links ul li a i { font-size: 20px; color: #999; float: left; margin-top: 0px; margin-left: 4px; }
#porheader-wrap #header-links ul li a span.adjust i { margin-top: 2px; }
#porheader-wrap #header-links ul li a i:hover { color: #06C; }

#porheader-wrap .header-phones  { float: right; color: #999; line-height: 22px; font-size: 16px; }
#porheader-wrap .header-phones.xtra-space { margin: 0px 0px 0px 20px; }
#porheader-wrap .header-phones .bragg { position: relative; display: inline-block; border: 3px solid #BEBEDA; margin: 0px 10px; } 
#porheader-wrap .header-phones .bragg ul { position: relative; display: inline-block; padding-right: 22px; }
#porheader-wrap .header-phones .sonoma { position: relative; display: inline-block; border: 3px solid #e3e3ef; margin-right: 10px; }
#porheader-wrap .header-phones .sonoma ul { display: inline-block; padding-right: 22px; }
#porheader-wrap .header-phones ul.first { padding-left: 10px; }
#porheader-wrap .header-phones ul.last { padding: 0px 15px 0px 10px; }
#porheader-wrap .header-phones ul li { position: relative; display: block; }
#porheader-wrap .header-phones ul li a { color: #000; text-decoration: none; padding: 0px 0px; white-space: nowrap; }
#porheader-wrap .header-phones ul li a:hover { color: #06C; }
#porheader-wrap .header-phones ul li a i { font-size: 20px; color: #999; float: left; margin-top: 0px; margin-left: 4px; }
#porheader-wrap .header-phones ul li span { color: #0d18a8; }
#porheader-wrap .header-phones ul li a span { font-size: 14px; font-style: italic; color: #0d18a8; }
#porheader-wrap .header-phones ul li a i:hover { color: #06C; }

/* Navigation */
.navbar-wrap { background: #0d18a8; }
.navbar { z-index: 1005; max-width: 100%; }
.navbar ul { text-align: center; }
.navbar ul li { position: relative; display: inline-block; vertical-align: middle; text-transform: uppercase; }
.navbar ul li a { display: block; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: 400; padding: 20px 20px 20px; }
.navbar ul li a:hover { color: #DDD; cursor: pointer; text-decoration: none; }
.navbar ul li a.first { padding-left: 0px; margin-left: 0px; }
.navbar ul li a.last { padding-right: 0px; background: none; }
.navbar ul li a i { font-size: 14px; color: #FFF; padding-right: 5px; }
.navbar ul li a:hover i { color: #DDD; }
.navbar ul li a.icon i { font-size: 14px; padding-right: 0px; vertical-align: top; }
.fixed-navbar .navbar ul li a.sticky-cart i { }
.navbar ul li a.cart { padding-left: 15px; }
.navbar ul li a.cart i { font-size: 16px; color: #FFF; vertical-align: top; margin-top: 1px; }
.navbar ul li a.cart:hover i { color: #DDD; }

/* Navigation Submenu */
.navbar ul ul { display: block; position: absolute; right: 9999px; width: auto; border: 1px solid #CCC; border-top-width: 1px; border-top-color: #CCC; margin: 0px; padding: 0px; z-index: 2003; }
.navbar ul li.dropdown:hover ul { left: 20px; right: auto; }
.navbar ul li.dropdown.left:hover ul { left: auto; right: 0; width: auto; }
.navbar ul ul li { display: block; line-height: 30px; background: #FFF; border-bottom: 1px solid #CCC; padding: 0px 15px 0px 8px; }
.navbar ul ul li:hover { background: #F2F2F2; }
.navbar ul ul li:last-child { border-bottom: 0px none; }
.navbar ul ul li a { display: inline-block; min-width: 100%; font-size: 13px; font-weight: 400; color: #111; text-align: left; padding: 0px 0px !important; white-space: nowrap; z-index: 2004; }
.navbar ul li.dropdown.left:hover ul li { padding: 0px 8px 0px 15px; }
.navbar ul li.dropdown.left:hover ul li a { text-align: right; }
.navbar ul ul li a:hover { color: #111; }

/* Sticky Navigation */
.navbar ul li.sticky { display: none; line-height: 40px; }
.navbar ul li a.sticky-logo img { max-height: 30px; vertical-align: top; margin-top: 5px; }
.fixed-navbar { position: fixed; max-width: 100%; top: 0; left: 0; margin-top: 0px; z-index: 1000002; }
.fixed-navbar .navbar { width: 100%; max-width: inherit; margin: 0px auto; }
.fixed-navbar .navbar ul { width: 100%; }
.fixed-navbar .navbar ul li.sticky { display: inline-block; }
.fixed-navbar .navbar ul li a { padding: 15px 15px; }
.fixed-navbar .navbar ul li a.last { padding-right: 0px; }
.fixed-navbar .navbar ul ul li a { font-size: .85em; }
.fixed-navbar .navbar ul li a.sticky-search { padding-left: 30px; }
.fixed-navbar .navbar ul li a.sticky-search i { vertical-align: top; margin-top: 13px; }
.fixed-navbar .navbar ul li a.cart i { margin-top: 11px; }
.navbar-wrap.fixed-navbar .sticky-logo { padding: 0px; padding-left: 10px; }
.navbar-wrap.fixed-navbar .sticky-logo img { /*background: #FFF;*/ }
.navbar-wrap.fixed-navbar .sticky-logo i { font-size: 24px; margin-top: 8px; }
.navbar-wrap.fixed-navbar .navbar { line-height: 40px; }
.fixed-navbar > .content { padding-top: 100px; }
.fixed-navbar .home { /*display: none;*/ }
.navbar-wrap.fixed-navbar { opacity: .95; }

/* Sticky Navigation Search */
.navbar ul.toggle-search { display: none; left: 0; right: auto; border-color: #999; border-top-color: #999; }
.navbar ul li.dropdown.left ul.toggle-search { display: none; left: auto; right: 0; width: auto; }
.navbar ul.toggle-search li { float: left; text-align: left; background: #FFF; padding: 8px 8px !important; }
.navbar ul.toggle-search #search-form { position: relative; background: #FFF; width: 300px; border: 1px solid #999; }
.navbar ul.toggle-search #search-form:hover { border: 1px solid #333; }
.navbar ul.toggle-search #sticky-search-box { text-align: left; border: 0px none; padding: 4px 5px 5px; margin: 0px; }
.navbar ul.toggle-search #search-form a.btn-search { float: right; }
.navbar ul.toggle-search #search-form a.btn-search i { position: absolute; top: 3px; right: 0; font-size: 22px; color: #000; }

/* Slideshow */
#slideshow-wrap { width: inherit; background: #FFF; padding: 10px 0px 15px; }
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; }
#slider1_container a { display: block; }
.slideshow-dimensions { width: 1920px; height: 430px; }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(images/b13.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(images/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.jssorb21 { position: absolute; bottom: 10px; left: 6px; }
.jssora21l, .jssora21ldn { width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora21r, .jssora21rdn { width: 55px; height: 55px; top: 123px; right: 8px; }
#slider1_container img:hover, .slides .slide-panel:hover { cursor: pointer; }

/* Parallax - Stellar.js */
.parallax { position: relative; min-height: 480px; background: transparent; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1000; }
.parallax .overlay { z-index: 1001; }
.parallax-content { position: absolute; top: 18%; left: 0; right: 0; overflow: hidden; text-align: center; line-height: 1.5; z-index: 1002; }
.parallax-content ul { display: inline-block; text-align: center; padding: 0px 2%; }
.parallax-content ul li { color: #FFF; font-size: 50px; }
.parallax-content ul li a { color: #FFF; text-decoration: none; }
.parallax-content ul li a:hover { color: #EEE; }
.parallax-content.first ul li { display: inline-block; }

/* Container */
.container-wrap { width: 100%; padding: 0px 0px 10px; background: #FFF; }
.container-wrap.index { padding: 0px; }
.container { position: relative; max-width: 78%; padding: 10px 0px; background: #FFF; }
.container.index { background: #FFF; padding: 20px 0px 0px; }
.content p.first { margin-top: 5px; }

/* Intro */
.porintro { position: relative; background: #FFF; padding: 12px .8% 8px; }
.porintro h2 { font-size: 26px; text-transform: none; margin-top: 10px; }
.porintro ul li { position: relative; display: inline-block; width: 15.7%; margin-left: 1%; vertical-align: top; }
.porintro ul li img { width: 100%; border: 1px solid #CCC; }
.porintro ul li:first-child { border-left: 1px solid #999; padding-left: 1%; width: 82%; margin-left: 0px; }
.porintro a { color: #666; text-decoration: none; }
.porintro a:hover { color: #06C; }

/* Icons */
.poricons-wrap { position: relative; width: 100%; background: #FFF; padding: 25px 0px 0px; }
.poricons-wrap ul { text-align: center; width: 80%; margin: 0px auto; }
.poricons-wrap ul li { display: inline-block; width: 24%; padding: 30px 0px; text-align: center; vertical-align: top; border: 1px solid #CCC; border-radius: 6px; margin-right: .5%; }
.poricons-wrap ul li:last-child { margin-right: 0; }
.poricons-wrap ul li span.icon { display: block; }
.poricons-wrap ul li span.icon img { width: auto; max-width: 100%; height: auto; max-height: 90px; margin: 0px; border-radius: 50%; border: 1px solid #CCC; padding: 15px; background: #F8F8F8; }
.poricons-wrap ul li span.icon:hover img { border-color: #999; }
.poricons-wrap ul li span.icon a { color: #666; text-decoration: none; }
.poricons-wrap ul li span.icon a:hover { color: #06C; }
.poricons-wrap ul li span.icon a i { color: #2c3c57; font-size: 60px; border-radius: 50%; border: 1px solid #CCC; padding: 25px 30px 37px; background: #F8F8F8; }
.poricons-wrap ul li span.icon a i:hover { border-color: #999; }
.poricons-wrap ul li h2 { padding: 0px; margin: 10px 0px 15px; }
.poricons-wrap ul li .poricons-wrap .icons-content { float: left; width: 65%; overflow: hidden; }
.poricons-wrap ul p { width: 80%; margin: 0px auto; }
.poricons-wrap ul a.readmore { display: block; color: #111; font-size: 16px; margin-top: 20px; }
.poricons-wrap ul a.readmore:hover { color: #06C; }
.poricons-wrap.with-border { border-bottom: 50px solid #EEE; }

/* Icons v2 */
.poricons-wrap-v2 { position: relative; padding: 15px 0px 20px; }
.poricons-wrap-v2 ul { text-align: center; }
.poricons-wrap-v2 ul li { display: inline-block; width: 32%; text-align: left; vertical-align: top; }
.poricons-wrap-v2 ul li.middle { padding: 0px 1%; }
.poricons-wrap-v2 ul li h2 { float: left; width: 35%; }
.poricons-wrap-v2 ul li h2 span{ display: block; padding-top: 10px; }
.poricons-wrap-v2 ul li h2 img { float: right; width: auto; max-width: 100%; height: auto; max-height: 90px; margin: 5px 15px 0px 0px; }
.poricons-wrap-v2 ul li h2:hover img { opacity: .8; }
.poricons-wrap-v2 ul li h2 a { color: #666; text-decoration: none; }
.poricons-wrap-v2 ul li h2 a:hover { color: #06C; }
.poricons-wrap-v2 ul li .icons-content { float: left; width: 65%; overflow: hidden; }

/* Buttons v4 */
.porbuttons { position: relative; background: #FFF; padding: 0px 0px 15px; }
.porbuttons ul { text-align: center; width: 70%; margin: 0px auto; }
.porbuttons ul li { float: left; width: 24.1%; margin-right: 1%; }
.porbuttons ul li a { display: block; color: #FFF; font-size: 18px; text-align: center; text-decoration: none; padding: 30px 0px; background: #999; }
.porbuttons ul li a:hover { opacity: .8; }

/* Tiles */
.portiles { position: relative; width: 100%; background: #FFF; padding: 20px 0px; }
.portiles ul { text-align: center; }
.portiles ul li { position: relative; display: inline-block; width: 18%; text-align: center; vertical-align: top; background: #F8F8F8; border: 1px solid #CCC; padding: 25px 1% 50px; margin-right: 2%; }
.portiles ul li:last-child { margin-right: 0px; }
.portiles ul li img { text-align: center; width: auto; max-width: 100%; height: auto; max-height: 120px; margin: 0px 15px 0px 15px; }
.portiles ul li h2 { color: #111; padding: 3px 0px 5px; }
.portiles ul li .tiles-content { width: 100%; overflow: hidden; text-align: center; }
.portiles ul li .tiles-content p { margin: 0 auto; padding-bottom: 10px; text-align: center; }
.portiles ul li a.readmore { display: block; position: absolute; width: 90%; bottom: 10px; text-align: center; color: #333; }
.portiles ul li a.readmore:hover { color: #06C; }

/* Tiles v2 */
.porcat { width: 100%; clear: both; text-align: center; background: #FFF; padding: 5px 0px 10px; }
.porcat ul li { position: relative; width: 11.15%; display: inline-block; vertical-align: top; margin: 0px .2%; padding: 5px; border: 1px solid #CCC; }
.porcat ul li:hover { border-color: #999; }
.porcat ul li.first { margin-left: 0; }
.porcat ul li.last { margin-right: 0; }
.porcat ul li img { width: 100%; }
.porcat ul li span { display: block; background: #F8F8F8; padding: 4px 0px; }
.porcat ul li a { color: #333; font-size: 15px; text-transform: uppercase; text-decoration: none; }

/* Maps */
.pormaps { background: #FFF; padding-bottom: 10px; }
.pormaps ul li { position: relative; float: left; width: 32%; margin-left: 1%; }
.pormaps ul li iframe { display: block; width: 100%; height: auto; min-height: 294px; border: 0px none !important; }
.pormaps ul li img { width: 100%; height: auto; }
.pormaps ul li h3 { position: absolute; bottom: 0; display: block; width: 100%; color: #FFF; text-align: center; background: #333; padding: 10px 0px; }

/* Featured Items */
.featured-wrap ul { background: #FFF; text-align: center; padding: 20px 0px; border-top: 1px solid #EEE; }
.featured-wrap ul.first { border-bottom: 0px none; padding-bottom: 0px; }
.featured-wrap ul li { position: relative; display: inline-block; width: 12%; text-transform: uppercase; padding: 0px 2%; border-right: 1px solid #EEE; }
.featured-wrap ul li.last { border-right: 0px none; }
.featured-wrap ul li a { color: #666; text-decoration: none; }
.featured-wrap ul li a:hover { color: #06C; }
.featured-wrap ul li span { display: block; }
.featured-wrap ul li img { max-width: 100%; }
.featured-wrap ul li a:hover img { opacity: .8; }

/* Banners */
.porbanners { position: relative; width: 100%; background: #FFF; padding: 30px 0px 0px; margin: 0px auto; }
.porbanners ul { max-width: inherit; width: 79%; margin: 0px auto; }
.porbanners ul li { position: relative; clear: both; float: left; background: #EEE; margin-bottom: 15px; }
.banner-img { position: relative; float: left; width: 45%; }
.banner-img img { float: left; max-width: 100%; height: auto; }
.banner-panel { position: relative; float: left; width: 51%; padding: 20px 2%; }
.banner-panel a { color: #111; text-transform: uppercase; text-decoration: none; }
.banner-panel a:hover { color: #06C;}
.banner-panel i { padding-right: 5px; }
.porbanners h2 { font-weight: 500; }
.porbanners ul li.fr img { float: right; }
.porbanners ul li .banner-text { float: left; }

/* Content */
.content { float: left; width: inherit; width: 79%; min-height: 500px;}

/* Catalog */
.catalog { float: left; width: 19%; padding: 0px 0px 0px; padding-right: 2%; overflow: hidden; }
.catalog h2 { border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-top: 5px; }
.catalog ul { padding: 0px 0px 10px; }
.catalog ul li { }
.catalog ul li.catalog-text { padding-left: 10px; }
.catalog ul li a { display: block; color: #666; font-size: 14px; line-height: 1.2em; text-decoration: none; border-bottom: 1px solid #EEE; padding: 5px 0px 4px; text-transform: uppercase;}
.catalog ul li a:hover { color: #06C; }
.catalog ul li.division { font-size: 16px; margin: 15px 0px 5px; }
.catalog ul li.division.first { margin-top: 15px; }
.catalog ul li i { margin: 0px 5px 0px 2px; }

/* Locations */
.feedback { margin: 0px 0px 15px 0px; font-style: italic; }
.feedback img { padding-right: 12px; }
.store-locations-wrap { position: relative; width: 100%; }
.store-location { clear: both; max-width: 100%; display: block; border-top: 1px solid #DDD; padding: 15px 0px 0px; }
.store-location ul { float: left; width: 30%; }
.store-location h2 { padding: 0px 0px 5px; font-weight: 500; line-height: 1; }
.store-location h3 { padding: 10px 0px 5px; font-weight: 500; line-height: 1; }
.store-location li.location-phone { margin-top: 7px; font-size: 20px; }
.store-location li.location-phone i { margin-right: 5px; }
.store-map { position: relative; float: right; width: 65%; margin-bottom: 10px; margin-right: 1%; }
.store-map iframe { width: 100%; border: 1px solid #666 !important; }

/* Store Maps */
.store-locations { float: left; width: 36%; }
.store-locations a { display: block; color: #111; font-weight: 500; padding: 5px 0px; }
.store-locations a:hover { background: #F6F6F6; text-decoration: none; }
.store-locations .show-store-maps span { float: left; display: block; min-width: 120px; }
.store-locations li { border-bottom: 1px solid #EEE; }
.store-locations li:first-child { border-top: 1px solid #EEE; }
.store-maps { float: left; width: 60%; margin-left: 4%; }
.store-maps iframe { width: 100%; border: 1px solid #666 !important; }

/* FAQs */
.faqs h3 { display: block; font-size: 14px; font-weight: 500; color: #333; padding: 5px 10px; line-height: inherit; }
.faqs .faq:nth-child(odd) { background-color: #F2F2F2; }
.faqs h3:hover { cursor: pointer; }
.faqs h3 span.faq-num { border-right: 2px solid #FFF; padding-right: 10px; }
.faqs h3 span.spacer { width: 15px; }
.faqs h3 span.show-faq { font-family: Arial, Helvetica, sans-serif; font-weight: 700; float: right; }
.faqs ul { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) ul { padding-top: 0px; }
.faqs p { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) p { padding-top: 0px; }

/* Footer Banner */
.footer-banner { line-height: 0; background: #FFF; padding: 0px 0px 20px; overflow: hidden; }

/* Footer */
.footer-wrap { max-width: 100%; padding: 20px 0px 0px; border-top: 12px solid #0d18a8; }
.footer { max-width: 78.5%; clear: both; position: relative; padding: 0px 20px 10px; overflow: hidden; }
.footer h3 { font-size: 20px; color: #000; font-weight: 400; padding: 0px 0px 10px; margin: 0px; }
.footer ul.footer-categories { float: left; vertical-align: top; margin: 0px 12px 15px 0px; }
.footer ul.footer-categories.first { margin-left: 0px; text-align: left;  }
.footer ul.footer-categories.middle { margin-right: 3%; }
.footer ul.footer-categories.last { margin-right: 0px; float: right; }
.footer ul.footer-categories.last ul { float: right; margin-right: 0px; margin-left: 0px; }
.footer ul.footer-categories ul { display: inline-block; vertical-align: top; margin-right: 30px; }
.footer ul.footer-categories ul li { position: relative; }
.footer ul.footer-categories ul li a { color: #000; text-decoration: none; text-transform: uppercase; }
.footer ul.footer-categories ul li a:hover { color: #666; }
.footer ul.footer-categories ul li.logo img { width: 250px; height: auto; }
.footer ul.footer-categories ul li span { display: block; }
.footer ul.footer-categories.footer-location { text-align: left; }
.footer ul.footer-categories.footer-location h4 { color: #000; margin: 0px; padding: 0px; }
.footer ul.last { padding-right: 0px; }
.footer-store-locations { float: left; color: #000; }
.footer-store-locations a { color: #0d18a8; }
.footer-store-locations a:hover { color: #000; text-decoration: none; }
.footer-store-locations-2 { float: left; color: #000; margin-right: 8%; }
.footer-left { position: relative; float: left; width: 40%; }
.footer-right { position: relative; float: left; width: 56%; }
.footer-right ul li a { color: #000; text-decoration: none; white-space: nowrap; }
.footer-right ul li a:hover { color: #0d18a8; }
.footer ul.footer-categories { margin-right: 5%; float: left; }
.serving { color: #666; margin: 7px 0px 10px; text-align: left; }
.copyright { float: left; color: #888; font-size: 11px; }
.last-update { float: right; color: #888; font-size: 11px; }


/* Misc */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.go-to-top { display: none; position: fixed; bottom: 1%; right: .5%; width: 40px; height: 40px; z-index: 1000001; }
.go-to-top a { display: block; line-height: 1; }
.go-to-top i { color: #777; font-size: 16px; line-height: 1; border: 1px solid #CCC; border-radius: 50px; background: #FFF; padding: 6px 8px 8px; }
.go-to-top i:hover { color: #333; }
a.readmore { color: #666; text-transform: uppercase; text-decoration: none; }
a.readmore:hover { color: #06C; }
a.readmore i { font-size: 18px; padding-right: 5px; line-height: 1; }
a.readmore.button { display: block; text-align: center; text-decoration: none; background: #FCFCFC; border: 1px solid #DDD; padding: 8px 10px; }
a.readmore.button:hover { border-color: #999; }
.hideme { opacity: 1; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.3); /*dim the background*/ }

/* Backend */
#mainpage, #newitempage { float: left; width: inherit; width: 79%; padding: 0px 0px 40px; margin-top: 6px; min-height: 500px;}
#mainpage h3, #newitempage h3 { font-size: 1.8em; padding: 0px; margin-bottom: 10px; }
#mainpage h3 a, #newitempage h3 a { display: block; font-size: 20px; line-height: 0; margin-top: 10px; }
#mainpage form table tbody tr td { padding: 5px 0px; }
#mainpage form table tbody tr td table tbody tr td { vertical-align: top; }
#mainpage table { width: 100%; }
#mainpage table tbody tr td div.wrap4 img { margin: 20px 0px; }
#mainpage ul { list-style: disc; margin: 10px 0px 0px 25px; }
.multicolcell div { float: none !important; padding: 0px !important; }
.multicolcell { position: relative; display: block; float: left; width: 155px; height: 210px; text-align: center; border: 1px solid #EEE; margin: 0px 10px 10px 0px; }
.multicolcell:hover { border-color: #CCC; }
.multicolcell a { }
.multicolcell a:hover { text-decoration: none; }
.multicolheading, .multicoldescr { display: block; font-size: 13px; color: #666; text-transform: uppercase; line-height: 1.3; text-align: center; text-decoration: none !important; }
.thumbnailimgtall, .thumbnailimg { max-width: 120px; max-height: 120px; }
.wrap4 { display: block; margin-bottom: 5px; }
.cycle-slideshow { overflow: hidden; }
a.cycle-slide.cycle-slide-active { margin-top: 10px !important; }
div.detailedimg { margin: 10px 0px 20px !important; }
#form1 { margin-top: 20px; }
#form1 table tbody tr td { padding: 5px 0px; }
#form1 table tbody tr td strong { line-height: 2; }
#form1 input { line-height: 2; }
#form1 p input { margin-top: 10px; }

/* Forms - Resources */
.resources { padding: 0px 0px 0px 5px; }
.resources h3 { font-size: 16px; color: #531c03; padding: 0px; margin: 10px 0px 0px; }
.resources h3 a { font-size: 16px; font-weight: bold; color: #531c03; text-decoration: none; }
.resources p { padding: 0px 0px 0px 5px; margin: 5px 0px 10px; }
.resources ul { padding-left: 10px; }
.resources ul li a { background: url(images/bullet-dark.png) no-repeat 0px 5px; padding-left: 12px; }

/* Gallery */
#porgallery h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 5px; }
#porgallerythumbnail { float: left; width: 255px; height: 190px; margin: 10px 0 0px 0px; }
#porgallerythumbnail h4 { font-size: 12pt; font-weight: bold; color:  #808080; margin: 0 0 5px 8px; }
#porgallerythumbnail p.clickme { font-size: 75%; margin: 0 0 0 20px; }
#porgallerythumbnail img.porgallerypic { width: 180px; max-height: 130px; border-width: 1px; border-color: #5D5964; margin: 0 0 0 8px; }

/* Media */
@media screen and (max-width : 1920px) {
  .content { width: 82%; }
  .catalog { width: 16%; }
  #mainpage, #newitempage { max-width: 82%; }
}
@media screen and (max-width : 1750px) {
  .footer { width: 98%; max-width: inherit; font-size: 12px; }
}
@media screen and (max-width : 1600px) {
  .porbanners ul { max-width: 98%; }
  .porbanners ul { width: 98%; }
  .porbuttons ul { width: 100%; }
  .content { width: 79%; }
  .container { max-width: 98%; }
  .porintro ul li { width: 23.5%; margin-left: 1%; }
  .porintro ul li:first-child { padding-left: 1%; width: 74%; }
  .poricons-wrap ul { width: 100%; }
  .porcat ul li { width: 10.8%; }
  .porbuttons ul li { width: 24%; }
  .pormaps ul li iframe { min-height: 212px; }
  .catalog { width: 19%; }
  .footer { width: 98%; max-width: inherit; font-size: 12px; }
  #mainpage, #newitempage { max-width: 79%; }
}
@media screen and (max-width : 1366px) {
  .portiles ul li a.readmore { font-size: 12px; }
  .footer-right { float: left; }
}

@media screen and (max-width : 1280px) {
  #porheader-wrap .logo { width: 15%; } 
  #porheader-wrap .header-pane { width: 85%; }
  #porheader-wrap .header-phones  { font-size: 14px; }
  .content { width: 78%; }
  .porintro h2 { margin-top: 0px; }
  .porcat ul li { width: 10.75%; }
  .pormaps ul li iframe { min-height: 199px; }
  .catalog { width: 20%; }
  #mainpage, #newitempage { max-width: 78%; }
}

@media screen and (max-width : 1140px) {
  #porheader-wrap .logo { width: 8%; } 
  #porheader-wrap .header-pane { width: 92%; }
  #porheader-wrap .header-phones  { font-size: 12px; }
  #porheader-wrap .header-phones ul li a span { font-size: 12px; }
}

@media screen and (max-width : 1024px) {
  .go-to-top { right: 4.5%; bottom: 1px; }
  .header-container { max-width: 98%; }
  #search-wrap { clear: none; float: right; margin-top: 2px; margin-right: 10px; }
  #search { float: left; width: 240px; background: #FFF; border: 1px solid #EEE; margin: 0px 0px; padding: 5px 6px; padding-right: 6px; color: #666; }
  #search-box { width: 200px; }
  .navbar ul li a { padding: 10px 15px 10px; }
  .fixed-navbar .navbar ul li a { padding: 0px 15px; }
  .navbar ul li.dropdown:hover ul { left: 8px; }
  .fixed-navbar .navbar ul li a.sticky-search { padding-left: 15px; }
  
  .parallax { position: relative; min-height: 300px; max-height: 400px; }
  .parallax-content ul li { font-size: 32px; }
  
  .content { width: 76%; }
  .catalog { width: 22%; }
  
  .porintro h2 { padding-bottom: 6px; }
  .porintro ul li { width: 37%; }
  .porintro ul li:first-child { width: 60%; }
  
  .pormaps ul li iframe { min-height: 161px; }
  
  .poricons ul { text-align: center; }
  .poricons ul li { text-align: center; }
  .poricons ul li span.icon { float: none; width: 100%; text-align: center; }
  .poricons ul li span.icon img { float: none; width: auto; max-width: 100%; height: auto; max-height: 90px; margin: 0px auto; }
  .poricons ul li .poricons-content { float: none; width: 100%; }
  .poricons ul p { width: 98%; margin: 0px auto; }
  
  .porcat ul li { position: relative; width: 9.9%; display: inline-block; margin: 0px .5%; padding: 5px; border: 1px solid #CCC; }
  .porcat ul li a { font-size: 12px; }
  
  h1.index { }
  #mainpage, #newitempage { max-width: 76%; }
  ul.featured-item li h2 { font-size: 16px; }
 
}

@media screen and (max-width : 980px) {
}

@media screen and (max-width : 800px) {
  #search { width: 190px; }
  #search-box { width: 150px; }
}

@media screen and (max-width : 360px) {
  .logo { max-width: inherit; width: 100%; }
  .header-pane { clear: left; float: left; }
  #search-wrap { clear: both; float: left; margin-top: 10px; }
  #header-links ul { float: left; }
  #header-links li { float: none; display: inline-block; }
}

@media screen and (max-width : 1050px) and (orientation: portrait) { 
  .hideme { opacity: 1 !important; }
}