/* main layout blocks */


body {
margin:auto;
width:auto;
position:relative;
background:url("/tts/branding/img/body_bg_graystripe.gif");
}

#headA {
width: 90%; 
padding:0 5%;
background:url("/tts/branding/img/topnav_black_gloss.gif") repeat-x;
height:22px;
}

#headA1 {padding-top:3px; float:left} /* temporarily hidden below */
	#headA1 a {color:white; text-decoration:none; font-size:11px; }
	#logo { padding-left:5%; padding-top:10px; width:20%; float:left;}
	#logo2 { padding-top:10px; width:70%; float:left; text-align:right;}
	#logo img {width:50px}
	#logo2 img {width:250px}

/** TEMPORARILY HIDE SEARCH FEATURE AND LINKS IN #headA1 IN MOBILE VIEW **/
/** MOBILE BRANDING TBD **/
.search_wrapper {display:none}
#headA1 {display:none}

	
#bodyWrap { width:auto; clear:both; margin:0; padding:0;}

#headB {
width: auto; 
height:50px;
background:url("/tts/branding/img/wave-50.png") repeat-x;
clear:both;
}

#headImage {
width: auto; 
clear:both;
}


#siteNav {
clear: both;
width: auto;
height:39px;
background: #00bdf2;
}

#mainGraphic {
}

#main {
clear: both;
width: auto;
/*padding:10px 20px 0 20px;*/
background-color:#fff;
background-image:none;
background-repeat:no-repeat;
}


#contentWrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#contentOuter {
position:relative;
min-height:500px;
/*float:left;*/
background:#fff;
}

.noColumns #contentOuter {
position:static;
}

#leftFadeOverlay {
display:none !important
}

#rightFadeOverlay {
display:none !important
}


#localNav {float:none; width:100%; position:relative}
.leftRight #contentOuter {width:100%; }
.leftRight #content {width:90%; padding:0 5% 0 5% ;  margin-top:10px}
.leftOnly #contentOuter {width:100%; }
.leftOnly #content {width:90%; padding:0 5% 0 5%;  margin-top:10px}
.rightOnly #contentOuter {width:100%; }
.rightOnly #content {width:90%; padding:0 5% 0 5%;  margin-top:10px }
.noColumns #contentOuter {width:100%;}
.noColumns #content {width:90%; margin:10px 5% 10px 5%; }


#rcolumnOuter {position:relative; min-height:500px; width:100%; clear:both}
#rcolumn {margin-top:10px; width:90%; padding:0 5% 0 5%; }				


/* TOP NAVIGATION - merged from top_nav.css on 3/17/14 DL*/

/* Get rid of the margin, padding and bullets in the unordered lists */
#menu, #menu ul {padding:0; margin:0 0 0 3%; list-style-type: none; height:100%; }

/* Set up the link size, color and borders */
#menu a, #menu a:visited {display:block; font-size:18px; height:29px; font-weight:normal; color:#fff; text-decoration:none; 
/*url(/transactionservices/home/img/_r12/wave-short-hi.png) repeat-x;*/}
#menu a:hover, #menu a.mm-select, #menu a:active {background-color:#008ce6 }
#menu .selected a, #menu .selected a:hover, #menu .selected a:visited {background-color:#008ce6}

/* Set up the list items */
#menu li {float:left;  }
#menu li a {padding:10px 8px 0px 8px;  height:29px; margin:0; display:block; }

*html #menu li , *html #menu li a, *html #menu a:visited {
display: inline-block;
}

#menu li.selected {background-color:#008ce6}
#menu li.selected a {background-color:#008ce6}

/*#siteNav .subnav  {clear:both; width:944px;  margin-left:26px; height:26px;}*/

/*ul.sub {list-style-type:none; padding:6px 0 0 0; margin:0 0 0 0; font-size:11px; }
.sub li {display:block; float:left; padding:0 6px 0 0; border-right:1px solid #999; margin:0 6px 0 0; }
.sub li.last {border-right:none}
.sub .selected {font-weight:bold}
.sub a, .sub a:visited, .sub a.selected:hover, .sub a.selected:active  {color:#333; text-decoration:none}
.sub a:hover, .sub a:active {color:#006; text-decoration:underline}*/


#corpNav ul {padding:0; margin:0; list-style-type:none; }
#corpNav ul.secondrow {clear:both; border-top:1px solid #ccc;}
#corpNav li {
        list-style-type: none;
        padding: 0;        
        margin: 0;
        height: 20px;
        display: block;
        float: left;
}

#corpNav a {
        color: #000;
        text-decoration: none;
        display: block;
        padding: 0 ;
}

/* hide nav items on load for small mobile */
.large_desktop {display:none}
.small_mobile {display:block}

/* This should be in layout.css. Temporarily here until mobile menu goes live*/
.global-nav-item-panel-slidewrapper {
		display:none !important;
}
.mobile_menu_icon a {background: url("/tts/branding/img/mobile_menu_icon.png") no-repeat 8px 6px; padding-left:28px !important;
}

.mobile_left_menu_icon {display:block; width:20px; height:30px; position:absolute; top:114px; right:0; z-index:101; background-image: url("/tts/branding/img/mobile_left_menu_icon.png"); background-repeat:no-repeat;
}
.mobile_left_menu_icon:hover {background-position: -20px 0;}
.mobile_left_menu_icon.active { background-position: 0px -30px; }
.mobile_left_menu_icon.active:hover {background-position: -20px -30px;}



/* LEFT COLUMN - merged from left_nav.css on 3/17/14 DL*/

#nav {width:100%; /*position:absolute; right:0; top:0; z-index:100;*/ background-color:#eee;}

/* link styles */
#nav li a {margin:0 0 0 0;
        padding:10px 2% 10px 8%;
        display:block;
        width:90%;
        font:normal 1.2em Arial, Helvetica, sans-serif;
        color:#53565a;
        text-decoration:none;
     }
		 
#nav li li a {
        padding:0px 2% 8px 18%;
        width:80%;
     }
#nav li li li a {
        padding:0px 2% 8px 28%;
        width:70%;
     }

#nav li li li li a {
        padding:0px 2% 8px 38%;
        width:60%;
     }

#nav a:hover {color:#008ce6;}
#nav a.active {color:#002d72; }

/* Main menu items */
#nav ul {margin:0 0 0 0; padding:0 0 1px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#333; list-style-type:none; background:none;}
#nav ul li {list-style-type:none; background:none; border-bottom:1px dotted #666;
}
	
/* Sub menu items */
#nav ul ul,
#nav ul ul ul {display: none; margin:0 0 0 0; padding:0 0 0 0; background:none;
}

/* Level 1 */
#nav ul li.open ul {display:block;  }
#nav ul li.open {background:transparent url("/tts/branding/img/leftnav_l1_top_open.png") no-repeat left top;}
#nav ul li.open ul ul {display:none;}
#nav ul li.open li {background:none;}

/* Level 2 */
#nav ul ul li.open ul {display:block;}
#nav ul ul li.open {background:transparent url("/tts/branding/img/leftnav_l2_top_open.png") no-repeat left top;}

#nav ul ul li.open ul ul {display:none; }
#nav ul ul li.open li {background:none;} 

/* Level 3 */
#nav ul ul ul li.open ul {display:block;}
#nav ul ul ul li.open {background:transparent url("/tts/branding/img/leftnav_l2_top_open.png") no-repeat left top;}

#nav ul ul ul li.open ul ul {display:none; }
#nav ul ul ul li.open li {background:none;} 


/* FOOTER */

#footer {
clear: both; background-color:#fff; width:auto;  padding:20px 18px 0 18px; height:auto;
background:#fff;
}
#footer img {max-width:100%}
	#corpNav1 {float:none; width: 100%; clear:both}
	#corpNav3 {width: 100%; clear:both}
	#corpNav {float:none;  }

	#innerFoot {clear: both; width: 100%;}
	#footcol1 {float:none;}
	#footcol2 {float:none; text-align:left;}
	#footcol1 a, #footcol2 a {font-size: 10px; }
	.foot {font-size: 11px; color:#999}


/* from global.css */
#corpNav li a, #corpNav1 a  {color:#53565a; font-size:12px; text-decoration:none;}
#corpNav li a:hover, #corpNav1 a:hover {color:#008ce6; text-decoration:underline}
#corpNav li a {margin-right:15px; margin-left:0}
#corpNav li.section1 {color:#53565a; font-size:12px; margin-right:0px; margin-left:0px}
#corpNav li.section2 a {font-size:12px; margin-left:5px; margin-right:0px}


/* from mega_menu.css */
#siteNav .global-nav-item-panel-slidewrapper { font-size:14px; line-height:16px}