.ugPageSegment { padding:0; width:100%; overflow:hidden; height:auto; }

.wrap1 {
    max-width:960px;
    margin:0 auto 0;
    padding:0 0; 
    overflow:hidden;
}


.segmentHeader { position:relative; z-index:1; margin-top:20px; }
.ugPageSegment.light .segmentHeader { margin-top:58px; }

.segmentNav { float:left; background-position:0 0; background-repeat:no-repeat;   max-width:910px; }
.segmentNav {list-style: none; width: 100%; display: block}
.segmentNav li {display: inline; white-space:nowrap;}
.segmentNav li::after {
    background: url("/images/menu-separator.gif") repeat scroll 0% 0% transparent;
    content: "";
    width: 4%;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px -3px;
    z-index:1;
}
.segmentNav li:last-of-type::after {
    display: none;
}

.segmentNav li.hiddenNav {
    display:none;
}

.segmentNav li.hiddenNav li:after {
    display:none;
}

.segmentNav li a{ 
    z-index:2;
    font-size:23px;
    margin:0 2px 0 0;
    list-style-type:none;
    color: #b3b3b3;
    border: 3px solid #b3b3b3; 
}
    
.segmentNav li:hover a, .segmentNav li.active a {
    background: #d9002b;
    color: #fff;
    border:3px solid #b3b3b3;
}

.segmentNav a { padding:3px 35px; display:inline; font-size:121%; }

.segmentExtended .segmentHeader { overflow:hidden; position:relative; }

.segmentExtended .segmentNav { float:none; background:transparent !important; margin:0; padding:20px 10px 0; clear:both; overflow:hidden; }
.segmentExtended .segmentNav li { margin:0 5px 5px 0; background-position:right center; border-radius:3px; }
.segmentExtended .segmentNav a { border-radius:3px; }

.segmentCarousel { width:10000px; margin:0 0; position:relative; left:0; clear:left; }

.segmentCarousel.s1 { -webkit-transform: translateX(0); } /* iOS animation */
.segmentCarousel.s2 { -webkit-transform: translateX(-960px); }
.segmentCarousel.s3 { -webkit-transform: translateX(-1920px); }
.segmentCarousel.s4 { -webkit-transform: translateX(-2880px); }
.segmentCarousel.s5 { -webkit-transform: translateX(-3840px); }
.segmentCarousel.s6 { -webkit-transform: translateX(-4800px); }
.segmentCarousel.s7 { -webkit-transform: translateX(-5760px); }
.segmentCarousel.s8 { -webkit-transform: translateX(-6720px); }
.segmentCarousel.s9 { -webkit-transform: translateX(-7680px); }

.segmentCarousel1 { width:10000px; margin:0 0; position:relative; left:0; clear:left; }

.segmentSlide {width:100%; max-width:860px; float:left; }
.segmentSlide .loadingIndicator { background:#FFF url(images/icon_loading.gif) 10px center no-repeat; float:left; padding:10px 20px 10px 50px; margin:0 10px; }
.segmentSlide .loadingIndicator p { margin:0; }
.segmentSlide.loading { height:100px; }

.content-slides {
    max-width:960px;
}

.segmentSlide { padding-top:50px !important;  }
.ugPageSegment.light .segmentSlide { padding-top:138px !important; padding-bottom:48px !important; }

.segmentExtended .segmentSlide { padding-top:50px !important; padding-bottom:130px !important; }
.ugPageSegment.segmentExtended.light .segmentSlide { padding-top:38px !important; padding-bottom:118px !important; }


/* Grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float:left; padding:0 10px; }

.grid-1  { width:60px;  }
.grid-2  { width:140px; }
.grid-3  { width:220px; }
.grid-4  { width:300px; }
.grid-5  { width:380px; }
.grid-6  { width:460px; }
.grid-7  { width:540px; }
.grid-8  { width:620px; }
.grid-9  { width:700px; }
.grid-10 { width:780px; }
.grid-11 { width:860px; }
.grid-12 { width:940px; }

.grid-1.first, .grid-2.first, .grid-3.first,
.grid-4.first, .grid-5.first, .grid-6.first,
.grid-7.first, .grid-8.first, .grid-9.first,
.grid-10.first,.grid-11.first,.grid-12.first { padding-left:0; }

.grid-1.last, .grid-2.last, .grid-3.last,
.grid-4.last, .grid-5.last, .grid-6.last,
.grid-7.last, .grid-8.last, .grid-9.last,
.grid-10.last,.grid-11.last,.grid-12.last { padding-right:0; }

.offset-1 { margin-left:80px;  }
.offset-2 { margin-left:160px; }
.offset-3 { margin-left:240px; }
.offset-4 { margin-left:320px; }
.offset-5 { margin-left:400px; }
.offset-6 { margin-left:480px; }
.offset-7 { margin-left:560px; }
.offset-8 { margin-left:640px; }
.offset-9 { margin-left:720px; }

a.button { background:url(images/button_red.png) 0 0 no-repeat; color:#FFF; display:block; padding:0 0 0; height:38px; width:230px; line-height:38px; text-align:center; font-size:14px; }
a.button:active { background-position:left bottom; }

.contentBanner { background:#EEE; margin:-20px 0 40px -10px; }

/* Toggle List */
.toggleList { margin:30px 0; padding:0; list-style:none; border-bottom:1px solid #BBB; }
.toggleList > li { border-top:1px solid #BBB; overflow:hidden; }
.toggleList > li > h2,
.toggleList > li > h3 { margin:16px 0; padding-left:25px; background:url(images/icon_more_orange.png) no-repeat left center; }
.toggleList > li > div { height:0; overflow:hidden; opacity:0; transition:all 150ms ease-in; }
.toggleList > li.active > h2,
.toggleList > li.active > h3 { background-image:url(images/icon_less_orange.png); }
.toggleList > li.active > div { height:auto; opacity:1; }

.steps      .toggleList,
.checklist  .toggleList,
.toggleList .toggleList { border:none; margin:0 0 20px 0; }
.toggleList .toggleList { padding-left:26px; }
.steps      .toggleList > li,
.checklist  .toggleList > li,
.toggleList .toggleList > li { border:none; }
.steps      .toggleList > li > h3,
.checklist  .toggleList > li > h3,
.toggleList .toggleList > li > h3 { margin:10px 0; }

.toggleList .steps > li,
.toggleList .checklist > li { border-bottom:none; border-top:solid 1px #CCC; padding-top:18px; background-position:0 18px; }

/* Wraps conversion pixels and other misc analytics code */
.extraAnalytics { height:0; overflow:hidden; }

/*
#cssAwards { position:absolute; width:69px; height:105px; top:110px; right:0; background:url(../images/award_day_black.png) 0 0 no-repeat; text-indent:-9990px; overflow:auto; }
#cssAwards a { display:block; width:69px; height:105px; }
*/

