@charset "utf-8";
/* CSS Document */

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

.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: 60px;
  clear:both;
  float: left;
  
}


a.boldbuttons, span.boldinputbuttons {  
margin-left:10px;
background: transparent url(/images/gray_left.gif) no-repeat top left;
display: block;
float: left;
font: bold 11px verdana; /* Change 13px as desired */
line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 21px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #2c4fb4; /*button text color*/
}

a.boldbuttons span, span.boldinputbuttons input{

background: transparent url(/images/gray_right.gif) no-repeat top right;
display: block; cursor: pointer;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}

/* ---- Blue Button CSS ---- */
a.blue span {
color: #FFFFFF; /* Bule button text color*/
background:transparent url(/images/blue_right.gif) no-repeat top right;
padding-right: 22px; /*Set 10px to be equal or greater than'padding-left' value above*/

}
a.blue { 
background: transparent url(/images/blue_left.gif) no-repeat top left;
}
a:hover.blue{ /* Hover state CSS */
color: #FFFFFF;
text-decoration: underline;
}

/* --------- Small Button CSS ----------- */
a.smallButton span {
background:transparent url(/images/sm_b_right.gif) no-repeat top right;

}
a.smallButton {
 line-height: 12px;/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
padding: 0px 6px;
height: 18px;
font: normal 10px verdana; 
background: transparent url(/images/sm_b_left.gif) no-repeat top left;
}
/* ---- Cart Button CSS ---- */
a.cartBtn span {
  font-weight:bold;
color: #2c4fb4;  /* Bule button text color*/
background:transparent url(/images/cart_rightBtn.gif) no-repeat top right;
padding-right: 32px; /*Set 10px to be equal or greater than'padding-left' value above*/

}
a.cartBtn { 
background: transparent url(/images/gray_left.gif) no-repeat top left;
}
a:hover.cartBtn{ /* Hover state CSS */
color: #2c4fb4; 
text-decoration: underline;
}



/* ---- CSS for styled input buttons ---- */
span.disableButton{background: transparent url(/images/gray_left.gif) no-repeat top left;}
span.disableButton a:hover{}
span.styledbutton
        {
  cursor:pointer;
  margin-left: 10px;
  background: transparent url(/images/gray_left.gif) no-repeat top left;
            /*display: block;*/
  float: left;
  font: bold 11px verdana; /* Change 13px as desired */
  line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 21px; /* Height of button background height */
  padding-left: 7px; /* Width of left menu image */
  text-decoration: none; 
  }
span.styledbutton a:link, span.styledbutton a:visited, span.styledbutton a:hover, span.styledbutton a:active
        {
            color: #2c4fb4; /*button text color*/

            font-weight: normal;
        }
span.styledbutton input, span.styledbutton a
        {
            background: transparent url(/images/gray_right.gif) no-repeat top right;
            display: block; 
            padding: 3px 10px 5px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
            border: 0px; margin: 0px; 
            text-decoration: none;
            color: #2c4fb4; /*button text color*/
            font-weight: bold;
cursor: pointer; 
        }
        span.styledbutton input:hover, span.styledbutton a:hover
        {
            /* Hover state CSS */
            text-decoration: underline;
        }
/* ---- End CSS for styled input buttons ---- */
/* ---- CSS for BLUE styled input buttons ---- */
span.styledbluebutton
        {
            margin-left: 10px;
cursor: pointer;
            background: transparent url(/images/blue_left.gif) no-repeat top left;
            /*display: block;*/
            float: left;
            font: bold 11px verdana; /* Change 13px as desired */
            line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
            height: 21px; /* Height of button background height */
            padding-left: 7px; /* Width of left menu image */
            text-decoration: none;
        }
span.styledbluebutton a:link, span.styledbluebutton a:visited, span.styledbluebutton a:hover, span.styledbluebutton a:active
        {
            color: #FFFFFF; /*button text color*/
            font-weight: bold; 
        }
span.styledbluebutton input, span.styledbluebutton a
        {
            background: transparent url(/images/blue_right.gif) no-repeat top right;
            display: block;
            padding: 4px 22px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
            border: 0px; 
            text-decoration: none;
            color: #FFFFFF; /*button text color*/
            font-weight: bold;
cursor: pointer; 

        }
        span.styledbluebutton input:hover, span.styledbluebutton a:hover
        {
            /* Hover state CSS */
            text-decoration: underline;
        }
/* ---- End CSS for BLUE styled input buttons ---- */
/*--- Cart Btn----*/
.cartNavigation{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden;
    margin-right: 30px;
    float: right;
    }
.cartNavigation a{ margin-left: 30px;}