/* CSS Document */

body {
background-color:#edeeee;
}
.outerContainer1 {
margin:0px auto;
background:url(/images/bkg-headerCreme.gif) repeat-x bottom #F0ECCF;
}


.outerContainer2 {
margin:0px auto;
background:url(/images/bkg-blue.gif) repeat-x top #00253d;
}

.outerContainer3 {
margin:0px auto;
background:url(/images/bkg-bottom.gif) repeat-x bottom #FFFFFF;
}

.outerContainer4 {
margin:0px auto;
background-color:#edeeee;
height:150px;
}

.outerContainerPadding {
width:1000px;
margin:0px auto;
}

.outerContainer3 .outerContainerPadding {
background:url(/images/outerShadow-sides.png) repeat-y ;
}

.header { 
position:relative;
height:90px;
}
.logo {
position:absolute;
left:0px;
top:20px;
}
.tooltip {
position:absolute;
right:0px;
top:5px;
width:auto;
}
.tooltip  a{
text-decoration:none;
}
.tooltip  ul li{
list-style:none;
float:left;
display:block;
margin:0px 10px;
padding:0px;
}
.tooltip  ul li a{
}





a {
color:#345385;
}

.blueContent {
background: url(/images/bkg-blueRight.jpg)  no-repeat right top;
position:relative;
}

.blueContentLeft {
background: url(/images/bkg-spectrum.gif) no-repeat left top;
padding-top:60px;
padding-bottom:40px;
}
.homeGraphic{
background: url(/images/bkg-spectrum.jpg) no-repeat left top;
text-align:right;
padding-left:50px;
padding-right:65px;
margin-right:0px;
float:left;
width:565px;
display:inline;
text-decoration:none;
cursor:pointer;
padding-top:80px;
bottom-padding:20px;
}

.homeGraphic .introText{
color:#FFFFFF;
font-size:24px;
font-style:italic;
filter: Shadow(Color=#000000,  Direction=135,  Strength=4);
text-shadow: #000000 4px 4px 4px;
height: 100%;
}

.homeGraphic:hover .introText {
filter: Shadow(Color=#000000,  Direction=135,  Strength=2);
text-shadow: #000000 2px 2px 1px;
}

.homeGraphic:hover h1 {
filter: Shadow(Color=#000000,  Direction=135,  Strength=2);
text-shadow: #000000 1px 1px 1px;
}

.homeGraphic h1 {
filter: Shadow(Color=#000000,  Direction=135,  Strength=5);
text-shadow: #000000 4px 4px 4px;
}



.blueContentRight {
padding-top:30px;
padding-bottom:20px;
}
.bodyContent {
padding-top:40px;
background: url(/images/bkg-midShadow.gif) no-repeat center top #FFFFFF;
}
.bodyBottom {
height:25px;
background: url(/images/outerShadow-bottom.png) no-repeat  transparent;
width:1000px;
margin:0px 0;
}
.introText {
color:#A1C8D6;
font:16px/27px Arial;
}
.calltoActionBlue {
margin:15px 25px 0px 25px;
padding:12px 15px 0px 15px;
background: url(/images/bkg-calltoAction.gif) no-repeat left top ;
display:block;
text-decoration:none;


}

.calltoActionBlue:hover {

background: url(/images/bkg-calltoAction-over.gif) no-repeat left top ;


}
.calltoActionBlue h3 {
font:bold 16px Arial;
color:#FCDA88;



}
.calltoActionBlue h4 {
font:bold 14px Arial;
color:#FFFFFF;
letter-spacing:0px;
margin-top:5px;
}
.calltoActionBlue p {
font-size:11px;
color:#adb6c2;
margin:0px;
padding:0px;
}
a.calltoActionBlue:hover h3 {
color:#FFFFFF;

}

a.calltoActionBlue:hover  {
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

}


.left {
margin-left:40px;
}
.breadcrumb  {
position:absolute;
left:40px;
top:31px;
width:600px;
}
.breadcrumb a{
color:#FFFFFF;

float:left;
display:block;
padding:3px 15px 3px 0px;
background: url(/images/slash.gif) no-repeat right center;
}

.breadcrumb span{
color:#FFFFFF;
text-decoration:none;
float:left;
display:block;
padding:3px 12px 3px 0px;
}

.aside {
background: url(/images/bkg-asideMiddle.gif) repeat-y #FFFFFF;
font:11px/14px Arial;
}
.asideTop {
background: url(/images/bkg-asideTop.gif) no-repeat #FFFFFF;
height:10px;
}
.asideContent {
padding:10px 50px 10px 20px;

}

.asideBottom {
background: url(/images/bkg-asideBottom.gif) no-repeat #FFFFFF;
height:15px;
}
h1 {
color:#FFFFFF;
font:48px/58px Arial;
filter: Shadow(Color=#000000,  Direction=135,  Strength=5);
text-shadow: #000000 3px 3px 3px;
height: 100%;
}
h2 {
color:#042943;
font-size:28px;
}
h3 {
color:#345385;
font-size:19px;
line-height:24px;
}
h4 {
color:#345385;
font-size:13px;
text-transform:uppercase;
letter-spacing:2px;
}

h5 {
color:#345385;
font-size:12px;
font-weight:bold;
padding:15px 0px 15px 35px;
position:relative;
margin:0px;
}

h5 img{
position:absolute;
top:0px;
left:-5px;
}

.footer {
padding-top:50px;
padding-bottom:35px;
background: url(/images/outerShadow-bottom.png) no-repeat center top;
}


.footer a{
text-decoration:none;
}
.footer ul li{
list-style:none;
display:inline;
}
.footer ul li a{
float:right;
display:block;
margin:0px 10px;
padding:0px;
text-transform:lowercase;
font-size:11px;
}

.topNav{
position:relative;
top:-90px;
}
sup {
font-size:.4em;
}

img.icon {
display:block;
margin:-7px 5px 0px 0px;
padding:0px;
float:left;
}

h2 img.icon, h2 img.icon {
margin:0px 5px 0px 0px;
}

.aside   h5{
float:left;
padding:0px;
margin:10px 0px 0px 0px;
width:155px;
display:inline;
}
.aside    img{
float:left;
padding:0px;
display:inline;
width:35px;
margin-right:6px;
}
.aside    div.clear{
margin:0px 0px 5px 0px;
padding:0px;
clear:both;

}
.moreInfo {
background:url(/images/bkg-moreDivider.gif) no-repeat right bottom;
height:17px;
margin:-17px 0px 0px 0px;
padding:0px;
}
.moreInfo li{
display:inline;
list-style:none;
}
.moreInfo a {
background:url(/images/bkg-more.gif) repeat-x ;
text-decoration:none;
color:#345385;
float:right;
display:block;
padding:0px 4px 0px 4px;
margin:0px 10px 0px 0px;
font-size:11px;
}
.more-content {
margin:0px;
padding:0px;
font-size:11px;
color:#7777777;
}

.siteMap ul {
margin:0;
padding-left:0px !important;
}

.siteMap ul li {
padding-left:.5em;
margin:0.5em 0;
list-style-type:none !important;
font-size:14px;
font-weight:bold;
background:url(/files/bkg-largeArrow_red.gif) 0px 8px no-repeat;
}

.siteMap ul ul {
padding:0;
}

.siteMap ul ul li {
margin:0.5em 0;
padding-left:.5em;
font-size:14px;
font-weight:bold;
background:url(/files/bkg-largeArrow_red.gif) 0px 8px no-repeat;
}

.siteMap ul ul ul li {
margin:.3em 1.5em;
padding-left:.5em;
font-size:12px;
font-weight:normal;
background:url(/files/bkg-smallArrow_red.gif) 0px 7px no-repeat;
}

.siteMap ul ul ul ul li {
margin:.3em 2.8em;
padding-left:.5em;
font-size:11px;
font-weight:normal;
}

.more-content .hidden{
padding:10px 0px;
display:none;
}

a.moreButton {
background: transparent url(/images/bkg_moreButtonDown.gif) no-repeat scroll bottom right;
height:15px;
padding-right: 15px;
}
a.up {
background: transparent url(/images/bkg_moreButtonUp.gif) no-repeat scroll bottom right;
}



.regions {
background:url(/images/bkg-regions.gif) repeat-x #F0ECCF;
padding:20px;
}

.formElement1 {/* styles for form element in table in body */
background-color:#FFFFFF;
background:url('http://www.intercall.com/images/background/bkg_formField.gif') repeat-x 0px -15px #FFFFFF;
font:12px/14px Arial;
color:#666666;
margin:0px 0px 5px 0px;
padding:2px;
width:90%;
margin-top:3px;
border: solid 1px #A1C8D6;
}
textarea.formElement1 {
height: 100px;
margin:-8px 0px 0px 0px;
width:90%;
}input.submit {
font:12px Arial;
color:#FFFFFF;
padding:4px;
background:url('http://www.intercall.com/images/background/bkg_footer.gif') repeat-x top #345385;
border: solid 1px #A1C8D6;
cursor:pointer;
margin-bottom:15px;
}


#successMessage {
color:#A7432A;
}
label.error { 
float: none; 
position:relative;
top:-5px;
padding-left: 17em;
color:#A7432A;
font-family:Arial,sans-serif;
font-size:9px;
vertical-align: middle;
font-weight:normal;
padding:0px;
margin: 0px;
background-color:transparent;
border-width:0px;
color:#A7432A;
display:block;
height:1px;
}
span.error {
display:none;
}

/* ICONS FOR LISTS =====================================================================
==========================*/
/* USE TO STYLE A WHOLE LIST */
ul.pdfList, ul.downList, ul.videoList, ul.newWindowList , ul.flashList, ul.webList {
padding-left:0px;

}
.pdfList li {
background:url('http://www.intercall.com/images/background/listIcon_pdf.gif') no-repeat -1px 1px;
padding-left:20px !important;
list-style:none;
margin-left:0px;
}
.downList li {
background:url('http://www.intercall.com/images/background/listIcon_download.gif') no-repeat 0px 2px;
padding-left:20px !important;
list-style:none;
}
.videoList li {
background:url('http://www.intercall.com/images/background/listIcon_video.gif') no-repeat 0px 3px;
padding-left:20px !important;
list-style:none;
}
.newWindowList li {
background:url('http://www.intercall.com/images/background/listIcon_newWindow.gif') no-repeat 1px 2px;
padding-left:20px !important;
}
.flashList li {
background:url('http://www.intercall.com/images/background/listIcon_flash.gif') no-repeat 2px 2px;
padding-left:20px !important;
}
.loginList li {
background:url('http://www.intercall.com/images/background/listIcon_login.gif') no-repeat 2px 3px;
padding:0px 0px 0px 20px;
}
.webList li {
background:url('http://www.intercall.com/images/background/listIcon_link.gif') no-repeat 2px 3px;
padding-left:20px !important;
}
/* USE TO STYLE A SINGLE ITEM */
.pdfLink {
background:url('http://www.intercall.com/images/background/listIcon_pdf.gif') no-repeat -1px -1px !important;
padding-left:20px !important;
list-style:none;
}
.videoLink {
background:url('http://www.intercall.com/images/background/listIcon_video.gif') no-repeat 0px 3px !important;
padding-left:20px !important;
list-style:none;
}
.newWindowLink {
background:url('/images/background/listIcon_newWindow.gif') no-repeat 1px 2px !important;
padding-left:20px !important;
list-style:none;
}
.downLink {
background:url('http://www.intercall.com/images/background/listIcon_download.gif') no-repeat 0px 2px !important;
padding-left:20px !important;
list-style:none;
}
.flashLink {
background:url('http://www.intercall.com/images/background/listIcon_flash.gif') no-repeat 2px 2px !important;
padding-left:20px !important;
list-style:none;
}
.loginLink {
background:url('/images/background/listIcon_login.gif') no-repeat 1px 3px !important;
padding-left:20px !important;
list-style:none;
}
.webLink {
background:url('http://www.intercall.com/images/background/listIcon_link.gif') no-repeat 1px 3px !important;
padding-left:20px !important;
list-style:none;
}
 


/* SUPERFISH MENU =====================================================================
======================================================================*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:            0;
    padding:        0;
    list-style:        none;
    
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:        absolute;
    top:            -999em;
    width:            190px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:            auto;
}
.sf-menu li:hover {
    visibility:        inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:            left;
    position:        relative;
}
.sf-menu a {
    display:        block;
    position:        relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:            0;
    top:            2.9em; /* match top ul list item height */
    z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           190px; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:            190px; /* match ul width */
    top:            0;
}


/*** DEMO SKIN ***/
.sf-menu {
    float:            left;
padding:0px;
margin:0px;
position:absolute;
right:0px;
top:40px;
width:250;
z-index:1001;

}
.sf-menu a {
color:#345385;
float:left;
display:block;
font-size:18px;
text-decoration:none;
padding:7px 25px 10px 25px;
background-image:none;
z-index:1001;
}
.sf-menu ul {
background:url(/images/bkg-dropdown.gif) repeat-x #F0ECCF ;
z-index:1001;
}
.sf-menu ul li {
padding:0px;
display:inline;
}


.sf-menu ul li a {
padding:7px 0px 7px 15px;
text-decoration:none;
border-width:0px;
color:#666666;
display:block;
border-top:solid 1px #FOECCF;
width:175px;
font-weight:normal;
font-size:12px;
margin:  0px;
z-index:1001;
}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:#345385;
}
.sf-menu li {
padding:0px;
margin:0px;
display:inline;
background: url(/images/topNav-divider.gif) no-repeat left;
}
.sf-menu li li {
   padding:0px;
    background-image:none;
}
.sf-menu li li li a {
background-color:#cabf97;
background-image:none;
    
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu li a:hover, .sf-menu a:active {
background:url(/images/bkg-dropdown.gif) repeat-x #d4cbab ;
color: #A7432A;
}


.sf-menu li li:hover, 
 .sf-menu li li a:hover  {
    background-image:none;
    background-color:#cabf97;
    outline:        0;
 
}



/*** arrows **/
.sf-menu a.sf-with-ul {
    min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position:        absolute;
    display:block;
    right:            .75em;
    top:           8px;
    width:            7px;
    height:            10px;
 
    overflow:        hidden;
    background:        url(/images/arrows-red.gif) no-repeat -3px 0px ; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
    
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  0px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: 0px 0; /* arrow hovers for modern browsers*/
    
}

/* IE 6 STYLES ==========================================
=====================*/
* html .outerContainerPadding {
background-image: none;
}
* html .footer {
background-image: none;
}

* html .sf-menu li .sf-sub-indicator {
    display:none;
}

* html .sf-menu li li .sf-sub-indicator {
    display:block;
}