@charset "utf-8";
/* CSS Document all-button.css */

.buttonwrapper {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    /*width: 100%;*/
    clear: both;
}

.cartButtonwrapper {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    margin-left: 500px;
}

.recommendButtonwrapper {
    /* Container you can use to surround a CSS button to clear float */
    margin-top: 10px;
    overflow: hidden;
    margin-left: 55px;
}

.portfolioBtnwrapper {
    margin: 20px 0 0 20px;
    overflow: hidden;
    float: left;
}

a.boldbuttons,
span.boldinputbuttons {
    background: transparent url(../images/btnLeft.gif) no-repeat scroll left -66px;
    display: block;
    float: left;
    padding-left: 8px;
    text-decoration: none;
    margin-right: 10px;
    color: #fff;
}

a.boldbuttons span,
span.boldinputbuttons input {
    background: transparent url(../images/btnRight.gif) no-repeat right top;
    /* color: #FFFFFF; */
    display: block;
    cursor: pointer;
    font: bold 15px/32px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
    float: left;
    height: 30px;
    padding: 0px 8px 0px 0px;
    /*Set 10px to be equal or greater than'padding-left' value above*/
    margin: 0px;
}

span.styledbutton input {
    color: #FFF;
    display: block;
    cursor: pointer;
    border: none;
    height: 30px;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius: 6px;
    font-weight: 700;
    padding: 0 20px;
    font-size: 1em;
}

/* Attempting to fix the overflow of the "Place Your Order" button */
/* a.boldbuttons span { padding: 0px 16px 0px 5px; } */

span.boldinputbuttons input {
    margin: 0px;
    padding: 0px 8px 0px 0px;
    float: left;
    height: 30px;
    color: #fff;
    /* Trying to fix the buttons on the sign in page 140701 KMB */
}

a:hover.boldbuttons,
span:hover.styledbutton {
    /* Hover state CSS */
    text-decoration: none;
    /* background-position:  left -99px; */
}

a:hover.boldbuttons span,
span.boldinputbuttons input:hover {
    background-position: right -132px;
}

.PopoupButtonWrapper2 {
    margin: 10px 5px;
}

/* ---- CSS for BLUE styled input buttons ---- */
a.styledbluebutton,
span.styledbluebutton {
    cursor: pointer;
    display: block;
    text-decoration: none;
    float: left;
}

a.styledbluebutton input,
span.styledbluebutton input {
    display: block;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    height: 30px;
    float: left;
    margin: 0px;
    border: none;
    background-color: #337ab7;
    padding: 0 20px;
    border-color: #2e6da4;
    border-radius: 6px;
    color: #FFFFFF;
    text-transform: capitalize;
}



a:hover.styledbluebutton,
span:hover.styledbluebutton {
    background-position: left -33px;
}

a.styledbluebutton input:hover,
span.styledbluebutton input:hover {
    /* Hover state CSS */
    text-decoration: none;
    background-position: right -165px;
}

/*---- -Stationery BTN NEW----*/
a.grayBackBtn {
    padding-left: 20px;
}

a.blue span {
    background-position: right -33px;
    padding-right: 12px;
    color: #fff;
}

a.blueNextBtn span {
    background-position: right -66px;
    padding-right: 23px;
}

a.cartBtn,
a.blue,
a.blueNextBtn {
    background-position: left top;
    float: left;
}

a.cartBtn span {
    /* background-position: right -99px; */
    background-position: right -66px;
    /* padding-right: 33px; */
    text-decoration: none;
}

a:hover.cartBtn,
a:hover.blue,
a:hover.blueNextBtn {
    background-position: left -33px;
}

a:hover.cartBtn span {
    /* background-position: right bottom; */
    background-position: right -66px;
    text-decoration: none;
    color: #fff;
}

a:hover.blue span {
    background-position: right -165px;
    text-decoration: none;
}

a:hover.blueNextBtn span {
    background-position: right -198px;
    text-decoration: none;
}


/* Button Hover class
a:hover.addToCartBtn, a:hover.addToCartBtn span{
  background:none;
  background-color:red;
  }*/
.stationaryCartBtnwrapper {
    overflow: hidden;
}

.addToCartBtnwrapper {
    margin: 15px 5px 15px 5px;
    overflow: hidden;
}

.kitCartBtnwrapper {
    margin: 25px 5px 25px 43.5%;
    overflow: hidden;
}

/*------------Design Tool Small Button Starts Here ------------------*/
.addLineButtonWrapper {
    clear: both;
    margin: 0px 0px 20px 0px;

    overflow: hidden;
}


a.smallButton {
    float: left;
    display: block;
    color: #0058a6;
    text-decoration: none;
    margin-left: 10px;
    padding-left: 3px;
    background: transparent;
}

a.smallButton span input,
a.smallButton span {
    background: #ffffff;
    display: block;
    padding: 3px 10px 4px 5px;
    text-decoration: none;
    text-align: left;
    height: 13px;
    font: normal 11px verdana;
    float: left;
    border: 1px #707070 solid;

}

a:hover.smallButton {
    color: #006ae2;
    background-position: left bottom;
}

a.smallButton span input,
a.smallButton span:hover {
    background-position: right bottom;
}

a.addlineBtn {
    background: transparent url(../images/smallBtn.gif) no-repeat left top;
    padding-left: 20px;
}

a:hover.addlineBtn {
    color: #589624;
    text-decoration: underline;
}


.editKitButtonWrapper {
    clear: both;
    margin-left: 43%;
    padding: 5px 0 10px 0;
    overflow: hidden;
}

a.editKitProBtn {
    background: transparent url(../images/smallBtn.gif) no-repeat left top;
    padding-left: 20px;
    font-weight: bold
}

a:hover.editKitProBtn {
    color: #589624;
    text-decoration: underline;
}


a.blueSmallBtn {
    float: left;
    display: block;
    color: #0058a6;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 3px;
    background: transparent url(../images/blueBtnSmall.gif) no-repeat left top;
}

a.blueSmallBtn span input,
a.blueSmallBtn span {
    background: transparent url(../images/blueBtnSmall.gif) no-repeat right top;
    display: block;
    padding: 2px 8px 2px 5px;
    text-decoration: none;
    text-align: left;
    height: 13px;
    font: bold 10px verdana;
    float: left;
    color: #FFFFFF;
    text-transform: uppercase;
}

a:hover.blueSmallBtn {
    background-position: left bottom;
    color: #ebf3f9;
}

a.blueSmallBtn span:hover {
    background-position: right bottom;
}

/*--- Cart Btn----*/
.cartNavigation {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    margin-right: 70px;
    float: right;
}

.redeemwrapperSmall {
    float: right;
}

.accountBtn {
    clear: both;
    margin-top: 20px;
    padding: 10px;
}