/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { -webkit-font-smoothing: antialiased; font-family: arial, sans-serif; background: url("/img/content-background.png") repeat transparent; }
.inner { width: 960px; margin: 0 auto 0; }
.clear { clear: both; }
a { color: #ee2e24; }
p, .content-block li { font-size: 14px; line-height: 16px; }
h2, .content-block h1 { font-family: Helvetica, Arial, Verdana; font-weight: lighter; }

.content-block { background-color: #fff; padding: 20px; margin-bottom: 5px;}
.content-block h1, .content-block h2 { margin: 0 0 12px 0; }
.content-block .left-col { width: 470px; float: left; margin-right: 30px;  }
.content-block .top-row img { width: 100%; }
.content-block .left-col-small { width: 370px; float: left; margin-right: 30px;  }
.content-block .right-col { float: left; width: 420px;}
.content-block:after { clear: both; }
.content-block ul { margin-left: 30px;}
#bxslider, #bxsingle, .bxsingle { margin-left: 0 !important;  }
#bxslider img { width: 420px; }
#bxsingle img, .bxsingle img { width: 420px;}
#bxsingle ul, .bxsingle ul { list-style: none; margin: 0; padding: 0; }
#bxsingle li, .bxsingle li { list-style: none;}
.content-block p { margin-bottom: 20px;}
input[type=submit], input[type=button], button, a.button, a.small-button { background-color: #ee2e24; border-radius: 5px; display: inline-block; color: #fff; margin-right: 10px; text-align: center; font-size: 12px; transition: background-color 0.2s linear 0s; padding: 5px 8px; border: none; text-decoration: none}
input[type=submit]:hover, input[type=button]:hover, button:hover, a.button:hover, a.small-button { background-color: #444446; }
a.small-button { background-color: #ee2e24;  padding: 4px 8px 3px}
#subscribe-form .typeform-share { font-size: 14px; padding: 5px 8px 5px 9px; }
form.button-form { display: block; margin-top: 30px;}
form.button-form .heading { font-weight: normal; }
.hide { display: none !important;}
/* ==============  Forms  ============== */
form p { clear: both; padding-top: 10px; display: block;}
label { display: block; width: 150px; float: left; padding: 3px 0;}
label span { display: block; float: right;  width: 10px; padding-top: 2px;}
input[type=text], input[type=password], textarea { float: left; display: block; width: 270px; height: 20px; font-size: 12px; outline: 0 none; border: 1px solid #444; }
textarea { width: 270px; border: 1px solid #888; height: 60px;}
.captcha-wrap { clear: both; margin-left: 150px; margin-top: 31px; }

#display-details { border-top: 1px solid #ccc;}
#display-details label { width: 120px; }
.small-note { font-style: italic; font-size: 11px;  }
#display-details .small-note { text-align:right; margin-right: 30px; }
#display-details .right-col .button { margin-left: 217px;}
.nothunder th { border-bottom: none !important; text-align: left; width: 120px; }
/* ==============  Header  ============== */

header {  background-color: #fff; }
.header-logo { float: left; padding: 20px 0 30px 0; }
.header-nav-primary { float: right; padding: 0px 0px 0px 0px; margin: 16px 0px 10px 0px; z-index: 65535; }
.header-nav-primary ul                      { position: relative; z-index: 1000; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.header-nav-primary ul li                   { position: relative; float: left; float: left; list-style-type: none; font-size: 17px; font-weight: bold; text-decoration: none; }
.header-nav-primary ul li a                 { padding: 14px 11px 14px 11px; text-decoration: none; color: #fff; background-color: #000; margin: 0px 0px 0px 0px; display: inline-block;}
.header-nav-primary ul li a:hover           { text-decoration: none; color: #fff; background-color: #444; }
.header-nav-primary ul>li:first-of-type a   { padding: 14px 11px 14px 20px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.header-nav-primary ul>li:last-of-type a    { padding: 14px 20px 14px 11px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.header-nav-primary ul ul { width: 300px; position: absolute; top: 51px; z-index:65534; height: 0; overflow: hidden; -webkit-transition: height 0.3s ease-in; -moz-transition: height 0.3s ease-in; -o-transition: height 0.3s ease-in; -ms-transition: height 0.3s ease-in; transition: height 0.3s ease-in; }
.header-nav-primary > ul > li:hover ul ul, .header-nav-primary > ul > li > a:hover ul ul { height: 0; }
.header-nav-primary ul ul ul { left: 170px; width: 170px; }
.header-nav-primary > ul > li:hover ul, .header-nav-primary > ul > li > a:hover ul,
.header-nav-primary ul ul li:hover > ul, .header-nav-primary ul ul li a:hover > ul { height: 500px; }
.header-nav-primary ul ul li { background-color: #eaeaea; width:100%; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.header-nav-primary ul ul li:first-of-type { border-top: 4px solid #ee2e24; }
.header-nav-primary ul ul li:hover { background-color: #999; }
.header-nav-primary ul ul li a { display: block; text-decoration: none; color: #fff; border-radius: 0px !important; margin: 0px 0px 0px 0px !important; padding: 5px 11px 10px 17px !important; font-size: 12px; }
.header-nav-primary ul ul li a:hover, .header-nav-primary ul ul li:hover > a { color: #fff; }
.header-nav-secondary { float: right; font-size: 12px; color: #333; text-decoration: none; margin: 30px 0px 0px 0px; height: 24px;}
.header-nav-secondary-one ul { float: left; margin: 0px; padding: 2px 0px 0px 0px; }
.header-nav-secondary-one ul li { float: left; list-style-type: none; margin: 0px 20px 0px 0px; }
.header-nav-secondary ul.two { float: right; margin: 0px; padding: 0px 0px 0px 0px; }
.header-nav-secondary ul.two li { float: left; list-style-type: none; margin: 0px 0px 0px 0px; }
.header-nav-secondary a { font-size: 12px; color: #333; text-decoration: none; }
.header-cart { float: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.header-cart img { float: left; margin-right: 3px;}
.header-cart p { float: left; color: #999; font-size: 12px; padding: 3px 0px 0px 5px; margin: 0px 0px 0px 0px; }
.header-cart a { text-decoration: none; font-size: 12px; color: #888; }

/* ==============  Footer  ============== */

footer { background: url("/img/footer-background.png") repeat transparent; color: #000; overflow: hidden; padding: 40px 0 0 0; clear: both; }
.footer-title { float: left; margin: 0  0 30px 0; color: #fff; }
.footer-title p { font-size: 20px; margin: 0px 0px 0px 0px; }
.footer-title ul { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.footer-title li { list-style-type: none; float: left; margin: 0px 4px 0px 0px; }
.footer-enquiry { float: right; font-size: 19px; font-style: italic; text-decoration: underline; color: #ccc; }
.footer-enquiry a { color: #ccc; }
.footer-locations { width: 940px; float: left; background-color: #333; color: #ccc; padding: 10px 0 10px 20px; margin: 0; }
.footer-locations-list { font-size: 12px; float: left; width: 720px; border-right: 1px solid #999; padding: 0; margin: 0; }
.footer-locations-list li { list-style-type: none; float: left; margin: 5px 20px 5px 0; width: 100px; }
.footer-locations-list li a { color: #ccc; text-decoration: none; }
.footer-map { float: left; padding: 25px 20px 0 25px; }
.footer-map img { float: left; padding: 0px 4px 0px 0px; }
.footer-map > div { float: right; font-size: 16px; color: #999;}
.footer-menu { width: 100%; float: left; margin: 30px 0; padding: 0; }
.footer-menu ul {  }
.footer-menu li { color: #fff; list-style-type: none; float: left; font-size: 12px; margin: 0px 20px 0px 0px;  }
.footer-menu li a { color: #fff; text-decoration: none; }
.footer-boilerplate { font-size: 10px; color: #ccc; border-top: 1px solid #000; width: 100%; text-align: right; padding: 10px 0; float: left; }
footer .typeform-share { color: #ee2e24; font-size: 15px; text-decoration-color: #ee2e24; }

/* ==============  Home  ============== */
.columnauto2 .column p{ padding-right: 20px; }

/* Promotions */

#promotions { background-color: #fff; display: none; }
#promotions > div { width: 960px; margin: 0 auto; height: 350px; border-top: 1px solid #e7e7e7; padding: 20px 0px 20px 0px; }
.home-banner .promotions-control { padding: 9px 0px 0px 16px; position: absolute; width: 230px; height: 50px; z-index: 10; margin-left: 710px; background-color: #fff; background: url("/img/home-featured-product-bg.png") no-repeat 0 0; }
.home-banner .promotions-control a { font-weight: bold; color: #000; text-decoration: none; font-size: 14px; }
.fold-up { display: none; background: url("/img/home-featured-product-arrow-down.png") no-repeat 168px 1px transparent; padding-right: 40px; }
.fold-down { background: url("/img/home-featured-product-arrow-up.png") no-repeat 168px 1px transparent; padding-right: 40px; }
/* Home Banner */

.home-banner { background: url("/img/home-banner-background.png") repeat transparent; color: #000; min-height: 340px; overflow: hidden; padding: 0px 0px 0px 0px; }
.home-banner h1 { margin: 0px; padding: 20px 0px; }
.home-banner-inner { width: 942px; margin: 0 auto; position: relative; height: 340px; }
.home-banner-inner-left-shade { width: 48px; height: 338px; position: absolute; z-index: 1; left: -56px; top: 0px; background: url("/img/home-banner-left-shade.png") no-repeat 0 0; }
.home-banner-inner-right-shade { width: 48px; height: 338px; position: absolute; z-index: 1; right: -56px; top: 0px; background: url("/img/home-banner-right-shade.png") no-repeat 0 0; }
.home-banner .bx-wrapper { margin: 0px 0px 0px 0px; }
.home-banner .bx-wrapper .bx-pager { position: absolute; bottom: 10px; padding-top: 0px; }
.home-banner .bx-wrapper .bx-viewport { background: none; padding: 9px 0px 0px 0px; }
.home-banner .bx-wrapper .bx-viewport ul { margin: 0px 0px 0px 0px; }

.bxheight245 .bx-wrapper, .bxheight245 .bx-viewport { height: 245px !important;} /* Adjusted height of bx-slider */
/* Studio LocationBanner */

.location-banner { min-height: 340px; overflow: hidden; padding: 0px 0px 0px 0px; background: url("/img/home-banner-background.png") repeat transparent; color: #000; overflow: hidden}
.studio-banner { min-height: 340px; overflow: hidden; padding: 0px 0px 0px 0px; background: url("/img/home-banner-background.png") repeat transparent; color: #000; overflow: hidden; padding: 10px 0; }

.location-banner .loc-inner { width: 942px; margin: 0 auto; height: 340px; }
.location-banner .inner-left-shade { width: 48px; height: 338px; position: absolute; z-index: 1; left: -56px; top: 0px; background: url("/img/home-banner-left-shade.png") no-repeat 0 0; }
.location-banner .inner-right-shade { width: 48px; height: 338px; position: absolute; z-index: 1; right: -56px; top: 0px; background: url("/img/home-banner-right-shade.png") no-repeat 0 0; }

.location-banner .left { position: absolute;  width: 265px; height: 340px; z-index: 2; padding-top: 10px;}
.location-banner .right {position: absolute; width: 729px; height: 340px; margin-left: 230px; z-index: 1}
.location-banner .bx-wrapper { margin: 0; height: 340px; }
.location-banner .bx-wrapper .bx-pager { position: absolute; bottom: 10px; padding-top: 0px; }
.location-banner .bx-wrapper .bx-viewport { background: none; padding: 9px 0px 0px 0px; }
.location-banner .bx-wrapper .bx-viewport ul { margin: 0px }
.loc-wrapper { width: 970px; margin: 0 auto; padding-left: 30px;}
.loc-left  { float: left; width: 500px; }
.loc-right { float: left; margin: 20px 0 20px 20px; font-size: 12px; }
.loc-right .content-block { padding: 10px; display: block; width: 426px;}
.loc-right #googleMap { margin-bottom: 20px; }
.loc-right p { font-size: 12px; }


.location-finder label { width: 200px; padding: 5px 0px; }
.location-finder input[type=text] { margin-right: 5px; margin-top: 3px; }
.location-finder input[type=submit] { margin-top: 3px; float: left;}

.find-studio { float: left; height: 160px; margin: 20px 20px 20px 0; width: 208px; }
.find-studio a.heading { color: #ee2e24; font-size: 13px; font-weight: bold; text-decoration: none; }
.find-studio p { font-size: 13px; height: 70px; margin-bottom: 5px; display: block; }
.proximity { font-size: 13px; font-style: italic; }
.form-note { font-size: 13px;  margin-left: 150px; margin-top: -20px;}

#googleMap { width: 427px; height:200px; }
#googleMapStudios { width: 100%; height:320px; }

.arrow-nav { font: bold 25px/48px Helvetica,Arial,Verdana,sans-serif; color: #fff; display: block; padding: 0 0 0 10px; text-decoration: none; background: url(/img/arrow-nav.png) no-repeat; }
.arrow-nav-text { width: 210px; color: #fff; padding: 5px 0 10px 5px;  font-size: 12px;}
.arrow-nav-text p  { font-size: 12px; }

.content-block.folder { padding: 10px 20px 5px;}
h3.fold-heading { margin: 0 0 5px; padding: 0; background: url(/img/arrow-down.png) no-repeat right 5px; cursor: pointer; font-weight: lighter;}
.fold-content { margin: 0px 0; padding-top: 10px; display: none; border-top: 1px solid #ccc; font-size: 12px; line-height: 15px; }
.fold-content p { font-size: 12px; line-height: 15px; }
/*
.location-banner-left { float: left; border: 1px solid red; width: 260px; height: 100px; }
.location-banner { background: url("/img/home-banner-background.png") repeat transparent; color: #000; min-height: 340px; overflow: hidden; padding: 0px 0px 0px 0px; }
.location-banner h1 { margin: 0px; padding: 20px 0px; }
.location-banner-inner { width: 731px; margin: 0 auto; position: relative; height: 340px; }
.location-banner-inner-left-shade { width: 48px; height: 338px; position: absolute; z-index: 1; left: -56px; top: 0px; background: url("/img/home-banner-left-shade.png") no-repeat 0 0; }
.location-banner-inner-right-shade { width: 48px; height: 338px; position: absolute; z-index: 1; right: -56px; top: 0px; background: url("/img/home-banner-right-shade.png") no-repeat 0 0; }
.location-banner .bx-wrapper { margin: 0px 0px 0px 0px; }
.location-banner .bx-wrapper .bx-pager { position: absolute; bottom: 10px; padding-top: 0px; }
.location-banner .bx-wrapper .bx-viewport { background: none; padding: 9px 0px 0px 0px; }
.location-banner .bx-wrapper .bx-viewport ul { margin: 0px 0px 0px 0px; }
*/
/* News and content */
.center { text-align: center ; }
.home-news { width: 420px; margin: 10px; background-color: white; padding: 20px; float: left; }
.home-news h1, .home-news-article h2 { font-size: 26px; line-height: 26px; padding: 10px 0px 12px 0px; margin: 0px 0px 0px 0px; color: #ee2e24; font-weight: lighter; }
.home-news p { padding: 0px 0px 10px 0px; }
.home-latest-news { width: 180px; float: left; margin: 10px; padding: 20px; background-color: white; }
.home-latest-news h1 { clear: both; font-weight: lighter; margin: 10px 0; font-size: 22px; }
.home-latest-news h2 { font-size: 14px; line-height: 16px; font-weight: lighter; color: #ee2e24; }
.home-latest-news p { font-size: 12px; line-height: 14px; padding: 0px 0px 10px 0px; }
.home-latest-news a { text-decoration: none; }
.home-latest-news-article { padding: 0px 0px 10px 0px; position: relative; }
.home-latest-news-button { position: relative; font-size: 12px; font-weight: bold; padding: 4px 8px 4px 8px; margin: 10px 0px 50px 0px; background-color: #ee2e24; color: #fff; text-decoration: none; -webkit-border-radius: 5px; transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; }
.home-latest-news-button:hover { background-color: #444446; }
.home-social-network { width: 200px; float: left; margin: 10px; padding: 5px; margin-left: 20px; }
.home-social-network a { text-decoration: none; }
.home-social-network li { list-style: none; padding: 0px 0px 14px 0px; min-height: 40px; }
.home-social-network a span, .home-social-network span.a { font-size: 17px; line-height: 17px; display: block; font-weight: lighter; color: #666; font-style: italic; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.home-social-network .videohub { padding-top: 6px; }
.home-social-network img { margin: 0px 20px 0px 0px; float: left; }
.home-social-network span.small { font-size: 11px; color: #333; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home-social-network form { float: left; width: 190px; padding: 5px 5px 5px 10px; border: 1px solid #EE2E24; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; }
#subscribe-form form input.text { float: left; border-style: none; border: 0; color: #666; font-size: 12px; width: 151px; margin-top: 4px; }
#subscribe-form form .btn-sub { float: right; border: none; background: url("/img/content-arrow-button.png") center top no-repeat; width: 20px; height: 20px; text-indent: -9999px; margin-top: 3px; margin-left: 2px;}
.home-social-network-member { clear: both; padding: 20px 0px 0px 0px; }
.home-social-network-member img { padding: 10px 0px 0px 0px; }
.home-social-network-member h3 { font-weight: bold; font-size: 12px; color: #333333; font-style: normal; }
.news_date { float: right; font-size: 12px; display: block; font-style: italic}
/* ==============  Store  ============== */

/* Structure */

.store-contents { background-color: #fff; padding: 20px; margin: 5px 0px 20px 0px; overflow: hidden; }
.store-contents hr { padding: 20px 0px 20px 0px; }
.store-contents-product { background-color: #fff; padding: 20px 20px 40px 20px; margin: 5px 0px 0px 0px; overflow: hidden; }

/* Header */

.content-header { background-color: #fff; padding: 20px; margin: 20px 0px 5px 0px; overflow: hidden; }
.content-header-left { float: left; padding: 0px; margin: 0px; }
.content-header-left .content-heading, .content-header h1 { font-size: 24px; font-weight: lighter; color: #ee2e24; font-family: Helvetica, arial, verdana; margin: 0px; line-height: 24px;}
.content-header-left a { text-decoration: none; color: #444; }
.content-header-right { float: right; padding: 0px; margin: 0px; }
.content-header-right a { color: #444; text-decoration: none; font-size: 14px; padding-top: 10px; display: block;}
.content-header-breadcrumbs ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.content-header-breadcrumbs li { list-style: none; margin: 0px 6px 0px 0px; float: left; }
.content-header-breadcrumbs li a { text-decoration: none; color: #000; transition: background-color .2s linear; -o-transition: color .2s linear; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; }
.content-header-breadcrumbs li a:hover { text-decoration: none; color: #ee2e24; }
.content-header-breadcrumbs li:before { content: "\020 \020 \020 \0BB \020 "; color: #000; }
.content-header-breadcrumbs li:first-of-type:before { content: " "; }

/* Category page */

.store-category-product { font-size: 12px; width: 215px; height: 320px; float: left; margin: 0px 20px 40px 0px; padding: 0px 0px 0px 0px; overflow: auto; position: relative; }
.store-category-product:nth-child(4n+4) { margin: 0px 0px 20px 0px; }
.store-category-product:hover { background-color: #FcFcFc; cursor: pointer;}
.store-category-product img { padding-bottom: 10px; width: 215px; height: 115px; z-index: 50; }
.store-category-title { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; }
.store-category-price { margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ee2e24; float: left; }
.store-category-price-normal { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ee2e24; }
.store-category-price-original { margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #bebebe; text-decoration: line-through; float: left; }
.store-category-price-special { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ff00e4; }
.store-category-description { margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 120px; overflow: hidden;}
.store-category-button { position: absolute; bottom: 0px; right: 0px; font-size: 12px; font-weight: bold; padding: 4px 8px 4px 8px; background-color: #ee2e24; color: #fff; text-decoration: none; -webkit-border-radius: 5px; transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; }
.store-category-product:hover .store-category-button { background-color: #444446; }
.sale .overlay { background: url("/img/store-category-special.png") no-repeat transparent right top; z-index: 1000; position: relative; width: 215px; height: 115px; margin-bottom: 10px; margin-top: -125px;}

/* Product page */

.store-product-text { margin: 0px 0px 0px 30px; width: 430px; float: left; font-size: 14px; }
.store-product-imagery { width: 420px; float: left; padding-bottom: 20px; }
.store-product-image-hero { float: left; overflow: hidden; clear: both; margin: 0px 0px 10px 0px; width: 420px; height: 225px;}
#bx-pager a .store-product-image-thumb { width: 97px; height: 52px; padding-right: 10px; float: left; }
#bx-pager a:nth-child(4) .store-product-image-thumb { padding-right: 0px; }
ul.bxslider { margin: 4px 0 0 0; }
.bx-controls-direction { display: none; }
.store-product-title { font-size: 30px; line-height: 30px; background-color: #fff; padding: 24px 20px 20px; margin: 5px 0px 0px 0px; overflow: hidden; }
.store-product-price { margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ee2e24; float: left; }
.store-product-price-normal { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ee2e24; }
.store-product-price-original { margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #bebebe; text-decoration: line-through; float: left; }
.store-product-price-special { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; color: #ff00e4; }
.store-product-description { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.store-product-description p { padding: 0px 0px 10px 0px; }
.store-product-add-to-cart { font-weight: bold; padding: 8px 12px 8px 12px; font-size: 16px; background-color: #ee2e24; color: #fff; text-decoration: none; -webkit-border-radius: 5px; transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; }
.store-product-add-to-cart:hover { background-color: #444446; }
.store-product-delivery { font-weight: bold; margin: 0px 0px 14px 0px; }
.store-product-related { font-size: 24px; padding: 0px 0px 18px 0px; }
.store-product-dd { margin: 10px 0px 20px 0px; overflow: auto; }
.store-product-size { float: left; padding: 0px 20px 0px 0px; }
.store-product-qty { float: left; }

.product-error { color: red; margin: 20px 0 0 10px;}
.product-error li { list-style: none; font-style: italic; }
.product-success { margin: 20px 0 0 10px;}
.product-success li { list-style: none; font-style: italic; }

/* checkout page */
.cart table { width: 100%; font-size: 14px; color: #444;}
.cart th { border-bottom: 1px solid #444; padding: 0 5px; }
.cart td { padding: 4px 5px; }
.cart .sku { width: 100px; text-align: left;}
.cart .description { text-align: left; }
.cart .qty { width: 60px; }
.cart .qty input { width: 60px; text-align: right; padding: 0 3px;}
.cart .price { width: 80px; }
.cart .subtotal { width: 80px; }
.cart .delete { width: 30px; font-size: 11px;}
.cart td .discount, .cart td .sale_price { font-size: 11px;}
.money { text-align: right; }
.cart .total { border-top: 1px solid #444; text-align: right; }

.eway-paynow { float: right; }
.eway-button { box-shadow: none; margin: 0 auto; width: 150px;}

/* Locations page */

.location { width: 942px; padding: 0px 0px 0px 0px; margin: 0px auto 0px; }
.location-left { width: 500px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.location-right { width: 330px; float: right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.location-main { background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.location-sidebar { background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.location-main h1 { font-size: 26px; line-height: 26px; padding: 10px 0px 12px 0px; margin: 0px 0px 0px 0px; color: #ee2e24; font-weight: lighter; }
.location-main h2 { font-size: 24px; line-height: 10px; font-weight: lighter; }
.location-main p { padding: 0px 0px 10px 0px; }
.location-toggle { float: right; padding: 0px 10px 0px 0px; }


.studio_details_toggle { display: none; }

h2 a { color: #222; text-decoration: none;}
h2 a:hover { text-decoration: underline; }


.cat-list-block { display: block; text-decoration: none; color: #444;text-align: center; font-weight: bold; width: 215px; padding: 5px 20px; float: left; margin-left: 25px; height: 170px; margin-bottom: 10px;}
.cat-list-block img { width: 215px; height: 115px; border: 1px solid #888}
.cat-list-block:hover { color: #ee2e24; }
.cat-list-block:hover img { border: 1px solid #ee2e24}


	
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.header-logo img { width: 235px; height: 118px; }
.videohub h3 { padding-top: 15px;border: 1px solid red;}
.mobile-menu, .mobile-loader { display: none;}
	.hide-when-mobile { display: block; }
	.show-when-mobile { display: none; }

        .mobilefix { display: none; }

.clear { clear: both; }
/* Mobile stuff here */
@media only screen and (max-width: 600px) {
	.mobile-menu, .mobile-loader { display: block; }
	.hide-when-mobile { display: none; }
	.show-when-mobile { display: block; }
	
	html, body  { height: 100%; }
	.mobile-loader { position: fixed; width: 100%; height: 23px; background-color: #fff; padding: 10px 10px;z-index: 65532; border-bottom: 1px solid #888;}
	.mobile-nav { display: none; height: 100%; width: 100%; background: rgba(60,60,60,.9); position: fixed; z-index: 65530;  }
	.mobile-nav .clicker { background: rgba(240,240,240,0.01); max-width: 100%; height: 100%; margin-left: 300px; cursor: pointer;}
	.mobile-nav .container { display: none; position: absolute; top: 0; left: 0; width: 300px; height: 100%; border-top: 2px solid red; overflow: auto; color: #eee; background-color: #222; z-index: 65531;}
	.mobile-nav .inner { margin-top: 41px;  width: 300px;  }
	
	.mobile-spacer { height: 41px; width: 100%;}
	
	.mobile-menu .submenu > ul { display: none;}
	.mobile-menu .submenu div { cursor: pointer; }
	.mobile-menu li > div:after { font-size: 10px; margin-left: 8px; content: '\25BC'; }
	/*.mobile-menu > li > div:after { font-size: 10px; margin-left: 8px; content: '\25BC'; }*/
	.mobile-menu li > div:only-child:after { margin-left: 0; content: ''; }
	
	.mobile-menu a, .mobile-menu .submenu div { width: 260px; padding: 10px 20px; font-style: italic; display: block; border-bottom: 1px solid #444; text-decoration: none; font-size: 20px; color: #ccc; }
	.mobile-menu .submenu div { color: #888; }
	.mobile-menu .submenu { border-top: 1px solid #888; border-bottom: 1px solid #888;}
	.mobile-menu .submenu ul { margin: 0 }
	.mobile-menu .submenu ul li a { margin-left: 10px }
	
	
	.header-nav-primary { display: none;}
	.header-nav-secondary { display: none;}
	.inner { width: 100%;}
	.home-news { width: 86%;}
.header-navigation { clear: both; }
	.header-logo-mobile { margin: 0 auto; width: 90%; display: block; float: none;}
	.header-logo-mobile img { width: 100%; height: auto;}
	.header-cart { clear: both; float: none; padding: 10px ; border-top: 1px solid #ccc; border-top: 1px solid #ccc; clear: both; margin-bottom: 0; text-align: center}
	.header-cart img, .header-cart p { float: none; display: inline-block; font-size: 17px; }
	.home-latest-news { width: 86%; }
	.home-social-network { width: 86%; }
	.footer-title { margin: 0 0 30px 21px; width: 100%; }
	
	header { background-color: #fff;}
	.home-banner { min-height: inherit; }
	.home-banner-inner { width: 100%; height: auto;}
	.promotions-control { display: none; }
	.home-banner-inner-left-shade, .home-banner-inner-right-shade { display: none;}
	.home-social-network { margin-left: 30px !important; }
	.home-news, .home-latest-news, .home-social-network { width: 100%; float: none; margin: 0; padding: 0; background: none;}
	.home-news > div, .home-latest-news > div, .home-social-network > div { margin: 10px; padding: 10px; background-color: #fff}
        
        .content-header-right { float: left; }
        .content-header-right a {  color: #ee2e24}
        .store-product-imagery { width: 100%; }
        .store-product-image-hero { height: auto; }
        #bx-pager a .store-product-image-thumb { width: 100%; cursor: auto; height: auto; margin-bottom: 10px; }
        .store-product-imagery .bx-wrapper { display: none; }
        .store-product-text { margin: 0; width: 100%; text-align: justify;}
        .store-category-product img { width: 100%; height: auto;}
        .store-category-product { width: 100%; margin: 0; height: auto; }
        .store-category-description { height: auto;}
        .store-category-button { position:  inherit; float: right; margin: 5px 0 }
        .footer-enquiry { margin: 0 13px 23px; }
        
        .footer-menu ul {margin-left: 20px;margin-top: 70px;}
        .footer-menu li { display: inline-block; width: 15px; padding: 0; width: 145px; height: 28px; }
        .footer-menu a { padding: 6px 0; font-size:14px; }
        .mobilefix { display: block; }
        .home-news, .home-latest-news, .home-social-network { width: auto; }
        .footer-locations-list, .footer-locations { width: 100%; }
        .footer-map { padding: 25px 20px 0 93px }
        .footer-boilerplate { text-align: left; }
        .home-social-network { margin: 0; padding: 0;}
        .home-social-network-member, #subscribe-form { margin-left: 0 !important; width: 84%; }
        .footer-locations-list li { width: 140px; }
        .footer-menu ul { margin-top: -10px; }
        
        
        .content-block .left-col, .content-block .right-col { width: 100% !important; }
        .content-block .left-col h1, .content-block .right-col h1 { font-size: 20px;}
        .content-block button { margin-bottom: 15px; }
        .loc-wrapper { width: 100%; padding-left: 0 !important; }
        .location-finder input[type="text"] { width: 200px; }
        .location-banner .right { width: 100% !important }
        
        .bxsingle { width: 100%; }
        #bxsingle img, .bxsingle img { width: 100% !important; }
        
        .content-header-right { margin-top: 5px !important; clear: both;}
        
}