/* @group Reset */

/* RESET
	no editing required
----------------------------------------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

a { 
	outline: 0; 
}

.floatleft { float: left; margin: 2px;}
.floatright { float: right; margin: 2px;}
.clearfloat { clear: both;}

/* @end */

/* @group Base */

/* BASE 
----------------------------------------------------------------------------- */

body {
	font: 300 13px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #191919;
	background-repeat:repeat-x;
	/*background-color: #ffffff;*/
	background-color: #1c66a0;
	background-image:url(http://www.eusconsultants.com/images/interface/shared/bknd_body.jpg);
}

p {
	line-height:1.7em;
}

.italic, em {
	font-style: italic;
}

.bold, strong {
	font-weight: bold;
}

h1 {
	font-size:36px;
	line-height:1.3em;
	font-weight:bold;
}

h2 {
	font-size:24px;
	line-height:1.3em;
	font-weight:bold;
}

h3 {
	font-size:16px;
	line-height:1.3em;
	font-weight:bold;
	padding-top: 1em;
}

h4 {
	font-size:13px;
	line-height:1.3em;
	font-weight:bold;
	padding-top: 1em;
}

hr {
	background-color:#d2d2ca;
	border:#d2d2ca;
	height:1px;
}

blockquote {
	width: 70%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 15px;
	background: #E7F3FB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.quote {
	background: #E7F3FB url(../images/interface/shared/quote.png) no-repeat scroll 5px 5px;
	padding-left: 50px;
}


/* @end */

/* @group SiteWrapper */

/* SITE WRAPPER
----------------------------------------------------------------------------- */

/* The entire body of the design - in case want bknd */
#siteWrapper{
	/*background-color: #ff73d0;*/ /*4testing*/
}

/* @end */

/* @group Page Wrapper */

/* PAGE WRAPPER
----------------------------------------------------------------------------- */

#pageWrapper{
	width:100%;
	margin: 0 auto;
		
	/*--- CHANGE to these if don't want full 100%. 
	      will also need to adjust padding for inner wrappers
	      and add BODY background color ---*/
	/*width:950px;
	margin: 0 auto;*/ /*need to center in browser*/
}

/* @end */

/* @group Header */

/* HEADER
----------------------------------------------------------------------------- */

#headerWrapper{
	width:100%;
	overflow:inherit;
	background-image:url(http://www.eusconsultants.com/images/interface/shared/bknd_header_light.png);
	background-repeat:repeat-x;
	background-position:center top;
	padding-bottom: 14px;
}

#header {
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
}

#logoWrapper{
	float: left;
	margin-top: 20px;
}

#logo a {   
	display: block;   
	background:  url(http://www.eusconsultants.com/images/interface/shared/logo.png) top;   
	width:223px;
	height:84px;
}

/* @end */

/* @group Member Account */

/* MEMBER ACCOUNT
----------------------------------------------------------------------------- */

#memberAcctWrapper{
	/*width:100%;*/
	height: 22px; /*to hold space when nothing is in html*/
	float: right;
	margin-top: 40px;
	margin-right: 10px;
}

#memberAcct{
	/*width: 950px;*/
	margin: 0 auto; /*need to center in browser*/
	text-align: right;
}

#memberAcct li{ 
    display: block;
    line-height: 1.6em;
}

.memberName {
	font-size: 1.1em;
	font-weight: bold;
	/*font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: .07em;*/
	color: #000000;
}

.memberIcon {
	height: 16px;
	padding-top: 3px;
	margin-right: 7px;
}

/* @end */

/* @group Nav */

/* NAV 
----------------------------------------------------------------------------- */

#navMainWrapper{
	width:100%;
	/*background-color: #282C34;*/
}

#navMain{
	width: 950px;
	height: 36px; /*need since using floats in navMainMain&Utility*/
	margin: 0 auto; /*need to center in browser*/
	text-align: center;
	background-image:url(http://www.eusconsultants.com/images/interface/shared/bknd_nav_main.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#navMain ul{ 
    padding-top: 8px;
}

#navMain li{ 
    display: inline;
}

#navMain li a:link, #navMain li a:hover, #navMain li a:visited, #navMain li a:visited:hover{
	position: relative; /*needed for IE to read padding when using floats*/
	text-decoration: none;
    color:#ffffff;
    padding-left:10px;
    padding-right:10px;
    /*padding-top:0px;*/
    padding-bottom:2px;
	margin-left:5px;
	margin-right:5px;
	font-size: 16px;
	font-weight: bold;
}

#navMain li.selected a:link, #navMain li.selected a:visited, #navMain li a:hover, #navMain li a:visited:hover{
    color: #000000;
    background-color: #DEC277;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#navMain li a:hover, #navMain li a:visited:hover{
	background-color: #DEC277;
}




/* @end */

/* @group Nav Secondary */

/* SECONDARY NAV MENU 
----------------------------------------------------------------------------- */

#navSecWrapper{
	/*width:100%;*/
	float: right;
	margin-top: 12px; /*was 75px*/
	margin-bottom:20px;
}
	
#navSec{
	/*width: 650px;*/
	float: right;
	margin: 0 auto; /*need to center in browser*/
	text-align: right;
	/*background-color: #B3DEFB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}

#navSec ul{ 
    padding: 2px;
}

#navSec li{ 
    display: inline;
}

#navLeft{ /*just use navMain if no need for side by side buttons */
	float: right;
	background-color: #B3DEFB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#navRight{ /*if use navLeft - side by side buttons*/
	float: right;
	margin-left: 10px;
	/*background-color: #B9D481;*/
	background-color: #7BBCE4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#navLeft li a, #navRight li a{ /*separate out because same for Left & Right*/
    text-decoration: none;
    color:#000000;
    font-size: 12px;
	font-weight: normal;
	padding-left:8px;
    padding-right:8px;
    margin-left:6px;
	margin-right:6px;  
}

/*separate out because same for Left & Right except for bknd color*/
#navLeft li a:hover,
#navLeft li.selected a:link,
#navLeft li.selected a:visited,
#navRight li a:hover,
#navRight li.selected a:link,
#navRight li.selected a:visited {
	color: #FFFFFF;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#navLeft li a:hover,
#navLeft li a:visited:hover,
#navLeft li.selected a:link,
#navLeft li.selected a:visited {
	background-color: #7BBCE4;
}

#navRight li a:hover,
#navRight li a:visited:hover,
#navRight li.selected a:link,
#navRight li.selected a:visited {
	background-color: #81AED4;
}

/*NOT USING BECAUSE WANT DIFFERENT COLORS FOR navLEFT & navRIGHT*/
/*#navSec li a:link, #navSec li a:hover, #navSec li a:visited, #navSec li a:visited:hover{
    text-decoration: none;
    color:#000000;
    padding-left:8px;
    padding-right:8px;
	margin-left:6px;
	margin-right:6px;
	font-size: 12px;
	font-weight: normal;
}*/

/*#navSec li.selected a:link, #navSec li.selected a:visited, #navSec li a:hover, #navSec li a:visited:hover{
    color: #ffffff;
    background-color: #7BBCE4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}*/

/* @end */

/* @group Subhead */

/* SUBHEAD
----------------------------------------------------------------------------- */

#subHeadWrapper{
	width:100%;
	overflow:inherit;
	/*background-color: #72ab34;*/
}

#subHead {
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	/*padding-top: 24px;
	padding-bottom: 24px;*/
	margin-top: 30px;
	margin-bottom: 30px;
}

#subHead p {
	font-size:1.2em;
	font-weight:normal;
	color:#B3DEFB;
	padding-left: 2px;
}

#subHead h2{
	font-size:40px;
	font-weight:bold;
	color:#ffffff;
}

/* @end */

/* @group Content */

/* CONTENT
----------------------------------------------------------------------------- */

#contentWrapper{
	width: 100%;
	overflow:inherit;
	/*background-color: #ed862d;*/ /*4testing*/
	padding-bottom: 10px;
}

#content { /*Clear float in HTML due to columns*/
	width: 950px;
	min-height:600px;
	margin: 0 auto; /*need to center in browser*/
	padding-bottom: 30px;
	background-color:#ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

#contentMain {
	width:620px; /*adjust this based on left & right margins*/
	float: left;
	margin-top: 40px;
	margin-left:30px;
	margin-right:30px;
	/*background-color: #819644;*/ /*4testing*/
}

#sidebar {
	width: 250px; /*this + contentMain margin & width can't be larger than #content width*/
	float: right;
	margin-top: 40px;
}

.twoColumn{
	width: 50%;
	float: left;
}

#contentMain p {
	padding-top: 5px;
	padding-bottom: 20px;
}

#contentMain h2 {
	padding-top: 15px;
	padding-bottom: 4px;
}

.contentTitle{
	font-size: 34px;
}

.contentSubTitle{
	font-size: 16px;
	padding-top: 5px;
}

/*#sidebar h2{
	font-size:18px;
	font-weight:bold;
	padding-bottom: 4px;
}*/

#contentMain li {
	padding-bottom: 5px;
}

#contentMain ul {
	list-style-position: outside;
	line-height: 1.5em;
	list-style-type: disc;
	margin-left: 40px;
	margin-right: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentMain ol {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 1.5em;
	margin-left: 40px;
	margin-right: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*#contentMain .button {
	margin-bottom: 30px;
}*/

/* @end */

/* @group Sidebar Box */

/* SIDEBAR BOXES
----------------------------------------------------------------------------- */

.sidebarBox, .sidebarBox2 {
	float:left;
	overflow:hidden;
	display: inline;
	width:180px; /*total adds up to 220px*/
	padding:20px;
	margin-bottom: 40px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.sidebarBox {	
	border:#C8E6FB 1px solid;
	background-color: #D8EDFB;
}

.sidebarBox2 {
	border:#E7E8EA 1px solid;
	background-color: #F6F6F4;
}

.sidebarPurchase {
	border:#C8E6FB 1px solid;
	background-color: #D8EDFB;
}

.sidebarSearch {
	border:#FFFFFF 1px solid;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

.sidebarBox h2, .sidebarBox2 h2, .sidebarBoxMenu h2{
	font-size:20px;
	line-height:1em;
	/*color:#363636;*/ 
}

.sidebarBox2 p {
	font-size:13px;
	line-height:1.5em;
	padding-top: 4px;
	/*color:#363636;*/
}

.sidebarBox2 ul{
	text-decoration: none;
}

.sidebarBox2 li {
	font-size: .85em;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 24px;
}

/*Media*/

.imIconMedia{
	float: left;
	padding-top: 4px;
}

.media a:link, .media a:hover, .media a:visited, .media a:visited:hover {
	text-decoration: none;
	list-style:none;
	color:#000;
	font-weight: normal;
}

.media a:hover, .media a:visited:hover {
	color: #4784B6;
}

/*Menu Links*/

.sidebarMenu {
	padding:10px;
	padding-left:0px;
}

.sidebarMenu ul{
	text-decoration: none;
}

.sidebarMenu li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.sidebarMenu li a:link, .sidebarMenu li a:hover, .sidebarMenu li a:visited, .sidebarMenu li a:visited:hover{
	display:block;
	font-size: 15.5px;
	font-weight: bold;
	display:block;
	height:auto;
	width:150px;;
	/*background-color:#F5F6F7;*/
	text-decoration: none;
	list-style:none;
	color:#4784B6;
	padding: 6px;
	padding-left:8px;
}

.sidebarMenu li.selected a:link, .sidebarMenu li.selected a:visited, .sidebarMenu li a:hover,.sidebarMenu li a:visited:hover{
	color: #ffffff;
	background-color: #7BBCE4;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/* @end */

/* @group Home */

/* HOME
----------------------------------------------------------------------------- */

#homeTopWrapper {
	width:100%;
	overflow:inherit;
}

#homeTop {
	width: 900px;
	margin: 0 auto; /*need to center in browser*/
	float: left;
	margin-left: 22px;
}


.homeBox, .homeBoxTwoCol, .homeBoxTestimonial {
	width:240px;
	float:left;
	overflow:hidden;
	display: inline;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:10px;
	padding:20px;
	border:#E7E8EA 1px solid;
	background-color:#F5F6F7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.homeBox {
	height: 240px;
}

.homeBoxTwoCol {
	width: 540px;
	border:#FFFFFF 1px solid;
	background-color:#FFFFFF;
}

.homeBoxTestimonial {
	/*border:#B3DEFB 1px solid;*/
	background-color:#FFFFFF;
}


.homeBoxTwoCol p {
	line-height: 1.5em;
	padding-bottom: 10px;
	margin-left: 35px;
}

.checkHome{
	float:left; 
	margin-right:5px;
	margin-top:7px;
	padding-right: 6px;
}

.authorQuoteHome{ 
	font-size: .9em;
	line-height: 1.5em;
	
}

.authorCredHome{
	font-size: .8em;
	line-height: 1.5em;
	padding-left: 15px;
}

#featureComingSoon{ /*similar to #homeSlider*/
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #deded6;	
	position:relative;
	width:862px;
	height:300px;
}

#ACEP{
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	text-align: center;
}



/* @end */

/* @group Home Slider */

/* HOME SLIDER
----------------------------------------------------------------------------- */

#homeSliderWrapper {
	width:100%;
	overflow:inherit;
	padding-top: 40px;
}

#homeSlider{
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #deded6;	
	position:relative;
	width:862px;
	height:231px;
}

.imageHolder{
	width:900px;
	height:290px;
	position:absolute;
	top:4px;
	left:4px;
}

.sliderImg{
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #deded6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#sliderNavigation{
	margin-top:12px;
	margin-bottom:45px;
	margin-right: 20px; /*half of what is set in #homeSliderWrapper*/
}

#leftArrow {
	float:left;
	margin-left: 30px;

}

#rightArrow {
	float:right;
	margin-right: 30px;
}

#sliderNavigation ul{
	margin: 3px 20px 0px 0px;
	float:right;
}

#sliderNavigation ul li{
	float:left;
}

#sliderNavigation ul li a{
	display:inline;
	background-image:url(http://www.eusconsultants.com/images/interface/home/slider_o.png);
	display:block;
	width:16px;
	height:17px;
	float:left;
	margin-left:10px;
}

#sliderNavigation ul li.selected a, #sliderNavigation ul li a:hover{
   background-image:url(http://www.eusconsultants.com/images/interface/home/slider_o_active.png);
}

/* @end */

/* @group Products */

/* PRODUCTS
----------------------------------------------------------------------------- */

.productListWrapper {
	width:100%;
	overflow:inherit;
	margin-top: 20px;
}

.productListBox{
	width:220px;
	height: auto;
	float: right; /*not sure why this works vs. left but it does*/
	text-align: center; /*need this to center elements inside box*/
	margin: 35px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.smallProductList{
	font-size:11px;
	line-height:1.3em;
	text-align: center;
	padding-top: 4px;
} 


.productPriceRetail{ /*Need the #div (#sidebar) and not just class IF color, etc. is set in the #sidebarBox2 and I have to override it*/
	text-decoration: line-through;
	color: #b3b3b3;
}

.productPrice{
	font-weight: bold;
	font-size: 14px;
}


/* @end */

/* @group About */

/* ABOUT 
----------------------------------------------------------------------------- */

#teamWrapper {
	margin-bottom: 40px;
}

.team {
	/*border-top: 1px solid #eee;*/
	margin-bottom: 10px;
}

.team h3 {
	font-size: 1.3em;
	/*color: #64A1C6;*/
	padding-top: 20px;
	padding-bottom: 2px;
	margin-left: 125px; /*need for vertical align position */
}

.team h4 {
	font-size: 1.0em;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 125px; /*need for vertical align position */
}

#teamWrapper ul { /*use # not class */
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}

.team li {
	list-style-type: none;
	line-height: 1.2em;
	font-size: .85em;
	margin-left: 125px; /*need for vertical align position */
}

.teamAdditional li {
	list-style-type: disc;
	margin-left: 50px; /*need for vertical align position */
	margin-bottom: 5px;
}

.teamAdditional li:first-of-type {
	margin-top: 30px;
}

#teamWrapper .addInfo li {
	list-style-type: disc;
	margin-left: 125px; /*need for vertical align position */
}

.team p {
	margin-left: 125px; /*need for vertical align position */
}

.team img {
	width: 85px;
	height: 85px;
	float: left;
	margin: 15px 15px 0 0;
	padding: 5px;
	border:#E7E8EA 1px solid;
}

.partners {
	float: left;
	height: 130px;
	width: 240px;
	margin-left: 40px;
	margin-right: 20px;
	margin-top: 20px;
	text-align: center;
	border: 1px solid #eee;
}

.partners img {
	padding: 10px;
	max-height: 105px;
	max-width: 220px;
}

/* @end */

/* @group Blog */

/* Blog
----------------------------------------------------------------------------- */

#blog {
	width: 100%;
	margin: 0 auto;
}

/*#blog h1 {
	font: 40px Georgia, "Times New Roman", Times, serif;
}*/

#blog.list h1 {
	font-size: 26px;
}

#blog.detail h1 {
	font-size: 32px;
}

#blog h2 {
	font-size: 18px;
}

#blog h3 {
	font-size: 14px;
}

/*Doesn't work with Cufon*/
#blog h1 a:hover, #blog h1 a:visited:hover { 
	text-decoration: none;
	color: #83C9F8;
}

#blog .entryTop {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 1px 7px;
	background-color: #F6F6F4;
}

#blog.detail .entryTop {
	margin-bottom: 20px;
}

#blog .entryTop p {
	font-size: 11px;
	color: #555555;
	padding: 0px;
}

a.continueReading {
	/*background-color: #FFF9A6;*/
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

a.continueReading:hover {
	color: #444444;
	background-color: #FFF9A6;
	text-decoration: none;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.entryTop a:link, .entryTop a:visited {
	color:#3E8BCB;
	padding:2px 4px 2px 10px;
}

.entryTop a:hover, .entryTop a:visited:hover {
	color:#444444;
	text-decoration: underline;
	padding:2px 4px 2px 10px;
}

#blog img {
	padding: 10px;
}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
}

.lineHor:last-of-type {
	border-bottom:#FFFFFF 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
}

.tags {
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	padding-left:30px;
	height:20px;
	background: transparent url(../images/interface/icons/blog_tag.png) no-repeat;
}

.tag {
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
}

a.tag {text-decoration:underline;}

a.tag:hover {
	color: #1e2229;
	text-decoration:underline;
	margin:0 4px 0 4px;
}

.share {
	float:right;
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	padding:0 6px 0 6px;
	border:#c0c0c0 1px solid;
	background:#fff;
}
	
a.share:hover {color:#444;}

/*Comments*/

.authorComment {
	padding-top:25px;
	padding-bottom:35px;
	border-bottom:#d2d2ca 1px solid;
}

.gravatar img {
	width: 45px;
	height: 45px;
	float: left;
	margin: 0 15px 0 0;
	padding: 5px;
	border:#E7E8EA 1px solid;
}

#contentMain .commentText p {
	font-size: .9em;
	color: #444444;
	margin-left: 85px; /*need for vertical align position */
	padding-top: 5px;
	padding-bottom: 5px;
}

.replyHead {
	color:#888;
	font-size:11px;
	margin-left: 3px; /*need to adjust to commentText p */
}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444444;
}

a.author:hover, a.reply:hover {color:#888;}

/* @end */

/* @group Pagination */

/* Pagination
----------------------------------------------------------------------------- */

#pagination {
	font-size:12px;
	/*border-top:#ddd 1px solid;*/
}

#pagination ul {
	text-decoration: none;
	margin: 0px;
}

#pagination li {
	display: inline;
	list-style-type: none;
}

#pagination li.selected a:link {
	color: #FFFFFF;
    background-color: #333333;
}

#pagination a, #pagination strong {
	display:block;
	float:left;
	line-height:12px;
	margin:2px 2px 2px 0;
	text-decoration:none;
	width:auto;
	height:auto;
	padding: .4em .5em;
}

#pagination a:hover {
	color:#FFFFFF;
	background:#7BBCE4;
}

/* @end */

/* @group Contact */


/* CONTACT
----------------------------------------------------------------------------- */



.getInTouch {
	line-height:15px;
}

.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.faxContact,.getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:35px;
	padding-top:10px;
	margin-bottom:10px;
	}
	
.getInTouch ul li.phoneContact {background: transparent url(../images/interface/contact/phone_gray.png) no-repeat 6px 10px;}
.getInTouch ul li.emailContact {background: transparent url(../images/interface/contact/email_gray.png) no-repeat 3px 10px;}
.getInTouch ul li.faxContact {background: transparent url(../images/interface/contact/fax_gray.png) no-repeat 3px 11px;}
.getInTouch ul li.skypeContact {background: transparent url(../images/interface/contact/skype_gray.png) no-repeat 3px 11px;}
.getInTouch ul li.addressContact {background: transparent url(../images/interface/contact/home_gray.png) no-repeat 3px 10px;}

/* @end */

/* @group Images */

/* IMAGES
----------------------------------------------------------------------------- */

.imIcon{
	float: right;
	width: 24%;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.imIconHome{
	float: right;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.imFeature{
	padding-top: 40px;
	padding-bottom: 30px;
}

.imEnlarge{
	float: right;
	margin: 10px;
}

.media_embed { /*For sorenson embed video*/
	padding-top: 10px;
	padding-bottom: 10px;
}


/* @end */

/* @group Footer */

/* FOOTER
----------------------------------------------------------------------------- */

#footerWrapper{
	width:100%;
	height:auto;
	float:left;
	overflow:inherit;
}

#footer {
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	background-color: #7BBCE4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer p{
	font-size: 11px;
	text-align: left;
	padding: 20px;
}

#webTagWrapper{
	width:100%;
	height:auto;
	float:left;
	overflow:inherit;
}

#webTag{
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
}

#webTag p{
	font-size: 11px;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 30px;	
}

/* @end */

/* @group Buttons */

/* BUTTONS
----------------------------------------------------------------------------- */

.button, .buttonCart a:link, .buttonCart a:visited {
	display: inline-block;
	outline: none;
	font: bold .9em/100% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	margin-top: 1em;
	padding: .5em 1em .55em; /*In ems to adjust for text size change*/
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	cursor:pointer;
}

.button:hover {
	text-decoration: none;
}

/*Colors*/
.yellow {
	color: #333333;
	border: solid 1px #DBCC69;
	background: #E6D66E;
}

.yellow:hover {
	background: #DBCC69;
}

/**/
.green {
	color: #fef4e9;
	border: solid 1px #A3BE6C;
	background: #B6D17F;
}

.green:hover {
	background: #A3BE6C;
}

.green:active {
	color: #fef4e9;
}

/**/
.blue {
	color: #4c4c4c;
	border: solid 1px #83C9F8;
	background: #B3DEFB;
}

.blue:hover {
	background: #83C9F8;
}

/**/
.black {
	color: #fef4e9;
	border: solid 1px #000000;
	background: #4c4c4c;
}

.black:hover {
	background: #000000;
}

/*Add to Cart*/
/*Need to do this differently because of the foxycart form is more than the link.*/
	
.buttonCart a:link, .buttonCart a:visited {
	color: #4c4c4c;
	border: solid 1px #83C9F8;
	background: #B3DEFB;
}

.buttonCart a:hover, .buttonCart a:visited:hover {
	background: #83C9F8;
}

.big {
	font-size: 18px;
}

/* @end */

/* @group Links */

/* LINKS 
----------------------------------------------------------------------------- */

a {color: #3E8BCB; text-decoration: none;}
a:hover {color: #191919; text-decoration: none;}

/*#memberAcct a:link {color: #F5F6F7; text-decoration:none; font-size: .9em;font-weight: bold; padding-left: 25px;}
#memberAcct a:visited {color: #F5F6F7; text-decoration:none;}
#memberAcct a:hover {color: #878889; text-decoration:none;}
#memberAcct a:visited:hover {color: #878889; text-decoration:none;}*/

#footer a:link {color: #000000; text-decoration:none; font-weight: normal;}
#footer a:visited {color: #000000; text-decoration:none;}
#footer a:hover {color: #F5F6F7; text-decoration:none;}
#footer a:visited:hover {color: #F5F6F7; text-decoration:none;}

#webTag a:link, #webTag a:visited {
	color: #ccc; text-decoration:none; font-weight: normal;}
#webTag a:hover, #webTag a:visited:hover {
	color: #B3DEFB; text-decoration:none; font-weight: normal;}

/* @end */

/* @group Campaign Monitor */

/* CAMPAIGN MONITOR 
----------------------------------------------------------------------------- */

#formSideCM{
	padding: 5px;
	padding-top: 10px;
}

#formSideCM span.label{
	font-weight: bold;
	font-size: 11px;
}

/*#formSideCM p{
	line-height: 2em;
}*/

.cmSubmit {
	margin-top: 4px;
}

/* @end */

/* @group Form Elements */

/* FORM ELEMENTS
----------------------------------------------------------------------------- */

/* @group Contact Form */

/* Contact Form
----------------------------------------------------------------------------------------------------*/

#contactForm{
	padding-left: 15px;
	padding-top: 20px;
}

/* @end */

/* @group Login Form */

/* Login Form
----------------------------------------------------------------------------------------------------*/

#loginFormWrapper {
	margin-left: 40px;
	margin-top: 40px;
}

#loginForm {
	margin-top: 20px;
}

#loginFormWrapper .text_input {
	margin-left: 20px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:24px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
}

#loginFormWrapper .label {
	font-size: 20px;
	font-weight: bold;
}

#loginFormWrapper .forgotPW {
	font-size: 14px;
	font-weight: bold;
	color: #7BBCE4;
	margin-left: 30px;
}

#loginFormWrapper .labelCheckbox {
	font-size: 14px;
	font-weight: bold;
	margin-left: 6px;
}

#loginFormWrapper .marginLeft {
	margin-left: 125px;
	margin-top: 20px;
}


/* @end */

/* @group Blog Form */

/* Form style
----------------------------------------------------------------------------------------------------*/

#commentReply {margin:10px 0 20px 0;}

#done {
	background:transparent url(http://www.eusconsultants.com/images/interface/icons/blog_done.png) top left no-repeat;
	padding-top:1px;
	padding-left:110px;
	height:85px;
	}

.leftSpace {
	font-size: 11px;
	font-weight: bold;
	margin-left:10px;
}

.n {margin-left:0;}
	
.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
	}

.text_area {margin-top:10px;width:570px;}

/*can't use #div like search because it will also make the bknd change on the active state of the submit button (when clicked)*/
input:focus, textarea:focus {
	background:#FFFFFF;
}

.error.required {border:1px solid #c30;}

/* @end */


/* @end */

/* @group Search */

/* SEARCH

----------------------------------------------------------------------------- */

#searchResults h1 {
	font-size: 26px;
}

/*See Blog CSS*/
#searchResults .lineHor { /*using same as Blog but overriding this*/
	margin-top:0px;
}

/*Search Form Box*/

#searchWrapper {
	width:174px; /*follow your image's size*/
	height:27px; /*important*/
	padding:0px;
	margin:0px;
	position:relative;
	background: url(http://www.eusconsultants.com/images/interface/shared/search_box.png) no-repeat;
}
 
#searchWrapper form { display:inline ; }
 
.searchBox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:5px;
	left:9px;
	width:130px;
	height:16px;
}
 
.searchBox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:2px;
	left:144px;
	width:21px;
	height:23px;
}

#searchWrapper input:focus {
	background-color: transparent;
}

/* @end */

/* @group Modal Inline Popup */

/* MODAL INLINE POPUP
----------------------------------------------------------------------------- */

#modalInline {
	color: #F6F6F4;
	padding-left: 10px;
	padding-right: 20px;
}

#modalInline h2, #modalInline h3 {
	color: #83C9F8;
}

#modalInline h3.greenModal {
	color: #A3BE6C;
}

#modalInline ol {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 1.5em;
	margin-left: 30px;
	padding-top: 10px;
}

#modalInline li {
	padding-bottom: 5px;
}

/* @end */

/* @group Note Messages */

/* NOTE MESSAGES
----------------------------------------------------------------------------- */

#noteMessage .noteRed, #noteMessage .noteGreen, #noteMessage .noteYellow {
	background-color: #FFFFFF;
	background-position: 20px 50%;
	background-repeat: no-repeat;
	border:1px solid #000000;
	height:auto;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#noteMessage .noteRed {
	border:1px solid #E69397;
	background-color: #F5CDCF;
}

#noteMessage .noteGreen {
	border:1px solid #72AB34;
	background-color: #B5D691;
}

#noteMessage .noteYellow {
	border:1px solid #F7E12A;
	background-color: #FBF3B0;
}

.noteInfoGreen {
	background-image: url(http://www.eusconsultants.com/images/interface/icons/im_info_green.png);
}

.noteInfoRed {
	background-image: url(http://www.eusconsultants.com/images/interface/icons/im_info_red.png);
}

.noteInfoYellow {
	background-image: url(http://www.eusconsultants.com/images/interface/icons/im_info_yellow.png);
}

.noteCheck {
	background-image: url(http://www.eusconsultants.com/images/interface/icons/im_check.png);
}

.noteWarning {
	background-image: url(http://www.eusconsultants.com/images/interface/icons/im_warning.png);
}

#noteMessage h4 {
	font-size:14px;
	line-height:1.5em;	
	font-weight:bold;
	padding-top: 0em;
	margin-left: 60px;
}

#noteMessage .noteRed h4 {
	color:#D21C24;
}

#noteMessage .noteGreen h4 {
	color:#517925;
}

#noteMessage .noteYellow h4 {
	color:#7B6614;
}


/* @end */


/* @group 404 */

/* 404
----------------------------------------------------------------------------- */

.pageNotFound {
	font-size: 22px;
	line-height: 1.5em;
}

/* @end */