/***************************************************************** 
  
   reset.css
   * Resets default browser CSS.
   
*****************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

aside, audio, command, figure, figcaption, footer, header, menu, nav, section, video { display: block; }

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/**************************************************************** 

   typography.css
   * Sets up some sensible default typography.
   
   		Colors:
   			Blue			:	#1695d8 rgb(22, 149, 216)
   			Green			:	#a4c91a rgba(114, 182, 31, 1)  //a4c91a
   			Gray			:	#777 rgba(119, 119, 119, .7)
   			LightGray	: #999
   			DarkGray	: #444
   
****************************************************************/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
	font-size: 75%;
	color: #333; 
	background: #f2f2f2;
	font-family: "Helvetica Neue", Trebuchet, Arial, Helvetica, sans-serif;
}


@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('OpenSans-LightItalic-webfont.eot');
    src: url('OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-LightItalic-webfont.woff') format('woff'),
         url('OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('OpenSans-BoldItalic-webfont.eot');
    src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('OpenSans-ExtraBold-webfont.eot');
    src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: 'OpenSansLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: normal; color: #111; }

h1 { font-size: 35px; line-height: 1.3; margin-bottom: 1.3em; color: rgb(114, 182, 31); }
h2 { font-size: 1.5em; line-height: 1.4; margin-bottom: 1.25em; font-weight: normal; color: #693; }
h3 { font-size: 1.25em; line-height: 1.4; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 0.75em;  color: rgb(22, 149, 216);}
h5 { font-size: 1em; font-weight: bold; margin-bottom: .5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     			{ color: #444;  }
a           			{ color: #777; text-decoration: underline; }
/*
a img					{ border: 1px solid #ccc; }
a:hover img				{ border-color: #327FC2; }
*/

a:after					{ 
	margin-left:5px; 
	opacity: .5; 
	zoom:1; /*needed for ie filter*/
	filter: alpha(opacity = 50);
}
a:hover:after 												{ opacity: .25; filter: alpha(opacity = 25); display: inline-block; }
a.external:after											{ content:url(../img/external_link_icon_black.gif); }
a.external.pdf:after									{ content:url(../img/doc_icon_gray.gif); }
a.audio:after													{ content:url(../img/audio_icon_gray.gif); }
a.video:after													{ content:url(../img/video_icon_gray.gif); }

#nav a.external:after									{content:url(../img/external_link_icon_white.gif);}
#nav a.external.pdf:after							{content:url(../img/doc_icon_white.gif);}
#nav a.audio:after										{content:url(../img/audio_icon_white.gif);}
#nav a.video:after										{content:url(../img/video_icon_white.gif);}

#nav .flyOut a.external:after					{ content: url(../img/external_link_icon_gray.gif); }
#nav .flyOut a.external.pdf:after			{ content: url(../img/doc_icon_gray.gif); }
#nav .flyOut a.external.audio:after		{ content: url(../img/audio_icon_gray.gif); }
#nav .flyOut a.external.video:after		{ content: url(../img/video_icon_gray.gif); }

audio, video { width:100%; }

blockquote  { margin: 1.5em; color: #777; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; font-size: .5em; font-weight: normal; font-weight: 100; }

abbr, 
acronym     { border-bottom: 1px dotted #777; }
#nav abbr,
#nav acronym { border-color: #fff; }

address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#777; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

li.title		{ list-style: none; color:rgb(22, 149, 216); margin-left: -1.5em; padding-left: 0; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Images
-------------------------------------------------------------- */
img 					 { 	 
							display:block;  
						 }

.imgBox.left							{ float: left; margin-left: 0; }
.imgBox.right							{ float: right; margin-right:0; }
figcaption, .caption			{ color: #2780cd; font-size: 1.2em; text-align: center; }
.captionLeft img					{ float: right; margin:0 0 10px 10px; }
.captionRight img					{ float: left; margin: 0 10px 10px 0; }
.caption img,
.captionBottom img				{ clear: both; }
.caption img:after,
.captionBottom img:after	{	content: "\0020"; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
							overflow:hidden;
						}
.captionTop				{  }
.captionTop img:before 	{
							content: "\0020"; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
							overflow:hidden;
						}


/* Misc classes
-------------------------------------------------------------- */

.small, .legal	{ font-size: 12px; margin-bottom: 1.875em; line-height: 1.875em; }
	h1 .small			{ line-height:0.9523809523809523em; }
.large      		{ font-size: 1.5em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       		{ display: none; }

.quiet, .legal  { color: #999; }
.loud       		{ color: #000; }
.highlight		  { background:#ff0; }
.added 		     	{ background:#060; color: #fff; }
.removed  		  { background:#900; color: #fff; }
.tangent				{	color: #327fc2; 
									color: hsla(208, 59.0164%, 47.8431%, 1.0000);
									white-space: pre-wrap;
								}
.attribution		{  }

.first  		    { margin-left:0; padding-left:0; }
.last   		    { margin-right:0; padding-right:0; }
.top    		    { margin-top:0; padding-top:0; }
.bottom 		    { margin-bottom:0; padding-bottom:0; }

.left						{ float: left; margin-right:20px; margin-bottom: 20px; }
.right					{ float: right; margin-left: 20px; margin-bottom: 20px; }
.center					{ margin:0 auto; }

.breathe				{ margin:1em; }
.breatheHoriz		{ margin-left:1em; margin-right:1em; }
.breatheVert		{ margin-top:1em; margin-bottom: 1em; }

.widget-title, .shareBar { font-size: 1.5em; }
/****************************************************************
   Accessability
****************************************************************/
/*
*[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 500;
  opacity: 1;
  -moz-opacity: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
}
*/
/****************************************************************
   grid.css - mirror version of src/grid.css
****************************************************************/

/* A container should group all your columns. */
.container {
  width: 960px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(grid.png);
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10,
section.span-1, section.span-2, section.span-3, section.span-4, section.span-5, section.span-6, section.span-7, section.span-8, 
section.span-9, section.span-10,
header.span-1, header.span-2, header.span-3, header.span-4, header.span-5, header.span-6, header.span-7, header.span-8, header.span-9, header.span-10,
footer.span-1, footer.span-2, footer.span-3, footer.span-4, footer.span-5, footer.span-6, footer.span-7, footer.span-8, footer.span-9, footer.span-10,
aside.span-1,  aside.span-2,  aside.span-3,  aside.span-4,  aside.span-5,  aside.span-6,  aside.span-7,  aside.span-8,  aside.span-9,  aside.span-10 {
  float: left;
  margin-right: 40px;
}

/* The last column in a row needs this class. */
.last, div.last, section.last, aside.last, header.last, footer.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 60px; }
.span-2  { width: 160px; }
.span-3  { width: 260px; }
.span-3a  { width: 320px; }
.span-4  { width: 360px; }
.span-5  { width: 460px; }
.span-6  { width: 560px; }
.span-7  { width: 660px; }
.span-8  { width: 760px; }
.span-9  { width: 860px; }
.span-10  { width: 960px; margin-right: 0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 48px!important; }
input.span-2, textarea.span-2 { width: 148px!important; }
input.span-3, textarea.span-3 { width: 248px!important; }
input.span-4, textarea.span-4 { width: 348px!important; }
input.span-5, textarea.span-5 { width: 448px!important; }
input.span-6, textarea.span-6 { width: 548px!important; }
input.span-7, textarea.span-7 { width: 648px!important; }
input.span-8, textarea.span-8 { width: 748px!important; }
input.span-9, textarea.span-9 { width: 848px!important; }
input.span-10, textarea.span-10 { width: 948px!important; }

/* Add these to a column to append empty cols. */

.append-1  { padding-right: 100px; } 
.append-2  { padding-right: 200px; } 
.append-3  { padding-right: 300px; } 
.append-4  { padding-right: 400px; } 
.append-5  { padding-right: 500px; } 
.append-6  { padding-right: 600px; } 
.append-7  { padding-right: 700px; } 
.append-8  { padding-right: 800px; } 
.append-9  { padding-right: 900px; } 

/* Add these to a column to prepend empty cols. */

.prepend-1  { padding-left: 100px; } 
.prepend-2  { padding-left: 200px; } 
.prepend-3  { padding-left: 300px; } 
.prepend-4  { padding-left: 400px; } 
.prepend-5  { padding-left: 500px; } 
.prepend-6  { padding-left: 600px; } 
.prepend-7  { padding-left: 700px; } 
.prepend-8  { padding-left: 800px; } 
.prepend-9  { padding-left: 900px; } 

/* use these classes to progressively enhance via css3 columns */
.columns { 
	column-gap: 40px; 
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-fill: balance;
	-webkit-column-fill: balance;
	-moz-column-fill: balance;
}
.columns-2 { 
	columns: 2; 
	-webkit-columns: 2; 
	-moz-columns: 2; 
}

/*handles interation with elements within .columns class */
.columns li {
	/*white-space: nowrap;*/
}

/* Border on right hand side of a column. */
div.border {
  padding-right: 19px;
  margin-right: 20px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 69px;
  margin-right: 70px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -100px; }
.pull-2 { margin-left: -200px; }
.pull-3 { margin-left: -300px; }
.pull-4 { margin-left: -400px; }
.pull-5 { margin-left: -500px; }
.pull-6 { margin-left: -600px; }
.pull-7 { margin-left: -700px; }
.pull-8 { margin-left: -800px; }
.pull-9 { margin-left: -900px; }
.pull-10 { margin-left: -1000px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float: left; position:relative;}

.push-1 { margin: 0 -100px 1.5em 100px; }
.push-2 { margin: 0 -200px 1.5em 200px; }
.push-3 { margin: 0 -300px 1.5em 300px; }
.push-4 { margin: 0 -400px 1.5em 400px; }
.push-5 { margin: 0 -500px 1.5em 500px; }
.push-6 { margin: 0 -600px 1.5em 600px; }
.push-7 { margin: 0 -700px 1.5em 700px; }
.push-8 { margin: 0 -800px 1.5em 800px; }
.push-9 { margin: 0 -900px 1.5em 900px; }
.push-10 { margin: 0 -1000px 1.5em 1000px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
  margin-top:2.5em; 
}
.append-bottom { 
  margin-bottom:1.3em; 
}
.story { padding-top: 40px; }

/* Use a .section to create a visually seperated section within the same column or article */
.section {  
	clear: both;
	margin:2em 0 0 0;
	/* padding: 1em 0; */
	/* border-top: 1px solid #ddd; */
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after, .section:after, .widget:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container, .section {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.inline-list							{ list-style:none; margin:0; padding:0; overflow: hidden; }
.inline-list>*						{ float:left; margin-right: 20px; overflow:visible;  }
.inline-list>*:last-child	{ margin-right:0 !important; }

.dropList {
	/*opacity:0;*/
	/*position:absolute;
	top:15px;
	left:-10px;
	width: 150%;*/
	overflow:hidden;
	width:200px;
	margin:0;
	margin-left:-15px;
	padding:0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: rgba(50, 50, 50, .05);
	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
}

.dropList>li { margin:0; padding:10px; border-bottom: 1px solid #fff; }
.dropList>li:last-child { border-bottom:none !important; }

.sprite, .sprite span {  
		background-color: transparent;
		background-image: url(../img/jabba-sprite.png);
		background-repeat: no-repeat;
		display: block;
}

span.australia {  
	background-color: transparent;
	background-image: url(../img/jabba-sprite-rollback_au.png);
	background-repeat: no-repeat;
	display: block;
}

/**************************************************************** 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
****************************************************************/

label       { font-weight: bold; font-size: .75em; }
fieldset    { /* padding:1.4em; */ margin: 0 0 1.5em 0; /* border: 1px solid #ccc; */ }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */
form { margin: 1.4em 0; overflow: hidden; }
form>* { float:left }

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#777; 
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}
button, input[type=button], .button, .btn {
	padding: 5px 20px;
	margin:2px;
	text-decoration: none;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.4em;
	color: #fff;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	background: rgb(114, 182, 31);
	cursor: pointer
}
button { display: inline-block; margin:0 1em 0 0; }

.button-secondary { background: #2780cd; }
.button-tertiary { background: #ccc; }

button:hover, 
input[type=button]:hover, 
.button:hover, 
.button-secondary:hover, .button-tertiary:hover {
	color:#eee;
}

button:active, 
input[type=button]:active, 
.button:active {
	background: rgba(164, 201, 26, .8);
}

.button-secondary:active {
	background-color:rgba(22, 149, 216, .8);
}
.button-tertiary:active {
	background-color:rgba(22, 149, 216, .8);
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
form.labeless label, lable.labeless { display: none; }

form.left { float: left; margin-right: 20px; }

select		{ margin-right:1em; }
form#buyButton select { width: 100%; } 

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Baseline rhythm */

body { font-size: 14px; line-height: 1.4285714285714286em; }
/*h1, h2, h3, h4, h5, h6, p, blockquote {font-size:1em; line-height:1.4285714285714286em; margin-bottom:1.4285714285714286em}
h1 { font-size: 3em; line-height: 0.9523809523809523em; margin-top: -0em; margin-bottom: 0.47619047619047616em; }
h2 { font-size: 1.5em; line-height: 1.4285714285714286em; margin-top: -0em; margin-bottom: 1.4285714285714286em; }
.widget-title, .shareBar,
h3 { font-size: 1.5em; line-height: 1.4285714285714286em; margin-top: -0em; margin-bottom: 1.4285714285714286em; }
h4 { font-size: 1em; line-height: 1.7857142857142856em; margin-top: -0em; margin-bottom: 1.7857142857142856em; }
h5 { font-size: 1em; line-height: 1.4285714285714286em; margin-top: -0em; margin-bottom: 1.4285714285714286em; }
h6 { font-size: 1em; line-height: 1.4285714285714286em; margin-top: -0em; margin-bottom: 1.4285714285714286em; }*/

menu, .shareBar { margin: .5em 20px; }

/**************************************************************** 

   layout.css
   * Sets up Layout elements such as header, footer, navigation, etc.
   
****************************************************************/

header 						{ height: 325px; position: relative; border-top: 3px solid rgb(114, 182, 31); /*overflow: hidden;*/ background: url(../img/Nav_BG.png) bottom left no-repeat;}
	header img, .jabba header img			{ border: none; }
	header img.hero	{ position: absolute; top:0; left:0; z-index: -1; }
	header img#logo { position: absolute; top:45px; left:100px; z-index: 100; }
	header h1,
	header h2				{  }


.replicated header { height: 250px; margin-bottom: 20px; }
.replicated header img#logo { left: 30px; }
.replicated header h1, .replicated header 	h2 { margin: 120px 0 0 20px; }
.replicated header h2 { margin-top: 10px; }

.replicated header .prodImg { margin-top: 30px; }

footer 	{ background-color: #ccc; color: #777; font-size: .85em; padding: 20px;}
footer .inline-list	{ clear: both; margin: 5px; }
footer .inline-list:first-child { margin: 5px 5px 30px; }
footer .inline-list li { padding-right:5px; margin-right: 5px; }
footer .inline-list li:last-child { border-right: none; padding-right:0; margin-right:0; }
footer a { color:#666; text-decoration: none; }
footer a:hover { text-decoration: underline; }

.inline-list, footer ul#nav, ul.logos { list-style:none; margin:0; padding:0; overflow: hidden; }
.inline-list>*, footer ul#nav li	{ float:left; margin-right: 20px; overflow:visible;  }
.inline-list>*:last-child, footer ul#nav>*:last-child	{ margin-right:0 !important; }

footer ul#nav { float: left; margin-bottom: 30px; width: 80%; display: none; }
footer ul#nav li { font-weight: bold; margin-bottom: 10px; text-shadow: #eee 0px -1px 0; text-transform: uppercase; }
footer ul#nav li ul { margin: 10px 0 0; }
footer ul#nav li ul li { float: none; font-weight: normal; list-style-type: none; margin: 0; padding: 0; text-transform: none; }
footer ul#nav li ul.subList { display: none; }
footer ul#nav li ul li a { text-shadow: #eee 0px -1px 0; }

ul#nav ul .footHide { display: none; }

ul.logos { clear: right; float: right; width: 130px; }
ul.logos li { float: left; margin: 0 5px 20px; }
/* ul.logos li:last-child { clear: left; } */

ul.logos li a img { border: none; } 

footer .inline-list.disclaimer { font-size: 10px; }

footer .inline-list.disclaimer li a { font-size: 12px; font-weight: bold; margin: 0 15px; }
footer .inline-list.disclaimer li a:first-child { margin-left: 0; }

.footerContainer { display: none; } 

/* replicated site assoc info */

#replicatedHeader {
	background-color: #f2f2f2;
	overflow: auto;
	padding: 10px 0;
	position: relative;
}

#replicatedHeader .replicatedContact {
	color: #666;
	display: block;
	float: right;
	margin-right: 20px;
}

#replicatedHeader h1 {
	color: #666;
	float: left;
	font-size: 1em;
	margin: 0.3em 0 0.5em;
}

a#buyNowBtn {
	position: absolute;
	right: 250px;
	top: 5px;
}

html[lang=fr] a#buyNowBtn { right: 300px; }

a#signupBtn {
	position: absolute;
	right: 100px;
	top: 5px;
}


/** Navigation **/
.jabba nav		{ display: none; }
#nav, #nav ul { list-style: none; }

/* These .isaproduct specific styles will be moved into the genral styles when product pages launch with navigation.*/
nav { position: relative; height: 40px; }
.isaproduct #nav {
	padding:3px 0 0;
	height: 44px; 
	position: absolute;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 14px;
	z-index:9000;
	display: block;
}

.isaproduct #nav>li {
	height: 30px;
	background: rgb(114, 182, 31) url(../img/nav_divider.png) 100% 30% no-repeat;
	padding:10px 15px 0; 
}
	.isaproduct #nav>li:hover { /* background: url(../img/nav_hover.png) 0 50% repeat-x; */ }

/** end .isaproduct specific styles **/

/** Navigation *


/* MENU */

nav {
	background: #72a921;
	background: -moz-linear-gradient(top, #72a921 1px, #7eb220 25px);
	background: -webkit-gradient(linear, left top, left 25, from(#72a921), to(#7eb220));
	border-top: 3px solid #72B61F;
	font: 11px Verdana, Arial, Tahoma, sans-serif;
	height: 30px; 
	position: relative; 
}

nav #nav {
	bottom: 0;
	left: 0;
	margin: 0; 
	padding: 0;
	position: absolute;
	width: ;
	z-index: 300;
}

nav #nav li a, nav #nav li {
 float: left;
}

nav #nav li {
	list-style: none;
	padding: 0;
	position: relative;
}

nav #nav li a {
	background: #72a921;
	background: -moz-linear-gradient(top, #72a921 1px, #7eb220 25px);
	background: -webkit-gradient(linear, left top, left 25, from(#72a921), to(#7eb220));
	border-right: 1px solid #8dbd23;
	border-left: 1px solid #8dbd23;
	color: white;
	/* font-size: 14px; */
	letter-spacing: 0.1em;
	padding: 0.3em 3em 0.4em;
	text-decoration: none;
	text-shadow:rgba(0,0,0,0.4) 0px -1px 0;
	text-transform: uppercase;
}

nav #nav li a:first-child { border-left: none; }
nav #nav li a:last-child { border-right: none; }

nav #nav li ul li a { border-left: none; border-right: none; }
	
nav #nav li a:hover {
	color: #333;
	/* text-shadow: #eee 0px -1px 0; */
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

nav #nav li ul {
 background: #72a921;
 background: -moz-linear-gradient(top, #72a921 1px, #7eb220 25px);
 background: -webkit-gradient(linear, left top, left 25, from(#72a921), to(#7eb220));
 border: 2px solid #693;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

nav #nav li:hover > ul {
 display: block;
}

nav #nav li ul li, #nav li ul li a {
 float: none;
 text-transform: none;
}

nav #nav li ul li {
 _display: inline; /* for IE6 */
}

nav #nav li ul li a {
	width: 200px;
	font-size: 12px;
	display: block;
	background: transparent;
}

nav #nav li ul li a:hover { background: #ddd; opacity: 1; text-shadow:rgba(0,0,0,0.4) 0px -1px 0; }

/* SUBSUB Menu */

nav #nav li ul li ul {
 display: none;
}

nav #nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

/*** end navigation ***/

/** Nav Items of Main Site **/
#products .subNav					{ width: 600px; }
#opportunity .subNav			{  }
#successStories .subNav		{  }
#company .subNav					{  }
#isavideos .subNav				{  }

/** Nav Items for IsaProduct **/
#support-nav							{ width: 66px; }

#getting-started .subNav	{ width: 300px; }
#products-nav .subNav 		{ width: 440px; }
#learn-more-nav .subNav		{ width: 140px; }
#maintenance-nav .subNav	{ width: 480px; }
#coaching-nav .subNav			{ right:   0px; left: auto; width: 220px; }
#rprr-nav .subNav					{ right:   0px; left: auto; width: 186px; }
#support-nav .subNav			{ right:   0px; left: auto; width: 240px; }


.isaproduct footer { color: #fff; font-size: .85em; background: #F9F9F9; }
.isaproduct footer .inline-list	{ width:600px; margin: 5px auto; }
.isaproduct footer .inline-list li 	{ border-right: 1px solid #fff; padding-right:5px; margin-right: 5px; }
.isaproduct footer .inline-list li:last-child { border-right: none; padding-right:0; margin-right:0; }
.isaproduct footer a { color:#fff; text-decoration: underline; }
.isaproduct footer a:hover { color:#fff; text-decoration: none; }

.isaproduct #footer {

background: #F9F9F9 url(http://isaproduct.com/images/footer_bg.png) no-repeat 0% 0%;
color: fff;
font-size: 0.85em;
height: 32px;
padding-top: 60px;

}


/** end Nav Items for IsaProduct **/

#marketSelect {
	color: #f1f1f1;
	font-size: 11px;
	right: 20px;
	position: absolute;
	top: 7px;
	z-index: 5;
}
#marketSelect a {
	color: #f1f1f1;
	letter-spacing: 0.5px;
	text-decoration: none;
}

/*** end navigation ***/

#main		{ 

	background: #F9F9F9;
	/*background: #d1d1d1 url(../img/main_bg.png) 0 0 repeat-x; 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(240,240,240)), color-stop(0.33, rgb(255,255,255)), color-stop(1, rgb(220,220,220)));
	background-image: -moz-linear-gradient(center top, rgb(240,240,240) 0%, rgb(255,255,255) 33%, rgb(220,220,220) 100%);*/
	padding: 0 0 20px 0;
	overflow: hidden;
	clear: both;
	border-bottom: 3px solid rgb(114, 182, 31); 
}

.isaproduct #main { border: none; margin: 0; }

#sidebar { 

	background: #F9F9F9;
	/*background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(230,230,230)), color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(left center, rgb(230,230,230) 0%, rgb(255,255,255) 100%);
	background: url(../img/sidebar_bg.png) center left no-repeat;*/
	min-height: 400px;
	padding-top:40px;
}
#sidebar ul { margin-right:0; }

#sidebar .widget {
	list-style: none;
	margin: 0 20px 1em 20px;
	padding: 0;
}
	#sidebar .widget>li {
		list-style: none;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#sidebar .widget .widget-title {
		font-family: 'Gil Sans', Gotham, "Helvetica Neue", Arial, Helvetica, sans-serif; 
		font-weight: normal; 
		color: rgb(22, 149, 216);
		clear: both;
		margin-bottom: .4em;
		min-height: 0;
	}
	
	.widget li .sprite								{ float: left; margin:0 20px 0 0; }
	
	.widget-badges li									{ margin: 0 !important; }
	.widget-badges img								{ margin:0 20px 20px 0; }
	
	.widget-flavor { margin: 0 !important; }

	
	.widget-document a>span.sprite,
	.widget-video a>span.sprite				{ margin:3px 10px 0 0; }
	.widget-document>li .on,
	.widget-document>li .off,
	.widget-video>li .on,
	.widget-video>li .off							{ height: 30px; width: 30px; }
	
	.widget-documents>li,
	/*.widget-video>li 									{ min-height: 56px; }*/
	
	.widget-photos>li img							{ width:80px; }
	.widget-photos>li .image-clipper	{ height: 80px; width: 80px; float: left; margin-right:20px; }

	.image-clipper										{ overflow: hidden; }

.post { position:relative; }

/*Modules (widgets not for the sidebar)*/
menu 					{ line-height: 1.4285714285714286em; margin-top: -0em; margin-bottom: 1.4285714285714286em; }
command 			{ margin-right: .25em; }


.sharebar.inline-list>li { margin-right: .25em; }



/* This is junk. Fix it!*/
.flashcontent											{ display: none; }
#cboxLoadedContent .flashcontent { display: block; text-align: center; }


/* Sprite positioning
-------------------------------------------------------------- */

.badge, .badge>span						{ height: 80px; width: 80px; text-indent: -9999px; }
#badge-vegetarian .on					{ background-position: 0 0; }
#badge-vegetarian.off 				{ background-position: 0 -79px; }

#badge-vegan .on							{ background-position: -80px 0; }
#badge-vegan.off							{ background-position: -80px -79px; }

#badge-kosher .on	 						{ background-position: -160px 0; }
#badge-kosher.off 						{ background-position: -160px -79px; }

#badge-childfriendly .on			{ background-position: -240px 0; }
#badge-childfriendly.off 			{ background-position: -240px -79px; }

#badge-lowcarb .on						{ background-position: -320px 0px; }
#badge-lowcarb.off 						{ background-position: -320px -79px; }

#badge-lowsugar .on						{ background-position: 0px -160px; }
#badge-lowsugar.off 					{ background-position: 0px -239px; }

#badge-dairyfree .on 					{ background-position: -80px -160px; }
#badge-dairyfree.off  				{ background-position: -80px -239px; }

#badge-digestaid .on					{ background-position: -160px -160px; }
#badge-digestaid.off 					{ background-position: -160px -239px; }

#badge-cleansing .on	 				{ background-position: -240px -160px; }
#badge-cleansing.off  				{ background-position: -240px -239px; }

#badge-replenishing .on				{ background-position: -320px -160px; }
#badge-replenishing.off 			{ background-position: -320px -239px; }

#badge-immunebuilder .on	 		{ background-position: 0px -320px; }
#badge-immunebuilder.off  		{ background-position: 0px -399px; }

#badge-lowcalorie .on					{ background-position: -80px -320px; }
#badge-lowcalorie.off 				{ background-position: -80px -399px; }

#badge-lowsodium .on					{ background-position: -160px -320px; }
#badge-lowsodium.off 					{ background-position: -160px -399px; }

#badge-glutenfree .on					{ background-position: -240px -320px; }
#badge-glutenfree.off 				{ background-position: -240px -400px; }

#badge-hearthealthy .on				{ background-position: -320px -320px; }
#badge-hearthealthy.off 			{ background-position: -320px -399px; }

#badge-crueltyfree .on				{ background-position: 0px -480px; }
#badge-crueltyfree.off 				{ background-position: 0px -559px; }

#badge-parabenfree .on				{ background-position: -80px -480px; }
#badge-parabenfree.off 				{ background-position: -80px -559px; }

#badge-phalatefree .on				{ background-position: -160px -480px; }
#badge-phalatefree.off 				{ background-position: -160px -559px; }

#badge-oilfree .on						{ background-position: -240px -480px; }
#badge-oilfree.off 						{ background-position: -240px -559px; }

#badge-noncomedogenic .on			{ background-position: -320px -480px; }
#badge-noncomedogenic.off 		{ background-position: -320px -559px; }

#badge-day .on								{ background-position: 0px -640px; }
#badge-day.off 								{ background-position: 0px -719px; }

#badge-night .on							{ background-position: -80px -640px; }
#badge-night.off 							{ background-position: -80px -719px; }

/*Chicklets*/
.chicklet, .chicklet .on			{ height:30px; width: 30px; display: block; text-indent: -9999px; }
#chicklet-facebook,
#chicklet-facebook .on				{ background-position: -400px -20px; }
#chicklet-facebook.off 				{ background-position: -400px -50px; }

#chicklet-twitter,
#chicklet-twitter .on					{ background-position: -430px -20px; }
#chicklet-twitter.off 				{ background-position: -430px -50px; }

#chicklet-email,
#chicklet-email .on						{ background-position: -400px -100px; }
#chicklet-email.off 					{ background-position: -400px -130px; }

#chicklet-youtube,
#chicklet-youtube .on					{ background-position: -430px -100px; }
#chicklet-youtube.off 				{ background-position: -430px -130px; }

/*Widgets*/
.widget-document>li .on				{ background-position: -400px -180px; }
.widget-document>li .off 			{ background-position: -400px -210px; }

.widget-video>li .on					{ background-position: -430px -180px;  }
.widget-video>li .off 				{ background-position: -430px -210px; float:left; margin-right: 1em; }


#audioBox											{ text-align: center; }
	#audioBox h2								{ color:rgb(22, 149, 216); }
	#audioBox embed							{ margin:1em 0; }
/*================================== MODAL (FACEBOX) POPUPs */
#facebox
{
width: 550px;
}
#facebox #FB-countrySelector 
{
	background-image: none;
  height: 100%;
	min-height:175px;
	width:100%;
	text-align: center;
}
#facebox p {
	margin:0 0 1.825em 0;
	font-size:1.2em;
}
#facebox p.selectorTop 
{
	font-size:10px;
	margin: 0;
}
#facebox div.countryNavContainer 
{
	position:static;
	text-align: center;
}

#facebox #countryNav
{
margin:20px 40px;
}

#facebox .countryNav 
{ 
width: 370px; margin: 20px auto; 
}

#facebox form {
	float: left;
	margin: 1.4em 0 1.4em 9em;
}

#facebox #FB-countrySelector ul
{
	list-style: none;
}
#facebox #FB-countrySelector ul li 
{
	float:left;
	font-size:10px;
	margin-right:15px;
}
#facebox #FB-countrySelector ul li img 
{
	height:40px;
	width:40px;
}
#facebox .finePrint {
	font-size: .8em;
	line-height: 1.4em;
	margin: 3.65em 0 1em 0;
	color:#666666;
}