/********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;} ol, ul {list-style-type:none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body, input, select, textarea {font-family:Helvetica, Arial, sans-serif; font-size:13px;} em {font-style:italic;} strong {font-weight:bold;} abbr {text-decoration:none; border:none;} img {border:none;} a {text-decoration:none;} a:hover, a:focus {text-decoration:underline;} .clear {clear:both;} .hidden, legend, .hp {position:absolute; left:-9999px;} /********************************************************************/ /* Template tags */ /********************************************************************/ body {background:url('../_images/bg/grid.png') top center #eff0f0;} #pageWrap {width:100%;} /* ----- Alerts ----- */ .alertInfo {width:auto; margin:0 0 10px 0; padding:10px 10px 0 10px; border:1px solid #CCC; border-radius:5px; background:#EAEAEA;} .alertInfo p, #content .alertInfo p {margin:0 0 10px 0;} .alertInfo.error {color:#82090f; border-color:#ed2e38; background:#f98e93;} .alertInfo.error a, #content .alertInfo.error a {color:#82090f;} .alertInfo.confirmation {color:#197025; border-color:#4cc25d; background:#c0ffc9;} .alertInfo.confirmation a, #content .alertInfo.confirmation a {color:#197025;} .alertInfo.message {color:#125b7d; border-color:#1393cf; background:#8cdaff;} .alertInfo.message a, #content .alertInfo.message a {color:#125b7d;} /* ----- Buttons ----- */ .button {display:inline-block; padding:0 15px 2px 15px; height:33px; line-height:33px; font-size:17px; font-weight:bold; color:#FFF; border:1px solid #000; border-radius:5px; background:#FFF;} .button:hover, .button:active, .button:focus {text-decoration:none;} #content .button, #content .button:hover, #content .button:active, #content .button:focus {color:#FFF; text-decoration:none;} .button.hasIcon {padding-right:10px; padding-left:5px;} .button.hasIcon span {display:block; padding-left:35px;} input.button {height:35px; padding:0; text-align:center; *border:none; cursor:pointer;} .button.theme-a {text-shadow:1px 2px 1px #317889; border-color:#464e50; background-color:#3ec3e4; background-image:-webkit-gradient(linear, left top, left bottom, from(#3ec3e4), to(#1eacc6)); background-image:-webkit-linear-gradient(top, #3ec3e4, #1eacc6); background-image:-moz-linear-gradient(top, #3ec3e4, #1eacc6); background-image:-o-linear-gradient(top, #3ec3e4, #1eacc6); background-image:linear-gradient(to bottom, #3ec3e4, #1eacc6);} .button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus {background-color:#1eacc6; background-image:-webkit-gradient(linear, left top, left bottom, from(#1eacc6), to(#3ec3e4)); background-image:-webkit-linear-gradient(top, #1eacc6, #3ec3e4); background-image:-moz-linear-gradient(top, #1eacc6, #3ec3e4); background-image:-o-linear-gradient(top, #1eacc6, #3ec3e4); background-image:linear-gradient(to bottom, #1eacc6, #3ec3e4);} .button.theme-b {text-shadow:1px 2px 1px #724910; border-color:#724910; background-color:#f8ce3a;} .button.theme-b:hover, .button.theme-b:active, .button.theme-b:focus {background-color:#f4bd38; } .button.theme-c {font-weight:normal; color:#666; border-color:#CCC; background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} .button.theme-c:hover, .button.theme-c:active, .button.theme-c:focus {color:#000; background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#FFF)); background-image:-webkit-linear-gradient(top, #f3f3f3, #FFF); background-image:-moz-linear-gradient(top, #f3f3f3, #FFF); background-image:-o-linear-gradient(top, #f3f3f3, #FFF); background-image:linear-gradient(to bottom, #f3f3f3, #FFF);} #content .button.theme-c {color:#666;} #content .button.theme-c:hover, #content .button.theme-c:active, #content .button.theme-c:focus {color:#000;} #content .pageOptions {width:auto; margin:0 0 10px 0; text-align:center; letter-spacing:-4px; word-spacing:-4px; overflow:hidden;} #content .pageOptions .button {display:inline-block; *display:inline; *zoom:1; letter-spacing:0; word-spacing:0;} .button.prev {float:left;} .button.next {float:right;} #content .buttonList {width:auto; margin:0; padding:5px; text-align:center; overflow:hidden;} #content .buttonList li {float:left; margin:0 15px 0 0; padding:0; background:none;} #content .buttonList li.last {float:right; margin:0;} #content .buttonList li.centre {float:none; margin:0;} #content .buttonList li .button {height:38px; line-height:38px; padding-bottom:0; font-size:16px; box-shadow:0 2px 5px #CCC;} #content .buttonList li .button.favourite span {background:url('../_images/icons/favourite.png') 0 4px no-repeat;} #content .buttonList li .button.favourited span {background:url('../_images/icons/favourited.png') 0 4px no-repeat;} #content .buttonList li .button.comment span {background:url('../_images/icons/comment.png') 0 4px no-repeat;} #content .buttonList li .button.share span {background:url('../_images/icons/share.png') 0 4px no-repeat;} /* ----- Breadcrumb ----- */ #breadcrumb {width:100%; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px dotted #714910; overflow:hidden;} #breadcrumb ul {float:left; font-size:12px;} #breadcrumb ul li {float:left; margin:0 5px 0 0; padding:0 0 0 8px; color:#000; background:url('../_images/bullets/breadcrumb.png') 0 6px no-repeat;} #breadcrumb ul li.first {padding:0; background:none;} #breadcrumb ul li a {color:#666;} #breadcrumb ul li a:hover, #breadcrumb ul li a:active, #breadcrumb ul li a:focus {text-decoration:underline;} /* ----- Pagination ----- */ #content .pagination {width:100%; margin:0 0 15px 0; padding:8px 0; overflow:hidden;} #content .pagination p {float:left; margin:5px 0 0 0; font-size:11px;} #content .pagination form {float:left;} #content .pagination form fieldset label {position:absolute; left:-9999px;} #content .pagination ul {float:right; margin:0; padding:2px 0 0 0; font-size:12px; overflow:hidden;} #content .pagination ul li {float:left; margin:0 3px 0 0; padding:0; background:none;} #content .pagination ul li.all {margin:0;} #content .pagination ul li a {display:block; padding:0 6px; line-height:20px; font-size:normal; color:#FFF; text-decoration:none; border-radius:3px; background:center -11px no-repeat #d3d3d4;} #content .pagination ul li a:hover, .pagination ul li a:active, .pagination ul li a:focus, #content .pagination ul li a.selected:hover, #content .pagination ul li a.selected:active, #content .pagination ul li a.selected:focus {color:#FFF; background-color:#f8ce3a;} #content .pagination ul li a.selected {background:#f8ce3a;} #content .pagination ul li.first a {width:20px; padding:0; background-image:url('../_images/icons/paging/first.gif');} #content .pagination ul li.prev a {width:20px; padding:0; background-image:url('../_images/icons/paging/prev.gif');} #content .pagination ul li.next a {width:20px; padding:0; background-image:url('../_images/icons/paging/next.gif');} #content .pagination ul li.last a {width:20px; padding:0; background-image:url('../_images/icons/paging/last.gif');} #content .pagination ul li a span {display:block; text-indent:-9999px;} /* ----- Header ----- */ #headerWrap {width:100%; border-bottom:1px dotted #714910;} #header {width:950px; margin:0 auto; padding:20px 0 20px 0;} #header #mainLogo {display:block; float:left;} #header h2.strapline {float:left; width:279px; height:27px; margin:30px 0 0 20px; text-indent:-9999px; background:url('../_images/titles/fitness-that-fits-around-you.png') 0 0 no-repeat;} #header .controls {z-index:3000; position:relative; float:right; width:auto;} #header .controls .language {position:relative; float:right; margin:5px 10px 0 0;} #header .controls .language .langToggle {display:block; width:70px; height:25px; border:1px solid #A6A29D; border-radius:5px; overflow:hidden; background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} #header .controls .language .langToggle:hover, #header .controls .language .langToggle:active, #header .controls .language .langToggle:focus {background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#FFF)); background-image:-webkit-linear-gradient(top, #f3f3f3, #FFF); background-image:-moz-linear-gradient(top, #f3f3f3, #FFF); background-image:-o-linear-gradient(top, #f3f3f3, #FFF); background-image:linear-gradient(to bottom, #f3f3f3, #FFF);} #header .controls .language .langToggle .text {float:left; display:block; width:22px; height:16px; margin:5px 0 5px 10px; padding:0 10px 0 0; text-indent:-9999px; border-right:1px solid #dad2c8;} #header .controls .language .langToggle .icon {float:right; display:block; width:7px; height:9px; margin:8px 10px 0 0; background:url('../_images/bullets/arrow-down.png') 0 0 no-repeat;} #header .controls .language .languages {position:absolute; top:100%; left:-9999px; width:50px; padding:0 10px 5px 10px; border:1px solid #A6A29D; background-color:#f3f3f3;} #header .controls .language .languages.active {left:0;} #header .controls .language .languages li a {display:block; width:22px; height:16px; margin:5px 0 0 0; padding:2px 0 0 30px; font-size:11px; color:#666;} #header .controls .language .cn {background:url('../_images/flags/cn.png') 0 0 no-repeat;} #header .controls .language .de {background:url('../_images/flags/de.png') 0 0 no-repeat;} #header .controls .language .es {background:url('../_images/flags/es.png') 0 0 no-repeat;} #header .controls .language .fr {background:url('../_images/flags/fr.png') 0 0 no-repeat;} #header .controls .language .gb {background:url('../_images/flags/gb.png') 0 0 no-repeat;} #header .controls .language .gr {background:url('../_images/flags/gr.png') 0 0 no-repeat;} #header .controls .language .il {background:url('../_images/flags/il.png') 0 0 no-repeat;} #header .controls .language .it {background:url('../_images/flags/it.png') 0 0 no-repeat;} #header .controls .language .jp {background:url('../_images/flags/jp.png') 0 0 no-repeat;} #header .controls .nav {float:right; margin: 0; font-size:14px; overflow:hidden;} #header .controls .nav li {float:left; margin:6px 0 6px 10px; border:none; } #header .controls .nav li.first {padding:0; padding:0 10px 0 0; border-right:1px solid #8f8f8f;} #header .controls .nav li a { color:#8f8f8f; font-weight: normal; font-size: 22px; padding: 0 10px 0 0px; } #header .controls .nav li a:hover, #header .controls .nav li a:active, #header .controls .nav li a:focus {color:#000; text-decoration:none; font-weight: normal;} #header .controls .trial {clear:both; width:262px; height:55px; margin:0 5px 0 0; text-indent:-9999px; background:url('../_images/titles/you-will-get-a-14-day-free-trial.png') 0 0 no-repeat;} /* ----- Nav ----- */ #mainNav {clear:both; width:950px; margin:0 auto;} #mainNav .nav {z-index:2000; position:relative; font-size:14px; text-align:right; letter-spacing:-4px; word-spacing:-4px;} #mainNav .nav > li {display:inline-block; *display:inline; *zoom:1; margin:0 0 0 28px; letter-spacing:0; word-spacing:0;} #mainNav .nav li a {display:block; padding:0 15px 10px 0; color:#818285; font-weight:bold; background:url('../_images/bullets/arrow-down.png') right 4px no-repeat;} #mainNav .nav li a #mainNav .nav li a:active, #mainNav .nav li a:focus, #mainNav .nav li.selected a, #mainNav .nav li.active a {color:#32302f; text-decoration:none;} #mainNav .nav li .dropdown {position:absolute; z-index:2000; left:-9999px; width: 210px; padding:9px; text-align:left; border:1px solid #A6A29D; border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.25); background:#FFF;} #mainNav .nav li.active .dropdown {z-index:9999;} #mainNav .nav li .dropdown.col2 { width: 420px;} #mainNav .nav li .dropdown.col3 { width: 630px;} #mainNav .nav li .dropdown.col4 { width: 840px;} #mainNav .nav li:hover .dropdown, #mainNav .nav li:active .dropdown, #mainNav .nav li:focus .dropdown, #mainNav .nav li.active .dropdown, #mainNav .nav li.selected.hasDropdown .dropdown {left:0;} #mainNav .nav li .dropdown .marker {position:absolute; top:-11px; left:50%; width:20px; height:11px; margin-left:-10px; background:url('../_images/bg/dropdown-marker.png') 0 0 no-repeat;} #mainNav .nav li a:hover {text-decoration: none;} #mainNav .nav li .dropdown .col {float:left; width:160px; padding:0 5px; text-align:center;} #mainNav .nav li .dropdown .col h2 {margin:0 0 10px 0; font-size:18px; color:#34c2db;} #mainNav .nav li a.headerLink { margin:0 0 0px 0; font-size:18px; padding: 0; color:#34c2db; font-weight: normal; background: none;} #mainNav .nav li .dropdown .col ul li a {display:block; padding:5px 0; color:#582e14; border-top:1px solid #e4e4e4; background:none; font-weight: normal;} #mainNav .nav li .dropdown .col ul li a:hover {color:#FFF; background:#f35b83; font-weight: bold;} /* -- Pink Ribbon nav item -- */ #mainNav .nav li .dropdown .col ul li a[href="/programs/pink-ribbon/"] { color:#ff679a; } #mainNav .nav li .dropdown .col ul li a:hover[href="/programs/pink-ribbon/"], #mainNav .nav li .dropdown .col ul li a:active[href="/programs/pink-ribbon/"], #mainNav .nav li .dropdown .col ul li a:focus[href="/programs/pink-ribbon/"] {background:#ff679a; color:#fff; } /* ----- Classes Form ----- */ #formWrap {width:950px; margin:0 auto; padding:15px 0 0 0;} #formWrap #classesForm {width:100%;} #formWrap #classesForm h2 {margin:0 0 15px 5px; font-size:18px; color:#514c47;} #formWrap #classesForm .wrapper {width:100%; overflow:hidden;} #formWrap #classesForm .wrapper .field {float:left;} #formWrap #classesForm .wrapper .select label {position:absolute; left:-9999px;} #formWrap #classesForm .wrapper .select select {width:200px; margin:0 10px 0 0;} #formWrap #classesForm .wrapper .formControls input {width:140px;} /* ----- Content ----- */ #containerWrap { width: 1000px; background: #fff; margin: 0 auto 50px auto; -webkit-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.15); box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.15); } #container {width:950px; margin:0 auto; padding:25px 25px 10px 25px; overflow:hidden; background: #fff;} #content {float:left; width:700px; color:#666;} #content.fullWidth {float:none; width:940px;} #content h1, #content h2, #content h3 {margin:0 0 10px 0; font-weight:bold;} #content h1 a, #content h2 a, #content h3 a {text-decoration:none;} #content h1 a:hover, #content h2 a:hover, #content h3 a:hover {text-decoration:underline;} #content h1 {font-size:22px; font-family:'AsapRegular';} #content h2 {font-size:18px;} #content h3 {font-size:16px;} #content h4, #content h5, #content h6 {font-size:14px;} #content p {margin:0 0 10px 0; line-height:1.4em;} #content a {color:#7F1D4E; text-decoration:none;} #content a:hover, #content a:active, #content a:focus {color:#BE2A74; text-decoration:underline;} #content hr {width:100%; margin:0 0 10px 0; height:1px; border:none; border-top:1px dotted #714910; background:#FFF;} #content ul, #content ol {margin:0 0 15px 0;} #content ul li, #content ol li {margin:0 0 5px 0;} #content ul li {padding:0 0 0 12px; background:url('../_images/bullets/bullet.png') 0 5px no-repeat;} #content ol li {margin-left:20px; list-style:decimal; background:none;} #content table {width:auto; margin:0 0 15px 0; border-top:1px solid #A2A2A2; border-left:1px solid #A2A2A2; background:#FFF;} #content table th, #content table td {padding:5px; border-right:1px solid #A2A2A2; border-bottom:1px solid #A2A2A2;} #content table th {padding:10px 5px; font-weight:normal; text-align:center; border-color:#A2A2A2; background-color:#DDD; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3); } #content dl {margin:0 0 15px 0;} #content .header {margin:0 0 15px 0; padding:10px 0; border-top:3px solid #15C3DC; border-bottom:1px dotted #714910; overflow:hidden;} #content .header h2 {float:left; margin:0;} #content .header .more {float:right; margin:4px 0 0 0; text-decoration:none; font-weight:bold; color:#5B4D40; padding:0 10px 0 0; font-size:12px; background:url('../_images/bullets/arrow-right.png') right 3px no-repeat;} #content .header .more:hover, #content .header .more:active, #content .header .more:focus {text-decoration:underline;} #content .accountDetails {width:auto; padding:14px; font-size:14px; border:1px solid #A6A29D; border-radius:10px; overflow:hidden; background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} #content .accountDetails dt, #content .accountDetails dd {padding:0 0 10px 0;} #content .accountDetails dt {clear:left; float:left; width:150px; font-weight:bold;} #content .accountDetails dd {clear:right; float:right; width:520px;} #content .accountDetails dt.last, #content .accountDetails dd.last {padding:0;} #content .accountDetails dd.password {padding-top:2px; font-size:18px; line-height:16px;} /* ----- Side Column ----- */ #sideCol {float:right; width:220px;} #sideCol .pods li {margin:0 0 15px 0;} #sideCol .pods li a {display:block; overflow:hidden;} #sideCol .pods li a img {float:left;} #sideCol .pods .podWrap {color:#403a34; padding:15px 10px 5px 10px; border-radius:10px; border:1px solid #000; background:#f8f4ea;} #sideCol .pods .podWrap ul, #sideCol .pods .podWrap ol {margin:0 0 5px 0;} #sideCol .pods .podWrap ul li, #sideCol .pods .podWrap ol li {margin:0 0 10px 0;} #sideCol .pods .podWrap ul li {padding:0 0 0 12px; background:url('../_images/bullets/bullet.png') 0 5px no-repeat;} #sideCol .pods .podWrap ol li {margin-left:20px; list-style:decimal; background:none;} #sideCol .pods h2.join {width:100%; height:58px; margin:0 0 10px 0; text-indent:-9999px; background:url('../_images/titles/here-is-what-youll-get-when-you-join.png') 0 0 no-repeat;} /* ----- Cards Strip ----- */ #cardsStrip{ clear: both; width: 100%; background: #f1f1f0; border-top: 1px dotted #714910; border-bottom: 1px dotted #714910; width: 100%; margin: 0 auto 0 auto; padding: 16px 0 10px 0px; float: left;} #cardsStrip ul{ margin: 0 0 0 20px;} #cardsStrip li{ float: left; display: inline; margin: 0 14px 0 0;} /* ----- Side Column Recent Comments ----- */ .recent-comments img { margin: 0 0 10px 0; } .recent-comments .comments { padding: 0; margin: 0; list-style: none; color: #666; border-bottom: 1px dotted #CCC; margin-bottom: 10px; border: 1px solid #A6A29D; border-radius: 10px; } .recent-comments .comments li { list-style: none; border-top: 1px dotted #CCC; padding: 10px 0 10px 0; } .recent-comments .comments li h3 { margin: 0 0 5px 0; color: #15C3DC; font-weight:bold; font-weight: 16px; padding: 0 14px 0 10px; } .recent-comments .comments li p { font-size: 12px; padding: 0 14px 0 10px; } .recent-comments .comments li .timeStamp { font-size: 11px; text-align: left; margin: 10px 0 0px 0; } .recent-comments .comments li a { font-weight: bold; color: #7F1D4E; padding: 10px 0px 0px 10px; display: block; font-style: italic;} .recent-comments .comments li a:HOVER { text-decoration: underline; font-weight: bold; } /* ----- Sub Footer ----- */ #subFooterWrap {width:100%; border-top:1px dotted #714910; background:#f3f3f3;} #subFooter {width:940px; margin:0 auto; padding:15px 5px;} #subFooter .nav {font-size:12px; text-align:center; letter-spacing:-4px; word-spacing:-4px;} #subFooter .nav li {display:inline-block; *display:inline; *zoom:1; padding:0 12px; letter-spacing:0; word-spacing:0; border-left:1px solid #a3a18b;} #subFooter .nav li.first {border:none;} #subFooter .nav li a {color:#3f3d26;} /* ----- Deeplinks ----- */ #deepLinksWrap {width:100%; border-top:3px solid #15c3dc;} #deepLinks {width:950px; margin:0 auto; padding:30px 0; overflow:hidden;} #deepLinks .column {float:left; width:230px; padding:0 10px 0 0;} #deepLinks .column.first {padding:0;} #deepLinks .column a {color:#666;} #deepLinks .column h3 {margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#714910;} #deepLinks .column h3 a {color:#714910;} #deepLinks .column ul li {margin:0 0 5px 0; padding:0 0 0 12px; font-size:12px; background:url('../_images/bullets/bullet.png') 0 4px no-repeat;} #deepLinks .twitter {color:#5b4d40;} #deepLinks .twitter a {color:#5b4d40;} #deepLinks .twitter h3 {margin:0 40px 0 0; padding:0 0 10px 0; background:url('../_images/bg/twitter.png') top right no-repeat;} #deepLinks .twitter #twitterFeed {margin:0;} #deepLinks .twitter #twitterFeed a {font-weight:bold;} #deepLinks .twitter #twitterFeed p {font-size:11px;} #deepLinks .twitter #twitterFeed p a {text-decoration:underline;} #deepLinks .twitter #twitterFeed li {margin:0 0 10px 0; padding:0; background:none;} #deepLinks .twitter #twitterFeed li .timeStamp {padding:5px 0 0 0; font-size:11px;} #deepLinks .twitter #twitterFeed li .timeStamp a {font-weight:bold;} #deepLinks .twitter .follow {display:inline-block; padding:0 10px 0 0; font-size:12px; font-weight:bold; text-decoration:underline; background:url('../_images/bullets/arrow-right.png') right 3px no-repeat;} /* ----- Footer ----- */ #footerWrap {width:100%; border-top:1px dotted #714910;} #footer {width:950px; margin:0 auto; padding:15px 0; font-size:12px; color:#666; overflow:hidden;} #footer .copy {float:right;} #footer .siteBy {float:left; color:#666;} /********************************************************************/ /* Site Content */ /********************************************************************/ /* ----- Homepage ----- */ #homeBanners {width:100%; padding:0 0 20px 0; overflow:hidden;} #homeBanners .intro {float:left; width:200px; min-height:280px; padding:9px; border:1px solid #A6A29D; border-radius:10px; background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} #homeBanners .intro h2 {margin:0 0 10px 0; color:#714910; font-size:22px; font-family:'AsapBold';} #homeBanners .intro ul {margin:0 0 10px 0; font-size:16px; color:#666;} #homeBanners .intro ul li {margin:0 0 10px 0; padding:0 0 0 10px; background:url('../_images/bullets/bullet.png') 0 8px no-repeat;} #homeBanners .intro .controls {overflow:hidden;} #homeBanners .intro .controls .button {float:left; width:93px; padding:0; text-align:center;} #homeBanners .intro .controls .theme-b {margin:0 10px 0 0; width: 140px;} #homeBanners .leftBanners{ width: 220px; float: left;} #homeBanners .howitWorks {float:left; text-align: center; width:188px; padding:24px 15px 28px 15px; margin: 22px 0 0 0; border:1px solid #A6A29D; border-radius:10px; background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} #homeBanners .howitWorks a{ background:url('../_images/bullets/arrow-right-bold.png') no-repeat top right; padding: 0 19px 0 0; font-size: 16px; color: #666666; text-decoration: underline; margin: 10px 0 0 0;} #homeBanners .homeBanner{ float: right;} #homeBanners .bannerWrap {position:relative; float:right; width:698px; height:298px; border:1px solid #A6A29D; border-radius:10px; overflow:hidden;} #homeBanners .bannerWrap .banner {width:698px; height:298px; border-radius:10px; overflow:hidden;} #homeBanners .bannerWrap .banner a, #homeBanners .bannerWrap .banner img {float:left; display:block; width:698px; height:298px; border-radius:10px; overflow:hidden;} #homeBanners .bannerWrap .banner a img {float:left;} #homeBanners .bannerWrap .pagination {position:absolute; bottom:10px; left:10px; margin:0;} #homeBanners .bannerWrap .pagination a {display:block; float:left; width:10px; height:10px; margin:0 5px 0 0;} #homeBanners .bannerWrap .pagination a span {display:block; width:10px; height:10px; text-indent:-9999px; background:url('../_images/bg/banner-pagination.png') 0 -10px no-repeat;} #homeBanners .bannerWrap .pagination a.selected span {background-position:0 0;} #sortOptions{ border-top: 1px dotted #714910; margin: 20px 0 0 0; padding: 20px 0 0 0;} #sortOptions p{ color: #582e14; font-weight: bold; font-size: 17px; width: auto; float:left;} #sortOptions ul{ float: left; list-style: none; display: inline; margin: 2px 0 0 14px;} #sortOptions ul li{ list-style: none; clear: none; float: left; list-style:none; background: none; display: block; padding: 0px 6px; line-height: 20px; text-decoration:none;} #sortOptions ul li a{ border-radius: 3px; background: #d3d3d4; color: #fff; font-weight: bold; padding: 5px 15px 5px 15px;} #sortOptions ul li a.selected { background: #F8CE3A none repeat scroll 0% 0%;} #sortOptions ul li a:hover { text-decoration: none; color: #fff; background: #F8CE3A;} #header .controls .nav a.join-pilatesod { margin-top: -6px; font-size: 21px; text-align: center; text-shadow: 1px 2px 1px rgba(0,0,0,0.2); color: #FFF; font-weight: bold; width: 220px; padding: 16px 0; border-radius: 10px; display: block; border: 1px solid #35393a; background: rgb(64,191,227); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,191,227,1) 0%, rgba(43,173,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,191,227,1)), color-stop(100%,rgba(43,173,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,191,227,1) 0%,rgba(43,173,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,191,227,1) 0%,rgba(43,173,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(64,191,227,1) 0%,rgba(43,173,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(64,191,227,1) 0%,rgba(43,173,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40bfe3', endColorstr='#2badcc',GradientType=0 ); /* IE6-9 */ margin: 0 0 0 10px; } #header .controls .nav a.join-pilatesod:hover { color: #FFF; background: rgb(43,173,204); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,173,204,1) 0%, rgba(64,191,227,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,173,204,1)), color-stop(100%,rgba(64,191,227,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,173,204,1) 0%,rgba(64,191,227,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,173,204,1) 0%,rgba(64,191,227,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,173,204,1) 0%,rgba(64,191,227,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(43,173,204,1) 0%,rgba(64,191,227,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2badcc', endColorstr='#40bfe3',GradientType=0 ); /* IE6-9 */ font-weight: bold; } #content h2.try {width:272px; height:37px; margin:0 0 10px 0; text-indent:-9999px; background:url('../_images/titles/try-some-of-our-classes.png') 0 0 no-repeat;} #trialLink {clear:both; display:block; width:100%; height:43px; margin:0 0 5px 0; text-indent:-9999px; background:url('../_images/titles/click-here-to-start-your-14-day-trial-now.png') top center no-repeat;} /* ----- Modules ----- */ #content .categoryList, #content .moduleList {width:100%;} #content .categoryList > li, #content .moduleList > li {width:auto; margin:0 0 10px 0; padding:14px; border:1px solid #A6A29D; border-radius:10px; background:none; background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3); overflow:hidden;} #content .categoryList li .details, #content .moduleList li .details {float:right; width:580px; overflow:hidden;} #content .categoryList li .details h2, #content .moduleList li .details h2 {margin:0 0 5px 0; font-size:17px; font-weight:bold;} #content .categoryList li .details p, #content .moduleList li .details p {font-size:13px;} #content .categoryList li .details ul, #content .moduleList li .details ul {margin:0;} #content .categoryList li .thumbnail, #content .moduleList li .thumbnail {float:left; display:block; width:73px; height:73px; border:1px solid #A6A29D;} #content .categoryList li .thumbnail img, #content .moduleList li .thumbnail img {float:left; width:73px; height:73px;} #content .moduleList li .details dl {margin:0 0 5px 0; font-size:12px; font-weight:bold; overflow:hidden;} #content .moduleList li .details dl dt, #content .moduleList li .details dl dd {float:left;} #content .moduleList li .details dl dt {margin:0 7px 0 0; color:#464E50;} #content .moduleList li .details dl dd {margin:0 25px 0 0;} #content .moduleList.videos > li {padding:0; position: relative;} #content .moduleList.videos li .details {position:relative; width:400px; height:123px; padding:14px;} #content .moduleList.videos li .details .buttonList {width:400px; margin-left:-5px; padding:0 5px;} #content .moduleList.videos li .watched{ position: absolute; z-index:100; top: 8px; left:8px;} #content .moduleList.videos li .watched p{ color: #fff; font-weight: bold; background: rgba(0,0,0,0.5); padding: 5px 4px 5px 4px; text-transform: uppercase; font-size: 14px; float: left; line-height: 15px; } #content .moduleList.videos li .thumbnail {position:relative; width:269px; height:151px; border:none; border-right:1px solid #A6A29D; overflow:hidden;} #content .moduleList.videos li .thumbnail img {width:269px; height:151px; border-radius:9px 0 0 9px; overflow:hidden;} #content .moduleList.videos li .thumbnail .play {position:absolute; top:50px; left:50%; margin-left:-25px; display:block; width:50px; height:50px; text-indent:-9999px; background:url('../_images/bg/video-list-play.png') 0 0 no-repeat;} #content .moduleList.thumb {margin:0 0 20px 0; overflow:hidden;} #content .moduleList.thumb > li {float:left; width:218px; margin:0 0 0 20px; padding:0; background-color:#f3f3f3;} #content .moduleList.thumb > li.first {margin:0;} #content .moduleList.thumb li .details {float:none; width:auto; height:45px; padding:0;} #content .moduleList.thumb li .details h2 {margin:0; padding:5px 10px; font-size:13px;} #content .moduleList.thumb li .thumbnail {float:none; display:block; width:218px; height:123px; border:none; overflow:hidden;} #content .moduleList.thumb li .thumbnail img {width:218px; height:123px; border-radius:9px 9px 0 0;} #content .moduleList.thumb li .thumbnail .play {top:38px;} #content .moduleList.videos li .membershipCost { float:left; width:229px; min-height:101px; border-right:1px solid #A6A29D; background-color:#eee; border-radius:9px 0 0 9px; text-decoration:none; font-family:'AsapBold'; color:#54473a; padding:25px 20px;} #content .moduleList.videos li .membershipCost span { display:block; line-height:1em;} #content .moduleList.videos li .membershipCost .type { color:#741050; font-size:28px;} #content .moduleList.videos li .membershipCost .promoType { font-size:24px;} #content .moduleList.videos li .membershipCost .value { font-size:60px;} #content .moduleList.videos li .membershipCost .label { font-family:'AsapRegular'; font-size:13px; margin-top:-3px;} #content .articleImage {float:left; margin:0 0 15px 0; width:73px; height:73px; border:1px solid #A6A29D;} #content .articleDetails {float:left; width:610px; margin:0 0 15px 15px; overflow:hidden;} #content .articleDetails dt, #content .articleDetails dd {float:left; margin:0 0 5px 0;} #content .articleDetails dt {width:100px; color:#464E50;} #content .articleDetails dd {width:510px;} #content .note {clear:both; padding:15px 0 0 0; border-top:1px dotted #714910;} #content .videoWrap {width:auto; margin:0 0 15px 0; padding:14px; border:1px solid #A6A29D; border-radius:10px; box-shadow:0 0 10px #BBB; background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);} #content .videoWrap h1 {color:#15C3DC;} #content .videoWrap .player {position:relative; margin:0 0 15px 0;} #content .videoWrap .player .placeholder {display:block;} #content .videoWrap .player .placeholder .play {position:absolute; top:150px; left:50%; margin-left:-100px; display:block; width:200px; height:200px; text-indent:-9999px; background:url('../_images/bg/video-list-play-large.png') 0 0 no-repeat;} #content .videoWrap .player .message {position:absolute; top:150px; left:50%; margin-left:-150px; display:block; width:250px; padding:15px; text-align:center; color:#403a34; border-radius:10px; border:1px solid #000; background:#f8f4ea; box-shadow:0 0 10px #000;} #content .videoWrap .player .message .button {width:100px; padding:0 0 2px 0;} #content .videoFoot {margin:0 0 15px 0; overflow:hidden;} #content .videoFoot .commentsWrap {float:left; width:670px; padding:14px; border:1px solid #A6A29D; border-radius:10px; background:#FFF;} #content .videoFoot .commentsWrap h2.title {width:210px; height:21px; margin:0 0 15px 0; text-indent:-9999px; background:url('../_images/titles/what-others-are-saying.png') 0 0 no-repeat;} #content .videoFoot .commentsWrap .moduleList li {margin:0; padding:10px 0 0 0; border:none; border-radius:0; border-top:1px dotted #714910; background:none;} #content .videoFoot .commentsWrap .moduleList li.first {padding:0; border:none;} #content .videoFoot .commentsWrap .moduleList li h3 {margin:0 0 5px 0; color:#15C3DC;} #content .videoFoot .commentsWrap .moduleList li .timeStamp {font-size:11px; text-align:right;} #content .videoFoot .commentsWrap .contentForm fieldset {width:100%; margin:0; padding:0; border:none; border-radius:0; background:none;} #content .videoFoot .commentsWrap .contentForm fieldset .mandatoryInfo {position:absolute; left:-9999px;} #content .videoFoot .commentsWrap .contentForm fieldset label {position:absolute; left:-9999px;} #content .videoFoot .commentsWrap .contentForm fieldset .textarea {padding:5px 10px;} #content .videoFoot .commentsWrap .contentForm fieldset .textarea textarea {width:638px; box-shadow:0 0 10px #BBB;} #content .videoFoot .commentsWrap .contentForm fieldset .formControls {padding:0 10px 5px 10px;} #content .videoFoot .exercisesWrap {float:right; width:220px;} #content .videoFoot .exercisesWrap h2.title {width:211px; height:49px; margin:0 0 5px 0; text-indent:-9999px; background:url('../_images/titles/take-a-closer-look-at-some-exercises-from-this-class.png') 0 0 no-repeat;} /* #content .videoFoot .exercisesWrap h2.title {width:211px; height:49px; margin:0 0 5px 0; text-indent:-9999px; background:url('../_images/titles/related-classes.jpeg') 0 0 no-repeat;} */ #content .videoFoot .exercisesWrap .moduleList.videos {width:220px;} #content .videoFoot .exercisesWrap .moduleList.videos li, #content .videoFoot .exercisesWrap .moduleList.videos li.first {float:none; margin:0 0 10px 0;} #content .regionMessage { border: 1px solid #A6A29D; border-radius: 10px; margin: 0 0 20px; padding: 25px 20px; background: #F3F3F3;} #content .regionMessage p { font-size: 16px; } #content p.regionSelected { font-family: 'AsapBold'; color: #741050; font-size: 28px; } #content .regionOptions { margin: 0; overflow: hidden;} #content .regionOptions li { display: block; float: left; background: none; padding: 0 20px 0 0;} #content .regionOptions button:hover { cursor: pointer; } /* ----- Sitemap ----- */ #content .sitemap {width:100%; border-bottom:1px dotted #714910;} #content .sitemap a {font-weight:normal; text-decoration:none;} #content .sitemap a:hover, #content .sitemap a:active, #content .sitemap a:focus {text-decoration:underline;} #content .sitemap li {margin:0; padding:0; font-size:14px; background:none;} #content .sitemap > li {border-top:1px dotted #714910;} #content .sitemap > li a {display:block; padding:5px 10px;} #content .sitemap > li.bg a {background:#f3f3f3;} #content .sitemap li ul {margin:0; padding:10px 0 5px 10px;} #content .sitemap li ul li {margin:0 0 5px 0; padding:0 0 0 15px; font-size:13px; background:url('../_images/bullets/bullet.png') 5px 5px no-repeat;} #content .sitemap li ul li a {padding:0;} #content .sitemap li.bg ul li a {background:none;} #content .sitemap li ul li ul li {padding:0; font-size:12px; background:none;} /* ----- subscription listing ---- */ .subscriptionThumb { border:1px solid #000; width:220px; height:150px; border-radius:10px; padding-left:20px; } .subscriptionThumb h3 { margin-bottom:0px; } .subscriptionThumb h2 { font-size:64px; color:#54473a; margin-top:0px; margin-bottom:0px; } .subscriptionThumb p { color:#54473a; margin-top:0px; } /* ----- Footer pod ---- */ #FooterHTMLPod { padding: 0 25px 25px 25px; }