/* CSS RESET by ERIC MEYER v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 13px;
        vertical-align: baseline;
        background: transparent;
        font-family:Arial, Helvetica, sans-serif;
        }
body {
        line-height: 1;
        background:url(/images/background.gif) repeat center top;
        padding:1em 0;
        }
body.print {background:#FFF;}
ol, ul {
        list-style: none;
        }
blockquote, q {
        quotes: none;
        }
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
        }
/* remember to define focus styles! */
:focus {
        outline: 0;
        }
/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
        }
del {
        text-decoration: line-through;
        }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
        }
/*------------------------------ 
CLEAR ELEMENTS--------------------*/
.clear:after, .clear-left:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
.clear-left:after {clear:left;}
.clear, .clear-left {
        display: inline-block;
        }
/* Hides from IE-mac \*/
* html .clear, * html .clear-left {
        height: 1%;
        }
.clear, .clear-left  {
        display: block;
        }
/* End hide from IE-mac */

/*------------------------------
BEGIN STYLE--------------------*/
a, strong {font-size:100%;}
h1 {font-size: 170%;}
h2 {font-size: 160%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
h5 {font-size: 110%;}
h6 {font-size:95%;}
a {text-decoration:none; color:#B4C95C;}
a:hover {text-decoration:underline; color:#D0E96C;}
p.tags {
        margin-top:.5em;
        font-size:90%;
        }
.left{float:left}
.right{float:right;}
.clear-now{clear:both;}
#main-container {
        width:950px;
        background:#FFF;
        margin:0 auto .5em;
        padding-bottom:1em;
        position:relative;
        }
/* ------------------------------------------------------------------------------------------------------------------------------------------------- HEAD STYLES */
h1#logo a{
        display:block;
        position:absolute;
        background:url(/images/logo.gif) no-repeat center center;
        text-indent:-9999px;
        height:81px;
        width:185px;
        top:5px;
        left:25px;
        }
#feature-strip {
        position:absolute;
        width:30px;
        text-indent:-9999px;
        top:0;
        right:50px;
        }
#feature-strip span {
        display:block;
        width:30px;
        height:230px;
        margin:0 auto 10px;
        }
#top-area {
        position:absolute;
        top:0;
        right:25px;
        width:700px;
        }
#head-image, #head-image-store, #head-image-news, #head-image-ate, #head-image-events, #head-image-review, #head-image-shop {
        clear:both;
        margin:0 auto 1em;
        width:900px;
        height:320px;
        background-repeat:no-repeat;
        background-position:center top;
        background-image:url(/images/head-image.jpg);
        overflow:auto;
        }
#head-image-store, #head-image-news, #head-image-ate, #head-image-events, #head-image-review, #head-image-shop {
        height:219px;
        margin-bottom:0;
        background-image:url(/images/head-image-small.jpg);
        }
#head-image-review {
        background-image:url(/images/head-review.jpg);
        }
#head-image-news {
        background-image:url(/images/head-news.jpg);
        }
#head-image-ate {
        background-image:url(/images/head-ate.jpg);
        }
#head-image-events {
        background-image:url(/images/head-events.jpg);
        }
#feature-product {
        float:right;
        margin:20px 15px 0 0;
        width:350px;
        }
#feature-product p, #feature-product span, #feature-product img, #feature-product h4 {
        clear:both;
        color:#CCC;
        text-align:right;
        }
#feature-product a {
        color:#B4C95C;
        }
#feature-product img {
        float:right;
        margin:0 65px 1em 1em;
        }
#head-text img {
        float:left;
        margin-right:.5em;
        vertical-align:bottom;
        }
#head-text {
        color:#CCC;
        float:left;
        margin:40px 0 0 35px;
        width:375px;
        }

/* ------------------------------------------------------------------------------------------------------------------------------------------------- MAIN BODY STYLE */
#content-area {
        width:900px; 
        margin:0 auto;
        }
#content-area p, .details {
        line-height:1.3em;
        }
#content-area .product-review-area h2.product-review {
        margin-bottom:.5em;
        }
#content-area h2 a {
        background:#B4C95C url(/images/view-all.gif) no-repeat center center;
        position:absolute;
        height:17px;
        width:17px;
        text-indent:-9999px;
        float:right;
        bottom:2px;
        right:4px;
        }
#content-area h2 a:hover {
        background-color:#D0E96C;
        }
#content-area a.entry {
        color:#000;
        display:block;
        margin:0;
        padding:.5em;
        border-bottom:#000 dashed 1px;
        }
#content-area a.entry:hover {
        background:#D0E96C;
        text-decoration:none;
        }
#content-area span.category {
        text-transform:uppercase;
        display:block;
        font-size:110%;
        font-weight:bold;
        margin:.25em  0 0;
        }
.tags {
        display:block;
        margin:0 0 .4em;
        font-weight:bold;
        font-size:90%;
        }  
#content-area span.title {
        display:block;
        margin-bottom:.25em;
        color:#8B9F38;
        text-transform:uppercase;
        font-weight:bold;
        }
#content-area span.details {
        margin:.25em 0;
        display:block;
        }
ul#running-group li.day {
        padding-top:1em;
        font-weight:bold;
        text-transform:uppercase;
        }
ul#running-group li.day ul {
        border-top:1px solid black;
        padding-left:.5em;
        }
.column-right, .column-center, .column-left, .column {
        width:276px;
        float:left;
        position:relative;
        }
.column-left {margin-right:18px; clear:left;}
.column-center {margin:0 18px;}
.column-right  {margin-left:18px;}

#running-group-area, #events-area, #featured-races-area {
        margin-top:.5em;
        float:left;
        width:435px;
        }
#events-area, #race-results-area {
        margin-top:.5em;
        float:right;
        }
#featured-races-area, #race-results-area {
        width:300px;
        }
#thank-you {
        clear:left;
        padding:.75em 1em;
        margin-top:.75em;
        background-color:#A0FFD0;
        border:1px solid #00D86D;
        }
#thank-you h3.thank-you-title {
        color:#00D86D;
        }
h3#search-results-header {
        clear:both;
        padding-top:1.5em;
        }
p#search-results-details {
        text-align:right;
        }
table#search-results {
        margin:.2em 0;
        font-size:85%;
        }
table#search-results td {
        padding:1%;
        }
table#search-results tr.result-head {
        border:1px solid #212727;
        }
table#search-results td.result-head {
        background:#B4C95C;
        font-weight:bold;
        font-size:120%;
        }
table#search-results td.result-even {
        background-color:#F4F4F4;
        }
table .title {width:20%;}
table .excerpt {width:45%;}
table .author {width:15%;}
table .date, table .comments{width:10%;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- LEFT/MAIN COLUMN STYLING */

#detail-area {
        padding-top:2em;
        width:635px;
        }
.store-layout #detail-area {
        width:674px;
        }
#detail-area a.img, #detail-area img, .product-review-area img  {
        display:block;
        float:left;
        margin-right:1em;
        }
.product-review-area img {
        padding:1.5em;
        border:#212727 solid 6px;
        }
#detail-area p {
        margin:.5em 0;
        }
#detail-area h3.title {
        margin:1em 0 .3em;
        color:black;
        }
#detail-area h1, #detail-area h2, #detail-area h3, #detail-area h4, #detail-area h5, #detail-area h6 {
        color:#B4C95C;
        } 
#detail-area .entry-details h1, #detail-area .entry-details h2, #detail-area .entry-details h3, #detail-area .entry-details h4, #detail-area .entry-details h5, #detail-area .entry-details h6, #detail-area .entry-details p {
        color:#000;
        margin:.75em 0 0;
        padding:0;
        }
#detail-area .entry-details p {
        margin:0 0 .2em .2em;
        }
#detail-area .entry-details ul {
        margin:1em 0 1em 2em;
        font-size:95%;
        list-style-type:disc;
        }
#detail-area .row {
        position:relative;
        padding:1em;
        border-bottom: #999 1px dashed;
        }
#detail-area .row-one {
        background:#E9FFD7;
        }
#detail-area .row span {
        display:block;
        }
#detail-area .row p {
        padding-left:.2em;
        }
/* ------------------------------------------------------------------------------------------------------------------------------------------------- COMMENT ENTRIES */
h2 span.paginate {
        position:absolute;
        text-transform:none;
        font-weight:normal;
        font-size:75%;
        text-indent:0;
        bottom:2px;
        right:4px;
        }
ol#comment-entries h5 {
        color:#000;
        margin-bottom:.25em;
        }
#comment-paginate {
        text-align:right;
        margin-top:.75em;
        padding-right:.5em;
        }
#comment-paginate a, #comment-paginate b {
        margin:0 .3em;
        }

#detail-area .row a.permalink {
        display:block;
        width:54px;
        height:32px;
        background:url(/images/permalink.png) no-repeat top center;
        position:absolute;
        right:1em;
        top:1em;
        text-indent:-9999px;
        }
ul#event-details, ul#running-group-details {
        padding:.5em 0;
        font-size:95%;
        }
ul#event-details li, ul#running-group-details li {
        margin:.1em 0;
        }
/* ------------------------------------------------------------------------------------------------------------------------------------------------- FOOTER STYLING */
#footer {
        width:930px;
        color:white;
        margin:0 auto;
        font-size:95%;
        }
#footer a.credits {
        background:url(/images/flipbox-logo.jpg) no-repeat left center;
        padding:2px 0 2px 22px;
        }
#footer a:hover {
        text-decoration:none;
        }

/* ------------------------------------------------------------------------------------------------------------------------------------------------- JAVASCRIPT BLOCKS */
a#member-login, a#newsletter, a#member-registration {
        display:block;
        height:17px;
        float:right;
        margin:1.5em 25px 0 0;
        text-indent:-9999px;
        }
#member-logged-in {
        float:left;
        background:url(/images/login-right.png) no-repeat right top;
        background-color:#B4C95C;
        color:#FFF;
        }
#member-logged-in span {
        display:block;
        background:url(/images/login-left.png) no-repeat left top;
        font-size:100%;
        padding:.5em 2em;
        }
#member-logged-in a {
        color:#FFF;
        }
a#member-registration {
        background:url(/images/register-now.gif) no-repeat right center;
        width:118px;
        }
a#member-login, form h6.member-login-form {
        background:url(/images/member-login.gif) no-repeat right center;
        width:121px;
        }
#search-area {
        float:right;
        width:210px;
        text-align:right;
        margin-top:1.25em;
        }
a#newsletter, form h6.newsletter-form {
        background:url(/images/newsletter-signup.gif) no-repeat left center;
        width:157px;
        }
.close {
        position:absolute;
        font-weight:bold;
        right:-8px;
        top:-8px;
        padding:.2em .3em;
        background:#B4C95C;
        border:4px solid #212727;
        border-left:6px solid #212727;
        border-bottom:6px solid #212727;
        cursor:pointer;
 }
.close:hover {
        background-color:#D0E96C;
        }
#member-login-area, #newsletter-area, #ask-a-question {
        top:5px;
        right:270px;
        position:absolute;
        width:320px;
        background:#FFF;
        padding:.5em 1em .25em;
        white-space: nowrap;
        z-index:1000;
        cursor:move;
        }
#member-login-area:hover, #newsletter-area:hover, #ask-a-question:hover {
        cursor:move;
        }
#newsletter-area {
        right:200px;
        }
#ask-a-question  {
        width:460px;
        right:0;
        }
.tool-tip {
        background-color:#212727;
        }  
.tip-top {}  
.tip-title {
        color:#FFF; 
        font-weight:bold;
        padding:.5em 1em;  
        }  
.tip-text {}  
.tip-bottom {}


/* ------------------------------------------------------------------------------------------------------------------------------------------------- RIGHT COLUMN STYLING */
.container-right {
        float:right;
        margin-left:15px;
        }
#category-area, #store-feature-area {
        padding-top:1em;
        width:250px;
        position:relative;
        }
#store-feature-area {
        width:202px;
        }
#category-area h3, #category-area a.ask-a-question {
        background: url(/images/category-title.gif) center left;
        display:block;
        font-size:130%;
        color:#212727;
        margin:0;
        padding:.45em 0 .45em .35em;
        position:relative;
        border-bottom:1px #FFF solid;
        }
#category-area a.ask-a-question {
        font-size:130%;
        font-weight:bold;
        margin-bottom:1em;
        }
ul.category {
        padding-bottom:1em;
        }
ul.category li {
        clear:both;
        }
ul.category li a span{
        display:block;
        cursor:pointer;
        float:left;
        font-size:100%;
        }
ul.category li a {
        clear:both;
        padding:.6em 1em .5em .75em;
        display:block;
        border-bottom:#333 dashed 1px;
        text-align:right;
        }
ul.category li a.no-count {
        text-align:left;
        }
ul.category li a:hover {
        text-decoration:none;
        background:#D0E96C;
        color:#FFF;
        }
.container-right ul#feature-blocks {
        width:200px;
        margin:0 auto 1em;
        }
.container-right ul#feature-blocks li {
        position:relative;
        float:none;
        }
.container-right ul#feature-blocks li a {
        margin:0 auto 1em;
        }
.container-right ul#feature-blocks li span{
        margin-bottom:1em;
        }

/* -------------------------------------------------------------------------COMMENT STYLES */
#detail-area .comment-preview {
        margin-top:.5em;
        border:5px #B4C95C dashed;
        background-color:#D0E96C;
        }
.posted {
        display:block;
        margin-top:.25em;
        text-align:right;
        font-size:90%;
        }

/* ------------------------------------------------------------------------------------------------------------------------------------------------- FEATURE BLOCK STYLES */
ul#feature-blocks {
        width:932px;
        margin:0 auto;
        }
ul#feature-blocks li {
        float:left;
        position:relative;
        }
ul#feature-blocks li a {
        display:block;
        width:183px;
        height:90px;
        margin:0 16px;
        text-indent:-9999px;
        }
ul#feature-blocks li a, .employee-list img, .employee-profile img, #member-login-area, #newsletter-area, #ask-a-question, .tool-tip{
         border:#212727 solid 9px;
         }
ul#feature-blocks li a span {
        position:absolute;
        bottom:15px;
        right:30px;
        text-indent:0px;
        max-width:172px;
        color:black;
        font-weight:bold;
        }
ul#feature-blocks li a:hover, .tool-tip {
        text-decoration:none;
        border-color:#D0E96C;
        }

/* ------------------------------------------------------------------------------------------------------------------------------------------------- MAIN/STORE MENU STYLES */
ul#main-menu, ul#store-menu {
        width:890px;
        font-size:90%;
        margin:90px 0 0;
        padding-right:35px;
        float:right;
        }
ul#store-menu {
        padding-right:80px;
        width:845px;
        }
ul#sub-menu {
        max-width:590px;
        font-size:85%;
        margin-left:25px;
        float:left;
        padding-right:30px;
        background-image:url(/images/login-right.png);
        background-repeat: no-repeat;
        background-position: right top;
        }
ul#sub-menu li {
        float:left;
        }
ul#sub-menu, ul#sub-menu  li a{
        background-color:#B4C95C;
        }
ul#sub-menu li.active, ul#sub-menu li a:hover {
        text-decoration:none;
        background-color:#D0E96C;
        }
ul#main-menu li, ul#store-menu li {
        float:right;
        }
ul#main-menu li a, ul#store-menu li a, ul#sub-menu li a, ul#main-menu li.active, ul#store-menu li.active, ul#sub-menu li.active {
        font-weight:bold;
        color:#22292A;
        display:block;
        padding:1em;
        text-transform:uppercase;
        white-space: nowrap;
        }
ul#sub-menu li a {
        padding:.8em;
        }
ul#main-menu li.active, ul#store-menu li.active, ul#sub-menu li.active {
        padding:1em 1em 0;
        }
ul#sub-menu li.active {
        padding:.8em .8em .6em;
        }
ul#main-menu li a:hover, ul#store-menu li a:hover, ul#sub-menu li a:hover {
        background-image:url(/images/menu-selected-small.gif);
        background-repeat: no-repeat;
        background-position: bottom center;
        text-decoration:none;
        }
ul#sub-menu li a:hover {
        background-image:none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------- FORM STYLES */

form#comment_form, form#contact_form {
        padding:.5em 0;
        }
form p {
        margin:.4em 0 0;
        line-height:1em;
        }
form label {
        display:block;
        float:left;
        width:150px;
        text-align:right;
        padding:5px 5px 0 0;
        }
form#register_member_form label, form#login_member_form label {width:120px;}
form#login-form label, form#newsletter-form label, #ask-a-question form label {
        width:80px;
        }
form input, form textarea, form select, form label {
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif
        }
form input, form textarea {
        border:#000 1px solid;
        padding:.3em .2em;
        width:350px;
        margin:0;
        }
input.name, input.username, input.password {width:175px;}
input.email, input.url {width:220px;}
input.captcha {
        width:80px;
        float:left;
        line-height:20px;
        font-size:15px;
        margin:0 5px 0 125px;
        }
form#register_member_form input.std-checkbox, form#register_member_form input.captcha, form#register_member_form .buttons, form#login_member_form .buttons {
        margin-left:125px;
        }
form input.std-checkbox {
        margin-left:155px;
        width:auto;
        border:none;
        }
form#search-form div {
        float:right;
        }
form#search-form input.std-input {
        margin-right:.2em;
        margin-top:1px;
        padding:.3em .2em;
        width:150px;
        }
form#login-form div, form#newsletter-form div {
        margin:.1em 0;
        }
form h6.member-login-form, form h6.newsletter-form {
        display:block;
        text-indent:-9999px;
        height:15px;
        margin:0 0 .5em -10px;
        }
form#login-form input.std-input, form#newsletter-form input.std-input {
        width:200px;
        }
form .buttons {
        margin:8px 0 10px 155px;
        }
form#login-form .buttons, form#newsletter-form .buttons, #ask-a-question form .buttons {
        margin-top:.5em;
        float:right;
        }
form#search-form .buttons {margin:0}
form .buttons input  {
        display:block;
        margin:1em 0 0;
        float:left;
        height:28px;
        padding: 0;
        border: 0;
        text-indent:-999em;
        font-size: 0px;
        cursor:pointer;
        line-height: 25px;
        background-color:#B4C95C;
        background-repeat:no-repeat;
        background-position:center center;
        }
form .buttons input.preview {
        background-image: url(/images/button-preview.png);
        width:88px;
        }
form .buttons input.register {
        background-image: url(/images/button-register.png);
        width:88px;
        }
form .buttons input.login {
        background-image: url(/images/button-login.png);
        width:88px;
        }
form .buttons input.go {
        background-image: url(/images/button-go.png);
        width:39px;
        }
form .buttons input.submit {
        background-image: url(/images/button-submit.png);
        margin-right:15px;
        width:77px;
        }
form .buttons input.send {
        background-image: url(/images/button-send.png);
        width:58px;
        }
form .buttons input:hover {
        background-color: #D0E96C;
        }
form .rules {
        height:55px;
        overflow:auto;
        border:1px solid #000;
        padding:.3em;
        }
h2.local-news, h2.running-groups, h2.featured-races, h2.race-results, h2.local-news, h2.our-commitment, h2.our-mission, h2.recent-news, h2.expert-advice, h2.product-review, h2.featured-items, h2.your-comments, h2.post-comment, h2.store-information, h2.ss-title, h2.contact-us, h2.store-contacts, h2.employees, h2.member-registration, h2.member-login, h2.store-locations, h2.employee-profile {
        display:block;
        position:relative;
        text-indent:-9999px;
        width:100%;
        height:18px;
        border-bottom:#333333 solid 1px;
        margin-top:1em;
        background-position: top left;
        background-repeat: no-repeat;
        }
h2.title-top {
 margin-top:2em;
 }
/* ------------------------------------------------------------------------------------------------------------------------------------------------- IMAGE REPLACEMENT */
a.ea-14 {
        background:url(/images/icon-training.gif) no-repeat right center;
        }
a.ea-15 {
        background:url(/images/icon-injury.gif) no-repeat right center;
        }
a.ea-16 {
        background:url(/images/icon-health.gif) no-repeat right center;
        }
h2.store-locations {
        background-image:url(/images/store-locations.gif);
        }
h2.running-groups {
        background-image:url(/images/running-groups.gif);
        }
h2.member-registration {
        background-image:url(/images/member-registration-large.gif);
        }
h2.member-login {
        background-image:url(/images/member-login-large.gif);
        }
h2.featured-races {
        background-image:url(/images/featured-races.gif);
        }
h2.contact-us {
        background-image:url(/images/contact-us.gif);
        }
h2.race-results {
        background-image:url(/images/race-results.gif);
        }
h2.local-news {
        background-image:url(/images/local-news.gif);
        }
h2.our-commitment {
        background-image:url(/images/our-commitment.gif);
        margin:.5em 0 .25em;
        }
h2.our-mission {
        background-image:url(/images/our-mission.gif);
        margin-bottom:.25em;
        }
h2.recent-news {
        background-image:url(/images/recent-news.gif);
        }
h2.expert-advice {
        background-image:url(/images/expert-advice.gif);
        }
h2.product-review {
        background-image:url(/images/product-review.gif);
        }
h2.featured-items {
        background-image:url(/images/featured-items.gif);
        margin-bottom:.5em;
        }
h2.your-comments{
        background:url(/images/your-comments.gif) no-repeat top left;
        }
h2.post-comment {
        background:url(/images/post-comment.gif) no-repeat top left;
        }