﻿/*--------------------------------------------------------------------------------------------------
  
   TAB DEFINITIONS 
    
--------------------------------------------------------------------------------------------------*/
#tabControl, #tabControl-JJJ {
	width: 100%;
	position: relative;
}

/*---MAIN NAVIGATOR STYLES-----------------------------*/
#tabControl.mainNavigator{
	top:-34px;
	z-index:151;
	height:30px;
}

#fullPage #tabControl.mainNavigator{
	top:-33px;
	z-index:151;
	height:33px;
}

#tabControl.mainNavigator .tab a,
#tabControl.mainNavigator .tab_active a {
	font-size: 112%;
	line-height: 30px;
	text-decoration:none;
	font-weight:700;
}

#tabControl.mainNavigator .tab a { color: #0053a0; }

#tabControl.mainNavigator .tab_active a {
	background-color: #6ba0d1;
	color: #FFF;
	font-weight:700;
	height:32px;
	border-top:2px solid #ffd200;
}

#tabControl.mainNavigator .subTab li a:hover,
#tabControl.mainNavigator .tab a:hover .subTab li a:hover,
#tabControl.mainNavigator .tab li:hover .subTab li a:hover {
	background-color:transparent;
	color: #0053a0;
}

#tabControl.mainNavigator .subTab_active .current_sub a,
#tabControl.mainNavigator .subTab_active .current_sub a:hover{
	background-color: transparent;
/*	background:#6ba0d1 url(../siteimages/bs_sprite_linktypes.png) no-repeat 50% 100%;*/
	color: #FFF;
	border-top:none;
}

#tabControl.mainNavigator .subTab_active a:hover {
	background-color: transparent;
	color: #FFF;
}


#tabControl.mainNavigator .tab a:hover,
#tabControl.mainNavigator .tab li:hover a {
	background: #8bb1d4;
	color: #FFF;
	height:31px;
}

#tabControl.mainNavigator .tab li:hover .subTab {
	background-color: transparent;
	color: #0053A0;
}

#tabControl.mainNavigator .subTab_active { background-color: #6ba0d1; }

#tabControl.mainNavigator .subTab_active a,
#tabControl.mainNavigator .subTab a {
	line-height: 20px;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	text-decoration:underline;
	color: #ebf5ff;
	border-top:none;
}

#tabControl.mainNavigator .tab a:hover .subTab li a,
#tabControl.mainNavigator .tab li:hover .subTab li a {
	background-color: transparent;
	color: #0053a0;
	font-size: 100%;
}

/*---END MAIN NAVIGATOR-----------------------------------*/

/*---PRODUCT NAVIGATOR STYLES-----------------------------*/
#tabControl-JJJ.productNavigator{
	margin:20px 0 30px 0;
	height:30px;
}
#tabControl-JJJ.productNavigator .tab a,
#tabControl-JJJ.productNavigator .tab_active a,
#tabControl-JJJ.productNavigator .tab_hover a{
	font-size: 112%;
	line-height: 30px;
}

#tabControl-JJJ.productNavigator .tab a { color: #0053A0; }

#tabControl-JJJ.productNavigator .tab_active a {
	background-color: #6ba0d1;
	color: #FFF;
	font-weight:700;
}

#tabControl-JJJ.productNavigator .subTab_hover li a,
#tabControl-JJJ.productNavigator .tab_hover a .subTab_hover li a:hover,
#tabControl-JJJ.productNavigator .tab_hover li .subTab_hover li a:hover {
	background-color:#8bb1d4;
	color: #FFF;
}

#tabControl-JJJ.productNavigator .subTab_active .current_sub a,
#tabControl-JJJ.productNavigator .subTab_active a:hover {
	background-color: transparent;
	color: #FFF;
}

#tabControl-JJJ.productNavigator .tab_hover a,
#tabControl-JJJ.productNavigator .tab_hover li a {
	background-color: #8bb1d4;
	color: #FFF;
}

#tabControl-JJJ.productNavigator .tab_hover li .subTab_hover {
	background-color: #8bb1d4;
	color: #fff;
	height:26px;
}

#tabControl-JJJ.productNavigator .subTab_active {
	background-color: #6ba0d1;/*#ebf5ff*/
	top:30px;!important
}

#tabControl-JJJ.productNavigator .subTab_active a,
#tabControl-JJJ.productNavigator .subTab a {
	line-height: 20px;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	color: #ebf4fc;
	height:11px;!important
}

#tabControl-JJJ.productNavigator .tab_hover a .subTab li a,
#tabControl-JJJ.productNavigator .tab_hover li .subTab_hover li a {
	line-height: 15px;
	background: #8bb1d4;
	color: #ebf4fc;
	font-size: 100%;
	height:11px;!important
}
/*---END PRODUCT NAVIGATOR------------------------------*/
#tabControl .tab,
#tabControl .tab_active,
#tabControl-JJJ .tab,
#tabControl-JJJ .tab_active,
#tabControl-JJJ .tab_hover {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabControl li,
#tabControl-JJJ li{
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}

#tabControl .tab a,
#tabControl .tab_active a,
#tabControl-JJJ .tab a,
#tabControl-JJJ .tab_active a,
#tabControl-JJJ .tab_hover a {
	display: block;
	height: 30px;
	float: left;
	padding: 0 10px;
	margin-left:0.2em;
	line-height: 30px;
	white-space: nowrap;
	text-decoration:underline;
}

#tabControl .tab_active a,
#tabControl-JJJ .tab_active a
{
	text-decoration:none;
	cursor:default;
}

* html #tabControl .tab a,
* html #tabControl .tab_active a,
* html #tabControl-JJJ .tab a,
* html #tabControl-JJJ .tab_active a {
	width: 1px;
	height: 30px;
}

#tabControl .tab a:hover,
#tabControl .tab li:hover a,
#tabControl-JJJ .tab_hover a,
#tabControl-JJJ .tab_hover li a{ cursor: pointer; }

#tabControl .tab a:hover,
#tabControl-JJJ .tab_hover a{ text-decoration:none }

#tabControl .subTab,
#tabControl-JJJ .subTab{ display: none; }

#tabControl table,
#tabControl-JJJ table{
	position: absolute;
	border-collapse: collapse;
	left: 0;
	top: 0;
}

#tabControl .tab li a:hover .subTab,
#tabControl .tab li:hover .subTab,
#tabControl-JJJ .tab_hover li a .subTab_hover,
#tabControl-JJJ .tab_hover li .subTab_hover {
	display: block;
	position: absolute;
	width: 100%;
	top: 30px;
	left: 0;
	margin-top: 0;
	padding:4px 0 0 0;
	z-index: 100;
}

#tabControl .subTab,
#tabControl .subTab_active,
#tabControl-JJJ .subTab,
#tabControl-JJJ .subTab_active{
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabControl .subTab_active,
#tabControl-JJJ .subTab_active {
	display: block;
	position: absolute;
	width: 100%;
	height:30px;
	top: 34px;
	left: 0;
	z-index: 10;
}

#tabControl .subTab_active a,
#tabControl .subTab a,
#tabControl-JJJ .subTab_active a,
#tabControl-JJJ .subTab a{
	text-decoration: underline;
	cursor:pointer;
}

#tabControl .subTab_active a:hover,
#tabControl-JJJ .subTab_active a:hover { text-decoration: none; }

#tabControl .subTab_active .current_sub a,
#tabControl-JJJ .subTab_active .current_sub a{
	cursor:default;
	text-decoration:none;
}

* html #tabControl .subTab_active,
* html #tabControl .tab a:hover .subTab,
* html #tabControl-JJJ .subTab_active,
* html #tabControl-JJJ .tab_hover a .subTab_hover{
	z-index: -1;
	margin-top: 0;
	margin-t\op: 1px;
}

#tabControl .subTab_active a,
#tabControl .subTab a,
#tabControl-JJJ .subTab_active a,
#tabControl-JJJ .subTab a{
	height: 20px;
	white-space: nowrap;
	display: block;
	float: left;
	padding: 5px 10px 10px 10px;
	margin: 0;
	border: 0;
}

#tabControl .tab a:hover .subTab li a,
#tabControl .tab li:hover .subTab li a,
#tabControl-JJJ .tab_hover a .subTab_hover li a,
#tabControl-JJJ .tab_hover li .subTab_hover li a {
	display: block;
	padding: 5px 10px 10px 10px;
	margin: 0;
	white-space: nowrap;
	border: 0;
}

/*--------------------------------------------------------------------------------------------------
  
   BUTTON DEFINITIONS 
    
--------------------------------------------------------------------------------------------------*/
button,
button.button-conversion,
a.button,
a.button-conversion,
a.button:link,
a.button-conversion:link,
a.button:visited,
a.button-conversion:visited {
	padding: 0 0 0 0;
	margin: 0 3px 0 3px;
	border: none;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	overflow: visible;
}

* html a.button,
* html a.button-conversion,
* html a.button:link,
* html a.button-conversion:link,
* html a.button:visited,
* html a.button-conversion:visited { width: 1%;/*IE6 fix to make link fit text.*/ }
 button, x:-moz-any-link {
margin: 0 0 0 0;/*FF fix to make button spacing even across browsers.*/
}

*:first-child+html button { margin: 0 3px 0 3px;/*Reset IE7 back to what it was for previous fix.*/ }

button span,
button.button-conversion span,
a.button span,
a.button-conversion span,
a.button:link span,
a.button-conversion:link span,
a.button:visited span,
a.button-conversion:visited span { display: block; }

/*--------------------------------------------------------------------------------------------------
  
   CUSTOMIZATIONS 
  
--------------------------------------------------------------------------------------------------*/

button,
button.button-conversion,
a.button,
a.button-conversion,
a.button:link,
a.button-conversion:link,
a.button:visited,
a.button-conversion:visited {
	height: 29px;/*HEIGHT - Total height of button. */
	font-size: 16px;
	font-weight:700;
}

button,
a.button,
a.button:link,
a.button:visited {
	color: #FFF;
	background-color: transparent;
	_background-color: #ffffff;
}

button.button-conversion,
a.button-conversion,
a.button-conversion:link,
a.button-conversion:visited {
	color: #333;
	background-color: transparent;
	_background-color: #ffffff;
}

button.button_active,
button.button-conversion_active a.button_active,
a.button-conversion_active { }

button span,
a.button span,
a.button:link span,
a.button:visited span,
button.button-conversion span,
a.button-conversion span,
a.button-conversion:link span,
a.button-conversion:visited span {
	padding: 0 14px 0 0;
	height: 25px;
}

button span,
a.button span,
a.button:link span,
a.button:visited span {
	background: url(../siteimages/bs_sprite_master.png) right -130px;
	background-color: #ffffff;
}

button.button-conversion span,
a.button-conversion span,
a.button-conversion:link span,
a.button-conversion:visited span {
	background: url(../siteimages/bs_sprite_master.png) right -205px;
	background-color: #ffffff;
}

button span span,
a.button span span,
a.button:link span span,
a.button:visited span span,
button.button-conversion span span,
a.button-conversion span span,
a.button-conversion:link span span,
a.button-conversion:visited span span {
	padding: 0 0 0 13px;
	height: 25px;
	line-height: 25px;
}

button span span,
a.button span span,
a.button:link span span,
a.button:visited span span {
	background: url(../siteimages/bs_sprite_master.png) left -130px;
	background-color: #ffffff;
}

button.button-conversion span span,
a.button-conversion span span,
a.button-conversion:link span span,
a.button-conversion:visited span span {
	background: url(../siteimages/bs_sprite_master.png) left -205px;
	background-color: #ffffff;
}

button:hover span,
a.button:hover span,
a.button:focus span{ background-position: right -155px; }

button.button-conversion:hover span,
a.button-conversion:hover span { background-position: right -230px; }

button:active span,
a:active:active span { background-position: right -180px; }

button.button-conversion:active span,
a.button-conversion:active span { background-position: right -255px; }

button.button_active span,
a.button_active:active span{ background-position: right -155px; }

button.button-conversion_active span,
a.button-conversion_active:active span { background-position: right -255px; }

button:hover span span,
a.button:hover span span,
button.button-conversion:hover span span,
a.button-conversion:hover span span { text-decoration: none }

button:hover span span,
a.button:hover span span,
a.button:focus span span{ background-position: left -155px; }

button.button-conversion:hover span span,
a.button-conversion:hover span span { background-position: left -230px; }

button:active span span,
a:active:active span span,
button.button_active span span,
a.button_active:active span span { background-position: left -180px; }

button.button-conversion:active span span,
a.button-conversion:active:active span span,
button.button-conversion_active span span,
a.button-conversion_active:active span span { background-position: left -255px; }

/*Site search specific*/
#search button.button-conversion span,
#search button.button-conversion span span,
#search a.button-conversion span span,
#search a.button-conversion:link span span,
#search a.button-conversion:visited span span {background-color: #0053a0;}
/*End Site search specific*/

/*--------------------------------------------------------------------------------------------------
  
   PAGE NAVIGATION 
    
--------------------------------------------------------------------------------------------------*/
div.page-nav{
	width:100%;
	display:block;
	text-align:center;
	border-top:1px solid #6BA0D1;
/*	border-bottom:1px solid #6BA0D1; */
}
div.page-nav ul{
	display:inline-block;
	width:auto;
	clear:left;
}
div.page-nav ul li{
	float:left;
	width:1.5em;
	text-align:center;
	line-height:1.5em;
	padding:0.5em;
}
div.page-nav ul li a{
	display:block;
	width:1.5em;
	height:1.5em;
	border:1px solid #6BA0D1;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.page-nav ul li a:hover{
	background-color:#6BA0D1;
	color:#FFF;
}
div.page-nav ul li a.current,
div.page-nav ul li a.current:hover{
	border:none;
	color:#333;
	background-color:transparent;
	cursor:default;
}
