/* * * GENERAL * * */

body {
	background: #e7e9ea url("img/bg.jpg") no-repeat;
	font: normal 12px/16px arial,sans-serif;
	color: #5f6a72;
}

.container, .footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 12px;
	border: 0px none;
}



h1 {
	background-position: left 5px;
	background-repeat: no-repeat;
	font: bold 20px/22px arial narrow, helvetica, arial, sans-serif;
	color: #003399;
	margin-top: 24px;
	margin-bottom: 16px;
}

h2 {
	margin: 16px 0px 6px 0px;
	font: bolder 12px/15px arial, sans-serif;
	color: #4974B1;
}

p {
	margin: 6px 0px 16px 0px;
	font: normal 12px/15px helvetica, arial, sans-serif;
}

normal
{
	font-weight: normal;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
body {
	font: normal 12px/16px arial,sans-serif;
	color: #5f6a72;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul {
	padding-left: 12px;
	margin: 0px;
}
ul li {
	list-style-type: none;
	list-style-image: none;
}
ul li.collapsed {
	list-style-image: url("img/arrowCollapsed.gif");
}
ul li.collapsed div, ul li.collapsed p, ul li.collapsed ul {
	display: none;
}
ul li.expanded {
	list-style-image: url("img/arrowExpanded.gif");
}
img.prod {
padding: 0px 0px 10px 0px;
}


/* FOOTER */

.footer 
{
	margin-bottom: 95px;
	padding-top: 40px;
	background: #e7e9ea url(img/bg-footer.jpg) no-repeat center top;
	font: normal 11px arial,sans-serif;
	color: #5f6a72;
}

.footer ul
{
	text-align: center;
}

.footer ul li 
{
	display: inline;
	margin: 0 8px;
}



/* CONTAINER */

.container {
	background: #e7e9ea url(img/bg.jpg) repeat-y center top;
}

.content { /* header and content */
	padding: 8px 13px;
	width: 934px;
}



/* * * HEADER * * */

.header
{
	width: 918px;
	height:90px;
	position:relative;
	text-align:right;
	padding: 12px 12px 0px 30px;
}



/* LOGO - header logo link */

.logo
{
	position:absolute;
	top:0px;
	left:13px;
}



/* SEARCH - header search input */

.search
{
	height:26px;
	display:inline-block;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 1px;
}
.search input
{
	vertical-align: top;
}
.searchButton 
{

}
.searchBox {
	width: 136px;
	height: 14px;
	color: #6a737b;
	font-size: 9px;
	border: 1px solid #b4b9bd;
	margin-left: 4px;
	padding-left: 4px;
	font: normal 11px arial,sans-serif;
    color: #6a737b;
}



/* UTILITY NAV - header topmost links  */

.utilityNav {
	font: normal 11px/20px arial,sans-serif;
	color: #003399;
	display:inline-block;
	margin-right: 15px;
	margin-top: -15px;
}
.utilityNav a {
	font-size: 11px;
	color: #003399;
}
.utilityNav li 
{
	display: inline;
	margin-left: 4px;
	margin-right: 15px;
}



/* TOPNAV - header dropdown menu  */

.topNav
{
	height:32px;
	display:inline-block;
	position:absolute;
	right:13px;
	bottom:10px;
	font: normal 11px/24px arial,sans-serif;
	color: #003399;
}
.topNav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
.topNav li {
	float: left;
	vertical-align: baseline;
}
.topNav a {
	display: block;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 12px;
}
.topNav > li, .topNav > ul > li { /* first level list items */
	display: block;
	margin-left: 16px;
	margin-right: 16px;
	padding-top: 3px;
	font-size: 12px;
}
.topNav > li > a, .topNav > ul > li > a{ /* collapsed headers */
	color: #222222;
}
.topNav a.menuheader { /* expanded header */
	margin-top: -4px;
	padding-bottom: 16px;
	font: 600 12px arial,sans-serif;
	color: #003399;
}
.topNav li:hover ul {
	border: 1px solid #b4b9bd;
	left: auto;
	padding-bottom: 5px;
	font-size: 11px;
}
.topNav li:hover ul li:hover {
	background: #e8eaeb;
	border-top: 1px solid #f0f1f2;
	border-left: 1px solid #f0f1f2;
	border-bottom: 1px solid #cacccd;
	border-right: 1px solid #d6d8d9;
	text-decoration: underline;
}
.topNav li:hover ul li {
	border: 1px solid transparent;
	width: 138px;
	color: #003399;
	line-height: 16px;
}

.topNav ul a { 
	text-align: left; }

.topNav li ul { 
	background: #ffffff;
	position: absolute;
	width: 140px;
	margin: 0px;
	padding: 5px 0px;
	margin-left: -1px;
	top: 0px;
	left: -999em;
	z-index:1;
}



/* * * CONTENT * * */

/* ROWS - homepage content structure  */

.container > .rows {
	padding-bottom: 15px;
	padding-left: 13px;
}
.rows > div {
	background-color: white;
	margin: 8px 0px;
}
.rows > .first {
	margin-top: 0px;
}
.rows > .last {
	margin-bottom: 0px;
}
.rows > div > div {
	display: inline-block;
}



/* COLUMNS - homepage content structure  */

.container > .columns {
	padding-bottom: 40px;
	padding-top: 20px;
}	
.columns > div {
	display: inline-block;
	margin: 0px;
	background-color: #ffffff;
}
.columns > div > div {
	display: block;
}

#leftCol {
    width: 165px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 32px;
}

#mainCol {
	width: 521px;
	padding-top: 0px;
	padding-left: 0px;
	overflow: hidden;
}

#mainCol > * {
    padding-left: 21px;
}

#mainCol > p, #mainCol > .breadcrumbs {
	padding: 0px 20px 2px 21px;
}

#rightCol {
	width: 175px;
	padding-top: 22px;
	padding-left: 30px;
	margin-right: 10px;
}



/* BOXED FEATURE - boxed item on middle row of homepage */

.boxedFeature {
	height: 168px;
	border: 1px solid #b4b9bd;
	margin-right: 6px;
	margin-bottom: 10px;
	font: normal 11px/16px arial,sans-serif;
	color: #003399;
}
.boxedFeature p {
	font: normal 11px/16px arial,sans-serif;
	color: #5f6a72;
}
.boxedFeature div {
	border: none;
	margin-left: 18px;
	margin-right: 18px;
}
.boxedFeature h2 {
	margin-top: 16px;
	margin-bottom: 12px;
	color: #222222;
	font-weight: bold;
	font-size: 12px;
}
.boxedFeature h3 {
	margin-top: 16px;
	margin-bottom: 12px;
	color: #222222;
	font-weight: bold;
	font-size: 12px;
}
.boxedFeature a {
	font: bold 11px/16px arial,sans-serif;
	color: #4974B1;
}
.boxedFeature ul {
	padding-left: 30px;
}
.boxedFeature ul a {
	font: bold 11px/16px arial,sans-serif;
	color: #003399;
	line-height: 20px;
	vertical-align: top;
}



/* FEATURE - items on bottom row of homepage */

.feature {
	margin-left: 8px;
	margin-right: 0px;
	width: 177px;
	font: normal 11px/16px arial,sans-serif;
	color: #5F6A72;
}
.feature img {
	border: 1px solid #b4b9bd;
}
.feature div {
	margin-top: 6px;
	padding-left: 4px;
}
.feature div p {
	margin-top: 2px;
	margin-bottom: 6px;
}
.feature h3 {
	padding-top: 6px;
	font: bold 12px arial,sans-serif;
	color: #4974B1;
}
.feature a {
	font: bold 11px/16px arial,sans-serif;
	color: #4974B1;
}

/* FEATURE2 - items */

.feature2 {
	margin-left: 0px;
	margin-right: 0px;
	width: 160px;
	font: normal 11px/16px arial,sans-serif;
	color: #5F6A72;
}
.feature2 img {
	border: 1px solid #b4b9bd;
	margin-top: 10px;
}
.feature2 div {
	margin-top: 0px;
	padding-left: 0px;
}
.feature2 div p {
	margin-top: 3px;
	margin-bottom: 0px;
}
.feature2 h3 {
	padding-top: 6px;
	font: bold 12px arial,sans-serif;
	color: #4974B1;
}
.feature2 a {
	font: bold 11px/16px arial,sans-serif;
	color: #4974B1;
}

/* NEWS HEADLINES - item on bottom row of homepage */

.newsHeadlines {
	width: 340px;
}

.newsHeadlines p {
	font: normal 11px/16px arial,sans-serif;
	color: #4974B1;
	border-top: 1px solid #b4b9bd;
	padding: 10px 4px 10px 6px;
	width: 300px;
	margin: 0px;
}
.newsHeadlines div
{
	padding: 0px 0px 0px 6px;
}
.newsHeadlines h3
{
	padding: 6px 0px 0px 6px;
	color: #222222;
	font-weight: bold;
	font-size: 12px;
}
.newsHeadlines p.first
{
	border-top: 1px solid transparent;
}



/* LEFT NAV */

.leftNav {
	font: normal 11px/24px arial,sans-serif;
	color: #003399;
}
.leftNav a, .leftNav a:visited {
	font: bold 11px/22px arial,sans-serif;
	color: #003399;
	vertical-align: baseline;
}
.leftNav a:hover, .leftNav a:active {
	
}
.leftNav ul a, .leftNav ul a:visited{
	font-weight: normal;
	text-decoration: underline;
}
.leftNav ul a:hover, .leftNav ul a:active, .leftNav ul a.active {
	color: #f29f57;
}
.leftNav h2 {
	font: 600 16px arial narrow,arial,sans-serif;
	color: #222222;
	margin-left: -10px;
	margin-top: 0px;
}



/* BREADCRUMBS */

.breadcrumbs {
	font: normal 10px/20px arial,sans-serif;
	color: #333333;
}
.breadcrumbs a {
	color: #385f9b;
	text-decoration: underline;
}
.breadcrumbs a:hover {
	color: #f29f57;
}



/* QUOTE - right column quote item */

.quote
{
	margin: 24px 0px 36px 0px;
	padding: 0px 8px 0px 16px;
}
.quote p
{
	font: normal 11px/20px helvetica,arial,sans-serif;
	color: #333333;
}



/* BUTTON */

.tcButton {
    border: none;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin: 0 0px 0 0;
    padding: 0 0px 0 0;
	background: transparent url('img/button.png') no-repeat scroll top right;
}
.tcButton span {
    display: inline-block;
    line-height: 14px;
    margin: 0px;
    border: 0px;
    padding: 4px 0 4px 18px;
	text-decoration: none;
    background: transparent url('img/button.png') no-repeat;
}
a.tcButton span { color: #fefefe; }
.tcButton:hover {
	text-decoration: none;
	background-position:  right -24px;
}
.tcButton:hover span {
    background-position: 0px -24px;
}
.tcButton:active {
    background-position: right -48px;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
.tcButton:active span {
    outline: none; /* hide dotted outline in Firefox */
    padding: 6px 0 4px 18px;
	background-position: 0px -48px;
}



/* PROMO BUTTON */

.tcPromoButton {
    border: none;
    display: block;
    float: left;
    font: 600 11px/16px arial,sans-serif;
    height: 22px;
    margin: 0 6px 0 0;
    padding: 0 18px 0 0;
	background: transparent url('img/promoBtn.png') no-repeat scroll top right;
}
.tcPromoButton span {
    display: inline-block;
    line-height: 12px;
    margin: 0px;
    border: 0px;
    padding: 5px 0 5px 18px;
	text-decoration: none;
	color: #385f9b;

    background: transparent url('img/promoBtn.png') no-repeat;
}
.tcPromoButton:hover {
	text-decoration: none;
	background-position:  right -22px;
}
.tcPromoButton:hover span {
    background-position: 0px -22px;
}
.tcPromoButton:active {
    background-position: right -44px;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
.tcPromoButton:active span {
    outline: none; /* hide dotted outline in Firefox */
    padding: 6px 0 4px 18px;
	background-position: 0px -44px;
}



/* FORM */

.tcForm {
	vertical-align: middle;
	color: #385f9b;
	font-weight: bold;
	font-size: 11px;
	line-height: 23px;
}
.tcForm div.formBreak {
	display: block;
	height: 16px;
	width: 1px;
}
.tcForm div.selectionGrp {
	display: inline-block;
}
.tcForm span.col1 {
	display: inline-block;
	width: 150px;
	text-align: right;
}
.tcForm input, .tcForm textarea, .tcForm select, .tcForm .tcButton {
	margin-left: 12px;
}
.tcForm input
{
	color: #6a737b;
	font-size: 11px;
}
.tcForm input.textBox {
	width: 170px;
	border: 1px solid #b4b9bd;
	height: 14px;
	padding-top: 2px;
	padding-left: 4px;
	margin-top: -4px;
	margin-bottom: 10px;
	font: normal 11px arial,sans-serif;
	color: #5F6A72;
}

.tcForm textarea.textBox {
	width: 170px;
	border: 1px solid #b4b9bd;
	padding-top: 2px;
	padding-left: 4px;
	margin-top: 8px;
	margin-bottom: 10px;
	font: normal 11px arial,sans-serif;
	color: #5F6A72;
}

.tcForm span.radioTxt {
	display: inline-block;
	width: 80px;
	font-weight: normal;
}
.tcForm input.chkBox {
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 6px;
}
.tcForm select {
	width: 170px;
	height: 18px;
	border: 1px solid #b4b9bd;
	color: #6a737b;
	font-size: 11px;
}



/* WIDGET - Right column or tabbed section promotional items  */

div.widget {
	border: 1px solid #ffffff;
	font: normal 11px/14px arial,sans-serif;
	color: #5F6A72;
	background-color: #ffffff;
}
div.widget p {
	font: normal 11px/14px arial,sans-serif;
	color: #5F6A72;
}
div.widget div {
	margin: 12px;
	font-size: 11px;
}
div.widget div.foot {
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-align: center;
	height: 24px;
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	background-color: #ff9900;
	color: #ffffff;
}
div.widget .tcButton {
	display: block;
	width: 136px;
	margin-bottom: 16px;
}
div.widget a {
	color: #385f9b;
}
div.widget .tcButton span {
	width: 120px;
	text-align: center;
	font: bold 12px/14px arial;
	padding: 5px 0 5px 18px;
	color: #ffffff;
}
div.widget .tcButton:hover {
	text-decoration: none;
}
div.widget h2 {
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	padding-top: 8px;
	margin: 0px 4px;
	font-size: 11px;
}
div.widget p {
	margin: 6px 4px;
}
div.widget a {
	margin: 0px 4px;
	display: block;
	font-weight: bold;
	line-height: 16px;
}



/* BTN WIDGET */
.btnWidget {
	margin: 24px 0px 24px 0px;
	display: block;
	height: 138px;
}
.btnWidget .tcPromoButton {
	display: block;
	margin: 2px;
	width: 164px;
}
.btnWidget .tcPromoButton span {
	width: 146px;
	text-align: center;
}



/* IMAGE TITLE */

#mainCol > .imageTitle {
    padding-left: 0px;
    margin-bottom: 30px;
}



/* BOLDLIST */

ul.boldList {
	font: bold 11px/18px arial,sans-serif;
	color: #385f9b;
	padding-left: 16px;
	margin-bottom: 16px;
}
ul.boldList li {
    list-style-type: disc;
}



/* NEWSLETTER WIDGET */

.newsletterWidget {
	position: relative;
	top: 0px;
	border: none;
	width: 175px;
}
.newsletterWidget .widget {
	width: 175px;
	background-color: #E4E4E4;
}
.newsletterWidget .widget h2 {
	padding: 0px;
	margin: 12px 8px 0px 12px;
	font: bold 12px arial narrow,arial,sans-serif;
}
.newsletterWidget img {
	margin-bottom: 0px;
}
.newsletterWidget div.widget p {
	font: normal 11px arial,sans-serif;
	color: #333333;
	margin-top: 12px;
}
.newsletterWidget .tcForm input.textBox {
	margin-left: 0px;
	margin-bottom: 50px;
	width: 140px;
	display: block;
}
.newsletterWidget .tcSubmit {
	float: right;
	position: relative;
	top: -44px;
	display: block;
	cursor: pointer;
    cursor: hand;
}



/* ( PRODUCTS A TO Z )  */

#products {
	width: 770px;
	padding-left: 165px;
	clear: both;
}
#products > h2 {
	margin-left: -24px;
}
#products > h2 a {
	font: bold 11px/20px arial,sans-serif;
	color: #003399;
}
#products > h2 a:hover, #products > h2 a:active {
	text-decoration: underline;
}
#products > h2 .ui-icon
{
    top: 50%;
}
.column {
	float: left;
	width: 220px;
	margin-right: 16px;
}
 
 
 
 /* SUBMIT BUTTON */
 
input.tcSubmit {
    border: none;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    width: 82px;
    margin: 0 6px 0 12px;
	background: transparent url('img/buttonSm.png') no-repeat scroll top left;
	line-height: 14px;
    padding: 4px 18px 6px 18px;
	text-decoration: none;
	color: #fefefe;
	cursor: pointer;
    cursor: hand;
}
input.tcSubmit:hover {
	background-position: 0px -24px;
}
input.tcSubmit:active {
	padding: 5px 18px 5px 18px;
    background-position: 0px -48px;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}