/* CSS Document */

#wraper{width:100%;margin:0px;}
#main{width:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
body{margin:0px;margin-left:auto;margin-right:auto;}
#header{width:100%;margin-bottom:0px;}
#top_links{ background-color:#6bb3b3;width:100%;text-align:right;}
#top_links ul{width:90%;padding:0px;margin:0px;list-style-type:none;}
#top_links ul li{display:inline;color:#ffffff;font-size:13px;}
#top_links ul li a{display: inline;color:#ffffff;font-size:13px; vertical-align:middle;text-decoration: none;padding: 3px 1px 0px 9px;}
/*.top_link{color:#ffffff;font-size:13px;padding-top:5px;}
.top_link a{color:#ffffff;text-decoration:none;}
.top_link a:hover{color:#c40101;text-decoration:none;}*/
#logo_section{float:left;width:100%;background-image:url(images/mastheadbg.gif);background-repeat:no-repeat;}
#logo{width:100%;float:left;}



#header_links{width:100%;float:none;clear:both;margin-top:1%;border-bottom:6px solid #cc0200;}

#topnav { text-align: center; font-size: 0.9em; }
        #topnav ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
                text-align: center;
                margin-bottom: 3px;
                letter-spacing: -0.5px;
                }
        html>body #topnav ul {
                margin-bottom: 3px;
                }
                #topnav ul li {
                        display: inline;
                         margin: 0 0 0 0
                        }
                        #topnav ul li a {
                                display: inline;
                                text-decoration: none;
                                letter-spacing: 0px;
                                background: transparent url(images/topnavcurves/left.gif) no-repeat top left;
                                color: #004974;
                                font-size: 1.3em;
                               padding: 3px 1px 0px 9px;
                                }
                        html>body #topnav ul li a { padding: 3px 1px 3px 9px; }
                        #topnav ul li a:visited { color: #004974; }
                        #topnav ul li a:hover {
                                color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                                }
                        #topnav.topnav{
                        color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                        }
                       #topnav.topnav span{
                        color: #fff;
                               background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top;
                        }
                        #topnav ul li a span {
                                background: transparent url(images/topnavcurves/right.gif) no-repeat right top;
                                margin: -3px 0 0 0;
                                padding: 3px 9px 3px 3px;
                                }
                        #topnav ul li a:hover span { background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top; }
                        /* active states */
                        html>body #topnav.topnav, #topnav ul li a.active:active, #topnav.topnav a.visited span{
                                color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                                }
                        html>body #topnav.topnav span {
                        color: #fff;
                        background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top; }

 /* ---------------------------------------------------------- */
/* -- Site Search Box Styles -------------------------------- */

#topnav1 { text-align: center; font-size: 0.9em; }
        #topnav1 ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
                text-align: center;
                margin-bottom: 3px;
		margin-top:3px;
                letter-spacing: -0.5px;
                }
        html>body #topnav1 ul {
                margin-bottom: 3px;
                }
                #topnav1 ul li {
                        display: inline;
                         margin: 0 0 0 0
                        }
                        #topnav1 ul li a {
                                display: inline;
                                text-decoration: none;
                                letter-spacing: 0px;
                                background: transparent url(images/topnavcurves/left.gif) no-repeat top left;
                                color: #004974;
                                font-size: 1.3em;
                               padding: 3px 1px 0px 9px;
                                }
                        html>body #topnav1 ul li a { padding: 3px 1px 3px 9px; }
                        #topnav1 ul li a:visited { color: #004974; }
                        #topnav1 ul li a:hover {
                                color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                                }
                        #topnav1.topnav{
                        color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                        }
                       #topnav1.topnav span{
                        color: #fff;
                               background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top;
                        }
                        #topnav1 ul li a span {
                                background: transparent url(images/topnavcurves/right.gif) no-repeat right top;
                                margin: -3px 0 0 0;
                                padding: 3px 9px 3px 3px;
                                }
                        #topnav1 ul li a:hover span { background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top; }
                        /* active states */
                        html>body #topnav1.topnav, #topnav1 ul li a.active:active, #topnav1.topnav a.visited span{
                                color: #fff;
                                background: transparent url(images/topnavcurves/left_on.gif) no-repeat top left;
                                }
                        html>body #topnav1.topnav span {
                        color: #fff;
                        background: transparent url(images/topnavcurves/right_on.gif) no-repeat right top; }






#center{width:100%;display:block;}
#left_panel{height:auto;float:left;margin-left:0px;margin-right:0px;}

#menu { margin-top:5px;
width: 213px; /* set width of menu */
background-image:url(images/menu_back.jpg);
background-repeat:no-repeat;
padding-left:10px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
/* style, color and size links and headings to suit */
#menu a {
font:  11px/14px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
border-bottom: 1px #ffffff dotted;
}

#menu a {
color: #000;
text-decoration: none;
}
#menu a:hover {
color: #ffffff;
background: #66b5b2;
}
#menu {
width: 230px;
background-image:url(images/menu_back.jpg);
background-repeat:no-repeat;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:213px;
float: left;
background-image:url(images/menu_back.jpg);
background-repeat:no-repeat;
}
#menu ul li a:hover{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;background-image:url(images/menu_over.jpg);}

#menu.menu, #menu ul li a.active:active, #menu.menu a.visited span{
                                color: #fff;
                                background: transparent url(images/menu_over.jpg) no-repeat top left;
                                }
#menu ul li {float: left; width: 100%;}
#menu ul li a {height:2%;} 

#content {
        margin: 0px 0px 5px 0px;
        padding: 10px 220px 0px 220px;
        font-size: 1.2em;
		text-align:justify;		
        }
#content1 {
        margin: 0px 0px 5px 0px;
        padding: 10px 220px 0px 220px;
        font-size: 1.2em;
		text-align:justify;
        }
dshtml>body #content { margin: 0px 220px 7px 220px; padding: 5px 5px 0 0; }

#content1 { margin: 0px 220px 7px 220px; padding: 5px 0 0 0; }

#content h2, #fullwidth h2 {
        color: #004974;
        margin: 0;
        display: block;
        width: 100%;
        padding: 4px 6px 4px 6px;
        background-color: #EFE6D1;
        border-top: 1px #DFC27D solid;
        border-bottom: 1px #aaa dotted;
        margin-top: 15px;
        }
/* reset width for compliant browers */
html>body #content h2 { width: auto; }

#content img {
        float: right;
        margin: 8px;

        }

#content1 img {
        float: right;
        margin: 8px;

        }
        
        
        
        
        
        
#leftnav {
        position: absolute;
        top: 175px;
        left: 0px;
        width: 215px;
        }


#rightcol {
        position: absolute;
        top: 170px;
        right: 5px;
        width: 215px;
        }
        

/*------------------------------------------- */
/*--------------------------------------------*/
/* two columns */
div#content div.twocolumns {
        padding: 0px 5px 5px 5px;
        clear: both;
        margin-bottom: 0px;
        }
        div#content div.twocolumns div.twocolleft {
                width: 47%;
                float: left;
                padding-bottom: 5px;
                }
        div#content div.twocolumns div.twocolright {
                width: 47%;
                float: right;
                padding-bottom: 5px;
                }
div#content a.columnlink { font-size: 1.1em; font-weight: bold; color: #000000;        }

/* content link colors */
div#content a:link { color: #c40101; }
div#content a:visited { color: #c40101; }
div#content a:active { color: #c40101; }
div#content a:hover { color: #004974; }




#right_panel{float:right;width:20%;margin-top:0px;}
#newsletters-cell{background-image:url(images/newsletter-back.jpg);background-repeat:no-repeat; margin-top:5px;width:213px;height:178px;margin-bottom:0px;}
.form_spacer{padding-top:35px;padding-left:20px;font-size:12px;color:#000000;}

#customer-quotes-cell{background-image:url(images/customer_quotes_back.jpg);background-repeat:no-repeat;margin-top:5px;width:213px;height:178px;}
#ringback-cell{background-image:url(images/call_back.jpg);background-repeat:no-repeat;width:213px;height:178px;margin-top:5px;font-size:12px;}
#ringback-cell img{float:left;}
#ringback-cell p.text{clear:all;float:left;padding-left:8px;padding-right:8px;text-align:center;font-size:11px;}
#ringback-cell p span.heading{font-size:18px;font-weight:bold; color:#3399FF;text-decoration:none;position:relative; top:20px;}
#special-offer-cell{background-image:url(images/offers-background.jpg);background-repeat:no-repeat;width:213px;height:178px;padding-top:10px; background-position:center;margin-top:2%;}


#bottom{width:100%;float:none;clear:both;background-color:#cb0101;padding-top:5px;}


#scrollingContainer{
width:95%;        /* 170 pixels in width */
height:110px;        /* Height of box */
overflow:hidden;        /* Hide overflow content */
        }

#scrollingContainer ul {
margin:0px;
padding:20px;
padding-top:20px;
list-style:none;
width:100%;
}
#scrollingContainer ul li{

cursor:default;
margin:0px;
color:#212e43;
font-family:Arial;
font-size:13px;
text-decoration:none;
}
.latestnews ul li a{
margin:0px;
color:#1e51c8;
font-family:Arial;
font-size:13px;
text-decoration:none;
}
.latestnews ul li a:hover{
font-family:Arial;
text-decoration:underline;

}

#scrollingContent td{
        padding:10px;
        padding-top:6px;
line-height:15px;
        }

div.curvedbox {
        width: 184px;
        margin: 40px 8px 8px 8px;
        
        }
        html>body div.curvedbox { margin: 40px 8px 8px 8px; }

        /* adds top-left corner curve */
        div.curvedbox h2 {
                font-size: 1.3em;
                margin: 0px 0px 0px 0px;
                padding: 5px 10px 0px 10px;
                
                color: #c40101;
                }
        /* adds bottom-left corner curve */
        div.curvedbox div.bottomleft {
                width: auto;
                float: left;
                
                }
        /* adds bottom-right corner curve */
        div.curvedbox div.bottomright {
                float: right;
                
                height: 12px;
                width: 12px;
                }
div.colboxcontents {
                
                padding: 8px;
                }
                div.colboxcontents p {
                        margin: 0;
                        }
                        
 .contentheading,.componentheading {
  color: #004974;
        margin: 0;
     display: block;

        padding: 4px 6px 4px 6px;
        background-color: #EFE6D1;
        border-top: 1px #DFC27D solid;
        border-bottom: 1px #aaa dotted;
        margin-top: 10px;
        font:150% Verdana,Arial Helvetica, sans-serif;
        font-weight: bold;
        width:99%
}

                        
a.backtotop {
        float: right;
        width: 8em;
        font-size: 0.9em;
        display: block;
        padding: 5px 5px 5px 25px;
        background: #EFE6D1 url(../images/uparrow.gif) no-repeat top left;
        border-width: 1px;
        border-color: #DFC27D #c29f4d #DFC27D #c29f4d;
        border-style: solid;
        color: #444;
        margin: 0 0 0 0;
        text-align: right;
}
html>body a.backtotop { margin: 0 0 9px 0; background-color: #EFE6D1; }
a.backtotop:hover { border: 1px #c40101 solid; }