/* 9a.bUTTONS -  FOR LOG IN HEADER
---------------------------------------------------------------------- */
.button-wrapper {
	list-style:none;
	float: left;
	color: #464646;
	margin-top: 0.2em;
	padding-bottom: 0.5em;
	}
.button-wrapper li {
	float:left;
	display:inline;
	margin-left: 15px;
	}
.button-wrapper li:first-child { margin-left: 0; }



/* --------------------------------------------------------------- */
/* buttons for login */
/* --------------------------------------------------------------- */
#header-box-right ol.button-wrapper li a {
  border-radius: 4px 4px 4px 4px;
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.25) inset;
  color: #f7f7f7;
  display: inline-block;
  font-variant: normal;
  font-weight: 100;
  font-size: 0.8em;
	line-height: 21px;
  margin: 5px 0 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 105px; /* set width for login buttons */
	padding: 0.5em 0.1em;	
	}
				
/* --------------------------------------------------------------- */					
/* gray button gradients */
/* --------------------------------------------------------------- */					
	#header-box-right ol.button-wrapper li a.gray-gradient {
	border: 1px solid #EDEDE8;
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #F8F8F3 0%, #F3F3EE) repeat scroll 0 0 transparent;
	}
	#header-box-right ol.button-wrapper li a.gray-gradient:hover {
	border: 1px solid #EDEDE8;    
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #F4F4EF 0%, #E9E9E4) repeat scroll 0 0 transparent;
	}
	#header-box-right ol.button-wrapper li a.gray-gradient:active {
	border: 1px solid #EDEDE8;    
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #E5E5E1 0%, #CCCCC8);
	}
					
		
/* --------------------------------------------------------------- */					
/* green button gradients */
/* --------------------------------------------------------------- */					
#header-box-right ol.button-wrapper li a.button-green-one {						 
	border: 1px solid #66b536;	 
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #66b536 30%, #589d2f);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #589d2f));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #589d2f));
	}

#header-box-right ol.button-wrapper li a.button-green-one:hover {
	border: 1px solid #66b536;    
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #66b536 30%, #66b536);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #66b536));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #66b536));
	}

#header-box-right ol.button-wrapper li a.button-green-one:active {
	border: 1px solid #66b536;
	text-shadow: 0 -1px 0px #467d25;
	background: -moz-linear-gradient(center top , #66b536 0%, #66b536);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #66b536));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #66b536),
							color-stop(100%, #66b536));
	box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(71, 127, 38, 0.75) inset;		    
	}

			

/* --------------------------------------------------------------- */
/* blue button gradients */
/* --------------------------------------------------------------- */					
#header-box-right ol.button-wrapper li a.button-blue-one { 
	border: 1px solid #059df9;	 
	text-shadow: 0 -1px 0px #055d98;
	background-image: -moz-linear-gradient(center top, #059df9 30%, #0787dc 100%);

	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #0787dc));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #0787dc));
	}

#header-box-right ol.button-wrapper li a.button-blue-one:hover {
	border: 1px solid #059df9;    
	text-shadow: 0 -1px 0px #055d98;
	background: -moz-linear-gradient(center top , #059df9 0%, #059df9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	}

#header-box-right ol.button-wrapper li a.button-blue-one:active {
	border: 1px solid #059df9;
	text-shadow: 0 -1px 0px #055d98;
	background: -moz-linear-gradient(center top , #059df9 0%, #059df9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(4, 85, 138, 0.75) inset;			
	}		
										
/* end buttons for header login */					
/* ---------------------------------------------------------------------- */
					












/* 9b.bUTTONS - FEATURE PRODUCT PAGES
---------------------------------------------------------------------- */
/* button - blue */
a.button-blue-two { 
  color: #f7f7f7;
  display: inline-block;
  font-variant: normal;
  font-weight: 100;
  font-size: 0.8em;
	line-height: 21px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
	padding: .5em 1.5em;
	margin: 5px 0 0 0;	
	border: 1px solid #059df9;	 
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.25) inset;  
	text-shadow: 0 -1px 0px #055d98;
	background-image: -moz-linear-gradient(center top, #059df9 30%, #0787dc 100%);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #0787dc));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #0787dc));
	}

a.button-blue-two:hover {
	color: #f7f7f7;	
	text-shadow: 0 -1px 0px #055d98;
	background: -moz-linear-gradient(center top , #059df9 0%, #059df9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	}

a.button-blue-two:active {
	color: #f7f7f7;
	text-shadow: 0 -1px 0px #055d98;
	background: -moz-linear-gradient(center top , #059df9 0%, #059df9) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #059df9),
							color-stop(100%, #059df9));
	box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(4, 85, 138, 0.75) inset;
	}





/* ------------------------ */
/* button - red */
/*	ed174e light */
/*  b53648 dark  */
a.button-red { 
  color: #f7f7f7;
  display: inline-block;
  font-variant: normal;
  font-weight: 100;
  font-size: 0.8em;
	line-height: 21px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
	padding: .5em 1.5em;
	margin: 0;	
	border: 1px solid #b53648;	 
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.25) inset;  
	text-shadow: 0 -1px 0px #a01f32;
	background-image: -moz-linear-gradient(center top, #ed174e 30%, #b53648 100%);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #ed174e),
							color-stop(100%, #b53648));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #b53648),
							color-stop(100%, #ed174e));
	}
	
a.button-red:hover {
	color: #f7f7f7;	
	text-shadow: 0 -1px 0px #a01f32;
	background: -moz-linear-gradient(center top , #ed174e 0%, #ed174e) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #ed174e),
							color-stop(100%, #ed174e));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #ed174e),
							color-stop(100%, #ed174e));
	}

a.button-red:active {
	color: #f7f7f7;
	text-shadow: 0 -1px 0px #a01f32;
	background: -moz-linear-gradient(center top , #ed174e 0%, #ed174e) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
						color-stop(30%, #ed174e),
						color-stop(100%, #ed174e));
	background-image: -o-linear-gradient(center top, center bottom,
						color-stop(30%, #ed174e),
						color-stop(100%, #ed174e));
	box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(137, 41, 55, 0.85) inset;
	}
a.button-margin-a { margin: 15px 0 0 0; }






/* ------------------------ */
/* button - White */
/*	 light fdfdfd */
/*   dark  f2f2f2 */
a.button-white-one { 
	float: right;
  color: #939292;
  display: inline-block;
  font-variant: normal;
  font-weight: 100;
  font-size: 0.8em;
	line-height: 17px;
  text-align: center;
  text-decoration: none;
	vertical-align: middle;
	padding: 0.5em 2.5em;
	margin:0;
	border: 1px solid #e4e4e4;	 
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.25) inset;
	text-shadow: 0 1px 0px #fff;
	background-image: -moz-linear-gradient(center top, #fdfdfd 30%, #f2f2f2 100%);
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #fdfdfd),
							color-stop(100%, #f2f2f2));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #f2f2f2),
							color-stop(100%, #fdfdfd));
	}

a.button-white-one:hover {
	color: #0787dc;	
	text-shadow: 0 1px 0px #fff;
	background: -moz-linear-gradient(center top , #fdfdfd 0%, #fdfdfd) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
							color-stop(30%, #fdfdfd),
							color-stop(100%, #fdfdfd));
	background-image: -o-linear-gradient(center top, center bottom,
							color-stop(30%, #fdfdfd),
							color-stop(100%, #fdfdfd));
	}

a.button-white-one:active {
	color: #0787dc;
	border: 1px solid #bfbfbf;	 
	text-shadow: 0 1px 0px #fff;
	background: -moz-linear-gradient(center top , #f2f2f2 0%, #f2f2f2) repeat scroll 0 0 transparent;
	background-image: -webkit-gradient(linear, center top, center bottom,
						color-stop(30%, #f2f2f2),
						color-stop(100%, #f2f2f2));
	background-image: -o-linear-gradient(center top, center bottom,
						color-stop(30%, #f2f2f2),
						color-stop(100%, #f2f2f2));
	box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(140, 140, 140, 0.85) inset;
	}

/* for the WHITE video tour button */
a.button-margin-c      { margin: 10px 0 0 0;           }
a.button-margin-c span { padding: 11px 10px 13px 15px; }

/* -------------------------------------------------- */
/* set widths */
.set-button-width-200 { width: 200px; }
.set-button-width-150 { width: 150px; }
/* -------------------------------------------------- */






/* 10b.MEDIA QUERIES
---------------------------------------------------------------------- */
@media (min-device-width:1024px) and (max-width:989px),
              screen and (max-device-width:480px),
              (max-device-width:480px) and (orientation:landscape),
              (min-device-width:481px) and (orientation:portrait) {

div.col-3 .button-wrapper {
	position: relative;
	margin: 10px 40px 0 134px;
	padding-bottom: 0.5em;
	margin-top: 10px;
	}
	
/* for the RED video tour button */		
a.button-margin-a      { margin: 0px 0 0 20px;       }
a.button-margin-a span { padding: 11px 0 13px 15px;  }

/* for the bLUE video tour button */
a.button-margin-b      { margin: 0 0 0 0;            }
a.button-margin-b span { padding: 11px 0 13px 15px;  }

/* for the WHITE video tour button */
a.button-margin-c      { margin: 10px 0 0 0;         }
a.button-margin-c span { padding: 11px 5px 13px 1px; }

}