@import url("reset_stylesheet.css");
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);


@font-face {
    font-family: 'burst_my_bubbleregular';
    src: url('../images/burstmybubble-webfont.eot');
    src: url('../images/burstmybubble-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/burstmybubble-webfont.woff') format('woff'),
         url('../images/burstmybubble-webfont.ttf') format('truetype'),
         url('../images/burstmybubble-webfont.svg#burst_my_bubbleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* globals and reusable styles */

body { margin:0; padding:20px; font:13px/21px 'Oxygen', sans-serif; color:#010202; } 
table, input, textarea, select { font:13px/1 'Oxygen', sans-serif;  }
table { margin:0 auto; }
strong, b {font-weight: bold}
p, table,.shout, .shout2, blockquote, .quote, h1, h2, h3, h4, h5, h6, ul { margin-bottom:24px; }
ul { list-style-type:square; margin-left:40px; }
.choose_box ul li {margin-bottom: 10px}
ol { margin-left:10px; list-style: decimal outside; padding: 0 10px 24px 20px;}

a, button { outline:none; cursor:pointer; }
a { color:#C0D732; text-decoration: none; font-weight: bold}
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:32px; line-height:36px; color:#010202; font: 500 40px/36px 'Rokkitt',sans-serif; padding: 0 0 0 30px; background:url(../images/h1.gif) repeat-y} 
#blogBody h1 {font-size: 28px}
h1 a {color:#010202; font-weight: 500 }
h3 { font-size:20px; line-height:24px; color:#00aeef; }
h4 {  color:#00aeef;  padding-bottom:0; font: 500 30px/30px 'burst_my_bubbleregular',sans-serif;} 
.tel_no {color: #EA0D8C; padding: 20px; background: #E6EAEA; font-weight: 500;  font-size:16px; text-align: center}
.tel_no a {color: black}
.view_all_packages, .view_all_products {color: #EA0D8C; padding: 20px; background: #E6EAEA; font-weight: 500;  font-size:16px; text-align: center; display: none}
.view_all_packages a, .view_all_products a {font-weight: 500; color: #EA0D8C;}
#productContainer h4 {color: #010202}
h5, h2, #checkoutShipping h3, #checkoutPayment h3, #checkoutConfirmDefault h3, .custom1, .custom2, .custom3 { font-size:18px; line-height:22px; color:#fff; background:#ea0d8c; padding:10px; clear: both}


.custom1 {background: #00aeef}
.custom2 {background: #c0d732; color: #010202}
.custom3 {background: #fcc90a; color: #050600}

h6 { font-size:16px; line-height:20px; color:#ea0d8c; margin-bottom:4px; font-weight:bold; }
img.clsleft { margin-right:25px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:25px; margin-left:25px; margin-bottom:15px; }
img.clsright { margin-left:25px; margin-bottom:15px; float:right; }
iframe.clsright {margin-left:25px; margin-bottom:15px; float:right; }
img.clsborderleft { border:4px solid #e6eaea; padding:2px; margin-right:25px; margin-bottom:15px; float:left; } 
img.clsbordermiddle { border:4px solid #e6eaea; padding:2px; margin-right:25px; margin-left:25px; margin-bottom:15px; }
img.clsborderright { border:4px solid #e6eaea; padding:2px; margin-left:25px; margin-bottom:15px; float:right; }
.border { border:4px solid #e6eaea; padding:2px; } 
.noborder { border:0; }
.notes { font-size:11px; line-height:14px; color: #9b9b9b} 
.shout { color:#ea0d8c; font-size:22px; line-height:26px; border-bottom:5px solid #e6eaea; padding-bottom:20px; } 
.shout { color:#ea0d8c; font-size:26px; line-height:32px; padding-bottom:20px; }
.shout a {color: #00aeef; font-weight: normal} 
.quote, blockquote { background:#ea0d8c; padding:25px; color:#fff; font-size:20px; line-height:24px; } 
.quote strong, blockquote strong { display:block; font-size:14px; line-height:18px; padding-top:15px; color:#c0d732; }
.caption { float:right; width:220px; padding:25px; margin:0 0 0 25px; background:#ea0d8c; color:#fff; } 
.custom1 {  } 
.custom2 {  } 
.clear, .clearBoth, .hr { clear:both; }
.main_clear {clear: both; height: 0}
.rss_icon {float: right}
hr {display: none}
.box {border-top: 3px solid #e6eaea; padding-top: 20px}
.box2 {border-top: 5px solid #e6eaea; padding-top: 20px; clear: both}

p.testimonial {position: relative; padding: 15px; background: #e6eaea; margin-bottom: 35px}
.blog_post_box p.testimonial {margin-bottom: 35px}
.testimonial:after {border-right: 30px solid #FFFFFF; border-top: 20px solid #e6eaea;   bottom: -20px; content: ""; font-size: 0; left: 20px; line-height: 0; position: absolute;width: 0;}
.testimonial  strong {color: #ea0d8c; }

/* structural elements */
.container { width:960px; margin:0 auto; background:#fff; position:relative; }
#top { height:158px; z-index:50; }
#top_links {height: 126px; width: 590px}
#menu { height:32px; text-align:center; font: 400 20px/1 'Rokkitt', sans-serif; clear: right}
#menu ul, #menu ul ul, #menu ul ul ul { margin:0; list-style:none; }
#menu ul li, #menu ul li a { height:32px; line-height:31px; display:inline-block; position:relative; margin:0;  z-index:90;}
#menu ul li {float: right}
#menu ul li li {float: none}
#menu ul li a { color:#fff; text-decoration:none; padding:0 20px; background: #c0d732; font-weight: 400 }
#menu_logo {background:Url(../images/menu_logo.png) no-repeat 0 5px; width: 365px; display: none; text-indent: -9999px; float: left; height:32px}
.fixed {position: fixed; top: 0; left: 0; width: 100%; background:url(../images/banner-container.gif)}
.fixed #custmen_1 {width: 960px; margin: 0 auto; }
.fixed #menu_logo {display: block}

#menu ul.cms_menu > li:after {width: 0px; height: 0px; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #c0d732 transparent transparent transparent; content: ''; position: absolute; left: 50%; bottom: -6px}

#menu ul li.cms_portfolio a { background: #fcc90a; }
#menu ul li.cms_portfolio:after {border-color: #fcc90a transparent transparent transparent;}
#menu ul li.cms_use_a_gym a { background: #ea0d8c; }
#menu ul li.cms_use_a_gym:after {border-color: #ea0d8c transparent transparent transparent;}
#menu ul li.cms_buy_a_gym a { background: #00aeef; }
#menu ul li.cms_buy_a_gym:after {border-color: #00aeef transparent transparent transparent;}

#menu ul li a:hover { color:#010202; }
#menu ul ul { position:absolute; left:0; background:#2b2b2b; text-align:left; width:200px; ; }
#menu ul ul li, #menu ul ul a { height:auto; line-height:17px; display:block; margin:0; font-size: 16px }
#menu ul ul a { padding:6px 20px; }
#menu ul ul a:hover { color:#010202; }
#menu ul ul ul { position:absolute; left:200px /* left value should be the same as #menu ul ul width */; top:0; width:220px; background:#ea0d8c; }
#menu ul ul ul a { padding:12px 15px; }
#menu ul ul ul a:hover { color:#c0d732; }
#menu ul ul { display:none; }
#menu ul li:hover ul { display:block; }
#menu ul li:hover ul ul { display:none; }
#menu ul li:hover ul li:hover ul { display:block; }
#menu ul #active, #menu ul #active:hover { color:#6e6e6e; cursor:default; }
#menu ul ul #active, #menu ul ul #active:hover { color:#6e6e6e; cursor:default; }
#menu ul ul ul #active, #menu ul ul ul #active:hover { color:#6e6e6e; cursor:default; }

#sitelogo { float: left; height: 158px }
#sitelogo img {margin: 0; position: relative; z-index: 15}
#sitelogo a {height: 158px; display: block; width: 248px; overflow:hidden}
#indexHomeBody #sitelogo a { overflow:visible}
#head_right {float: right; height: 126px }
#top_details {text-align: right; font: 600 21px/20px 'Rokkitt',sans-serif; padding: 15px 0 0; height: 54px }

#top_details span {display: block; font-size: 14px; font-weight: 700}
#top_details a {color: #010202; font-weight: 600 }
.top_social, .bottom_social {display: block; float: right; width: 37px; height: 37px; text-indent: -9999px; background:url(../images/social_top.png) no-repeat; margin: 0 9px 0 0; transition:background-position .1s ease-out; -webkit-transition:background-position .1s ease-out; -moz-transition:background-position .1s ease-out; }
.bottom_social {background:url(../images/bottom_social.gif) no-repeat;  margin: 0 0 0 13px; width: 41px; height: 41px; text-indent: -9990px; font-size: 0}




#top_social_facebook {background-position: -48px 0}
#top_social_facebook:hover {background-position: -48px -37px}
#top_social_twitter {background-position: -94px 0}
#top_social_twitter:hover {background-position: -94px -37px}
#top_social_youtube {background-position: -140px 0}
#top_social_youtube:hover {background-position: -140px -37px}
#top_social_instagram {background-position: -2px 0}
#top_social_instagram:hover {background-position: -2px -37px}

#top_social_vimeo {background:url(../images/top-vimeo.gif) no-repeat top; }
#top_social_vimeo:hover {background:url(../images/top-vimeo.gif) no-repeat bottom;}
#bottom_vimeo {background:url(../images/bottom-social-vimeo.gif) no-repeat; }

#top_uk {background-position: -186px 0}
#top_uk:hover {background-position: -186px -37px}
#top_aus {background-position: -232px 0}
#top_aus:hover {background-position: -232px -37px}


#bottom_facebook {background-position: -152px 0}
#bottom_youtube {background-position: -260px 0}
#bottom_twitter {background-position: -206px 0}
#bottom_top {background-position: -313px 0}
#madein_bottom {background:url(../images/bottom_social.gif) no-repeat 0 0; width: 138px; height: 41px; display: block; text-indent: -9990px ; float: right; font-size: 0}


#download_brochure {display: inline-block; background: #f99d1e; padding: 7px 9px; color: #010202; font: 400 24px/1 'Rokkitt',sans-serif; float: right; margin: 0 0 0 6px; transition:background.1s ease-out; -webkit-transition:background .1s ease-out; -moz-transition:background.1s ease-out; }
#download_brochure:hover {background: #ea0d8c; color: white; text-decoration: none}

#top_details a#madein {display: block; text-indent: -9999px; width: 133px; height: 36px; background:url(../images/madeinbritain.png) no-repeat 0 -1px; float: right; margin: 2px 0 0 23px; font-size: 0}
#top_details a#madein:hover {background-position: 0 -38px}

#header-links {text-align: right; margin: 10px 0 0; float: right }
#header-links ul, #header-links li {list-style: none; margin: 0; padding: 0; }
#header-links li {display: inline-block; padding: 0 0 0 15px}
#header-links li a {text-decoration: none; font-weight: normal}
#header-links li a:hover {text-decoration: underline}
#header-search {width: 240px; height: 40px; margin: 0; position: relative; margin: 10px 0 0; clear: right; float: right }
#header-search .search_box { box-sizing: inherit;  position: absolute; top: 0; left: 0; border: 0; width: 188px; padding: 8px 8px; margin: 0 }
#header-search .button_search { background: url(../images/search-button.png) no-repeat center #ea0d8c; border: 0; padding: 0; width: 36px; height: 36px; text-indent: -9999em; font-size: 0; line-height: 0; overflow: none; position: absolute; top: 0; right: 0; margin: 0 }
#header-search .button_search:hover {background-color: #c0d732}

#predictiveSearch {position: relative; z-index: 101}
#predictive-content:before {border-right: 30px solid #ea0d8c; border-top: 20px solid transparent; right: 50px; top: -20px; position: absolute; content: ""}
#predictive-content {background: #ea0d8c; padding: 15px 15px 0; width: 300px; margin: 20px 0 0; color: white; right: 0; position: absolute; font-size: 12px; line-height: 13px; }
a.psearch_img {float:right; margin: 0 0 15px 20px; text-align: center; background: white; display: block; line-height: 0}
.psearch_img img {padding: 4px;}
a.psearch_name {color: white; display: block; margin: 2px 0 5px }
#predictive-content p {margin-bottom: 15px}
.search_description {font-size: 11px; margin: 0 0 15px}

#banner-container, #banner-cycle, #banner-cycle li, #banner-cycle img { width:100%; height:362px; z-index: 1; }
#banner-container {height:90px;}
#indexHomeBody #banner-container {height:362px; background:url(../images/banner-container.gif); background-color: none}

#cycle, #cycle ul, #cycle li {margin: 0; padding: 0; list-style: none; height: 419px; width: 960px}
#cycle { margin: -18px 0 18px}
#cycle li div.banner_text {position: relative; top: -353px; padding: 16px 25px 0; width: 490px; left: 70px; font: 500 42px/44px 'burst_my_bubbleregular',sans-serif;  }
#cycle li div.banner_text h6 {font-size: 46px; background: none; color: #010202; margin:  0 0 18px}

.why_banner, .why_banner ul, .why_banner li {height: 384px !important}

#banner-container { position:relative; left:0; background-color: #C0D732; }

#banner-nav {position: absolute; background:url(../images/banner-nav.png); height: 33px; left: 0; bottom: 0; width: 960px; z-index: 50; text-align: center; padding: 7px 0 0; }
#banner-nav a {display: inline-block; margin: 0 3px; background: #c0d732; padding: 1px 0; width: 24px; height: 23px; border-radius: 15px; color: #010202; font-size: 14px}
#banner-nav a.activeSlide {background: #00aeef}

#banner-container #prev-arrow, #banner-container #next-arrow, #cycle #prev-arrow1, #cycle #next-arrow1 { display:block; width:47px; height:60px; position:absolute;  top:152px; z-index:500; cursor:pointer; text-indent:-9678px;  transition:right .1s ease-out; -webkit-transition:right .1s ease-out; -moz-transition:right .1s ease-out}
#banner-container #prev-arrow, #cycle #prev-arrow1 { background:url(../images/banner_left.png) no-repeat; left:27px;}
#banner-container #prev-arrow:hover, #cycle #prev-arrow1:hover  {lefT: 23px}
#banner-container #next-arrow, #cycle #next-arrow1 { background:url(../images/banner_right.png) no-repeat; right:15px; }
#banner-container #next-arrow:hover, #cycle #next-arrow1:hover {right: 11px}
#banner {display: none; }
#banner {margin:0 auto; width:960px; position: relative}
#indexHomeBody #banner-cycle { margin:0 auto; list-style:none; display:block; width:960px; display: block; }
#indexHomeBody #banner {display: block; }
#banner-container #banner-cycle li { display:none; overflow:hidden; }
#banner-container #banner-cycle li div {position: relative; top: -333px; padding: 16px 25px 0; width: 243px; height: 255px; background:url(../images/banner_div.png); left: 109px; font: 500 15px/18px 'Rokkitt',sans-serif;  }
#banner-container #banner-cycle li div h3 {font: 500 46px/1 'Rokkitt',sans-serif; color: #0d0802; margin-bottom: 3px}
#banner-container #banner-cycle li div h3 a {font-weight: 500; color:#0d0802;}
#banner-container #banner-cycle li div h6 {text-align: center; font: 500 30px/26px 'Rokkitt',sans-serif; color: #0d0802;}
#banner-container #banner-cycle li div p {margin-bottom: 13px}
#banner-container #banner-cycle img { display:block; width:960px;  }
#banner-container .container { height:330px; top:-375px; z-index:50; background:none; }
#main { position:relative; z-index:30; }
#content { min-height:100px; padding: 18px 0 }
#nav_outer {margin: 0 auto; width: 960px; }
#navBreadCrumb {color: #010202; margin: 0 auto 8px; font-size: 12px; width: 960px; padding: 8px 0 0 0; position: relative; z-index: 25 }
#navBreadCrumb a {color: #010202; font-weight: normal; position: relative; z-index: 25}
#bottom-container {background:#c0d732; clear: both}
#bottom { padding:17px 0 0; height: 156px;  color:#010202; overflow:hidden; position:relative; background: none}
#subscribe {width: 314px; float: left}
#subscribe p {line-height: 19px; margin: 0 0 10px; font-size: 12px }
input[type="text"].side_subscribe, input[type="email"].side_subscribe {background-image: none; padding: 7px 6px; width: 150px;  float: left}
#bottom .heading, #subscribe h3 {font: 400 26px/1 'Rokkitt',sans-serif; color: #010202; display: block; margin: 0 0 3px;  }
.button_subscribe {float: left}
.button_subscribeHover {background: #ea0d8c}
.bottom_menu {float: left; width: 219px}
#bottom_menu2 {width: 212px}
#bottom_menu3 {width: 212px}
#bottom ul, #bottom li {list-style: none; margin: 0; padding:0}
#bottom ul a {display: block; background:Url(../images/bottom_menu.gif) no-repeat 4px 7px; color: #010202; padding: 0 0 1px 14px; font-weight: 400; font-size: 12px; transition:background-position .1s ease-out; -webkit-transition:background-position .1s ease-out; -moz-transition:background-position .1s ease-out; }
#bottom ul a:hover {background-position: 2px 7px}
#bottom strong { display:block; }
#address_details {width: 960px; margin: 0 auto; padding: 20px 0 0; height :148px }
#address_left {float:left; width: 515px; color: #888888; font-size: 12px; line-height: 26px}
#address_left span {color: #010202; font: 600 22px/20px 'Rokkitt',sans-serif;}
#address_left a {color: #888888; text-decoration: none; font-weight: normal}
#address_left span a {color: #010202; font-weight: 600;}
#address_right {float:right; width: 410px; margin: 0 8px 0 0; text-align: right}

#bottom_social {float: right; width: 115px; text-align: left; margin: -24px 0 0 16px}
#social_facebook {width: 44px; float: right}
.copyright {font-size: 12px; line-height: 14px; padding: 20px 0 0; color: #888888; width: 220px; clear: left; float: left}
.sitewizard_end {font-size: 12px; line-height: 14px; padding: 20px 0 0; color: #888888; width: 220px; float: left}
.sitewizard_end a {color: #888888;; font-weight: normal}
#social_google {width: 70px; float: right}

#end { position:absolute; left:0; bottom:0; background:#00aeef; width:100%; height:45px; }
.copyright {  }
.sitewizard_end { }
.sitewizard_end, #bottom .sitewizard_end a { font-size:11px; color:#686868; text-decoration:none; }
.sitewizard_end a:hover { color:#fff; }
#social-icons { position:absolute; right:45px; bottom:90px; margin:0; list-style:none;  }
#social-icons li { display:inline; }
#social-icons a { float:left; display:block; width:45px; height:45px; background-color:#c0d732; background-position:center center; background-repeat:no-repeat; text-indent:-9567px; margin-left:10px; }
#social-icons a:hover { background-color:#00aeef; }
#facebook-icon { background-image:url(../images/facebook-icon.png); }
#twitter-icon { background-image:url(../images/twitter-icon.png); }
#googleplus-icon { background-image:url(../images/googleplus-icon.png); }
#linkedin-icon { background-image:url(../images/linkedin-icon.png); }
#back-to-top { display:block; position:absolute; right:45px; top:45px; text-indent:-8976px; width:45px; height:45px; background:url(../images/back-to-top.png) #c0d732 no-repeat center center; }
#back-to-top:hover { background-color:#00aeef; }


#cookie-control, #cookie-text button  {background-color: #ea0d8c !important;}
#cookie-text p strong, #cookie-text a, #cookie-text a:hover {color: #ea0d8c !important;}


/* Home PAge */
#tgo_train {position: relative; height: 159px; margin: 0 0 10px}
.button {background:Url(../images/bigger_button.gif) no-repeat top; padding: 11px 0 0 14px; height: 27px; width: 579px; font: 400 20px/1 'Rokkitt',sans-serif; display: block; color: #010202; transition:background-position .1s ease-out; -webkit-transition:background-position .1s ease-out; -moz-transition:background-position .1s ease-out; }
.button:hover {background:Url(../images/bigger_button.gif) no-repeat bottom; color: white; text-decoration: none }
#tgo_train img {}
#tgo_train .button {position: absolute; left: 0; bottom: 0; z-index: 50}



/* Contact Form */
#contact_form label, #contact_form label.inputLabel {display: block; margin: 12px 0 0; text-align: left; width: auto; float: none; padding: 0 }
#contact_form input, #contact_form textarea {width: 96%}
#contact_form input[type=radio] {width: auto}
#contact_form select {padding: 4px; width: 99%}
#contact_form .cssButton, #contact_form .cssButtonHover {width: 100%}
.tgo_form .two-col-left, .tgo_form .two-col-right {padding-bottom: 25px}
.tgo_form_box1, .tgo_form_box2 { float: left; width: 466px;  }
.form_box label {font-weight: bold; color: #00aeef}

.form_box {border: 3px solid #e6eaea; padding: 20px; float: left; width: 420px; margin: 0 0 20px;}
.form_bold_box {padding: 23px 23px 5px; background:#e6eaea; margin: 0 0 20px; }
.form_bold_box strong {color: #ea0d8c; font-size: 18px; font-weight: normal}

.choose_box {border: 3px solid #e6eaea; padding: 20px 20px 5px; margin: 0 0 20px;}

.how_to_use2 { padding-top: 10px}
.how_to_use2 textarea {height: 115px}
.tgo_form_box1 h3, .tgo_form_box2 h3 {clear: both}
.tgo_form_box2 {float: right}
.package_box {float: left; width: 120px; border: 1px solid #e6eaea; padding: 5px; text-align: center; margin: 0 12px 12px 0}
.package_box p {margin-bottom: 5px; line-height: 14px; padding: 4px; height: 32px; background: #C0D732}
.package_box_right {margin-right: 0}

.how_to_buy {height: 270px}


/* Form Elements */
input[type=text],textarea, input[type=password], input[type="number"], input[type="email"], input[type="search"] { background: #ffffff url(../images/input.gif) repeat-x; border: 1px solid #EEEEEE; padding: 4px 6px; color: #010202; }
.form_input_field, #express_checkout input[type=text], #express_checkout input[type=password], #express_checkout textarea, #wishlist_find_form .l, #express_checkout input[type="number"], #express_checkout input[type="email"], #express_checkout input[type="search"] {width: 300px; margin: 0 4px 15px 0;}
select.form_input_field { width: 310px; }
.input_left1, .inputLabel, .input_left, .input_left2  { clear: both; display: block; font-weight: normal; padding:4px 16px 3px 3px; float: left; width: 280px; text-align: right; margin: 0 0 12px 0; }
.input_right { float: left; }
.alert {color: #db2020}
#recaptcha_area { float: left; margin: 0 0 20px;  }

/* CSS Button */
a.parent_button:hover {text-decoration: none}
.cssButton, .cssButtonHover, .listingBuyNowButton, .button_sold_out, .callforpricetext, .button_blog a, a.button_video, a.choose_button { background: #010202; border: 0; padding: 6px 11px; cursor: pointer; color: #ffffff; outline: 0 none; text-decoration: none; transition: all .1s ease-out; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; -webkit-appearance: none; border-radius: 0; display:inline-block; overflow: visible; font: 400 19px/18px 'Rokkitt',sans-serif;}
.cssButtonHover, .button_blog a:hover, #productNavigation a.button_video:hover, a:hover.choose_button { background:#c0d732 }
.button_sold_out, .button_sold_outHover { cursor: default; background: #db2020}
.button_subscribeHover {background:#ea0d8c }

#productNavigation {text-align: center}
#productNavigation .cssButton, #productNavigation .cssButtonHover, #productNavigation a.button_video, #productNavigation a.button_video:hover {display: block; margin: 0 0 10px}
.navig_counter {display: none}

#productNavigation .cssButton, #productNavigation a.button_video {color: #010202; }
#productNavigation a.button_video {background:#F99D1E}
#productNavigation .button_prev {background: #00aeef}
#productNavigation .button_return_to_product_list {background:#ea0d8c}
#productNavigation .button_next {background:#c0d732}
#productNavigation .button_tellafriend {background:#fcc90a}
#productNavigation .cssButtonHover, #productNavigation a.button_video:hover {background: #010202; color: white}

/* @Alerts
------------------------------------------------------------------------------*/
#express_checkout .error_div, .messageStackSuccess, .messageStackError, .messageStackWarning, .messageStackCaution { background: #db2020; font-weight: bold; padding: 8px; margin: 0 0 10px; color: white; text-align: center  }
.messageStackSuccess img, .messageStackError img, .messageStackWarning img, .messageStackCaution img {display: none}


/* @Address
------------------------------------------------------------------------------*/
.address_block, #address_book { width: 210px; padding: 0; margin: 0 15px 15px 0; float: left; }


/*-----Shopping Tables-----*/
#shopping_cart_table, #shipping_estimator, #prevOrders, #myAccountOrdersStatus, .wishlist_compact, .datatable {width: 100%; clear: both }
#shopping_cart_table th, #shipping_estimator th, #prevOrders th, #myAccountOrdersStatus th, .wishlist_compact th, .datatable th {padding: 8px; text-align: left; color: #ffffff; background: #c0d732; font-size: 14px }
#shopping_cart_table td, #shipping_estimator td, #prevOrders td, #myAccountOrdersStatus td, #myAccountOrdersStatus td, .wishlist_compact td, .datatable td {padding: 8px; text-align: left; border:1px solid #e6eaea; }

#shopping_cart_table ul {padding-bottom: 0; margin: 0; padding-top: 0;}
#shopping_cart_table a {color: #010202}
#prevOrders td.prevOrders_links {text-align: center}
p.forward {padding: 12px 0 0; text-align: center}
#myAccountShipInfo { width: 48%; float: left; }
#myAccountPaymentInfo { width: 48%; float: right; }
.cartProductDisplay br {display: none}
.cartImage {float: right; margin: 0 0 2px 10px; }




/*-----Sort Order-----*/
#sorter {padding: 10px 0 0; height: 40px}
#sorter label {width: 70px; display: block; padding: 0; float: left; }
#sorter select {float: left; margin: 2px 10px 0 0 }
#sorter .cssButton, #sorter .cssButtonHover {padding: 3px 8px; float:left; margin: 0 }

/*-----Pagination-----

.listing_links_outer {height: 30px; border-top: 3px solid #e6eaea; padding: 10px 0; }
.listing_numbers { float: left; }

.listing_links { float: right;  }


.listing_links a, .listing_links .current, a.showall_orders, #prevOrders td a {display: inline-block; font-weight: normal; background: #e6eaea; font-size: 12px; padding: 3px }

.view_all {margin-left: 8px}
.listing_numbers {padding: 2px 0}*/



.listing_links_outer {height: 30px; border-top: 4px solid #E9E9E9; padding: 10px 0; }
.listing_numbers { float: left; font-size: 12px; padding: 2px 0}
.listing_links { float: right;  }
.listing_links a, .listing_links .current, a.showall_orders, #prevOrders td a, .paginationControl a {display: inline-block; font-weight: normal; border: 1px solid #E9E9E9; font-size: 12px; padding: 3px; margin: 0 0 3px -1px; padding: 3px 10px;   }
.listing_links *:first-child, .paginationControl a:first-child {border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.listing_links a:hover, .listing_links .current:hover, a.showall_orders:hover, #prevOrders td a:hover, .paginationControl a:hover {background: #E9E9E9}
.listing_links .current {color: #6aa965}


/* Category - Grid */
.categoryListBoxContents { float: left; text-align: left; width: 220px !important; margin: 0 26px 15px 0  }
.categoryListBoxContents .category_row_image { display: block; height: 147px; text-align: center; width: 220px; position: relative; background: #e6eaea }
.categoryListBoxContents .category_row_image:before {content: ''; display: block; width: 220px; height: 147px; background:url(../images/category_border.png) no-repeat; position: absolute; top: 0; left:  0 }
.categoryListBoxContents:hover .category_row_image:before {background:url(../images/category_border.png) no-repeat bottom}

.category_row {text-align: center; display: block; text-align: center; height: 40px; font: 500 20px/36px 'Rokkitt',sans-serif; margin: 6px 0 0; color: #00aeef}
.categoryListBoxContents:hover .category_row {color: #ea0d8c}

/* Category - Row */
.category_list_container {padding: 15px; border-top: 4px solid #e6eaea; }
.category_list_container .category_row_image { float: left; width: 167px; display: block; text-align: center; margin: 0 20px 0 0}


/* Product Listing - Grid */
.normalprice, .productSpecialPrice, .productPriceDiscount {padding: 0 9px 0 0}
.normalprice {font-size: 12px; color:#A8A8A8; text-decoration: line-through}
.productSpecialPrice, .price {font-size: 16px; color:#ea0d8c; font-weight: bold}


.column_display { float: left; text-align: left; width: 177px !important; margin: 0 17px 15px 0  }
.item_right { margin-right: 0 !important}

.item { text-align: center; height: 177px; padding: 0; position: relative; width: 177px;   }
.item_product_image {height: 177px; display: block; text-align: center; position: relative; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; overflow: hidden; vertical-align: middle; display: table-cell; width: 177px  }
.item_product_image img {max-width: 177px; height: auto !important; max-height: 177px; }

.item:hover .item_product_image {box-shadow: 0 0 0 7px #C0D732;}
.item_name { height: 75px; line-height: 16px; background: #c0d732; padding: 10px 10px 0; width: 171px; margin: 0 -7px 0; position: absolute; bottom: -85px; left: 0; opacity: 0; }
.item_name a.moreinfo_item {display: inline-block; background: #ea0d8c; color: #010202;  margin: 5px 0 0 ; padding: 5px 8px; border-radius: 5px; }

.item:hover .item_name {opacity: 1; z-index: 50; }


.item_name a { text-decoration: none; color: #010202; font-weight: normal; display: block}
.item_price, .item_buynow { display: none }
.item .callforpricetext, .item_price br, .item_buynow br, .item .productPriceDiscountPrefix, .item_price b, .list_itemprice b {display: none}
.item .productPriceDiscount {background: #db2020; border-radius: 30px; color: #FFFFFF; font-size: 10px; font-weight: normal; height: 28px; right: 15px; line-height: 12px; padding: 4px 2px 0; position: absolute; text-align: center; top: 15px; width: 28px;}
.item .button_sold_out {display: none}

#featuredProducts .item {height: 162px; width: 162px }
#featuredProducts .item_product_image {height: 162px;}
#featuredProducts .item_product_image img {max-width: 162px}
#featuredProducts .item_name {width: 156px}

.find_gym .item_name {position: static; opacity: 1; font: 500 20px/24px 'Rokkitt',sans-serif; text-align: center; color: white; background: #EA0D8C; padding: 10px; width: 157px; margin: 0 }
.find_gym .item_name a {color: white}
.find_gym .item_product_image {display: none; opacity: 1}
.find_gym .item {background: #EA0D8C; position: relative; }
.find_gym a.moreinfo_item {background: url("../images/bigger_button.gif") no-repeat right bottom !important; color: white !important; display: block !important; font: 400 20px/1 'Rokkitt',sans-serif; height: 27px; padding: 11px 0 0 14px !important; transition: background-position 0.1s ease-out 0s; border-radius: 0 !important; background-color: none !important; position: absolute; bottom: 0; left: 0 ; width: 163px; text-align: left    }
.find_gym a.moreinfo_item:hover {background: url("../images/bigger_button.gif") no-repeat right top !important; color: #010202 !important; }

/* Product Listing - Row */
.tabTable td {border-top: 4px solid #e6eaea; padding: 10px; }
.tabTable td.tabTable_space, .tabTable td.item_right, .tabTable td br {display: none; }
.product_name, .list_itemprice, .list_itemdescription {display: block; margin: 0 0 7px}
.list_itemdescription {margin: 0}
.tabTable td.item_image {text-align: center}
.tabTable td .productPriceDiscount {font-weight: bold; color: #db2020}
.tabTable td a {display: block}
.tabTable td .parent_button, .tabTable td .button_sold_out {float: left; margin: 7px 8px 0 0; display: inline-block }


/* Product Page - Row */
#product_image {float: left; width: 435px}
#product_right {position: relative; text-align: center; margin: 0 0 15px }
.MagicZoomBigImageCont {padding: 0; }
.MagicZoomLoading {text-align: center; background: white; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; border-radius: 15px; font-weight: normal}
#zoom1, #zoom1 .zoom_pic {display: block !important }
#product_right div {padding: 0 !important;} 
.MagicZoomPup {background: #ffffff;}
#full_size_image_link img, #product_right .image_lightbox, #product_right .image_lightbox img { display: none; }
#full_size_image_link, #product_right .image_lightbox { position: absolute; right: 0; width: 50px; height: 50px; background: rgba(0,0,0,0.8) url(../images/enlarge.png) center no-repeat; z-index: 100; bottom: 0;  }
#additional_images {left: 0; position: relative; width: 435px; height: 100px}
#additional_images ul {overflow: hidden; margin: 0;  }
#additional_images ul li {display:table; float: left; position:relative; overflow: hidden; width: 100px !important; height: 100px !important; padding: 0;  text-align: center; margin-left:0 !important; }
#additional_images .carousel-wrap {float:left; width:400px; }
#additional_images a {display: block; border: 1px solid #e6eaea; width:88px; height: 88px; overflow: hidden; margin: 0 5px; text-align: center }
#additional_images img {display: table-cell; vertical-align: middle; max-width: 100%; height: auto !important }
#additional_images .carousel-control {border:0 none; cursor:pointer; display:inline-block; float:left;
height:80px; line-height:400px; overflow:hidden; text-indent:-9999px; width:17px;}
#additional_images .carousel-previous {background:url(../images/jcarousel-prev.png) no-repeat center}
#additional_images .carousel-next {background:url(../images/jcarousel-next.png) no-repeat center}


#productDescription h4 {border-bottom: 3px solid #EA0D8C; padding-bottom: 20px}
#productDescription h2 {color: #00aeef; font: 500 25px/24px 'Rokkitt',sans-serif; background: none; padding: 0}

#productContainer {float: right; width: 500px}
#fieldtitle_typeofproductpage, #fieldvalue_typeofproductpage, p#productExtraFields br, #fieldtitle_video, #fieldvalue_video, #fieldtitle_map, #fieldvalue_map, #productExtraFields {display: none}
p#productExtraFields #fieldvalue_address br {display: block}
p#productExtraFields {margin: 0; paddinG:0}
.product_address {margin: 0 0 15px; background: #e6eaea; padding: 15px; }
#fieldtitle_address {display: block; float: none; width: auto; font: 500 30px/30px 'burst_my_bubbleregular',sans-serif; margin: 0 0 8px; padding: 0; color: #ea0d8c}
#fieldvalue_address {display: block; width: auto; float: none; font-size: 14px; paddinG: 0}
#productContainer .shout2 b {display: none}
#map, #new_video {margin: 0 0 15px; display: none}
#productContainer .shout2 {display: none}

#productContainer .shout2 .price, #productContainer .shout2 .productSpecialPrice, #productContainer .shout2 .productPriceDiscount {font-size: 26px; }
#productContainer .shout2 .normalprice {font-size: 18px; }
#productContainer .shout2 .productPriceDiscount {color: #db2020; font-weight: bold}

#product_info_review, #product_info_no_review, #product_info_review2 { margin: 0 0 15px; min-height: 30px }
.review_star { display: inline-block; margin: 0 8px 0 0; padding: 0; position: relative; overflow: hidden; background: url(../images/star-ratings.png) no-repeat; width: 95px; height: 18px; float: left}
.review_star span { position: absolute; left: -9999px; }
.r_star_0_0 { background-position: -95px 0px }
.r_star_0_5 { background-position: -76px -18px }
.r_star_1_0 { background-position: -76px 0px }
.r_star_1_5 { background-position: -57px -18px }
.r_star_2_0 { background-position: -57px 0px }
.r_star_2_5 { background-position: -38px -18px }
.r_star_3_0 { background-position: -38px 0px }
.r_star_3_5 { background-position: -19px -18px }
.r_star_4_0 { background-position: -19px 0px }
.r_star_4_5 { background-position: 0px -18px }
.r_star_5_0 { background-position: 0px 0px }
.product_review_link, .general_review .review_date, .review_container .review_date, #product_info_no_review a {color: #A8A8A8; font-size: 12px; display: inline-block; float: left; margin: 0 10px 0 0; font-weight: normal}
.general_review .review_date, .review_container .review_date {margin-top: -2px}
.product_review_link a, .review_name, .review_name strong, .review_name a, .review_container .review_product_name, .review_container .review_product_name a {font-weight: normal; color: #A8A8A8; font-size: 12px;}
.review_rating {color: #A8A8A8; font-size: 12px; margin: 0 0 6px}
.general_review {padding: 15px 0}
.review_name, .review_container .review_product_name, .review_container {clear: both; display: block}
.general_review .review_star, .review_container .review_star { width: 65px; height: 12px }
.general_review .r_star_0_0, .review_container .r_star_0_0 { background-position: -65px -36px }
.general_review .r_star_0_5, .review_container .r_star_0_5 { background-position: -52px -48px }
.general_review .r_star_1_0, .review_container .r_star_1_0 { background-position: -52px -36px }
.general_review .r_star_1_5, .review_container .r_star_1_5 { background-position: -39px -48px }
.general_review .r_star_2_0, .review_container .r_star_2_0 { background-position: -39px -36px }
.general_review .r_star_2_5, .review_container .r_star_2_5 { background-position: -26px -48px }
.general_review .r_star_3_0, .review_container .r_star_3_0 { background-position: -26px -36px }
.general_review .r_star_3_5, .review_container .r_star_3_5 { background-position: -13px -48px }
.general_review .r_star_4_0, .review_container .r_star_4_0 { background-position: -13px -36px }
.general_review .r_star_4_5, .review_container .r_star_4_5 { background-position: 0px -48px }
.general_review .r_star_5_0, .review_container .r_star_5_0 { background-position: 0px -36px }
.review_customers_container {margin:0 0 30px}
.review_product_container .product_image {float: left; margin: 0 20px 10px 0}
.review_product_container .product_details {float: left; padding: 3px 0 0;}
.review_product_container .review_product_name {font-weight: bold; display: block; margin: 0 0 2px; }
.review_product_container .review_product_price, .review_product_container .review_product_stock_quantity {margin: 0 0 1px; display: block}
.review_product_container .review_product_price .normalprice, .review_product_container .review_product_price .productPriceDiscount {display: none}
.review_product_container .review_product_stock_quantity {font-weight: bold;}
.review_product_container .stockQuantity {font-weight: normal}
.review_product_price b { padding-right: 4px; }


.extraTitle {display: inline-block; padding: 6px 0; width: 20%; float: left; clear: left; font-weight: bold }
.extraValue {display: inline-block; padding: 6px 0; width: 75%; float: left; }

.wrapperAttribsOptions {padding: 6px 0 8px; border-top: 4px solid #e6eaea}
#productAttributes h3, .wrapperAttribsOptions br {display: none}
.wrapperAttribsOptions h4 {color: #010202; font-size: 14px; margin: 0 0 6px; padding: 0; border:0; font-weight: bold}
.option_price .normalprice {padding-right: 4px}
.wrapperAttribsOptions label, .wrapperAttribsOptions img {margin: 0 8px 0 0}
.wrapperAttribsOptions select {padding: 3px; border: 1px solid #e6eaea; width: 90%}
.wrapperAttribsOptions input[type="text"], .wrapperAttribsOptions textarea {width: 90%}
.wrapperAttribsOneTime {background: #db2020; padding: 6px; color: white; margin: 0 0 10px}
#stock {border-top: 4px solid #e6eaea; padding: 8px 0 }
#stock_left {float: left}
#stock_level {float: right}
#cartAdd {height: 80px; border-top: 4px solid #e6eaea; border-bottom: 4px solid #e6eaea; padding: 12px 0; margin: 0 0 15px}
.cart_quantity_text {display: inline-block; float: left; padding: 6px 10px 0 0; width: 60px; }
input[type="number"].cart_quantity {float: left; margin: 0 10px 0 0; padding: 7px 6px}
#navig_wishlist {padding: 10px 0 0 130px; clear: left}
#cartAdd .button_sold_out {margin: 0 0 0 130px; clear: left}
#cartAdd #add_to_cart_button .button_sold_out {margin: 0}
.button_add_cart {float: left; }
#nofity_stock_form .image {display: none}
#nofity_stock_form p {clear: both}
#nofity_stock_form .input_right {padding: 4px 0}
#addthis, #freeShippingIcon {margin: 0 0 15px}

#accordion h3 {padding: 8px 0; color: #ea0d8c; text-transform: uppercase; margin: 0; font-size: 16px; border-top: 4px solid #e6eaea;  }
#accordion h3:first-child {border: 0; margin-top: -10px}
#accordion div.ui-accordion-content { font-size: 12px}
#accordion h5 {display: none}

#productQuantityDiscounts {border-top: 4px solid #e6eaea; border-bottom: 4px solid #e6eaea; margin: 0 0 15px }
#productQuantityDiscount table {width: 100%; margin: 0}
#productQuantityDiscounts th, #productQuantityDiscounts td {padding: 8px}

#extra_details {font-size: 12px; color: #A8A8A8; margin: 10px 0 5px}
.product_weight, .product_stock_quantity, .product_mixed {padding: 0 15px 0 0}





/*-----Blog Listings-----*/
.blog_post_box {border-top: 3px solid #e6eaea; padding: 18px 0}
.blog_post_box h5 {clear: none; background: none; padding: 0; margin:0; color: #b2c923; font: 14px/21px 'Oxygen',sans-serif;}
#blogcategoriesBody .blog_post_box p, #indexHomeBody .blog_post_box p {margin-bottom: 5px}
#blog_images {margin: 20px 0 0}
#blog_images img {max-width: 22%; margin: 0 4% 0 0 }
#blog_images img.blog_right {margin-right: 0}

#blog_images2 {margin: 20px 0 0}
#blog_images2 img {max-width: 48%; margin: 0 4% 0 0 }
#blog_images2 img.blog_right {margin-right: 0}

p.button_blog {margin-top: 15px}

.blog_post_box h5 a {font-weight: 500; color:#ea0d8c;}
.blog_post_box a.blog_readmore {color:#ea0d8c; font-weight: 400; font-size: 14px; margin-top: -15px}
.blog_post_box .clsleft {float: left; max-width: 150px; height: auto !important; margin: 0 15px 0 0; }
.blog_rss { float:right; margin-top:5px; position:relative; z-index:6; display: none}
.blog_post_details {height: 25px}
.blog_date, .blog_commentcount, .blog_commentdate {display: inline; font-size: 11px; color: #A8A8A8}
#blogPost form, .comments_disabled {display: none; }
.blog_commentdate {padding: 4px 0 0; display: block}
.blog_commentcount {margin: 0 0 0 8px; padding: 0 0 0 8px; display: none; }
.blog_commentcount a {color: #A8A8A8; font-weight: normal}
.blog_comment {background: #e6eaea; padding: 8px 12px; margin-bottom: 5px}
.blogcomment_text {margin-top: 6px}
.blog_commentname {font-weight: bold; display: block; color: #c0d732}
.comments_disabled {margin: 15px 0 0; font-weight: bold}