@charset "utf-8";
/*CSS specific for SCS*/

body  {
	background:url(../../SCS/images/bkg_gradient_SCS.jpg) repeat-x #3E3E83; /*SCS site background*/
}

h1 {
	color:#3D3F74; /*SCS Text Heading Color*/
	}
h2 {
	color:#3D3F74; /*SCS Text Heading Color*/
	}
h3 {
	color:#3D3F74; /*SCS Text Heading Color*/;
	}

#titleGradient { 
	background:url(../../SCS/images/titleGradient_SCS.jpg) no-repeat top left;  /*SCS top gradient bar*/
	}

#headerImage { 
	background:url(../../SCS/images/headerImage_SCS.jpg) no-repeat top right;
}

#logo {
	background: url(../../SCS/images/logo_SCS.jpg)  no-repeat top left; /*SCS logo as a background image*/
	height:79px;
	width:346px;
}

#leftColumn #checkEmailBlock {
	background: url(../../SCS/images/email_block_divider_SCS.gif) repeat-x bottom left #4F769D; /*left column separator w/blue background*/
}

#leftColumn #newsletterBlock {
	background-color: #524B99;
}

#leftcol_titleblock {
	background:url(../../SCS/images/title_companyname_SCS.jpg) no-repeat top left; /*SCS Company name*/
}

#middlePhotoBlock {
	background:url(../../images/bkg_2x_grayline.gif) repeat-x bottom left #524B99;
}

/*---------------main nav elements--------------*/

#mainNav #home a:hover,  		/*shifts background tab on hover*/
#mainNav #services a:hover, 
#mainNav #customercare a:hover, 
#mainNav #specials a:hover,
#mainNav #news a:hover, 
#mainNav #community a:hover, 
#mainNav #about a:hover  {
    background-position: top left;
}	
/*display individual tab images*/
#mainNav li#home a {	 
	background: url(../../SCS/images/nav_SCS/mainNav_home_SCS.jpg) no-repeat bottom left;
	width: 68px;
}
#mainNav li#services a {
	background: url(../../SCS/images/nav_SCS/mainNav_services_SCS.jpg) no-repeat bottom left;
	width: 100px;
}
#mainNav li#customercare a {
	background: url(../../SCS/images/nav_SCS/mainNav_customercare_SCS.jpg) no-repeat bottom left;
	width: 140px;
}
#mainNav li#specials a {
	background: url(../../SCS/images/nav_SCS/mainNav_specials_SCS.jpg) no-repeat bottom left;
	width: 101px;
}
#mainNav li#news a {
	background: url(../../SCS/images/nav_SCS/mainNav_news_SCS.jpg) no-repeat bottom left;
	width: 82px;
}
#mainNav li#community a {
	background: url(../../SCS/images/nav_SCS/mainNav_community_SCS.jpg) no-repeat bottom left;
	width: 123px;
}
#mainNav li#about a {
	background: url(../../SCS/images/nav_SCS/mainNav_about_SCS.jpg) no-repeat bottom left;
	width: 106px;
}
/* highlight selected tab - set by the class of the body tag on each page*/
.home #mainNav li#home a, 
.services #mainNav li#services a, 
.customercare #mainNav li#customercare a,
.specials #mainNav li#specials a, 
.news #mainNav li#news a, 
.community #mainNav li#community a, 
.about #mainNav li#about a {
	background-position: top left;
}

/* -----------------Left Sub Nav Menu--------------- */

#leftSubmenu #topNavSpacer {		/*empty color bar under nav photo*/
	background-color: #3D3F74;
}

#leftSubmenu a {		/*Top level*/
	color: #efefef;
	background-color: #514B9A;
}

#leftSubmenu a:hover {  /*Top level hover*/
	background-color:#4C7F70;
}

#leftSubmenu ul ul a {    /*2nd level subnav*/
	color: #3D3F74;
	background-color: #B3B3CE;
}

#leftSubmenu ul ul a:hover {	/*2nd level subnav, hover*/
	background-color: #4C7F70;
}

/* highlight selected tab - dynamically set by the $thisPage var at the top of each page*/
#leftSubmenu #selectedState a {
	background-color:#4C7F70;
	color:#fff;
	}

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

th{
	color:#61A38F;
} 

td.shaded, tr.shaded {
	background-color:#B0D1C7;
}