#main {
  padding-bottom: 0px; }

/* must be same height as the footer */
#footer {
  position: relative;
  margin-top: -179px;
  /* negative value of footer height */
  height: 197px;
  clear: both; }

/* CLEAR FIX*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
html {
  overflow-y: scroll; }

html, body, h1, h2, h3, h4, h5, h6, p, li {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0;
  border: 0; }

img {
  border: 0;
  display: block; }

fieldset, form, legend {
  margin: 0;
  padding: 0;
  border: 0; }

dl, dt, dd {
  margin: 0; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Fonts & Typography */
body {
  color: #9c9c9c;
  font: 12px/1.231 arial, sans-serif; }

.bold {
  font-weight: bold; }

h3 a {
  font-weight: normal;
  display: inline-block;
  font-weight: normal; }

p {
  margin-bottom: 10px;
  font-size: 108%;
  line-height: 138.5%; }

p.intro {
  font-size: 123.1%;
  color: #333; }

div.intro {
  font-size: 116%; }

ol {
  margin: 20px 0 0 20px;
  padding: 0;
  font-size: 108%;
  font-weight: bold; }

ol p {
  font-weight: normal; }

ol li {
  /*margin: 0 0 20px;
  line-height: 1.6em;*/ }

ol li ul {
  margin: 10px 0 0 20px; }

ol li ul li {
  margin-bottom: 10px; }

/* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection {
  background: #3fc2cb;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #3fc2cb;
  color: #fff;
  text-shadow: none; }

/* Style placeholder text */
::-webkit-input-placeholder {
  color: #808080; }

:-moz-placeholder {
  color: #808080; }

/***** LINKS *****/
a {
  color: #9c9c9c;
  text-decoration: none; }

a:hover, a:focus {
  color: #3fc2cb; }

a.wl {
  color: #3fc2cb;
  font-weight: normal; }

/** Home page promo, facilties and classes panel rollover links **/
/** Floating image classes for sitecore rich text editor **/
.image-floatleft, .article-text .image-floatleft, article .article-content .image-floatleft, .layout-inner-panels .full-panel .image-floatleft {
  float: left;
  margin: 0 20px 10px 0; }

.image-floatright, .article-text .image-floatright, article .article-content .image-floatright, .layout-inner-panels .full-panel .image-floatright {
  float: right;
  margin: 0 0 10px 20px; }

/********** MAIN LAYOUT STYLES *********/
body.home {
  background: none; }



#wide {
  width: 940px;
  margin: 20px 20px 0; }

#primary-l {
  width: 678px;
  float: left;
  margin-right: 20px; }

#primary-r {
  width: 638px;
  float: right;
  margin-right: 20px; }

aside {
  width: 260px;
  float: left; }

aside.clubfinder {
  width: 280px; }

.home section, footer section {
/*  width: 480px;*/
  overflow: hidden; }

.layout {
  width: 958px;
  padding: 20px 0 0 20px;
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  xxoverflow: hidden; }

.layout-block {
  width: 938px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  background: #fff;
  overflow: visible; }

.layout-panels {
  width: 978px;
  overflow: hidden;
  padding: 20px 0 0;
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  overflow: hidden; }

.layout-inner {
  width: 906px;
  padding: 30px 36px 0;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  overflow: hidden; }

.layout-inner-panels {
  width: 970px;
  padding: 30px 4px 0;
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  overflow: hidden; }

.layout-error {
  width: 980px;
  padding: 70px 0;
  background: none; }

.layout-full {
  background: url(../images/backgrounds/kids-bg.png) repeat left top white;
  border: 1px solid #e6e6e6;
  border-top: 0; }

/** Generic styling **/

.layout-inner-panels hr {
  width: 900px;
  margin: 0 0 30px 36px; }

.fl {
  float: left; }

.fr {
  float: right; }

.mt {
  margin-top: 80px; }

.mr {
  margin-right: 20px; }

.mr-lrg {
  margin-right: 40px; }

.js .js-hide {
  display: none; }

/* hide if Javascript is available */
blockquote {
  font: italic 124% arial, sans-serif;
  margin: 7px 90px 18px 30px;
  padding-left: 15px;
  border-left: 6px solid #e6e6e6; }

.show-limit {
  position: relative; }

.show-all {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  padding: 9px 0 4px;
  font-size: 95%;
  background: url("../images/icons/clubs-sprite.png") -6px -464px no-repeat; }

.show-all a {
  padding: 7px 38px 5px 0; }

.show-all-less {
  background-position: 4px -515px; }

.classic .show-all {
  background-position: -6px -565px; }

.classic .show-all-less {
  background-position: 4px -615px; }

.calendar {
  float: left;
  width: 54px;
  display: inline;
  margin: 0 16px 0 0;
  padding-bottom: 3px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font: 84% "HelveticaNeueW01-BdExt", Helvetica, Arial, sans-serif;
  background: url(../images/backgrounds/article-date-year.gif) left bottom no-repeat; }

.calendar .day {
  width: 54px;
  display: inline-block;
  padding: 8px 0 0;
  background: #c00; }

.calendar .date {
  width: 54px;
  display: inline-block;
  padding: 1px 0 4px;
  font-size: 202%;
  background: #c00; }

.calendar .year {
  display: inline-block;
  color: #808080;
  font: 100% "HelveticaNeueW01-BdExt", Helvetica, Arial, sans-serif;
  padding: 4px 0 3px; }

.listing .calendar .day,
.listing .calendar .date,
.press .article-summary .calendar .day,
.press .article-summary .calendar .date {
  background: #d9d9d9;
  color: #4d4d4d; }

.events-wrap .calendar {
  background: none; }

.title-note {
  position: absolute;
  top: -7px;
  left: 0;
  padding: 0 5px 0 0;
  background: url(../images/icons/clubs-sprite.png) no-repeat right -716px; }

.title-note p, .title-note h3 {
  margin: -1px 0 0 0;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  background: #333; }

.contrast-cta {
  clear: both;
  overflow: hidden;
  background: #1A1A1A; }

.contrast-cta p {
  float: left;
  margin-top: -3px;
  padding-bottom: 4px;
  color: #fff;
  font: 177%/200% "HelveticaNeueW01-BdExt", Helvetica, Arial, sans-serif; }

.contrast-cta .btn {
  float: right;
  width: 110px; }

.layout-panels .contrast-cta {
  width: 938px;
  padding: 15px 20px 1px; }

.layout-full .contrast-cta {
  width: 900px;
  padding: 15px 39px 1px; }

.layout .contrast-cta {
  width: 938px;
  margin: 0 0 0 -20px;
  padding: 15px 20px 1px; }

.ie7 .layout .contrast-cta, .ie6 .layout .contrast-cta {
  padding-bottom: 12px; }

.layout-inner .contrast-cta {
  width: 906px;
  margin: 0 0 0 -36px;
  padding: 15px 36px 1px; }

.layout-inner-panels .contrast-cta {
  width: 918px;
  margin: 0 0 0 -4px;
  padding: 15px 30px 1px; }

.pac-item {
  color: #4C4C4C;
  line-height: 80%;
  padding: 7px 9px 8px; }

.pac-item:hover {
  color: white !important;
  background: #ae0000 !important; }

/* !important declarations required for ie7 */
/** Footer **/
footer .container {
  overflow: hidden; }

footer ul li {
  display: inline; }

footer nav {
  float: left;
  margin: 24px 0 50px;
  background: black; }

footer nav ul li {
  border-left: 1px solid #cccccc;
  padding: 3px 20px;
  font-size: 108%; }

footer nav ul li:first-child {
  border-left: 0;
  padding-left: 0; }

footer nav a {
  color: #666; }

footer nav a:hover, footer nav a:focus {
  color: #000; }

footer h4 {
  margin-bottom: 17px;
  text-shadow: 1px 2px 0px white; }

footer h4 a {
  color: #666;
  font-weight: normal; }

footer h5 {
  margin-top: 15px;
  font: 110% "HelveticaNeueW01-LtExt", Helvetica, Arial, sans-serif; }

footer p {
  color: #666;
  font-size: 93%; }

footer section.fl {
  clear: left; }

footer section p {
  margin-left: 0;
  width: 93%; }

#footer-sub {
  clear: both;
  margin-bottom: 70px;
  padding-top: 33px; }

#footer-sub p {
  margin: 0 0 6px 1px;
  font-size: 85%;
  color: #4d4d4d; }

#footer-sub ul#footer-links {
  float: right;
  position: relative;
  padding-bottom: 10px; }

#footer-sub li {
  float: left;
  display: inline-block;
  font-size: 85%;
  padding: 0 3px 0 8px;
  background: url("../images/icons/divider-sprite.png") 0 -63px no-repeat; }

#footer-sub li:first-child {
  background: none; }

#footer-sub li a {
  display: inline-block;
  padding-bottom: 4px;
  color: #4d4d4d;
  font-weight: normal; }

#footer-sub span {
  color: #333; }

#footer-sub p.fr {
  clear: both; }

/* CTA Contact Panel */
aside .cta-panel {
  width: 240px;
  background: #2e2e2e;
  margin-bottom: 18px;
  padding: 10px 10px 0;
  overflow: hidden;
  color: #fff; }

aside p {
  float: none;
  margin: 0 0 10px 0; }

aside p.call {
  width: 215px;
  margin-bottom: 12px;
  padding: 3px 0 3px 25px;
  font-size: 153.9%;
  color: #fff;
  font-weight: bold;
  background: url("../images/icons/clubs-sprite.png") -96px 9px no-repeat; }

p.homeclub a {
  display: block;
  padding: 10px;
  color: #fff;
  font-weight: normal;
  background: #4d4d4d url("../images/icons/clubs-sprite.png") 209px -22px no-repeat; }

p.homeclub a:hover, p.homeclub a:focus {
  color: #fff;
  background-color: #000;
  background-position: 209px -73px;
  border-bottom: none; }

aside h4 {
  padding-bottom: 5px;
  border-bottom: 6px solid #e6e6e6; }

aside h5 {
  margin: 16px 0 4px;
  font: bold 108% arial, sans-serif; }

aside .manager {
  width: 240px;
  overflow: hidden;
  margin-bottom: 20px; }

aside .manager h5 {
  margin: 0 0 7px; }

aside .manager img {
  float: left;
  margin: 2px 10px 0 0; }

aside .manager .overflow {
  overflow: hidden; }

aside .manager .name {
  margin-bottom: 2px;
  color: #333;
  font: 125% "HelveticaNeueW01-BdExt", Helvetica, Arial, sans-serif; }

aside .manager blockquote {
  margin: 0 0 6px;
  font: italic 95% arial, sans-serif;
  padding-left: 0;
  border-left: none; }

aside .manager .contact {
  font-size: 95%; }

aside .multi-access {
  width: 240px;
  overflow: hidden;
  margin-bottom: 20px; }

aside .multi-access h5 {
  margin: 0 0 7px; }

aside .multi-access img {
  float: right;
  margin: 0 0 0 10px; }

aside .multi-access p {
  font-size: 95%; }

aside .findus {
  width: 240px;
  overflow: hidden;
  margin-bottom: 20px; }

aside .findus h5 {
  margin: 0 0 7px; }

aside .findus img {
  display: block; }

.vcard {
  width: 240px;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.7; }

.vcard .adr {
  font-size: 95%;
  margin-bottom: 10px; }

.vcard .adr span {
  display: block; }

.vcard .adr span.region {
  float: left;
  margin-right: 5px; }

.vcard .tel {
  width: 240px;
  overflow: hidden; }

.vcard .email .adr-row {
  width: 240px;
  overflow: hidden; }

.vcard .adr-row {
  width: 178px;
  overflow: hidden;
  display: block; }

.adr-row .type, .vcard .email .type {
  width: 72px;
  float: left;
  clear: left;
  font-weight: bold; }

.vcard .tel .value {
  float: left; }

.club-findus {
  width: 240px;
  height: 160px;
  background: url("../images/placeholders/clubs-map.jpg") no-repeat; }

.findus ul {
  width: 240px;
  overflow: hidden; }

.findus li {
  float: left; }

.findus li a {
  display: inline-block;
  margin-top: 1px;
  padding: 5px 0 5px 18px;
  text-align: center;
  font-size: 90%;
  background: #e6e6e6 url("../images/icons/clubs-sprite.png") no-repeat; }

.findus .static-view a {
  width: 101px;
  margin-right: 1px;
  background-position: -30px -22px; }

.findus .static-directions a {
  width: 102px;
  background-position: -41px -59px; }

aside .info {
  padding-bottom: 20px; }

aside .info .icon-train {
  padding: 1px 0 0 26px;
  background: url("../images/icons/clubs-sprite.png") -50px -113px no-repeat; }

aside .info .icon-tube {
  padding: 1px 0 0 26px;
  background: url("../images/icons/clubs-sprite.png") 0 -747px no-repeat; }

aside .info p {
  font-size: 95%;
  padding-right: 20px; }

aside .info .hours p {
  margin-bottom: 0;
  color: #333; }

#close-overlay {
  position: absolute;
  top: 20px;
  right: 20px; }

#close-overlay a {
  display: inline-block;
  width: 23px;
  height: 25px; }

#close-overlay span {
  cursor: pointer;
  background: #333333 url("../images/icons/clubs-sprite.png") -118px -332px no-repeat;
  -webkit-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out; }

#close-overlay a:hover span, #close-overlay a:focus span {
  outline: 0;
  background-color: #c00; }

/* Carousel and hotspots */
.js #carousel-wrap #carousel img {
  /*display:none; */ }

#carousel-wrap {
  clear: both;
  position: relative;
  width: 1020px;
  height: 534px;
  margin: 0 auto;
  /*margin-top:-6px; */
  padding: 59px 0 5px 0;
  background: url(../../images/carousel_btm.jpg) repeat-x bottom; }

.ie6 #carousel-wrap, .ie7 #carousel-wrap {
  z-index: 1; }

#carousel-wrap #carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

#carousel-wrap #carousel li.slide {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#carousel-wrap #carousel img {
  width: 1020px;
  height: 534px; }

.rep {
  position: relative;
  overflow: hidden; }

.rep span {
  position: absolute;
  width: 100%;
  height: 100%; }

#carousel-more {
  position: absolute;
  bottom: 30px;
  right: 15px;
  z-index: 10;
  margin-bottom: 0; }

#carousel-icons {
  float: left;
  width: 149px;
  margin: 11px 0px 0px 433px; 
  }
  

#carousel-icons li {
  display: inline;
  padding: 0 0 0 0; }

#carousel-icons a {
  display: inline-block;
  width: 22px;
  height: 22px;
  opacity: 0; }

/*#carousel-icons .cls_icon1 a {
  background: url("../images/carousel/icos/icon1.png") no-repeat; }

#carousel-icons .cls_icon1_active a {
  background: url("../images/carousel/icos/icon1_mo.png") no-repeat; }

#carousel-icons .cls_icon1 a:hover {
  background: url("../images/carousel/icos/icon1_mo.png") no-repeat; }

#carousel-icons .cls_icon2 a {
  background: url("../images/carousel/icos/icon2.png") no-repeat; }

#carousel-icons .cls_icon2_active a {
  background: url("../images/carousel/icos/icon2_mo.png") no-repeat; }

#carousel-icons .cls_icon2 a:hover {
  background: url("../images/carousel/icos/icon2_mo.png") no-repeat; }

#carousel-icons .cls_icon3 a {
  background: url("../images/carousel/icos/icon3.png") no-repeat; }

#carousel-icons .cls_icon3_active a {
  background: url("../images/carousel/icos/icon3_mo.png") no-repeat; }

#carousel-icons .cls_icon3 a:hover {
  background: url("../images/carousel/icos/icon3_mo.png") no-repeat; }

#carousel-icons .cls_icon4 a {
  background: url("../images/carousel/icos/icon4.png") no-repeat; }

#carousel-icons .cls_icon4_active a {
  background: url("../images/carousel/icos/icon4_mo.png") no-repeat; }

#carousel-icons .cls_icon4 a:hover {
  background: url("../images/carousel/icos/icon4_mo.png") no-repeat; }

#carousel-icons .cls_icon5 a {
  background: url("../images/carousel/icos/icon5.png") no-repeat; }

#carousel-icons .cls_icon5_active a {
  background: url("../images/carousel/icos/icon5_mo.png") no-repeat; }

#carousel-icons .cls_icon5 a:hover {
  background: url("../images/carousel/icos/icon5_mo.png") no-repeat; }*/
#carousel-icons .cls_icon1 a {
  background: url("../images/dot.png") no-repeat; }

#carousel-icons .cls_icon1_active a {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon1 a:hover {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon2 a {
  background: url("../images/dot.png") no-repeat; }

#carousel-icons .cls_icon2_active a {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon2 a:hover {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon3 a {
  background: url("../images/dot.png") no-repeat; }

#carousel-icons .cls_icon3_active a {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon3 a:hover {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon4 a {
  background: url("../images/dot.png") no-repeat; }

#carousel-icons .cls_icon4_active a {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon4 a:hover {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon5 a {
  background: url("../images/dot.png") no-repeat; }

#carousel-icons .cls_icon5_active a {
  background: url("../images/dot_active.png") no-repeat; }

#carousel-icons .cls_icon5 a:hover {
  background: url("../images/dot_active.png") no-repeat; }
  
    

#carousel-icons .icon_spin a {
  background-position: 0 -199px; }

#carousel-icons .icon_racquets a {
  background-position: 0 -250px; }

#carousel-icons .icon_people a {
  background-position: 0 -301px; }

#carousel-icons .icon_kids a {
  background-position: 0 -352px; }

#carousel-icons .icon_events a {
  background-position: 0 -658px; }

#carousel-icons .icon_promos a {
  background-position: 0 -710px; }

#carousel-icons .icon_news a {
  background-position: 0 -761px; }

#carousel-captions {
  float: left;
  width: 429px;
  overflow: hidden;
  height: 70px;
  border-right: 1px solid #4d4d4d; }

#carousel-captions li {
  float: left;
  padding: 20px 0 10px 12px;
  opacity: 1;
  display: none; }

#carousel-captions li span {
  display: block;
  margin-right: 8px;
  font-weight: bold;
  font-family: Arial, sans-serif; }

#carousel-captions li.carousel-promo {
  width: 429px;
  height: 70px;
  padding: 12px 0 12px 12px;
  background: #c00; }

#carousel-captions li.carousel-promo span {
  margin-bottom: 4px;
  font: 170% "HelveticaNeueW01-BdExt", Helvetica, Arial, sans-serif; }

.hotspot-marker {
  height: 20px;
  opacity: 1;
  position: absolute;
  width: 20px;
  z-index: 100;
  -webkit-transition: opacity 0.5s ease; }

.no-borderradius .hotspot {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../images/carousel/icons.png") -1px -607px no-repeat; }

.ie6 .hotspot {
  background: url("../images/carousel/icons.gif") -1px -607px no-repeat; }

.no-borderradius .hotspot-glow {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 40px;
  height: 40px;
  opacity: 0; }

.borderradius .hotspot-marker a {
  background-color: #cb0003; }

.borderradius .hotspot {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0 0 2px white;
  background: #cb0003 url("../images/carousel/icons.png") -3px -505px no-repeat; }

.borderradius .hotspot-glow {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  opacity: 0;
  border: 5px solid red;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; }

.borderradius .slide-active .hotspot-glow {
  -moz-animation: pulse-moz 2s 0.5s ease-in-out 3; }

.borderradius .slide-active .isSafari .hotspot-glow {
  -webkit-animation: pulse-wk 2s 0.5s ease-in-out 3; }

.borderradius .hotspot2 .hotspot-glow {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s; }

.borderradius .hotspot3 .hotspot-glow {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s; }

.borderradius .glow-complete .hotspot {
  background-color: #333; }

.borderradius .glow-complete .hotspot-hover, .borderradius .glow-complete .hotspot-active {
  background-color: #cb0003; }

.hotspot-content {
  display: none;
  position: absolute;
  bottom: 20px;
  left: -161px;
  z-index: 100;
  padding: 0 0 10px;
  background: url("../images/icons/arrows.png") -85px -363px no-repeat; }

.hotspot-inner {
  height: 200px;
  padding: 10px 10px 28px;
  background: #1a1a1a; }

.hotspot-content a {
  position: absolute;
  bottom: 16px;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icons/arrows.png") -284px -564px no-repeat; }

.hotspot-content-under {
  top: 34px;
  padding: 10px 0 0;
  background-position: -32px -587px; }

.hotspot-content-under .hotspot-inner {
  padding: 28px 10px 10px; }

.hotspot-content-under a {
  top: 16px; }

.slide .hotspot-marker {
  position: absolute;
  top: 15%;
  left: 15%; }

#slide0 .hotspot1 {
  position: absolute;
  top: 15%;
  left: 15%; }

#slide0 .hotspot2 {
  position: absolute;
  top: 62%;
  left: 40%;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

#slide0 .hotspot3 {
  position: absolute;
  top: 30%;
  left: 67%; }

#slide1 .hotspot1 {
  position: absolute;
  top: 10%;
  left: 25%; }

#slide1 .hotspot2 {
  position: absolute;
  top: 70%;
  left: 36%;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

#slide1 .hotspot3 {
  position: absolute;
  top: 7%;
  left: 67%; }

#slide2 .hotspot1 {
  position: absolute;
  top: 70%;
  left: 40%; }

#slide2 .hotspot2 {
  position: absolute;
  top: 70%;
  left: 36%;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

#slide2 .hotspot3 {
  position: absolute;
  top: 7%;
  left: 67%; }

#slide3 .hotspot1 {
  position: absolute;
  top: 7%;
  left: 28%; }

#slide3 .hotspot2 {
  position: absolute;
  top: 70%;
  left: 36%;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

#slide3 .hotspot3 {
  position: absolute;
  top: 7%;
  left: 67%; }

#slide4 .hotspot1 {
  position: absolute;
  top: 15%;
  left: 15%; }

#slide5 .hotspot1 {
  position: absolute;
  top: %10;
  left: 75%; }

.carousel-btns {
  float: right;
  width: 367px;
  background: #0d0d0d;
  background: rgba(13, 13, 13, 0.8); }

.carousel-btns li {
  float: left;
  width: 131px;
  padding: 13px 11px; }

.carousel-btns .first {
  border-right: 1px solid #333333; }

.carousel-btns .first a {
  width: 119px; }

.carousel-btns a {
  width: 179px;
  padding-right: 0; }

#carousel-more {
  width: 48px;
  height: 23px; }
#carousel-more a{
color:transparent;
}

#carousel-more a span {
  background: url(../images/scroll_down.png) left top no-repeat; 
  
}

#carousel-more a:hover span, #carousel-more a:focus span {
  background-position: right top; }

#timer {
  width: 36px;
  height: 36px;
  overflow: hidden;
  position: absolute;
  top: 19px;
  left: 36px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 1001;
  background: url("../images/carousel/icons.png") -1px -548px no-repeat; }

.no-csstransforms #timer {
  opacity: 0;
  background-position: -43px -548px; }

.ie6 #timer {
  background: url(http://www.virginactive.co.uk/virginactive/images/carousel/timer_ie.gif) -1px -548px no-repeat; }

.csstransforms #rotator {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  left: -18px;
  z-index: 3;
  background: url(../images/carousel/rotator.png) no-repeat; }

.csstransforms #mask {
  display: block;
  width: 18px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }

.csstransforms #rotator.move {
  left: 0; }

.csstransforms #mask.move {
  width: 36px;
  left: 0;
  background: url(../images/carousel/timer.png) repeat 0 0; }

.csstransforms #pause {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  opacity: 0;
  background: url("../images/carousel/icons.png") 3px -449px no-repeat; }

.csstransforms #pause.active {
  background: url("../images/carousel/icons.png") -47px -449px no-repeat; }

.csstransforms #timer:hover #pause, #pause.active {
  opacity: 1; }

#carousel-arrows {
  display: block; }

#carousel-arrows a {
  float: left;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  top: 50%;
  margin-top: -21px;
  cursor: pointer;
  background-color: #161616;
  background: url("../images/left.png") no-repeat;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  margin:0px 0px 0px 15px;
}

#carousel-arrows .right {
  right: 0;
  background: url("../images/right.png") no-repeat;
  margin:0px 15px 0px 0px;
  }

#carousel-arrows .left {
  left: 0;
  background-position: left top; }

.ie7 #carousel-arrows .right, .ie8 #carousel-arrows .right {
  opacity: 1;
  background-position: left -420px; }

.ie7 #carousel-arrows .left, .ie8 #carousel-arrows .left {
  opacity: 1;
  background-position: left -280px; }

.ie6 #carousel-arrows .right {
  background: url("../images/carousel/arrows.gif") left -140px no-repeat; }

.ie6 #carousel-arrows .left {
  background: url("../images/carousel/arrows.gif") left top no-repeat; }

#carousel-thumbs {
  position: absolute;
  bottom: 188px;
  left: 400px;
  z-index: 1;
  padding: 6px 0 6px 6px;
  background-color: #161616;
  background: rgba(22, 22, 22, 0.85); }

#carousel-thumbs li {
  position: relative;
  float: left;
  padding-right: 6px; }

#carousel-thumbs img {
  display: block; }

#carousel-thumbs a.active .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 64px;
  border: 3px solid #cc0000; }

#view-photos {
  display: none;
  position: absolute;
  top: 42px;
  left: 10px;
  margin-bottom: 0;
  padding-left: 43px;
  z-index: 100;
  background: url("../images/icons/clubs-sprite.png") -50px -240px no-repeat; }

#view-photos a {
  display: inline-block;
  width: 117px;
  height: 28px;
  padding: 8px 0 0 10px;
  color: #fff;
  font: normal 110% "HelveticaNeueW01-77BdCn 692722", Helvetica, Arial, sans-serif; }

.view-photos a {
  background-color: #161616;
  background: rgba(22, 22, 22, 0.9) url("../images/icons/clubs-sprite.png") 65px -305px no-repeat; }

.view-photos-open a {
  background-position: -20px -276px; }

/* To Top */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 75px;
  right: 30px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: -999px;
  background: url(../images/ui.totop.png) no-repeat left top;
  cursor: pointer; }

#toTopHover {
  background: url(../images/ui.totop.png) no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }

#toTop:active, #toTop:focus {
  outline: none; }

/************************ 17 February 2012 ************************/
.am-wrapper {
  float: left;
  position: relative;
  overflow: hidden; }

.am-wrapper img {
  position: absolute;
  outline: none; }

.collection {
  background: url(../../images/shop_collection.jpg) 0 -60px;
  width: 220px;
  height: 60px;
  display: block; }
  .collection:hover {
    background-position: top center; }

.accessories {
  background: url(../../images/accessories.jpg) 0 -58px;
  width: 221px;
  height: 58px;
  display: block; }
  .accessories:hover {
    background-position: top center; }

.sale {
  background: url(../../images/sale.jpg) 0 -52px;
  width: 140px;
  height: 52px;
  display: block; }
  .sale:hover {
    background-position: top center; }

/* menu::base */
#menu {
  height: 59px;
  padding-left: 10px;
  /*background: url(../images/menu/left.png) no-repeat;
  _background-image: url(../images/menu/left.gif);*/
  width: auto; }

#menu h2 {
  font-family: URWClarendonTLigRegular, serif;
  font-size: 16px;
  color: #3fc2cb;
  margin-top: 19px; }

#menu h2:hover {
  color: #ed2c86; }

#menu .navcoll:hover, #menu .currentpage .navcoll {
  background: url(../../images/shoe1.jpg) center no-repeat; }

#menu .navshop:hover, #menu .currentpage .navshop {
  background: url(../../images/shoe2.jpg) center no-repeat; }

#menu .navabt:hover, #menu .currentpage .navabt {
  background: url(../../images/shoe3.jpg) center no-repeat; }

#menu .navpress:hover, #menu .currentpage .navpress {
  background: url(../../images/shoe4.jpg) center no-repeat; }

#menu .navblog:hover, #menu .currentpage .navblog {
  background: url(../../images/shoe5.jpg) center no-repeat; }

#menu .last:hover, #menu .currentpage .navcont {
  background: url(../../images/shoe6.jpg) center no-repeat; }

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left; }

#menu li {
  position: relative;
  margin: 0;
  padding: 0 0 0 0;
  display: block;
  float: left;
  z-index: 9;
  width: auto;
  background: url(../../images/top_menu_dvdr.png) right no-repeat;
  height: 59px; }

#menu .currentpage h2 {
  color: #ed2c86; }

#menu ul ul li {
  z-index: 9; }

#menu li div {
  list-style: none;
  float: left;
  position: absolute;
  /*z-index: 11;*/
  top: 59px;
  left: 10px;
  visibility: hidden;
  /* width: 187px;*/
  background: #1d1d1d url(../../images/menu/submenu-bottom.png) no-repeat 7px bottom;
  /*_background-image: url(../images/menu/submenu-bottom.gif);*/ }

#menu li:hover > div {
  visibility: visible; }

#menu a {
  z-index: 10;
  display: block;
  float: left;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  margin: 0 20px;
  text-align: center;
  height: 58px; }

#menu span {
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 95% 0;
  text-align: center; }

.menu .last {
  background: none;
  margin-right: 10px; }

/* menu::level1 */
#menu ul.menu > li:hover > a span {
  color: #edece3; }

#menu li.last {
  background: none; }

#menu li.current a,
#menu li.current a span,
#menu.js-active a:hover,
#menu.js-active a:hover span,
#menu.js-active a,
#menu.js-active span {
  background: none; }

#menu.js-active ul.menu > li:hover > a,
#menu.js-active ul.menu > li:hover > a span {
  background: none; }

#menu li.current a.over {
  background: url(../../images/menu/selected-right-sub.png) no-repeat right -1px;
  /*_background-image: url(../images/menu/selected-right-sub.gif);*/ }

#menu li.current a.over span {
  background: url(../../images/menu/selected-left-sub.png) no-repeat 0 -3px;
  /*_background-image: url(../images/menu/selected-left-sub.gif);*/ }

#menu a.over span {
  color: #fff; }

/* menu::level2 */
#menu ul ul li {
  background: url(../../images/navdiv.jpg) no-repeat bottom center;
  padding: 0;
  height: auto;
  padding: 14px 0; }

#menu ul ul li:last-child {
  background-image: none; }

#menu ul ul {
  background: url(../../images/navshad.jpg) #1d1d1d repeat-x 13px 0; }

#menu ul ul a {
  padding: 0;
  height: auto;
  float: none;
  display: block;
  line-height: 11px;
  font-size: 11px;
  color: #ffffff;
  z-index: -1;
  padding-left: 5px;
  white-space: normal;
  width: 205px;
  margin: 0 5px;
  text-transform: none;
  font-family: URWClarendonTLigRegular, serif;
  font-size: 16px;
  text-align: left; }
  #menu ul ul a:hover {
    color: #ec2c85; }

#menu li.current ul a,
#menu li.current ul a span {
  background: none; }

#menu ul ul a.parent {
  background: url(../../images/menu/submenu-pointer-bottom.gif) no-repeat 5px bottom; }

#menu ul ul a.parent span {
  background: url(../../images/menu/submenu-pointer-top.png) no-repeat 0 0; }

#menu ul ul a.parent:hover {
  background: url(../../images/menu/submenu-pointer-selected-bottom.png) no-repeat 5px bottom; }

div#menu ul ul a.parent:hover span {
  background: url(../../images/menu/submenu-selected-top.png) no-repeat 0 0; }

div#menu ul ul span {
  margin-top: 0;
  text-align: left; }

#menu ul ul li.last {
  background: none; }

#menu ul ul li {
  width: 100%; }

/* menu::level3 */
#menu ul ul div {
  width: 180px;
  padding: 15px 0px 8px 0px;
  margin: -44px 0 0 169px !important;
  background: #1d1d1d url(../../images/menu/subsubmenu-top.png) no-repeat 0px 0; }

* + html div#menu ul ul div {
  height: 10px; }

* + html div#menu.ie7 ul ul div {
  height: auto; }

#menu ul ul ul {
  padding: 0 4px 5px 1px;
  background: url(../../images/menu/submenu-bottom.png) no-repeat 0px bottom;
  /*_background-image: url(../images/menu/submenu-bottom.gif);*/ }

#menu ul ul div li {
  position: relative;
  top: -5px; }

/* lava lamp */
#menu li.back {
  background: url(../../images/menu/lavalamp-left.png) no-repeat 0 0;
  /*_background-image: url(../images/menu/lavalamp-left.gif);*/
  width: 15px;
  height: 59px;
  z-index: 8;
  position: absolute;
  padding: 0;
  margin: 0; }

#menu li.back .left {
  padding: 0;
  width: auto;
  background: url(../../images/menu/lavalamp-right.png) no-repeat right 0;
  /*_background-image: url(../images/menu/lavalamp-right.gif);*/
  height: 59px;
  margin: 0 5px 0 10px;
  _margin-right: 2px;
  float: none;
  position: relative;
  top: 0;
  left: 0;
  visibility: visible; }

#menu ul li p {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 18;
  top: 0px;
  left: 12px;
  height: 10px; }

#topbar {
  width: 100%;
  height: 143px;
  z-index: 2000;
  background: url(../images/header_bg.png) 50% 0 no-repeat fixed;;
  position: fixed;
  top: 0;
  min-width: 960px; }

#topbar .LeftDiv {
  float: left;
  width: 127px;
  height: 43px;
  margin-left: 30px;
  padding: 16px 0px 0px 0px; }

#topbar .RightDiv {
  float: right;
  width: auto;
  height: 59px;
  margin-right: 13px; }

.ie6 #topbar .LeftDiv, .ie7 #topbar .LeftDiv
.ie6 #topbar .RightDiv, .ie7 #topbar .RightDiv {
  z-index: 2; }

img {
  border: 0px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

:focus {
  outline: none; }

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
  border: 0px; }

/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {
  outline: none; }

/* Search Bar */
/*#carousel-controls {
  position: relative;
  margin: -117px auto 0;
  width: 960px;
  height: 116px;
  z-index: 1;
  color: #fff;
  background: url("../images/middle_menu.png");
  }*/
  
 #carousel-controls {
  position: relative;
  margin: -48px auto 0;
  width: 960px;
  height: 16px;
  z-index: 1;
  color: #fff;
} 

#carousel-controls .controls_DivRight {
  float: left;
  width: 791px;
  height: 72px; 
  display:none;
}


#content .cntntLft {
  float: left;
  width: 10px;
  height: 260px; }

#content .cntntMid {
  float: left;
  width: 960px;
  height: auto; }

.cntntMid .HomeImgLft {
  float: left;
  width: 520px;
  height: auto;
  border: 1px solid #eeeeee;
  padding: 9px;
  margin: 10px; }

.cntntMid .HomeImgMid {
  float: left;
  width: 19px;
  height: auto; }

.cntntMid .HomeImgRgt {
  float: left;
  width: 381px;
  height: auto; }

.HomeImgRgt .HomeRgt_Img_01 {
  float: left;
  width: 361px;
  height: auto;
  border: 1px solid #eeeeee;
  padding: 9px;
  margin: 10px; }

#content .cntntRgt {
  float: left;
  width: 10px;
  height: 260px; }

footer {
  margin: 0 auto;
  width: 100%;
  clear: both;
  margin-top: 20px;
  color: #717171; }

footer h2 {
  font-size: 12px;
  font-family: URWClarendonTBold;
  margin-bottom: 13px; }

footer h3 {
  font-size: 12px; }

.footerblock {
  float: left;
  margin: 33px 20px 0 0;
  width: 140px; }

.newsfooterblock {
  float: left;
  margin: 33px 13px 0 0;
  width: 140px; }

.newsletterblock {
  float: left; }

.newsletterblock h2 {
  color: #ec2c85;
  font-size: 20px;
  text-align: right;
  margin: 5px 0 0 0; }

footer .FtrTop {
  float: left;
  width: 100%;
  height: auto;
  background: #eee; }

.FtrTop .FtrTopInr {
  margin: 0 auto;
  width: 980px;
  height: auto; }

.FtrTopInr .FtrTopFloat {
  float: left;
  width: 940px;
  height: auto;
  padding: 0px 20px 0px 20px; }

.FtrTopFloat .FtrTopRow {
  float: left;
  width: 940px;
  height: auto;
  margin-bottom: 13px; }

footer .FtrBtm {
  margin: 0 auto;
  width: 100%;
  height: auto; }

.FtrBtm .FtrBtmInr {
  float: left;
  width: 100%;
  height: auto;
  background: url(../../images/ftr_bg.jpg) repeat-x; }

.FtrBtmInr .FtrBtmFloat {
  margin: 0 auto;
  width: 980px;
  height: auto; }

.FtrBtmFloat .FtrBtmRow {
  float: left;
  width: 940px;
  height: 62px;
  padding: 0px 20px 0px 20px; }

.FtrBtmRow .FtrBtmLeft {
  float: left;
  height: 43px;
  padding: 19px 0px 0px 0px; }

.FtrBtmRow .FtrBtmRight {
  float: right;
  height: 43px;
  padding: 9px 0px 0px 0px; }
  .FtrBtmRow .FtrBtmRight img {
    display: inline-block; }

.ftr_links {
  font-family: arial;
  font-size: 12px;
  color: #979797;
  font-weight: normal;
  text-decoration: none; }

.FtrBtmRight a {
  bottom: 18px;
  position: relative; }

.FtrBtmRight .divider {
  bottom: 13px;
  position: relative; }

a.spritzfooter {
  background: url("../../images/spritzfooter.png");
  display: inline-block;
  width: 46px;
  height: 19px;
  text-decoration: none;
  margin-left: 10px;
  bottom: 20px; }

a.spritzfooter:hover {
  background-position: 0 -19px; }

.award {
  margin-right: 10px; }

.container {
  background: #000;
  margin-top: 77px; }

.facebook {
  background: url("../../images/facebook.png") center bottom; }

.twitter {
  background: url("../../images/twitter.png") center bottom;
  width: 20px; }

.pinterest {
  background: url("../../images/pinterest.png") center bottom; }

.twitter, .pinterest, .facebook {
  width: 20px; }

.pinterest, .instagram, .twitter, .facebook {
  display: block;
  height: 20px; }
  .pinterest:hover, .instagram:hover, .twitter:hover, .facebook:hover {
    background-position-y: top; }

.instagram {
  background: url("../../images/instagram.png") center bottom;
  width: 21px; }

#example-content-1 {
  display: none;
  /* required */
  position: absolute;
  /* required */
  padding: 10px;
  border: 1px solid #eeeeee;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }

.ftr_links a {
  font-family: arial;
  font-size: 12px;
  color: #979797;
  font-weight: normal;
  text-decoration: none; }

.ftr_links a:hover {
  font-family: arial;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  text-decoration: none; }

.newsletter_bg {
  background: url(../../images/newsletter_bg.png) no-repeat;
  width: 280px;
  height: 83px;
  padding: 10px 10px 0px 17px; }

.NewsLtr_Input_bg {
  background: url(../../images/NewsLtr_Input_bg.png) repeat-x;
  height: 33px; }

.newsletter_text {
  font-family: arial;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.input_newletter {
  width: 177px;
  height: 33px;
  background: url(../../images/NewsLtr_Input_bg.png) repeat-x;
  border: 0;
  font-family: arial;
  font-size: 14px;
  color: #7e7e7e;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 5px 0px 0px;
  height/*\**/: 24px\9;
  padding/*\**/: 9px 5px 0px 0px \9; }

.Signup_Btn {
  width: 83px;
  height: 25px;
  background: url(../../images/signup_btn_01.png) no-repeat;
  border: 0;
  cursor: pointer;
  margin-top: 4px; }

.Signup_Btn:hover {
  width: 83px;
  height: 25px;
  background: url(../../images/signup_btn_02.png) no-repeat;
  border: 0;
  cursor: pointer; }

.Ftr h2 {
  font-family: arial;
  font-size: 14px;
  color: #717171;
  font-weight: Bold;
  text-decoration: none;
  margin: 0;
  padding: 0; }

.Ftr h3 a {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: Bold;
  text-decoration: none;
  margin: 0;
  padding: 0; }

.Ftr h3 a:hover {
  font-family: arial;
  font-size: 12px;
  color: #3fc2cb;
  font-weight: Bold;
  text-decoration: none;
  margin: 0;
  padding: 0; }

/*--------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'URWClarendonTLigRegular';
  src: url("../../fonts/urwclarendontlig-webfont.eot");
  src: url("../../fonts/urwclarendontlig-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/urwclarendontlig-webfont.woff") format("woff"), url("../../fonts/urwclarendontlig-webfont.ttf") format("truetype"), url("../../fonts/urwclarendontlig-webfont.svg#URWClarendonTLigRegular") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'URWClarendonTBold';
  src: url("../../fonts/urwclarendont_bold-webfont.eot");
  src: url("../../fonts/urwclarendont_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/urwclarendont_bold-webfont.woff") format("woff"), url("../../fonts/urwclarendont_bold-webfont.ttf") format("truetype"), url("../../fonts/urwclarendont_bold-webfont.svg#URWClarendonTBold") format("svg");
  font-style: normal;
  font-weight: normal; }

#content .AboutPg {
  float: left;
  width: 950px;
  height: auto;
  padding: 95px 15px 110px 15px; }

.AboutPg .AboutRow1 {
  float: left;
  width: 950px;
  height: auto;
  padding: 0px 0px 16px 0px; }

.AboutRow1 h1 {
  font-family: URWClarendonTLigRegular;
  font-size: 29px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.AboutPg .AboutRow2 {
  float: left;
  width: 950px;
  height: auto; }

.AboutRow2 .AboutImg {
  float: left;
  width: 556px;
  height: auto; }

.AboutRow2 .AboutSpc {
  float: left;
  width: 12px;
  height: auto; }

.AboutRow2 .AboutTxt {
  float: left;
  width: 382px;
  height: auto; }

.AboutTxt p {
  font-family: URWClarendonTLigRegular;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  text-decoration: none;
  line-height: 21px;
  margin: 0px;
  padding: 0px;
  display: inline; }

.AboutPg .AboutRow3 {
  float: left;
  width: 950px;
  height: auto;
  padding: 17px 0px 32px 0px; }

.AboutRow3 h2, .collabcol1 h2 {
  font-family: URWClarendonTBold;
  font-size: 52px;
  color: #3fc2cb;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.collabcol1 {
  text-align: right; }

.collabcol1 {
  width: 380px;
  float: left;
  margin-right: 20px; }

.CntctRow1 .collabcol2 {
  width: 540px;
  float: left; }
  .CntctRow1 .collabcol2 ul {
    list-style: none;
    margin: 0; }
  .CntctRow1 .collabcol2 img {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px; }
  .CntctRow1 .collabcol2 h3 {
    font-family: URWClarendonTBold;
    font-size: 20px;
    color: #3fc2cb; }
  .CntctRow1 .collabcol2 li {
    margin-bottom: 40px;
    clear: both; }

.AboutPg .AboutRow4 {
  float: left;
  width: 950px;
  height: auto; }

.AboutRow4 .AbtTxtBox {
  float: left;
  width: 222px;
  height: auto; }

.AbtTxtBox p {
  font-family: URWClarendonTLigRegular;
  font-size: 14px;
  color: #555;
  font-weight: normal;
  text-decoration: none;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  display: inline; }

#AbtTxtBox {
  margin-left: 20px; }

.AboutPg .CleoSign {
  float: left;
  width: 118px;
  height: 81px;
  position: relative;
  margin: -50px 0px 0px 828px;
  padding: 0px 0px 0px 0px; }

/************************ Stockists Page Start ************************/
.StckstPg .PgHdng {
  float: left;
  width: 940px;
  height: auto;
  border-bottom: 1px solid #e2e2e2; }

.PgHdng h2 {
  font-family: URWClarendonTBold;
  font-size: 29px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.StckstPg .StckstRow1 {
  float: left;
  width: 940px;
  height: auto; }

#StckstRow1 {
  margin: 10px 0px 0px 0px; }

.StckstRow1 .StckPlc {
  float: left;
  width: 920px;
  height: auto;
  background: #dff4f5;
  margin: 10px 0px 10px 0px;
  padding: 7px 10px 6px 10px;
  font-family: arial;
  font-size: 16px;
  color: #555;
  font-weight: bold;
  text-decoration: none; }

.StckstRow1 .DataRow {
  float: left;
  width: 940px;
  height: auto;
  border-bottom: 1px solid #e2e2e2;
  padding: 0px 0px 17px 0px; }

#DataRow {
  margin: 20px 0px 0px 0px; }

.DataRow .DRLft {
  float: left;
  width: 460px;
  height: auto; }

.DRLft .DRImg {
  float: left;
  width: 220px;
  height: auto; }

.DRLft .DRTxt {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRTxt h3 {
  font-family: URWClarendonTBold;
  font-size: 16px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DRTxt h4 {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DRTxt p {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DataRow .DRRgt {
  float: left;
  width: 460px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRRgt .DRMap {
  float: left;
  width: 220px;
  height: auto; }

.DRRgt .DRDtl {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRDtl .DRDtlRow1 {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 10px 0px; }

.DRDtlRow1 .DRDtlIcon {
  float: left;
  width: 21px;
  height: 21px; }

.DRDtlRow1 .DRDtlTxt {
  float: left;
  width: 189px;
  height: auto;
  margin: 0px 0px 0px 10px;
  padding: 3px 0px 0px 0px;
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none; }

.DRDtlRow1 .DRDtlTxt a {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none; }

.DRDtlRow1 .DRDtlTxt a:hover {
  font-family: arial;
  font-size: 12px;
  color: #3fc2cb;
  font-weight: normal;
  text-decoration: none; }

.DRDtlIcon a.Phone {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/phone_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Phone:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/phone_icon.png) no-repeat 0px -21px; }

.DRDtlIcon a.Website {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/website_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Website:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/website_icon.png) no-repeat 0px -21px; }

.DRDtlIcon a.Clock {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/clock_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Clock:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/clock_icon.png) no-repeat 0px -21px; }

.StckstPg span {
  color: #ED2C86; }

.privacy {
  padding-left: 80px; }
  .privacy li {
    list-style: disc;
    margin: 10px 0 10px 60px; }

.signup h1 {
  font-family: URWClarendonTBold;
  color: #EC2C85;
  padding: 40px 0 10px; }
.signup .wrapper {
  margin: auto;
  width: 640px; }
.signup .form {
  background: #3FC2CB;
  padding: 10px; }
.signup label {
  font-family: URWClarendonTBold;
  color: white;
  font-size: 16px;
  float: left;
  clear: both;
  display: block;
  width: 290px;
  text-align: right;
  margin: 16px 10px; }
.signup input, .signup textarea, .signup .select {
  float: right;
  display: block;
  text-align: left;
  margin: 10px; }
.signup .select {
  width: 288px;
  padding: 6px 0; }
.signup input, .signup textarea {
  border: 1px solid black;
  width: 278px;
  padding: 0 5px; }
.signup .attributeinput {
  background: url(../../images/news_input_bg.jpg) top repeat-x #ccfcff;
  border: solid 1px white;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 30px; }
.signup textarea.attributeinput {
  height: auto;
  max-width: 278px; }
.signup .Signup_Btn {
  width: 83px;
  clear: both;
  margin-bottom: 0; }

.clear {
  clear: both; }

/************************ Stockists Page End ************************/
/************************ About Page Start ************************/
@font-face {
  font-family: 'URWClarendonTLigRegular';
  src: url("../../fonts/urwclarendontlig-webfont.eot");
  src: url("../../fonts/urwclarendontlig-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/urwclarendontlig-webfont.woff") format("woff"), url("../../fonts/urwclarendontlig-webfont.ttf") format("truetype"), url("../../fonts/urwclarendontlig-webfont.svg#URWClarendonTLigRegular") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'URWClarendonTBold';
  src: url("../../fonts/urwclarendont_bold-webfont.eot");
  src: url("../../fonts/urwclarendont_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/urwclarendont_bold-webfont.woff") format("woff"), url("../../fonts/urwclarendont_bold-webfont.ttf") format("truetype"), url("../../fonts/urwclarendont_bold-webfont.svg#URWClarendonTBold") format("svg");
  font-style: normal;
  font-weight: normal; }

#content .AboutPg {
  float: left;
  width: 950px;
  height: auto;
  padding: 118px 15px 110px 15px; }

.AboutPg .AboutRow1 {
  float: left;
  width: 950px;
  height: auto;
  padding: 0px 0px 16px 0px; }

.AboutRow1 h1 {
  font-family: URWClarendonTLigRegular;
  font-size: 29px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.AboutPg .AboutRow2 {
  float: left;
  width: 950px;
  height: auto; }

.AboutRow2 .AboutImg {
  float: left;
  width: 556px;
  height: auto; }

.AboutRow2 .AboutSpc {
  float: left;
  width: 12px;
  height: auto; }

.AboutRow2 .AboutTxt {
  float: left;
  width: 382px;
  height: auto; }

.AboutTxt p {
  font-family: URWClarendonTLigRegular;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  text-decoration: none;
  line-height: 21px;
  margin: 0px;
  padding: 0px;
  display: inline; }

.AboutPg .AboutRow3 {
  float: left;
  width: 950px;
  height: auto;
  padding: 17px 0px 32px 0px; }

.AboutRow3 h2 {
  font-family: URWClarendonTBold;
  font-size: 52px;
  color: #3fc2cb;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.AboutPg .AboutRow4 {
  float: left;
  width: 950px;
  height: auto; }

.AboutRow4 .AbtTxtBox {
  float: left;
  width: 222px;
  height: auto; }

.AbtTxtBox p {
  font-family: URWClarendonTLigRegular;
  font-size: 14px;
  color: #555;
  font-weight: normal;
  text-decoration: none;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  display: inline; }

#AbtTxtBox {
  margin-left: 20px; }

.AboutPg .CleoSign {
  float: left;
  width: 118px;
  height: 81px;
  position: relative;
  margin: -50px 0px 0px 828px;
  padding: 0px 0px 0px 0px; }

/************************ Stockists Page Start ************************/
#content .StckstPg {
  float: left;
  width: 940px;
  height: auto;
  padding: 118px 20px 20px 20px; }

.StckstPg .PgHdng {
  float: left;
  width: 940px;
  height: auto;
  border-bottom: 1px solid #e2e2e2; }

.PgHdng h2 {
  font-family: URWClarendonTBold;
  font-size: 29px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.StckstPg .StckstRow1 {
  float: left;
  width: 940px;
  height: auto; }

#StckstRow1 {
  margin: 10px 0px 0px 0px; }

.StckstRow1 .StckPlc {
  float: left;
  width: 920px;
  height: auto;
  background: #dff4f5;
  margin: 10px 0px 10px 0px;
  padding: 7px 10px 6px 10px;
  font-family: arial;
  font-size: 16px;
  color: #555;
  font-weight: bold;
  text-decoration: none; }

.StckstRow1 .DataRow {
  float: left;
  width: 940px;
  height: auto;
  border-bottom: 1px solid #e2e2e2;
  padding: 0px 0px 17px 0px; }

#DataRow {
  margin: 20px 0px 0px 0px; }

.DataRow .DRLft {
  float: left;
  width: 460px;
  height: auto; }

.DRLft .DRImg {
  float: left;
  width: 220px;
  height: auto; }

.DRLft .DRTxt {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRTxt h3 {
  font-family: URWClarendonTBold;
  font-size: 16px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DRTxt h4 {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DRTxt p {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.DataRow .DRRgt {
  float: left;
  width: 460px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRRgt .DRMap {
  float: left;
  width: 220px;
  height: auto; }

.DRRgt .DRDtl {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 0px 20px; }

.DRDtl .DRDtlRow1 {
  float: left;
  width: 220px;
  height: auto;
  margin: 0px 0px 10px 0px; }

.DRDtlRow1 .DRDtlIcon {
  float: left;
  width: 21px;
  height: 21px; }

.DRDtlRow1 .DRDtlTxt {
  float: left;
  width: 189px;
  height: auto;
  margin: 0px 0px 0px 10px;
  padding: 3px 0px 0px 0px;
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none; }

.DRDtlRow1 .DRDtlTxt a {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none; }

.DRDtlRow1 .DRDtlTxt a:hover {
  font-family: arial;
  font-size: 12px;
  color: #3fc2cb;
  font-weight: normal;
  text-decoration: none; }

.DRDtlIcon a.Phone {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/phone_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Phone:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/phone_icon.png) no-repeat 0px -21px; }

.DRDtlIcon a.Website {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/website_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Website:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/website_icon.png) no-repeat 0px -21px; }

.DRDtlIcon a.Clock {
  width: 21px;
  height: 21px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background: url(../../images/clock_icon.png) no-repeat 0px 0px; }

.DRDtlIcon a.Clock:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background: url(../../images/clock_icon.png) no-repeat 0px -21px; }

/************************ Stockists Page End ************************/
/************************ about Page End ************************/
/************************ Contact Page Start ************************/
.StckstPg .CntctRow1 {
  float: left;
  width: 940px;
  height: auto; }

.StckstPg .CntctRow1 ol {
  padding-left: 80px;
  padding-top: 40px;
  counter-reset: item;
  list-style-type: none; }

.StckstPg .CntctRow1 ol li {
  color: #9C9C9C;
  font-weight: normal;
  font-size: 14px;
  font-family: arial, sans-serif;
  display: block; }

.StckstPg .CntctRow1 ol li:before {
  font-family: URWClarendonTLigRegular;
  color: white;
  content: counter(item) ".";
  counter-increment: item;
  position: relative;
  top: 32px;
  z-index: 300;
  right: 59px;
  font-size: 18px;
  text-align: right;
  display: block;
  width: 48px; }

.StckstPg .CntctRow1 ol li * {
  color: #9C9C9C;
  font-weight: normal;
  font-size: 14px;
  font-family: arial, sans-serif; }

.StckstPg .CntctRow1 ol li h4 {
  font-family: URWClarendonTLigRegular;
  background: #3FC2CB;
  color: white;
  position: relative;
  right: 50px;
  padding: 10px 10px 10px 50px;
  width: 830px;
  font-size: 18px;
  margin-bottom: 20px; }

.privacy h1 {
  font-family: URWClarendonTLigRegular;
  background: #3FC2CB;
  color: white;
  position: relative;
  padding: 10px;
  width: 830px;
  font-size: 18px;
  margin-bottom: 14px;
  margin-top: 30px; }

.CntctRow1 thead {
  background: #3FC2CB;
  font-size: 16px;
  font-family: URWClarendonTLigRegular;
  color: #ffffff;
  vertical-align: top; }
  .CntctRow1 thead span {
    color: black;
    font-size: 12px;
    display: block; }

.CntctRow1 .right {
  margin-left: 80px;
  margin-top: 40px;
  text-align: left; }

.CntctRow1 ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px; }

.CntctRow1 table .even {
  background: #f5f5f5; }

.CntctRow1 table {
  color: #555; }

.CntctRow1 th, .CntctRow1 td {
  padding: 10px; }

.destination {
  font-size: 16px;
  font-weight: bold; }

#CntctRow1 {
  margin: 20px 0px 0px 0px; }

.CntctRow1 .CntctLft {
  float: left;
  width: 250px;
  min-height: 301px;
  height: auto;
  background: #2a1111;
  padding: 30px 24px 25px 24px;
  border: 1px solid #e1e1e1; }

.CntctLft h2 {
  font-family: URWClarendonTBold;
  font-size: 19px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctLft p {
  font-family: arial;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctLft p a {
  font-family: arial;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.CntctLft p a:hover {
  font-family: arial;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline; }

.CntctLft span {
  font-family: arial;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctLft span a {
  font-family: arial;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.CntctLft span a:hover {
  font-family: arial;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline; }

.CntctRow1 .CntctRgt {
  float: left;
  width: 600px;
  height: auto;
  margin-left: 20px;
  padding: 17px 9px 9px 9px;
  border: 1px solid #e1e1e1; }

.CntctRgt .CntctRgtRow1 {
  float: left;
  width: 600px;
  height: auto;
  padding-bottom: 6px; }

.CntctRgtRow1 .CntctForm {
  float: left;
  width: 290px;
  height: auto; }

#CntctForm {
  margin-left: 20px; }

.CntctForm .FormTtl {
  float: left;
  width: 290px;
  height: auto;
  padding-bottom: 1px; }

.FormTtl p {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.FormTtl span {
  font-family: arial;
  font-size: 12px;
  color: #ed2c86;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctForm .FormFld {
  float: left;
  width: 290px;
  height: auto; }

.FormFld input {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e1e1e1;
  width: 284px;
  height: 18px;
  padding: 1px 2px 2px 2px;
  width/*\**/: 284px\9;
  height/*\**/: 15px\9;
  padding/*\**/: 2px 2px 2px 2px \9; }

.CntctRgt .CntctRgtRow2 {
  float: left;
  width: 600px;
  height: auto; }

.CntctRgtRow2 p {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctRgtRow2 span {
  font-family: arial;
  font-size: 12px;
  color: #ed2c86;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  display: inline; }

.CntctRgt .CntctRgtRow3 {
  float: left;
  width: 600px;
  height: auto;
  padding-bottom: 6px; }

.CntctRgtRow3 input {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e1e1e1;
  width: 594px;
  height: 18px;
  padding: 0px 2px 1px 2px;
  width/*\**/: 594px\9;
  height/*\**/: 15px\9;
  padding/*\**/: 2px 2px 2px 2px \9; }

.CntctRgtRow3 textarea {
  font-family: arial;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: normal;
  text-decoration: none;
  background: #fff;

  border: 1px solid #e1e1e1;
  width: 594px;
  height: 134px;
  padding: 2px 2px 2px 2px;
  width/*\**/: 594px\9;
  height/*\**/: 134px\9;
  padding/*\**/: 2px 2px 2px 2px \9; }

.CntctRgt .CntctRgtRow4 {
  float: left;
  width: 600px;
  height: auto; }

.CntctRgtRow4 .CntctRqd {
  float: left;
  width: 441px;
  height: auto;
  font-family: arial;
  font-size: 12px;
  color: #ed2c86;
  font-weight: normal;
  text-decoration: none;
  padding-top: 7px; }

.CntctRgtRow4 .CntctBtn {
  float: left;
  width: 159px;
  height: auto;
  padding-top: 2px; }

.Submit {
  width: 159px;
  height: 26px;
  border: 0px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  background:#ccc}

.Submit:hover {
  border: 0px;
  cursor: pointer;
  text-decoration: none;
  background:#ccc}

/************************ Contact Page End ************************/