/* (c) 1999 - 2010 by CaveOfTreasures.com  */
/* CALL: <link href="/B2BImages/ButtonStyle.css" rel="stylesheet" type="text/css" />  */
<style type="text/css">
.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button68 {
    border: none;
    background: url('/b2bimages/up68.gif') no-repeat top left;
    padding: 2px 8px;
	width: 68px;
	height: 23px;
	font-family: Sans-serif;
	font-size:11px;font-weight:bold;
}
.button68:hover {
    border: none;
    background: url('/b2bimages/down68.gif') no-repeat top left;
    padding: 2px 8px;
}
.button102 {
    border: none;
    background: url('/b2bimages/up102.gif') no-repeat top left;
    padding: 2px 8px;
	width: 102px;
	height: 23px;
	font-family: Sans-serif;
	font-size:11px;font-weight:bold;
}
.button102:hover {
    border: none;
    background: url('/b2bimages/down102.gif') no-repeat top left;
    padding: 2px 8px;
}
.button136 {
    border: none;
    background: url('/b2bimages/up136.gif') no-repeat top left;
    padding: 2px 8px;
	width: 136px;
	height: 23px;
	font-family: Sans-serif;
	font-size:11px;font-weight:bold;
}
.button136:hover {
    border: none;
    background: url('/b2bimages/down136.gif') no-repeat top left;
    padding: 2px 8px;
}
.button170 {
    border: none;
    background: url('/b2bimages/up170.gif') no-repeat top left;
    padding: 2px 8px;
	width: 170px;
	height: 23px;
	font-family: Sans-serif;
	font-size:11px;font-weight:bold;
}
.button170:hover {
    border: none;
    background: url('/b2bimages/down170.gif') no-repeat top left;
    padding: 2px 8px;
}
.button204 {
    border: none;
    background: url('/b2bimages/up204.gif') no-repeat top left;
    padding: 2px 8px;
	width: 204px;
	height: 23px;
	font-family: Sans-serif;
	font-size:11px;font-weight:bold;
}
.button204:hover {
    border: none;
    background: url('/b2bimages/down204.gif') no-repeat top left;
    padding: 2px 8px;
}
a {
Text-decoration: none;
}
a.linkbutton {
background: transparent url('/b2bimages/ovalleft.gif') no-repeat top left;
display: block;
float: left;
font-family: Sans-serif;
font-size:11px;font-weight:bold;
color: black;
line-height: 14px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 22px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}
a:link.linkbutton, a:visited.ovalbutton, a:active.ovalbutton {
color: #494949; /*button text color*/
}
a.linkbutton span {
background: transparent url('/b2bimages/ovalright.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.linkbutton:hover { /* Hover state CSS */
background-position: bottom left;
}
a.linkbutton:hover span { /* Hover state CSS */
background-position: bottom right;
color: black;
}
.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%;
}
</style>