@charset "utf-8";

@import url(font-open-sans.css);
@import url(font-roboto.css);
@import url(font-roboto-slab.css);

/*** Reset CSS ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-size: 100%; font-weight: normal; padding: 0px; margin: 0px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
em { color: #999; font-style: italic; font-size: 0.9em; }
i { font-style: italic; }
a { color: #C33; text-decoration: none; }
a:hover { color: #111; }
a.bullet { background: url(../img/bullet.png) no-repeat 0px 6px; padding-left: 15px; }
a.bullet.white { background: url(../img/bullet-white.png) no-repeat 0px 6px; padding-left: 15px; }
strong { color: #333; font-weight: 500; }
strong.dark { color: #111; font-weight: 500; }

/** Clear Fixes **/
.cf:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
#header:after, #navbar:after, #slideshow:after, .panels#after, #content:after, #footer:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }

/** Custom **/
.fl { float: left; }
.fr { float: right; }
.cb { clear: both;height: 0px; }
.cb.spacer { height: 15px; }
.cl { clear: left; }
.cr { clear: right; }
.left { text-align: left; }
.right { text-align: right; }
.uppercase { text-transform: uppercase; }
p { margin-bottom: 10px; }
ul.disc { list-style: disc; margin: 0px 0px 10px 20px; }
ul.bullet { list-style-image: url(../img/bullet-list.png); margin: 0px 0px 10px 20px; }

hr.gray { border: 0; height: 0; margin: 0px; border-top: 1px solid #DDD; border-bottom: 0px none;}
hr.faded { clear: both; float: none; width: 100%; height: 1px; margin: 0; border: none; background: #DDD; background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, rgb(255,255,255)), color-stop(0.1, rgb(221,221,221)), color-stop(0.9, rgb(221,221,221)), color-stop(1, rgb(255,255,255)) ); background-image: -moz-linear-gradient( left center, rgb(255,255,255) 0%, rgb(221,221,221) 10%, rgb(221,221,221) 90%, rgb(255,255,255) 100% ); }
img.fade:hover { opacity: .8; }

/* H Tags */
h1 { font-size: 22px !important; padding-top: 2px !important; margin-bottom: 8px !important; }
h1.no-margin { margin-bottom: 0px !important; }
h2 { font-size: 20px !important; }
h3 { font-size: 18px !important; }
h1, h2, h3 { font-family: 'Roboto', sans-serif; color: #333; font-weight: 500; line-height: 1; padding: 0px 0px 10px; }
h1 { line-height: 1; border-bottom: 1px solid #DDD; text-align: center; }
h4 { font-weight: normal; font-size: 14px; }


/* Misc. Fixes */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
*:focus { outline: 0; }

/* Overrides */
.first { padding-left: 0px !important; }
.last { padding-right: 0px !important; }
.red { color: red; }

/* Dev */
.go-to-top { display: none; position: fixed; bottom: .5%; right: 2%; z-index: 10001; }
.go-to-top img { opacity: .6; }
.go-to-top img:hover { opacity: 1; }

img.autosize { width: 100%; }
img.ninty { width: 92%; margin: 0px auto; }
strong { color: #111; font-weight: bold; }

.center { margin: 0px auto; }
.centered { text-align: center; }

/* CSS Document */
body { position: relative; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4em; background: #FFF; color: #555; -webkit-text-size-adjust: none; }
.table { width: 100%; border-collapse: collapse; padding: 0px; margin: 0px; border: none; }
ul { margin: 0px; padding: 0px; }
img { border: 0px; }
.rates { padding: 0px; margin: 0px; font-size: 14px; color: #808080; font-weight: bold; line-height: 18px; }
.text_yellow { color: #AC872C; font-size: 11px; font-weight: bold; }
.text_bold { font-weight: bold; }

.clearfloat { clear: both; }

#wrapper { position: relative; min-width: 320px; }
#container { }
#topbar { }

.list { padding: 0px; margin: 0px; list-style: none; border-top: solid 1px #CCC; min-height: 100px; }
.homebartitle { margin-left: 5px; }
.list li { line-height: 18px; color: #000; list-style: none; overflow: hidden; margin: 1px 0px; text-align: left; font-weight: bold; background: url(../images/bg-list.png) repeat-x; }
.list li:hover { background: url(../images/bg-list-hover.png) repeat-x; }
.list li a { display: block; background: url(../images/arrow-r.png) no-repeat right; text-decoration: none; line-height: 75px; padding-left: 5px; color: #000; font-weight: bold; border-bottom: solid 1px #B6B6B6; vertical-align: middle; height: 75px; font-size: 18px; }
.list li a:hover { background: url(../images/arrow-hover.png) no-repeat right; color: #000; text-decoration: none; }
.list2 { padding: 0px; margin: 0px; margin-top: 1px; list-style: none; border-top: solid 1px #333333; min-height: 100px; }
.list2 li { display: block; padding: 0px; list-style:none; margin: 0px; font-size: 13px; background: #EEE url(../images/arrow-r.png) no-repeat 100% 5%; font-weight: bold; }
.list2 li a { display: block; text-decoration: none; padding: 4px 30px 0 0px; color: #000; font-weight: bold; border-bottom: solid 1px #B6B6B6; }
.list2 li a#nav { text-decoration: none; padding: 5px 0px; line-height: 30px; color: #EE3A42; padding-left: 15px; font-weight: bold; }
.list2 li a:hover { background: #333333 url(../images/arrow-hover.png) no-repeat right; color: #FFF; text-decoration: none; }
.list3 { padding: 0px; margin: 0px; margin-top: 1px; list-style: none; border-top: solid 1px #333333; background: #FFF; }
.list3 li { display: block; padding: 4px 0px; list-style:none; margin: 0px; font-weight: bold; background: #EEE url(../images/arrow-r.png) no-repeat right; border-bottom: solid 1px #000000; }
.list3 li a { text-decoration: none; color: #C00; font-weight: bold; font-size: 12px; }
.list3 li a:hover { color: #333; text-decoration: none; }
.list4 { padding: 0px; margin: 0px; }
.list4 li { border-bottom: 1px solid #DDD; padding: 5px 0px 15px; margin: 0px; }
.list4:nth-child(even) { background: #F8F8F8 !important; }
.list4 li:last-child { border-bottom: 0px none; }
.list4 li a { text-decoration: none; color: red; }
.list4 li a:hover { color: #333; }
.list4.directions { text-align: center; }

.direction { float: right; padding-right: 5px; padding-top: 10px; text-align: center; }
.span_left { line-height: 30px; float: left; padding-left: 10px; }

.phone a { text-decoration: none; color: #EE3A42; font-weight: bold; }

.homeimagesmall { float: left; width: 100px; margin: 0 0 0 -5px; border: 0px; vertical-align: middle; }

.catcell { text-decoration: none; padding: 4px 30px 0 5px; border-bottom: solid 1px #DDD; min-height: 60px; background: #F8F8F8 url(../images/arrow-r.png) no-repeat 100% 50%; vertical-align: middle !important; }
.catpiccell { text-decoration: none; padding: 0px; margin: 0px; color: #000; font-weight: bold; border-bottom: solid 1px #DDD; min-height: 60px; width: 60px; }
.categoryimagesmall { float: left; width: 60px; margin: 0px; vertical-align: middle; }
.categorytitlesmall { text-decoration: none; padding: 0px; margin: 0px; color: #000; font-weight: bold; min-height: 60px; }

.itemimagesmall { float: left; width: 60px; margin: 0px 5px 0px 5px; }
.itemtitlesmall { float: left; width: 70%; min-height: 45px; margin: 0 0 5px 0px; }
.itemphonesmall { width: 25px; margin: 0px 2px -8px 0px; }
.itemphonesmalllink { float: left; width: 100px; color: #EE3A42; font-weight: bold; }
.itemmoresmall { width: 25px; margin: 0px 2px -8px 10px; }
.itemmoresmalllink { float: left; width: 120px; }

#footer { text-align: center; background: none transparent; color: #999; padding: 10px 0px; }
#footer ul { text-align: center; margin-bottom: 10px; }
#footer ul li { display: inline-block; color: #CCC; }
#footer ul li a { text-decoration: none; padding: 0px 5px; }
#footer ul li a:hover { color: #111; }

/* Slideshow */
#slideshow-wrap { width: inherit; background: #FFF; padding: 0px 0px 20px; }
#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; }

/* Slideshow panel */
.slides div { position: relative; }
.slides .slide-panel { position: absolute; top: 5%; left: 0; right: 0; width: 90%; height: 100%; text-align: center; color: #FFF; font-size: 26px; line-height: 1.3em; /*background: url(../images/bg-dark.png) repeat; background-position: top;*/ padding: 0px 0px 0px; margin: 0px auto; overflow: hidden; }
.slides .slide-heading { display: block; font-family: 'Roboto Slab', serif; font-size: 38px; line-height: 40px; text-shadow: 0px 2px 1px #000;  margin-bottom: 10px; }
.slides .slide-heading img { float: right; width: auto; height: 40px; margin: 0px -5px 0px 0px; opacity: .6; }
.slides p { padding-left: 2px; text-shadow: 0px 2px 1px #000; }
.slide-panel ul.button { display: block; margin-top: 15px; }
.slide-panel ul.button li { display: inline-block; }
.slide-panel ul.button li a { display: block; float: none; color: #FFF; background: #C33; padding: 8px 15px 9px; box-shadow: 2px 2px 0px #000; margin-right: 10px; }
.slide-panel ul.button li a:hover { color: #DDD; text-decoration: none; }
.slide-panel ul.button li a i { color: #FFF; margin-left: 10px; }
.slide-panel ul.button li a i.first { margin-left: 0px; margin-right: 7px; }

#header-wrap { position: relative; background: #111 url(../images/bg-header.png) no-repeat; background-position: center; padding: 5px 0px 5px; }
#header { line-height: 0; }
#header a { display: block; }
#header i { font-size: 24px; line-height: 42px; color: #FFF; padding-top: 5px; }
#header a.i-shrink i { font-size: 22px; }
#header a.i-adjust-one i { padding-top: 6px; }
#header a.i-adjust-two i { padding-top: 7px; }
#menu { float: left; }
#menu a { padding: 0px 12px; }
#logo { float: left; margin: 0px; }
#logo img { width: auto; height: 49px; }
#header-logo { text-align: center; padding: 15px 0px 10px; }
#header-logo img { width: 270px; height: 50px; }
#home-link { float: left; }
#header-links { float: right; }
#header-links ul { float: right; }
#header-links ul li { float: left; }
#header-links ul li a { display: block; padding: 0px 10px; /*border-left: 1px solid #333;*/ }
#header-links ul li a.first { border-left: 0px none; }
#header-links ul li a.last { padding-right: 15px !important; }
#header-links ul li a.button i { font-size: 26px; color: #FFF; border-radius: 6px; background: #00F; padding: 3px 8px 4px 6px; margin-top: 2px; }

#menu ul { float: left; z-index: 2002; }
#menu ul li { float: left; }
#menu ul ul { display: block; position: absolute; top: 59px !important; right: 9999px; width: auto; margin: 0px; padding: 0px; z-index: 2003; }
#menu ul ul li i { color: #DDD; font-size: inherit; padding: 0px; }
#menu ul ul li, #menu ul ul li a { color: #FFF; }
#menu ul li.submenu:hover ul { left: 0; right: auto; }
#menu ul ul li { float: none; display: block; }
#menu ul ul li a { display: inline-block; min-width: 100%; font-family: 'Roboto Condensed', sans-serif; line-height: 36px; background: #222; border-bottom: 1px solid #333; padding: 0px 10px; padding-right: 5px; white-space: nowrap; z-index: 2004 }
#menu ul ul li a:hover { color: #DDD; }
#menu ul ul li:first-child a { padding-top: 0px; }
#menu ul ul li:last-child a { padding-bottom: 0px; border-bottom: 0px none; }
#menu ul ul li a i { line-height: 1; padding-right: 10px; width: 15px; text-align: center; }
#menu ul li.submenu ul.show-menu { top: 0; left: 0; right: auto; }
#menu ul li.submenu ul.hide-menu { top: 0; left: inherit; right: 9999px; }

#search-wrap { padding: 5px 10px 5px; border-bottom: 1px solid #DDD; background: #F8F8F8; }
#search-container { position: relative; border: 1px solid #CCC; background: #FFF; overflow: hidden; }
#search-container li { line-height: 30px; }
#search-container input.txtbox-search-our-inventory { display: block; width: 100%; height: 30px; border: 0px none; padding-left: 10px; }
#search-container a.search-submit { position: absolute; top: 0px; right: 7px; }
#search-container a i { color: #111; font-size: 20px; line-height: 30px; }

.panels ul { text-align: center; }
.panels ul li img { width: 100%; }

#content { padding: 10px 10px 0px; min-height: 300px; }
#content p.first { margin-top: 8px; }
#content h3 { margin-top: 15px; }

ul.icons { width: 100%; text-align: center; padding: 15px 0px 25px; border-bottom: 1px solid #DDD; }
ul.icons.gray { background: #F8F8F8; }
ul.icons li { position: relative; display: inline-block; width: 23%; }
ul.icons li a { display: block; }
ul.icons li img { background: #C33; padding: 10%; max-width: 70%; border-radius: 5px; border: 1px solid #111; }

ul.banners { text-align: center; margin: 0px; padding: 0px 0px 0px; background: #EEE; }
ul.banners li { position: relative; display: block; background: #FFF; vertical-align: top; padding: 20px 0px; border-bottom: 1px solid #DDD; border-top: 1px solid #CCC; -webkit-box-shadow: 0px 1px 4px #999; -moz-box-shadow: 0px 1px 4px #999; box-shadow: 0px 1px 4px #999; margin: 0px 0px 10px; }
ul.banners li.no-border { border-bottom: 0px none; }
ul.banners li:first-child { border-top: 0px none; padding-top: 20px; }
ul.banners li:last-child { }
ul.banners li h2 { margin-bottom: 0px; padding-bottom: 0px; }
ul.banners li h2 i { font-size: 30px; }
ul.banners li h2 span { display: block; color: #111; font-size: 28px; background: #FFF; margin: 0px auto; padding: 0px 0px 15px; }
ul.banners li h2 img { margin-bottom: 10px; }
ul.banners li img.border-gray { border: 1px solid #CCC; }
ul.banners li p { width: 90%; margin: 0px auto; color: #333; }
ul.banners li a.readmore { display: block; margin: 15px 0px 20px; }
ul.banners li a.readmore i { margin: 1px 5px 0px 0px; }
ul.banners li .banner-divider i { position: absolute; left: 0; right: 0; top: -20px; width: 28px; height: 30px; color: #666; font-size: 36px; border-radius: 50%; border: 1px solid #CCC; padding: 2px 5px 6px; margin: 0px auto; background: #FFF; }
ul.banners ul li { border-bottom: 0px none; border-top: 0px none; box-shadow: none; }
ul.banners li.porcat ul { width: 93%; text-align: center; margin: 0px auto; }
ul.banners li.porcat ul li { position: relative; display: inline-block; width: 44%; padding: 2% 1%; margin: 0px 1%; margin-bottom: 3%; border: 1px solid #EEE; overflow: hidden; }
ul.banners li.porcat ul img { max-width: 100%; }
ul.banners li.porcat ul li span { display: block; }
ul.banners .banner-phone, ul.banners .banner-link { font-size: 28px; color: #333; margin: 10px 0px 15px; }
ul.banners .banner-phone i, ul.banners .banner-link i { color: #333; vertical-align: top; margin: 3px 5px 0px 0px; }
ul.banners .banner-link { padding-top: 10px; }
ul.banners .banner-link a { font-size: 20px; font-weight: 700; color: #333; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; margin-top: 12px; }
ul.banners .banner-link a.small { font-size: 18px; }

ul.banners li.icons { box-shadow: none; border-bottom: 0px none; }
ul.banners li.icons ul { margin: 20px 0px 0px; padding: 0px; border: 0px none; }
ul.banners li.icons ul li { display: inline-block; border: 0px none; box-shadow: none; padding: 0px; margin: 0px 1%; }
ul.banners li.icons ul li i { font-size: 24px; color: #FFF; background: #0684c7; border-radius: 6px; padding: 10px 15px; }

ul.banners ul.featured-equipment { width: 93%; text-align: center; margin: 0px auto; margin-top: 20px; }
ul.banners ul.featured-equipment li { position: relative; display: inline-block; width: 45%; padding: 0px 2%; margin-bottom: 4%; }
ul.banners ul.featured-equipment li:nth-child(even) { background: none; }
ul.banners ul.featured-equipment h2 { border: 1px solid #DDD; }
ul.banners ul.featured-equipment h2 a span { font-size: 16px; }
ul.banners ul.featured-equipment img { max-width: 100%; }
ul.banners ul.featured-equipment li span { display: block; }

ul.buttons { }
ul.buttons li { position: relative; border-bottom: 1px solid #DDD; }
ul.buttons li:last-child { border-bottom: 1px solid #DDD; }
ul.buttons li a { display: block; text-align: left; font-size: 15px; font-weight: 700; padding: 7px 0px 6px; padding-left: 30px; }
ul.buttons li a:hover { color: #C33; }
ul.buttons li a span { color: #666; padding-left: 5px; }
ul.buttons li i { position: absolute; left: 13px; top: 7px; font-size: 20px; color: #333; }
ul.buttons.right li i { left: auto; right: 13px; }

.button-link { display: block; text-align: center; margin: 15px auto; padding: 8px 0px; border: 1px solid #DDD; }
.button-link i { margin-right: 5px; }
.button-link.gray { background: #F8F8F8; }

/* Locations */
.locations { text-align: center; padding-bottom: 60px; }
.location { border-bottom: 1px solid #CCC; padding-bottom: 15px; }
.location.gray { background: #FCFCFC; }
.location-division { text-align: center; color: #FFF; font-size: 20px; font-weight: 700; border: 1px solid #111; border-left: 0px none; border-right: 0px none; background: #333; line-height: 40px; }
.location-division.first { border-top: 0px none; }
.location.last { border-bottom: 0px none; }
.location h3 { font-size: 20px; font-weight: 700; margin: 0px 0px 0px !important; padding-top: 15px; }
.location h4 { font-size: 18px; font-weight: 700; margin: 0px 0px 5px; }
.location p { font-size: 16px; line-height: 1.4em; }
.location span a { color: #e44146; font-weight: 700; }
.location-map { display: block; width: 40px; height: 40px; margin: 10px auto 0px; }

/* Accordion */
.accordion h2 { position: relative; font-size: 16px !important; text-align: left; font-weight: 700; background: #F9F9F9; border-bottom: 1px solid #DDD; margin: 0px; padding: 10px 0px; padding-left: 15px; }
.show-accordion { position: absolute; top: 8px; right: 10px; }
.show-accordion i { font-size: 22px; }

.directions-contact { display: block; padding-bottom: 10px; }

.spacer { height: 15px; }
.spacer.ten { height: 10px; }

/* FAQs */
.faqs { margin-top: 10px; }
.faqs h3 { display: block; position: relative; font-size: 14px; font-weight: 400; color: #333; padding: 5px 10px; padding-right: 23px; 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 { display: block; position: absolute; top: 5px; right: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; padding-left: 10px; }
.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; }

/* Fixes */
#mainpage { padding: 0 5px 20px 10px; min-height: 300px; font-size: 14px; }
#mainpage table { width: 100%; border-top: 0px solid #DDD; }
#mainpage table tbody tr td { vertical-align: top; }
#mainpage table tbody tr td table { margin-top: 10px; }
#mainpage h3 { padding: 10px 0px 8px 5px; margin: 0px !important; border-bottom: 0px solid #DDD; text-transform: uppercase; }
#mainpage h3 a { font-weight: normal; font-size: 14px; margin-left: 2px; }
#mainpage b { font-weight: 700; }
#mainpage div ul { list-style: disc; margin: 10px 0px; }
#mainpage div ul li { margin-left: 20px; }
#mainpage ul.list4 li { border-bottom: 1px solid #DDD; }
td.catcell:hover { cursor: pointer; }
.itemphonesmalllink { font-weight: normal; }
.itemphonesmall { margin-right: 5px; }
.itemmoresmall { margin-right: 5px; }
.itemimagesmall { margin: 0px 10px !important; }
#mobifiller { margin-top: 0px; }
span.itemtitlesmall h2 { font-size: 18px !important; }

/* badges */
li.app-badges { padding: 0px 20px !important; }
li.app-badges h2 { margin-bottom: 15px !important; }
li.app-badges ul li { position: relative; width: 100%; padding: 0px; margin: 0px 0px 10px; background: #FFF !important; }
li.app-badges ul li img { width: 100%; height: auto; }

.multicolcell div { float: none !important; padding: 0px 5px !important; }
.multicolcell { position: relative; display: block; float: left; width: 155px; min-height: 180px; height: inherit; text-align: center; border: 1px solid #DDD; box-shadow: 0px 1px 4px #CCC; margin: 0px 15px 18px 0px; border-radius: 6px; padding-bottom: 15px; }
.multicolcell:hover { border-color: #DDD; }
.multicolcell a { }
.multicolcell a:hover { text-decoration: none; }
.multicolheading, .multicoldescr { display: block; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; color: #333; font-weight: 500; text-transform: uppercase; line-height: 1.3; text-align: center; text-decoration: none !important; }
.thumbnailimgtall, .thumbnailimg { max-height: 110px; max-width: 110px; }

@media screen and (max-width : 500px) {
  .multicolcell { width: 130px; height: 180px; }
  .thumbnailimgtall, .thumbnailimg { max-height: 80px; max-width: 80px; }
  #mainpage table { margin: 0px auto; text-align: left; } 
  #mainpage table h3 { padding-left: 0px; }
  #mainpage table td { float: left; clear: left;  }
  #mainpage td { max-width: 320px !important;  }
  #mainpage form { position: relative; float: left; clear: left; width: 98%; max-width: 360px; margin: 0px auto; }
  #mainpage form table tbody tr td { padding: 0px; }
  
  #mainpage form input { margin-top: 5px; margin-bottom: 15px; width: 98%; max-width: 360px; }
  #mainpage p { clear: both; }
  .por-checkout-item-qty { display: block; margin-top: 15px; }
  .por-checkout-item-price { display: block; white-space: nowrap; }
  .por-checkout-total-price-string { display: block; margin-top: 15px; }
  .por-checkout-total-price { display: block; margin-bottom: 15px; }
  .por-checkout-table-main { width: 90%; width: 98%; max-width: 360px; padding: 0px; margin: 0px auto; }
  .por-checkout-table-customer-info { width: inherit !important; width: 98%; max-width: 360px; padding: 0px; margin: 0px; }
  #mainpage form table tbody tr td table tbody tr td input.por-checkout-city { display: block; margin-bottom: 5px; }
  #mainpage form table tbody tr td table tbody tr td input.por-checkout-email { display: block; margin-bottom: 5px; }
  #mainpage form table tbody tr td table tbody tr td span.por-checkout-email2-string { display: block; margin-top: 15px; }  

  #mainpage table td.catpiccell, #mainpage table td.catcell { float: none; clear: none; }
  
  input[type="submit"], input[type="button"] { font-size: 16px; line-height: 1; padding: 10px 0px; margin-bottom: 5px !important; }
  input[type="radio"] { max-width: inherit !important; width: inherit !important; }

  h4 { margin: 15px 0px 8px 5px !important; }
}