/* back to basics
-------------------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box; }

body { font: 14px Verdana, Arial, Helvetica, sans-serif; background: #fff; color: #444; text-align: center; }

.clearboth { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.dn { display: none; }

a { color: #444; text-decoration: underline; -webkit-transition: color, 0.2s; transition: color, 0.2s; }
a:hover { color: #000; }

img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

/* =WordPress Core
-------------------------------------------------------------- */
body .alignnone { margin: 5px 20px 20px 0; }
body .aligncenter, body div.aligncenter { display: block; margin: 5px auto 5px auto; }
body .alignright { float: right; margin: 5px 0 15px 20px; }
body .alignleft { float: left; margin: 5px 20px 15px 0; }
body .aligncenter { display: block; margin: 5px auto 5px auto; }
body a img.alignright { float: right; margin: 5px 0 15px 20px; }
body a img.alignnone { margin: 5px 20px 15px 0; }
body a img.alignleft { float: left; margin: 5px 20px 15px 0; }
body a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
body .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
body .wp-caption.alignnone { margin: 5px 20px 20px 0; }
body .wp-caption.alignleft { margin: 5px 20px 20px 0; }
body .wp-caption.alignright { margin: 5px 0 20px 20px; }
body .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
body .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Main styling
----------------------------------------------------- */
#wrapper { max-width: 1293px; margin: 0 auto; text-align: left; }

header#mast { position: relative; }
header#mast > div.clearfix { background: url(../img/bg_header.jpg) no-repeat center bottom; text-align: center; max-height: 117px; }
header#mast > div.clearfix > div { position: relative; width: 28%; float: left; }
header#mast > div.clearfix > div div { font: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; color: #fff; font-size: 18px; font-style: italic; font-weight: bold; }
header#mast > div.clearfix > div div span { font: Helvetica, Arial, Verdana, sans-serif; color: #e21a22; display: block; font-weight: normal; font-size: 12px; }
header#mast > div.clearfix div#pricing div { background: url(../img/sprite.png) no-repeat center 0px; line-height: 15px; min-height: 70px; min-width: 200px; padding: 9px 0 0; font-size: 24px; float: right; margin: 22px 0 0; }
header#mast > div.clearfix div#pricing div span { font-size: 16px; }
header#mast > div.clearfix div#phone div { float: left; margin: 9px 0 0; }
header#mast > div.clearfix div#phone div span { text-transform: uppercase; margin: 8px 0 0; }
header#mast > div.clearfix div#phone div span:first-child { color: #acacac; }
header#mast > div.clearfix div#logo { width: 44%; }
header#mast > div.clearfix div#logo a#logo { margin: 0; }
header#mast div#social { background: none; position: absolute; bottom: -45px; right: 12%; z-index: 9999; }
header#mast div#social a { display: block; width: 34px; height: 34px; background: url(../img/sprite.png) no-repeat 0 0; text-indent: -9000px; float: left; margin: 0 5px 0 0; }
header#mast div#social a:hover { margin-top: 5px; }
header#mast div#social a#facebook { background-position: -56px -84px; }
header#mast div#social a#youtube { background-position: -97px -84px; }

/* main nav */
nav#main { z-index: 10000; position: relative; margin: 0; text-align: center; max-width: 1100px; margin: 0 auto; }
nav#main ul.menu { list-style: none; position: relative; margin: 19px 0 0; margin: 19px 0 -17px; text-align: justify; }
nav#main ul.menu:after { content: ""; clear: both; display: block; display: inline-block; width: 100%; }
nav#main ul.menu li { display: inline-block; position: relative; }
nav#main ul.menu li a { color: #000; display: block; padding: 0 15px; padding: 0 5px; line-height: 32px; font-size: 13px; text-transform: uppercase; text-decoration: none; position: relative; z-index: 5000; background: #fff; }
nav#main ul.menu li a:hover { color: #e21a22; }
nav#main ul.menu li:hover > ul { display: block; }
nav#main ul.menu ul.sub-menu { list-style: none; position: absolute; top: 100%; left: 0; display: none; background: #fff; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); margin: 0; text-align: left; }
nav#main ul.menu ul.sub-menu li { position: relative; border-top: 1px solid #c2c2c2; display: block; }
nav#main ul.menu ul.sub-menu li a { line-height: 30px; white-space: nowrap; padding: 0 10px; }
nav#main ul.menu ul.sub-menu li:hover ul { display: block; }
nav#main ul.menu ul.sub-menu ul { position: absolute; display: none; top: -1px; left: 100%; border-left: 1px solid #c2c2c2; }

nav#main > ul > li.current-menu-item > a, #main ul li.current-page-ancestor > a, #main ul li a:hover { color: #e21a22; }

/* end main nav */
/* sub nav */
nav#sub { background: url(../img/bg_shadow_black.jpg) no-repeat center bottom; padding: 0 0 30px; margin: 0 auto; }
nav#sub ul.menu { list-style: none; text-align: center; max-width: 1100px; margin: 0 auto -17px; text-align: justify; }
nav#sub ul.menu:after { content: ""; clear: both; display: block; display: inline-block; width: 100%; }
nav#sub ul.menu li { display: inline-block; position: relative; }
nav#sub ul.menu li a { display: block; padding: 0 15px; padding: 0 5px; font-size: 13px; line-height: 32px; text-transform: uppercase; color: #000; white-space: nowrap; text-decoration: none; }
nav#sub ul.menu li a:hover { color: #e21a22; }
nav#sub ul.menu li:hover > ul { display: block; }
nav#sub ul.menu ul.sub-menu { list-style: none; position: absolute; bottom: 32px; left: 0; display: none; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); margin: 0; text-align: left; }
nav#sub ul.menu ul.sub-menu li { position: relative; border-top: 1px solid #c2c2c2; display: block; }
nav#sub ul.menu ul.sub-menu li a { line-height: 30px; white-space: nowrap; padding: 0 10px; }
nav#sub ul.menu ul.sub-menu li:hover ul { display: block; }
nav#sub ul.menu ul.sub-menu ul { position: absolute; display: none; top: -1px; left: 100%; border-left: 1px solid #c2c2c2; margin: 0 0 0 -1px; }
nav#sub ul.menu ul.sub-menu ul li { background: #fff; border-left: 1px solid #c2c2c2; }

nav#sub > ul > li.current-menu-item > a, #sub ul li.current-page-ancestor > a, #sub ul li a:hover { color: #e21a22; }

/* end sub nav */
/* mobile nav */
nav#mobile-nav { display: none; visibility: hidden; }

/* end mobile nav */
div#jumbo { position: relative; width: 100%; }
div#jumbo .cycle-slideshow { width: 100%; }
div#jumbo .cycle-slideshow img { width: auto\9; height: auto; max-width: 100%; }

div#content { position: relative; max-width: 1020px; margin: 25px auto 0; padding: 0 0 0 20px; }
div#content section { position: relative; float: left; max-width: 700px; width: 68%; margin: 0 20px 0 0; }
div#content section article p { line-height: 24px; margin: 0 0 15px; }
div#content section article ul, div#content section article ol { margin: 15px 0 15px 20px; }
div#content section article ul ul, div#content section article ul ol, div#content section article ol ul, div#content section article ol ol { margin: 0 0 0 20px; }
div#content section article h1 span { float: right; font-size: 14px; color: #444; line-height: 28px; }
div#content section article img { border: 3px solid #878787; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
div#content section article p.more { text-align: right; margin: 0 0 25px; padding: 10px; background-color: #fff; background-image: -webkit-linear-gradient(#fff, #eee); background-image: linear-gradient(#fff, #eee); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
div#content section article p.more a { color: #e21a22; text-decoration: none; }
div#content section article p.more a:hover { color: #000; }
div#content section article a.drag-adv-book-now { display: block; text-decoration: none; float: right; padding: 8px 16px; font-size: 18px; border-radius: 5px; color: #f8f8f8; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); border: 1px solid #AA1118; background-color: #e21a22; background-image: -webkit-linear-gradient(#e21a22, #C01219); background-image: linear-gradient(#e21a22, #C01219); }
div#content section article a.drag-adv-book-now:hover { background-color: #CF121A; background-image: -webkit-linear-gradient(#CF121A, #B31218); background-image: linear-gradient(#CF121A, #B31218); }
div#content section div.posts-nav { border-top: 1px solid #f1f1f1; padding: 5px 10px; }
div#content section div.posts-nav span { float: right; }
div#content section div.posts-nav span a { text-decoration: none; }
div#content section div.posts-nav span a:hover { text-decoration: underline; }
div#content section div.posts-nav span:first-child { float: none; text-align: left; }
div#content section div.wp-pagenavi { clear: both; text-align: center; }
div#content section div.wp-pagenavi span { border: 1px solid #f1f1f1; padding: 3px 5px; margin: 2px; }
div#content section div.wp-pagenavi span.current { font-weight: bold; border-color: #000; }
div#content section div.wp-pagenavi a { text-decoration: none; border: 1px solid #f1f1f1; padding: 3px 5px; margin: 2px; }
div#content section div.wp-pagenavi a:hover { border-color: #000; }
div#content aside { float: right; max-width: 261px; }
div#content aside .sidebar { background: url(../img/bg_sidebar_module.jpg) no-repeat right top #000; width: 261px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; color: #fff; font: 10px Verdana, Arial, sans-serif; position: relative; padding: 0 0 1px; }
div#content aside .sidebar > header { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 0 0 20px; padding: 0 5px 0 15px; }
div#content aside .sidebar > header a { color: #fff; text-decoration: none; }
div#content aside .sidebar > header a:hover { color: #000; }
div#content aside .sidebar > footer { position: absolute; bottom: 0; width: 100%; height: 38px; background: url(../img/bg_sidebar_module_shadow.png) repeat-x left bottom; border-bottom-left-radius: 10px; }
div#content aside .sidebar a.newsletter-sign-up { display: block; width: 100%; text-align: center; text-decoration: none; padding: 8px 16px; font-size: 16px; border-radius: 5px; color: #f8f8f8; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); border: 1px solid #AA1118 !important; margin-bottom: 10px !important; float: none !important; background-color: #e21a22; background-image: -webkit-linear-gradient(#e21a22, #C01219); background-image: linear-gradient(#e21a22, #C01219); }
div#content aside .sidebar a.newsletter-sign-up:hover { background-color: #CF121A; background-image: -webkit-linear-gradient(#CF121A, #B31218); background-image: linear-gradient(#CF121A, #B31218); }
div#content aside .sidebar ul { list-style: none; margin: 0 15px; position: relative; z-index: 100; }
div#content aside .sidebar ul li { line-height: 14px; clear: both; margin-bottom: 15px; }
div#content aside .sidebar ul li > a:first-child { float: left; margin: 0 10px 5px 0; border: 1px solid #fff; }
div#content aside .sidebar ul li > a:first-child:hover { border: 1px solid #e21a22; }
div#content aside .sidebar ul li h3 { font-size: 11px; font-weight: bold; margin: 0; line-height: 14px; border: none; }
div#content aside .sidebar ul li h3 a { color: #fff; text-decoration: none; }
div#content aside .sidebar ul li h3 a:hover { color: #e21a22; }
div#content aside .sidebar ul li a.more { text-transform: uppercase; color: #e21a22; text-decoration: none; }
div#content aside .sidebar ul li a.more:hover { color: #fff; }
div#content aside .sidebar.dates { background-position: -277px 0; margin: 20px 0; }
div#content aside .sidebar.dates ul li { min-height: 60px; text-align: right; }
div#content aside .sidebar.dates ul li header { font-size: 12px; font-weight: bold; border-bottom: 1px solid #dadada; padding-bottom: 2px; margin-bottom: 2px; text-align: left; }
div#content aside .sidebar.dates ul li header span { float: right; text-align: right; }
div#content aside .sidebar.dates ul li header span a { text-decoration: none; color: #e21a22; text-transform: uppercase; }
div#content aside .sidebar.dates ul li header span a:hover { color: #fff; }
div#content aside .sidebar.dates ul li span { display: inline-block; width: 43%; text-align: left; float: left; }
div#content aside .sidebar.dates ul li .more { text-align: center; font-size: 12px; text-transform: uppercase; }
div#content aside .sidebar.dates ul li .more a { color: #e21a22; text-decoration: none; }
div#content aside .sidebar.dates ul li .more a:hover { color: #fff; }
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { font-weight: normal; color: #e21a22; font-size: 18px; }
div#content h1, div#content h2, div#content h3 { border-bottom: 1px solid #c2c2c2; margin: 10px 0 15px; }
div#content h1:first-child, div#content h2:first-child, div#content h3:first-child { margin-top: 0; }
div#content h1 { font-size: 24px; }
div#content h1 a { text-decoration: none; color: #e21a22; }
div#content h1 a:hover { color: #000; }
div#content h4, div#content h5, div#content h6 { line-height: 24px; }
div#content h2 { font-size: 22px; }
div#content h3 { font-size: 20px; }
div#content h5 { font-size: 16px; }
div#content h6 { font-size: 14px; }
div#content #home-modules { text-align: center; margin: 0 0 20px; }
div#content #home-modules div { background: url(../img/bg_header_module.jpg) no-repeat 0 top; border-top-right-radius: 10px; border-bottom-left-radius: 10px; width: 32%; max-width: 320px; min-width: 312px; font: 10px Verdana, Arial, sans-serif; color: #fff; position: relative; padding: 0 15px 10px; text-align: left; margin: 0 0 0 2%; float: left; height: 186px; }
div#content #home-modules div.module_1 { margin: 0; }
div#content #home-modules div.module_2 { background-position: -341px top; }
div#content #home-modules div.module_3 { background-position: -681px top; }
div#content #home-modules div a { color: #e21a22; text-decoration: none; text-transform: uppercase; }
div#content #home-modules div a:hover { color: #fff; }
div#content #home-modules div a.home-module-img { float: right; border: 1px solid #818181; margin: -5px 0 5px 10px; }
div#content #home-modules div a.home-module-img:hover { border: 1px solid #e21a22; }
div#content #home-modules div header { margin: 0 0 20px; }
div#content #home-modules div header a { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 20px 0 0; padding: 0 5px 0 0; color: #fff; }
div#content #home-modules div header a:hover { color: #000; }

.post-type-zerobs_form .embed .cgrab .content .form-wrapper .send, .post-type-zerobs_form .embed .cgrab .content .form-wrapper input[type="submit"] { background: #e21a22; display: block; width: 100%; text-align: center; text-decoration: none; padding: 8px 16px; font-size: 16px; border-radius: 5px; color: #f8f8f8; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); border: 1px solid #AA1118 !important; margin-bottom: 10px !important; float: none !important; background-color: #e21a22 !important; background-image: -webkit-linear-gradient(#e21a22, #C01219) !important; background-image: linear-gradient(#e21a22, #C01219) !important; }
.post-type-zerobs_form .embed .cgrab .content .form-wrapper .send:hover, .post-type-zerobs_form .embed .cgrab .content .form-wrapper input[type="submit"]:hover { background-color: #CF121A; background-image: -webkit-linear-gradient(#CF121A, #B31218) !important; background-image: linear-gradient(#CF121A, #B31218) !important; }
.post-type-zerobs_form .embed .cgrab .content .form-wrapper .input { padding: 10px 5px !important; margin-bottom: 10px; }
.zbs_poweredby { display: none; }

#faqs { margin: 20px 0; }
#faqs h3.ui-accordion-header { background: url(../img/bg_faq_header.jpg) repeat-x left center; border-top-left-radius: 10px; border-bottom-right-radius: 10px; line-height: 35px; padding: 0 20px; color: #fff; font-size: 15px; margin: 10px 0 0; cursor: pointer; text-shadow: 1px 1px 2px #000; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75); position: relative; z-index: 10; -webkit-transition: border-radius, 0.2s; transition: border-radius, 0.2s; }
#faqs h3.ui-accordion-header:active, #faqs h3.ui-accordion-header:focus, #faqs h3.ui-accordion-header.ui-state-active { border: none; outline: none; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
#faqs div.ui-accordion-content { border: 1px solid #f1f1f1; padding: 20px; margin: 0 10px; position: relative; z-index: 5; }

#dates { text-align: center; }
#dates table { border-collapse: collapse; margin: 0 auto; text-align: left; }
#dates table tr { border-top: 1px solid #f1f1f1; }
#dates table tr:first-child { border: none; }
#dates table tr td, #dates table tr th { padding: 10px 25px 10px 25px; }
#dates table tr td.book-now a, #dates table tr th.book-now a { color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c8bfc6; text-decoration: none; font-weight: bold; white-space: nowrap; padding: 5px; border-radius: 5px; background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #e0dadf); background-image: linear-gradient(#f7f6f7, #e0dadf); margin: 0 0 0 20px; }
#dates table tr td.book-now a:hover, #dates table tr th.book-now a:hover { background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #d4cdd2); background-image: linear-gradient(#f7f6f7, #d4cdd2); }
#dates table tr th { font-weight: bold; text-align: center; }

#booking-dates { text-align: center; }
#booking-dates table { border-collapse: collapse; margin: 0 auto; }
#booking-dates table tr { border-top: 1px solid #f1f1f1; }
#booking-dates table tr:first-child { border: none; }
#booking-dates table tr td, #booking-dates table tr th { padding: 10px 5px; }
#booking-dates table tr td.book-now a, #booking-dates table tr th.book-now a { color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c8bfc6; text-decoration: none; font-weight: bold; white-space: nowrap; padding: 5px; border-radius: 5px; background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #e0dadf); background-image: linear-gradient(#f7f6f7, #e0dadf); }
#booking-dates table tr td.book-now a:hover, #booking-dates table tr th.book-now a:hover { background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #d4cdd2); background-image: linear-gradient(#f7f6f7, #d4cdd2); }
#booking-dates table tr th { font-weight: bold; text-align: center; }

#videos article div { text-align: center; }
#videos article div iframe { margin: 10px auto 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

footer { background: url(../img/bg_shadow_red.jpg) no-repeat center top; clear: both; margin: 0; padding: 46px 0 0; }
footer #sponsors-container { position: relative; margin: 0 auto; max-width: 1100px; }
footer #sponsors-container #sponsors { list-style: none; margin: 10px auto; max-width: 100%; width: 85%; }
footer #sponsors-container #sponsors li { float: left; margin: 0 15px; min-height: 50px; }
footer #sponsors-container #prev, footer #sponsors-container #next { position: absolute; top: 0; background: url(../img/sprite.png) no-repeat 0px 0px; display: block; width: 160px; height: 50px; }
footer #sponsors-container #prev { left: 0; background-position: right -250px; }
footer #sponsors-container #next { right: 0; background-position: left -340px; }
footer #modules { background: url(../img/bg_shadow.jpg) no-repeat center top; padding: 30px 0; text-align: center; }
footer #modules div { max-width: 1020px; margin: 0 auto; padding: 0 0 0 20px; }
footer #modules div div { background: url(../img/bg_footer_module.jpg) no-repeat 0 bottom; border-top-left-radius: 10px; border-bottom-right-radius: 10px; width: 32%; max-width: 320px; min-width: 312px; font: 10px Verdana, Arial, sans-serif; color: #fff; position: relative; padding: 10px 80px 55px 15px; text-align: left; margin: 0 0 0 2%; float: left; height: 115px; }
footer #modules div div.module_1 { margin: 0; }
footer #modules div div.module_2 { background-position: -340px bottom; }
footer #modules div div.module_3 { background-position: -680px bottom; }
footer #modules div div a { color: #000; text-decoration: none; text-transform: uppercase; }
footer #modules div div a:hover { color: #fff; }
footer #modules div div img.attachment-foot-module { position: absolute; right: 10px; bottom: 35px; }
footer #modules div div header { position: absolute; bottom: 0; }
footer #modules div div header a { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 20px 0 0; padding: 0 5px 0 0; color: #fff; }
footer #modules div div header a:hover { color: #e21a22; }

#copy-plus { min-width: 100%; min-height: 200px; background: #636363; color: #fff; font: 10px Verdana, Arial, sans-serif; line-height: 20px; }
#copy-plus a { color: #fff; text-decoration: none; }
#copy-plus a:hover { color: #e21a22; }

form textarea { height: 75px; width: 98%; }
form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"] { width: 45%; height: 24px; }
form input[type="submit"] { border-radius: 5px; padding: 5px 10px; font-size: 16px; color: #f8f8f8; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); border: 1px solid #AA1118; background-color: #e21a22; background-image: -webkit-linear-gradient(#e21a22, #C01219); background-image: linear-gradient(#e21a22, #C01219); }
form input[type="submit"]:hover { background-color: #CF121A; background-image: -webkit-linear-gradient(#CF121A, #B31218); background-image: linear-gradient(#CF121A, #B31218); }

form#hawley-contacts > div { margin: 0 0 10px; }
form#hawley-contacts label { width: 25%; display: inline-block; }
form#hawley-contacts label.wide-label { width: 90%; }

/* for the newsletter pages outside of WP*/
body.newsletter nav#main ul.menu { margin: 19px 0 0; }
body.newsletter nav#sub ul.menu { margin: 19px auto 0; }
body.newsletter div#content { text-align: center; }
body.newsletter div#content section { width: 100%; max-width: 1000px; float: none; margin: 0 auto; }
body.newsletter div#content section h1, body.newsletter div#content section h2, body.newsletter div#content section h3, body.newsletter div#content section h4, body.newsletter div#content section h5, body.newsletter div#content section h6 { text-align: left; }
body.newsletter div#content section table td { width: 30%; padding: 10px; }
body.newsletter div#content section table td.attributeinput { width: 50%; text-align: left; }

/* Shopping Cart
----------------------------------------------------- */
/* catalog listing */
div#content span.onsale { z-index: 500; }
div#content ul.products li.product a h3 { font-size: 14px; }
div#content ul.products li.product a img { border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: border-radius, 0.2s; transition: border-radius, 0.2s; opacity: 0.9; }
div#content ul.products li.product a:hover h3 { color: #000; }
div#content ul.products li.product a:hover img { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; opacity: 1.0; }
div#content ul.products li.product a .star-rating { float: right; }
div#content ul.products li.product a .price { color: #444; }
div#content ul.products li.product a.button { display: block; text-align: center; }
div#content div.product div.images a img { border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: border-radius, 0.2s; transition: border-radius, 0.2s; }
div#content div.product div.images a:hover img { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
div#content div.product div.images div.thumbnails a { margin-bottom: 3.8%; }
div#content div.product div.images div.thumbnails a img { opacity: 0.75; }
div#content div.product div.images div.thumbnails a:hover img { opacity: 1.0; }
div#content div.product div.summary div p { margin: 0 0 15px; }
div#content div.product div.summary div .price { margin: 0 0 10px; color: #444; }
div#content div.product div.summary p.stock { margin: 5px; font-weight: bold; font-size: 14px; }
div#content div.product div.summary form.cart table.variations { margin: 10px; }
div#content div.product div.summary form.cart table.variations tr td { padding: 5px 0; }
div#content div.product div.summary form.cart button { color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c8bfc6; background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #e0dadf); background-image: linear-gradient(#f7f6f7, #e0dadf); }
div#content div.product div.summary form.cart button:hover { background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #d4cdd2); background-image: linear-gradient(#f7f6f7, #d4cdd2); }
div#content div.product div.summary form.cart div.product-addon { background-color: #f5f5f5; padding: 5px 10px; border-radius: 5px; }
div#content div.product div.summary form.cart div.product-addon h3 { font-size: 16px; margin-bottom: 10px; }
div#content div.product div.summary form.cart div.product-addon p { margin: 0 0 5px; }
div#content div.product div.summary form.cart div.gift-certificates { display: none; }
div#content div.product div.summary div.product_meta { font-size: 12px; }
div#content div.product div.woocommerce-tabs p { margin: 0 0 15px; }
div#content div.product div.related ul.products li.product, div#content div.product div.upsells ul.products li.product { margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%; }
div#content div.product div.related ul.products li.product.last, div#content div.product div.upsells ul.products li.product.last { margin-right: 0; }
div#content div.product div.related ul.products li.product span.price, div#content div.product div.upsells ul.products li.product span.price { font-size: 14px; }
div#content table.shop_table td.product-thumbnail img { border: none; }
div#content table.shop_table tr td.actions input.button { color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c8bfc6; background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #e0dadf); background-image: linear-gradient(#f7f6f7, #e0dadf); }
div#content table.shop_table tr td.actions input.button:hover { background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #d4cdd2); background-image: linear-gradient(#f7f6f7, #d4cdd2); color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
div#content form.checkout div.place-order input.button { color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border: 1px solid #c8bfc6; background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #e0dadf); background-image: linear-gradient(#f7f6f7, #e0dadf); }
div#content form.checkout div.place-order input.button:hover { background-color: #f7f6f7; background-image: -webkit-linear-gradient(#f7f6f7, #d4cdd2); background-image: linear-gradient(#f7f6f7, #d4cdd2); color: #5e5e5e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
div#content form.checkout input.input-text { height: 2rem; font-size: 1rem !important; }
div#content form.checkout div.sc_info_box { border: 2px solid #e21a22; font-size: 14px; }
div#content form.checkout div.sc_info_box div.form_table { width: 100%; border-top: 1px solid #c2c2c2; }

/* Responsive rules
----------------------------------------------------- */
/* Large desktop */
@media (max-width: 1019px) { header#mast div#social { position: absolute; right: 10%; }
  div#content { padding: 0 20px; }
  div#content #home-modules div { min-width: 180px; height: 170px; }
  div#content #home-modules div.module_1 { margin: 0; background-position: -15px top; }
  div#content #home-modules div.module_2 { background-position: -355px top; }
  div#content #home-modules div.module_3 { background-position: -695px top; }
  div#content #home-modules div a.home-module-img { width: 50%; }
  footer #modules div { max-width: 1020px; margin: 0 auto; padding: 0 5px; }
  footer #modules div div { min-width: 180px; margin: 0 0 0 1.5%; }
  footer #modules div div.module_1 { background-position: -10px bottom; }
  footer #modules div div.module_2 { background-position: -350px bottom; }
  footer #modules div div.module_3 { background-position: -686px bottom; }
  footer #modules div div a { color: #000; text-decoration: none; text-transform: uppercase; }
  footer #modules div div a:hover { color: #fff; }
  footer #modules div div img.attachment-foot-module { position: absolute; right: 10px; bottom: 35px; }
  footer #modules div div header { position: absolute; bottom: 0; }
  footer #modules div div header a { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 20px 0 0; padding: 0 5px 0 0; color: #fff; }
  footer #modules div div header a:hover { color: #e21a22; } }
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { /* main nav */
  nav#main ul { margin: 2px 0 0; }
  nav#sub { padding: 0 0 30px; }
  nav#sub ul li a { padding: 0 10px; } }
@media (max-width: 934px) { header#mast > div { min-height: 117px; }
  header#mast > div div#phone div { margin: 9px 0 0 30px; }
  header#mast div#social { top: 3px; right: 3px; }
  nav#main, nav#sub ul.menu { display: none; visibility: hidden; }
  nav#mobile-nav { display: block; visibility: visible; position: relative; }
  nav#mobile-nav a.border-menu { position: relative; padding-left: 1.25em; font-size: 16px; display: inline-block; margin: 10px; text-decoration: none; }
  nav#mobile-nav a.border-menu:before { content: ""; position: absolute; top: 0.25em; left: 0; width: 1em; height: 0.175em; border-top: 0.475em double #000; border-bottom: 0.175em solid #000; }
  nav#mobile-nav ul#menu-main-nav-1 { display: none; position: absolute; left: 0; top: 100%; margin: 0 0 0 30px; background-color: #fff; z-index: 99999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); list-style: none; }
  nav#mobile-nav ul#menu-main-nav-1 li a { text-decoration: none; display: block; padding: 5px 10px; border-top: 1px solid #c2c2c2; }
  nav#mobile-nav ul#menu-main-nav-1 li ul { list-style: none; display: block; position: relative; box-shadow: none; margin: 0; top: 0; }
  nav#mobile-nav ul#menu-main-nav-1 li ul li a { padding: 5px 10px 5px 20px; }
  div#content #home-modules { text-align: center; margin: 0; }
  div#content #home-modules div { background: url(../img/bg_header_module_mobile.jpg) no-repeat 0 top; width: 90%; max-width: 800px; font: 14px Verdana, Arial, sans-serif; padding: 0 25px 5px; margin: -10px auto 25px; float: none; height: auto; }
  div#content #home-modules div:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  div#content #home-modules div.module_1, div#content #home-modules div.module_2, div#content #home-modules div.module_3 { margin: -10px auto 25px; background-position: 0 top; }
  div#content #home-modules div a.home-module-img { max-width: 120px; margin: -10px 0 5px 10px; }
  div#content #home-modules div a.home-module-img:hover { border: 1px solid #e21a22; }
  div#content #home-modules div header { margin: 0 0 20px; }
  div#content #home-modules div header a { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 20px 0 0; padding: 0 5px 0 0; color: #fff; }
  div#content #home-modules div header a:hover { color: #000; }
  div#content section { position: relative; float: none; max-width: 800px; width: 90%; margin: 0 auto; }
  div#content section article p { line-height: 24px; margin: 0 0 15px; }
  div#content section article ul, div#content section article ol { margin: 15px 0 15px 20px; }
  div#content section article ul ul, div#content section article ul ol, div#content section article ol ul, div#content section article ol ol { margin: 0 0 0 20px; }
  div#content section article h1 span { float: right; font-size: 14px; color: #444; line-height: 28px; }
  div#content section article img { border: 3px solid #878787; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
  div#content section article p.more { text-align: right; margin: 0 0 25px; padding: 10px; background-color: #fff; background-image: -webkit-linear-gradient(#fff, #eee); background-image: linear-gradient(#fff, #eee); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  div#content section article p.more a { color: #e21a22; text-decoration: none; }
  div#content section article p.more a:hover { color: #000; }
  div#content section article iframe { width: 100%; }
  div#content section div.posts-nav { border-top: 1px solid #f1f1f1; padding: 5px 10px; }
  div#content section div.posts-nav span { float: right; }
  div#content section div.posts-nav span a { text-decoration: none; }
  div#content section div.posts-nav span a:hover { text-decoration: underline; }
  div#content section div.posts-nav span:first-child { float: none; text-align: left; }
  div#content section div.wp-pagenavi { font-size: 16px; }
  div#content section div.wp-pagenavi span { padding: 3px 10px; }
  div#content section div.wp-pagenavi a { padding: 3px 10px; }
  div#content section div.wp-pagenavi a:hover { border-color: #000; }
  div#content aside { float: none; max-width: 800px; margin: 20px auto 0; }
  div#content aside .sidebar { background: url(../img/bg_sidebar_module_mobile.jpg) no-repeat left top; max-width: 385px; width: 48%; max-height: 3050px; font: 12px Verdana, Arial, sans-serif; padding: 0 0 1px; float: left; }
  div#content aside .sidebar.dates { background-position: left 0; margin: 0 0 0 20px; float: right; }
  #faqs h3.ui-accordion-header { padding: 0 10px; font-size: 14px; }
  footer #sponsors-container #prev, footer #sponsors-container #next { width: 90px; }
  footer #modules { background: url(../img/bg_shadow.jpg) no-repeat center top; padding: 30px 0; text-align: center; }
  footer #modules div { margin: 0 auto; padding: 0; text-align: center; }
  footer #modules div div { background: url(../img/bg_footer_module_mobile.jpg) no-repeat 0 bottom; width: 90%; max-width: 800px; font: 12px Verdana, Arial, sans-serif; padding: 15px 80px 55px 25px; margin: 0 auto 15px; float: none; height: auto; min-height: 95px; }
  footer #modules div div.module_1 { margin: 0 auto 15px; background-position: left bottom; }
  footer #modules div div.module_2 { background-position: left bottom; }
  footer #modules div div.module_3 { background-position: left bottom; }
  footer #modules div div a { color: #000; text-decoration: none; text-transform: uppercase; }
  footer #modules div div a:hover { color: #fff; }
  footer #modules div div img.attachment-foot-module { position: absolute; right: 10px; bottom: 35px; }
  footer #modules div div header { position: absolute; bottom: 0; }
  footer #modules div div header a { font-size: 14px; text-transform: uppercase; font-style: italic; line-height: 36px; margin: 20px 0 0; padding: 0 5px 0 0; color: #fff; }
  footer #modules div div header a:hover { color: #e21a22; } }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { header#mast > div { min-height: 117px; }
  header#mast > div div#pricing { display: none; }
  header#mast > div div#phone { float: right; }
  header#mast > div div#phone div { float: right; margin: 9px 20px 0 30px; }
  header#mast > div div#logo { width: 60%; }
  header#mast > div div#logo a#logo { margin: 0 0 0 20px; float: left; }
  /* Shopping Cart ---------------------------------------------------- */
  /* catalog listing */
  .woocommerce div#content span.onsale { z-index: 500; }
  .woocommerce div#content ul.products li.product a.button { display: block; text-align: center; font-size: 11px; }
  .woocommerce div#content div.product div.images { width: 100%; }
  .woocommerce div#content div.product div.images a.woocommerce-main-image { width: 55%; float: left; display: block; margin: 0 5% 0 10%; }
  .woocommerce div#content div.product div.images div.thumbnails { float: left; width: 15%; padding: 0; margin: 0 10% 0 0%; }
  .woocommerce div#content div.product div.images div.thumbnails a.zoom { margin-bottom: 20%; float: none; width: 100%; display: block; }
  .woocommerce div#content div.product div.summary { width: 100%; float: none; } }
/* smaller tablets in portrait */
@media (max-width: 600px) { header#mast > div.clearfix div#logo { width: 67%; }
  header#mast > div.clearfix div#phone { float: left; }
  #jumbo { display: none; }
  div#content { padding: 0 10px; }
  div#content #home-modules { text-align: center; margin: 0; }
  div#content #home-modules div { width: 100%; }
  div#content section { width: 100%; }
  div#content section div.posts-nav { border-top: 1px solid #f1f1f1; padding: 5px 10px; }
  div#content section div.posts-nav span { float: right; }
  div#content section div.posts-nav span a { text-decoration: none; }
  div#content section div.posts-nav span a:hover { text-decoration: underline; }
  div#content section div.posts-nav span:first-child { float: none; text-align: left; }
  div#content section div.wp-pagenavi { font-size: 16px; }
  div#content section div.wp-pagenavi span { padding: 3px 10px; }
  div#content section div.wp-pagenavi a { padding: 3px 10px; }
  div#content section div.wp-pagenavi a:hover { border-color: #000; }
  div#content aside { text-align: center; }
  div#content aside .sidebar { max-width: 395px; width: 90%; float: none; text-align: left; margin: 0 auto; }
  div#content aside .sidebar.dates { margin: 20px auto 0; float: none; }
  #dates table tr th.book-now a, #dates table tr td.book-now a { margin: 3px 0 0; display: inline-block; } }
/* Landscape phones and down */
@media (max-width: 480px) { header#mast > div.clearfix { max-height: 250px; background-image: none; background-color: #444; border-bottom: 4px solid #e21a22; padding-bottom: 10px; }
  header#mast > div.clearfix div#logo { width: 100%; }
  header#mast > div.clearfix div#logo a#logo { float: none; }
  header#mast > div.clearfix div#phone { width: 100%; }
  header#mast > div.clearfix div#phone div { float: none; }
  header#mast > div.clearfix div#phone div a { color: #fff; }
  div#content #home-modules div { padding: 0 15px 5px; }
  div#content aside .sidebar { width: 98%; }
  footer #sponsors-container { display: none; }
  footer #modules div div { padding: 10px 80px 55px 10px; }
  footer #modules div div header a { font-size: 13px; } }