/* File: /css/all-button.css */
.buttonwrapper {
  overflow: hidden;
  width: 100%;
}

.cartButtonwrapper {
  overflow: hidden;
  margin-left: 500px;
}

.recommendButtonwrapper {
  margin-top: 10px;
  overflow: hidden;
  margin-left: 40px;
}

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

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

a.boldbuttons span, span.boldinputbuttons input, span.styledbutton input {
  background: transparent url(../images/btnRight.gif) no-repeat right top;
  color: #585858;
  display: block;
  cursor: pointer;
  font-family: helvetica,arial,freesans,clean,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
  white-space: nowrap;
  border: none;
  float: left;
  padding: 4px 8px 9px 0px;
  text-transform: capitalize;
  margin: 0px;
}

a.boldbuttons span {
  padding: 9px 16px 8px 8px;
  height: 16px;
}

a.boldbuttons.cartBtn span{
  padding-top: ;
}

span.boldinputbuttons input, span.styledbutton input {
  margin: 0px;
  padding: 9px 8px 10px 0px;
  float: left;
  height:  32px;
  text-transform: capitalize;
}

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

a:hover.boldbuttons span, span.styledbutton a:hover, span.boldinputbuttons input:hover, span.styledbutton input:hover {
  background-position: right -132px;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  text-transform: capitalize;
}

.SubStore a:hover.boldbuttons, .SubStore span:hover.styledbutton {
  text-decoration: none;
  background-position: left -133px !important;
}

.SubStore a:hover.boldbuttons.smallButton {
  text-decoration: none;
  background-position: left top !important;
}

.SubStore a:hover.boldbuttons span, .SubStore span.styledbutton a:hover, .SubStore span.boldinputbuttons input:hover, .SubStore span.styledbutton input:hover {
  background-position: right -265px !important;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  text-transform: capitalize;
}

.SubStore a:hover.boldbuttons.smallButton span {
  background-position: right top !important;
  color:  #000;
  text-shadow: none;
  text-transform: capitalize;
}




.PopoupButtonWrapper2 {
  margin: 10px 5px;
}

/* ---- CSS for BLUE styled input buttons ---- */

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

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

a.styledbluebutton input, span.styledbluebutton input {
  background:url("../images/btnRight.gif") no-repeat scroll right -33px transparent;
  border:medium none;
  color:#333;
  cursor:pointer;
  display:block;
  float:left;
  font:bold 12px helvetica,arial,freesans,clean,sans-serif;
  height:32px;
  margin:0;
  padding:4px 10px 7px 5px;
  text-shadow:1px 1px 0 #FFFFFF;
  text-transform:capitalize;
}

.SubStore a.styledbluebutton input:hover, .SubStore span.styledbluebutton input:hover {
  /*Hover state CSS */
  text-decoration: none;
  background-position: right -265px;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  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;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  text-transform: capitalize;
}

/*---- -Stationery BTN NEW----*/

a.grayBackBtn {
  padding-left: 20px;
}

a.blue span {
  background-position: right -33px;
  color: #333;
  height: 16px;
}

a.blueNextBtn span {
  background-position: right -66px;
  padding-right: 28px;
  color: #333;
  padding-top:  10px;
  height: 15px;
}

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

a.blueNextBtn {
  float: left;
}

a.cartBtn span {
  background-position: right -99px;
  padding-right: 33px;
  text-decoration: none;
  height: 18px;
  padding-top: 11px;
}

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

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

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

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

.stationaryCartBtnwrapper {
  overflow: hidden;
}

.addToCartBtnwrapper {
  margin: 15px 0px 15px 0px;
  overflow: hidden;
  width: 305px;
}

.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-right: 10px;
  padding-left: 3px;
  cursor: pointer;
  background: transparent url(../images/smallBtn.gif) no-repeat left top;
}

.Substore a.smallButton:hover {
  background-position: left top !important;
}

a.smallButton span input, a.smallButton span {
  background: transparent url(../images/smallBtn.gif) no-repeat right top;
  display: block;
  padding: 3px 8px 4px 5px;
  text-decoration: none;
  text-align: left;
  height: 13px;
  font: normal 11px verdana;
  float: left;
  cursor: pointer;
}

a:hover.smallButton span input, a:hover.smallButton span {
  background-position: right top !important;
}




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;
}

/*--- Cart Btn----*/

.cartNavigation {
  overflow: hidden;
  margin-right: 70px;
  float: right;
}

.redeemwrapperSmall {
  float: right;
}

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

.accountBtn a {
  float: left;
}

/*-- Celadon Road --*/
.CeladonRoad a.boldbuttons span, .CeladonRoad span.boldinputbuttons input, /*.CeladonRoad span.styledbutton,*/ .CeladonRoad span.styledbutton input, .CeladonRoad a.boldinputbuttons, .CeladonRoad a.smallbutton, .CeladonRoad a.styledbluebutton, .CeladonRoad span.styledbluebutton input {
  background: #bdd3b8; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #bdd3b8 32%, #bdd3b8 66%, #a8d59e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(32%,#bdd3b8), color-stop(66%,#bdd3b8), color-stop(100%,#a8d59e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a8d59e',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* W3C */  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;display:block;
  border: 1px solid #929292;
  float:left;
  /*margin-right:10px;*/
  padding-left:8px;
  text-decoration:none;
  text-transform:capitalize;
}

.CeladonRoad a:hover.boldbuttons span, /*.CeladonRoad span.styledbutton:hover,*/ .CeladonRoad span.styledbutton a:hover, .CeladonRoad span.boldinputbuttons input:hover, .CeladonRoad span.styledbutton input:hover, .CeladonRoad a.boldinputbuttons:hover, .CeladonRoad a.smallbutton:hover, .CeladonRoad a.styledbluebutton:hover, .CeladonRoad span.styledbluebutton input:hover  {
  background: #5f3811; /* Old browsers */
  background: -moz-linear-gradient(top, #5f3811 0%, #5f3811 12%, #8e5d3e 80%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f3811), color-stop(12%,#5f3811), color-stop(80%,#8e5d3e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3811', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* W3C */
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  text-transform: capitalize;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display:block;
  border: 1px solid #929292;
  float:left;
  /*margin-right:10px;*/
  padding-left:8px;
  text-decoration:none;
  text-transform:capitalize;
}
.CeladonRoad a.boldbuttons:hover, .CeladonRoad span.styledbutton:hover, .CeladonRoad * * * * * * * * a.smallButton, .CeladonRoad * * * * * * * * a.boldbuttons.smallbutton:hover, .CeladonRoad a.boldbuttons.smallButton:hover, .CeladonRoad a.boldbuttons, .CeladonRoad span.styledbluebutton, .CeladonRoad span.styledbluebutton:hover {
    background-position: right -200px !important;
    text-decoration: none;
  margin:0;
}
.CeladonRoad a.boldbuttons:hover span, .CeladonRoad span.styledbutton a:hover, .CeladonRoad span.boldinputbuttons input:hover, .CeladonRoad span.styledbutton input:hover, .CeladonRoad a.boldinputbuttons:hover {
   background-position: right 0px !important;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
}
.CeladonRoad span.styledbutton, .CeladonRoad span.styledbutton:hover{
  border-width: 0;
  background: none !important;
  border: medium none;
  margin: 0 auto;
  overflow: hidden;
}
.CeladonRoad a.cartBtn, .CeladonRoad a.blue, .CeladonRoad a.blueNextBtn, .CeladonRoad a.cartBtn span {
  height: auto;
  padding: 9px 9px;
}
.CeladonRoad span#ctl00_MainContent_ShoppingCart_NavigationContinueShoppingText {
  margin-top: 10px;
}
.CeladonRoad span.styledbutton:hover, {
background-position: right 0 !important;
}
.CeladonRoad a.boldbuttons.smallButton:hover span {
  color: #FFFFFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.CeladonRoad span.styledbutton input, .CeladonRoad span.styledbutton input:hover, .CeladonRoad span.styledbluebutton input, .CeladonRoad span.styledbluebutton input:hover{
  overflow: hidden;
}

.CeladonRoad span.boldinputbuttons input, .CeladonRoad span.styledbutton input {
    padding-top: 8px;
}
.CeladonRoad a.boldbuttons span, .CeladonRoad a.boldbuttons span:hover {
    padding: 9px 8px 8px 8px;
}
.CeladonRoad a.smallButton span, .CeladonRoad a.smallButton span:hover, .CeladonRoad a.boldbuttons.smallButton:hover span {
  padding: 3px;
  margin: 0;
}
.CeladonRoad a.styledbluebutton input, .CeladonRoad span.styledbluebutton input {
height: 34px;
}
.CeladonRoad #continueGuestBtn {
margin: 45px auto auto 70px;
}
.CeladonRoad a.smallButton, .CeladonRoad a.smallbutton:hover, .CeladonRoad a.smallButton span:hover, .CeladonRoad a.smallButton span, .CeladonRoad a.boldbuttons span, .CeladonRoad a.boldbuttons span:hover, {
margin-right: 5px;
}
.CeladonRoad #addressContinue a.boldbuttons {
margin-bottom: 10px;
}
.CeladonRoad #addressContinue a.blue span, .CeladonRoad #addressContinue a.blue span:hover {
position:absolute;
top: 205px;
margin: 0;
}
/*-- Gano Excel --*/
.GanoExcel a.boldbuttons span, .GanoExcel span.boldinputbuttons input, /*.GanoExcel span.styledbutton,*/ .GanoExcel span.styledbutton input, .GanoExcel a.boldinputbuttons, .GanoExcel a.smallbutton, .GanoExcel a.styledbluebutton, .GanoExcel span.styledbluebutton input {
  background: #bdd3b8; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #bdd3b8 32%, #bdd3b8 66%, #a8d59e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(32%,#bdd3b8), color-stop(66%,#bdd3b8), color-stop(100%,#a8d59e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a8d59e',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%,#bdd3b8 32%,#bdd3b8 66%,#a8d59e 100%); /* W3C */  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;display:block;
  border: 1px solid #929292;
  float:left;
  /*margin-right:10px;*/
  padding-left:8px;
  text-decoration:none;
  text-transform:capitalize;
}

.GanoExcel a:hover.boldbuttons span, /*.GanoExcel span.styledbutton:hover,*/ .GanoExcel span.styledbutton a:hover, .GanoExcel span.boldinputbuttons input:hover, .GanoExcel span.styledbutton input:hover, .GanoExcel a.boldinputbuttons:hover, .GanoExcel a.smallbutton:hover, .GanoExcel a.styledbluebutton:hover, .GanoExcel span.styledbluebutton input:hover  {
  background: #5f3811; /* Old browsers */
  background: -moz-linear-gradient(top, #5f3811 0%, #5f3811 12%, #8e5d3e 80%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f3811), color-stop(12%,#5f3811), color-stop(80%,#8e5d3e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3811', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #5f3811 0%,#5f3811 12%,#8e5d3e 80%,#ffffff 100%); /* W3C */
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  text-transform: capitalize;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display:block;
  border: 1px solid #929292;
  float:left;
  /*margin-right:10px;*/
  padding-left:8px;
  text-decoration:none;
  text-transform:capitalize;
}
.GanoExcel a.boldbuttons:hover, .GanoExcel span.styledbutton:hover, .GanoExcel * * * * * * * * a.smallButton, .GanoExcel * * * * * * * * a.boldbuttons.smallbutton:hover, .GanoExcel a.boldbuttons.smallButton:hover, .GanoExcel a.boldbuttons, .GanoExcel span.styledbluebutton, .GanoExcel span.styledbluebutton:hover {
    background-position: right -200px !important;
    text-decoration: none;
  margin:0;
}
.GanoExcel a.boldbuttons:hover span, .GanoExcel span.styledbutton a:hover, .GanoExcel span.boldinputbuttons input:hover, .GanoExcel span.styledbutton input:hover, .GanoExcel a.boldinputbuttons:hover {
   background-position: right 0px !important;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: capitalize;
}
.GanoExcel span.styledbutton, .GanoExcel span.styledbutton:hover{
  border-width: 0;
  background: none !important;
  border: medium none;
  margin: 0 auto;
  overflow: hidden;
}
.GanoExcel a.cartBtn, .GanoExcel a.blue, .GanoExcel a.blueNextBtn, .GanoExcel a.cartBtn span {
  height: auto;
  padding: 0px;
}
.GanoExcel span#ctl00_MainContent_ShoppingCart_NavigationContinueShoppingText {
  margin-top: 10px;
}
.GanoExcel span.styledbutton:hover, {
background-position: right 0 !important;
}
.GanoExcel a.boldbuttons.smallButton:hover span {
  color: #FFFFFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.GanoExcel a.boldbuttons blue span {
}

.GanoExcel span.styledbutton input, .GanoExcel span.styledbutton input:hover, .GanoExcel span.styledbluebutton input, .GanoExcel span.styledbluebutton input:hover{
  overflow: hidden;
}

.GanoExcel span.boldinputbuttons input, .GanoExcel span.styledbutton input {
    padding-top: 8px;
}
.GanoExcel a.boldbuttons span, .GanoExcel a.boldbuttons span:hover {
    padding: 9px 8px 8px 8px;
}
.GanoExcel a.smallButton span, .GanoExcel a.smallButton span:hover, .GanoExcel a.boldbuttons.smallButton:hover span {
  padding: 3px;
  margin: 0;
}
.GanoExcel a.styledbluebutton input, .GanoExcel span.styledbluebutton input {
height: 34px;
}
.GanoExcel #continueGuestBtn {
margin: 45px auto auto 70px;
}
.GanoExcel a.smallButton, .GanoExcel a.smallbutton:hover, .GanoExcel a.smallButton span:hover, .GanoExcel a.smallButton span, .GanoExcel a.boldbuttons span, .GanoExcel a.boldbuttons span:hover, {
margin-right: 5px;
}
.GanoExcel #addressContinue a.boldbuttons {
margin-bottom: 10px;
}
.GanoExcel #addressContinue a.blue span, .GanoExcel #addressContinue a.blue span:hover {
position:absolute;
top: 205px;
margin: 0;
}