/* flexible button for input, checkout, etc.- */


#outerWrapper #contentWrapper a.ovalbutton{
background: transparent url(../images/layout/goldButton_left.gif) no-repeat top left;
display: block;
/*float: left;*/
font-weight: bold;
font: 13px Tahoma; /* Change 13px as desired */
margin:0;
padding:0 0 0 9px;
text-decoration: none;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
}

#outerWrapper #contentWrapper a:link.ovalbutton{color: #393e3a; text-decoration: none; font-weight: bold;} /*button text color*/
#outerWrapper #contentWrapper a:visited.ovalbutton{color: #393e3a; text-decoration: none; font-weight: bold;} /*button text color*/
#outerWrapper #contentWrapper a:active.ovalbutton{color: #393e3a; text-decoration: none; font-weight: bold;} /*button text color*/

#outerWrapper #contentWrapper a:hover.ovalbutton{
color: #393e3a; /*button text color*/
text-decoration: underline;
font-weight: bold;
}
#outerWrapper #contentWrapper a.ovalbutton span{
background: url(../images/layout/goldButton_right.gif) no-repeat top right;
display: block;
padding: 4px 24px 4px 0;
}

#outerWrapper #contentWrapper a.ovalbutton:hover{ /* Hover state CSS */
background-position:0% -24px;
}

#outerWrapper #contentWrapper a.ovalbutton:hover span{ /* Hover state CSS */
background-position: 100% -24px;
color: #393e3a;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* end flexible buttons */

/*****CHECK OUT BUTTON FOR ASSOCIATED ITEMS*****/
a.assocbutton{
background: transparent url(../images/layout/goldButton_left_assoc.gif) 0 0 no-repeat;
display: block;
float: left;
font: normal .9em Tahoma; /* Change as desired */
color: #977f09; /*button text color*/
line-height: 8px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 15px; /* Height of button background height */
padding-left: 6px; /* Width of left menu image */
text-decoration: none;
}

a.assocbutton span{
background: transparent url(../images/layout/goldButton_right_assoc.gif) no-repeat top right;
display: block;
padding: 4px 16px 4px 0;
}

a.assocbutton:hover{ /* Hover state CSS */
background-position: 0 -15.5px;
}

a.assocbutton:hover span{ /* Hover state CSS */
background-position: background-position:-31px 0;
color: #977f09;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*****END CHECK OUT BUTTON FOR ASSOCIATED ITEMS*****/

/***** BUTTON FOR MY LISTS*****/
a.listbutton{
background: transparent url(../images/layout/goldButton_left.gif) no-repeat top left;
display: block;
/*float: left;*/
font-weight: bold;
font: 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}
a:link.listbutton, a:visited.listbutton, a:active.listbutton{
font-weight: bold;
color: #393e3a; /*button text color*/
}

a.listbutton span{
background: transparent url(../images/layout/gbr_myList.gif) no-repeat top right;
display: block;
padding: 4px 25px 4px 0; /*Set 11px to match value of 'padding-left' value above*/
}

a.listbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.listbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #393e3a;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*****END CHECK OUT BUTTON FOR ASSOCIATED ITEMS*****/

/* flexible button for BACK or PREVIOUS- */


a.ovalbuttonB{
background: transparent url(../images/layout/goldButton_left_back.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 22px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbuttonB, a:visited.ovalbuttonB, a:active.ovalbuttonB{
color: #393e3a; /*button text color*/
}
a:hover.ovalbuttonB{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
a.ovalbuttonB span{
background: transparent url(../images/layout/goldButton_right_back.gif) no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonB:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonB:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #393e3a;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* end BACK-PREVIOUS button */

/* Generic square button for CheckOut pages*/
a.genButton{
  background: transparent url(../images/layout/genericBar.gif) no-repeat;
  display: block;
  font: Tahoma;
  height: 20px; /* Height of button background  */
  text-decoration: none;
  background-color: #CCA232;
  text-align: center;
  font-size: .8em;
}

a:link.genButton, a:visited.genButton, a:active.genButton{
color: #393e3a; /*button text color*/
}
a:hover.genButton{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
/*End Generic Square Button*/
/* Square Button for Add to My List*/
a.myListButton {
  background: transparent url(../images/layout/myList_add.gif) no-repeat;
  display: block;
  font: Tahoma;
  height: 20px; /* Height of button background  */
  text-decoration: none;
  background-color: #CCA232;
  text-align: center;
  font-size: 0.8em;
}
a:link.myListButton {
color: #393e3a; /*button text color*/
}
a:visited.myListButton{
color: #393e3a; /*button text color*/
}
a:active.myListButton{
color: #393e3a; /*button text color*/
}
a:hover.myListButton{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
/*End Add to My List Square Button*/

/* Square Button for Add to My List - CART PAGES*/
a.myListButtonCart {
  background: transparent url(../images/layout/myList_add_cart.gif) no-repeat;
  display: block;
  font: Tahoma;
  height: 20px; /* Height of button background  */
  text-decoration: none;
  background-color: #CCA232;
  text-align: center;
  font-size: 0.8em;
}
a:link.myListButtonCart {
color: #393e3a; /*button text color*/
}
a:visited.myListButtonCart{
color: #393e3a; /*button text color*/
}
a:active.myListButtonCart{
color: #393e3a; /*button text color*/
}
a:hover.myListButtonCart{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
/*End Add to My List Square Button - CART PAGES*/
/* Square Button for Update Cart*/
a.updateButton {
  background: transparent url(../images/layout/Update_button.gif) no-repeat;
  display: block;
  font: Tahoma;
  height: 20px; /* Height of button background  */
  text-decoration: none;
  background-color: #CCA232;
  text-align: center;
  font-size: .8em;
}
a:link.updateButton a:visited.updateButton a:active.updateButton{
color: #393e3a; /*button text color*/
}
a:hover.updateButton{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
/*End Add to My List Square Button*/


/*Input Boxes*/
input {
  font:Tahoma;
  background-color:#fff;
  color:#393e3a;
  font-size: 0.95em;
  text-align: left;
  vertical-align: middle;
  line-height: .75em;
  padding-top: 3px;
}

input.search {
  font:Tahoma;
  background-color:#fff;
  font-size: 0.95em;
  border: 1px solid #977f09;
  padding-left: 5px;
  padding-top: 2px;
}

input.texta {
  font:Tahoma;
  background-color:#ececec;
  color:#393e3a;
  font-size: 0.95em;
  text-align: left;
  line-height: 0.85em;
  border: 1px solid #C6A429;
  vertical-align: middle;
  padding-top: 3px;
}

input.textac {
  font:Tahoma;
  background-color:#ececec;
  color:#393e3a;
  /*font-size: 0.95em;*/
  text-align: center;
  vertical-align: middle;
  /*line-height: 0.85em;*/
  border: 1px solid #C6A429;
  padding-top: 3px;
}

input.GradientButton
   {
	font:Tahoma;
	color:#393e3a;
	font-size:0.95em;
	background-color:#c6a429;
	border:1px solid;
	border-right-color:#977f09;
	border-bottom-color:#977f09;

   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C6A429');	text-align: center;
}

hr{
  color: #c6a429;
  background-color: #c6a429;
  height: 1px;
}
select {
  color:#393e3a;
  /* background-color:#e3e2d7;*/
  border: outset #977f09 2.4px;
  font:Tahoma;
  font-size:1em;
  line-height: 120%;
}
.vertLine
{
  background:transparent url(../images/layout/verticalLine.gif) repeat-y;
  vertical-align: top;
}
/*Site Colors
Text Black - #393e3a
Gold - #C6A429
Dark Gold - #977f09
Brown - #775E08
Green - #135721
Light Grey - #999
Input Background - #ececec