/* 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: bold 13px Tahoma; /* Change 13px as desired */
margin:0;
padding:0 0 0 9px;
text-decoration: none;
}

#outerWrapper #contentWrapper a:link.ovalbutton{color: #393e3a;} /*button text color*/
#outerWrapper #contentWrapper a:visited.ovalbutton{color: #393e3a;} /*button text color*/
#outerWrapper #contentWrapper a:active.ovalbutton{color: #393e3a;} /*button text color*/

#outerWrapper #contentWrapper a:hover.ovalbutton{
color: #393e3a; /*button text color*/
text-decoration: underline;
}
#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 */
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:link.assocbutton, a:visited.assocbutton, a:active.assocbutton{
color: #393e3a; /*button text color*/
}

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: #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*****/

/***** BUTTON FOR MY LISTS*****/
a.listbutton{
background: transparent url(../images/layout/goldButton_left.gif) no-repeat top left;
display: block;
float: left;
font: bold 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{
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: bold 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;
	font-weight: bold;
}
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;
	line-height: .75em;
}

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

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');}
	  
.hrstyle{
	color: #c6a429;
	background-color: #c6a429;
}
select {
	color:#393e3a;
	background-color:#e3e2d7;
	border: outset #977f09 2px;
	font:Tahoma;
	font-size:0.9em;
	line-height: 110%;
} 
.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