
/* global CSS styles for all SonicWALL web pages */
/* START - HACK FOR EXTENDING DIV AROUND A FLOAT */
.clearfloat:after,
.group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    } /* END - HACK FOR EXTENDING DIV AROUND A FLOAT */


/* start - global layout styles */
@media screen and (device-width: 480px) {
html {
    -webkit-text-size-adjust: none;
    }
}

body {
    text-align: center;
    height: 100%;
    }

#pgheader {
    padding: 1.75em 0 1em 2em;
    text-align: left;
    width: 76em;
    margin: 0 auto;
    position: relative;
    }

#pgheader span.pipe {
    position: relative;
    top: -0.1em;
    padding: 0 0.9em;
    }

#countryselect {
    position: relative;
    float: left;
    width: 36em;
    }

#page {
    position: relative;
    text-align: left;
    width: 78em;
    margin: 0 auto;
    padding: 0 0 3em 0;
    background: #fff;
    }

#content,
#sidebar {
    padding: 2.5em 0 0;
    position: relative;
    z-index: 1;
    }

#content {
    float: right;
    width: 56.5em;
    z-index: 2;
    position: relative;
    }

#sidebar {
    float: left;
    width: 17.5em;
    }

#pgfooter {
    clear: both;
    padding: 1.3em 2em 2.5em 0;
    width: 76em;
    margin: 0 auto;
    position: relative;
    text-align: right;
    z-index: 1;
    }

#pgfooter #backtotop {
    position: absolute;
    left: 2em;
    top: 1.6em;
    }

#pgfooter span.pipe {
    color: #1A1D55;
    padding: 0 0.9em;
    position: relative;
    top: -.1em;
    }
/* end - global layout styles */

/* start - global formatting styles */
body, .reg, p, quote, ul, ol, td, th, input, select, form {
    font-family: verdana, helvetica, arial, sans serif;
    color: #666;
    font-size: 11px;
    }

form, td {
    font-size: 10px;
    }

body.css {
    background: #c2c2c2;
    padding: 0;
    margin: 0;
    font-size: 62.5%;
    }

img, form {
    border: 0;
    margin: 0;
    padding: 0;
    }

h1, h2, h3, h4, h5 {
    font-family: arial,helvetica,sans-serif;
    border: none;
    color: #1a1d55;
    }

h1 {
    font-size: 3.6em;
    }

h2 {
    font-size: 2.4em;
    }

h3 {
    font-size: 1.8em
    }

h4 {
    font-size: 1.6em;
    }

h5 {
    font-size: 1.3em;
    color: #666;
    }

h6 {
    font-size: 1em;
    }

.smtxt {
    font-size: 0.91em;
    }

.arrow {
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none;
    }

a,
a:link {
    color: #4271CF;
    text-decoration: none;
    outline: none;
    }

a:visited {
    color: #8E9FCC;
    text-decoration: none;
    }

a:hover {
    color: #1a1d55;
    text-decoration: underline;
    }

#page a .arrow,
#page a:hover .arrow {
    text-decoration: none;
    }

a.buy:link, 
a.buy:visited {
    color: #006666;
    }

a.buy:hover {
    color: #1a1d55;
    }

a.alert:link, a.alert:visited {
    color: #E52438;
    }

a.alert:hover {
    color: #1a1d55;
    }

.alert {
    color: #E52438;
    }

a.reverse:link, 
.hdg_a a:link, 
.overimage a {
    color: #1A1D55;
    }

a.reverse:visited {
    color: #8E9FCC;
    }

a.reverse:hover, 
.hdg_a a:hover, 
.overimage a:hover {
    color: #4271CF;
    }

.hdg_a a:hover, 
.overimage a:hover {
    text-decoration: none;
    }

.bold {
    font-weight: 700;
    }

.tcase {
    text-transform: capitalize;
    }

.lcase {
    text-transform: lowercase;
    }

.ncase {
    text-transform: none;
    }

a.uparrow, a.uparrowgry {
    padding-left: 0.8em;
    background: url(/images/arrow_up.gif) no-repeat 0 60%;
    }

a.uparrowgry {
    background-image: url(/images/arrow_up_gry.gif);
    }

a.uparrow:hover {
    background-image: url();
    }

a.uparrowgry:hover {
    background-image: url(/images/arrow_up_gry_over.gif);
    }

a.dnarrow, 
a.dnarrowgry {
    padding-left: .8em;
    background: url(/images/arrow_dn.gif) no-repeat 0 60%;
    }

a.dnarrowgry {
    background: url(/images/arrow_dn_gry.gif) no-repeat 0 60%;
    }

a.dnarrow:hover {
    background-image: url(/images/arrow_dn_over.gif);
    }

a.dnarrowgry:hover {
    background-image: url(/images/arrow_dn_gry_over.gif);
    }

#pgheader, 
#pgfooter {
    font-family: arial,helvetica,sans-serif;
    text-transform: uppercase;
    }

#pgheader a:link, 
#pgheader a:visited, 
#pgfooter #backtotop a:link, 
#pgfooter #backtotop a:visited  {
    text-decoration: none;
    color: #1A1D55;
    }

#pgfooter a:link, 
#pgfooter a:visited {
    text-decoration: none;
    color: #666;
    }

#pgheader a:hover, 
#pgfooter a:hover {
    text-decoration: underline;
    }

#pgheader a:hover, 
#pgfooter #backtotop a:hover {
    color: #4271CF;
    }

#pgfooter img.imgover {
    width: 3.4em;
    height: 1.6em;
    margin: 0 0 -0.3em 0.5em;
    }

#pgfooter a:hover {
    color: #1a1d55;
    }

#page {
    border-bottom: 0.7em #1a1d55 solid;
    }

img#sw-logo {
    width: 37.5em;
    height: 5.5em;
    position: absolute;
    z-index: 2;
    }

img#wavy-lines {
    width: 78em;
    height: 23em;
    position: absolute;
    top: 2.75em;
    left: 0;
    z-index: 0;
    }

img#wavy-lines_wide {
    display: none;
    }
/* end - global formatting styles */

/* start - site search styles */
#searchtips,
#sitesearchwidget .closebox,
#sitesearchlinks,
#searchtipslink {
display: none;
}

#sitesearchwidget a img {
width: 1.5em;
height: 1.5em;
}

#sitesearch {
position: relative;
float: right;
padding: 0 2em 0 0;
margin: 0;
width: 37em;
text-align: right;
}

#sitesearch form {
float: left;
text-align: right;
padding: 0;
margin: -0.5em 0.75em 0.3em 0;
}

#sitesearch input {
text-align: left;
float: left;
font-size: 1em;
width: 23.3em;
height: 1.3em;
padding: 0.2em 0 0 0.5em;
border: none;
background: #eee url(/images/bg_search.jpg) repeat-y 0 0;
}

#sitemaplnk {
float: right;
position: relative;
top: 0;
}
/* end - site search styles */


/* start - popup menu styles */
.popupmenu {
display: none;
position: absolute;
border: 0.09em #707070 solid;
border-top: none;
border-left-color: #eee;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
background: #eee;
}

#countryselectmenu {
top: -0.6em;
left: 0;
z-index: 350;
}

span.link:hover .popupmenu {
display: block;
}

.popupmenu li {
margin: 0;
padding: 0;
}

.popupmenu li a {
font-size: 0.91em;
text-transform: none;
white-space: nowrap;
background: url(/images/bg_menu.gif) repeat-y right 0;
display: block;
color: #1a1d55;
padding: 0.35em 0.75em 0.35em 0.75em;
border-top: 0.1em #eee solid;
}

.popupmenu li a:visited {
color: #1a1d55;
}

.popupmenu li a:hover, #pgheader .popupmenu li a:hover {
color: #1a1d55;
background: url(/images/bg_menu_over.gif) repeat-y right 0;
text-decoration: none;
}

#countryselectmenu li.sect a {
text-transform: uppercase;
font-size: 0.83em;
padding: 0.55em 0.8em 0.55em 0.8em;
border-top: 0.12em #eee solid;
}
/* end - popup menu styles */


/* start - navbar styles */
#globalnav {
position: absolute;
top: 5.4em;
left: -0.9em;
z-index: 250;
background: #878787;
width: 80em;
height: 2.45em;
}

#localnav {
border-top: .3em #fff solid;
width: 56.5em;
margin: -0.4em 0 0 21.5em;
position: relative;
z-index: 225;
}

.navbar {
position: relative;
height: 2.4em;
}

.navbar.global {
top: -0.2em;
left: -0.2em;
background: #8E9FCC;
}

.navbar.local {
z-index: 45;
background: #1a1d55;
}

.navbar .navtabs {
position: absolute;
z-index: 1;
right: 0;
}

.navbar.local .navtabs {
left: 0;
}

.navbar ul, .navbar li {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
border: none;
}

.navbar .tab {
float: left;
position: relative;
z-index: 1;
}

.navbar .endfloat {
position: absolute;
top: 0;
width: 5em;
height: 2.45em;
z-index: 0;
}

.navbar.global .endfloat {
left: 0;
background: #8E9FCC;
}

.navbar.local .endfloat {
right: 0;
background: #1a1d55;
}

.navbar .endfloat.on {
background: #f9ce2a;
}

.navbar a { 
display: block;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
}

.navbar .tab a {
/* adjust the last value to adjust tabs in global nav */  padding: 0.59em 0.6em 0.55em 0.6em;
color: #eee;
text-transform: uppercase;
font-weight: bold;
background: #8E9FCC;
height: 1.1em;
border-left: 0.1825em #eee solid;
background: #8E9FCC;
}

.navbar .tab a:visited {
color: #eee;
}

.navbar .tab.start a {
border: none;
}

#globalnavbar .tab.end a {
padding-right: 1.2em;
}

.navbar.local .tab a {
background: #1a1d55;
}

.navbar .tab a:hover, .navbar li.tab:hover {
color: #1a1d55;
text-decoration: none;
background: url(/images/bg_topmenu_over.gif) repeat-y right 0;
}

.navbar .tab.on a, .navbar .tab.on a:visited, .navbar .tab.on a:hover {
color: #1a1d55;
background: #f9ce2a;
}

.navbar .tab.on a:hover {
background: url(/images/bg_currentmenu_over.gif) repeat-y right 0;
}

.navbar .tab.offmenu a   {
background: #8E9FCC url(/images/gn_menu-arrow.gif) no-repeat 0.5em 53%;
padding-left: 1.5em;
}

#localnavbar .tab.offmenu a   {
 background: #1a1d55 url(/images/ln_menu-arrow.gif) no-repeat 0.5em 53%;
 padding-left: 1.5em;
 }

.navbar .tab.offmenu a:hover, 
.navbar .tab.offmenu:hover a   {
 color: #1a1d55;
 background: transparent url(/images/gn_menu-arrow_over.gif) no-repeat 0.5em 53%;
 }

#localnavbar .tab.offmenu a:hover,     
#localnavbar .tab.onmenu a:hover,
#localnavbar .tab.offmenu:hover a   {
 background: transparent url(/images/ln_menu-arrow_over.gif) no-repeat 0.5em 53%;
 }

.navbar .tab.onmenu a {
 color: #1a1d55;
 background: #f9ce2a url(/images/gn_menu-arrow_on.gif) no-repeat 0.5em 53%;
 padding-left: 1.5em;
 }
 
.navbar .tab.onmenu a:visited {
color: #1a1d55;
}

#localnavbar .tab.onmenu a   {
 background: #f9ce2a url(/images/ln_menu-arrow_on.gif) no-repeat 0.5em 53%;
 padding-left: 1.5em;
 }

.navbar .tab.onmenu a:hover, 
.navbar .tab.onmenu:hover a  {
 color: #1a1d55;
 background: transparent url(/images/gn_menu-arrow_on.gif) no-repeat 0.5em 53%;
 }

#localnavbar .tab.onmenu a:hover,     
#localnavbar .tab.onmenu:hover a   {
 background: transparent url(/images/ln_menu-arrow_on.gif) no-repeat 0.5em 53%;
 }

.navbar li.onmenu:hover   {
 background: url(/images/bg_currentmenu_over.gif) repeat-y right 0;
 }
 
#globalnavbar #dd-menu_91_lnk a#dd-menu_91_anc,
#globalnavbar #dd-menu_2792_lnk a#dd-menu_2792_anc {
background-position: 4.7em 53%;
}
 
.navbar #dd-menu_2792_lnk a {
position: relative;
}

.navbar #dd-menu_2792_lnk a span {
display: block;
position: relative;
padding-left: 5em;
}
 
#globalnavbar #dd-menu_2792_lnk #gn_menu_mysw {
width: 4.55em;
height: 4.6em;
position: absolute;
top: -2.3em;
left: 0.75em;
margin-right: 1em;
}
 
.navbar .dd-menu, 
.navbar .fo-menu {
display: none;
position: absolute;
top: 2.26em;
left: 0.09em;
z-index: 51;
background: #eee;
border: .09em solid;
border-left-color: #eee;
border-top: none;
border-right-color: #707070;
border-bottom-color: #707070;
background: #c2c2c2;
}

.navbar .tab.offmenu .dd-menu .login_lnk, 
.navbar .tab.onmenu .dd-menu .login_lnk {
position: relative;
background: url(/images/bg_menulogin.gif) repeat-y right 0;
height: auto;
}

.navbar .tab.offmenu .dd-menu .login_lnk a.login_anc, 
.navbar .tab.onmenu .dd-menu .login_lnk a.login_anc {
border-bottom: none;
padding-left: 1.5em;
background: url(/images/arrow_dn.gif) no-repeat 0.8em 53.5%;
}

.menulogin {
display: none;
padding: 1.25em;
}

.navbar .login_lnk:hover .menulogin {
display: block;
}

.menulogin form {
margin: -1em 0 0 0;
}

.menulogin p {
margin: 0 0 0.2em 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;
}

.menulogin input {
width: 94%;
margin-bottom: 0.5em;
}

.navbar .tab #partners_login_lnk .menulogin a, .navbar .tab #mysw_login_lnk .menulogin a {
padding: 0;
display: inline;
}

.navbar #partners_login_lnk #btn_login_cp1,
.navbar #mysw_login_lnk .menulogin #btn_login_mysw1 {
width: 5.3em;
height: 1.8em;
margin: 1em 0 0;
float: left;
position: relative;
}

.navbar .tab.offmenu .dd-menu .caps a {
text-transform: uppercase;
font-size: 0.91em;
font-weight: bold;
}

.navbar .tab.offmenu:hover .dd-menu,
.navbar .tab.onmenu:hover .dd-menu {
display: block;
}

.navbar .tab.offmenu .dd-menu li,
.navbar .tab.onmenu .dd-menu li {
float: none;
display: block;
border: none;
margin: 0;
padding: 0;
}

.navbar .tab.offmenu .dd-menu li a, 
.navbar .tab.onmenu .dd-menu li a,
#localnavbar .tab.offmenu .dd-menu li a,
#localnavbar .tab.onmenu .dd-menu li a {
display: block;
color: #1a1d55;
background: #ccc;
background-image: none;
background: url(/images/bg_menu.gif) repeat-y right 0;
text-transform: none;
font-weight: normal;
padding: 0.4em 0.75em 0.4em 0.75em;
height: 1.2em;
border: none;
border-top: 0.1em #eee solid;
}

.navbar .tab.offmenu .dd-menu .fo-menulnk a, 
.navbar .tab.onmenu .dd-menu .fo-menulnk a, 
#localnavbar .tab.offmenu .dd-menu .fo-menulnk a, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk a,
.navbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk a, 
.navbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk a,
#localnavbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk a, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk a {
padding-right: 1.75em;
background: url(/images/bg_fo-menulnk.gif) no-repeat right 50%;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk, 
.navbar .tab.onmenu .dd-menu .bl-menulnk {
background: url(/images/bg_menu.gif) repeat-y right 0;
position: relative;
}

.navbar .tab.offmenu .dd-menu li a:hover, 
.navbar .tab.onmenu .dd-menu li a:hover, 
#localnavbar .tab.offmenu .dd-menu li a:hover {
background: url(/images/bg_menu_over.gif) repeat-y right 0;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk:hover, 
.navbar .tab.onmenu .dd-menu .bl-menulnk:hover, 
.navbar .tab.offmenu .dd-menu .bl-menulnk:hover a, 
.navbar .tab.onmenu .dd-menu .bl-menulnk:hover a {
background: url(/images/bg_menu_over.gif) repeat-y right 0;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk ul a, 
.tab.navbar .tabmenu .dd-menu .bl-menulnk ul a:hover, 
.navbar .tab.onmenu .dd-menu .bl-menulnk ul a, 
.navbar .tab.onmenu .dd-menu .bl-menulnk ul a:hover {
background: none;
border-top: none;
padding-left: 1.25em;
}

.navbar .dd-menu .bl-menulnk ul {
margin-top: 0;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk li a, 
.navbar .tab.onmenu .dd-menu .bl-menulnk li a,
.navbar .tab.offmenu .dd-menu .bl-menulnk:hover li a, 
.navbar .tab.onmenu .dd-menu .bl-menulnk:hover li a {
/*padding: 0.3em 0.75em 0.3em 1em;*/
border-bottom: none;
background: url(/images/bg_menu_dotted-line.gif) no-repeat top right;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk a:hover, 
.navbar .tab.onmenu .dd-menu .bl-menulnk a:hover {
background: url(/images/bg_l3menu.gif) no-repeat top right;
}

.navbar .tab.offmenu .dd-menu .bl-menulnk li a:hover, 
.navbar .tab.onmenu .dd-menu .bl-menulnk li a:hover {
background: url(/images/bg_l3menu_dotted.gif) no-repeat top right;
}

#localnavbar .tab.offmenu .dd-menu li a:hover, 
#localnavbar .tab.onmenu .dd-menu li a:hover {
color: #1a1d55;
background: url(/images/bg_menu_over.gif) repeat-y right 0;
}

.navbar .dd-menu .fo-menulnk {
position: relative;
}

.navbar .dd-menu .fo-menulnk .fo-menu, 
.navbar .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu {
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 0;
left: 98%;
z-index: 71;
background: #eee;
}

.navbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu a:hover, 
.navbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu a:hover, 
#localnavbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu a:hover, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu a:hover, 
.navbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a:hover, 
.navbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a:hover, 
#localnavbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a:hover, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a:hover {
background: url(/images/bg_menu_over.gif) repeat-y right 0;
}

.navbar .tab.offmenu .dd-menu .fo-menulnk:hover, 
.navbar .tab.onmenu .dd-menu .fo-menulnk:hover,
#localnavbar .tab.offmenu .dd-menu .fo-menulnk:hover,
#localnavbar .tab.onmenu .dd-menu .fo-menulnk:hover, 
.navbar .tab.offmenu .dd-menu .fo-menulnk:hover a, 
.navbar .tab.onmenu .dd-menu .fo-menulnk:hover a, 
#localnavbar .tab.offmenu .dd-menu .fo-menulnk:hover a, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk:hover a, 
.navbar .tab.offmenu .dd-menu .fo-menu .fo-menulnk:hover,
.navbar .tab.onmenu .dd-menu .fo-menu .fo-menulnk:hover, 
#localnavbar .tab.offmenu .dd-menu .fo-menu .fo-menulnk:hover,
#localnavbar .tab.onmenu .dd-menu .fo-menu .fo-menulnk:hover, 
.navbar .tab.offmenu .dd-menu .fo-menu .fo-menulnk:hover a, 
.navbar .tab.onmenu .dd-menu .fo-menu .fo-menulnk:hover a, 
#localnavbar .tab.offmenu .dd-menu .fo-menu .fo-menulnk:hover a, 
#localnavbar .tab.onmenu .dd-menu .fo-menu .fo-menulnk:hover a {
background: url(/images/bg_fo-menulnk_over.gif) repeat-y right 50%;
}

.navbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu a, 
.navbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu a, 
#localnavbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu a, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu a,
.navbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a, 
.navbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a,
#localnavbar .tab.offmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a, 
#localnavbar .tab.onmenu .dd-menu .fo-menulnk .fo-menu .fo-menulnk .fo-menu a {
padding-right: 0.75em;
background: url(/images/bg_menu.gif) repeat-y right 0;
}

.navbar .dd-menu .fo-menulnk:hover .fo-menu,
.navbar .dd-menu .fo-menulnk .fo-menu .fo-menulnk:hover .fo-menu {
display: block;
}

.navbar li a span {
display: none;
}

.navbar .bl-menu li a span {
display: inline;
}

/*#dd-menu_2792 {
width: 14.8em;
width: 99%;
}*/
/* end - global nav styles */


/* start - back-to nav styles */
#backtonav {
position: absolute;
top: 9.3em;
left: 2em;
z-index: 240;
}

#backtonavlinks a span {
color: #1a1d55;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
}

#backtonavlinks a span .arrow {
font-size: 1em;
}

#backtonavmenu {
top: -0.5em;
left: -0.75em;
min-width: 8em;
}
/* end - back-to nav styles */

/* start - header styles */
#header_photo {
width: 56.5em;
height: 21em;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}

#header_rule {
width: 56.5em;
height: 0.4em;
position: absolute;
top: 21em;
right: 0;
z-index: 1;
}

#header .line1,
#header .line2 {
display: block;
}

.pgtitle {
padding: 0 0.25em 0 0;
margin: 0;
text-align: right;
letter-spacing: -2px;
line-height: 80%;
position: absolute;
top: 4.2em;
right: 14.55em;
z-index: 2;
}

.tagline {
padding: 0;
margin: 0;
color: #878787;
font-weight: normal;
font-size: 3em;
line-height: 85%;
position: absolute;
top: 4.2em;
left: 8.75em;
z-index: 2;
}

.tagline .line1,
.tagline .line2,
.tagline .line3 {
position: relative;
}

#header {
position: relative;
height: 21em;
}
#pgheader h1,
#pgheader h2 {
display: none;
}

.pgheadings {
position: absolute;
z-index: 5;
left: 3em;
bottom: 0.1em;
}

.pghdgcontent {
font-family: arial,helvetica,sans-serif;
margin: 0 0 0.1em 18.4em;
padding: 0.1em 0 0 0;
width: 75%;
}

.mainhdg,
.mainhdgprint {
text-align: right;
margin: 0 0.75em 0 -18.7em;
padding: 0 0 0.2em 0;
float: left;
}

.mainhdg .mainhdgtxt,
.mainhdgprint .mainhdgtxt {
font-size: 3em;
font-weight: bold;
color: #1a1d55;
text-transform: uppercase;
letter-spacing: -2px;
line-height: 97%;
white-space: nowrap;
}

.subhdgtxt {
text-transform: uppercase;
white-space: nowrap;
font-weight: normal;
letter-spacing: -1px;
color: #666;
font-size: 2.3em;
line-height: 105%;
margin: 0;
padding: 0;
display: block;
}

#line2a.subhdgtxt,
#line3a.subhdgtxt {
display: none;
}

#line2a.subhdgtxt.stack {
display: block;
}

#line2b.subhdgtxt,
#line3b.subhdgtxt {
display: block;
}

#line2b.subhdgtxt.stack {
display: none;
}
/* end - header styles */

/* start - content styles */
#content .intro p,
#content .intro {
    padding: 0;
    margin: 0 1.5em 0 0;
    font-size: 1.4em;
    font-family: arial,helvetica,sans-serif;
    line-height: 1.6em;
    }

.heading {
    clear: both;
    }

#content .hdg_a, 
#content h4.hdg_a,
#content h3.hdg_a,
#content h4,
#content h3,
#content h4 .hdg_b {
    margin: 1em 0 0 0;
    padding: 0 1.25em 0 0;
    font-size: 1.8em;
    line-height: 120%;
    color: #1a1d55;
    position: relative;
    }

.heading.top .hdg_a, 
.heading.top .hdg_b {
    margin-top: 0;
    }

#content .hdg_c,
#content h3.hdg_c,
#content h4.hdg_c,
#content h5.hdg_c {
    background-image: url(/images/rule_hdg_c.jpg);
    }

h3 .headingnote,
h4 .headingnote,
h5 .headingnote {
    color: #666;
    text-transform: none;
    font-weight: normal;
    }

h3 .headingnote {
    font-size: 0.75em;
    }

h4 .headingnote {
    font-size: 0.75em;
    }

h5 .headingnote {
    font-size: 0.85em;
    }

.headingnote.right {
    position: absolute;
    right: 3em;
    text-align: right;
    }

.headingnote.left {
    position: relative;
    left: 1em;
    }

h4 .morelnk, 
h3 .morelnk {
    position: absolute;
    right: 2em;
    top: 0.3em;
    font-size: 0.7em;
    text-transform: none;
    font-family: verdana,arial,helvetica,sans-serif;
    }

.morelnk a:link,
a.morelnk:link {
    color: #4271CF;
    }

.morelnk a:visited,
a.morelnk:visited {
    color: #8E9FCC;
    }

.morelnk a:hover,
a.morelnk:hover {
    color: #1A1D55;
    text-decoration: underline;
    }

#content h5 {
    margin: 0.8em 0 0 0;
    font-size: 1.5em;
    line-height: 130%;
    }

#content h6 {
    margin: 1em 0 0 0;
    font-size: 1.2em;
    line-height: 130%;
    }

#content p {
    line-height: 1.6em;
    margin: 0.2em 1.8em 0 0;
    }

#content p + p,
#content ul + p {
    margin-top: 0.8em;
    }

#content p.sect {
    margin-top: 1.5em;
    }

#content p a.moreinfo {
    font-weight: bold;
    }

#footnotes {
    clear: both;
    padding: 2em 0 0 0;
    }

#footnotes .footnote {
    font-size: 1em;
    color: #878787;
    line-height: normal;
    }

.ftnote {
    font-size: 0.9em;
    position: relative;
    left: 0.2em;
    top: -0.3em;
    font-weight: bold;
    }

.intro .ftnote {
    font-size: 0.7em;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    }

.ftnote:visited {
    color: #4271CF;
    }

.ftnote:hover {
    color: #1A1D55;
    }

#footnotes .footnote .ftnote {
    float: left;
    margin: 0 0.5em 0 -2.5em;
    text-align: right;
    width: 2em;
    }

#content ul,
#content ol {
    margin: 0 1.8em 0 -2.2em;
    line-height: 1.6em;
    }

#content ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0 1.8em 0 -1.8em;
    }

#content ul li,
#content ol li {
    margin-top: 0.4em;
    }

#content ul.linklist li {
    list-style-image: url(/images/bullet_lnk_11.gif);
    line-height: normal;
    margin-top: 0.6em;
    }

.halfcol {
float: left;
width: 28.2em;
}

#content .halfcol h4 {
margin-top: -1.6em;
padding-bottom: 0;
position: relative;
z-index: 2;
}

.col {
float: left;
width: 18.8em;
}

.thb_col {
width: 18.8em;
height: 7em;
}

.thb_col.lg {
height: 10.5em;
margin-top: -3.5em;
position: relative;
z-index: 2;
}

.thb_fwidth {
width: 56.5em;
height: 7em;
}

#content .col h3.overimage {
    line-height: 110%;
    margin: 0 0 -1.6em 0;
    position: relative;
    top: -7.35em;
    z-index: 2;
    background: none;
    }

#ieroot #content .col h3.overimage {
    margin: 2em 0 -4em 0;
    top: -9.25em;
    }

#content .col h5 {
margin: 1em 0 0 0;
padding: 0;
text-transform: none;
font-size: 1.2em;
}

#content .col p {
margin-top: 0.25em;
}

#content .doclist p {
float: left;
margin: 0 1em 0 0;
padding: 0;
}

#content .doclist .hdg p, 
#content .doclist p.no, 
#content .doclist p.date {
font-size: 1em;
padding: 0.2em 0 0 0.2em;
}

.doclist .hdg {
background: url(/images/rule_hdg_b.gif) no-repeat right bottom;
padding: 0.5em 0 0.3em 0;
margin: 0 0 -0.75em 0;
position: relative;
z-index: 2;
}

.doclist .hdg .title {
position: relative;
left: -0.15em;
}

.doclist .line {
clear: left;
background: url(/images/rule_doclist.gif) no-repeat right top;
padding: 0.6em 0 0 0;
margin: 0.65em 0 0;
}

.doclist .no {
width: 2em;
text-align: right;
}

.doclist .date {
width: 7.75em;
white-space: nowrap;
}

#content .doclist .line .title {
width: 38em;
padding-top: 0.15em;
}

#content .doclist.nodate .line .title {
width: 45.75em;
}

#content .doclist .title span {
display: block;
line-height: normal;
margin-bottom: 0.3em;
}


#content .doclist.events .line p.no,
#content .doclist.events .line p.date {
padding-top: 0.1em;
}

#ieroot #content .doclist.events .line p.no,
#ieroot #content .doclist.events .line p.date {
padding-top: 0.3em;
}

#content .doclist.events p.date {
width: 7.75em;
}

#content .doclist.events .line .title {
width: 40.5em;
}

#content .doclist.events .line .title .location {
font-size: 0.91em;
font-weight: bold
}

#content .doclist.nodate.events .line .title {
width: 48.25em;
}


#content .doclist.reviews .hdg .title {
left: 0.2em;
}

#content .doclist.reviews .line {
padding: 1em 2em 0.5em 0.4em;
}

#content .doclist.reviews p {
float: none;
margin: 0.5em 0 0 0;
line-height: normal;
}

#content .doclist.reviews .line .title,
#ieroot #content .doclist.reviews .line .title {
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 0.15em 0 0 0;
width: auto;
}

#content .doclist.reviews .title span {
display: inline;
}

.doclist.reviews .line .quote .lquotemark {
margin-left: -0.6em;
}

.doclist.reviews .line .source .publication {
font-weight: bold;
}

#content .doclist.reviews .line .quote {
font-size: 1em;
padding-left: 0.2em;
}

.doclist.reviews .line img.reviewthb {
float: right; 
margin: 0.5em 0 0.5em 1.5em; 
width: 7em;
}


#content .doclist.releases .line {
padding-bottom: 0.5em;
margin-top: 0.75em;
}

.doclist.releases .date {
width: 7.5em;
}

#content .doclist.releases .line .date {
padding-top: 0.5em;
}

#content .doclist.releases .title {
width: 40.5em;
}

#content .doclist.releases .line .title {
font-weight: bold;
text-transform: capitalize;
line-height: normal;
margin-top: 0.2em;
}

#content .doclist.releases .title span {
display: inline;
}

#content .doclist.releases .summary {
float: none;
clear: left;
line-height: 130%;
width: 40.5em;
margin: 0.3em 0 0 7.9em;
}

.content-flash {
background: url(/images/bg_content-flash.jpg) repeat-y top right;
padding: 0.75em 2em 0.75em 1em;
margin: 2.5em 0 0 0;
border-left: 0.3em #F9CE2A solid;
_border-left: none;
}

.content-flash.hdgcopy {
margin-bottom: 2.75em;
}

#content .content-flash p {
font-family: arial,helvetica,sans-serif;
font-size: 1.2em;
margin: 0;
padding: 0; 
font-weight: bold;
}

#content .content-flash.hdgcopy h4 {
font-size: 1.2em;
_font-size: 1.1em;
margin: 0;
background: none;
_background: url(/images/bg_content-flash.jpg) repeat-y top right;
}

#content .content-flash.hdgcopy h6 {
margin: 0 0 0.3em 0;
font-size: 1.1em;
background: none;
}

#content .content-flash.hdgcopy p {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 1.1em;
font-weight: normal;
line-height: normal;
}

.jumplinks {
margin-left: -0.25em;
}

.jumplinks.top {
margin-top: -1.5em;
}

#ieroot .jumplinks.top {
margin-top: -1em;
}

.jumplinks ul {
float: left;
list-style: none;
} 

.jumplinks ul.jumplinks_left {
margin-right: 1em;
}

.hilitebox {
float: right;
padding: 2em;
margin: 0 2em 0;
background: url(/images/bg_gradient_bl.jpg) top right repeat-y;
}

.hilitebox.yellow {
background-image: url(/images/bg_gradient_ye.jpg);
}

.hilitebox.gray{
background-image: url(/images/bg_gradient_gr.jpg);
}

#content .hilitebox p {
line-height: 130%;
}

#content table.data {
width: 56.5em;
margin: 2em 0 2em 0;
padding-right: 2em;
border-collapse: collapse;
font-size: 1em;
text-align: left;
}
    
#content table.data td {
border-top: 0.1em solid #ccc;
padding: 0.2em 0.75em 0.5em 0;
vertical-align: top;
}

#content table.data td.empty {
border-top: none;
}
    
#content table.data th {
font-size: 1em;
font-weight: bold;
padding-bottom: 0.5em;
}
    
#content table.data .alt_column {
background: url(/images/bg_chart.jpg) top left repeat-y;
padding-left: 0.5em;
}

#content .horizlnks h5 {
float: left;
margin: 0.95em 1em 0 0;
width: auto;
}

.horizlnks p {
float: left;
}


#content .moreinfolnk {
    margin-top: 0;
    margin-right: 3em;
    text-align: right;
    }


.insetgroup {
    margin: 4.8em 0 4.8em 0;
    position: relative;
    clear: both;
    }
    
.inset {
    border-top: 0.2em #1a1d55 solid;
    border-bottom: 0.2em #1a1d55 solid;
    margin: 3.2em 2em 2em 2em;
    padding: 0 0 1em 0;
    position: relative;
    width: 26.2em;    
    background: none;    
    float: right;
    _display: inline;
    }
    
.insetgroup .inset {
    margin: 0 2em -0.2em 0;
    _width: 26.1em;
    float: left;
    }

.inset.wide {
    width: 54.5em;
    float: none;
    margin-left: 0;
    }
    
.column .inset {
    margin: 2.75em 2em 0 0;
    float: none;
    _display: block;
    }
    
.insetgroup .inset .caption {
    display: none;
    }
        
.insetgroup .caption,
.inset .caption,
.inset .runtime {
    position: absolute;
    top: -1.75em;
    left: 0;
    color: #1a1d55;
    }

.inset .caption.btm,
.insetgroup .caption.btm {
    top: auto;
    bottom: -1.75em;
    }

.inset .runtime {
    width: 100%;
    text-align: right;
    }
    
#content .inset h5 {
    text-transform: none;
    color: #1a1d55;
    margin: 0 0 -0.4em 0;
    padding: 0.75em 0 0 0;
    font-size: 1.2em;
    position: relative;
    z-index: 2;
    line-height: normal;
    }
    
#content .inset p {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 140%;
    margin: 0.5em 0 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
    }

#content .inset ul {
    list-style-position: inside;
    margin-left: -3.25em;
    }
    
#ieroot #content .inset ul {
    margin-left: 0.25em;
    }

#content .inset ul.nobullets {
    list-style: none;
    list-style-position: outside;
    margin-left: -3.6em;
    }
    
#ieroot #content .inset ul.nobullets {
    margin-left: 0.1em;
    }
    
#content .inset ul li {
    line-height: 140%;
    font-size: 1em;
    }
    
#ieroot #content .inset ul li {
    line-height: 130%;
    }
    
.inset ul li strong {
    color: #878787;
    }
    
.inset.graphic {
    border: 0.1em #d7d7d7 solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 24em;
    margin: 1em 0 3.5em 2em;
    padding: 1em;
    z-index: 10;
    text-align: center;
    background: #fff;
    }
    
.inset.graphic.expanded {
    margin: 0.25em 0 3.5em 0;
    box-shadow: 0 0 0.7em #b4b4b4;
    -webkit-box-shadow: 0 0 0.7em #b4b4b4;    
    -moz-box-shadow: 0 0 0.7em #b4b4b4;
    }

.inset.graphic.single {
    margin-bottom: 1em;
    }

.inset.graphic.expanded.single {
    margin-bottom: 0;
    }
    
#ieroot .inset.graphic.expanded {
    border-right: 0.2em #b4b4b4 solid;
    border-bottom: 0.2em #b4b4b4 solid;
    }
    
.inset.graphic .illus {
    margin: 0 auto;
    max-width: 100%;
    _width: 100%;
    display: none;
    }
    
.inset.graphic .illusthb {
    margin: 0 auto;
    max-width: 100%;
    _width: 100%;
    }
    
.inset.graphic .btn {
    display: block;
     position: absolute; 
     top: -1.6em; 
     left: -1.6em;
     z-index: 11;
     width: 3.2em;
     height: 3.2em;
     background: url(/images/btn_expand.png) no-repeat left top;
     _background-image: url(/images/btn_expand_ie.gif);
    }
    
.inset.graphic .btn.collapse {
     background-position: left bottom;
     }
     
.inset.graphic .btn:hover {
     background-position: right top;
    }
     
.inset.graphic .btn.collapse:hover {
     background-position: right bottom;
    } 
   
.inset.graphic .caption {
    left: auto;
    right: 0.5em;
    }
    
.inset.video {
    padding: 0;
    }

.inset.video.wide object {
    display: block;
    margin: 1.5em auto 0;
    }
    
#content .inset.video h5 {
    position: absolute;
    top: 0.8em;
    left: 0;
    z-index: 2;
    width: 20.3em;
    padding: 0 0.8em;
    line-height: normal;
    }

#content .inset.video.new h5 {
    position: relative;
    top: auto;
    left: auto;
    z-index: 10;
    margin: 0 0.9em 0.15em 0.9em;
    _margin-top: 0.5em;
    padding: 0;
    text-align: center;
    }

#content .inset.video.wide.new h5 {
    text-align: left;
    margin: 0.75em 0.15em 0 0;
    color: #666;
    }
    
#content .inset.video h5.white {
    color: #fff;
    }
    
#content .inset.video h5.right {
    text-align: right;
    }
    
#content .inset.video p {
    color: #1a1d55;
    text-align: justify;
    margin: 9em 1em 1em 1em;
    padding: 0;
    }

#content .inset.video.new p {
    margin: 0 1em 1em 0.25em;
    }

#content .inset.wide.new p {
    text-align: left;
    margin: 0.5em 0.25em 1.25em 0;
    color: #666;
    }
        
.inset.video.new .preview {
    position: relative;
    }
        
.inset.video.new .gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 4em;
    background: url(/images/video-title-gradient.png) repeat-x left bottom;
    background: none;
    }
    
.inset.video .videoclip {
    width: 26.2em;
    _width: 26.6em;
    /*height: 14.5em;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    }

.inset.video.new .videoclip {
        position: relative;
        top: auto;
        left: auto;
        }
    
.inset.video .playbtn {
    display: block;
    width: 100%;
    _width: 100%;
    height: 6em;
    _height: 2em;
    background: url(/images/insetvideo_playbtn.png) no-repeat center top;
    _background: none;
    margin: 0 auto -0.25em;
    _margin: 0 auto 0.5em;
    _text-align: center;
    _font-weight: bold;
    }

.inset.video.new .playbtn {
        position: absolute;
        top: 8em;
        _top: 10em;
        left: 0;
        z-index: 15;
        }

.inset.video.wide.new .playbtn {
    top: 45%;
    _top: 45%;
    }
    
.inset.video .playbtn:hover {
    background-position-y: -6em;
    _background-image: none;
    cursor: pointer;
    }
    
.inset.video .playbtn span {
    display: none;
    _display: block;
    _width: 45%;
    _padding: 0.5em 0.5em 0.75em; 
    _background: #1a1d55;
    _color: #fff;    
    }

.inset.quote {
    padding: 0.5em 0.5em 1.25em 0.5em; 
    margin-right: 2em; 
    width: 25.2em; 
    }
                    
#ieroot .inset.quote {
    padding: 0.5em 0.5em 1.1em 0.5em;
    }
                    
#content .inset.quote p {
    color: #1A1D55;
    font-size: 1.2em;
    }
                    
.inset.quote p em {
    display: block;
    margin: 0.25em 0 0 0;
    line-height: 130%;
    font-size: 0.9em;
    }
    
.insetstack {
    position: relative;
    z-index: 25;
    float: right; 
    _display: inline;
    margin: 1.5em 2em 0 0; 
    _margin-right: 2em;
    width: 28em;
    _width: auto;
    text-align: right;
    }
    
.insetstack.flushright,
.iconfeature .insetstack {
    margin-right: 0;
    }
    
.insetstack .inset.graphic.expand {
    float: none;
    _display: block;
    }
/* end - content styles */

/* start - styles for diagrams */
.diagram {
position: relative;
z-index: 10;
padding: 1.5em 2em 0 0;
}

.diagram .imgactionlink {
display: block;
font-weight: bold;
}

.diagram a, 
.diagram a:visited {
text-decoration: none;
}

.diagram a:hover {
text-decoration: underline;
}

.diagram_popup {
background: #fff;
visibility: hidden;
position: absolute;
top: 0;
right: 1.6em;
z-index: 10;
}
/* end - styles for diagrams  */

/* start - sidebar styles */
.prodshot {
margin: 0 0 0 2em;
}

#sidebar .prodshot p {
font-size: 1em;
position: relative;
z-index: 1;
margin: -2em 0 0 0;
}

#sidebar .sbsect {
padding-top: 2.5em;
}

#sidebar .sbsect.sbsecttop {
padding-top: 0;
}

#sidebar h4,
.sidebar h4 {
    color: #666;
    margin: 0.25em 0 -0.5em 1.7em;
    padding: 0;
    font-size: 1.2em;
    }

#sidebar h4.flash,
.sidebar h4.flash {
background: url(/images/bg_sb-flash.jpg) repeat-y top left;
margin: 1.5em 0 0 0;
padding: 0.5em 0 0.5em 1.7em;
font-weight: bold;
line-height: 110%;
position: relative;
z-index: 1;
}

#sidebar h4.flash.lblue,
.sidebar h4.flash.lblue {
background-image: url(/images/bg_sidebar_lb.jpg);
}

#sidebar h4.flash a, 
#sidebar h4.flash a:visited,
.sidebar h4.flash a, 
.sidebar h4.flash a:visited {
color: #1a1d55;
}

#sidebar h4.flash a:hover,
.sidebar h4.flash a:hover {
color: #4271CF;
}

#sidebar h4.stdlnk a, 
#sidebar h4.stdlnk a:visited {
color: #4271CF;
font-family: verdana,arial,helvetica;
font-size: 0.85em;
}

#sidebar h4.stdlnk a:hover {
color: #1a1d55;
}

#sidebar .sbsubsect {
padding-top: 2em;
}

#sidebar h5 {
text-transform: uppercase;
font-weight: normal;
color: #666;
font-size: 1em;
background: url(/images/rule_sb_bl.jpg) no-repeat bottom left;
margin: 0;
padding: 0 0 0.5em 1.9em;
}

#sidebar ul {
margin: 0.75em 0 0 0;
}

#sidebar ul li {
font-size: 0.95em;
list-style-image: url(/images/bullet_lnk_11.gif);
margin: 0.6em 0 0 -0.4em;
}

#sidebar ul li.txt {
list-style-image: none;
list-style: none;
margin-left: -1.8em;
line-height: normal;
}

#sidebar .sbsubsect div ul li.sbnote,
#ieroot #sidebar .sbsubsect div ul li.sbnote {
    list-style: none;
    list-style-image: none;
    }
    
#sidebar .sbsubsect div ul li.sbnote span {
    margin-left: -0.6em;
    }
    
#ieroot #sidebar .sbsubsect div ul li.sbnote span {
    margin-left: -0.7em;
    }

#sidebar ul li.phonesales {
list-style: none;
list-style-image: none;
color: #4271CF;
font-family: arial,helvetica,sans-serif;
font-weight: normal;
font-size: 1.8em;
margin-left: -1.2em;
}

#sidebar ul ul {
background: none;
margin: 0 0 0 -2.6em;
}

#sidebar ul ul li {
list-style-image: none;
list-style: circle;
margin: 0.4em 0 0 0;
font-weight: normal;
color: #4271CF;
}

#sidebar ul.txt ul li {
color: #666;
list-style: disc;
margin-left: -1.8em;
}

#sidebar ul li a {
position: relative;
left: -0.3em;
font-weight: bold;
}

#sidebar ul li a span.note {
    font-weight: normal;
    margin: 0 0 0 -0.2em;
    display: block;
    }    

#ieroot #sidebar ul li a span.note {
    margin-left: 0;
    }

#sidebar ul ul li a {
left: 0;
font-weight: normal;
}

#sidebar ul ul li span {
position: relative;
left: -0.3em;
}

#sidebar ul ul li a.plain {
font-weight: normal;
}

#sidebar ul ul li.expandlist {
margin: 0.7em 0 0 0.2em;
list-style-image: url(/images/sb-expand.gif);
}

#sidebar ul ul li.collapselist {
margin: 0.7em 0 0 0.2em;
list-style-image: url(/images/sb-collapse.gif);
}

#sidebar ul ul li.expandlist a,
#sidebar ul ul li.collapselist a {
color: #1a1d55; 
cursor: pointer;
top: -0.1em;
left: -0.2em;
}

#sidebar .sbfeature img {
margin: 0.5em 0 -0.5em 0;
}

#sidebar h6 {
font-size: 1.1em;
font-weight: bold;
text-transform: none;
margin: 0.75em 0 -0.3em 1.85em;
padding: 0;
}

#sidebar p {
font-size: 1em;
margin: 0.5em 0 0 2em;
line-height: 140%;
}

#sidebar .learnmore {
display: block;
}

#btn_rss_pgupdate {
width: 3.4em;
height: 1.6em;
margin: 0.3em 0 0 -0.3em;
}


.sbiconfeature {
    text-align: left;
    margin: 0 3em;
    padding: 1.5em 0 1.5em;
    background: url(/images/rule_hdg_b.gif) no-repeat right top;
    }
    
.sbiconfeature:first-child {
    background: none;
    }
    
#sidebar .sbiconfeature ul {
    margin: 0;
    padding: 4em 0 0 0;
    background-position: left top;
    background-repeat: no-repeat;
    }
    
.sbiconfeature.reviews ul {
    background-image: url(/images/icon_star_50x50.jpg);
    }
    
.sbiconfeature.ebooks ul {
    background-image: url(/images/icon_ebook_50x50.jpg);
    }
    
.sbiconfeature.solutions ul {
    background-image: url(/images/icon_lightbulb_50x50.jpg);
    }
    
.sbiconfeature.tools ul {
    background-image: url(/images/icon_tools_50x50.jpg);
    }
    
.sbiconfeature.promos ul {
    background-image: url(/images/icon_special-offer_50x50.jpg);
    }
    
.sbiconfeature.podcasts ul {
    background-image: url(/images/icon_podcast_50x50.jpg);
    }
    
#sidebar .sbiconfeature li {
    list-style: none;
    list-style-image: none;
    font-family: arial,helvetica;
    font-size: 1em;
    line-height: normal;    
    margin: 0.75em 0 0 0.25em;
    padding: 0;
    }
    
#sidebar .sbiconfeature a {
    color: #666;
    font-weight: bold;
    }
    
#sidebar .sbiconfeature a:hover {
    color: #1A1D55;
    }
    
.sbiconfeature .icon {
    width: 5em;
    height: 5em;
    margin-bottom: -0.75em;
    }
    
#sidebar .sbiconfeature p {
    margin: 0.75em 0 0 0;
    padding: 0;
    font-family: arial,helvetica;
    font-size: 1.1em;
    }
    
.sbiconfeature.testimonial p strong {
    display: block;
    }
    
.sbiconfeature.testimonial p span {
    display: block;
    margin-top: 0.5em;
    line-height: normal;
    font-size: 0.95em;
    }
/* end - sidebar styles */


/* start - button styles */
.button {
width: 14.5em;
height: auto;
background: #b4b4b4;
}

.button a {
display: block;
padding: 0.45em 0.75em 0.4em;
font-size: 1.2em;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
position: relative;
top: -0.2em;
left: -0.2em;
cursor: hand;
cursor: pointer;
}

.button a:active{
top: -0.1em;
left: -0.1em;}

.button a:hover {
text-decoration: none;
}

.button.yellow a,
.button.yellow a:visited {
background: #F9CE2A;
color: #1A1D55;
}

.button.yellow a:hover {
background: url(/images/bg_menu_over.gif) repeat-y top right;
}

.button.blue a,
.button.blue a:visited {
background: #4271CF;
border-bottom-color: #4271CF;
color: #fff;
}

.button.blue a:hover {
background: url(/images/bg_btn_bl_over.gif) repeat-y top right;;
color: #1A1D55;
}

.button.dkblue a,
.button.dkblue a:visited {
background: #1A1D55;
border-bottom-color: #4271CF;
color: #fff;
}

.button.dkblue a:hover {
background: url(/images/bg_menu_over.gif) repeat-y top right;;
color: #1A1D55;
text-decoration: none;
}

.button.green a,
.button.green a:visited {
background-image: url(/images/bg_button_grn.jpg);
color: #fff;
}
    
#content .button.green a:hover {
background-image: url(/images/bg_button_ylw.jpg);
color: #000; 
}
/* end - button styles */


/* start - jQuery setup styles */
.js .slideshow {
    display: none;
    }
/* end - jQuery setup styles */


/* star - portal styles */
#pagemask {
display: none;
width: 100%;
height: auto;
min-height: 100%;
background: #878787;
position: absolute;
top: 0;
left: 0;
z-index: 400;
opacity: 0;
}

#ieroot #pagemask {
height: 100%;
filter: alpha(opacity=0);
}

#page {
position: relative;
}

#portalcontainer {
position: absolute;
top: 25%;
left: 50%;
z-index: -1;
overflow: visible;
width: 0;
height: 0;
}

#portalshadow {
overflow: visible;
position: relative;
_margin-left: -0.2em;
}

#portalshadow .shadow {
background-image: url(/images/dropshadow.png);
background-repeat: no-repeat;
_background: none;
}

#portalshadow .shadow.ds_tl {
background-position: top left;
padding: 0 0 0 3.5em;
margin: 0 0 0 -3.5em;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#portalshadow .shadow.ds_tr {
background-position: top right;
padding: 0 3.5em 0 0;
_margin-left: 0;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
}

#portalshadow .shadow.ds_bl {
background-position: bottom left;
padding: 0 0 0 3.5em;
margin: 0 0 0 -3.5em;
_margin-right: 0;
width: 50%;
height: 7em;
position: absolute;
bottom: -7em;
_bottom: -6.6em;
left: 0;
z-index: 0;
}

#portalshadow .shadow.ds_br {
background-position: bottom right;
padding: 0 3.5em 0 0;
_margin-left: 0;
width: 50%;
height: 7em;
position: absolute;
bottom: -7em;
_bottom: -6.6em;
left: 50%;
}

#portal {
_border: 0.3em #eee solid;
background: #c2c2c2;
overflow: hidden;
position: relative;
top: 3.5em;
left: 0;
margin: 0 3.5em 0 0;
z-index: 500;
text-align: left;
_border-right: 0.2em #878787 solid;
_border-bottom: 0.2em #878787 solid;
_margin-right: -0.4em;
_margin-left: -0.4em;
}

#portalshadow .closebox {
position: absolute;
top: 1.7em;
left: -0.8em;
z-index: 500;
font-size: 1.4em;
font-weight: bold;
padding: 0.2em 0.4em 0.2em;
background: #1A1D55;
color: #fff;
text-decoration: none;
}

#ieroot #portalshadow .closebox {
top: 1.55em;
left: -0.85em;
}

#portalshadow .closebox:hover {
color: #1A1D55;
background: #F9CE2A;
}
/* end - portal styles */

/* start - website feedback survey button */
#surveybtn {
    display: block;
    position: absolute;
    z-index: 200;
    top: 16.4em;
    left: -1.7em;
    width: 2.4em;
    height: 15em;
    background: url(/images/surveybtn.gif) no-repeat top right;
    text-decoration: none;
    }
    
#ieroot #surveybtn {
    height: 15.2em;
    }
    
#pgheader #surveybtn:hover {
    background-image: url(/images/surveybtn_over.gif);
    text-decoration: none;
    cursor: pointer;
    }
/* end - website feedback survey button */

 

/* start - hide print elements */
.print_block,
.print_inline,
.pgtitle_print,
.tagline_print,
#pgfooter_print,
#mainhdg_print,
#mainhdg_print .mainhdgtxt,
.printonly,
.preload {
display: none;
}
/* end - hide print elements */

/* start - print only styles */
@media print {

.print_block {
display: block;
}

.print_inline {
display: inline;
}

body.css {
background: #fff;
}

.noprint,
#pgheader,
#globalnav,
#backtonav,
#pgfooter,
#sidebar,
#localnav,
#mainhdg_screen,
#mainhdg_screen .mainhdgtxt,
#line2b.subhdgtxt,
#line3b.subhdgtxt,
.noprint,
.arrow,
.moreinfo,
.morelnk,
.pgtitle,
.tagline,
#pagemask,
#portalcontainer  {
display: none;
}

#page {
width: 56.5em;
padding-left: 3.5em;
overflow: hidden;
background: none;
margin-bottom: 2em;
}

img#sw-logo {
position: relative;
z-index: 35;
top: -0.5em;
left: -2em;
}

#line2a.subhdgtxt,
#line3a.subhdgtxt {
display: block;
}

#header {
position: relative;
top: -5.7em;
left: -3.5em;
height: 21.4em;
width: 56.5em;
overflow: hidden;
border-left: 3.5em solid #fff;
}

#content {
margin-top: -5.65em;
float: none;
}

.pgheadings {
left: 0;
bottom: 0.5em;
}

.pghdgcontent {
margin: 0;
}

#mainhdg_print.mainhdgprint {
display: block;
text-align: left;
margin: 0;
padding: 0 0 0.2em 0;
float: none;
height: 100%;
}

#mainhdg_print.mainhdgprint .mainhdgtxt {
display: block;
font-size: 2.5em;
line-height: 85%;
margin: 0;
padding: 0;
}

.subhdgtxt {
font-size: 1.8em;
line-height: 90%;
margin-left: 0.05em;
text-align: left;
}

img#wavy-lines {
top: 2.8em;
left: -17.9em;
right: 0;
z-index: 0;
}

#content ul.linklist li {
list-style-image: none;
}

#pgfooter_print {
display: block;
width: 56.5em;
margin: -1em auto 0;
padding: 0 2em 2em 1.5em;
text-align: right;
}

a:visited {
color: #4271CF;
}
h4.hdg_a a:visited,
h4.hdg_b a:visited,
h3.hdg_a a:visited,
a.reverse:visited {
color: #1a1d55;
}

}
/* end - print only styles */
