/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);*/

/*"Open+Sans:300,300italic,400,italic,600,600italic,700,700italic,800,800italic:latin","Merriweather:300,300italic,400,italic,700,700italic,900,900italic:latin","Montserrat:400,700:latin","Lato:700:latin", ]*/
@font-face {
    font-family: 'Open Sans';
    
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-BoldItalic-webfont.eot');
    src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}



a img {
    border: none;
}

body {
    margin: 0;
    padding: 0;
    background: #555;
    font: 0em 'Open Sans', helvetica, arial;
    /*background-image: url("/images/sideImg/golf1.jpg"), url("/images/sideImg/bike.jpg");
            background-position: right top, left top;
            background-repeat:repeat-y;
            background-size:auto;*/
}

.hdrLogo {width: 1000px; height: 150px; display: block; opacity:0.85}
#nav {
    position: absolute;
    width: 100%;
    background-image: url('/images/home/pixelT.png');
    height: 150px;
    z-index: 1000;
    text-align: center;
    top: 0;
}

#navMen {
    margin: auto;
    padding: 0px;
    list-style: none;
    width: 800px;
    background: #333;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.35em;
}

    /*#navMen li {
                float:left;
                position: relative;
            }

                #navMen li a {
                    text-align: center;
                    color: #fff;
                    background: #333;
                    font-weight: 800;
                    opacity: 0.75;
                    text-decoration: none;
                    font-size: 1em;
                    padding: 7px 0;
                    display: block;
                    text-transform:uppercase;
                    letter-spacing:0.35em;
                }

                    #navMen li a:hover {
                        color: #000;
                        background: #bbb;
                    }*/

    #navMen li {
        float: left;
        width: 200px;
        position: relative;
    }

        #navMen li a {
            text-align: center;
            color: #fff;
            background: #333;
            /*font-weight: 700;*/
            opacity: 0.75;
            text-decoration: none;
            padding: 7px 0px 6px 0px;
            display: inline-block;
            width:200px;
        }

            #navMen li a:hover {
                color: #333;
                background: #aaa;
            }

    #navMen ul {
        display: none;
        position: absolute;
        margin-left: 0px;
        list-style: none;
        padding: 0px;
    }

        #navMen ul li {
            width: 200px;
        }

        #navMen ul a {
            text-align: center;
            color: #fff;
            background: #333;
            /*font-weight: 700;*/
            opacity: 0.75;
            text-decoration: none;
            padding: 7px 0px 6px 0px;
            display: inline-block;
            width:200px;
        }

        #navMen ul li a:hover {
            color: #333;
            background: #aaa;
        }

#cntr {
    width: 1000px;
    background-color: #fff;
    color: #000;
    /*margin: 150px auto 0 auto;
    padding-top: 70px;*/
    font-size: 12px;
    margin:auto;
    position: absolute;
    top: 180px;left:0;right:0;
    clear:both;
}

#dvFtr { /*background: url('/images/navbutsBwn/footer.gif') repeat-x;*/
    background: #333;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    height: 20px;
}

    #dvFtr a:link, #dvFtr a:visited, #dvFtr a:hover, #dvFtr a:active {
        color: #fff;
    }

/*fotorama link fix*/
.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
    background: url(/styles/transpixel.gif);
}

/* font styles */
.body12 {
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.35em;
}

h1 {
    font: bold 18px 'Open Sans', helvetica, arial;
    color: #343434;
    text-align: center;
    margin-bottom: 18px;
}

h2 {
    font:  24px 'Open Sans', helvetica, arial, serif;
    color: #343434;
    text-align: left;
    margin-bottom: 18px;
    border-bottom: 1px solid #343434;
    padding-bottom: 9px;
}

h3 {
    font: 1.2em 'Open Sans', helvetica, arial, serif;
    color: #343434;
    text-align: left;
    margin-bottom: 12px;
    border-bottom: 1px solid #343434;
    padding-bottom: 3px;
}
h4 {font: 1.2em 'Open Sans', helvetica, arial, serif;
    color: #343434;
    text-align: center;
    margin-bottom: 1em;

}

.callOut {
    font: bold  18px 'Open Sans', helvetica, arial, serif;
    color: #343434;
    text-align: left;
    margin-bottom: 18px;
}

.merri {
    font: 16px Merriweather;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.openSans {
    font: 15px 'Open Sans';
    line-height: 1.5em;
    margin-bottom: 1em;
    font-weight: 300;
}

.mont {
    font: 16px Montserrat;
    line-height: 1.5em;
    margin-bottom: 1em;
    font-weight: 300;
}

.lato {
    font: 16px Lato;
    line-height: 1.5em;
    margin-bottom: 1em;
}
/* image styles */

.inlineImgR {
    margin: 0px 0px 20px 20px;
    border: solid 1px black;
    float: right;
}

/* form styles */
.boxY {
    padding: 5px 10px;
    background: #dbdbdb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #343434;
}

.lblBlock {
    display: block;
}

.lvTable {
    border: 1px solid #343434;
    border-spacing: 0;
    border-collapse: collapse;
    font: 1em 'Open Sans', helvetica;
}

    .lvTable th {
        background: #343434;
        color: #fff;
        text-align: center;
        padding: 0.5em;
        font-weight:bold;
        vertical-align: bottom;
        border: 1px solid #343434;
    }

    .lvTable td {
        padding: 0.5em;
        border: 1px solid #343434;
        vertical-align: top;
    }

        .lvTable td.num {
            text-align: right;
            font-size: 14px;
        }

    .lvTable .trAlt {
        background: #ffe;
    }

    .lvTable .trSel {
        background: #dbdbdb;
    }
.lvTable2 {    border: 1px solid #343434;
    border-spacing: 0;
    border-collapse: collapse;
    font: 1em 'Open Sans', helvetica;
}

.lvTable2 th {
    background: #E3C1BA;
    color: #343434;
    text-align: center;
    padding: 2px;
    font: bold 10px 'Open Sans';
    vertical-align: bottom;
    border: 1px solid #343434;
}

.lvTable2 td {
    font: 11px 'Open Sans';
    padding: 2px;
    border: 1px solid #eee;
    vertical-align: top;
}

    .lvTable2 td.num {
        text-align: right;
        font-size: 14px;
    }

.lvTable2 .trAlt {
    background: #ffe;
}

.lvTable2 .trSel {
    background: #dbdbdb;
}


.row {
    margin-bottom: 10px;
    font: 1em 'Open Sans', helvetica, arial;
}

.formTag {
    color: #343434;
    text-align: right;
}

.row .label {
    display: inline-block;
    width: 100px;
    text-align: right;
    vertical-align: top;
    margin-right: 10px;
    color: #343434;
}

.row .label80 {
    display: inline-block;
    width: 80px;
    text-align: right;
    vertical-align: top;
    margin-right: 10px;
    color: #343434;
}

.row .data {
    font: 0.9em 'Open Sans', helvetica, arial;
    display: inline-block;
    width: 180px;
    text-align: left;
}

.row .data140 {
    font: 0.9em 'Open Sans', helvetica, arial;
    display: inline-block;
    width: 140px;
    text-align: left;
}

input[type='text'], input[type='password'] {
    font: 0.9em 'Open Sans', helvetica, arial;
}

select {
    font-size: 11px;
}

.row .formw {
    display: inline-block;
    width: 340px;
    text-align: left;
}

.row .formTag {
    display: inline-block;
    width: 100px;
    text-align: right;
    vertical-align: middle;
    margin-right: 10px;
}

.row .data2 {
    display: inline-block;
    width: 340px;
    text-align: left;
}

div.eventRow {
    clear: both;
    width: 600px;
    font: 1em 'Open Sans', helvetica, arial;
    color: #343434;
}

    div.eventRow span.eventDate {
        font-weight: bold;
        float: left;
        width: 100px;
        text-align: right;
        margin-right: 10px;
    }

    div.eventRow span.eventTitle {
        font-weight: bold;
        float: left;
        width: 480px;
        text-align: left;
        margin-right: 10px;
    }

.eventLoc {
    font: italic 12px 'Open Sans', helvetica, arial;
    color: black;
    text-align: left;
    margin-left: 110px;
}

.eventDesc {
    font: 0.85em 'Open Sans', helvetica, arial;
    color: black;
    text-align: left;
    margin: 0 0 30px 110px;
}

/*catalog page styles*/
.sHolder {
    position: relative;
    float: left;
    width: 33%;
    height: 240px;
    text-align: center;
}

    .sHolder .essential {
        position: absolute;
        right: 30px;
        top: 10px;
        z-index: 1000;
    }

.bHolder {
display:inline-block;
vertical-align:bottom;
    width: 33%;
    text-align: center;
    height:350px !important;
}

    .bHolder .essential {
        position: absolute;
        right: 40px;
        top: 20px;
        z-index: 1001;
    }

.sImg {
    text-align: center;
    width: 125px;
    margin: auto;
    display: block;
}

.sName {
    display: block;
    font: 1.2em 'Open Sans', helvetica, arial,serif;
    color: #343434;
}

    .sName:Link, .sName:Visited {
        text-decoration: none;
    }

    .sName:Hover, .sName:Active {
        text-decoration: none;
    }

.cPrice {font: 1em 'Open Sans', helvetica, arial,serif;
         display:block; text-align:center;
}
.sVars {
    font: bold 0.9em 'Open Sans', arial,verdana, 'sans serif',helvetica,geneva;
    text-transform: capitalize;
    white-space: nowrap;
}

    .sVars:Link, .sVars:visited {
        color: #000000;
        text-decoration: underline;
    }

    .sVars:hover, .sVars:active {
        color: #045398;
        text-decoration: none;
    }

/*shoe page styles*/
#dvDetails {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #045398;
    padding: 6px;
    margin: 10px 0;
}

#ulDetails {
    display: none;
}

.sTitle {
    /*display: block;*/
    font: 2.5em 'Open Sans', helvetica, arial, serif;
    color: #013564;
    margin-bottom: 1em;
     /*  padding-bottom: 1em;
 border-bottom: 1px solid #343434;*/
}

.sDesc {
    width: 600px;
    margin: auto;
    font-size: 1.35em;
    color: #343434;
    text-align: left;
}

.sPurchase {
    margin-top: 10px;
}

.sRelated {
    margin: 20px auto;
}

.sPrice {
    font: bold 1.5em 'Open Sans', helvetica, arial,serif;
    color: #013564;
}

.sPriceSale {
    font: bold 1em 'Open Sans',arial;
    background-color: #013564;
    color: #fff;
    display: block;
    margin: 5px auto;
    padding: 1px;
    width: 70px;
    text-align: center;
    text-transform: uppercase;
}

.sPriceSale2 {
    font: bold 1.8em 'Open Sans', helvetica, arial,serif;
    color: #013564;
    margin-bottom: 10px;
}

.sNewArrival {
    font: bold 0.9em 'Open Sans', helvetica, arial,serif;
    color: #013564;
    display: block;
    margin-top: 2px;
    text-transform:uppercase;
        letter-spacing: 0.35em;

}

.sImgVar {display: inline-block; text-align: center; width:105px;margin-top:20px;font-size:0.9em;font-weight:bold;}
.sImgVar img {display:block;}
.sImgVar a:link, .sImgVar a:visited {color: #013564;text-decoration:underline;}
.sImgVar a:hover, .sImgVar a:active {color: #013564;text-decoration:none;}

.btnGreen {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3a73a7), color-stop(1, #013564) );
    background: -moz-linear-gradient( center top, #3a73a7 5%, #013564 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a73a7', endColorstr='#013564');
    background-color: #3a73a7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #1a568d;
    display: inline-block;
    color: #fff;
    font: bold 0.9em 'Open Sans',helvetica;
    letter-spacing:0.2em;
    text-transform:uppercase;
    padding: 2px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #02549e;
    margin: 3px 6px;
}

    .btnGreen:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #013564), color-stop(1, #3a73a7) );
        background: -moz-linear-gradient( center top, #013564 5%, #3a73a7 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013564', endColorstr='#3a73a7');
        background-color: #013564;
    }

    .btnGreen:active {
        position: relative;
        top: 1px;
    }
/* This imageless css button was generated by CSSButtonGenerator.com */
.btnBwnSm {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3a73a7), color-stop(1, #013564) );
    background: -moz-linear-gradient( center top, #3a73a7 5%, #013564 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a73a7', endColorstr='#013564');
    background-color: #3a73a7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1a568d;
    display: inline-block;
    color: #fff;
    font: bold 0.8em 'Open Sans',helvetica;
    letter-spacing:0.2em;
    text-transform:uppercase;
    padding: 2px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #02549e;
    margin: 3px 6px;
}

    .btnBwnSm:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #013564), color-stop(1, #3a73a7) );
        background: -moz-linear-gradient( center top, #013564 5%, #3a73a7 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013564', endColorstr='#3a73a7');
        background-color: #013564;
    }

    .btnBwnSm:active {
        position: relative;
        top: 1px;
    }

a.backbut, a.backbut:link, A.backbut:visited {
    font: bold 10px arial;
    border: solid 1px #000000;
    width: 75px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding: 2px;
    background-color: #555;
}

    A.backbut:hover, A.backbut:active {
        background-color: #045398;
    }

A.buybut, A.buybut:link, A.buybut:visited {
    color: #ffffff;
    font: bold 10px arial,helvetica;
    text-decoration: none;
    background-color: #013564;
    padding: 2px;
    border: solid 1px #000000;
    width: 75px;
    text-align: center;
}

    A.buybut:hover, A.buybut:active {
        background-color: #0070d5;
    }

/* where table */
.state {
    width: 650px;
    border: none;
    border-spacing: 0;
    margin: 20px auto;
    border-collapse: collapse;
}

    .state th {
        font: bold 14px 'Open Sans', helvetica, arial, serif;
        color: #343434;
        text-align: left;
        border: solid 1px #343434;
        background-color: #dddddd;
        padding: 2px;
        width: 50%;
    }

    .state td {
        padding: 10px;
        font-size: 10px;
        color: #000000;
        font-family: 'Open Sans', helvetica;
        text-align: left;
        vertical-align: top;
        width: 50%;
    }

.store {
    font-size: 12px;
    color: #000000;
    font-family: 'Open Sans', helvetica;
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
}
/* end where table */


/* msgbox styles*/
.txtError {
    font-size: 0.9em;
    color: #ff0000;
    font-family: 'Open Sans', helvetica;
    text-align: left;
    margin-left:0.5em;
}

.txtSuccess {
    font: bold 0.9em 'Open Sans', helvetica;
    color: #013564;
    text-align: left;
}
.txtGreen {
    font: bold 0.9em 'Open Sans', helvetica;
    color: #060;
    text-align: left;
}

.txtWarn {
    font: bold 0.9em 'Open Sans', helvetica;
    color: #c60;
    text-align: left;
}

.txtInstruct {
    margin: 0 0 20px 20px;
    font: 1.25em 'Open Sans', helvetica, arial;
    color: #343434;
    font-style: normal;
}
/*wheretobuy styles*/
.whereLink {
    text-align: center;
    width: 100%;
    margin: auto;
    position: relative;
}

.whereImg {
    margin: 10px 40px;
    display: inline-block;
    vertical-align: middle;
}
.whereListing {display:inline-block;width:250px;vertical-align:top;margin-bottom:2em;height:150px;font: 14px 'Open Sans', helvetica;}
.whereName {
    font: bold 1.25em 'Open Sans', helvetica;

}
.whereAddress {}