body{ font: normal 12px/130% 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; color: #333; }
#main h2, #main h3, #main h4,#main h5{ font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; margin-bottom: 10px; line-height: 130%; }
#main h2{ font-size: 175%;color: #333333; }
#main h3{ font-size: 150%; }
#main h4{ font-size: 130%; }
#main h5{ font-size: 110%; font-weight: bold; color: #555; margin-bottom: 5px; }
p{ margin-bottom: 10px; }
strong{ font-weight: bold; }
em{ font-style: italic; }
sup{ font-size: 75%; vertical-align: super; padding-left: 3px; }
.note{ color: #616161; font-size:12px !important; }
.intro{ font: normal 125%, "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #616161; }
h2.intro{ margin-bottom: 5px !important; }
.access-aid{ display: none; }
/*.clear {clear:both;} */ /*Removed 06/8/15 -AL - BC of CS */
a{color:#006ece;  text-decoration: none !important; border: none; } 
a:visited{ color: #006ece;}
a:hover{ text-decoration: underline; color: #0066FF; }

/*More Blue Arrow*/
a.more { padding-right: 8px; background: url(/site/images/buttons/arrow_blue_line_right.png) no-repeat 100% 67%; text-decoration: none;}
.more-bluearrow {background: url("/site/images/buttons/arrow_blue_line_right.png") no-repeat scroll 100% 60% rgba(0, 0, 0, 0);color: #006ece;font-size: 130%;line-height: 160%;    padding-right: 10px;}
a.back                                { padding-left: 8px; background: url(/site/images/buttons/arrow_blue_line_left.png) no-repeat 0 3px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  a.more  { background: url(/site/images/buttons/arrow_blue_line_right_2x.png) no-repeat 100% 50%; background-size: 5px 9px; }
		a.back  { background-image: url(/site/images/buttons/arrow_blue_line_left_2x.png); background-size: 5px 9px; }
}

a.top                                 { padding-left: 10px !important; background: url(/site/images/buttons/arrow_blue_up.gif) no-repeat 0 5px;float:right;}
.rounded															{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/*Blockquote*/
blockquote{ font-size:20px; line-height:1.2em; position:relative; z-index:1; display:inline-block;  quotes: "\201C""\201D""\2018""\2019"; margin:20px 30px 15px 30px;}
blockquote:before, blockquote:after{font-family: Georgia, /*"Lucida Grande", "Lucida Sans Unicode",*/ sans-serif; position:absolute;  z-index:3; display:block; font-size:65px;  line-height:1em; color:#006ECE;}
blockquote:before{ content:open-quote;  left:-30px; top:-13px; }
blockquote:after{ content:close-quote;  right:-30px; bottom:-50px; }

.pdf                                  { padding-left: 18px; background: url(/site/images/icons/icon_pdf_sm.png) no-repeat 0 0; }

/*Lower-Area*/
#lower-area                           { line-height: 150%; }
#lower-area .frame                    { padding: 8px; border: 1px solid #ccc; }
#lower-area .left                     { float: left; margin: 0 20px 10px 0; }
#lower-area .right                    { float: right; margin: 0 0 10px 20px; }

/* Lists */
#lower-area ul.bulleted, 
#lower-area ol                        { margin: 0 0 10px 25px; }
#lower-area ul.bulleted li            { list-style: disc; }
#lower-area ul.bulleted ul            { margin-left: 15px; }
#lower-area ul.link-list              { margin: 0 0 10px 18px; }
#lower-area ul.link-list.jump li a    { padding-left: 12px; background: url(/site/images/buttons/arrow_blue_down.gif) no-repeat 0 6px; }
#lower-area ul.indent                 { margin-left: 25px; }

/* Columns */
/*-------------------------*/
.oftwo                                { width: 45%; float: left; padding-right: 10px; }

/* Expandable Blue Button */
/*-------------------------*/
.button, .button span                 { background: url(/site/images/buttons/bg_button_blue_left.png) no-repeat 0 0; padding: 8px 0 8px 0; font-size: 11px; }
.button span                          { margin-left: 13px; height: 30px; background: url(/images/buttons/bg_button_blue_right.png) no-repeat 100% 0; padding: 8px 20px 8px 7px; color: #fff; }
.button a                             { text-decoration: none; }
.button.red                           { background-image: url(/site/images/buttons/bg_button_red_left.png); }
.button.red span                      { background-image: url(/site/images/buttons/bg_button_red_right.png); }
.button.gray                          { background-image: url(/site/images/buttons/bg_button_gray_left.png); }
.button.gray span                     { background-image: url(/site/images/buttons/bg_button_gray_right.png); }

/* Button styling */
.button-gray                          { display: block; padding: 4px 15px; font: normal .9em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #616161; text-decoration: none !important; letter-spacing: .03em;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } 
.button-blue, 
.button-green, 
.button-red, 
.button-purple,
.button-dpurple,
.button-bluepurp{ color: #FFFFFF !important; padding: 7px 16px 8px 16px !important; font: normal 18px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; color: #616161; text-decoration: none !important; letter-spacing: .08em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
                                        
.button-blue{ color: #fff !important; background-color: #1e98d4; box-shadow: /*inset 0px -1px 1px 0px #0b364b,*/ inset 0px -1px 1px 0px #136288, inset 0px 4px 4px -4px #FFFFFF, inset 1px -1px 1px 0px #1a86bb, inset -1px -1px 1px 0px #1a86bb }
.button-blue:hover{ background-color: #1D95D0 !important;box-shadow: /*inset 0px -1px 1px 0px #0b364b,*/ inset 0px -1px 1px 0px #136288, inset 0px 2px 2px -2px #FFFFFF, inset 1px -1px 1px 0px #1a86bb, inset -1px -1px 1px 0px #1a86bb; }
.button-blue:active{ background-color: #1b8bc2 !important; box-shadow: /*inset 0px -1px 1px 0px #0b364b,*/ inset 0px -1px 1px 0px #136288, inset 0px 2px 2px -2px #FFFFFF; }							
.button-dpurple{ box-shadow: inset 0 1px 0 0 #d5bce7, 0 1px 0 0 #6e3483, 0 0 1px 1px #ccc; -moz-box-shadow: inset 0 1px 0 0 #d5bce7, 0 1px 0 0 #6e3483, 0 0 1px 1px #ccc; -webkit-box-shadow: inset 0 1px 0 0 #d5bce7, 0 1px 0 0 #6e3483, 0 0 1px 1px #ccc;  }                                        
.button-gray{ color: #333 !important; background: url(/site/images/buttons/bg_button_gray.png) repeat-x 0 0; border: 1px solid #ccc; font-size: 100%; font-weight: bold; display: inline;  }

#sub-nav #subnav-try-now, 
#sub-nav #subnav-buy-now{ margin-top: 0px; }
#sub-nav .button-red, 
#sub-nav .button-blue, 
#sub-nav .button-green, 
#sub-nav .button-purple,
#sub-nav .button-dpurple, 
#sub-nav .button-bluepurp{ margin-left: 6px; display: inline; font-size: 14px; }

.feature-legacy .button-gray, 
#right-col .button-gray{ display: inline; }

/* Callout */
.callout{ background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ddd; padding: 20px; }
/*.callout.gray-gradient{ background-image: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2)); }*/
.callout.gray-gradient, .gray-gradient{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);background-image:    -moz-linear-gradient(top, #fff, #f6f6f6);background-image:     -ms-linear-gradient(top, #fff, #f6f6f6); background-image:      -o-linear-gradient(top, #fff, #f6f6f6); background-image:linear-gradient(to bottom, #fff, #f6f6f6); }
.callout.max-width{ width: 958px; }
.callout .left-col{ width: 710px; }
.callout-13{background: none repeat scroll 0% 0% #FFF;border-radius: 5px;margin: 0px auto;padding: 20px 0px;}




/* Sidebar Promo Tile */
/*-------------------------*/
.promo-tile img{ float: left;margin-right: 15px;padding-bottom: 20px;}
.promo-tile{ padding: 15px; margin-bottom: 5px; /*background: #EDF4FA;*/ border: 1px solid #adadad;}
.promo-tile p, .promo-tile a.more{ font-size: 95%; }
/*#buy-box{ border: 1px solid #333333; }*/ /*might need to put this back */

/* Popups (fancyzoom.js) */
/* for some reason, styles within the popup do not cascade */
/*----------------------------------------------------------*/
#zoom table, 
#zoom td                              { border: 0; }
#zoom h3, #zoom h4, #zoom h5          { margin-bottom: 10px; font: normal 150% "Helvetica Neue", Helvetica, Arial, sans-serif;  }
#zoom h3                              { font-size: 150%; }
#zoom h4                              { font-size: 130%; }
#zoom h5                              { font-size: 110%; font-weight: bold; color: #555; margin-bottom: 5px; }
#zoom ol                              { margin-left: 20px; margin-bottom: 20px; }
/* Helper classes */
/*----------------------------------------------------------*/
.pull-left                            { float: left !important; }
.pull-right                           { float: right !important; }
.center                               { display: block; margin-left: auto; margin-right: auto; }

/* Additionals, External Link, Offsite */
/*----------------------------------------------------------*/
#global-nav a span.offsite, #sub-header a span.offsite, #main a span.offsite { background: url(/site/images/offsite_arrow.png) no-repeat; width: 10px; height: 9px; display: inline-block; margin-left: 5px; padding: 0px 0 0 0; }
#section-footer a span.offsite { background: url(/site/images/offsite_arrow_grey.png) no-repeat; width: 10px; height: 9px; display: inline-block; margin-left: 5px; }
#global-nav ul.menu li ul li:hover a span.offsite { background: url(/site/images/offsite_arrow_white.png) no-repeat; }

/*Retina CSS*/
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 #global-nav a span.offsite, #sub-header a span.offsite, #main a span.offsite { background: url(/site/images/offsite_arrow_2x.png) no-repeat; background-size: 10px 9px; }
 #section-footer a span.offsite { background: url(/site/images/offsite_arrow_grey_2x.png) no-repeat; background-size: 10px 9px; }
 #global-nav ul.menu li ul li:hover a span.offsite { background: url(/site/images/offsite_arrow_white_2x.png) no-repeat; background-size: 10px 9px; }
}