/* Swap nav content styles for Corporate page, Divisions section and Retail page, Positions section. */

#corporate #swapnav .grid2col .column.last .corporate .grid2col .column {width: 35%;}
#corproate #swapnav .grid2col .column.last {margin-top: -40px;}
#corporate #swapnav .grid2col .column.last .corporate {width: 380px;}
#corporate #swapnav .grid2col .column.last .corporate .grid2col {width: 700px;}
#corporate #swapnav .sidebox_image {color: #333; float: right; margin: 0 0 50px 20px; width: 180px; }

#swapnav h2 {margin:0 0 20px 21px; }
#swapnav h3 {color: #000;font-size: 16px; margin: 2px 0 5px;} 
#swapnav div.swapcontent img { position:relative;}  /*for my bestest friend, IE6! */
#swapnav ul.disc li {line-height: 14px; margin-bottom: 5px;}
#swapnav .ovalarrow {margin-top: -6px; float: left !important;}

    
#swapnav .grid2col { margin: 60px 60px 30px 30px; width: 890px;}
#swapnav_wrap .swapcontainer {background:transparent url(img/bg_positionsnav_vrule.gif) repeat-y; min-height:650px;}

#swapnav .grid2col .column.first { width: 300px;}
#swapnav .grid2col .column.last{ width: 584px;}
#swapnav .grid2col .column.first {float: left; width: 300px;} 
#swapnav .grid2col .column.last {float: left !important; width: 590px;} 
#swapnav .grid2col .column.last .corporate, #swapnav .grid2col .column.last .retail{float: left; width: 350px;}
#swapnav .grid2col .column.last .corporate .grid2col, #swapnav .grid2col .column.last .retail .grid2col{font-size: 11px; padding-top: 4px; margin-left: 5px; width: 350px;}  
#swapnav .grid2col .column.last .corporate .grid2col .column, #swapnav .grid2col .column.last .retail .grid2col .column {width: 45%;} 
#swapnav .grid2col .column.last .corporate .grid2col .column.first, #swapnav .grid2col .column.last .retail .grid2col .column.first {margin: 0 10px 10px 0;} 


/* SIDEBOX */
#swapnav .sidebox {color: #333; float: right; margin: 0 0 50px 0; width: 202px; background: url(img/bg_sidebox_top202.gif) no-repeat 0 0; }
#swapnav .sidebox h2 {font-size: 14px; font-weight: normal; font-family: 'Lucida Grande'; margin: 30px 30px 10px;}
#swapnav .sidebox ul {margin: 0 30px 20px;}
#swapnav .sidebox ul li {font-size: 11px; line-height: 15px; padding-bottom: 20px;}
#swapnav .sidebox div.clearer {background: url(img/bg_sidebox_bottom202.gif) no-repeat bottom left; height: 15px;}
#swapnav .sidebox div.rule {border-top: 1px solid #fff; margin-top: 30px; padding-bottom: 0;}

/* Retail Divisions image positioning per section*/
#swapnav .grid2col .retail img {padding: 30px 0 40px;}


/* swapper navigation */

#swapnav ul.swapper li {border-bottom: 1px solid #e5e5e5; cursor:pointer; list-style-position:outside; list-style-type:none; margin-top: 0; width:223px; color:#555; padding: 10px 0 11px 20px; line-height: 15px; /*outline: 1px solid red;*/}

#swapnav ul.swapper li.active { background:url(img/bg_positionsnav.gif) repeat-x 0 center; border-right: 1px solid #E5E5E5; }

#swapnav ul li.last { background: none; }

#swapnav ul.swapper a { color:#444; display: block; text-decoration:none; -moz-outline:none; background: url(img/icon_arrow_grey.gif) no-repeat 95% 50%; padding-right: 30px;}

#swapnav ul.swapper a:hover {color:#08C; display: block;  text-decoration:none; background: url(img/icon_arrow_blue.gif) no-repeat 95% 50%;}  

#swapnav ul.swapper li.active a { color:#000; font-weight:bold;  display: block; cursor:default; background: url(img/icon_arrow_black.gif) no-repeat 95% 50%; }

#swapnav ul.swapper li.active a:hover { color:#000; cursor:default; }

#swapnav .swapcontent.active, #swapnav.hasjs .swapcontent { display:block; }
#swapnav .swapcontent { display:none; }



/* PK: added 2010-09-09 */
/* For Retail Home Advisor page */
#collegeadvisor #swapnav { background: url(img/bg_swapnav_350.png) no-repeat;  behavior: url(iepngfix.htc); color: #666; height: 350px; margin-bottom: 7px;}
#collegeadvisor #swapnav ul.swapper li {width:175px;}
#collegeadvisor .swapcontent h4 {color: #000; font-size: 12px;}
#collegeadvisor #swapnav .swapcontainer {background:transparent url(img/bg_positionsnav_vrule175.gif) repeat-y 22px 0; min-height:100px; overflow: hidden; position: relative; bottom: 5px; right: -2px; height: 345px; }
#collegeadvisor #swapnav .grid2col { margin: 0 0 0 30px; width: 950px;}
#collegeadvisor #swapnav .first {position: relative; top: 43px; width:195px;}
#collegeadvisor #swapnav .grid2col .last {width: 755px; overflow: hidden;}
#collegeadvisor #swapnav .grid2col .last .retail {margin-left: 50px; margin-bottom: 60px; position: relative; top: 50px; width: 385px; overflow: hidden;}
#collegeadvisor #swapnav .ovalarrow {margin-top: 8px;}
#collegeadvisor #swapnav .grid2col .figure {float: right; width: 319px; overflow: hidden;}
#collegeadvisor #swapnav .grid2col .figure img {position: relative; bottom: -5px; left: 20px;}


/* AHA Pro page: Cascade location - /jobs/us/aha */
/* Joe Roberts: ADDED AHA Pro page - February 18, 2011 */
#aha #swapnav { background: url(img/bg_swapnav_290.png) no-repeat;  behavior: url(iepngfix.htc); color: #666; height: 290px; margin-bottom: 7px;}
#aha #swapnav ul.swapper li {width:175px;}
#aha .swapcontent h4 {color: #000; font-size: 12px;}
#aha #swapnav .swapcontainer {background:transparent url(img/bg_positionsnav_vrule175.gif) repeat-y 22px 0; min-height:100px; overflow: hidden; position: relative; bottom: 5px; right: -2px; height: 285px; }
#aha #swapnav .grid2col { margin: 0 0 0 30px; width: 950px;}
#aha #swapnav .first {position: relative; top: 43px; width:195px;}
#aha #swapnav .grid2col .last {width: 755px; overflow: hidden;}
#aha #swapnav .grid2col .last .retail {margin-left: 50px; margin-bottom: 60px; position: relative; top: 50px; width: 450px; overflow: hidden;}
#aha #swapnav .ovalarrow {margin-top: 8px;}
#aha #swapnav .grid2col .figure {float: right; width: 250px; padding-top: 50px; overflow: hidden;}
#aha #swapnav .grid2col .figure img {position: relative; bottom: -5px; left: 20px;}

/* Sonali Gupta: ADDED FOR STUDENTS PAGE */

#students #swapnav {color: #666; padding-bottom: 40px; background:url(img/bg_swapnav_fill.gif) repeat-y; width: 221px;}
#students #swapnav ul.swapper li {width:200px;}
#students #swapnav h4 {color: #000; font-size: 12px;}
#students #swapnav ul.swapper li {border-right: 1px solid #E5E5E5;}
#students #swapnav ul {padding-bottom: 40px;}

#students-degree #swapnav {color: #666; padding-bottom: 40px; background:url(img/bg_swapnav_fill.gif) repeat-y; width: 221px;}
#students-degree #swapnav ul.swapper li {width:200px;}
#students-degree #swapnav h4 {color: #000; font-size: 12px;}
#students-degree #swapnav ul.swapper li {border-right: 1px solid #E5E5E5;}
#students-degree #swapnav ul {padding-bottom: 40px;}