/*------------------------------- Buttons ----------------------------------*/

.btn {
	margin: 1px; 	padding: 4px 8px;	border: 1px solid #ADD8E6; background: white url(images/th-btn.png) repeat-x bottom; color: #4682B4; font-weight: bold; 
	display: block; text-decoration: none;  }
	
.btn:hover {
	border: 1px solid #999; background: white url(images/grad1-topthin.gif) repeat-x top; color: #30597C; }
	
	
.btn-xs, .btn-s, .btn-m, .btn-l, .btn-xl, .btn-xxl,
.btn2-xs, .btn2-s, .btn2-m, .btn2-l, .btn2-xl, .btn2-xxl, 
.btn3-xs, .btn3-s, .btn3-m, .btn3-l, .btn3-xl, .btn3-xxl,
.btn4-xs, .btn4-s, .btn4-m, .btn4-l, .btn4-xl, .btn4-xxl,
.btn5-xs, .btn5-s, .btn5-m, .btn5-l, .btn5-xl, .btn5-xxl, .side-box input.subscribe   
{ 
				border: none !important;  margin: 1px; padding: 0  !important;  text-align: center; text-transform: capitalize;
				height: 19px !important; line-height: 19px !important;  font-size: 11px !important; vertical-align: middle !important;
				font-family: Arial, sans-serif !important; font-weight: bold !important; text-decoration: none !important; cursor: pointer;
}

a.btn-xs, a.btn-s, a.btn-m, a.btn-l, a.btn-xl, a.btn-xxl, 
a.btn2-xs, a.btn2-s, a.btn2-m, a.btn2-l, a.btn2-xl, a.btn2-xxl, 
a.btn3-xs, a.btn3-s, a.btn3-m, a.btn3-l, a.btn3-xl, a.btn3-xxl,
a.btn4-xs, a.btn4-s, a.btn4-m, a.btn4-l, a.btn4-xl, a.btn4-xxl,
a.btn5-xs, a.btn5-s, a.btn5-m, a.btn5-l, a.btn5-xl, a.btn5-xxl     
				{ display: block !important; line-height: 21px !important; }
				

/*  lite buttons for darker backgrounds  */				
.btn-xs { background:  url(images/th-btn-xs.png) no-repeat left !important;   width: 34px !important; color: #30597C !important; }
.btn-xs:hover { background: url(images/th-btn2-xs.gif) no-repeat  left !important; color: white !important; }

.btn-s { background:  url(images/th-btn-s.png) no-repeat left !important;   width: 55px !important; color: #30597C !important; }
.btn-s:hover { background: url(images/th-btn2-s.gif) no-repeat  left !important; color: white !important; }

.btn-m { background:  url(images/th-btn-m.png) no-repeat left !important;   width: 75px !important; color: #30597C !important; }
.btn-m:hover { background: url(images/th-btn2-m.gif) no-repeat  left !important; color: white !important; }

.btn-l, .side-box input.subscribe { background:  url(images/th-btn-l.png) no-repeat left !important;   width: 105px !important; color: #30597C !important; }
.btn-l:hover, .side-box input.subscribe:hover { background: url(images/th-btn2-l.gif) no-repeat  left !important; color: white !important; }

.btn-xl { background:  url(images/th-btn-xl.png) no-repeat left !important;   width: 155px !important; color: #30597C !important; }
.btn-xl:hover { background: url(images/th-btn2-xl.gif) no-repeat  left !important; color: white !important; }

.btn-xxl { background:  url(images/th-btn-xxl.png) no-repeat left !important;   width: 200px !important; color: #30597C !important; }
.btn-xxl:hover { background: url(images/th-btn2-xxl.png) no-repeat  left !important; color: white !important; }


/*  dark buttons for lite backgrounds  */
.btn2-xs { background:  url(images/th-btn2-xs.png) no-repeat left !important;   width: 34px !important; color: #FFF !important; }
.btn2-xs:hover { background: url(images/th-btn2-xs.gif) no-repeat  left !important; color: white !important; }

.btn2-s { background:  url(images/th-btn2-s.png) no-repeat left !important;   width: 55px !important; color: #FFF !important; }
.btn2-s:hover { background: url(images/th-btn2-s.gif) no-repeat  left !important; color: white !important; }

.btn2-m { background:  url(images/th-btn2-m.png) no-repeat left !important;   width: 75px !important; color: #FFF !important; }
.btn2-m:hover { background: url(images/th-btn2-m.gif) no-repeat  left !important; color: white !important; }

.btn2-l { background:  url(images/th-btn2-l.png) no-repeat left !important;   width: 105px !important; color: #FFF !important; }
.btn2-l:hover { background: url(images/th-btn2-l.gif) no-repeat  left !important; color: white !important; }

.btn2-xl { background:  url(images/th-btn2-xl.png) no-repeat left !important;   width: 155px !important; color: #FFF !important; }
.btn2-xl:hover { background: url(images/th-btn2-xl.gif) no-repeat  left !important; color: white !important; }

/* shipping quote button */
#shipping input.btn2-xl { margin-top: 10px; margin-bottom: 10px; }

.btn2-xxl { background:  url(images/th-btn2-xxl.png) no-repeat left !important;   width: 200px !important; color: #FFF !important; }
.btn2-xxl:hover { background: url(images/th-btn2-xxl.png) no-repeat  left !important; color: white !important; }


/* black buttons */
.btn3-xs { background:  url(images/th-btn3-xs.png) no-repeat left !important;   width: 34px !important; color: #FFF !important; }
.btn3-xs:hover { background: url(images/th-btn2-xs.gif) no-repeat  left !important; color: white !important; }

.btn3-s { background:  url(images/th-btn3-s.png) no-repeat left !important;   width: 55px !important; color: #FFF !important; }
.btn3-s:hover { background: url(images/th-btn2-s.gif) no-repeat  left !important; color: white !important; }

.btn3-m { background:  url(images/th-btn3-m.png) no-repeat left !important;   width: 75px !important; color: #FFF !important; }
.btn3-m:hover { background: url(images/th-btn2-m.gif) no-repeat  left !important; color: white !important; }

.btn3-l { background:  url(images/th-btn3-l.png) no-repeat left !important;   width: 105px !important; color: #FFF !important; }
.btn3-l:hover { background: url(images/th-btn2-l.gif) no-repeat  left !important; color: white !important; }

.btn3-xl { background:  url(images/th-btn3-xl.png) no-repeat left !important;   width: 155px !important; color: #FFF !important; }
.btn3-xl:hover { background: url(images/th-btn2-xl.gif) no-repeat  left !important; color: white !important; }

.btn3-xxl { background:  url(images/th-btn3-xxl.png) no-repeat left !important;   width: 200px !important; color: #FFF !important; }
.btn3-xxl:hover { background: url(images/th-btn2-xxl.png) no-repeat  left !important; color: white !important; }

/* red buttons */
.btn4-xs { background:  url(images/th-btn4-xs.png) no-repeat left !important;   width: 34px !important; color: #FFF !important; }
.btn4-xs:hover { background: url(images/th-btn2-xs.gif) no-repeat  left !important; color: white !important; }

.btn4-s { background:  url(images/th-btn4-s.png) no-repeat left !important;   width: 55px !important; color: #FFF !important; }
.btn4-s:hover { background: url(images/th-btn2-s.gif) no-repeat  left !important; color: white !important; }

.btn4-m { background:  url(images/th-btn4-m.png) no-repeat left !important;   width: 75px !important; color: #FFF !important; }
.btn4-m:hover { background: url(images/th-btn2-m.gif) no-repeat  left !important; color: white !important; }

.btn4-l { background:  url(images/th-btn4-l.png) no-repeat left !important;   width: 105px !important; color: #FFF !important; }
.btn4-l:hover { background: url(images/th-btn2-l.gif) no-repeat  left !important; color: white !important; }

.btn4-xl { background:  url(images/th-btn4-xl.png) no-repeat left !important;   width: 155px !important; color: #FFF !important; }
.btn4-xl:hover { background: url(images/th-btn2-xl.gif) no-repeat  left !important; color: white !important; }

.btn4-xxl { background:  url(images/th-btn4-xxl.png) no-repeat left !important;   width: 200px !important; color: #FFF !important; }
.btn4-xxl:hover { background: url(images/th-btn2-xxl.png) no-repeat  left !important; color: white !important; }

/* red buttons */
.btn5-xs { background:  url(images/th-btn5-xs.png) no-repeat left !important;   width: 34px !important; color: #EEE !important; }

.btn5-s { background:  url(images/th-btn5-s.png) no-repeat left !important;   width: 55px !important; color: #EEE !important; }

.btn5-m { background:  url(images/th-btn5-m.png) no-repeat left !important;   width: 75px !important; color: #EEE !important; }

.btn5-l { background:  url(images/th-btn5-l.png) no-repeat left !important;   width: 105px !important; color: #EEE !important; }

.btn5-xl { background:  url(images/th-btn5-xl.png) no-repeat left !important;   width: 155px !important; color: #EEE !important; }

.btn5-xxl { background:  url(images/th-btn5-xxl.png) no-repeat left !important;   width: 200px !important; color: #EEE !important; }