/* ###### 

Common button styles only, this stylesheet is imported into styles.css  

###### */



.addtoCartBtn{
	font-family: 'Oswald', sans-serif;
	color:white;
	font-size: 18px;
	background:url(/images/shoppingCartBtn-bg.png) center left no-repeat;
	width: 173px;
	height: 40px;
	padding-top: 12px;
	padding-left: 15px;
	display:block;
	text-align:center;
	text-transform:uppercase;	
	cursor:pointer;
	float:right;
}

.addtoCartBtn:hover{
	background:url(/images/shoppingCartBtn-bgR.png) center left no-repeat;
}




a.checkout-btn{
	background:url(/images/proceed-checkout-btn.png) left center no-repeat;
	width: 190px;
	height: 80px;
	display:block;
	text-indent:-99999px;
}

a.checkout-btn:hover{
	background-position:right center;
}



.rounded-orange-btn, .rounded-orange-btn-longer, .rounded-orange-btn-left, .rounded-orange-btn-longest{
	background:url(/images/button-bg.png) left center no-repeat;
	width: 175px;
	height: 50px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 22px;
	line-height: 2;
	display:block;
	text-align:center;

	clear:both;
	margin-top: 10px;
	
	/*position:absolute;

	float:right;
	bottom:20px;
	right:10px;*/
}


.rounded-orange-btn:hover, .rounded-orange-btn-left:hover, .rounded-orange-btn-longest:hover{
	background-position:right center;
	cursor:pointer;
}

.rounded-orange-btn-left{
	position:relative;
	right:auto;
	margin-top: 25px;
	
}

.rounded-orange-btn-longer{
	background:url(/images/button-bg-longer.png) left center no-repeat;
	width: 225px;	
	cursor:pointer
}

.rounded-orange-btn-longer:hover{
 	background-position:right center;
 }
 
 
.rounded-orange-btn-longest{
	background:url(/images/button-bg-longest.png) left center no-repeat;
	width: 375px;	
	cursor:pointer
}
 
 
 
.rounded-orange-btn-shorter, .rounded-orange-btn-shorter-grey{
	background:	url(/images/button-bg-shorter.png) left center no-repeat;
	width: 131px;
	height: 50px;
	color:#fff !important;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 22px;
	line-height: 2.2;
	display:block;
	text-align:center;
	cursor:pointer;
}

.rounded-orange-btn-shorter:hover{
	background-position:right center;
}

.rounded-orange-btn-shorter-grey{
	background-position:right center;
}


.rounded-orange-btn-short-longer{

	background:url(/images/button-bg-short-longer.png) -3px top no-repeat;
	width:153px;
	height: 35px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 22px;
	line-height: 2.2;
	display:block;
	text-align:center;
	cursor:pointer;
}

.rounded-orange-btn-short-longer:hover{
	background-position: -3px -37px;
}




.rounded-orange-btn-shortest, .rounded-orange-btn-shortest-grey{
	background:	url(/images/button-bg-shortest.png) left top no-repeat;
	width: 95px;
	height: 40px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 16px;
	line-height: 2.2;
	display:block;
	text-align:center;
	cursor:pointer;
	border:none;
	padding:0;
	display:block;


}



.rounded-orange-btn-shortest:hover{
	background-position:0 -38px;
	text-decoration:none;
}

.rounded-orange-btn-shortest-grey{
	background-position: 0px -38px;
	text-decoration:none;
}

.rounded-orange-btn-tall{
	background:url(/images/button-bg-tall.png) 0 0  no-repeat;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 22px;
	line-height: 1.1;
	text-align:center;
	padding-top: 16px;
	width: 190px;
	height:62px;
}	

.rounded-orange-btn-tall:hover{
	background-position:-190px 0px;
	text-decoration:none;
}
 
 
 
.tiny-button{
	color:#FF700D !important;
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	font-size: 12px;
	line-height: 10px;
	font-family:Arial, Helvetica, sans-serif;

	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border:1px solid #FF700D;
	
	position:relative;

}

.tiny-button:hover{
	color:#acacac!important;
	border-color:#fff;
	text-decoration:none;
	background:black;
}



.simple-button-orange{
	
	padding: 5px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border:1px solid #FF700D;
	box-shadow: 0 5px 5px #000;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size: 16px;
	line-height: 1;
	text-shadow: 0 1px 1px #ff6a0d;
	text-transform:uppercase;
	display:block;	
	
	
background: #ff820e; /* Old browsers */
background: -moz-linear-gradient(top,  #ff820e 0%, #ff4006 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff820e), color-stop(100%,#ff4006)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff820e 0%,#ff4006 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff820e 0%,#ff4006 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff820e 0%,#ff4006 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff820e 0%,#ff4006 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff820e', endColorstr='#ff4006',GradientType=0 ); /* IE6-9 */

}





.simple-button-orange:hover{
	
background: #ff4006; /* Old browsers */
background: -moz-linear-gradient(top,  #ff4006 5%, #ff820e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ff4006), color-stop(100%,#ff820e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff4006 5%,#ff820e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff4006 5%,#ff820e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff4006 5%,#ff820e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff4006 5%,#ff820e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4006', endColorstr='#ff820e',GradientType=0 ); /* IE6-9 */


text-decoration: none;
color: #993202	
}