/* -------------------------------------------------------------- 
   
   Stencil typography.css
   * Sets up default typography.
  
-------------------------------------------------------------- */

body { font-size: 12px; line-height: 1.7em; font-family: 'Open Sans', Helvetica, sans-serif; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Open Sans', Helvetica, sans-serif;  }

.lato
{
	font-family: 'Lato', sans-serif !important; 
}
.bold
{
	font-weight: 700;
}
.italic
{
	font-style: italic;
}
.no-underline
{
	text-decoration: none;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: 300; }

h1 
{ 
	font-size: 22px; 
	line-height: 1; 
	margin-top: 0; 
	font-family: 'Lato', sans-serif;  
	font-weight: 700;
	color: #555555;
	font-style: italic;
	margin-bottom: 16px;
}
.page_ h1
{
	margin-bottom: 12px;
	font-size: 19px;
}
html.ie6 .page_ h1, html.ie7 .page_ h1, html.ie8 .page_ h1
{
	font-size: 18px;
}
h2 
{ 
	font-size: 17px; 
	margin-bottom: 8px; 
	font-family: 'Lato', sans-serif; 
	margin-top: 0;
	font-weight: 700;
	color: #555555;
}
.page_content h2
{

    margin-top: 18px;
    color: #E63E3E;
}
h3 
{ 
	font-size: 15px; 
	line-height: 1; 
	margin-bottom: 10px; 
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #555;
}
.page_contact-us h3, .thank_you h3
{
	color: #555;
	font-style: normal;
	line-height: 1.3;
}
h4 
{
	font-size: 13px;  
	margin-bottom: 8px; 
	margin-top: 0;
	font-family: 'lato', sans-serif; 
	font-weight: 700;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	text-align: left;
}
h5 { font-size: 12px; margin-bottom: 1.5em; font-family: 'Open Sans', sans-serif; }
h6 { font-size: 11px; }

.page_ .underline
{
	background: url("/images/horiz-div-fade-short.png") left bottom no-repeat;
	padding-bottom: 15px;
}
.underline
{
	background: url("/images/underline-h1-internal.png") left bottom no-repeat;
	padding-bottom: 15px;
}
.title {border-bottom: solid 1px #444; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; text-transform: uppercase;}
h3.product-title {color: #000; font-family: "Futura Bold", Arial, Helvetica, sans-serif;
 text-transform: uppercase; font-size: 12px; font-weight: bold;}
footer h3
{
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	font-size: 15px;
	color: #ccc;
}
.shadow-white
{
	text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
}

/* Font Sizes 
----------------------------- */
.size11 {font-size: 11px;}
.size13 {font-size: 13px;}

/* Text elements
-------------------------------------------------------------- */

p { 
	margin: 0 0 12px; 
	line-height: 1.6;
	color: #333;
}

.size11 {font-size: 11px !important;}
.size14 {font-size: 14px !important;}

.red {color: #e63e3e !important;}

ul { margin: 0;}
ol { list-style-type: decimal; margin: 0; }
li { margin-bottom: .75em; }
	li ul, li ol { margin-top: .5em; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: normal; }
del { color: #000; }



strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Blockquotes
-------------------------------------------------------------- */
blockquote 
{
	background:url(./images/quote.png) no-repeat scroll 12px 12px;
	
	font-family:Georgia,'Times New Roman',Times,Serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	color: #666;
	line-height:1.5em;
	margin:10px 20px 10px 10px;
	padding:15px 30px 15px 52px;
}

blockquote { quotes:"" ""; }


/* Tables
-------------------------------------------------------------- */

table { width: 100%; border: 0; }

	 table thead th
	 {
	 	font-size: 13px;
		font-weight: 700;
		text-align: left;
		padding: 5px 10px;
		background: #E9E9E9;
		background: -moz-linear-gradient(top,  #FFFFFF 0%, #EEE 3%, #DDD 100%);
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.02, #EEE), color-stop(1, #DDD));	
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-family: 'lato', sans-serif;
		color: #666;
		font-style: italic;
	}		
	
	table tbody tr td { background: #FFF; border-bottom: 1px dotted #DDD; }

	table th { padding: 10px 0; }
	table tbody td { padding: 10px; }
	
	table tr.even td { background: #F9F9F9; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }