/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html
{
	height:100%;
}

body 
{
    color:#7D8DB2;
    background:#FFFFFF url(/networkservices/images/bg_top.gif) repeat-x top left;
    padding:10px 0 0 0;margin:0;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:2.18em;
	font-weight:normal;
	line-height:normal;
	float:left;
	margin:18px 0 0 15px;
}

h2
{
	font-size:1.6em;
	font-weight:bold;
}
  
h3
{
	font-size:1.4em;
	font-weight:bold;
}

h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0px 0 20px 0;
}

ul, ol
{
	padding:0 0 20px 20px;
}
    li
    {
	    padding:0 0 0.6em 0;
    }

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/
.title
{
    margin-bottom:20px;
}

.intro
{
    color:#002C61;
}

.required
{
    color:#CF3339;
}

.accreditations p
{
    padding:12px 0 5px 0;
}

/**********************************************************************************
=Test Borders
**********************************************************************************/
.test1 { border: solid 1px #0099CC; }
.test2 { border: solid 1px #00CC00; }
.test3 { border: solid 1px #CC0000; }

/**********************************************************************************
=Links
**********************************************************************************/

a 
{
    color:#FFFFFF;
}
    a:hover {text-decoration:none;}
    
    
a.more
{
    text-transform:lowercase;
    color:#002D62;
}
    a.more:hover {text-decoration:none;}
    
a.footer{color:#7D8DB2; text-decoration: none; text-transform:lowercase;}
a.footer:hover{color:#7D8DB2; text-decoration: underline; text-transform:lowercase;}
/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		font-weight: normal;
	}
	
.tbForm td, .tbForm th{padding:3px;}
    .tbForm td input{margin:0 2px 0 0;}

/**********************************************************************************
=Layout
**********************************************************************************/
.bg
{
    background:url(/networkservices/images/bg.gif) repeat-y top left;
    width:947px;
    margin:0 auto;padding:0;
    text-align:left;
    height:auto!important;
    height:616px;
    min-height:616px;
}

    #wrapper_top
    {
        background:url(/networkservices/images/bg_fadetop.gif) no-repeat top left;
        height:auto!important;
        height:616px;
        min-height:616px;
    }

    #wrapper_btm
    {
        background:url(/networkservices/images/bg_fadebtm.gif) no-repeat bottom left;
        padding:0 6px;
        height:auto!important;
        height:616px;
        min-height:616px;
    }

.error
{
    border:1px solid #C5DC0D;
    background:#3D4345 url(/networkservices/images/bg_error.gif) bottom left no-repeat;
    min-height:122px;
    height:auto!important;
    height:122px;
    padding:10px 125px 10px;
    margin:0 0 10px 0;
    color:#FFFFFF;
}

#header
{
    margin:0 30px;
    background:url(/networkservices/images/bg_header.gif) bottom left no-repeat;
    height:113px;
    padding:0 10px;
}

    #logo
    {
        float:left;
        margin:20px 0 20px 0;
    }
    
    #header_right
    {
        text-align:right;
        float:right;
        padding-top:15px;
    }
    
    #search
    {
        margin-top:6px;
        float:right;
    }
        #search label
        {
            float:left;
            font-weight:bold;
            color:#002C61;
            line-height:24px;
            margin:0 10px 0 0;
        }
        #search div
        {
            float:left;
            border:1px solid #C7CDDF;
            background:url(/networkservices/images/bg_search.gif) repeat-x top left;
            height:23px;
        }
        #search input
        {
            border:0;
            background:none;
            float:left;
            margin:3px 3px 0 0;
        }
        #search input:active, #search input:focus{border:0;}

    #nav
    {
        clear:both;
        float:left;
        width:100%;
        background:url(/networkservices/images/bg_nav.gif) top left repeat-x;   
    } 

        #nav h2
        {
            color:#FFFFFF;
            float:left;
            line-height:31px;
            font-weight:normal;
            margin:0 0 0 15px;
            text-transform:lowercase;
        }
        
         #nav ul
         {
            list-style-type:none;
            padding:0;margin:0;
            float:right;
         }
             #nav ul li
             {
                float:left;
                width:115px;
                height:31px;line-height:31px;
                text-align:center;
                padding:0;
                margin:0;
                text-transform:lowercase;
                font-size:1.2em;
                font-weight:bold;
                border-left:2px solid #FFFFFF;
             }
             
                 #nav ul li a
                 {
                    display:block;
                    color:#FFFFFF;
                    text-decoration:none;
                 }
                 
                     #nav ul li a span{text-transform:none;}
                 
#main_nav
{
    list-style-type:none;
    padding:0;
    margin:0 0 0 7px;
    background:url(/networkservices/images/bg_nav.jpg) no-repeat top left;
    height:128px;
}

    #main_nav li
    {
        float:left;
    }
                     
    #main_nav a
    {
        display: block;
        width:214px;
        height:128px;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        font-size:1.4em;
        line-height:214px;
        overflow:hidden;
    }
        #main_nav #data a{background:url(/networkservices/images/b_networkdata.jpg) no-repeat top left;}
        #main_nav #data a:hover{background:url(/networkservices/images/b_networkdata_MO.jpg) no-repeat top left;}
        #main_nav #voice a{background:url(/networkservices/images/b_networkvoice.jpg) no-repeat top left;}
        #main_nav #voice a:hover{background:url(/networkservices/images/b_networkvoice_MO.jpg) no-repeat top left;}
        #main_nav #in_the_cloud a{background:url(/networkservices/images/b_inthecloud.jpg) no-repeat top left;}
        #main_nav #in_the_cloud a:hover{background:url(/networkservices/images/b_inthecloud_MO.jpg) no-repeat top left;}
        #main_nav #resource a{background:url(/networkservices/images/b_resource_centre.jpg) no-repeat top left;}
        #main_nav #resource a:hover{background:url(/networkservices/images/b_resource_centre_MO.jpg) no-repeat top left;}
        #main_nav #mobile a{background:url(/networkservices/images/b_ipservice.jpg) no-repeat top left;}
        #main_nav #mobile a:hover{background:url(/networkservices/images/b_ipservice_MO.jpg) no-repeat top left;}
        
        #main_nav #data.selected a{background:url(/networkservices/images/b_networkdata_MO.jpg) no-repeat top left;}
        #main_nav #voice.selected a{background:url(/networkservices/images/b_networkvoice_MO.jpg) no-repeat top left;}
        #main_nav #in_the_cloud.selected a{background:url(/networkservices/images/b_inthecloud_MO.jpg) no-repeat top left;}
        #main_nav #resource.selected a{background:url(/networkservices/images/b_resource_centre_MO.jpg) no-repeat top left;}
        #main_nav #mobile.selected a{background:url(/networkservices/images/b_ipservice_MO.jpg) no-repeat top left;}
        /*#main_nav li.selected a
        {
            background:none!important;
            line-height:29px;
        }*/
        
#subnav
{
    padding:0 0 0 0;
    width:216px;
    margin:70px 0 0 0;
    float:left;
}
        #subnav ul
        {
            margin:0;
            width:216px;
            list-style-type:none;
            padding:0;
        }
            #subnav ul li
            {
                height:24px;
                line-height:24px;
                font-size:1.2em;
            }
                #subnav ul li a
                {
                    color:#FFFFFF;
                    padding:0 0 0 10px;
                    text-decoration:none;
                    display:block;
                    background:url(/networkservices/images/bg_subnav.jpg) no-repeat top left;
                }
                #subnav ul li a:hover
                {
                    background:url(/networkservices/images/bg_subnav_sel.jpg) no-repeat top left;
                }
                
                #subnav ul li.selected a
                {
                    background:url(/networkservices/images/bg_subnav_sel.jpg) no-repeat top left;
                }
                    
#container
{
    margin:0 30px;
	text-align:left;
	background:url(/networkservices/images/bg_content.gif) repeat-y top left;
}

    #container2
    {
	    background:url(/networkservices/images/bg_glow.jpg) no-repeat top left;
    }

    #container3
    {
	    height:auto!important;
	    height:469px;
	    min-height:469px;
        padding:0 4px 14px 2px;
	    background:url(/networkservices/images/bg_content_btm.gif) no-repeat bottom left;
    }
	      
.content
{
    font-size:1.27em;
    margin:20px 0 30px 20px;
    padding:0 0 30px 0;
    float:left;
    width:620px;
    line-height:1.2em;
    color:#FFFFFF
}

.content_home
{
    font-size:1.27em;
    margin:20px 0 30px 20px;
    padding:0 0 30px 0;
    float:left;
    width:830px;
    line-height:1.2em;
    color:#FFFFFF;
}

#footer
{
    clear:both;
    text-align:center;
    padding:10px 40px 20px;
}

    #footer div
    {
        text-align:left;
        float:left;
        line-height:1.5em;
    }	

    #footer img
    {
        float:right;
    }	
    
#ticker
{
    color:#FFFFFF;
    font-weight:bold;
    font-size:1.1em;
    border-bottom:1px dashed #FFFFFF;
    margin:0 0 0 20px;
    height:25px;
    line-height:25px;
}
    
    #ticker strong.title
    {
        float:left;
        background:url(/networkservices/images/rss.gif) no-repeat left;
        padding:0 0 0 20px;
        height:15px;
        line-height:15px;
        text-transform:uppercase;
    }
    
    #news_ticker
    {
        display:none;  
        position: relative;
        left: 780px;
        height:15px;
        line-height:15px;
        list-style-type:none;
        padding:0;
        margin:0;
        
    }
        #news_ticker li
        {
            float:left;
            padding:0;
            margin:0;
        }
        
        #news_ticker a
        {
            text-decoration:none;
            color:#FFFFFF;
            padding:0 40px 0 0;
            font-weight:normal;
            height:15px;
            line-height:15px;
        }
        
        #news_ticker a strong
        {
            background:none;
            padding-left:0;
            font-weight:bold;
        }
        
    .tickercontainer {
        width:780px;
        float:left;
        height:1em;
        margin:0 0 8px 5px;
        padding:0;
    }
    .tickercontainer .mask {
        position: relative;
        width: 780px;
        overflow: hidden;
    }


.right_box1
	{width:200px;
	 float:right;
	 }
	 
	.right_box1 .top{font-size:1px; height:8px; width:200px; background:url(/networkservices/images/rightbox_bg_top.png) no-repeat; line-height:1px;}
	.right_box1 .mid{border-left:solid 1px white; border-right:solid 1px white; padding:6px 6px 0 10px; line-height:20px;}
	.right_box1 .btm{height:8px; width:200px; background:url(/networkservices/images/rightbox_bg_btm.png) no-repeat;}
	
.right_box2
	{width:200px;
	 float:right;
	 margin-top:20px;}
	 
	.right_box2 .top{font-size:1px; height:8px; width:200px; background:url(/networkservices/images/rightbox_bg_top.png) no-repeat; line-height:1px;}
	.right_box2 .mid{border-left:solid 1px white; border-right:solid 1px white; padding:6px 6px 0 10px; line-height:20px;}
	.right_box2 .btm{height:8px; width:200px; background:url(/networkservices/images/rightbox_bg_btm.png) no-repeat;}	
	
/**********************************************************************************
=Homepage
**********************************************************************************/

.home_promotions
{
	width:395px;
	float:right;
	margin-bottom:10px;}
	
	.home_promotions img{padding-right:5px;}
	
	.home_promotions .top{font-size:1px; height:8px; width:395px; background:url(/networkservices/images/promotions_bg_top.png) no-repeat; line-height:1px;}
	.home_promotions .mid{border-left:solid 1px white; border-right:solid 1px white; padding:6px 6px 0 6px; height:85px;}
	.home_promotions .btm{height:8px; width:395px; background:url(/networkservices/images/promotions_bg_btm.png) no-repeat; line-height:1px;}