/** sprite: buckle; sprite-image: url('../../images/bucklesprite.png'); sprite-layout: vertical */
/** sprite: buckleMed; sprite-image: url('../images/bucklespriteMed.png'); sprite-layout: vertical */
input[type="text"]:focus, input[type="password"]:focus, select:focus {
    outline: none;
}

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

body {
    font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
    color: #404040;
    padding-top: 50px;
}

h1,h2,h3 {
    font-weight: normal;
    color: #999999;
}

h1,h2,h3,h4,h5,h6 {
    -webkit-font-smoothing: antialiased;
}

.page-header {
    color: #999999;
    border-color: #cccccc;
}

input {
    color: #404040;
}

a {
    color: #404040;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a img {
    border: 0 none;
}

a:hover {
    text-decoration: underline;
}

div#wrapper {
    margin: 0 auto;
    width: 967px;
}

div#wrapper div#container {
    width: 967px;
}

div.productBrowsing {
    background-position: top center;
    background-repeat: repeat-y;
    background-image: url(../../images/left_nav_filler.png);
}

#main {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
#main:before,
#main:after {
    display: table;
    content: "";
    line-height: 0;
}
#main:after {
    clear: both;
}

div#main {
    width: 100%;
}

div#main div#right {
    float: left;
    width: 803px;
    margin: 0;
}

div#main div#layout3Content1 {
    float: left;
}

div#main div#layout3Slider {
    margin-left: 5px;
    float: left;
    width: 195px;
    overflow: hidden;
}

div#main div#layout3Text1 {
    text-decoration: blink;
    text-align: center;
    clear: left;
    float: left;
    width: 478px;
    background-color: #E6E6E6;
}

div#main div#layout3Text2 {
    text-decoration: blink;
    border-left: 1px solid #BDBDBD;
    text-align: center;
    float: left;
    width: 477px;
    background-color: #E6E6E6;
}

span.invalid, span.required {
    font-size: 1.1em;
    color: #961207;
    font-weight: bold;
    float: left;
}

.required, span.invalid {
    display: none;
}

span.error {
    font-weight: bold;
    color: #FF0000;
    font-size: 12px;
}

.red {
    color: #961207;
}

.error, .success {
    color: #961207;
    font-size: 12px;
}

.success {
    color: #468847;
}

body .input-error {
    border: 1px solid #961207;
}

.radio.input-error, .checkbox.input-error {
    padding: 5px;
}

body .radio .input-error, body .checkbox .input-error {
    margin-left: 0;
}

body input.input-error, body label.input-error, body textarea.input-error {
    background-color: #F2DEDE;
}

label.input-error {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.invalid-label-marker {
    margin-right: 3px;
    font-size: 14px;
}

/***************************************************************************
************************* Input Styling ************************************
***************************************************************************/
input {
    font-family: Arial, Verdana, sans-serif;
}

input.go, #top_search_submit {
    float: left;
    width: 29px;
    height: 22px;
    border: 0 none;
    background-color: #FFF;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../../images/roundcorner_r_go.png); /** sprite-ref:buckle; */
}

input.go:hover {
    background-image: url(../../images/roundcorner_r_go-ro.png); /** sprite-ref:buckle; */
}

input.arrow, #email_updates_submit {
    float: left;
    width: 27px;
    height: 22px;
    border: 0 none;
    background-color: inherit;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../../images/roundcorner_r_arrow.png); /** sprite-ref:buckle; */
}

input.arrow:hover {
    background-image: url(../../images/roundcorner_r_arrow-ro.png); /** sprite-ref:buckle; */
}

input.inputSearchBox {
    float: left;
    border: 0 none;
    height: 22px;
    line-height: 22px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(../../images/roundcorner_r_box.png) /** sprite-ref:buckleMed; */

}

input.linkSubmit {
    display: inline-block;
    text-decoration: underline;
    background-color: #F2F2F3;
    border: 0px none;
    text-align: center;
    cursor: pointer;
    padding: 0px 6px;
    /* Fixes extra padding issue in IE */
    width: auto;
    overflow: visible;
    margin-top: 2px;
}

select, input[type="text"], input[type="password"], form#brandsForm input#brands_search {
    min-width: 30px;
    background: #fff;
}

textarea {
    border: 1px solid #cccccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

input#searchTerm, input#emailAddress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;

}

/****************************************************************************
********************* Used by the roundedInputs.js file *********************
****************************************************************************/
span.inputContainer {
    position: relative;
}

div.inputWrapOuter {
    float: left;
    height: 22px;
    padding-right: 7px;
    background-repeat: no-repeat;
    background-image: url(../../images/roundcorner_r.png); /** sprite-ref:buckle; sprite-alignment:right; */
}

div.inputWrapInner {
    float: left;
    height: 22px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../../images/roundcorner_r_box.png); /** sprite-ref:buckleMed; sprite-margin-right:8px; */
    padding-left: 5px;
}

input.roundedLeft {
    float: left;
    height: 20px;
    border: 0 none;
    line-height: 20px;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.inputLineHeight {
    line-height: 24px;
}

.topMarginFix span.inputContainer {
    margin-top: -10px;
}

/*********************************************************************************
************************* Button Styling / Rollover effects **********************
*********************************************************************************/
#frontBackOrPocket .btn {
    width: 90px;
}

/***  Used in multiple areas of the site to submit/add  ***/
.btn-link-large {
    display: inline-block;
    height: 39px;
    line-height: 39px;
}

body .bigRedSubmit,
body a.bigRedSubmit,
body input[type="submit"].bigRedSubmit,
body .bigWideRedSubmit {
    display: inline-block;
    border: 0 none;
    width: 119px;
    height: 39px;
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
    color: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0;
    background-image: url(../../images/button_tall-red.png); /** sprite-ref:buckleMed; */
}

.bigRedSubmit:hover {
    background-image: url(../../images/button_tall-red-ro.png); /** sprite-ref:buckleMed; */
    text-decoration: none;
}

body .bigWideRedSubmit {
    font-size: 14px;
    width: 200px;
    background-image: url(../../images/button_tallwide-red.png); /** sprite-ref:buckleMed; */
}

body .bigWideRedSubmit:hover {
    background-image: url(../../images/button_tallwide-red-ro.png); /** sprite-ref:buckleMed; */
    text-decoration: none;
}

.thinRedSubmit {
    display: inline-block;
    border: 0 none;
    width: 90px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    color: #fff;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/button_thin-red.png); /**sprite-ref:buckleMed; */
    font-size: .75em;
}

.thinRedSubmit:hover {
    background-image: url(../../images/button_thin-red-ro.png); /**sprite-ref:buckleMed; */
    text-decoration: none;
}

.thinGraySubmit {
    border: 0 none;
    width: 90px;
    height: 20px;
    display: inline-block;
    color: #404040;
    font-weight: bold;
    font-size:.75em;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../images/button_thin.png); /**sprite-ref:buckleMed; */

}

.thinGraySubmit:hover {
    background-image: url(../../images/button_thin-ro.png); /**sprite-ref:buckleMed; */
    text-decoration: none;
}

.thinGrayBtn {
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #404040;
    background: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 3px;
    width: auto;
    font-size: 11px;
    height: auto;
    padding: 4px 8px;
    font-weight: bold;
}
.thinGrayBtn:hover {
    background: #999999;
}

body .bigGraySubmit {
    display: inline-block;
    border: 0 none;
    width: 119px;
    height: 39px;
    font-weight: bold;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
    color: #fff;
    background: #999 0 0 no-repeat;
    padding: 0;
    text-shadow: none;
}

a.bigBlockButton {
    display: block;
    width: 106px;
    height: 88px;
    background-image: url(../../images/button_brands.png); /**sprite-ref:buckleMed; */
    text-align: center;
}

a.bigBlockButton:hover {
    background-image: url(../../images/button_brands-ro.png); /**sprite-ref:buckleMed; */

}

span.phone {
    font-size: .7em;
    position: relative;
    bottom: 3px;
    left: 8px;
}

.lineThrough {
    text-decoration: line-through;
}

/********************************************************************
 ******************* Specific Width 4 INPUTS ************************
 *******************************************************************/
input.wide {
    width: 299px
}

/* LIMITED TO 299 due to image width */

/********************************************************************
*************** Siteindex/Brands/International *********************
*******************************************************************/

.linkColumns ul {
    line-height: 17px;
}

.linkColumns ul > li {
    list-style-type: none;
    padding-left: 4px;
    font-size: 11px;
    line-height: 17px;
}

.linkColumns .solidHeader {
    background: #ccc;
    font-weight: bold;
}

.linkColumns ul li.solidHeader a {
    cursor: text;
}

.linkColumns ul li.lastLI {
    margin-bottom: 10px;
}

.alert {
    font-size: 12px;
}

.alert .close {
    float: right;
    text-decoration: none;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

/********************************************************************
*************** Bootstrap Affix for Scroll to Top Button ************
*******************************************************************/
.p-affix {
    visibility: hidden;
    z-index: 1;
    bottom: 75px;
    top: auto;
    right: 0;
}

.affix {
    visibility: visible;
    position: fixed;
}

.up-arrow {
    display: block;
    height: 16px;
    width: 25px;
    position: relative;
    left: 16px;
    top: 15px;
    background-image: url(../../images/arrow_to_top.png); /** sprite-ref:buckle; sprite-margin-bottom:1px; */
    background-repeat: no-repeat;
}

.tab-large {
    display: block;
    height: 83px;
    width: 53px;
    background-image: url(../../images/button_scroll_to_top.png); /** sprite-ref:buckle; sprite-margin-bottom:1px; */
}

.tab-large:hover {
    text-decoration: none;
}

.back-to-top {
    display: block;
    width: 35px;
    position: relative;
    top: 22px;
    left: 11px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    text-align: center;
}

/******************************************************************
********************** I18N Welcome Mat ***************************
*******************************************************************/
div#i18nWelcomeMat {
    display: none;
    background: #fff;
    z-index: 100;
    width: 645px;
    min-height: 445px;
    margin-top: 170px;
}

div#i18nWelcomeMatHeader {
    padding: 30px 0 15px 30px;
    background-color: #cccccc;
    font-weight: bold;
}

span#i18nWelcomeShopText {
    margin-bottom: 5px;
    display: block;
}

div#i18nWelcomeMatContent {
    margin: 10px 0 10px 25px;
    width: 595px;
    overflow: hidden;
    font-size: 14px;
}

div#i18nWelcomeMatContent span {
    font-size: 16px;
}

div#i18nWelcomeMatContent ul {
    list-style-type: disc;
    margin-left: 25px;
    line-height: 25px;
}

div#i18nWelcomeMatContent li {
    list-style-type: disc;
}

div#i18nWelcomeMatContent hr {
    margin: 15px 0 20px 0;
    border: 1px solid #cccccc;
}

div#i18nWelcomeMatSubContent {
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
}

div#i18nWelcomeMatSubContent a {
    color: #cccccc;
    text-decoration: underline;
}

div#i18nWelcomeMat .arrow-down {
    width: 0;
    height: 0;
    margin-left: 25px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #cccccc;
}

/*so templates shared (mobile and desktop) templates do not have large buttons*/
body .btn-large {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
body .btn-large-desktop {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

hr {
    border-color: #cccccc;
}

.nav-tabs > li > a {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #dddddd;
    border-bottom: none;
    margin-right: 4px;
}

.nav-tabs > li > a:hover {
    background-color: #dddddd;
}

.nav-tabs {
    margin-bottom: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active a:link,
.nav-tabs li.active a:visited,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus
{
    color: #961207;
}

.tab-content {
    padding: 20px 0;
    border: 1px solid #dddddd;
    border-top: none;
}

td.text-right {
    text-align: right;
}

.modal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-header {
    background-color: #cccccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.modal-header h3 {
    font-size: 16px;
    color: #000000;
}

.loading {
    height: 24px;
    width: 24px;
    display: inline-block;
    background: #ffffff url(../../images/loading.gif) no-repeat 0 0;
    margin-left: 2px;
    margin-right: 2px;
}
.loading.hidden {
    display: none;
}

.view-bag.navbar {
    border-top: 1px solid #dddddd;
}
.view-bag.navbar .container {
    padding: 20px 0;
}
.view-bag.navbar small {
    margin-left: 5px;
}
.view-bag .last-added:hover {
    text-decoration: none;
}

.page-account_accept_terms #main {
    font-size: 14px;
}

.page-account_accept_terms #main label {
    margin-bottom: 10px;
}

body .row-fluid select[class*="span"] {
  margin-left: 1.5%;
}