@charset "utf-8";

body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5em; color: #666; background: #F6F6F6; background-position: top left; padding-bottom: 8%; }
.wrapper { min-width: 1024px; }

a.facebook i { color: #3b5998 !important; }
a.twitter i { color: #55acee !important; }
a.pinterest i { color: #cb2027 !important; }
a.instagram i { color: #125688 !important; }
.bg-white { background: #FFF !important; }
.bg-gray { background: #F6F6F6 !important; }
.bg-light-gray { background: #F9F9F9 !important; }
.bg-dark-gray { background: #777 !important; }
.bg-panel { background: #EEEEE0 !important; }
.bg-panel2 { background: #ffb6c1 !important; }
.bg-texture { background: #FFF url(images/bg.jpg) repeat; background-position: top left; }
.bg-transparent { background: none !important; }
.brand-color { color: #C33; }
.bb-white { border-bottom: 40px solid #FFF; }
.bg-tone { background: #e8e0d3 !important; }

/* Header */
#porheader-wrap { position: relative; background: #FFF; padding: 10px 0px; max-width: 100%; border-bottom: 1px solid #EEE; }
#porheader-wrap .header { position: relative; max-width: 82%; padding: 0px 0px 0px; margin: 0px auto; }
#porheader-wrap .logo { position: relative; float: left; width: 20%; min-height: 150px; margin: 0px 0px 0px; }
#porheader-wrap .logo img { width: auto; height: auto; max-height: 160px; vertical-align: bottom; }
#porheader-wrap .tagline { position: relative; float: left; width: 10%; font-family: 'Courgette', cursive; font-size: 20px; color: #202020; margin-top: 30px; text-align: center;  font-style: italic; }
#porheader-wrap .tagline span { display: block; font-size: 26px; padding-bottom: 5px; }
#porheader-wrap .header-pane { position: relative; float: left; width: 33%; margin-top: 25px; }
#porheader-wrap .header-right-pane { position: relative; float: right; width: 60%; text-align: right; margin-top: 35px; }

/* Header Search */
#porheader-wrap #search-wrap { clear: right; float: right; margin: 15px 0px 0px 0px; }
#porheader-wrap #search { float: left; width: 300px; background: #FFF; border: 1px solid #CCC; border-radius: 50px; margin: 0px 0px; padding: 10px 15px; padding-right: 6px; color: #666; }
#porheader-wrap #search:hover { background: #FFF; border: 1px solid #999; }
#porheader-wrap #search-box { float: left; width: 240px; 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: 0px; margin-right: 10px; }
#porheader-wrap .btn-search i { color: #666; font-size: 22px; }
#porheader-wrap #search:hover i { color: #111; }
#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 { clear: both; float: right; margin-right: 5px; }
#porheader-wrap #header-links ul { clear: left; float: left; width: auto; margin: 5px 5px 0px 15px; }
#porheader-wrap #header-links ul li { font-family: 'Roboto Condensed', sans-serif; position: relative; float: left; color: #999; font-size: 24px; margin-right: 5px; }
#porheader-wrap #header-links ul li a { min-width: 100%; color: #333; 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 { color: #999; float: left; font-size: 20px; margin-top: 2px; margin-left: 4px; }
#porheader-wrap #header-links ul li a span.phone { }
#porheader-wrap #header-links ul li a span.adjust i { margin-top: 2px; }
#porheader-wrap #header-links ul li span { font-size: 22px; margin-right: 6px; color: #731433; }
#porheader-wrap #header-links ul li span.i-facebook i { color: #3B5998; margin-right: 0px; margin-left: 10px; }
#porheader-wrap #header-links ul li span.i-pinterest i { color: #C92228; margin-right: 0px; }
#porheader-wrap #header-links ul li span.i-instagram i { color: #503d36; margin-right: 0px; }

/* Navigation */
/* uncomment below for navbar under header */
.navbar-wrap { background: #FFF; }
.navbar { z-index: 1005; width: 100%; min-width: 1024px; margin-top: 0px; }
.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: none; }
.navbar ul li a { font-family: 'Courgette', cursive; display: block; color: #731433; font-size: 24px; font-weight: 400; padding: 10px 0px; margin: 0px 15px; /*border-bottom: 2px solid #FFF;*/ }
.navbar ul li a:hover { color: #111; cursor: pointer; text-decoration: none; border-bottom-color: #390; }
.navbar ul li a.first { padding-left: 0px; margin-left: 0px; }
.navbar ul li a.last { padding-right: 0px; margin-right: 0px; background: none; }
.navbar ul li a i { font-size: 14px; color: #666; padding-right: 5px; }
.navbar ul li a:hover i { color: #111; }
.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 {  }
.navbar ul li a.cart i { font-size: 20px; color: #666; vertical-align: top; margin-top: 1px; }
.navbar ul li a.cart:hover i { color: #111; }

/* Navigation Submenu */
.navbar ul ul { display: block; position: absolute; right: 9999px; width: auto; min-width: 160px; 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: 15px; 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: 14px; font-weight: 400; color: #444; text-align: left; padding: 0px 0px !important; white-space: nowrap; z-index: 2004; margin-left: 5px; }
.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: 50px; vertical-align: top; margin-top: 5px; }

.fixed-navbar { position: fixed; max-width: 100%; top: 0; left: 0; background: #FFF; margin-top: 0px; z-index: 1000002; opacity: .95; border-bottom: 1px solid #CCC; }
.fixed-navbar .navbar { width: 100%; max-width: inherit; margin: 0px auto; }
.fixed-navbar .navbar ul { width: 100%; text-align: center; }
.fixed-navbar .navbar ul li.sticky { display: inline-block; }
.fixed-navbar .navbar ul li a { margin: 0px 10px; }
.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: 20px; }
.fixed-navbar .navbar ul li a.sticky-search i { font-size: 22px; vertical-align: top; margin: 8px 5px 0px 0px; }
.fixed-navbar .navbar ul li a.cart img { vertical-align: top; margin-top: 5px; }
.navbar-wrap.fixed-navbar .sticky-logo { }
.navbar-wrap.fixed-navbar .sticky-logo i { font-size: 30px; margin: 14px 0px 0px 10px; }
.navbar-wrap.fixed-navbar .sticky-logo img { }
.navbar-wrap.fixed-navbar .navbar { line-height: 40px; }
.fixed-navbar > .content { padding-top: 100px; }
.fixed-navbar .home { /*display: none;*/ }

/* Sticky Navigation Search */
.navbar ul.toggle-search { display: none; left: 0; right: auto; border-color: #CCC; border-top-color: #CCC; }
.navbar ul li.dropdown.left ul.toggle-search { display: none; left: auto; right: 8px; 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 #DDD; }
.navbar ul.toggle-search #search-form:hover { border: 1px solid #CCC; }
.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: #666; }

/* Slideshow */
#slideshow-wrap { width: inherit; background: #FFF; padding: 0px 0px 15px; }
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; }
#slider1_container a { display: block; }
.slideshow-dimensions { width: 1600px; height: 500px; }
.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: 400px; 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.x-large { min-height: 800px; }
.parallax .overlay { z-index: 1001; }
.parallax-content { position: absolute; top: 11%; 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 { width: 400px; padding: 20px; top: 18%; margin: 0px auto; background-color: rgba(255,255,255,0.8); }
.parallax-content.first ul { width: 100%; padding: 1.5% 0px 0px; }
.parallax-content.first ul li { display: inline-block; font-size: 25px; padding: 0px 1%; }
.parallax-content.first ul li:first-child { padding-left: 0px; }
.parallax-content.first ul li:last-child { padding-right: 0px; }
.parallax-content.first ul li a { color: #111; }
.parallax-content.first ul li a:hover { color: #06C; }
.parallax-content.first span { display: block; text-align: center; font-size: 40px; color: #111; line-height: 1.1em; text-transform: uppercase; }
.parallax-content.first span.xlarge { font-size: 70px; padding-bottom: 3px; }

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

/* Icons */
.poricons-wrap { padding: 40px 0px 45px; }
.poricons-wrap ul { width: 84%; text-align: center; margin: 0px auto; }
.poricons-wrap ul li { position: relative; display: inline-block; width: 25%; vertical-align: top; padding: 0px 2%; margin: 0px 3%; }
.poricons-wrap ul li:first-child { margin-left: 0px; }
.poricons-wrap ul li:last-child { margin-right: 0px; }
.poricons-wrap ul li img { width: 95%; height: auto; border-radius: 25px; border: 1px solid #999; overflow: hidden; }
.poricons-wrap ul li h2 { font-size: 26px; color: #666; padding: 0px; margin: 40px 0px 20px; white-space: nowrap; }
.poricons-wrap ul li .icons-content { overflow: hidden; }
.poricons-wrap.border-bottom { border-bottom: 40px solid #DDD; }


.readmore.button a { width: 90%; margin: 0px auto; display: block; color: #FFF; background: #FFF; padding: 20px 0px; text-transform: uppercase; background-image: linear-gradient(to bottom, #808080, #808080); border-radius: 35px; text-decoration: none; white-space: nowrap; }
.readmore.button a:hover { color: #FFF !important; opacity: .9; }

/* Catalog Button Version Three */
.porbuttons { display: block; width: 100%; text-align: center; padding: 40px 0px 40px; background: #F8F8F8; border-top: 1px solid #CCC; }
.porbuttons ul { text-align: center; }
.porbuttons ul li { display: inline-block; padding: 0px 20px; }
.porbuttons ul li.first { padding-left: 0px; }
.porbuttons ul li.last { padding-right: 0px; }
.porbuttons a { position: relative; display: block; font-size: 16px; line-height: 1; color: #111; text-transform: uppercase; text-decoration: none; background: #FFF; border: 1px solid #DDD; padding: 25px 25px; padding-left: 60px; }
.porbuttons a:hover { border-color: #CCC; }
.porbuttons a i { color: #C00; font-size: 18px; margin-right: 5px; }
.porbuttons img { position: absolute; top: 12px; left: 12px; height: 40px; }

/* 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 15px; margin: 0px auto; }
.porbanners ul { width: 85%; margin: 0px auto; }
.porbanners ul li { position: relative; clear: both; float: left; margin-bottom: 25px; background: #EEE; }
.banner-img { position: relative; float: left; width: 23%; }
.banner-img img { float: left; width: auto; height: 230px; }
.banner-panel { position: relative; float: left; width: 72%; 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-size: 26px; margin-top: 10px; line-height: 1.2em; }
.porbanners ul li.fr img { float: right; }
.porbanners ul li .banner-text { float: left; }

/* Content */
.content { float: left; width: inherit; width: 83%; min-height: 500px;}
.content.about hr { margin: 20px 0px; clear: both !important; }

/* Catalog */
.catalog { float: left; width: 10%; padding: 6px 1% 10px; margin-right: 2%; overflow: hidden; background: #F8F8F8; }
.catalog .catalog-title { color: #333; font-family: 'Courgette', cursive; border-bottom: 1px solid #EEE; font-size: 24px; padding-bottom: 10px; margin-top: 10px; }
.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: 15px; font-weight: 400; line-height: 1.3em; text-decoration: none; border-bottom: 1px solid #EEE; padding: 5px 0px; }
.catalog ul li a:hover { color: #111; }
.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: 20px 0px 5px; font-weight: 500; line-height: 1; }
.store-location li.location-phone { font-size: 18px; margin-top: 2px; }
.store-location li.location-phone i { font-size: 18px; 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; }

/* FAQs */
.faqs h3 { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; color: #333; font-style: italic; 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-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; } 

/* Jobs */
.jobs { display: none; }
.jobs h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 400; color: #731433; font-style: italic; text-decoration: underline; line-height: inherit; }
.jobs p { padding-left: 8px; }

/* Policies */
.policies h2 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 400; color: #731433; font-style: italic; text-decoration: underline; line-height: inherit; }
.policies ul { list-style: disc; padding-bottom: 10px; }

/* 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; font-size: 14px; line-height: 20px;}
.footer { max-width: 82%; clear: both; position: relative; padding: 0px 20px 0px; margin: 0px auto; overflow: hidden; }
.footer h3 { font-size: 30px; color: #333; font-weight: 400; padding: 0px 0px 10px; margin: 0px; line-height: 1.5; }
.footer ul.footer-categories { display: inline-block; vertical-align: top; margin: 0px 30px 0px 25px; }
.footer ul.footer-categories.first { margin-left: 0px; text-align: left;  }
.footer ul.footer-categories.middle { margin-left: 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: 22px; }
.footer ul.footer-categories ul li { position: relative; }
.footer ul.footer-categories ul li a { color: #666; text-decoration: none; text-transform: uppercase; }
.footer ul.footer-categories ul li a:hover { color: #06C; }
.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.last { padding-right: 0px; }
.footer-store-locations { float: right; width: 30%; }
.serving { color: #888; font-size: 12px; text-align: center; margin: 7px 0px 10px; }
.copyright { float: left; color: #999; font-size: 11px; }
.last-update { float: right; color: #999; 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 { display: block; color: #444; font-size: 18px; text-transform: uppercase; text-decoration: none; }
a.readmore:hover { color: #06C; }
a.readmore i { padding-right: 4px; vertical-align: top; margin-top: 3px; }

.hideme { opacity: 1; }

/* Backend */
#mainpage, #newitempage { float: left; width: inherit; width: 100%; width: 82%; padding: 0px 0px 40px; margin-top: 6px; }
#mainpage h3, #newitempage h3 { font-size: 1.8em; padding: 0px; margin: 8px 0px 15px; }
#mainpage h3 a, #newitempage h3 a { display: block; font-size: 20px; line-height: 0; margin-top: 5px; }
#mainpage h1 { margin-top: 5px; }
#mainpage form table tbody tr td { padding: 5px 0px; }
#mainpage form table tbody tr td table tbody tr td { vertical-align: top; }
#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 5px !important; }
.multicolcell { position: relative; display: block; float: left; width: 185px; height: 260px; 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-height: 160px; max-width: 150px; }
.wrap4 { display: block; margin-bottom: 5px; }
.cycle-slideshow { overflow: hidden; }
a.cycle-slide { margin-top: 0px !important; }
a.cycle-slide.cycle-slide-active { margin-top: 0px !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: 1.1; }
#form1 p input { margin-top: 10px; }
td.cattitle { background: #666; font-family: 'Roboto Condensed', sans-serif; color: #FFF; font-size: 18px; padding: 20px 0px !important; text-transform: uppercase; }
.InventoryTable tr td { vertical-align: middle; line-height: 30px; }
#mainpage table tbody tr td div.wrap4 img{ margin: 12px 0px 0px 15px !important; }
.InventoryTableCell { padding: 4px 0px 5px; }
.InventoryTableCell a { padding-left: 10px; }
div#productname { margin-left: 10px; }

/* Forms - Resources */
.resources { padding: 0px 0px 0px 5px; }
.resources h3 { font-family: 'Courgette', cursive; font-size: 20px; color: #111; 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 { margin: 8px 0px 5px 10px; }
.resources ul li { line-height: 1.6; }
.resources ul li a { background: url(images/bullet-dark.png) no-repeat 0px 7px; padding-left: 12px; }

/* Gallery */
#porgallery h1 { font-family: 'Courgette', cursive; }
#porgallery h3 { 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; }

div.hr-diamond { width: 95%; text-align: center; border-top: 1px solid #DDD; line-height: 0; margin: 10px auto 20px; }
div.hr-diamond span { background: #FFF; color: #999; padding: 0px 10px; font-size: 34px; font-weight: 300; }

/* Media */
.content { width: 75%; }
.content h1 { font-family: 'Courgette', cursive; }
.catalog { width: 20%; margin-right: 2%; }
#mainpage, #newitempage { max-width: 75%; }
  
@media screen and (max-width : 1920px) {

}

@media screen and (max-width : 1910px) {
  .fixed-navbar .navbar ul li a { font-size: 18px; } 
}

@media screen and (max-width : 1760px) {
  .fixed-navbar .navbar ul li a { font-size: 18px; }
  .porbanners ul { width: 96%; }  
}

@media screen and (max-width : 1620px) {
  #porheader-wrap .header { max-width: 98%; }
/*  #porheader-wrap .logo { width: 18%; }
  #porheader-wrap .tagline { width: 24%; margin-top: 30px; }
  #porheader-wrap .tagline span { font-size: 26px; }*/
  .navbar ul li a { font-size: 18px; }
  .fixed-navbar .navbar ul li a { font-size: 16px; margin: 0px 8px; } 
  .container { max-width: 98%; }
  .poricons-wrap ul { width: 98%; }
  .poricons-wrap ul li h2 { font-size: 22px; }
  .porbanners ul { width: 96%; }
  .banner-img { width: 27%; }
  .banner-panel { width: 68%; }
  .footer { max-width: 98%; }
}

@media screen and (max-width : 1366px) {
  h1.index { font-size: 30px; }
}

@media screen and (max-width : 1280px) {
  .fixed-navbar .navbar ul li a { font-size: 14px; margin: 0px 5px; }
  .porbanners ul { width: 90%; }
  .banner-img { width: 28%; }
  .banner-panel { width: 58%; margin-left: 40px; }
}

@media screen and (max-width : 1200px) {
/*  #porheader-wrap .logo { width: 18%; }
  #porheader-wrap .tagline { width: 24%;}
  #porheader-wrap .header-right-pane { width: 38%; }*/
  #porheader-wrap .logo { min-height: 125px; }
  #porheader-wrap .logo  img { width: 400px; }
  #porheader-wrap .header-right-pane { margin-top: 15px; }
  .navbar ul li a { font-size: 16px; }
  .fixed-navbar .navbar ul li a { font-size: 13px; margin: 0px 3px; }
  .banner-panel { width: 48%; margin-left: 100px; }
  .footer a { font-size: 12px; }
}
@media screen and (max-width : 1100px) {
  .navbar ul li a { font-size: 13px; }
}

@media screen and (max-width : 1024px) {
  .go-to-top { right: 4.5%; bottom: 1px; }
  h1.index { font-size: 22px; }
  .porbanners h2 { font-size: 22px; }
  .readmore.button a { width: 98%; font-size: 13px; } 
 }

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

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

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

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

.CommentBlock { width: 80%; }