
/* SECTION 1 - STANDARD TAGS */

body, table {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333;
}

sup, sub {font-size: .7em;}

a:link, a:visited {color:#006; }
a:hover, a:active {color:#666; }

a:link.red, a:visited.red {color:#f00; }
a:hover.red, a:active.red {color:#666; }


/* standard headings */ 
h1 {font-weight:normal; font-size:18px; color:#000000; margin-top:6px} /* top page headings only */
h2 {font-weight:bold; font-size:14px; color:#000000; } /* second-level heading */
h3 {font-weight:bold; font-size:12px; color:#000000; } /* third-level heading */
h4 {font-weight:bold; font-size:12px; color:#ff0000; } /* alternate heading for emphasis only - use sparingly */
h5 {font-weight:bold; font-size:11px; color:#000000; } /* alternate lower-level heading */
h6 {font-weight:bold; font-size:14px; color:#000000; margin:12px 0 4px 0; padding-bottom:4px; background: url(/transactionservices/home/img/bdr_dotted_x.gif) bottom repeat-x;}/*border-bottom:1px dotted #999;} /* heading with underline */

h3#country {color:#999999; margin:0 0 15px 0; font-size:13px;}

/* cross-platform hacks */
form {margin:0}
img {border:0; margin:0; padding:0;}



/* SECTION 2 - UTILITY CLASSES */

/* for use with floats */
.clr {display:block; clear: both; }
img.np {display:none;} /* hack for r12 - should coordinate better with print4.css (print stylesheets) */


.floatLeft {float:left;}
.floatRight {float:right;}
img.floatLeft {padding:0 12px 12px 0}
img.floatRight {padding:0 0 12px 12px}

.grid div, .grid img {float:left; margin-right:10px; margin-bottom:10px;}


/* alignment */
.l, .left {text-align: left; }
.c, .center {text-align: center; } 
.r, .right {text-align: right; }

/* design hacks */
.noborder {border:0 !important}
.nomargin {margin:0 !important}
.nopadding {padding:0 !important}

/* do not display */
.hide {display:none}

/* make invisible */
.invisible {visibility:hidden}

/* divider lines */
.linetop {padding-top:12px; background: url(/transactionservices/home/img/bdr_dotted_x.gif) top repeat-x; }
.linebottom {padding-bottom:12px; background: url(/transactionservices/home/img/bdr_dotted_x.gif) bottom repeat-x;}

/* block/inline display */
.block {display:block;}
.inline {display:inline;}



/* SECTION 3 - LISTS */

/* standard lists */
#content ul, #content ol {padding-left:15px; margin-left:15px; }

#rcolumn ul, 
.transform2to3LR .column2 ul,
.insert2colR .column2 ul,
#rcolumn ol,
.transform2to3LR .column2 ol,
.insert2colR .column2 ol
{padding-left:12px; margin-left:12px;}

/* rightnav styles */ 
#rcolumn, 
.transform2to3LR .column2, 
.insert2colR .column2,
 {font-size:11px}


.transform2to3LR .column1 .column2, 
.insert2colR .column1 .column2,
 {font-size:12px}


#rcolumn h3, 
.rcol h3,
.transform2to3LR .column2 h3,
.insert2colR .column2 h3,
 {margin:0}
 
#rcolumn ul, 
.rcol ul,
.transform2to3LR .column2 ul,
.insert2colR .column2 ul
 {margin-top:6px; }
 
#rcolumn hr, 
.rcol hr,
.transform2to3LR .column2 hr,
.insert2colR .column2 hr
 {height:1px; border-collapse:collapse; }

/* footer styles */
#corpNav li a, #corpNav1 a  {color:#666; font-size:10px; text-decoration:none;}
#corpNav li a:hover, #corpNav1 a:hover {color:#006; text-decoration:underline}
#corpNav li a {margin-left:15px;}
#corpNav li.section1 {color:#666; font-size:10px; margin-left:20px;}
#corpNav li.section2 a {font-size:10px; margin-left:5px; }


/* optional links - upper right corner */
#topNavRight {float:right}
#topNavRight ul {list-style:none; margin:0; padding:2px 0 0 0}
#topNavRight li {float:left; margin:0; padding:0}
#topNavRight li a, #topNavRight li a  {color:#fff; font-size:10px; text-decoration:none;}
#topNavRight li a:hover, #topNavRight li a:hover {color:#ddd; }
#topNavRight li a {margin-left:15px;}


/* special class for added space between list items */
ul.announcements li {margin-bottom:8px;  }

#content ul li, #content ol li, #rcolumn ul li,
.transform2to3LR .column2 ul li,
.insert2colR .column2 ul li
 {margin-bottom:6px;  }

/* 2nd level list items */
div#content li ol, div#content li ul {margin-top: 6px; }

/* blue dot standard bullets - needs further testing - see homepage for example when testing this
#content ul li {list-style-image: url(/transactionservices/home/img/blue_dot.gif); }
#rcolumn ul li {list-style-image: url(/transactionservices/home/img/blue_dot.gif); }
/*


/* list item with single red carat */
ul.carat li, ul.carat1 li {list-style-image: url(/transactionservices/home/img/blue_arrow2.gif); }
li.carat, li.carat1 {list-style-image: url(/transactionservices/home/img/blue_arrow2.gif) !important;  }
ul.carat li a, ul.carat li a:visited, ul.carat1 li a, ul.carat1 li a:visited  {color:#000; text-decoration:none}
ul.carat li a:hover, ul.carat1 li a:hover {color:#006; text-decoration:underline}

/* list item with double red carat */
ul.carat2 li {list-style-image: url(/transactionservices/home/img/blue_dbl_arrow.gif); }
li.carat2 {list-style-image: url(/transactionservices/home/img/blue_dbl_arrow.gif) !important; }
ul.carat2 li a, ul.carat2 li a:visited, li.carat2 a, li.carat2 a:visited {color:#000; text-decoration:none}
ul.carat2 li a.blue, ul.carat2 li a.blue:visited, li.carat2 a.blue, li.carat2 a.blue:visited {color:#006; text-decoration:none}
ul.carat2 li a:hover, li.carat2 a:hover {color:#006; text-decoration:underline}
ul.carat2 li a.blue:hover, li.carat2 a.blue:hover {color:#666; text-decoration:underline}

a.carat2, a.carat2:visited {background: url(/transactionservices/home/img/blue_dbl_arrow.gif) no-repeat; padding-left:16px; color:#000 !important; text-decoration:none}
a.carat2:hover {color:#006; text-decoration:underline}

/* carat 3 - red knockout single carat */
ul.carat3 li {list-style-image: url(/transactionservices/home/img/blue_arr_knock1.gif); }
li.carat3 {list-style-image: url(/transactionservices/home/img/blue_arr_knock1.jpg) !important; }
ul.carat3 li a, ul.carat3 li a:visited {color:#000; text-decoration:none}
ul.carat3 li a:hover {color:#006; text-decoration:underline}

/* carat 4 - red knockout double carat */
ul.carat4 li {list-style-image: url(/transactionservices/home/img/blue_arr_knock2.gif); }
li.carat4 {list-style-image: url(/transactionservices/home/img/blue_arr_knock2.gif) !important; }
ul.carat4 li a, ul.carat4 li a:visited {color:#000; text-decoration:none}
ul.carat4 li a:hover {color:#006; text-decoration:underline}

/* carat 5 - single gray carat */
ul.carat5 li {list-style-image: url(/transactionservices/home/img/arrow_gray1.gif); }
li.carat5 {list-style-image: url(/transactionservices/home/img/arrow_gray1.gif) !important; }
ul.carat5 li a, ul.carat5 li a:visited {color:#000; text-decoration:none}
ul.carat5 li a:hover {color:#006; text-decoration:underline}

/* carat 6 - gray double carat */
ul.carat6 li {list-style-image: url(/transactionservices/home/img/arrow_gray2.gif); }
li.carat6 {list-style-image: url(/transactionservices/home/img/arrow_gray2.gif) !important;  }
ul.carat6 li a, ul.carat6 li a:visited {color:#000; text-decoration:none}
ul.carat6 li a:hover {color:#006; text-decoration:underline}

/* carat 7 - gray outline white box single carat */
ul.carat7 li {list-style-image: url(/transactionservices/home/img/blue_arr_btn.gif); }
li.carat7 {list-style-image: url(/transactionservices/home/img/blue_arr_btn.gif) !important; }
ul.carat7 li a, ul.carat7 li a:visited {color:#000; text-decoration:none}
ul.carat7 li a:hover {color:#006; text-decoration:underline}

/* carat 8 to come - gray outline white box double carat */

/* temporary styles for expandable content */
a.carat9, a.carat9:visited {background: url(/transactionservices/home/img/blue_arr_btn_dn.gif) no-repeat; padding:0 0 10px 20px; color:#000 !important; text-decoration:none; display:block; margin:0;}
a.carat9:hover {color:#006 !important; text-decoration:underline}

a.carat10, a.carat10:visited {background: url(/transactionservices/home/img/blue_arr_btn.gif) no-repeat; padding:0 0 10px 20px; color:#000 !important; text-decoration:none; display:block; margin:0;}
a.carat10:hover {color:#006 !important; text-decoration:underline}


/* add this as an additional class in any mixed text/link context */
/* exapmple: class="carat2 mixed" */
ul.mixed a, li.mixed a {color:#006 !important; text-decoration:underline !important;}
ul.mixed a:hover, li.mixed a:hover {color:#666666 !important;}





ul.pdf li, li.pdf {list-style-image: url(/transactionservices/home/img/pdf_icon.gif); vertical-align:top; color:#999;}
ul.pdf li a, ul.pdf li a:visited, li.pdf a, li.pdf a:visited  {color:#000; text-decoration:none}
ul.pdf li a:hover, li.pdf a:hover {color:#006; text-decoration:underline}

ul.wmv li, li.wmv {list-style-image: url(/transactionservices/home/img/media_icon.gif); vertical-align:top; color:#999;}
ul.wmv li a, ul.wmv li a:visited, li.wmv a, li.wmv a:visited  {color:#000; text-decoration:none}
ul.wmv li a:hover, li.wmv a:hover {color:#006; text-decoration:underline}



/* SECTION 4 - special classes for text styling */

/* intro text */

/* intro1, intro2, and intro3 depricated in favor of intro */
.intro1 {color:#999; font-size:16px; line-height:24px}
.intro2 {color:#666; font-size:13px; line-height:20px}
.intro3 {color:#999; font-size:13px; line-height:20px}


.intro {color:#333; font-size:16px; line-height:24px}

.welcome1 {color:#999; font-size:18px; margin:16px 0 0 0; font-weight:normal}
.welcome2 {color:#000; font-size:24px; margin:0 0 6px 0; font-weight:normal}
.welcome2b {color:#006; font-size:24px; margin:0 0 6px 0; font-weight:normal}


/* other text styles */
.f8 {font-size:11px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px}
.f15 {font-size:15px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.footnote {color:#666; font-size:10px;}


/* color options */
.black {color:#000;}
.charcoal {color:#333;}
.gray {color:#666;}
.ltgray {color:#999;}
.red {color:#f00;}
.blue {color:#006;}
.white {color:#fff}

/* legacy styles from old site */
.pagetitle {font-weight:bold; font-size: 14px; color: #000000;}
.pagesubtitle {font-weight:bold; font-size: 12px; color: #000000;}
.pagesubtitle2 {font-weight:bold; font-size:12px; color:#ff0000; }
.pressfoot {font-size: 10px; color: #666;}
.cproduct {font-weight:bold}

/* bar headers */
.leftOnly .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/transactionservices/home/img/graybar690.gif") no-repeat} 
.leftRight .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/transactionservices/home/img/graybar447.gif") no-repeat} 
.rightOnly .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/transactionservices/home/img/graybar667.gif") no-repeat} 
.noColumns .bar { margin:12px 0 0 0; padding:8px; font-weight:bold; background:url("/transactionservices/home/img/graybar910.gif") no-repeat} 



/* SECTION 5 - TABLES */

table.table1 { border-collapse:collapse; border:1px solid #bbb; padding:0; margin:0; width:100%; clear:both;}
table.table1 td, table.table1 th { padding: 4px;border:1px solid #bbb; vertical-align:top; }
table.table1 th {background-color:#dddddd;}


table.table2 {border-collapse:collapse; border:1px solid #bbb; padding:0; margin:0; width:100%; clear:both; font-size:11px}
table.table2 td, table.table2 th {padding: 4px;border:1px solid #bbb; vertical-align:top; }
table.table2 th {background-color:#dddddd;}


/* background colors */
.bgwhite {background-color:#ffffff !important; }
.bggray1 {background-color:#eeeeee !important; }
.bggray2 {background-color:#dddddd !important; }
.bggray3 {background-color:#cccccc !important; }
.bgred {background-color:#ffcccc !important; }


/* table with image icon */
table.icon {margin:10px 0 0 0; padding:0; border-collapse:collapse; border:none}
table.icon td {padding:0; margin:0}
.icon img {padding-right:6px; display:block}
.icon td {vertical-align:top; }
.icon a, .icon a:visited {color:#000; text-decoration:none}
.icon a:hover, .icon a:active {color:#006; text-decoration:underline}

.smallbox table.icon {margin:0}

/* use .mixed class in TD if text is both linking and non-linking */
.icon .mixed a, .icon .mixed a:visited {color:#006; text-decoration:underline}
.icon .mixed a:hover, .icon .mixed a:active {color:#666; text-decoration:underline}



/* SECTION 6 - FORMS */

/* form styles */
.graybox select, .graybox input  {font-size:11px; }
.rcol select, 
.rcol input, 
#rcolumn select, 
#rcolumn input,
.transform2to3LR .column2 input,
.insert2colR .column2 input,
.transform2to3LR .column2 select,
.insert2colR .column2 select
{font-size:10px; width:133px;}


/* Form Styles for Contact - will be updated post launch for form redesign */
form {padding:0;} 

fieldset.gts_form {margin:0 0 0 -25px; padding:0 10px 0 0; border:none; background-color:transparent; background-image:url("/transactionservices/home/img/transparent.gif"); background-repeat:repeat-x; background-position:bottom left;}

fieldset.gts_form ol {float:left; margin:0; padding:0; list-style:none;}

fieldset.gts_form li {float:left; clear:left; margin:.75em 0 .75em 0; padding:0; width:100%;}
	
	fieldset.gts_form ol li ol {float:left; margin:0; padding:0; list-style:none;}
	
	fieldset.gts_form ol li ol li {float:left; margin:0; padding:0; width:100%;}

	fieldset.gts_form label {float:left; width:13.75em; padding:3px 10px 0 0 ; margin-right:10px; text-align:right; font-weight:nomal; line-height:15px;}
		fieldset.gts_form label.required {background:transparent url("/transactionservices/home/img/required.gif") no-repeat top right;}

	fieldset.gts_form input {float:left; height:19px; width:201px; padding:3px 0 0 6px; clear:right; text-align:left; background:transparent url("/transactionservices/home/img/input_bg.gif") no-repeat; border:none;}
	
	fieldset.gts_form select {float:left; height:20px; width:207px; padding:2px 0 1px 5px; clear:right; text-align:left; background:transparent url("/transactionservices/home/img/select_bg.gif") no-repeat; border:none;}

	fieldset.gts_form input.checkbox {float:left; height:auto; width:auto; display:block; margin-top:-1px; background-image:none;}
	fieldset.gts_form input.radio {float:left; height:auto; width:auto; background-image:none;}
	fieldset.gts_form .stack {float:left; display:block; width:auto; margin:-3px 0 5px -25px;}
		* html fieldset.gts_form .stack {float:left; display:block; width:150px; margin:-3px 0 5px -8px;}
	
	fieldset.gts_form textarea {float:left; padding:5px 0 0 6px; clear:right; text-align:left; font:normal 108%/123.1% verdana;}
		
#content fieldset.gts_form ol.submit_section {margin:15px 0 10px 0; padding:0 200px; } 
	fieldset.gts_form .submit {margin:0 20px 10px 0; padding:3px 5px; height:auto; float:left; width:auto; text-align:center; border:1px solid #999; background: url("/transactionservices/home/img/form_btn_bg.gif") repeat-x;}
	
	fieldset.gts_form .note {font-size:85%; margin:1em 0; display:block; clear:left; width:auto;}





/* SECTION 7 - SPECIAL SEARCH FIELD + RESULTS PAGE */

/* search field */
#search {margin:0 -26px 0 0; padding:0; float:right; width:300px; /*optional depending on other css*/ font-size:10px;}

#search fieldset { margin:0 1px 0 0; padding:0; float:right; width:224px; height:22px; border:none;}
/*Use this width to set the total width of search field and button i.e. 200px wide field + 22px wide button + 2px for the magic to happen = width:224px;*/

#search legend {display:none;}
#search ol {margin:0 0 0 0 ; padding:0 0 0 0 ; display:inline; list-style:none;}
#search li {margin:0 0 0 0; padding:0 0 0 0; display:inline; height:22px; float:left;}

#search input#gtsSearch, #search input#qt {margin:0; padding:2px 0px 0 20px; width:154px; height:22px; border:none; font:11px Arial, Helvetica, sans-serif; color:#666; background:transparent url("/transactionservices/home/img/_r12/search_bg.gif") no-repeat; vertical-align:middle;}
/*Use this width to set the total width of search field*/

.btnSearch {float:left; height:21px; width:25px; background:transparent url("/transactionservices/home/img/_r12/search_button.gif") no-repeat 0px 0px;}

.btnSearch:hover {background:transparent url("/transactionservices/home/img/_r12/search_button.gif") no-repeat 0px -21px; }

.buttons a, 
.buttons button, 
a.button, button.button {

background:transparent url("/transactionservices/home/img/_r12/search_button.gif") no-repeat scroll 0px 0px;
border-top:none;
cursor:pointer;
display:block;
float:left;
font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
font-size:100%;
font-weight:bold;
margin:0px;
padding:0 10px 0 0;
text-decoration:none;
}

a.button, 
button.button {
float:none;
height:21px;
width:25px;
}

.buttons button {
font-weight:bold;
overflow:visible;
padding:4px 0px 3px 0px;
width:auto;
}

.buttons button img, 
.buttons a img, 
a.button img, 
button.button img {
margin:0px !important;
}

.buttons button:hover, 
.buttons a:hover, 
a.button:hover, 
button.button:hover {
background: transparent url("/transactionservices/home/img/_r12/search_button.gif") no-repeat scroll 0px -21px;
}

/* results page */
.srCountry {font-weight:bold; color:#999;}
.srURL {color:#999;}




/* SECTION 8 - SPECIAL DROPDOWN MENUS */

/* style the outer div to give it width */
.options_drop {padding:0; margin:0; font:normal 11px Arial, Helvetica, Sans-Serif;}

/* remove all the bullets, borders and padding from the default list styling */
.options_drop ul {padding:0  !important; margin:0 !important; list-style-type:none; height:22px; background-color:#FFFFFF; *width:130px; width:140px;}

.options_drop ul li {margin:0 !important;}

/* style the sub-level lists */
.options_drop ul ul {*margin:5px 0 0 0 !important; margin:1px 0 0 0 !important; padding:15px 0 10px !important;}
	
.options_drop ul ul li.last {background:transparent url("/transactionservices/home/img/drop_li_bkgrd.gif") repeat-y top left;}	
	
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.options_drop ul li {float:left; height:2em; line-height:2em; width:100%; height:100%;}

/* style the sub level list items */
.options_drop ul ul li {padding:3px 0 !important; *padding:3px 0 3px 0 !important; display:block; height:auto; *width:130px; width:140px; line-height:1em; background:transparent url("/transactionservices/home/img/drop_li_bkgrd.gif") repeat-y top left;}
	* html .options_drop ul ul li {}


/* style the links for the top level */
.options_drop a, 
.options_drop a:visited {padding:0 0 0 10px !important; display:block; float:left; text-decoration:none; color:#000000; width:130px; background:transparent url("/transactionservices/home/img/blue_arr_swap.gif") no-repeat top left;}

/* style the sub level links */
.options_drop ul ul a, 
.options_drop ul ul a:visited {display:block; background-image:none; color:#000; line-height:1.3em;}
	* html .options_drop ul ul a, 
	* html .options_drop ul ul a:visited  {font-size:1em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.options_drop table {position:absolute; left:0; top:0; width:0; height:0; font-size:1em; z-index:-1;}

/* style the level hovers */
/* first */
* html .options_drop a:hover {color:#000; position:relative; z-index:100; background:transparent url("/transactionservices/home/img/blue_arr_swap.gif") no-repeat bottom left;}
* html .options_drop .no_dropdown a:hover {color:#000; position:relative; z-index:100;}
	.options_drop li:hover,
	.options_drop li.last:hover {position:relative;}
	.options_drop :hover > a {color:#000; background:transparent url("/transactionservices/home/img/blue_arr_swap.gif") no-repeat bottom left;} 
	.options_drop .no_dropdown a:hover {color:#000;} 
	
/* second */
* html .options_drop ul ul a:hover{color:#006; position:relative; z-index:110; background-image:none; text-decoration:underline;}
	.options_drop ul ul li:hover,
	.options_drop ul ul li.last:hover {position:relative; background:blue url("/transactionservices/home/img/drop_li_bkgrd.gif") repeat-y top left;}
	.options_drop ul ul :hover > a {color:#006; text-decoration:underline; background-image:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.options_drop ul ul {visibility:hidden; position:absolute; height:0; top:.5em; left:0;}

/* make the second level visible when hover on first level list OR link */
.options_drop ul :hover ul{visibility:visible; height:auto; background:transparent url("/transactionservices/home/img/drop_ul_bkgrd.jpg") no-repeat bottom left;}




/* SECTION 9 - Expandable hidden content */

a.accordion {margin:0 0 0 20px; padding:0 0 8px 20px; color:#000000 !important; text-decoration:none; background:url("/transactionservices/home/img/blue_arr_btn.gif") no-repeat;}

/* SECTION 10.1 - callout/special boxes */

.co690 {background:url("/transactionservices/home/img/co690sides.gif") repeat-y; padding:0; margin:0; }
*html .co690 {height:1em; min-height:1em;}
.co690inner1 {background:url("/transactionservices/home/img/co690top.gif") no-repeat top; padding:0; margin:0}
.co690inner2 {background:url("/transactionservices/home/img/co690bottom.gif") no-repeat bottom; padding:10px 15px 20px 10px;  margin:0}


/* Callout 210 wide */
.callout210 {width:210px; background: url("/transactionservices/home/img/callout210bg.gif") repeat-y}
	.callout210b {margin:0; background: url("/transactionservices/home/img/callout210t.gif") no-repeat top left;}	
	.callout210c {margin:0; background: url("/transactionservices/home/img/callout210b.gif") no-repeat bottom left; }
	.callout210d {padding:6px 10px 6px 10px}
	.callout210 h1 {font-size:14px; font-weight:bold; color:#333333; margin-top:0}	

/* Auto-size special feature box with gray fade/rounded corners */

.gray_box_auto {padding:10px 15px 15px 10px;}
.inset_corner_1 {background:transparent url("/transactionservices/home/img/auto_corner1.gif") no-repeat left bottom;}
.inset_corner_2 {background:transparent url("/transactionservices/home/img/auto_corner2.gif") no-repeat right bottom;}
.inset_corner_3 {background:transparent url("/transactionservices/home/img/auto_corner3.gif") no-repeat left top;}
.inset_corner_4 {background:transparent url("/transactionservices/home/img/auto_corner4.gif") no-repeat right top;}			
*html .inset_corner_1 {height:1px;}

.white_box_auto {padding:10px 15px 15px 10px;}
.inset_corner_1w {background:transparent url("/transactionservices/home/img/auto_corner1w.gif") no-repeat left bottom;}
.inset_corner_2w {background:transparent url("/transactionservices/home/img/auto_corner2w.gif") no-repeat right bottom;}
.inset_corner_3w {background:transparent url("/transactionservices/home/img/auto_corner3w.gif") no-repeat left top;}
.inset_corner_4w {background:transparent url("/transactionservices/home/img/auto_corner4w.gif") no-repeat right top;}			
*html .inset_corner_1w {height:1px;}

.q_box_auto {padding:15px 15px 27px 60px;}
.inset_corner_1q {background:transparent url("/transactionservices/home/img/qabox_q1.gif") no-repeat left bottom;}
.inset_corner_2q {background:transparent url("/transactionservices/home/img/qabox_q2.gif") no-repeat right bottom;}
.inset_corner_3q {background:transparent url("/transactionservices/home/img/qabox_q3.gif") no-repeat left top;}
.inset_corner_4q {background:transparent url("/transactionservices/home/img/qabox_q4.gif") no-repeat right top;}			
*html .inset_corner_1q {padding:15px 15px 10px 60px; height:1px;}

.a_box_auto {padding:27px 15px 15px 60px;}
.inset_corner_1a {background:transparent url("/transactionservices/home/img/qabox_a1.gif") no-repeat left bottom;}
.inset_corner_2a {background:transparent url("/transactionservices/home/img/qabox_a2.gif") no-repeat right bottom;}
.inset_corner_3a {background:transparent url("/transactionservices/home/img/qabox_a3.gif") no-repeat left top;}
.inset_corner_4a {background:transparent url("/transactionservices/home/img/qabox_a4.gif") no-repeat right top;}			
*html .inset_corner_1a {height:1px;}

.q_box_auto p {font-weight:bold}
/* .a_box_auto p, .q_box_auto p {margin:0} */




/* SECTION 10.2 - expandable boxes - jquery.js + expandbox.js MAY BE REQUIRED */

/**/
/* BOX TYPE 1 - WIDTH AND HEIGHT BOTH AUTO-SIZEABLE */
/**/

/* box with globe background */
.globe_box_auto {background:transparent url("/transactionservices/home/img/newbox/globox/globox2-3.gif") no-repeat left top;}
.globe_box_auto .section1 {background:transparent url("/transactionservices/home/img/newbox/globox/globox2-4.gif") no-repeat right top;}			
.globe_box_auto .section2 {background:transparent url("/transactionservices/home/img/newbox/globox/globox2-1.gif") no-repeat left bottom;}
.globe_box_auto .section3 {background:transparent url("/transactionservices/home/img/newbox/globox/globox2-2.gif") no-repeat right bottom;}
.globe_box_auto .section4 {padding:20px;}
*html .globe_box_auto {height:1px;}
.globe_box_auto p {margin:6px 0}

/* small rounded box gradient background */
.smallbox {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_tl.gif") no-repeat left top; }
.smallbox .section1 {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_tr.gif") no-repeat right top;}			
.smallbox .section2 {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_bl.gif") no-repeat left bottom;}
.smallbox .section3 {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_br.gif") no-repeat right bottom;}
.smallbox .section4 {padding:6px;}
#content .smallbox ul, #content .smallbox li {margin:0 0 0 0}
*html .smallbox {height:1px;}


/* Title box - Fits size of column automatically */
.title_box_auto {}
/* header bar */
.title_box_auto .section1 {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_tl.gif") no-repeat left top; }			
.title_box_auto .section2 {background:transparent url("/transactionservices/home/img/newbox/smallbox/smallbox_tr.gif") no-repeat right top;padding: 6px; font-weight:bold; color:#000066}
.title_box_auto .section3 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox5e.gif") no-repeat left top; border-top:1px solid #cccccc;}
.title_box_auto .section4 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox6e.gif") no-repeat right top;}	
.title_box_auto .section5 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox7e.gif") no-repeat left bottom;}
.title_box_auto .section6 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox8e.gif") no-repeat right bottom; padding: 6px}	
*html .title_box_auto  {height:1px}


/**/
/* BOX TYPE 2 - FIXED WIDTH */
/**/

/* 210-wide box with title-bar - intended for right column Learn More / At-a-Glance box */
.title_box_210 .section2 {width:210px; background:transparent url("/transactionservices/home/img/newbox/title_box_210/title_box_210_m.gif") no-repeat; margin:0; border-top:1px solid #cccccc; font-size:12px}
.title_box_210 .section2a {padding:6px 10px 0 10px;}
.title_box_210 .section1 {padding:6px 10px 6px 10px; background:transparent url("/transactionservices/home/img/newbox/title_box_210/title_box_210_t.gif") no-repeat left top;}
.title_box_210 .section2b {height:10px; background:transparent url("/transactionservices/home/img/newbox/title_box_210/title_box_210_b.gif") no-repeat bottom;}
#content .title_box_210 .section2 ul {padding-left:8px; margin-left:8px; margin-top:8px}
.title_box_210 .section1 h3 {color:#000066; margin:0}
.title_box_210 .section2a h4 {color:#000000; margin:0}
.title_box_210 .section2a {font-size:11px}
*html .title_box_210 .section2 {height:1px;}



.title_box_1x_447 .section1 {background:transparent url("/transactionservices/home/img/newbox/title_box_1x_447/titlebox_447t.gif") no-repeat left top; width:447px; padding:6px 10px 6px 10px; }


/**/
/* BOX TYPE 3 - 2 COLUMNS EXPAND TOGETHER VERTICALLY AND IS A FIXED WIDTH */
/**/

/* Double boxes with gray headers - v3 */
/* Fits 447 column */
.title_box_2x_447 {width:447px; background:transparent url("/transactionservices/home/img/newbox/title_box_2x_447/titlebox_2x447m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; }
.title_box_2x_447 .section1, .title_box_2x_447 .section2 {padding:0 0 0 0; width:220px; float:left; }
.title_box_2x_447 .section1 {margin-right: 7px}
.title_box_2x_447 .section1a, .title_box_2x_447 .section2a  {background:transparent url("/transactionservices/home/img/newbox/title_box_2x_447/titlebox_2x447t.gif") no-repeat left top; width:200px; padding:6px 10px 6px 10px; }
.title_box_2x_447 .section1b, .title_box_2x_447 .section2b  {width:200px; padding:0 10px; border-top:1px solid #cccccc}
.title_box_2x_447 .section3 {background:transparent url("/transactionservices/home/img/newbox/title_box_2x_447/titlebox_2x447b.gif") bottom; width:447px; height:14px; clear:both; }
.title_box_2x_447 .section1a h3, .title_box_2x_447 .section2a h3 {padding-bottom:0; margin:0}
.title_box_2x_447 .section1b p, .title_box_2x_447 .section2b p {margin-top:6px; margin-bottom:6px}
*html .title_box_2x_447, *html .title_box_2x_447 .section1, *html .title_box_2x_447 .section2 , *html .title_box_2x_447 .section3 {height:1px;}
#content .title_box_2x_447 ul {padding-left:8px; margin-left:8px; margin-top:8px}

/* Double boxes - plain */
.box_2x_447 {width:447px; background:transparent url("/transactionservices/home/img/newbox/box_2x_447/box_2x447m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; }
.box_2x_447 .section1, .box_2x_447 .section2 {float:left; }
.box_2x_447 .section1 {margin-right: 7px}
.box_2x_447 .section1, .box_2x_447 .section2  {width:200px; padding:0 10px; }
.box_2x_447 .section3 {background:transparent url("/transactionservices/home/img/newbox/title_box_2x_447/titlebox_2x447b.gif") bottom; width:447px; height:14px; clear:both; }
.box_2x_447 .section1 h3, .box_2x_447 .section2 h3 {padding-bottom:0; margin:0}
.box_2x_447 .section1 p, .box_2x_447 .section2 p, .box_2x_447 .section1 h2, .box_2x_447 .section2 h2 {margin-top:6px; margin-bottom:6px}
*html .box_2x_447, *html .box_2x_447 .section1, *html .box_2x_447 .section2 , *html .box_2x_447 .section3 {height:1px;}
#content .box_2x_447 ul {padding-left:8px; margin-left:8px; margin-top:8px}

/* Fits 690 column */
.title_box_2x_690 {width:690px; background:transparent url("/transactionservices/home/img/newbox/title_box_2x_690/titlebox_2x690m.gif") no-repeat left top; margin:0 0 0 0; padding:0 0 0 0; }
.title_box_2x_690 .section1, .title_box_2x_690 .section2 {padding:0 0 0 0; width:340px; float:left; }
.title_box_2x_690 .section1 {margin-right: 10px}
.title_box_2x_690 .section1a, .title_box_2x_690 .section2a  {background:transparent url("/transactionservices/home/img/newbox/title_box_2x_690/titlebox_2x690t.gif") no-repeat left top; width:320px; padding:6px 10px 6px 10px; }
.title_box_2x_690 .section1b, .title_box_2x_690 .section2b  {width:320px; padding:0 10px; border-top:1px solid #cccccc}
.title_box_2x_690 .section3 {background:transparent url("/transactionservices/home/img/newbox/title_box_2x_690/titlebox_2x690b.gif") bottom; width:690px; height:14px; clear:both; }
.title_box_2x_690 .section1a h3, .title_box_2x_690 .section2a h3 {padding-bottom:0; margin:0}
.title_box_2x_690 .section1b p, .title_box_2x_690 .section2b p {margin-top:6px; margin-bottom:6px}
*html .title_box_2x_690, *html .title_box_2x_690 .section1, *html .title_box_2x_690 .section2 , *html .title_box_2x_690 .section3 {height:1px;}
#content .title_box_2x_690 ul {padding-left:8px; margin-left:8px; margin-top:8px}


/**/
/* BOX TYPE 4 - ONE SECTION TOGGLES ON/OFF VIA JQUERY. IS AUTO-SIZEABLE */
/**/

/* Expandable (toggle on/off) box - Fits size of column automatically */
.expand_auto {margin-bottom:12px}
/* header bar */
.expand_auto .section1 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox1e.gif") no-repeat left top;}
.expand_auto .section2 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox2e.gif") no-repeat right -2000px;}			
.expand_auto .section3 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox3e.gif") no-repeat left bottom;}
.expand_auto .section4 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox4e.gif") no-repeat right bottom; padding:8px 80px 8px 8px}
*html .expand_auto .section4 {height:10px}
*html .expand_auto .section4b {height:10px}
.expand_auto .section1 a {text-decoration:none;}
.expand_auto .section1 a:hover {color:#000066;}
/* body */
.expand_auto .section5 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox5e.gif") no-repeat left top;}
.expand_auto .section6 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox6e.gif") no-repeat right top;}			
.expand_auto .section7 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox7e.gif") no-repeat left bottom;}
.expand_auto .section8 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox8e.gif") no-repeat right bottom; padding:8px}
*html .expand_auto .section8 {height:10px}
/* active state - turned on by javascript */
.expand_auto .trigger.active .section2 {background-position: right 0px ;}
.expand_auto .trigger.active .section3 {background-position: -910px bottom ;}
.expand_auto .trigger.active .section4 {background-position: -910px bottom ;}


/* Expandable - version 2 - expanded section has no background, width = to column width */
.expand_auto2 {margin-bottom:12px}
/* header bar */
.expand_auto2 .section1 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox1e.gif") no-repeat left top;}
.expand_auto2 .section2 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox2e.gif") no-repeat right -2000px;}			
.expand_auto2 .section3 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox3e.gif") no-repeat left bottom;}
.expand_auto2 .section4 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/expandbox4e.gif") no-repeat right bottom; padding:8px 80px 8px 8px}
*html .expand_auto2 .section4 {height:10px}
*html .expand_auto2 .section4b {height:10px}
.expand_auto2 .section1 a {text-decoration:none;}
.expand_auto2 .section1 a:hover {color:#000066;}
*html .expand_auto2 .section8 {height:10px}
/* active state - turned on by javascript */
.expand_auto2 .trigger.active .section2 {background-position: right 0px ;}


/* Expandable - version 3 - white background with dotted line divider, width = to column width */
.expand_auto3 {margin-bottom:12px; padding-bottom:8px; background:transparent url("/transactionservices/home/img/newbox/expand_auto/3/expandbox3e.jpg") no-repeat left bottom;}
/* header bar */
.expand_auto3 .section1 {}
.expand_auto3 .section2 {background:transparent url("/transactionservices/home/img/newbox/expand_auto/3/expandbox2e.jpg") no-repeat right -2000px;}			
.expand_auto3 .section3 {}
.expand_auto3 .section4 {}
*html .expand_auto3 .section4 {height:10px}
*html .expand_auto3 .section4b {height:10px}
.expand_auto3 .section1 a {text-decoration:none;}
.expand_auto3 .section1 a:hover {color:#000066;}
/* body */
.expand_auto3 .section5 {}
.expand_auto3 .section6 {}			
.expand_auto3 .section7 {}
.expand_auto3 .section8 {padding:8px}
*html .expand_auto3 .section8 {height:10px}
/* active state - turned on by javascript */
.expand_auto3 .trigger.active .section2 {background-position: right 0px ;}
.expand_auto3 .trigger.active .section3 {background-position: -910px bottom ;}
.expand_auto3 .trigger.active .section4 {background-position: -910px bottom ;}
.expand_auto3 .trigger img{float:left}
.expand_auto3 .trigger span{float:right}



/* NEW QA box (used without Q-box) */
.a_box_auto2 {}
.a_box_auto2 .section4 {background:transparent url("/transactionservices/home/img/blue_dbl_arrow.gif") no-repeat left 10px; padding:8px 0px 0px 15px}
.a_box_auto2 .section5 {background:transparent url("/transactionservices/home/img/newbox/a_box_auto2/qabox_a1.gif") no-repeat left bottom; margin-top:4px}
.a_box_auto2 .section6 {background:transparent url("/transactionservices/home/img/newbox/a_box_auto2/qabox_a2.gif") no-repeat right bottom;}
.a_box_auto2 .section7 {background:transparent url("/transactionservices/home/img/newbox/a_box_auto2/qabox_a3a.gif") no-repeat left top;}
.a_box_auto2 .section8 {background:transparent url("/transactionservices/home/img/newbox/a_box_auto2/qabox_a4a.gif") no-repeat right top; padding:27px 15px 15px 50px;}
*html .a_box_auto2 {height:1px;}
.a_box_auto2 a:link, .a_box_auto2 a:visited {color:#333333;text-decoration:none}
.a_box_auto2 a:hover, .a_box_auto2 a:active {color:#000066;text-decoration:underline}






/* SECTION 10.3 - BETA-TESTING */

/* pullquotes */
.pullquote {background:transparent url("/transactionservices/home/img/openpullquote.gif") no-repeat left top; padding-left:15px; font-size:16px; color:#999; line-height:22px}

.pullquote2 {font-size:11px; text-align:right; margin-top:10px; line-height:normal}


.pullquote1 {float:right; padding:0 0 20px 20px}
.pullquote1 .section1 {background:transparent url("/transactionservices/home/img/openpullquote.gif") no-repeat left top; padding-left:15px; font-size:16px; color:#999; line-height:22px}
.pullquote1 .section2 {font-size:11px; margin-top:10px; color:#999; padding-left:40px}


/* blue header bar with gray boxes below */
.bluebar .section1 {background:transparent url("/transactionservices/home/img/bluebar1.gif") no-repeat left top;}
.bluebar .section2 {padding:10px; background:transparent url("/transactionservices/home/img/bluebar2.gif") no-repeat right top;}
.bluebar h3 {color:#fff; margin:0}

.graybar {padding:10px; background:#eeeeee url("/transactionservices/home/img/graybar.gif") repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.graybar .section1 {}
.graybar .section2 {float:right; width:20%;}
.graybar h3 {color:#006; margin:0}
.graybar p {margin:0}
.graybar .smbut {margin:0px 0;}

/* big blue carat on left */
.big_carat2 {}
.big_carat2 h3 {color:#006; margin:0}
.big_carat2 .section1 {width:40px; float:left}
.leftRight .big_carat2 .section2 {width:407px; float:left}
.leftOnly .big_carat2 .section2 {width:650px; float:left}
.rightOnly .big_carat2 .section2 {width:627px; float:left}
.noColumns .big_carat2 .section2 {width:870px; float:left}

/* rounded corners for tables */
.t690top {background:transparent url("/transactionservices/home/img/newbox/table/roundedg690top.gif") no-repeat left top;}
.t690bot {background:transparent url("/transactionservices/home/img/newbox/table/rounded690bot.gif") no-repeat left bottom;}

/* small red arrow expand buttons */
.expand1 .trigger2 {background:transparent url("/transactionservices/home/img/arrow_btns_red.gif") no-repeat 0px 0px; padding-left:16px; }			
.expand1 .trigger2.active  {background-position: -2000px 0px ;}
.expand1 .trigger2 a {text-decoration:none; color:#333333}



/* SECTION 11 - Font-sizing and Print Icons */

div.printoption {float:right; width:104px;  text-align:right; margin:4px 0 4px 20px; }
#print {display:block; margin:0}
#printie {display:none; z-index:10;}

a.zoomIcon0, a.zoomIcon0:visited {background:url(/transactionservices/home/img/zoomicon0.jpg) 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0}
a.zoomIcon0:hover {background:url(/transactionservices/home/img/zoomicon0.jpg) 0 -30px no-repeat; }

a.zoomIcon1, a.zoomIcon1:visited {background:url(/transactionservices/home/img/zoomicon1.jpg) 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0}
a.zoomIcon1:hover {background:url(/transactionservices/home/img/zoomicon1.jpg) 0 -30px no-repeat; }

a.zoomIcon2, a.zoomIcon2:visited {background:url(/transactionservices/home/img/zoomicon2.jpg) 0 0 no-repeat; width:25px; height:30px; vertical-align:top; display:block; float:left; margin:0; padding:0}
a.zoomIcon2:hover {background:url(/transactionservices/home/img/zoomicon2.jpg) 0 -30px no-repeat; }

a.printIcon, a.printIcon:visited {background:url(/transactionservices/home/img/printicon.jpg) 0 0 no-repeat; width:25px; height:30px; vertical-align:top; float:left; margin:0; padding:0}
a.printIcon:hover {background:url(/transactionservices/home/img/printicon.jpg) 0 -30px no-repeat; }

a.pdfIcon, a.pdfIcon:visited {background:url(/transactionservices/home/img/pdficon2.gif) 0 0 no-repeat; width:25px; height:30px; vertical-align:top; float:left; margin:0; padding:0}
a.pdfIcon:hover {background:url(/transactionservices/home/img/pdficon2.gif) 0 -30px no-repeat; }



/* SECTION 12 - Special buttons */

/* SECTION 12.1 - small button icon (>>) various iterations */

div.smbut {margin:6px 0;}
.smbut a, .smbut a:visited {background:url(/transactionservices/home/img/blue_smbutton.gif) 0 2px no-repeat; display:block; padding:4px 0 4px 18px; color:#000000; text-decoration:none}
.smbut a:hover {background:url(/transactionservices/home/img/blue_smbutton.gif) -1000px 2px no-repeat ; padding:4px 0 4px 18px; color:#006; text-decoration:underline}

a.smbut, a.smbut:visited {background:url(/transactionservices/home/img/blue_smbutton.gif) 0 4px no-repeat; display:block; padding:6px 0 6px 18px; color:#000000; text-decoration:none}
a.smbut:hover {background:url(/transactionservices/home/img/blue_smbutton.gif) -1000px 4px no-repeat; padding:6px 0 6px 18px; color:#006; text-decoration:underline}


div.smbut2 {margin:6px 0; padding:0 0 4px 0}
.smbut2 a, .smbut2 a:visited {background:url(/transactionservices/home/img/blue_smbutton.gif) 0 2px no-repeat; display:block; padding:4px 0 0 18px; color:#000066; text-decoration:none; font-weight:bold}
.smbut2 a:hover {background:url(/transactionservices/home/img/blue_smbutton.gif) -1000px 2px no-repeat; color:#006; text-decoration:underline}
.smbut2 p {margin:0; padding-left:18px;}


/* test version - for ul tags */
/* check if used - if not remove this style */
#content ul.feature1 {margin:6px 0; padding:0 0 4px 18px; list-style:none}
#content .feature1 a, .feature1 a:visited {background:url(/transactionservices/home/img/blue_smbutton.gif) 0 2px no-repeat; display:block; padding:4px 0 0 18px; color:#000066; text-decoration:none; font-weight:bold}
#content .feature1 a:hover {background:url(/transactionservices/home/img/blue_smbutton.gif) -1000px 2px no-repeat; color:#006; text-decoration:underline}
#content .feature1 li {margin:0 0 0 0; padding:0 0 0 36px;}


/* (<<) back and forward (>>) buttons */
a.goback, a.goback:visited {background:url(/transactionservices/home/img/blue_smbutton_l.gif) -1000px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px}
a.goback:hover {background:url(/transactionservices/home/img/blue_smbutton_l.gif) 0 2px no-repeat; color:#669; }

a.goforward, a.goforward:visited {background:url(/transactionservices/home/img/blue_smbutton_r.gif) right 2px no-repeat; padding:4px 15px 0 0; color:#000066; text-decoration:none; line-height:18px}
a.goforward:hover {background:url(/transactionservices/home/img/blue_smbutton_r.gif) right -198px no-repeat; color:#669; }

a.golink, a.golink:visited {background:url(/transactionservices/home/img/blue_smbutton_r.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px}
a.golink:hover {background:url(/transactionservices/home/img/blue_smbutton_r.gif) 0px -198px no-repeat; color:#669; }

a.maillink, a.maillink:visited {background:url(/transactionservices/home/img/mailicon.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px}
a.maillink:hover {background:url(/transactionservices/home/img/mailicon.gif) 0px -198px no-repeat; color:#669; }

a.twitter, a.twitter:visited {background:url(/transactionservices/home/img/twitter_icon.gif) 0px 2px no-repeat; padding:4px 0 0 18px; color:#000066; text-decoration:none; line-height:18px}
a.twitter:hover {background:url(/transactionservices/home/img/twitter_icon.gif) 0px -198px no-repeat; color:#669; }



/* SECTION 12.2 - text buttons with rollover states */

a.button_download_pdf, a.button_download_pdf:visited {background:url(/transactionservices/home/img/downloadpdf2.gif) 0px -200px no-repeat; width:100px; display:block}
a.button_download_pdf:hover {background:url(/transactionservices/home/img/downloadpdf2.gif) 0px 0px no-repeat; }

