@charset "utf-8"; 
 
 
 

 


















 
 
/****************************************************************************
 * -- NEEDS TO BE AT TOP OF styles_[pagetype].jsp for Safari/Chrome support *
@charset "utf-8";   --> DO NOT RESTORE, NEEDS TO BE AT TOP OF JSP for Safari/Chrome support
 * -- NEEDS TO BE AT TOP OF styles_[pagetype].jsp for Safari/Chrome support *
 ****************************************************************************/
 
/*******************************************************************************

FILE LAST UPDATED:  23Nov09

* @authors Jeremy Flores, Jon Hartmann
* @description:
    Application is the heart and soul of the visual presentation. It uses a series of rules at the very beginning (RESETS) to
    solve many browser inconsistencies. It then defines the core structure of the application (DEFAULTS, NAV, FOOTER) and provides
    rules for the many common concepts and stuctures in the application (SHADOWBOX-*, FORMS, TABS, TOOL TIPS, PODS, etc).
    
    Altering this css should be rare and carefully considered; it's the basis for every page in the application. If at all possible,
    use an additional stylesheet to make one-off or track-specific alterations. Any change to a selector here will be reflected
    application-wide. BE VERY CAREFUL.

* CONTENTS:
 * =RESETS= -- Creates a more consistent base style
 * =DEFAULTS= -- Default styles for global selectors
 * =NAV= -- Styles for main menu navigation
 * =SEARCH= -- Site search styles
 * =FORMS= --Styles for forms, predictably enough.
 * =SHADOWBOX-WHITE= -- generic markup for drop shadows against a white background
 * =SHADOWBOX-BLUE= -- generic markup for drop shadows against a blue background
 * =SHADOWBOX-YELLOW= -- generic markup for drop shadows against a yellow background
 * =FOOTER= -- Styles for the Footer
 * =TABS= --styles for embedding content in a tabbed structure
 * =PODS= -- Styles for right hand side 'related content' blocks
 * =TABS= -- Defines styles used for the more common tabs
 * =TOOL TIPS= -- Styles for tool tips
 * =SYSTEM MESSAGE= --styles the system/error messages
 * =PAGINATION= -- styles for pagination
 * =EXPANDABLES= -- Sets up common expandable elements, like toggling open/closed icons
 * =COPY= -- Styles for common, text-heavy layouts like news detail, event detail, and promotions
 * =COLLAPSIBLE= -- Collapsing Content
 * =THUMBER= --Styles for thumbBigMaker, a js object. See application.js for details
*******************************************************************************/

/*******************************************************************************
=RESETS=
*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  line-height: 1;
  font-size: 10pt;
  background: #DDE4ED;
}

a {
  text-decoration: none;
  color: #5381ac;
}

a:hover {
  text-decoration: underline;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
sup{
	font-size:7px;
}

/*******************************************************************************
=DEFAULTS=
*******************************************************************************/
.hr {
  background: url(./images/design/dotted-border.png) repeat-x top right;
  height: 2px;
  overflow: hidden;
  display: block;
}

td {
	vertical-align: top;
}

body {
  line-height: 1.25;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
  zoom: 1;
  min-height: 1px;
}

.bread-crumbs {
	margin: 0 0 0.25em 0.5em;
}

.bread-crumbs .current {
	color: black;
}

.wrapless {
  white-space: nowrap;
}

a.alternate {
  text-decoration: underline;
}
a.alternate:hover {
  text-decoration: none;
}
p.right {
	text-align: right;
}

ul.important a {
	line-height: 1.25em;
	font-size: 1.2em;
}

/*******************************************************************************
=DEFAULTS=BORDERED IMAGE
*******************************************************************************/
/*.borderedImage {
  background: url(./images/design/bordered-image-background.png) no-repeat top left;
  padding: 7px;
  width: 81px;
  height: 60px;
  margin-top: 8px;
}*/

.borderedImage{
	background:none;
	padding:8px 8px 7px 8px;
	border-color:#354973;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	margin:8px 0;
}

#tabContent #Products .product .borderedImage{
	width:64px;
	position:relative;
}
#tabContent #Products .product .borderedImage img{
	display:block;
	margin:0 auto;
	float:none !important;
}
.autoBorder{
	overflow:hidden;
}

#tab-related-services .borderedImage {
  width: 61px;
}


/*******************************************************************************
=DEFAULTS= TABLES
*******************************************************************************/
.tableWrapper {
  position: relative;
  border: 1px solid #5381AC;
	margin: 1em 0;
}
	.tableWrapper .tableWrapper {
		margin: 0;
	}
.tableWrapper.bordered {
	border: none;
}
.tableWrapper.bordered tbody td,
.tableWrapper.bordered tbody th {
	border: 1px solid #5381AC;
	border-collapse: separate;
}
.tableWrapper.bordered thead tr {
	border: 1px solid #5381AC;
}

.tableWrapper thead th span.super {
	font-size:xx-small; 
	vertical-align: super;
	line-height: .1em;
}

.tableWrapper table {
  width: 100%;
  font-size: .8em;
}

.tableWrapper table thead th {
  height: 28px;
  background: #5381AC url(./images/design/light-dark-blue-vertical-gradient.png) repeat-x bottom left;
  color: #fffffe;
  text-align: left;
  height: 2.8em;
	line-height: 1.4em;
}

.tableWrapper thead th span {
  font-size: smaller;
}

.tableWrapper table tbody th {
  background: #ccc;
  text-align: left;
  font-weight: bold;
}

.tableWrapper .setWidth {
  width: 20%;
}

.tableWrapper table th,
.tableWrapper table td {
  vertical-align: top;
  padding: .5em .5em;
}

.tableWrapper table th.last a,
.tableWrapper table td.last a {
  padding-left: 2em;
}

.tableWrapper table td .input {
  width: 4em;
  height: 1.5em;
  border: 1px solid #5381ac;
  float: left;
}

.tableWrapper table tr.disabled td input.disabled {
  border: 1px solid #999;
}

.tableWrapper table tr.disabled td span {
  color: #999;
}

.tableWrapper table tr.success-message th {
  background: #8adc7c;
}

.tableWrapper table tr.success td {
  background: #d0fdc0;
}

.tableWrapper table tr.list-message th {
  background: #9fbcd7;
}

.tableWrapper table tr.list td {
  background: #cfe5fa;
}

.tableWrapper table tr.error-message th {
  background: #ea6161;
}

.tableWrapper table tr.error td {
  background: #ffe0e0;
}

.tableWrapper table tr.error td input {
  border-color: #f03;
}

.listModal .ui-dialog-titlebar {
  display: none;
}

.tableWrapper .not-available td {
    background: url(./images/design/notice.png) repeat-x top left;
}

.tableWrapper table tr.alt td {
  background: #f2f5f8;
}
.tableWrapper table tr.alt table td {
	background: white;
}
.tableWrapper table tr.alt table tr.alt td {
  background: #f2f5f8;
}

/*******************************************************************************
=NAV=
*******************************************************************************/

/*************************** Style for the Flags Area *****************/
#flags{
	white-space:nowrap;
	padding: 0px 10px 0px 20px;
}
#flags img{
	margin-right:5px;
}
/********************************************/

div#header {
  background: #FDFDFD;
  height: 96px;
}

div#header table#topLevel {
  height: 96px;
}

div#header table td#logo {
  width: 198px;
}

div#header #logo h1 {
  width: 198px;
  height: 96px;
  background: #fff url(./images/logo-cropped.gif) no-repeat 0 50%;
  text-indent: -9999em;
}

div#header table tr.top td {
  height: 55px;
}

div#header table tr.bottom td {
  height: 41px;
}

div#header #menuWhite,
div#header #menuWhite a {
	color: #283E6B;
}

div#header #menuBlue td,
div#header #menuWhite td {
	vertical-align: middle;
	white-space: nowrap;
	font-size: 11px;
}

div#header #menuBlue {
	background-color: #5381AB;
}

div#header #menuBlue,
div#header #menuBlue a {
	text-decoration: none;
	color: #ffffff;
}

div#header div#header .regMenu {
	padding: 0px 7px 0px 9px;
}

div#header div#header .menuOver {
	background-color: #9DCDEB;
}

div#header div#header .dropMenu {
	padding: 0px 25px 0px 9px;
	background-image: url(./images/menumore.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div#header div#header .dropMenuOver {
	background-image: url(./images/menumore_down.gif);
	background-color: #9DCDEB;
}

/*************************** Style for the Flyout part of the menu *****************/
div#header menuWhite .darkBlue {
	color: #283E6B;
}

div#header #menuWhite,
div#header #menuWhite a {
	color: #5381AC;
}

div#header #menuBlue td,
div#header #menuWhite td {
	vertical-align: middle;
	white-space: nowrap;
	font-size: 11px;
}

div#header #menuBlue td{
	font-size:12px;
}

div#header #menuBlue td {
	cursor: pointer;
}

div#header #menuBlue {
	background-color: #5381AB;
}

div#header #menuBlue,
div#header #menuBlue a {
	text-decoration: none;
	color: #fff;
}

div#header .regMenu {
	padding: 0px 7px 0px 9px;
}

div#header .menuOver {
	background-color: #9DCDEB;
}

div#header .dropMenu {
	padding: 0px 25px 0px 9px;
	background-image: url(./images/menumore.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div#header .dropMenuOver {
	background-image: url(./images/menumore_down.gif);
	background-color: #9DCDEB;
}

/*************************** NAV Styles *****************/
#menuContainer {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 5000;
}

div#menuContainer #menuFade {
	background-color: #293E6B;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

div#menuContainer #menuBottomShadow {
	position: absolute;
	left: 0px;
	height: 7px;
	background-image: url(./images/menubottomshadow.png);
	background-repeat: no-repeat;
	background-position: right;
}

div#menuContainer #menuHolder {
	z-index: 600;
	position: absolute;
	top: 0px;
	left: 86px;
	width: 500px;
}

div#menuContainer #panelsHolder {
	position: relative;
}

div#menuContainer #panel0Container {
	padding: 8px 0px 8px 8px;
	z-index: 650;
	width: 306px;
	left: 0px;
}

div#menuContainer #panel1Container {
	padding: 8px 0px 8px 0px;
	z-index: 625;
	left: 0px;
}

div#menuContainer #panel2Container {
	padding: 8px 8px 8px 0px;
	z-index: 615;
	left: -6px;
}

div#menuContainer #panel0Container,
div#menuContainer #panel1Container,
div#menuContainer #panel2Container {
	background-color :#fff;
	top :0px;
	border-top-color :#EEEFF2;
	border-top-style :solid;
	border-top-width: 1px;
	position: absolute;
}

div#menuContainer #panel0 {
	background-color: #DEEEF8;
}

div#menuContainer #panel1 {
	width: 268px;
	background-image: url(./images/menu_col1noarrow.gif);
	background-repeat: repeat-y;
}

div#menuContainer #panel2 {
	width: 274px;
	background-image: url(./images/menu_col2bg.gif);
	background-repeat: repeat-y;
}

div#menuContainer #panel0 div.subHolder div,
div#menuContainer #panel1 div.subHolder div,
div#menuContainer #panel2 div.subHolder div {
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0px;
}

div#menuContainer #panel0 div.subHolder div {
	border-bottom-color: #B5CEE1;
}

div#menuContainer #panel2 div.subHolder div {
	border-bottom: none;
}

div#menuContainer .hasSub,
div#menuContainer .noSub,
div#menuContainer .dropMenu,
div#menuContainer .regMenu {
	cursor: pointer;
}

div#menuContainer #panel0 div.subHolder div.hasSub,
div#menuContainer #panel0 div.subHolder div.noSub {
	background-image: url(./images/menu_col0arrow.gif);
	padding: 8px 0px 8px 4px;
	width: 302px;
}

div#menuContainer #panel0 div.subHolder div.noSub {
	background-image: none;
}

div#menuContainer #panel1 div.subHolder div.hasSub{
	background-image: url(./images/menu_col1arrow.gif);
}

div#menuContainer #panel1 div.subHolder div.hasSub,
div#menuContainer #panel1 div.subHolder div.noSub {
	padding: 8px 0px 8px 12px;
	border-bottom-color: #a7c6df;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div#menuContainer #panel1 div.subHolder div.noSub {
	background-image: none;
	width: 256px;
}

div#menuContainer #panel2 div.subHolder div.noSub {
	width: 259px;
	padding: 8px 0px 8px 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #88B2D2;
}

div#menuContainer #panel0 div.subHolder div.over {
	background-image: none;
	background-color: #ffffff;
}

div#menuContainer #panel1 div.subHolder div.over {
	background-image: url(./images/menu_col1over.gif);
	background-repeat: repeat-y;
}

div#menuContainer #panel2 div.subHolder div.over {
	background-image: url(./images/menu_col2bg_over.gif);
	background-repeat: repeat-y;
}

div#menuContainer #panel0 a,
div#menuContainer #panel1 a,
div#menuContainer #panel2 a {
  color: #000;
  text-decoration: none;
  margin-right: 5px;
}

div#menuContainer #panel0 div.subHolder div.over,
div#menuContainer #panel1 div.subHolder div.over,
div#menuContainer .over a{
	color: #293D6B !important;
}

div#menuContainer #newShadow {
	position: absolute;
	left: 276px;
	top: 0px;
	background-image: url(./images/shadow.png);
	background-repeat: repeat-y;
}

div#menuContainer #panel1 div.subHolder div.over a{
  background-color: #ffffff;
}

/* the following rules apply only to IE6 */
* html div#menuContainer #newShadow {
  background: none;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadow.png,sizingMethod='scale');*/
}

* html div#menuContainer #menuBottomShadow {
  background: none;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/menubottomshadow.png,sizingMethod='scale');*/
}

div#menuContainer .subHolder {
	display: none;
}

div#menuContainer .slider {
	position: relative;
	top: 0px;
	width: 1px; /* Required to prevent H Scrollbars.  Default overflow is visible */
}

/*******************************************************************************
=SEARCH=
*******************************************************************************/
div#searchBar {
  position: relative;
  height: 38px;
  background: #dde4ed url(./images/search/bg-blue.png) repeat-x top left;
  padding-top: .5em;
}

div#searchBar div.searchForm {
  background: url(./images/search/form.png) no-repeat top left;
  display: block;
  margin: 0 auto;
  width: 541px;
  height: 30px;
  padding-top: 5px;
  text-align: center;
}

div#searchBar div.searchForm p {
  margin: 0;
  font-size: 100%;
}

div#searchBar form label {
  color: #fdfdfd;
  font-size: .8em;
  margin: 0 1.5em;
}

div#searchBar div.family {
  position: absolute;
  right: 0;
  bottom: .5em;
  font-size: .7em;
  margin-right: 1em;
}

div#searchBar form input, div#searchBar form select {
  font-size: .7em;
  width: 158px;
}

div#searchBar form input#search_submit {
  background: none;
  border: none;
  color: #fdfdfd;
  cursor: pointer;
  height: auto;
  font-weight: bold;
  width: auto;
  margin-left: .5em;
}

div#searchSpinner {
  z-index: 5;
  position: absolute;
  padding: 2px 4px;
  background: #fff;
  border: 1px solid #333;
}
/*******************************************************************************
=SEARCH-RESULTS=
*******************************************************************************/
.landingPages .result {
	background: #eef1f6;
}
.searchPages .result {
  background: #fffffe;
}

div.searchPages div.result, 
tbody.searchPages div.result,
div.landingPages div.result,
tbody.landingPages div.result{
  border: 1px solid #5381ac;
  margin: 0 0 1em 0;
  padding: 1em 1em 0;
	position: relative;
	zoom: 1;
	min-height: 1%;
}

div#featured.noPics div.row div p {
	margin-left:0px;
}

div.searchPages div.result div.content, 
tbody.searchPages div.result div.content, 
div.landingPages div.result div.content,
tbody.landingPages div.result div.content{
	/*padding: .25em 0 0 75px;*/
	padding: .25em 0 0 0;
}

.result .bfCell{
	width:81px !important;
	overflow:hidden;
	padding-bottom:1em;
	/* Takes the place of setting it in thumber around 1819*/
}

.result .bfCell img, .result .bfCell a img{
	display:block;
	/*margin-right:21px;*/
}

div.result div.noPics{
	padding-left: 0px !important;
}

div.searchPages div.result div.content p, 
tbody.searchPages div.result div.content p, 
div.landingPages div.result div.content p,
tbody.landingPages div.result div.content p{
  margin: .6em 0;
}
div.searchPages div.result div.content p.first, 
tbody.searchPages div.result div.content p.first, 
div.landingPages div.result div.content p.first,
tbody.landingPages div.result div.content p.first{
	margin-top: 0;
}

div.searchPages div.result .borderedImage, 
tbody.searchPages div.result .borderedImage, 
div.landingPages div.result .borderedImage,
tbody.landingPages div.result .borderedImage{
  float: left;
	margin-top: 0;
}

* html div.searchPages div.result div.content, 
* html tbody.searchPages div.result div.content, 
* html div.landingPages div.result div.content,
* html tbody.landingPages div.result div.content{
	padding: .5em 0 .5em 0px;
}

div.result .spacer {
	width: 95px;
	height: 60px;
	float: left;
	margin: 0;
}

/*******************************************************************************
=FORMS=
*******************************************************************************/
.formBox .dialogueGreen {
  color: #000;
  line-height: 1.2em;
  border-collapse: collapse;
}
.formBox .dialogueGreen td {
  padding: 0; 
}

.formBox .dialogueGreen .topCenter,
.formBox .dialogueGreen .centerLeft,
.formBox .dialogueGreen .centerCenter,
.formBox .dialogueGreen .centerRight,
.formBox .dialogueGreen .bottomCenter {
  background: #deff7a;
}

.formBox .dialogueGreen .topLeft,
.formBox .dialogueGreen .topRight,
.formBox .dialogueGreen .bottomLeft,
.formBox .dialogueGreen .bottomRight {
  overflow: hidden;
  width: 4px;
  height: 4px;
  line-height: 4px;
}

.formBox .dialogueGreen .centerCenter {
  padding: .25em;
}
.formBox .dialogueGreen .topLeft {
  background: url(./images/top_left.gif) no-repeat top left;
}
.formBox .dialogueGreen .topRight {
  background: url(./images/top_right.gif) no-repeat top right;
}
.formBox .dialogueGreen .bottomLeft {
  background: url(./images/bottom_left.gif) no-repeat bottom left;
}
.formBox .dialogueGreen .bottomRight {
  background: url(./images/bottom_right.gif) no-repeat bottom right;
}
.formBox .dialogueGreen .arrowLeft {
  background: url(./images/left_arrow.gif) no-repeat 0% 10%;
  width: 26px;
}
.formBox .dialogueGreen .arrowTop {
  background: url(./images/top_arrow.gif) no-repeat 5% 0%;
  height: 16px;
}

.formBox {
  margin: 0 1em 1em 1em;
  zoom: 1;
}
.formBox h2 {
	color: #5381ac;
  font-size: 2em;
  line-height: 2em;
  font-weight: normal;
}

.formBox .content {
  border: 1px solid #336699;
  background: #fffffe;
  padding: 1px 1px 1em 1px;
  line-height: 2em;
}
.formBox .header {
  border-bottom: 1px solid #336699;
  background: #EEF1F6;
  padding: 0 1em;
  zoom: 1;
}
.formBox .body {
  padding: 0 1em;
  position: relative;
}
.formBox .row {
  position: relative;
  zoom: 1;
}
.formBox .row .first {
  float: left;
  width: 15em;
  margin-right: .5em;
}
.formBox .row .middle {
  float: left;
  width: 22em;
  margin-right: .5em;
}
.formBox .row .flex {
  float: left;
}
#infoDialogue{
	width:360px;
}
.formBox label {
  color: #333333;
}
.formBox ol li.contains ul .first {
  padding-left: 2em;
  width: 13em;
}
.formBox .emphasis {
  font-weight: bold;
}
.formBox .input {
  width: 21.5em;
}
.formBox .input.small {
	width: 6em;
}
.formBox .input.short {
  width: 10.5em;
}
.formBox .first .required {
  position: absolute;
  color: #000;
  top: 0;
  right: 0;
}
.formBox .label {
  position: relative;
  color: #666;
}
.formBox .row.tall {
  padding: 1.5em 0;
}
.formBox .invalid, .formBox .max-char-50-error {
  border: 1px solid red;
  background: pink;
}
.formBox .buttons input {
  margin: 1em 1em 1em 0;
}
.formBox .body.spacer {
  padding-top: 1em;
}
.formBox .row ul.discs {
	list-style-type: disc;
	padding-left: 2em;
}

/*******************************************************************************
=SHADOWBOX-WHITE=
*******************************************************************************/
.shadowBox .start {
  height: 6px; 
	overflow: hidden;
  background: url(./images/shadows/shadow-start-white.png) no-repeat top right;
}

.shadowBox .center {
  padding-right: 4px;
  background: url(./images/shadows/shadow-right-white.png) repeat-y top right;
}

.shadowBox .content {
  position: relative;
  top: -6px; 
  margin-bottom: -6px;
}

.shadowBox .end {
  height: 6px; 
  background: url(./images/shadows/shadow-bottom-white.png) repeat-x top left;
}

.shadowBox .end .left {
  height: 6px; 
  width: 6px; 
  background: url(./images/shadows/shadow-left-bottom-white.png) no-repeat bottom left;
  float: left;
}

.shadowBox .end .right {
  height: 6px; 
  width: 6px; 
  background: url(./images/shadows/shadow-right-bottom-white.png) no-repeat bottom right;
  float: right;
}

/* IE6 Hack */
* html .shadowBox .end {
	
}
* html .shadowBox .end .left,
* html .shadowBox .end .right {
  margin-top: -12px;
}

/*******************************************************************************
=SHADOWBOX-BLUE=
*******************************************************************************/
.shadowBox-blue .start {
  height: 6px;
	overflow: hidden;
  background: url(./images/shadows/shadow-start-blue.png) no-repeat top right;
}

.shadowBox-blue .center {
  padding-right: 4px;
  background: url(./images/shadows/shadow-right-blue.png) repeat-y top right;
}

.shadowBox-blue .content {
  position: relative; 
  top: -6px; 
  margin-bottom: -6px;
}

.shadowBox-blue .end {
  height: 6px; 
	overflow: hidden;
	zoom: 1;
	min-height: 1%;
  background: url(./images/shadows/shadow-bottom-blue.png) repeat-x top left;
  overflow: hidden;
}

.shadowBox-blue .end .left {
  height: 6px; 
  width: 6px; 
  background: url(./images/shadows/shadow-left-bottom-blue.png) no-repeat bottom left;
  float: left;
}

.shadowBox-blue .end .right {
  height: 6px; 
  width: 6px; 
	zoom: 1;
  background: url(./images/shadows/shadow-right-bottom-blue.png) no-repeat bottom right;
  float: right;
}

/* IE6 Hack */
* html .shadowBox-blue .start {
  zoom: 1;
}
* html .shadowBox-blue .content {
  zoom: 1;
}
* html .shadowBox-blue .end {
	zoom: 1;
}

* html .shadowBox-blue .end .left,
* html .shadowBox-blue .end .right {
  margin-top: -10px;
}

/*******************************************************************************
=SHADOWBOX-YELLOW=
*******************************************************************************/
.shadowBox-yellow .start {
  height: 6px;
	overflow: hidden;
  background: url(./images/shadows/shadow-start-yellow.png) no-repeat top right;
}

.shadowBox-yellow .center {
  padding-right: 4px;
  background: url(./images/shadows/shadow-right-yellow.png) repeat-y top right;
}

.shadowBox-yellow .content {
  position: relative; 
  top: -6px; 
  margin-bottom: -6px;
}

.shadowBox-yellow .end {
  height: 6px; 
  background: url(./images/shadows/shadow-bottom-yellow.png) repeat-x top left;
}

.shadowBox-yellow .end .left {
  height: 6px; 
  width: 6px; 
  background: url(./images/shadows/shadow-left-bottom-yellow.png) no-repeat bottom left;
  float: left;
}

.shadowBox-yellow .end .right {
  height: 6px; 
  width: 6px; 
  background: url(./images/shadows/shadow-right-bottom-yellow.png) no-repeat bottom right;
  float: right;
}

/* IE6 Hack */
* html .shadowBox-yellow .start {
  zoom: 1;
}
* html .shadowBox-yellow .content {
  zoom: 1;
}
* html .shadowBox-yellow .end {
	zoom: 1;
}

* html .shadowBox-yellow .end .left,
* html .shadowBox-yellow .end .right {
  margin-top: -10px;
}

/*******************************************************************************
=FOOTER=
*******************************************************************************/
div#footer {
	clear: both;
	background-color: #293E6B;
	text-align: center;
	font-size: 11px;
	color: #fdfdfd;
	height: 39px;
	line-height: 39px;
	white-space: nowrap;
}

#footer a {
	color: #fdfdfd;
	margin: 0 .25em;
}

/*******************************************************************************
=TABS=
*******************************************************************************/
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tabSection {
  padding-top: 2em;
  zoom: 1;
	min-height: 1%;
  position: relative;
}

.tabSection .tabHeaders {
  zoom: 1;
  min-height: 1%;
}

.tabSection .tabHeaders li {
  float: left;
  background-image: url(./images/tabs_white_tall.png);
  background-position: top left;
  background-repeat: no-repeat;
	padding-left: 20px;
  zoom: 1;
  min-height: 1%;
	line-height: 1.2em;
}
.tabSection .tabHeaders h3 {
  background-image: url(./images/tabs_white_tall.png);
  background-position: top right;
  background-repeat: no-repeat;
	padding-right: 20px;
	height: 100%;
  zoom: 1;
  min-height: 1%;
}
* html .tabSection .tabHeaders a,
* html .tabSection .tabHeaders h3 {
	float: left;
  zoom: 1;
  min-height: 1%;
}

.tabSection .tabHeaders li.ui-tabs-selected {
  background-position: 0 -101px;
}
.tabSection .tabHeaders li.ui-tabs-selected h3 {
  background-position: 100% -101px;
}

.tabSection .tabHeaders h3 a {
  display: block;
	color: #fffffe;
  text-align: center;
	padding: .5em 26px 1em 20px;
	margin: 0 -20px;
	white-space: nowrap;
}
* html .tabSection .tabHeaders h3 a {
	display: inline;
}
.tabSection .tabContent {
	clear: both;
  zoom: 1;
  min-height: 1%;
}

.tabSection .tabContent .tab-area {
  border: 15px solid #5381ac;
  border-bottom: 20px solid #5381ac;
  color: #333;
  padding: .5em;
}
.tabSection .tabContent .wrapper {
  padding: .5em 1em;
}

.tabSection .tabContent ul {
  list-style-type: disc;
}

.tabSection .tabContent li {
  margin: 0 0 1em 1.5em;
}
.tabSection .tabContent p {
  margin: .5em 0;
}

#tab-details p, #tab-specifications p{
	font-size: 100%;
}
/*******************************************************************************
=TABS= RELATED PRODUCT
*******************************************************************************/
.product {
  margin-bottom: 1em;
  position: relative;
  zoom: 1;  
}
.product .productContent {
  padding: .5em 0 0 95px;
  position: relative;
}
.product .productContent p {
  text-align: left;
  padding: 0;
  margin: .5em 0;
}
.product .borderedImage {
  float: left;
}
.product .parts {
  margin: 1.25em 0 0 0;
  position: relative;
  zoom: 1;
}

.product .orderLink {
  position: absolute;
  right: 0;
  bottom: 0;
  zoom: 1;
}

.product .parts .tableWrapper {
  margin: 1em 0 1em 1em;
	zoom: 1;
}

/*******************************************************************************
=TABS= RELATED SERVICE
*******************************************************************************/
.relatedService {
  margin: 0 0 1.5em 0;
}
.relatedService .relatedServiceHeader {
  position: relative;
	min-height: 1.25em;
  zoom: 1;
}
.relatedService .relatedServiceHeader img {
}

.relatedService .relatedServiceHeader h4 {
  position: absolute;
  bottom: 0;
  font-size: 1.2em;
}
.relatedService .relatedServiceHeader h4.hasImage {
  left: 90px;
}
.relatedService .relatedServiceContent {
  padding: .5em 0 0 0;
	/* IE6 doesn't show the background image unless the background color is set */
  background: #fffffe url(./images/design/dotted-border.png) repeat-x top right;
}
.relatedService .relatedServiceContent ul {
  margin: .25em 0;
}
/* IE6 messes up the spacing at .25em, needs to be larger. */
* html .relatedService .relatedServiceContent ul {
 margin-bottom: 2.25em;
}

.relatedService .relatedServiceContent li {
  margin: 0 0 0 1.5em;
}

/*******************************************************************************
=PODS=
*******************************************************************************/
#podLayout {
	padding-right: 237px;
}

#podLayout .formBox {
	/*margin: 0 1em;  deprecated rule? */
	padding: 0;
	zoom: 1;
}

#podLayout #primaryContent {
  position: relative;
  float: left;
  width: 100%;
}

#podLayout #podContent {
  position: relative;
  float: left;
  width: 237px;          /* column-sidebar */
  margin-right: -237px;  /* column-sidebar */
}

.pod {
  position: relative;
  margin: 0 0 1em 0;
  width: 227px;
}

.podContent {
  background: #f7f9fb;
  border: 1px solid #999;
  border-top: none;
}

.podContent img {
  display: block;
  margin: 0 auto;
}

.podContent p {
  padding: .25em .6em 0 .6em;
  margin: 0 0 .75em 0;
  font-size: .8em;
}
.podContent p.smaller{
	font-size: 0.71em;
}
.podContent ul {
  padding: .5em .6em;
  font-size: .8em;
}

.podContent .text {
  float: left;
  width: 135px;
}
.podContent .image {
  float: right;
  width: 70px;
}

.pod h4 {
  height: 25px;
  line-height: 25px;
  color: #fffffe;
  background: url(./images/design/sidenav-header-blue-27.png) no-repeat top left;
  padding-left: .5em;
  font-weight: normal;
}

.pod .podRoundBottom {
  height: 3px;
  zoom: 1;
  overflow: hidden;
  background: url(./images/design/sidenav-footer-white.png) no-repeat top left;
}

.podContent .section {
  border-bottom: 1px solid #999;
}
.podContent .section.last {
  border: none;
}

.podContent h5 {
  font-size: .8em;
  padding: .25em .6em 0;
}

.pod .right {
  position: absolute;
  top: .5em;
  right: .5em;
}

/*******************************************************************************
=PODS= CRU/HELP
*******************************************************************************/
div#pod-help {
	background: url(./images/design/sidenav-header-white-25.png) no-repeat top left;
  padding-top: .5em;
}

div#pod-help .podContent {
  background: #F7F9FB;
}

#pod-help h4 {
  background: none;
  color: #000000;
  margin: 0;
  font-size: .8em;
  font-weight: bold;
  height: auto;
  line-height: 1.2;
  padding-top: .2em;
  float: left;
}

#pod-help img {
  float: right;
  margin-right: .5em;
}

#pod-help ul li {
	line-height: 15px;
}
#pod-help .podContent p {
	margin-bottom: .25em;
}
#pod-help ul .emphasis {
	display: inline-block;
	font-weight: normal;
	width: 70px;
	float:left;
}

#pod-help span.phone {
  padding-left: 15px;
  font-weight: normal;
  background: url(./images/design/telephone-icon.png) no-repeat center left;
  float:right;
}

div#pod-help div.image {
  float: right;
  width: 78px;
}

div#pod-help div.copy {
  float: left;
  width: 145px;
}

#pod-help p {
  margin: 0 0 1em;
  line-height: 1.2;
}

#pod-help p.squished {
  line-height: 1;
}

#pod-help p span {
  display: inline-block;
  font-weight: bold;
  width: 45px;
}

#countryInfo{
	background-color:#BDCBE5;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	border-bottom-color:#BDCBE5;
	border-top-color:#999;
	padding:10px 0px 2px 0px;
	margin-top:5px;
}
#countryInfo .tooltip{
	display:none;
}
#countryInfo a:hover{
	text-decoration:none;
}
#countryInfo p>img{
	float:none;
	display:inline;
	vertical-align:middle;
	margin:0px 0px 0px 15px;
}
#countryInfo p#selectCountry, #countryInfo .emphasis, #countryInfo .phone{
	font-weight:bold;
	color:#000;
}
#countryInfo p#selectCountry{
	margin-bottom:7px;
}

/*******************************************************************************
=TOOL TIP=
*******************************************************************************/
#toolTip {  
  width: 409px;
  display: none;  
  position: absolute;
  z-index: 1000;
}
#toolTip .wrap {
  padding-right: 4px;
  background: url(./images/design/shadow-right-trans.png) no-repeat top right;
}
#toolTip .inner {
  width: 400px;
  background: lightyellow;
  border: 1px solid black;
  padding: 2px;
  font-size: smaller;
}
#toolTip .bottom {
  background: url(./images/design/shadow-bottom-trans-400.png) no-repeat top left;
  height:4px;
  margin-left: 4px;
  overflow: hidden;
}

.tooltip {
  display: none;
}
* html #toolTip {
  background-image: none;
}

/*******************************************************************************
=SYSTEM MESSAGE=
*******************************************************************************/
.systemMessageWrapper {
  position: relative;
  text-align: center;
  padding-bottom: 1em;
}
#systemMessage {
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #FF0033;
  color: #FF0033;
  font-weight: bold;
  padding: .125em 1em;
	width:auto;
	display:inline-block;
}
#largeSystemMessage .systemMessageWrapper {
	margin: 10em 0;
}
#largeSystemMessage #systemMessage {
	padding: 1em 2em;
}

/*******************************************************************************
=PAGINATION=
*******************************************************************************/
div.pagination {
  float: right;
  margin: 0 1em;
  font-size: .8em;
}

div.pagination p.results {
  color: #000;
  display: inline;
  margin: 0 .5em;
}

div.pagination p.pages {
  display: inline;
}

div.pagination p.pages a.first {
  background: url(./images/pagination/first_white.jpg) no-repeat left 50%;
  padding-left: 15px;
}

div.pagination p.pages span.first {
  background: url(./images/pagination/first_white_disabled.jpg) no-repeat left 50%;
  padding-left: 15px;
  color: #b5b7b4;
}

div.pagination p.pages a.prev {
  background: url(./images/pagination/previous_white.gif) no-repeat left 50%;
  padding-left: 10px;
}

div.pagination p.pages span.prev {
  background: url(./images/pagination/previous_white_disabled.gif) no-repeat left 50%;
  padding-left: 10px;
  color: #b5b7b4;
}

div.pagination p.pages a.next {
  background: url(./images/pagination/next_white.gif) no-repeat right 50%;
  padding-right: 10px;
}

div.pagination p.pages span.next {
  background: url(./images/pagination/next_white_disabled.gif) no-repeat right 50%;
  padding-right: 10px;
  color: #b5b7b4;
}

div.pagination p.pages a.last {
  background: url(./images/pagination/last_white.jpg) no-repeat right 50%;
  padding-right: 15px;
}

div.pagination p.pages span.last {
  background: url(./images/pagination/last_white_disabled.jpg) no-repeat right 50%;
  padding-right: 15px;
  color: #b5b7b4;
}

div.pagination.yellow p.pages a.first {
  background-image: url(./images/pagination/first_yellow.jpg);
}

div.pagination.yellow p.pages span.first {
  background-image: url(./images/pagination/first_yellow_disabled.jpg);
}

div.pagination.yellow p.pages a.prev {
  background-image: url(./images/pagination/previous_yellow.gif);
}

div.pagination.yellow p.pages span.prev {
  background-image: url(./images/pagination/previous_yellow_disabled.gif);
}

div.pagination.yellow p.pages a.next {
  background-image: url(./images/pagination/next_yellow.gif);
}

div.pagination.yellow p.pages span.next {
  background-image: url(./images/pagination/next_yellow_disabled.gif);
}

div.pagination.yellow p.pages a.last {
  background-image: url(./images/pagination/last_yellow.jpg);
}

div.pagination.yellow p.pages span.last {
  background-image: url(./images/pagination/last_yellow_disabled.jpg);
}

div.pagination p.pages a {
  color: #5381ac;
  margin: 0 3px;
}

div.pagination p.pages span {
  margin: 0 3px;
}

div.pagination p.pages a.active {
  color: #000;
}

/*******************************************************************************
=EXPANDABLE=
*******************************************************************************/
.expandable .expander {
  background: url(./images/news/refinements_collapse.png) no-repeat 0 0.2em;
  padding-left: 20px;
  line-height: 1.4em;
  font-size: .9em;
  zoom: 1;
  cursor: pointer;
}

.expandable .expander.closed {
  background: url(./images/news/refinements_expand.png) no-repeat 0 0.2em;
}

.expandable .area {
  display: none;
  background: #e9f4fa;
  border: 1px solid #999;
  margin: 0 .5em .5em 20px;
}

.expandable.open .area {
  display: block;
}
.expandable .right{
	float:right;
}

.staticArea{
	background: #e9f4fa;
  border: 1px solid #999;
	margin: 10px 100px;
	padding-left:6px;
}

.expandable .area p {
	margin: .25em 1em;
}

/*******************************************************************************
=COPY=
*******************************************************************************/
#primaryContent .textCopy {
  padding: 1.5em 1.5em 3em 1.5em;
}

.textCopy p#leadIn, 
.textCopy ul#subheaders {
  margin: 0;
  font-size: 1.4em;
  color: #5381ac;
}

.textCopy ul#subheaders {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 1.5em;
}

.textCopy img {
  float: right;
  margin: 0 .5em 1em 1em;
}

.textCopy h2 {
  color: #5381ac;
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 .5em 0;
  line-height: 1.25;
}

.textCopy p {
  margin-bottom: 1em;
  line-height: 1.25;
}
.textCopy #subheaders li {
	line-height: 1.25;
}

.textCopy div.copy h2 {
  line-height: 1.25;
}

.textCopy div.copy h3 {
  font-size: 1.25em;
}

.textCopy div.copy ul {
  list-style-type: disc;
  margin: 0 0 1em 1.5em;
  line-height: 1.25;
}

div#confirmationRegistration {
  border: 1px solid #5381ac;
  margin-top: 3em;
}

div#dym,
div#displayPreferences,
div#relatedSearches {
  border: 1px solid #5381ac;
}

div#dym ul,
div#relatedSearches ul {
  padding: .5em 1em;
  list-style: square outside;
  color: #999;
}

div#dym ul li,
div#relatedSearches ul li {
  margin: 0 0 0 1em;
}

div#dym,
div#relatedSearches {
  background: #fffffe;
  margin: 0 0 1em 0;
}

div#dym h3,
div#confirmationRegistration h3,
div#displayPreferences h3,
div#relatedSearches h3 {
  background: #336699 url(./images/design/light-dark-blue-vertical-gradient.png) repeat-x scroll left center;
  color: #ffe;
  text-indent: 1em;
}

div#displayPreferences h3 {
  padding: .5em 0;
  margin: 0 0 .5em 0;
	width:100%;
}

.productDetailArea {
	display:none;
	min-height: 1%;
	zoom: 1;
}

/*******************************************************************************
=COLLAPSIBLE=
*******************************************************************************/
.collapsible h4 {
  line-height: 32px;
  padding-left: 1em;
  height: 32px;
  border: 1px solid black;
  background-color: #dde4ed;
  background-image: url(./images/design/collapsable_sprite.png);
  background-repeat: repeat-x;
  background-position: top left;
  cursor: pointer;
}

.collapsible h4.closed {
  background-color: #EEF1F6;
  background-position: bottom left;
}

.collapsible h4 a {
  line-height: 32px;
  padding-left: 2em;
  background-image: url(./images/design/collapsible-arrow-open.png);
  background-position: .75em 50%;
  background-repeat: no-repeat;
  display: block;
}

.collapsible h4.closed a {
  background-image: url(./images/design/collapsible-arrow-closed.png);
}

.collapsible .collapsible-area {
  background: #fffffe url(./images/design/collapsible-background.png) repeat-x top left;
  margin: .25em;
}

.collapsible.closed .collapsible-area {
  display: none;
}

#headerLink {
  display: block;
  background: #293e6b;
  margin: 0;
  padding: 0;
  height: 133px;
  overflow: hidden;
}

#headerLink img {
  margin: 0;
  padding: 0;
}

/*******************************************************************************
=THUMBER=
*******************************************************************************/
a.thumber,
img.thumber{
  position: relative;
  z-index: 100;
  display: block;
  float: left;
  /*margin-bottom: 1em;*/
}
a.thumber{
	height: 100%;
}
div#thumbBig {
  border: 1px solid #999;
}

div#thumbBig div.closer {
  text-align: right;
  font-size: .8em;
  background: #336699 url(./images/design/light-dark-blue-vertical-gradient.png) repeat-x right center;
  padding: .5em;
}

div#thumbBig div.closer a {
  color: #fffffe;
}

div#thumbBig {
  background: #EEF1F6;
  color: #333;
}

div#thumbBig div.inner img {
  padding: 10px 10px 0;
}

div#thumbBig div.caption {
  font-size: .8em;
  margin: 0 .5em .5em;
}

/*********************************************************************************
=COUNTRY OF INTEREST FORM
*********************************************************************************/
#cofiform{
	/*margin:auto;*/
}
#cofiform select{
	font-size: 9px;
	width:212px;
	overflow:hidden;
	margin:0px auto 5px;
	display:block;
}

/*******************************************************************************
HOME PAGE CSS

 * CONTENTS:
 * =DEFAULTS= --alters page defaults
 * =FLASH= -- the flash banner
 * =TICKER= -- news ticker styles
 * =FEATURES= -- feature section on front page
*******************************************************************************/

/*******************************************************************************
=DEFAULTS=
*******************************************************************************/
body {
}

div#searchBar {
}

/*******************************************************************************
=FLASH=
*******************************************************************************/
div#stage div#flashBanner {
  position: relative;
  height: 283px;
  overflow: hidden;
  width: 100%;
}

/*******************************************************************************
=TICKER=
*******************************************************************************/
div#stage div#ticker {
  height: 30px;
  background: url(./images/ticker/bg.gif) repeat-x top left;
  line-height: 30px;
}

div#stage div#ticker h2 {
  text-transform: uppercase;
  padding: 0 1em 0 2em;
  font-size: .8em;
  color: #293e6b;
  float: left;
}

div#stage div#ticker p {
  float: left;
  font-size: .8em;
}

/*******************************************************************************
=FEATURES=
*******************************************************************************/
div#stage div#features {
  line-height: 1.2;
}

div#stage div#features div.item {
  float: left;
  width: 33.3%;
  height: 150px;
}

div#stage div#features div.spacer {
  background: #e4e4e4 url(./images/features/item_bg.gif) no-repeat bottom right;
}

div#stage div#features div div {
  height: 123px;
  background: url(./images/features/content_bg.gif) repeat-x top left;
}

div#stage div#features div.spacer div {
  width: 99%;
}

div#stage div#features h2 {
  background: #fdfdfd url(./images/features/h2_bg.gif) no-repeat top left;
  height: 27px;
  line-height: 29px;
  text-transform: uppercase;
  width: 99%;
  font-size: .9em;
  text-indent: 2em;
}

div#stage div#features h3 {
  font-size: 1em;
  padding: .5em 0;
}

div#stage div#features img {
  float: left;
  margin: .5em;
}

div#stage div#features p {
  font-size: .8em;
  margin-right: 1em;
  color: #333;
}

div#stage div#features p a {
  display: block;
  margin-top: .25em;
}

#footer {
	zoom: 1;
}