/*******************************************************************************

	Title: Jingl
	Author: Usman Ahmed Javed
	Company: Estrats
	Date: August 2012

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles
		1.5 Browser Specific Fixes
		1.6 Image Replacement
		1.7 Fonts

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Footer

	3. MAIN PAGES
		3.1 Home
		3.2 Pricing
		3.3 Handests
		3.4 Plans
	
	4. CONTENT PAGES
		4.1 Wrappers
		4.2 How It Works
		4.3 Features
		4.4 Benefits
		4.5 Support
		4.6 Contact Us
		4.7 Privacy Policy
		4.8 Number Portability
		4.9 Terms and Conditions
		4.10 Local Number Portability Agreement
		4.11 Sign Up
		4.12 Security Policy
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover, a:active, a:focus {
    outline: 0;
}

object, embed, a, a img, a:active, a:visited {
    outline: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide {
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}

.aspNetHidden {
    display: none;
}

/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.PricingSectionWrapper .PricingSection .Content .BottomLists ul:after, .pricing .faq .row:after, #content:after, .steps ul:after, .track-wrapper .track ul:after, .talk-wrapper .talk ul:after, .talk div:after, .talk-wrapper .talk form:after, #footer .nav > div:after, .clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.ie7 .PricingSectionWrapper .PricingSection .Content .BottomLists ul, .ie7 .pricing .faq .row, .ie7 #content, .ie7 .steps ul, .ie7 .track-wrapper .track ul, .ie7 .talk-wrapper .talk ul, .ie7 .talk-wrapper .talk form, .ie7 #footer .nav > div, .ie7 .clearfix {
    zoom: 1;
}

.ie7 .PricingSectionWrapper .PricingSection .Content .BottomLists {
    margin: 20px 0 0 0;
}

    .ie7 .PricingSectionWrapper .PricingSection .Content .BottomLists ul {
        display: inline;
        margin-right: 63px;
    }

/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body {
    position: relative;
    font: 75%/1.25 'MyriadProRegular', Arial, Helvetica, sans-serif;
    color: #333;
    position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 377px, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(377px,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 377px,#f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 377px,#f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 377px,#f2f2f2 100%);
    background: linear-gradient(180deg, #ffffff 377px,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

hr {
    display: none;
}

strong {
    font-weight: normal;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

th, td {
    vertical-align: top;
}

th {
    font-weight: normal;
    text-align: left;
}

address, cite, dfn {
    font-style: normal;
}

abbr, acronym {
    border-bottom: 1px dotted #999;
    cursor: help;
}

input, textarea, select {
    font-size: 12px;
    color: #313131;
}

textarea {
    overflow: auto;
}

a, a:visited, a:active, a:focus {
    text-decoration: none;
    color: #69caf1;
}

    a:hover {
        text-decoration: underline;
    }

/* 1.5 Browser Specific Fixes
------------------------------------------------------------------------------*/
/*Chrome and Safari PlaceHolder Fix*/
::-webkit-input-placeholder {
}

:focus::-webkit-input-placeholder {
    text-indent: -999px;
}

:-moz-placeholder {
}

:focus:-moz-placeholder {
    text-indent: -999px;
}

/* 1.6 Image replacement
------------------------------------------------------------------------------*/
.ir {
    display: block;
    position: relative;
    overflow: hidden;
}

    .ir span {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

.ie7 .ir a span, .ie7 a.ir span {
    cursor: pointer;
}



/* 1.6 Fonts
------------------------------------------------------------------------------*/
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemiBold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemiboldCondensed';
    src: url('../fonts/myriadpro-semiboldcond-webfont.eot');
    src: url('../fonts/myriadpro-semiboldcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semiboldcond-webfont.woff') format('woff'), url('../fonts/myriadpro-semiboldcond-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semiboldcond-webfont.svg#MyriadProSemiboldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSBdSCn';
    src: url('../fonts/myriadpro-semiboldsemicn-webfont.eot');
    src: url('../fonts/myriadpro-semiboldsemicn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semiboldsemicn-webfont.woff') format('woff'), url('../fonts/myriadpro-semiboldsemicn-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semiboldsemicn-webfont.svg#MyriadProSemiboldSemiCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemiCondensed';
    src: url('../fonts/myriadpro-semicn-webfont.eot');
    src: url('../fonts/myriadpro-semicn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semicn-webfont.woff') format('woff'), url('../fonts/myriadpro-semicn-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semicn-webfont.svg#MyriadProSemiCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProLightSemiCondensed';
    src: url('../fonts/myriadpro-lightsemicn-webfont.eot');
    src: url('../fonts/myriadpro-lightsemicn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-lightsemicn-webfont.woff') format('woff'), url('../fonts/myriadpro-lightsemicn-webfont.ttf') format('truetype'), url('../fonts/myriadpro-lightsemicn-webfont.svg#MyriadProLightSemiCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBlack';
    src: url('../fonts/myriadpro-black-webfont.eot');
    src: url('../fonts/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-black-webfont.woff') format('woff'), url('../fonts/myriadpro-black-webfont.ttf') format('truetype'), url('../fonts/myriadpro-black-webfont.svg#MyriadProBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBlackCondensed';
    src: url('../fonts/myriadpro-blackcond-webfont.eot');
    src: url('../fonts/myriadpro-blackcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-blackcond-webfont.woff') format('woff'), url('../fonts/myriadpro-blackcond-webfont.ttf') format('truetype'), url('../fonts/myriadpro-blackcond-webfont.svg#MyriadProBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProBlackSemiCondensed';
    src: url('../fonts/myriadpro-blacksemicn-webfont.eot');
    src: url('../fonts/myriadpro-blacksemicn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-blacksemicn-webfont.woff') format('woff'), url('../fonts/myriadpro-blacksemicn-webfont.ttf') format('truetype'), url('../fonts/myriadpro-blacksemicn-webfont.svg#myriad_pro_black_semicondRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-cond-webfont.woff') format('woff'), url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'), url('../fonts/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProLtSCnIt';
    src: url('../fonts/myriadpro-lightsemicnit-webfont.eot');
    src: url('../fonts/myriadpro-lightsemicnit-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-lightsemicnit-webfont.woff') format('woff'), url('../fonts/myriadpro-lightsemicnit-webfont.ttf') format('truetype'), url('../fonts/myriadpro-lightsemicnit-webfont.svg#MyriadProLtSCnIt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
    position: relative;
    background: #F2F2F2 url(./images/bg_latest.png) repeat-x;
    overflow: auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
    position: relative;
    width: 850px;
    height: 106px;
    margin: 0 auto;
    font-family: 'MyriadProSemiBold',Arial, Helvetica, sans-serif;
}

    /*Used in SimplePage.Master*/
    #header.Newheader {
        height: 77px;
    }

    #header .jingl {
        position: absolute;
        left: 0;
        top: 11px;
        display: block;
        width: 181px;
        height: 75px;
        text-indent: -8000px;
        background: url(./images/logo_jingl.png) no-repeat;
    }

    #header ul {
        position: absolute;
        right: 2px;
        top: 5px;
    }

    #header li {
        float: left;
        background: url(./images/bullet_01.png) no-repeat 0 0;
    }

        #header li:first-child {
            background: none;
        }

        #header li a {
            display: block;
            height: 30px;
            padding: 6px 15px 0 13px;
            font-size: 14px;
            color: white;
        }

    #header .LoginPopup a {
        display: block;
        height: 30px;
        padding: 6px 15px 0 13px;
        font: normal 14px 'MyriadProBold',Arial, Helvetica, sans-serif;
        color: white;
        margin-left: 109px;
    }

    #header li:last-child a {
        padding-right: 0;
    }

    #header p {
        position: absolute;
        right: 0;
        bottom: 19px;
        padding: 0;
        font-size: 20px;
        color: white;
    }

        #header p.New {
            right: 0;
            padding: 0;
        }

        #header p span {
            font: normal 26px 'MyriadProBold',Arial, Helvetica, sans-serif;
        }

        #header p a {
            position: absolute;
            /*		right: 0px;
		top: -6px;
		display: block;
		width: 99px;
		height: 34px;
		padding: 11px 0px 0 25px;
		font-size: 14px;
		font-family: 'MyriadProSemiCondensed';
		color: white;
		background: url(./images/button_call.png) no-repeat 0 0;
*/
        }

    #header div.NumberFloater {
        position: absolute;
        right: 2px;
        bottom: 10px;
        color: white;
        font: normal 12px 'MyriadProSemiCondensed',Arial, Helvetica, sans-serif;
        letter-spacing: 4px;
    }

    #header div.New {
        right: 0px;
    }

    #header div.LoginPopup {
        display: none;
        z-index: 2000;
        position: absolute;
        left: 606px;
        top: 5px;
        height: 251px;
        width: 246px;
        background: url('./images/bg_loginpopup1.png') 0% 0% no-repeat transparent;
    }

        #header div.LoginPopup input[type="text"], input[type="password"] {
            height: 30px;
            position: relative;
            border: 1px solid #D1D1D1;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            margin: 13px 0 0 0;
            width: 218px;
            padding: 0 0 0 5px;
        }

            #header div.LoginPopup input[type="text"].DomainTextField {
                margin: 4px 8px 0 0;
                width: 128px;
            }

        #header div.LoginPopup span {
            color: white;
            font: normal 12px 'MyriadProRegular',Arial, Helvetica, sans-serif;
        }

        #header div.LoginPopup input[type="checkbox"] {
            width: 13px;
            height: 13px;
            padding: 0;
            margin: 0;
            vertical-align: bottom;
            position: relative;
            top: -1px;
            *overflow: hidden;
        }

        #header div.LoginPopup label {
            color: #ffffff;
            font: normal 11px 'MyriadProSemiboldCondensed',Arial, Helvetica, sans-serif;
            display: block;
            padding-left: 15px;
            text-indent: -15px;
        }

            #header div.LoginPopup label span {
                /*text-decoration: underline;*/
            }

    #header div.RememberMe {
        margin: 10px 0px 0px 0px;
    }

    #header div.LoginPopup span.JinglURL {
        /*text-decoration: underline;*/
    }

    #header div.LoginPopup div.LoginInputArea {
        padding: 0 4px 0 10px;
    }

    #header .LoginGreenButton {
        display: inline-block;
        background: url("./images/bg_Login_Button.png") no-repeat transparent;
        border: 0 none;
        color: white;
        font-family: 'MyriadProBold';
        font-size: 16px;
        font-weight: normal;
        height: 32px;
        width: 85px;
        cursor: pointer;
        text-align: center;
        line-height: 30px;
        margin: 23px 0 0 7px;
    }

        #header .LoginGreenButton a {
            display: inline-block;
            height: 30px;
            padding: 6px 15px 0 13px;
            font: normal 14px 'MyriadProBold',Arial, Helvetica, sans-serif;
            color: white;
            margin: 0;
        }

            #header .LoginGreenButton a:hover {
                text-decoration: none;
            }

    #header .LoginPopup a.LoginLink {
        float: right;
        padding-right: 7px;
    }

    #header .LoginForgotPassword {
        display: inline-block;
        width: 145px;
    }

        #header .LoginForgotPassword a {
            display: inline-block;
            height: 30px;
            padding: 6px 15px 0 13px;
            font: normal 12px 'MyriadProRegular',Arial, Helvetica, sans-serif;
            color: white;
            margin: 0;
        }

            #header .LoginForgotPassword a:hover {
                text-decoration: underline;
            }

.LoginPopup .LoginError {
    padding: 10px 0px 0px 13px;
    color: Red;
}
/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
    position: relative;
    width: 850px;
    height: 45px;
    margin: 0 auto 6px auto;
    padding: 1px 0 0 0;
    background: url(./images/bg_nav.png) no-repeat 0 0;
}

    #navigation div ul {
        float: left;
    }

    #navigation div li {
        position: relative;
        float: left;
        background: url(./images/bullet_nav.png) no-repeat 0 0;
    }

        #navigation div li.home {
            background: none;
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
        }

            #navigation div li.active, #navigation div li.home.active, #navigation div li:hover {
                background: url(./images/bg_nav_active.png) repeat-x 0 0;
                text-decoration: none;
            }

        #navigation div li:first-child {
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
        }

            #navigation div li:first-child a {
                width: 76px;
                padding: 0;
                text-align: center;
                -webkit-border-radius: 5px 0 0 5px;
                -moz-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
            }

    #navigation div a {
        display: block;
        height: 44px;
        padding: 0 20px 0 24px;
        font-weight: normal;
        font-size: 16px;
        line-height: 44px;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, .25);
        color: #fff;
    }

        #navigation div a:hover {
            text-decoration: none;
        }

    #navigation div .home a {
        width: 76px;
        padding: 0;
        text-indent: -8000px;
        background: url(./images/icon_home.png) no-repeat 26px 12px;
    }

    #navigation fieldset {
        position: absolute;
        display: none;
        top: 7px;
        right: 16px;
        float: right;
        width: 178px;
        height: 27px;
        background: #fff;
        border: solid 1px #e5e5e5;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

        #navigation fieldset input[type="text"] {
            display: block;
            float: left;
            width: 142px;
            height: 11px;
            padding: 9px 3px 7px 9px;
            font-style: italic;
            font-size: 11px;
            color: #9f9f9f;
            border: 0 none;
        }

        #navigation fieldset input[type="submit"] {
            position: relative;
            top: 8px;
            display: block;
            float: left;
            width: 14px;
            height: 14px;
            padding: 0;
            border: none;
            line-height: 14px;
            text-indent: -8000px;
            cursor: pointer;
            background: url(./images/icon_search.png) no-repeat;
        }

    #navigation div li a.static.selected {
        background: url(./images/bg_nav_active.png) repeat-x 0 0;
        text-decoration: none;
    }

/* 2.4 Content
------------------------------------------------------------------------------*/

.content-wrapper {
    margin: 0 0 15px 0;
    padding: 7px 0 38px 0;
    background: url(./images/bg_content-wrapper.png) no-repeat 50% 100%;
}

.pricing-and-sign-up .content-wrapper {
    margin: 0 0 40px 0;
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

.footer-wrapper {
    clear: both;
    background: url(./images/bg_footer_new.jpg);
}

#footer {
    position: relative;
    width: 850px;
    margin: 0 auto;
    padding: 9px 0 7px 0;
}

    #footer .nav {
        margin: 0 0 14px 0;
    }

        #footer .nav > div {
            padding: 10px 0 8px 0;
        }

    #footer .copyright {
        margin: 0 0 14px 0;
        border-top: solid 1px #000;
        border-bottom: solid 1px #444;
    }

        #footer .copyright > div {
            height: 50px;
            padding: 10px 0 8px 0;
            border-top: solid 1px #444;
            border-bottom: solid 1px black;
        }

        #footer .copyright a {
            color: #C7C7C7;
            text-decoration: underline;
        }

        #footer .copyright .text {
            color: #C7C7C7;
            float: left;
            font: 15px 'MyriadProRegular',Arial,Helvetica,sans-serif;
            margin-bottom: 12px;
        }

        #footer .copyright .logo {
            background: url("./images/logo_jingl_footer.png") no-repeat scroll 0 0 transparent;
            display: block;
            float: right;
            height: 39px;
            width: 118px;
        }

    #footer .nav .navigation {
        float: left;
    }

        #footer .nav .navigation li {
            display: inline-block;
            float: left;
            padding: 0 30px 0 0;
            width: 178px;
        }


            #footer .nav .navigation li a {
                display: block;
                margin-bottom: 10px;
                font: normal 15px 'MyriadProRegular',Arial, Helvetica, sans-serif;
                color: #C7C7C7;
            }

            #footer .nav .navigation li span {
                display: block;
                margin-bottom: 20px;
                font: normal 16px 'MyriadProSemiBold',Arial, Helvetica, sans-serif;
                color: #a3cd3c;
            }

        #footer .nav .navigation .JinglNumber {
            margin-bottom: 10px;
            font: normal 16px 'MyriadProBold',Arial, Helvetica, sans-serif;
            color: #c7c7c7;
        }

        #footer .nav .navigation .JinglBlog {
            clear: both;
        }

    #footer p {
        margin: 0;
    }


    #footer .nav .navigation img {
        float: left;
    }

    #footer .nav .navigation li .socialIcons a {
        float: left;
        margin-right: 10px;
    }

.socialIcons .Facebook a, .socialIcons .Twitter a, .JinglBlog a, .SiteMap {
    display: inline;
    font-size: 13px;
}

#footer .nav .social {
    float: right;
    padding: 0 5px 0 0;
}

    #footer .nav .social li {
        float: left;
        padding: 0 0 0 27px;
    }

        #footer .nav .social li a {
            font: normal 12px 'MyriadProRegular',Arial, Helvetica, sans-serif;
            color: #c7c7c7;
        }

#footer p {
    font: normal 12px/18px 'MyriadProSemiCondensed',Arial, Helvetica, sans-serif;
    color: #cacaca;
}

#footer .nav li.ContactUs {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 0;
    background: url("./images/bg_overlay_footer.png") no-repeat;
    display: block;
    width: 235px;
}

#footer .nav li.About {
    padding-right: 0;
}
/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/
.LoginLink {
}
/*For Javascript*/
.slideshow-wrapper {
    height: 307px;
}

    .slideshow-wrapper .slideshow {
        position: relative;
        width: 850px;
        margin: 0 auto;
        overflow: hidden;
        background: transparent;
        height: 100%;
    }

        .slideshow-wrapper .slideshow .nav {
            position: absolute;
            text-align: left;
            bottom: 10px;
            left: 382px;
            z-index: 2;
        }

            .slideshow-wrapper .slideshow .nav a {
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 0px 3px 0px 0px;
                z-index: 1;
                outline: none;
                background: url(./images/bg_slideshow_nav_a.png) no-repeat;
            }

                .slideshow-wrapper .slideshow .nav a:last-child {
                }

                .slideshow-wrapper .slideshow .nav a.activeSlide {
                    background: url(./images/bg_slideshow_nav_a_hover.png) no-repeat;
                    outline: none;
                }



                .slideshow-wrapper .slideshow .nav a.activeSlide, .slideshow-wrapper .slideshow .nav a:hover {
                    background: url(./images/bg_slideshow_nav_a_hover.png) no-repeat;
                    outline: none;
                }

                .slideshow-wrapper .slideshow .nav a:hover {
                    text-decoration: none;
                }



        .slideshow-wrapper .slideshow .slides {
            position: relative;
            z-index: 1;
            width: 850px;
            height: 307px;
        }



.slide1 {
    background: url('./images/bg_slide_1-low.png') no-repeat 100% 0%;
}

.slide2 {
    background: url('./images/bg_slide_2-low.png') no-repeat 100% 0%;
}

.slide3 {
    background: url('./images/bg_slide_3-low.png') no-repeat 100% 0%;
}

.slide4 {
    background: url('./images/bg_slide_4-low.png') no-repeat 100% 0%;
}

.slide5 {
    background: url('./images/bg_slide_5.png') no-repeat 100% 0%;
}

.slide6 {
    background: url('./images/bg_slide_6-low.png') no-repeat 100% 0%;
}

.slideshow-wrapper .slideshow .slides .slide {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 850px;
    height: 307px;
    margin: 0 0 0 5px;
    font: normal 18px 'MyriadProSBdSCn',Arial, Helvetica, sans-serif;
}

    .slideshow-wrapper .slideshow .slides .slide h2 {
        font-size: 42px;
        color: #FCFCFC;
    }

    .slideshow-wrapper .slideshow .slides .slide h3 {
        font: normal 30px/30px 'MyriadProSemiCondensed', Arial, Helvetica, sans-serif;
        color: #fefefe;
    }

    .slideshow-wrapper .slideshow .slides .slide p {
        margin: 20px 0 0 0;
        font-size: 21px;
        color: #FEFEFE;
    }

    .slideshow-wrapper .slideshow .slides .slide ul li {
        display: inline-block;
        margin: 0 34px 0 0;
        padding: 0 0 0 8px;
        color: #96bc37;
        background: url('./images/bg_ul_li.png') no-repeat center left;
        line-height: 19px;
    }

        .slideshow-wrapper .slideshow .slides .slide ul li span {
            color: #ffffff;
        }

        .slideshow-wrapper .slideshow .slides .slide ul li.BlockElement {
            display: block;
            line-height: 24px;
            font: inherit;
        }

        .slideshow-wrapper .slideshow .slides .slide ul li.slideLastLi {
            margin: 0 0 0 24px;
        }

    .slideshow-wrapper .slideshow .slides .slide a {
        position: absolute;
        bottom: 39px;
        left: 0;
        display: block;
        width: 265px;
        height: 54px;
        margin: 0 0 0 2px;
        padding: 11px 16px 0 0;
        background: url(./images/bg_slideshow_small.png) no-repeat;
        font-family: 'MyriadProSBdSCn';
        font-weight: normal;
        font-size: 26px;
        color: white;
        text-align: center;
    }

        .slideshow-wrapper .slideshow .slides .slide a:hover {
            text-decoration: none;
        }

        .slideshow-wrapper .slideshow .slides .slide a strong {
            display: block;
            padding: 7px 0 0 0;
            font: normal 20px 'MyriadProBlackSemiCondensed', Arial, Helvetica, sans-serif;
            color: white;
            text-shadow: -1px -1px 0 rgba(0, 0, 0, .30);
        }

    .slideshow-wrapper .slideshow .slides .slide .slideText {
        display: block;
        position: relative;
        margin: 14px 0 0 0;
        float: left;
        width: 473px;
        min-width: 370px;
        height: 100%;
    }

        .slideshow-wrapper .slideshow .slides .slide .slideText ul {
            margin: 15px 0 0 0;
        }

    .slideshow-wrapper .slideshow .slides .slide .slideImage {
        display: block;
        float: left;
    }

        .slideshow-wrapper .slideshow .slides .slide .slideImage img {
            width: 376px;
            height: 280px;
        }

    .slideshow-wrapper .slideshow .slides .slide .slideImageFramed {
        display: block;
        float: left;
        background-color: red;
    }

        .slideshow-wrapper .slideshow .slides .slide .slideImageFramed img {
            height: 370px;
            width: 240px;
        }

/*New Pricing Section  6-11-2013*/
.pricing-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 41px;
    background: url("images/bg_content-wrapper-small.png") no-repeat 50% 100%;
}

    .pricing-wrapper .pricing {
        position: relative;
        width: 850px;
        border: 1px solid #dfdfdf;
        border-radius: 6px;
        margin: 0 auto;
        background: url("images/bg_pricing.png") repeat-x #f2f2f2;
    }

        .pricing-wrapper .pricing p {
            padding: 15px 20px 31px 20px;
            font-weight: normal;
            font-size: 21px;
            /*font: normal 19px 'MyriadProRegular';*/
            color: #313131;
            text-align: center;
        }

        .pricing-wrapper .pricing b {
            font-weight: bold;
        }

        .pricing-wrapper .pricing ul {
            float: left;
            display: block;
            font-size: 15px;
            color: #696969;
            width: 38%;
            padding-left: 46px;
            padding-top: 5px;
            padding-right: 43px;
        }

            .pricing-wrapper .pricing ul h2 {
                color: #00a0dc;
                font-size: 18px;
                font-weight: bold;
            }

            .pricing-wrapper .pricing ul span {
            }

    .pricing-wrapper .pricing-body {
        padding: 0 42px 14px 42px;
    }

    .pricing-wrapper .pricing ul + ul {
        border-left: 1px solid #eaeaea;
    }

    .pricing-wrapper .pricing ul li {
        display: block;
        height: 58px;
        padding-top: 20px;
        padding-left: 96px;
    }

        .pricing-wrapper .pricing ul li + li {
            border-top: 1px solid #ebebeb;
        }

    .pricing-wrapper .pricing li.pricing-instant-number {
        background: url('images/bg_pricing_instant_number.png') no-repeat 24px 15px;
    }

    .pricing-wrapper .pricing li.pricing-auto-attendent {
        background: url('images/bg_pricing_auto_attendent.png') no-repeat 28px 15px;
    }

    .pricing-wrapper .pricing li.pricing-moh {
        background: url('images/bg_pricing_moh.png') no-repeat 32px 16px;
    }

    .pricing-wrapper .pricing li.pricing-foip {
        background: url('images/bg_pricing_foip.png') no-repeat 31px 18px;
    }

    .pricing-wrapper .pricing li.pricing-voicemail {
        background: url('images/bg_pricing_voicemail.png') no-repeat 39px 18px;
    }

    .pricing-wrapper .pricing li.pricing-call-forwarding {
        background: url('images/bg_pricing_call_forwarding.png') no-repeat 44px 20px;
    }

    .pricing-wrapper .pricing li.pricing-queue {
        background: url('images/bg_pricing_queue.png') no-repeat 28px 12px;
    }

    .pricing-wrapper .pricing li.pricing-recording {
        background: url('images/bg_pricing_call_recording.png') no-repeat 28px 12px;
    }

/*End New Pricing Section 6-11-2013*/

/*Start New Screenshots Section 7-11-2013*/
.home-screenshot-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 41px;
    background: url("images/bg_content-wrapper-small.png") no-repeat 50% 100%;
}

    .home-screenshot-wrapper .home-screenshot {
        position: relative;
        width: 850px;
        border: 1px solid #dfdfdf;
        border-radius: 6px;
        margin: 0 auto;
        background: url("images/bg_hss.png") repeat-x #f2f2f2;
    }

        .home-screenshot-wrapper .home-screenshot p {
            padding: 25px 20px 21px 20px;
            font-weight: normal;
            font-size: 21px;
            color: #313131;
            text-align: center;
        }

        .home-screenshot-wrapper .home-screenshot .home-screenshot-body {
            padding: 32px 0 0 14px;
        }

        .home-screenshot-wrapper .home-screenshot ul {
            font-size: 16px;
            font-variant: normal;
            font-family: 'MyriadProSemiBold';
            color: #696969;
            display: inline-block;
            vertical-align: top;
        }

            .home-screenshot-wrapper .home-screenshot ul li {
                height: 31px;
                padding-top: 11px;
                padding-left: 72px;
                width: 252px;
                cursor: pointer;
            }

                .home-screenshot-wrapper .home-screenshot ul li + li {
                    border-top: 1px solid #dedede;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-selected {
                    color: #00a0dc;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-dashboard {
                    background: url(images/bg_hss_dashboard.png) no-repeat 15px 5px;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-calls {
                    background: url(images/bg_hss_calls.png) no-repeat 21px 8px;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-managecampaigns {
                    background: url(images/bg_hss_manage_campaigns.png) no-repeat 18px 10px;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-mcr {
                    background: url(images/bg_hss_mcr.png) no-repeat 22px 7px;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-as {
                    background: url(images/bg_hss_as.png) no-repeat 21px 7px;
                }

                .home-screenshot-wrapper .home-screenshot ul li.hss-manageprofile {
                    background: url(images/bg_hss_manageprofile.png) no-repeat 20px 13px;
                }

        .home-screenshot-wrapper .home-screenshot img {
            vertical-align: bottom;
            margin-left: 35px;
            box-shadow: 0px -2px 12px 0px #cacaca;
        }
/*End New Screenshots Section 7-11-2013*/

.track-wrapper, .testimonials-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    /*height: 390px;*/
    /* background: url(./images/bg_track.png) no-repeat 50% 0;*/
}

    .track-wrapper .track {
        position: relative;
        width: 850px;
        /*height: 383px;*/
        margin: 0 auto;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: url("images/bg_hss.png") repeat-x #f2f2f2;
        border: 1px solid #dfdfdf;
    }

        .track-wrapper .track p {
            padding: 15px 20px 31px 20px;
            font: normal 18px 'MyriadProSBdScn';
            color: #313131;
            text-align: center;
        }

            .track-wrapper .track p span {
                font-weight: normal;
            }

        .track-wrapper .track ul {
            margin: 0 0 13px 0;
        }

            .track-wrapper .track ul li {
                float: left;
                width: 283px;
            }

                .track-wrapper .track ul li.FirstRow {
                    background: url(./images/bg_track_li.png) no-repeat 50% 100%;
                }

                .track-wrapper .track ul li.LastRow {
                    background: url(./images/bg_track_bottom_ui.png) no-repeat 50% 100%;
                    height: 129px;
                }

                .track-wrapper .track ul li span {
                    display: block;
                    padding: 0 0 23px 105px;
                    font: normal 14px 'MyriadProSemiCondensed';
                    color: #696969;
                }

                .track-wrapper .track ul li a {
                    color: #198FBC;
                }

                .track-wrapper .track ul li.cloud span {
                    padding: 0 0px 33px 105px;
                    background: url(./images/bg_home_cloud_icon.png) no-repeat 21px 0;
                }

                .track-wrapper .track ul li.feature span {
                    padding: 0 0px 33px 98px;
                    background: url(./images/bg_home_feature_icon.png) no-repeat 40px 0;
                }

                .track-wrapper .track ul li.manage span {
                    padding: 0 0 20px 99px;
                    background: url(./images/bg_home_manage_icon.png) no-repeat 26px 0;
                }

                .track-wrapper .track ul li.easy span {
                    padding: 0 0 20px 107px;
                    background: url(./images/bg_home_easy_icon.png) no-repeat 35px 0px;
                }

                .track-wrapper .track ul li.reliability span {
                    padding: 0px 10px 49px 80px;
                    background: url(./images/bg_home_reliability_icon.png) no-repeat 23px 0px;
                }

                .track-wrapper .track ul li.local span {
                    padding: 0 10px 35px 80px;
                    background: url(./images/bg_home_local_icon.png) no-repeat 25px 0;
                }

                .track-wrapper .track ul li span strong {
                    display: block;
                    padding: 0 0 8px 0;
                    font: normal 18px 'MyriadProSBdScn';
                    color: #00A0DC;
                }

    .testimonials-wrapper .testimonials {
        position: relative;
        width: 850px;
        /*height: 383px;*/
        margin: 0 auto;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: url("images/bg_hss.png") repeat-x #f2f2f2;
        border: 1px solid #dfdfdf;
        text-align: center;
    }

        .testimonials-wrapper .testimonials label {
            display: block;
            font-size: 21px;
            font-weight: bold;
            padding: 25px 0 0
        }

        .testimonials-wrapper .testimonials .btn-green {
            padding: 6px 20px;
            margin-bottom: 20px;
        }

            .testimonials-wrapper .testimonials .btn-green:hover {
                text-decoration: none;
            }
/* 3.2 Pricing
------------------------------------------------------------------------------*/
.pricingContent {
    padding-bottom: 40px;
}

    .pricingContent ul {
        margin: 7px 0 0 26px;
        display: block;
    }

.BottomHeadingStyle {
    text-align: left;
    float: left;
    width: 262px;
    padding: 12px 0 0 18px;
    letter-spacing: 0.25mm;
}

.content-right {
    float: right;
    font-family: 'MyriadProBold';
    font-size: 12px;
    color: #313131;
    margin: auto;
    height: 555px;
    width: 196px;
    position: relative;
}

.PlanOptions {
    padding: 0px 25px 0px 25px;
}

.PlanHeading {
    margin: 9px 0 0 0;
}

.PlanLists ul {
    margin: 16px 0px 17px 24px;
    display: block;
    width: 256px;
}

    .PlanLists ul li.LastLiLineHeight {
        line-height: 20px;
        background-position: 0% 20%;
    }

.inner-right-content {
    padding: 11px 0 0 9px;
}

    .inner-right-content p {
        font-size: 12px;
        font-family: 'MyriadProSemiCondensed';
        color: #313131;
        margin: 2px 0 0 0;
    }

        .inner-right-content p.GreaterMargin {
            margin: 8px 0 0 0;
        }

.right-input-section {
    margin: 7px 0 0 8px;
}

    .right-input-section span {
        display: block;
        font-size: 12px;
        font-family: 'MyriadProSemiCondensed';
        margin: 8px 0 0 0;
    }

    .right-input-section div.TimeButton {
        display: block;
        font-family: 'MyriadProBold';
        background: url(./images/bg_button_silver.png) no-repeat 0% 0%;
        width: 178px;
        height: 28px;
        padding: 6px 0px 0px 2px;
        margin: -1px 0 0 -3px;
        cursor: pointer;
    }

div.TimeButton div {
    display: inline-block;
    width: 50px;
}

    div.TimeButton div.div1 {
        margin: 0 0 0 6px;
    }

    div.TimeButton div.div2 {
        margin: 0px 0 0 3px;
    }

    div.TimeButton div.div3 {
        margin: 0 0 0 13px;
    }

.right-input-section span.GeneralEnquiryStatus {
    font-size: 14px;
    color: #00A0DC;
}

.right-input-section a {
    font-family: 'MyriadProSemiCondensed';
    font-size: 12px;
    color: #313131;
}

    .right-input-section a:hover {
        text-decoration: none;
    }

.right-input-section .TimeButton .Checked {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.SilverButtonSingle {
    font-family: 'MyriadProBold';
    background: url(./images/bg_button_silver_single.png) no-repeat 0% 0%;
    width: 178px;
    height: 28px;
    padding: 6px 0px 0px 2px;
    margin: -1px 0 0 -3px;
    text-align: center;
    cursor: pointer;
}

.PlanButtons {
    padding: 0 0px 0 116px;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}
/* Pricing Page*/
.content-wrapper-left {
    font-family: 'MyriadProSemiBold';
    margin: 0 auto 30px;
    padding: 1px 0 0;
    position: relative;
    width: 850px;
    height: auto;
}

.content-left {
    background: url("./images/bg_inner_left_container.png") no-repeat;
    margin: 0;
    height: 560px;
    width: 652px;
    float: left;
}

.inner-left-content {
    height: 555px;
}

.pricingTitle {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    position: relative;
    color: #313131;
    font-size: 25px;
    font-weight: lighter;
    padding: 16px 0 10px 22px;
}

.PricingShortCut {
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    font-size: 15px;
    background: url(./images/bg_shortcut.png) no-repeat 0 0px;
    width: 169px;
    height: 20px;
    border-radius: 0 5px 0 0;
    text-align: center;
    padding: 5px 0 0 69px;
    border-bottom: 1px solid #A8B981;
    color: white;
    cursor: pointer;
}

    .PricingShortCut span {
        left: 0;
        top: 1px;
        z-index: 10;
        position: absolute;
        display: block;
        background: url(./images/bg_shortcut_leftcurve.png) no-repeat 0 0px;
        height: 37px;
        width: 69px;
    }

    .PricingShortCut:hover, .PricingShortCut:visited {
        text-decoration: none;
        color: white;
    }

.content-right-first {
    position: relative;
    background: url(./images/bg_right_first.png) repeat-x #F2F2F2;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin: 2px;
    height: 129px;
}

.content-right-second {
    position: relative;
    background: url(./images/bg_right_second.png) repeat-x #F2F2F2;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin: 4px 2px 2px 2px;
}

    .content-right-second input[type='text'], textarea {
        font-family: 'MyriadProSemiCondensed';
        position: relative;
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin: 4px 0 0 0;
        width: 168px;
        padding: 0 0 0 5px;
    }

    .content-right-second textarea {
        margin-bottom: 5px;
    }

    .content-right-second input[type='text'] {
        height: 25px;
    }

    .content-right-second textarea {
        height: 100px;
    }

/*3.3 Handsets
------------------------------------------------------------------------------*/
.PricingContentWrapperLeft {
    font-family: 'MyriadProBold';
    margin: 0 auto 1px;
    padding: 1px 0 0;
    position: relative;
    width: 850px;
    height: auto;
}

.PricingContentLeft {
    background: url("./images/bg_content-wrapper-small.png") no-repeat 50% 100%;
    margin: 2px 0 16px 0;
    height: auto;
    width: 652px;
    padding-bottom: 44px;
    float: left;
}

.PricingInnerLeftContent {
    background: url(./images/bg_left_container.png) repeat-x #f2f2f2;
    height: auto;
    padding-bottom: 38px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    -webkit-box-shadow: 0 0 3px #C3C3C3;
    -moz-box-shadow: 0 0 3px #C3C3C3;
    box-shadow: 0 0 3px #C3C3C3;
}



.PricingTableContainer table {
    width: 648px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 3px;
    margin-right: 3px;
}


    .PricingTableContainer table tr td {
        border-top: 1px solid #EBEBEB;
        background: url("./images/bg_td_splitter.png") no-repeat 0% 141%;
        font: normal 12px 'MyriadProSBdSCn', Arial, Helvetica, sans-serif;
        color: #5E5E5E;
        text-align: center;
        vertical-align: middle;
        height: 70px;
    }

        .PricingTableContainer table tr td b {
            font-weight: normal;
            font-family: 'MyriadProSemiCondensed';
        }

    .PricingTableContainer table .FirstRow td {
        border: none;
        height: 100px;
        background: url(./images/bg_td_splitter.png) no-repeat;
    }

    .PricingTableContainer table td span.SubTitle {
        font: normal 12px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    }


.PricingTableContainer .FirstTD {
    min-width: 85px;
}

.PricingTableContainer .TitleRow {
    border: none;
}

    .PricingTableContainer .TitleRow td {
        background: url(./images/bg_td_splitter_titlerow.png) no-repeat;
        height: 34px;
        background-color: #00a0dc;
        font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
        height: 34px;
    }

.PricingTableContainer .PriceTD {
    font: normal 19px 'MyriadProBold', Arial, Helvetica, sans-serif;
    color: #00a0dc;
}

    .PricingTableContainer .PriceTD span {
        font: normal 12px 'MyriadProSemiCondensed', Arial, Helvetica, sans-serif;
        display: block;
    }


.PricingTableContainer td.First {
    font-family: 'MyriadProSBdSCn';
    font-weight: normal;
    background: none;
    font-size: 14px;
}

.PricingTableContainer td.Last {
    background: none;
}

.AllPlansTableContainer {
    padding-top: 20px;
}

    .AllPlansTableContainer table {
        width: 648px;
        border-collapse: collapse;
        border-spacing: 0;
        margin-left: 3px;
        margin-right: 3px;
    }

        .AllPlansTableContainer table td {
            border-top: 1px solid #EBEBEB;
            background: url('./images/bg_td_splitter.png') no-repeat 0% 110%;
            font: normal 12px 'MyriadProSBdSCn', Arial, Helvetica, sans-serif;
            color: #5E5E5E;
            vertical-align: middle;
            height: 42px;
            padding-left: 20px;
        }

        .AllPlansTableContainer table .SecondColumn {
            font: normal 12px 'MyriadProSemiCondensed';
        }

            .AllPlansTableContainer table .SecondColumn Span {
                font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
            }

    .AllPlansTableContainer .TitleRow td {
        background: url('./images/bg_td_splitter_titlerow.png') no-repeat;
        background-color: #00A0DC;
        font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: white;
        vertical-align: middle;
        height: 34px;
    }

    .AllPlansTableContainer .TitleRow div {
        text-align: left;
        padding-left: 0;
    }

    .AllPlansTableContainer td.First {
        font-family: 'MyriadProSemiCondensed';
        font-weight: normal;
        background: none;
        font-size: 12px;
    }

    .AllPlansTableContainer td.Last {
        background: none;
    }

    .AllPlansTableContainer td.PricingTextContainer {
        padding-top: 20px;
    }

        .AllPlansTableContainer td.PricingTextContainer span {
            display: inline-block;
            font: normal 20px 'MyriadProSbdScn';
            color: #00A0DC;
        }

    .AllPlansTableContainer .PricingTextContainer a.btnGreen {
        margin: 5px 0 0 10px;
        display: inline-block;
        text-decoration: none;
    }

        .AllPlansTableContainer .PricingTextContainer a.btnGreen:hover, .PricingTextContainer a.btnGreen:visited, .PricingTextContainer a.btnGreen:focus {
            text-decoration: none;
            color: #fff;
        }

.TestDescription {
    padding-top: 20px;
}

    .TestDescription div {
        max-width: 648px;
        margin-left: 3px;
        margin-right: 3px;
        font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: white;
        background-color: #00A0DC;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.CustomSlider {
    height: 42px;
}

.CustomSliderContainer {
    float: left;
    display: inline-block;
    width: 305px;
    margin-top: 20px;
    border: #ECECEC 1px solid;
    border-radius: 4px 4px 4px 4px;
}

    .CustomSliderContainer div {
        border: #d6d6d6 1px solid;
        border-radius: 4px 4px 4px 4px;
    }

.OrderInformationForm {
    padding-top: 30px;
}

    .OrderInformationForm .OrderInformationContent {
        margin-left: 25px;
    }

    .OrderInformationForm div span {
        display: block;
        font: normal 14px 'MyriadProRegular', Arial, Helvetica, sans-serif;
        color: #5E5E5E;
    }

    .OrderInformationForm input[type="text"] {
        height: 25px;
        font-family: 'MyriadProSemiCondensed';
        font-size: 12px;
    }

    .OrderInformationForm textarea {
        height: 85px;
        font-family: 'MyriadProSemiCondensed';
        font-size: 12px;
    }

    .OrderInformationForm .HandsetenquiryStatus {
        font-size: 14px;
        color: #00A0DC;
    }

.SliderValueField {
    margin-left: 30px;
    min-width: 75px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border: #D4D4D4 1px solid;
    border-radius: 4px 4px 4px 4px;
    font: normal 25px 'MyriadProSemiboldCondensed', Arial, Helvetica, sans-serif;
}

.TextSliderValueField {
    min-width: 176px;
}

.ButtonPanel {
    margin-left: -35px;
}

    .ButtonPanel ul {
        padding-top: 30px;
    }

        .ButtonPanel ul li {
            display: inline-block;
            width: 195px;
        }

            .ButtonPanel ul li span {
                font: normal 13px 'MyriadProRegular', Arial, Helvetica, sans-serif;
            }

            .ButtonPanel ul li a:hover {
                text-decoration: none;
            }

            .ButtonPanel ul li a {
                display: inline-block;
                width: 60px;
                height: 30px;
                background: url(./images/bg_button_yesno.png) no-repeat;
                font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
                color: white;
                text-align: center;
                padding-top: 10px;
                outline: none;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

                .ButtonPanel ul li a.Checked {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

        .ButtonPanel ul li {
            text-align: center;
        }

.InputArea {
    padding-top: 50px;
}

    .InputArea table td {
        padding-top: 10px;
    }

    .InputArea input[type="text"] {
        width: 250px;
        border: #cbcbcb 1px solid;
        border-radius: 3px 3px 3px 3px;
        margin-right: 10px;
        color: #969696;
    }

    .InputArea textarea {
        height: 85px;
        width: 300px;
    }

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

    .InputArea a {
        display: inline-block;
        width: 108px;
        height: 30px;
        background: url(./images/bg_button_contactus.png) no-repeat;
        font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: white;
        text-align: center;
        padding-top: 10px;
    }

.InputAreaLastRow div {
    display: inline-block;
}

.InputAreaLastRow table td {
    vertical-align: bottom;
    padding-right: 10px;
}

    .InputAreaLastRow table td textarea {
        margin: auto 0;
        padding: 0;
    }

.BottomTextArea {
    background: url(./images/bg_splitter_horizontal.png) no-repeat;
    margin-top: 46px;
    padding-top: 35px;
    font: normal 12px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    color: #5E5E5E;
}

.BottomLeftArea {
    font: normal 12px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    background: url(./images/bg_splitter_bottom.png) no-repeat 100% 0%;
    margin-left: 25px;
    display: inline-block;
    float: left;
    width: 69%;
    height: 171px;
}

.BottomTitleText {
    padding-bottom: 10px;
    display: block;
    font: normal 19px 'MyriadProBold', Arial, Helvetica, sans-serif;
    color: #00A0DC;
}

.BottomRightArea {
    margin: 0px 6px 0px 0px;
    text-align: center;
    float: right;
}

.BottomRightTitleText {
    text-align: center;
}

.BottomRightMiddleText {
    font: normal 30px 'MyriadProSemiboldCondensed', Arial, Helvetica, sans-serif;
}

.BottomRightSubscript {
    display: block;
    text-align: right;
    padding-right: 11px;
    padding-top: 0px;
    letter-spacing: 4px;
}

.sticky .scrollFixIt {
    display: none;
}
/* 3.4 Plans
------------------------------------------------------------------------------*/

.PAYG-inner-left-content .pricingTitle {
    background: #f0f0f0;
}

.PAYG-content-left {
    background: url("./images/bg_content-wrapper-small.png") no-repeat 50% 100%;
    float: left;
    margin: 2px 0px 0px 0;
    height: auto;
    padding-bottom: 41px;
}

.PAYG-inner-left-content {
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    -webkit-box-shadow: 0 0 3px #C3C3C3;
    -moz-box-shadow: 0 0 3px #C3C3C3;
    box-shadow: 0 0 3px #C3C3C3;
}

.planHeading {
    display: block;
    font: bold 17px 'MyriadProSemiBold',Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #fff;
    text-shadow: 1px 1px gray;
    padding-top: 17px;
}




.planDivs-container {
    padding: 12px 29px 0 38px;
}

.planDivs {
    position: relative;
    float: left;
    border: 1px solid #cfcfcf;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 5px;
    height: 690px;
    width: 245px;
    margin-top: 19px;
    /*margin: 8px 2px;*/
    /*box-shadow: 1px 1px 1px 1px rgba(153, 152, 152, 0.7);*/
}

    .planDivs + .planDivs {
        margin-left: 5px;
    }

    .planDivs div.topSection {
        position: relative;
        text-align: center;
        margin-top: 0px;
        border-radius: 4px;
        height: 191px;
        background: #96bc37;
    }

        .planDivs div.topSection p {
            display: inline-block;
            font: normal 66px 'MyriadPro',Arial, Helvetica, sans-serif;
            line-height: 66px;
            color: #fff;
            margin: 0;
            padding: 0;
            text-shadow: 1px 1px gray;
            letter-spacing: -7px;
            margin-top: 20px;
        }

            .planDivs div.topSection p span {
                float: left;
                text-align: center;
            }

                .planDivs div.topSection p span + span {
                    padding-left: 4px;
                }

            .planDivs div.topSection p sup {
                display: block;
                font-size: 33px;
                line-height: 32px;
                padding-top: 9px;
                letter-spacing: 0;
            }

            .planDivs div.topSection p sub {
                display: block;
                font-size: 20px;
                line-height: 14px;
                letter-spacing: 0;
            }

        .planDivs div.topSection div {
            position: absolute;
            bottom: 0;
            display: block;
            background: #80a02f;
            clear: both;
            font: bold 18px 'MyriadPro',Arial, Helvetica, sans-serif;
            line-height: 20px;
            color: #fff;
            text-shadow: 1px 1px gray;
            text-align: center;
            padding: 2px 0;
            vertical-align: top;
            border-top: 1px solid #9fc244;
        }

            .planDivs div.topSection div span.calls {
            }

            .planDivs div.topSection div span.calls-amount {
                font-size: 19px;
                line-height: 21px;
            }

    .planDivs div.bottomSection {
        text-align: center;
    }

        .planDivs div.bottomSection span {
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            color: #00a0dc;
            padding: 8px 0;
            border-bottom: 1px solid #d5d5d5;
        }

.recommendedPlan {
    height: 740px;
    margin-top: 0;
    background: #edfaff;
}

    .recommendedPlan div.topSection {
        background: url(images/bg_recommended.png) no-repeat;
        background-color: #00a0dc;
        background-position: center 0;
        height: 210px;
    }

    .recommendedPlan .special-title {
        padding-top: 17px;
        display: block;
        font: bold 13px 'MyriadProSemiBold',Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        color: #fff;
        text-shadow: 1px 1px gray;
    }


    .recommendedPlan .PlanSignUp {
        bottom: 51px;
        background: url(images/bg_btn_blue.png) repeat-x;
    }

    .recommendedPlan div.topSection p {
        margin-top: 7px;
    }

    .recommendedPlan div.topSection div {
        border-top: 1px solid #00a8df;
        background: #008cc1;
    }

.blueContainer {
    background: none repeat scroll 0 0 #00A0DC;
    box-shadow: 0 1px 0 rgba(153, 152, 152, 0.7);
    margin-top: 10px;
    position: relative;
    width: 100%;
    z-index: 15;
}

.SpecialblueContainer {
    background: none repeat scroll 0 0 #00A0DC;
    box-shadow: 0 1px 0 rgba(153, 152, 152, 0.7);
    margin-top: 0px;
    position: relative;
    width: 100%;
    z-index: 15;
    height: 88px;
}

p.Price {
    color: white;
    font: bold 40px 'MyriadPro',Arial, Helvetica, sans-serif;
}

.SpecialblueContainer p.SpecialPrice {
    color: white;
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 11px;
}

.SpecialblueContainer p.SpecialPlanTime {
    color: white;
    font: 14pt 'MyriadProSemiCondensed',Arial,Helvetica,sans-serif;
    position: absolute;
    bottom: 3px;
    left: 48px;
}

p.PlanTime {
    color: white;
    font: 19px 'MyriadProSemiCondensed',Arial,Helvetica,sans-serif;
    padding: 4px 0;
}

.GreenContainer {
    background: none repeat scroll 0 0 #96BC37;
    margin-left: 7px;
    color: white;
    width: 90%;
    border-radius: 0px 0px 4px 4px;
}

    .GreenContainer p.first {
        font: bold 11px 'MyriadPro',Arial,Helvetica,sans-serif;
        padding-top: 5px;
    }

    .GreenContainer p.Second {
        font: bold 21px 'MyriadPro',Arial,Helvetica,sans-serif;
        padding-bottom: 3px;
    }

.PlanTitle {
    color: #00A0DC;
    font: bold 17px 'MyriadPro',Arial,Helvetica,sans-serif;
    margin-bottom: 8px;
    margin-top: 10px;
    text-align: center;
}

.PlanTitleMarginAdjust {
    margin-top: 21px;
}

.PlanBullets {
    text-align: left;
    padding: 10px 0 10px 24px;
}

    .PlanBullets ul li {
        color: #00A0DC;
        list-style-type: none;
        margin: 0;
    }

        .PlanBullets ul li span {
            color: #626262;
            line-height: 28px;
            padding: 0;
            font-size: 15px;
        }

        .PlanBullets ul li b {
            font-weight: bold;
            line-height: 22px;
            padding: 0;
        }

/*.PlanSignUp {
    position: absolute;
    bottom: 20px;
    left: 13%;
    background: -moz-linear-gradient(center top, #99BE41 50%, #A1CA3B 100%) repeat scroll 0 0 #A1CA3B;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(50%,#99BE41), color-stop(100%,#A1CA3B));
    background: -webkit-linear-gradient(center top, #99BE41 50%,#A1CA3B 100%);
    background: -o-linear-gradient(center top, #99BE41 50%,#A1CA3B 100%);
    background: -ms-linear-gradient(center top, #99BE41 50%,#A1CA3B 100%);
    background: linear-gradient(180deg, #99BE41 50%,#A1CA3B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99BE41', endColorstr='#A1CA3B',GradientType=0 );
    border: 1px solid #A1CA3B;
    border-radius: 5px 5px 5px 5px;
    color: White;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    box-shadow: 1px 1px 1px 1px rgba(153, 152, 152, 0.7);
    width: 145px;
}*/
.PlanSignUp {
    position: absolute;
    bottom: 20px;
    left: 13%;
    background: url(images/bg_btn_green.png) repeat-x;
    border-radius: 3px;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    width: 145px;
    padding: 7px 0;
    text-shadow: 1px 1px gray;
    box-shadow: 0px 2px 3px 1px #9ea7aa;
    outline: none;
}




.talk-wrapper .talk fieldset {
    margin-left: 20px;
    margin-right: 10px;
    padding: 0 0 12px 0;
    height: auto;
}

.talk-wrapper .middle-section {
    margin-left: 20px;
    margin-right: 10px;
    padding: 25px 10px 12px 10px;
    height: auto;
}

.talk-wrapper {
}

    .talk-wrapper .talk {
    }

        .talk-wrapper .talk h2 {
        }

    .talk-wrapper .middle-section legend {
        color: #00a0dc;
        font-weight: bold;
        font-size: 19px;
    }

    .talk-wrapper .middle-section a.ViewRates {
        clear: both;
        display: inline-block;
        margin: 25px 0 0 16px;
    }

    .talk-wrapper .middle-section p {
        display: block;
        font-size: 13px;
        padding-top: 20px;
        font-family: 'MyriadProRegular';
        color: #5e5e5e;
    }

    .talk-wrapper .note {
        width: 600px;
        margin-right: 15px;
        background: url(./images/bg_splitter_bottom.png) no-repeat 100% 0%;
    }

        .talk-wrapper .note fieldset {
            margin: 0;
        }

    .talk-wrapper .help-number {
        position: relative;
        margin-top: 10px;
    }

        .talk-wrapper .help-number h2 {
            background: url(images/bg_vertical_phone.png) no-repeat;
            color: #00a0dc;
            font-size: 17px;
            height: 42px;
            width: 146px;
            padding-left: 17px;
            display: block;
        }

        .talk-wrapper .help-number h3 {
            font-weight: bold;
            font-size: 30px;
            color: #5e5e5e;
        }

        .talk-wrapper .help-number sub {
            position: absolute;
            bottom: -7px;
            right: -1px;
            letter-spacing: 6px;
            color: #5e5e5e;
            font-size: 12px;
        }

    .talk-wrapper .middle-section ul.prices {
        position: relative;
        display: block;
        padding: 30px 34px 5px 10px;
    }

        .talk-wrapper .middle-section ul.prices li {
            float: left;
        }

            .talk-wrapper .middle-section ul.prices li strong {
                display: block;
                color: #5e5e5e;
                font-weight: bold;
                font-size: 19px;
            }

            .talk-wrapper .middle-section ul.prices li span {
                font-size: 17px;
                color: #5e5e5e;
            }

            .talk-wrapper .middle-section ul.prices li b {
                font-weight: bold;
                font-size: 26px;
            }

            .talk-wrapper .middle-section ul.prices li.landline {
                padding-left: 58px;
                background: url(images/bg_talk_landline.png) no-repeat;
            }

            .talk-wrapper .middle-section ul.prices li.mobile {
                position: absolute;
                left: 36%;
                padding-left: 47px;
                background: url(images/bg_talk_mobile.png) no-repeat;
            }

            .talk-wrapper .middle-section ul.prices li.number {
                float: right;
                padding-left: 55px;
                background: url(images/bg_talk_number.png) no-repeat;
            }

    .talk-wrapper .middle-section ul.common-features {
        display: block;
        font-size: 15px;
        color: #5e5e5e;
        padding-top: 18px;
        padding-left: 10px;
    }

        .talk-wrapper .middle-section ul.common-features li {
            float: left;
            display: block;
            line-height: 27px;
        }

            .talk-wrapper .middle-section ul.common-features li + li {
                margin-left: 12%;
            }

            .talk-wrapper .middle-section ul.common-features li span {
                display: block;
                background-position: 0 center !important;
                padding-left: 28px;
            }

                .talk-wrapper .middle-section ul.common-features li span.calls {
                    background: url(images/bg_features_calls.png) no-repeat;
                }

                .talk-wrapper .middle-section ul.common-features li span.ccr {
                    background: url(images/bg_features_ccr.png) no-repeat;
                }

                .talk-wrapper .middle-section ul.common-features li span.vm {
                    background: url(images/bg_features_vm.png) no-repeat;
                }

                .talk-wrapper .middle-section ul.common-features li span.foip {
                    background: url(images/bg_features_foip.png) no-repeat;
                }

                .talk-wrapper .middle-section ul.common-features li span.tbr {
                    background: url(images/bg_features_tbr.png) no-repeat;
                }

                .talk-wrapper .middle-section ul.common-features li span.cmoh {
                    background: url(images/bg_features_cmoh.png) no-repeat;
                }

.middle-section + .middle-section {
    border-top: 1px solid #d5d5d5;
}

.talk-wrapper .talk select {
    width: 220px;
    height: 30px;
    padding: 5px 5px 5px 5px;
    margin: 20px 0px 0px 15px;
    border-radius: 3px;
    border-color: lightgray;
    border-width: 1px;
    font-family: MyriadProSemiCondensed, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.talk-wrapper .talk div fieldset span {
    margin-left: 3px;
}

.talk-wrapper .talk label {
    float: left;
    display: inline-block;
    margin: 23px 0 0 10px;
    font-size: 19px;
    color: #5e5e5e;
}

.talk-wrapper .talk input[type="text"] {
    position: relative;
    float: left;
    display: block;
    width: 266px;
    height: 16px;
    padding: 20px 0 16px 11px;
    border: solid 1px #e7e7e7;
    font-family: 'MyriadProLtSCnIt', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.talk-wrapper .talk input[placeholder] {
    color: #969696;
}

.talk-wrapper .talk input[type="submit"] {
    position: relative;
    float: left;
    display: block;
    width: 59px;
    height: 54px;
    line-height: 54px;
    text-indent: -8000px;
    margin: 0 29px 0 0;
    padding: 0;
    border: solid 1px #e7e7e7;
    border-left-color: #d1d1d1;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    background: url(./images/icon_search2.png) no-repeat 16px 14px, -moz-linear-gradient(top, #74d5fc, #47a8cf);
    background: url(./images/icon_search2.png) no-repeat 16px 14px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74d5fc), color-stop(100%,#47a8cf));
    background: url(./images/icon_search2.png) no-repeat 16px 14px, -webkit-linear-gradient(top, #74d5fc,#47a8cf);
    background: url(./images/icon_search2.png) no-repeat 16px 14px, -o-linear-gradient(top, #74d5fc, #47a8cf);
    background: url(./images/icon_search2.png) no-repeat 16px 14px, -ms-linear-gradient(top, #74d5fc, #47a8cf);
    background: url(./images/icon_search2.png) no-repeat 16px 14px, linear-gradient(180deg, #74d5fc, #47a8cf);
    -pie-background: url(../Styles/images/icon_search2.png) no-repeat 16px 14px, url(../Styles/images/icon_search2.png) no-repeat 16px 14px, linear-gradient(top, #74d5fc, #47a8cf);
}

.talk-wrapper .talk form a {
    position: relative;
    top: 16px;
    display: block;
    float: left;
    font: normal 18px 'MyriadProLightSemiCondensed', Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

    .talk-wrapper .talk form a:hover {
        text-decoration: none;
    }

.talk-wrapper .SlideDownDiv {
    height: 50px;
    display: none;
    font-size: 18px;
    color: #909090;
    font-family: 'MyriadProSemiCondensed';
}

    .talk-wrapper .SlideDownDiv .SlideDownContent {
        text-align: right;
        padding-right: 140px;
    }

        .talk-wrapper .SlideDownDiv .SlideDownContent div {
            display: inline-block;
            background: url('./images/bg_slidedown_label.png') repeat-x;
            border-radius: 2px;
            padding: 6px;
            margin: 0px 10px 0px 0px;
        }

            .talk-wrapper .SlideDownDiv .SlideDownContent div.CountryName {
                border-radius: 0;
                background: none;
                font-size: 18px;
                font-family: 'MyriadProSemiBold';
            }

.pricingContent ul li, .PlanLists ul li {
    line-height: 26px;
    background: url(./images/bg_ul_li_big.png) left center no-repeat;
    padding: 0 0 0 10px;
}

    .pricingContent ul li span, .PlanLists ul li span {
        color: #5D5D5D;
        font-size: 16px;
        font-style: normal;
    }

.Tabheading {
    font-weight: bold;
    font-size: 25px;
    color: #313131;
}


.Tabheading2 {
    font-size: 22px;
    font-family: 'MyriadProSemiboldCondensed';
}

.headingBold {
    display: block;
    font-family: 'MyriadProSemiBold';
    background: url('./images/bg_right_panel_splitter.png') no-repeat;
    font-weight: bold;
    font-size: 13px;
    color: #313131;
    margin: 4px 0 0 0;
    padding: 4px 0 0 0;
}

.btnGreen {
    background: url("./images/bg_button_plan.png") no-repeat transparent;
    border: 0 none;
    color: white;
    font-family: 'MyriadProBold';
    font-size: 16px;
    font-weight: bold;
    /*height: 40px;*/
    padding-top: 3px;
    padding-bottom: 6px;
    width: 171px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.spanButton {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D3D3D3');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3F3F3), color-stop(1, #D3D3D3) );
    background: -moz-linear-gradient(center top, #F3F3F3 50%, #D3D3D3 100%) repeat scroll 0 0 #D3D3D3;
    border: 1px solid #C1C1C1;
    padding: 8px 4px;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
}

.headingBlue {
    color: #00A0DC;
    font-weight: bold;
    font-size: 16px;
}

.spanButtonsMiddle {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D3D3D3');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3F3F3), color-stop(1, #D3D3D3) );
    background: -moz-linear-gradient(center top, #F3F3F3 50%, #D3D3D3 100%) repeat scroll 0 0 #D3D3D3;
    border: 1px solid #C1C1C1;
    padding: 8px 4px;
    cursor: pointer;
}

    .spanButtonsMiddle:hover, .spanButtonsFirst:hover, .spanButtonsLast:hover, .spanButton:hover {
        background: -moz-linear-gradient(center top, #D3D3D3 50%, #F3F3F3 100%) repeat scroll 0 0 #f3f3f3;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3D3D3', endColorstr='#F3F3F3');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D3D3D3), color-stop(1, #F3F3F3) );
    }

.spanButtonsFirst {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D3D3D3');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3F3F3), color-stop(1, #D3D3D3) );
    background: -moz-linear-gradient(center top, #F3F3F3 50%, #D3D3D3 100%) repeat scroll 0 0 #D3D3D3;
    border-bottom: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    border-radius: 5px 0 2px 5px;
    border-top: 1px solid #C1C1C1;
    padding: 8px 4px;
    cursor: pointer;
}

.spanButtonsLast {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D3D3D3');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3F3F3), color-stop(1, #D3D3D3) );
    background: -moz-linear-gradient(center top, #F3F3F3 50%, #D3D3D3 100%) repeat scroll 0 0 #D3D3D3;
    border-bottom: 1px solid #C1C1C1;
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #C1C1C1;
    border-top: 1px solid #C1C1C1;
    padding: 8px 4px;
    cursor: pointer;
}


/* 4. CONTENT PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 4.1 Wrappers
------------------------------------------------------------------------------*/
.ContentPageWrapper {
    margin: 10px;
}

.ContentPage {
    position: relative;
    background: url(../Styles/images/bg_signup.png) repeat-x;
    width: 850px;
    height: 897px;
    margin: 0 auto;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    -moz-box-shadow: 0 0 3px #EFEFEF;
    -webkit-box-shadow: 0 0 3px #EFEFEF;
    box-shadow: 0 0 3px #EFEFEF;
}

    .ContentPage .ContentPageTitle {
        font: 36px 'MyriadProSemiBold';
        padding: 5px 24px;
    }

    .ContentPage .ContentPageContent {
        padding: 25px 24px 0 24px;
        font: 24px 'MyriadProSemiBold';
        color: red;
    }

.ContentPageFilledContent {
    padding: 44px 24px 0 24px;
    font: 13px 'MyriadProRegular';
    color: #6B6B6B;
}

.ContactUsContentPage .ContentPageFilledContent {
    /*background: url(./images/bg_contactus_splitter.png) no-repeat 50% 35px;*/
}

.SupportContentPage .ContentPageFilledContent {
    padding: 0 0 0 0;
}

.PrivacyContentPage .ContentPageFilledContent {
    font-size: 15px;
    padding-bottom: 24px;
}

.HIWContentPage .ContentPageFilledContent, .LNPContentPage .ContentPageFilledContent, .FeatureContentPage .ContentPageFilledContent, .BenefitContentPage .ContentPageFilledContent, .LNPAContentPage .ContentPageFilledContent, .TACContentPage .ContentPageFilledContent, .SecurityContentPage .ContentPageFilledContent {
    font-size: 15px;
    padding-bottom: 24px;
    color: #5E5E5E;
}

/* 4.2 How It Works
------------------------------------------------------------------------------*/
.HIWContentPage {
    /*background: url(./images/bg_HIW.png) repeat-x;
    width: 850px;*/
    /*width: 820px;*/
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .HIWContentPage .HIWPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

.HIWPage {
    padding: 0;
}

    .HIWPage .HIWTextContainer {
    }

    .HIWPage .HIWHostedPlatformContainer {
        margin: 40px 0px;
        width: 808px;
        height: 400px;
        background: url('./images/bg_hostedplatform.png') no-repeat;
        background-size: 90%;
    }

    .HIWPage .HIWTextContainer div {
        padding-top: 20px;
    }

        .HIWPage .HIWTextContainer div.FirstDiv {
            padding-top: 0;
        }

    .HIWPage .HIWTextContainer span {
        display: block;
        font-family: 'MyriadProRegular';
    }

        .HIWPage .HIWTextContainer span.PunchLine {
            font-size: 25px;
            color: #00a0dc;
        }

        .HIWPage .HIWTextContainer span.SecondaryLine {
            text-align: center;
            color: #96bc37;
            font-size: 20px;
        }

        .HIWPage .HIWTextContainer span.Header {
            color: #00A0DC;
            font-size: 17px;
            font-family: 'MyriadProSemiBold';
            padding-bottom: 3px;
        }

    .HIWPage .HIWTextContainer a {
        color: #5d5d5d;
    }

    .HIWPage div.divBorder {
        position: relative;
        padding: 15px;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        margin-top: 20px;
    }

    .HIWPage .HIWTextContainer div b {
        font-family: 'MyriadProSemiCondensed';
        font-weight: normal;
        font-size: 16px;
    }

    .HIWPage .HIWTextContainer div a {
        font-family: 'MyriadProSemiCondensed';
        font-weight: normal;
        font-size: 16px;
        text-decoration: underline;
    }

        .HIWPage .HIWTextContainer div a.ServicePlan {
            text-decoration: underline;
            font-weight: normal;
            font-family: 'MyriadProRegular';
        }
/* 4.3 Features
------------------------------------------------------------------------------*/
.FeatureContentPage {
    background: url('./images/bg_features.png') repeat-x;
    width: 850px;
    height: auto;
    font-family: 'MyriadProRegular';
    color: #5d5d5d;
}

    .FeatureContentPage .FeaturePageTitle {
        font-size: 21px;
        padding: 17px 24px 0 24px;
        color: #5D5D5D;
    }

.FeaturePage {
    padding: 0;
}

    .FeaturePage .FeaturesPanelContainer {
        background: url('./images/bg_featurespanelshadow.png') no-repeat 50% 100%;
        margin: 50px 0 0 0;
        padding: 0 10px 4px 10px;
    }

    .FeaturePage .FeaturesPanel {
        position: relative;
        background: url('./images/bg_featurespanelcontainer.png') repeat-x;
        padding: 0 10px 0 5px;
        border-radius: 0 0 6px 6px;
    }

        .FeaturePage .FeaturesPanel a {
            color: #198fbc;
            font-size: 12px;
        }

        .FeaturePage .FeaturesPanel span {
            display: block;
            font-family: 'MyriadProSemiBold';
            font-size: 18px;
            color: #00a0dc;
            padding: 0 0 9px 0;
        }

        .FeaturePage .FeaturesPanel table td {
            font-family: 'MyriadProLightSemiCondensed';
            font-size: 14px;
            padding: 0px 15px 15px 90px;
            width: 200px;
        }

            .FeaturePage .FeaturesPanel table td.tree {
                background: url('./images/bg_tree_grey.png') no-repeat 0 0;
            }

            .FeaturePage .FeaturesPanel table td.CallConferencing {
                background: url('./images/bg_callconferencing_grey.png') no-repeat 0 0;
            }

    .FeaturePage .CallConferencingRooms {
        /*background: url(./images/bg_callconferencing_rooms.png) no-repeat 0 0;*/
        height: 491px;
        width: 693px;
        padding: 0 !important;
        margin-left: 73px;
    }

    .FeaturePage .FeaturesPanel table td.CallRecording {
        padding-right: 0;
        padding-left: 70px;
        background: url('./images/bg_callrecording_grey.png') no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.CustomisedMusic {
        background: url('./images/bg_customisedmusic_grey.png') no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.CallForwarding {
        background: url(./images/bg_callforwarding_grey.png) no-repeat 11% 0%;
    }

    .FeaturePage .CallForwardingImage {
        background: url(./images/bg_callforwarding_small.png) no-repeat 4% 23px;
        padding: 0 0 0 73px;
    }

    .FeaturePage .CallForwardingDiversions {
        /*background: url(./images/bg_callforwarding_diversions.png) no-repeat 0 0;*/
        height: 384px;
        width: 639px;
        margin-left: 73px;
        padding: 0 !important;
    }

    .FeaturePage .FeaturesPanel table td.TimeBased {
        padding-right: 0;
        padding-left: 70px;
        background: url(./images/bg_timebased_grey.png) no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.VoiceMail {
        background: url(./images/bg_voicemail_grey.png) no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.Fax {
        background: url(./images/bg_fax_grey.png) no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.Ques {
        padding-right: 0;
        padding-left: 70px;
        background: url(./images/bg_ques_grey.png) no-repeat 0% 0%;
    }

    .FeaturePage .FeaturesPanel table td.LiveCalls {
        background: url(./images/bg_livecalls_grey.png) no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.OnlineAdministration {
        background: url(./images/bg_onlineadministration_grey.png) no-repeat 4% 0%;
    }

    .FeaturePage .FeaturesPanel table td.InstantNumber {
        padding-right: 0;
        padding-left: 70px;
        background: url(./images/bg_instantnumber_grey.png) no-repeat 5% 6%;
    }

    .FeaturePage .TimeBasedRoutingTimeGroups {
        /*background: url(./images/bg_timebasedrouting_timegroups.png) no-repeat 50% 0;*/
        height: 329px;
        width: 717px;
        margin-left: 73px;
        padding: 0 !important;
    }

    .FeaturePage .TimeBasedRoutingText {
        padding: 0 0 0 73px;
    }

#InstantNumberCites {
    margin: 35px auto 0;
}

    #InstantNumberCites td {
        width: 150px;
        height: 30px;
        padding: 12px 0 0 26px;
        border: 1px solid black;
    }

.FeaturePage .FeatureTextContainer {
    position: relative;
    padding: 0 30px;
}

    .FeaturePage .FeatureTextContainer div {
        padding-top: 20px;
    }

        .FeaturePage .FeatureTextContainer div.FirstDiv {
            padding-top: 0;
        }

    .FeaturePage .FeatureTextContainer ol, .FeaturePage .FeatureTextContainer ul {
        list-style: inherit;
        list-style-type: decimal;
        list-style-position: inside;
        color: #00A0DC;
        font-family: 'MyriadProBold';
        font-size: 16px;
        font-weight: normal;
        padding: 0 0 0 8px;
    }

    .FeaturePage .FeatureTextContainer ul {
        list-style-type: none;
    }

        .FeaturePage .FeatureTextContainer ul li {
            background: url(./images/bg_ul_li_blue.png) no-repeat 0% 8px;
            padding-left: 10px;
        }

    .FeaturePage .FeatureTextContainer span {
        display: block;
        font-family: 'MyriadProRegular';
    }

    .FeaturePage .FeatureTextContainer li span {
        color: #5E5E5E;
        font-weight: normal;
        font-size: 15px;
        font-family: 'MyriadProRegular';
    }

    .FeaturePage .FeatureTextContainer span.PunchLine {
        font-size: 21px;
        color: #00a0dc;
        text-align: center;
    }

    .FeaturePage .FeatureTextContainer span.Header {
        color: #00A0DC;
        font-size: 17px;
        font-family: 'MyriadProSemiBold';
        padding-bottom: 3px;
    }

    .FeaturePage .FeatureTextContainer span.Footer {
        font-size: 13px;
        font-style: italic;
        padding: 25px 0 0 0;
    }

    .FeaturePage .FeatureTextContainer a {
        color: #5d5d5d;
    }

.FeaturePage div.divBorder {
    position: relative;
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-top: 20px;
}

.FeaturePage .FeatureTextContainer div b, .FeaturePage .FeatureTextContainer div a {
    font-family: 'MyriadProSemiCondensed';
    font-weight: bold;
    font-size: 16px;
}

.FeaturePage .FeatureTextContainer span.PunchLine b {
    font-family: 'MyriadProBold';
    font-weight: normal;
    font-size: 21px;
}

.FeaturePage .FeatureTextContainer div a.ServicePlan {
    font-style: italic;
    font-weight: normal;
    font-family: 'MyriadProRegular';
}

.FeaturePage div.divBorder {
    position: relative;
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-top: 20px;
}

.FeaturePage .FeatureTextContainer span.SmallFont {
    font-size: 15px;
}

.FeaturePage .FeatureTextContainer span.Number {
    display: inline;
    color: #85a731;
    padding-right: 3px;
}

.FeaturePage .AutoAttendantImage {
    background: url(./images/bg_autoattendant.png) no-repeat 1% 26%;
    padding: 0 0 0 73px;
}

.FeaturePage .AutoAttendantBigImage {
    /*background: url(./images/bg_autoattendant_big.png) no-repeat 50%;*/
    height: 397px;
    padding-top: 0 !important;
    text-align: center;
}

.FeaturePage .AutoAttendantText {
    padding-left: 73px;
}

.FeaturePage .AutoAttendantScreenShot {
    /*background: url(./images/bg_autoattendant_sc.png) no-repeat 0 0;*/
    height: 306px;
    width: 717px;
    padding: 0 !important;
    margin-left: 73px;
}

.FeaturePage .AutoAttendantPrompt {
    /*/*background: url(./images/bg_autoattendant_prompts.png) no-repeat 0 0;*/
    height: 224px;
    width: 637px;
    padding: 0 !important;
    margin-left: 73px;
}

.FeaturePage .AutoAttendantActions {
    /*background: url(./images/bg_autoattendant_actions.png) no-repeat 0 0;*/
    height: 528px;
    width: 673px;
    padding: 0 !important;
    margin-left: 73px;
}

.FeaturePage .TimeBasedRouting {
    background: url(./images/bg_timebased_small.png) no-repeat 3% 20px;
    padding: 0 0 0 73px;
}

.FeaturePage .CustomisedMusicText {
    background: url(./images/bg_cutomisedmusic_small.png) no-repeat 3% 22px;
    padding: 0 0 0 73px;
}

.FeaturePage .VoiceMailText {
    background: url(./images/bg_voicemail_small.png) no-repeat 3% 22px;
    padding: 0 0 0 73px;
}

.FeaturePage .OnlineAdministrationText {
    background: url(./images/bg_onlineadministration_small.png) no-repeat 3% 24px;
    padding: 0 0 0 73px;
}

.FeaturePage .CallForwardingText {
    background: url(./images/bg_callforwarding_small.png) no-repeat 3% 5%;
    padding: 0 0 0 73px;
}

.FeaturePage .ACDsText {
    padding: 0 0 0 73px;
}

.FeaturePage .FaxText {
    background: url(./images/bg_fax_small.png) no-repeat 2% 6%;
    padding: 0 0 0 73px;
}

.FeaturePage .CallConferencingText {
    padding: 0 0 0 73px;
}

.FeaturePage .CallConferencingImage {
    background: url(./images/bg_callconferencing_small.png) no-repeat 1% 23px;
    padding: 0 0 0 73px;
}

.FeaturePage .LiveCallsText {
    padding: 0 0 0 73px;
}

.FeaturePage .InstantNumberText {
    background: url(./images/bg_instantnumber_small.png) no-repeat 3% 24px;
    padding: 0 0 0 73px;
}

.FeaturePage .CallRecordingText {
    padding: 0 0 0 73px;
}

.FeaturePage .Splitter {
    background: url(./images/bg_horizontalsplitter.png) no-repeat 50% 100%;
    padding-bottom: 4px;
}

.FeaturePage .FeatureTextContainer .UpButton a {
    display: block;
    background: url(./images/bg_upbutton.png) no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5%;
    bottom: 1%;
}

.FeaturePage .FeatureTextContainer .LeftDiv, .FeaturePage .FeatureTextContainer .RightDiv {
}

.FeaturePage .FeatureTextContainer .clearfix {
}

.FeaturePage .LeftDiv {
    width: 52%;
    padding-right: 5%;
    display: inline-block;
    float: left;
    background: url(./images/bg_verticalsplitter_features.png) no-repeat 100% 0%;
}

.FeaturePage .RightDiv {
    display: inline-block;
    width: 40%;
    padding-left: 0%;
    float: right;
}

.FeaturePage .LeftDiv .SeqHntGrp {
    background: url(./images/bg_seqhntgrp.png) no-repeat 50% 50%;
    width: 384px;
    height: 108px;
    margin-top: 104px;
    margin-left: 0px;
}

.FeaturePage .RightDiv .RingGroup {
    width: 289px;
    height: 202px;
    background: url(./images/bg_ringgroup.png) no-repeat 50% 50%;
}

.FeaturePage .ImageOnRightDiv {
    padding-right: 310px;
    padding-bottom: 42px;
    margin: 60px 0 20px;
    background: url(./images/bg_acds.png) no-repeat 100% 50%;
}

.FeaturePage .CallRecordingImage {
    background: url(./images/bg_callrecording_small.png) no-repeat 3% 25px;
    padding: 0 0 0 73px;
}

.FeaturePage .CallRecordingCalls {
    /*background: url(./images/bg_callrecording_calls.png) no-repeat 0 0;*/
    height: 291px;
    width: 717px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .CallRecordingFilters {
    /*background: url(./images/bg_callrecording_filters.png) no-repeat 0 0;*/
    height: 417px;
    width: 717px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .ACDsImage {
    background: url(./images/bg_acds_small.png) no-repeat 3% 22px;
    padding: 0 0 0 73px;
}

.FeaturePage .ACDsQues {
    /*background: url(./images/bg_acd_ques.png) no-repeat 0 0;*/
    width: 717px;
    height: 197px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .ACDsCallerExp {
    /*background: url(./images/bg_acd_callerexp.png) no-repeat 0 0;*/
    height: 482px;
    width: 668px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .ACDsOnHold {
    /*background: url(./images/bg_acd_onhold.png) no-repeat 0 0;*/
    height: 545px;
    width: 619px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .ACDsSett {
    /*background: url(./images/bg_acd_agentsett.png) no-repeat 0 0;*/
    height: 350px;
    width: 604px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .FeatureTextContainer div {
    padding-top: 20px;
}

.FeaturePage .LiveCallsImage {
    background: url(./images/bg_livecalls_small.png) no-repeat 2% 22px;
    padding: 0 0 0 73px;
}

.FeaturePage .LiveCallsText {
    padding: 0 0 0 73px;
}

.FeaturePage .LiveCallsDash {
    /*background: url(./images/bg_livecalls_dash.png) no-repeat 0 0;*/
    width: 717px;
    height: 370px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .LiveCallsStatus {
    /*background: url(./images/bg_livecalls_status.png) no-repeat 0;*/
    height: 391px;
    width: 717px;
    margin-left: 73px;
    padding: 0 !important;
}

.FeaturePage .LiveCallsQues {
    /*background: url(./images/bg_livecalls_ques.png) no-repeat 0 0;*/
    height: 282px;
    width: 717px;
    margin-left: 73px;
    padding: 0 !important;
}

/* 4.4 Benefits
------------------------------------------------------------------------------*/
.BenefitContentPage {
    background: url(./images/bg_benefits.png) repeat-x;
    width: 850px;
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .BenefitContentPage .BenefitPageTitle {
        font-size: 21px;
        padding: 15px 24px 0;
        color: #5D5D5D;
        height: 42px;
        background: #f1f1f1;
    }

.BenefitPage #benefit-ofc {
    padding: 27px 0 0 25px;
}

.BenefitPage .BenefitTextContainer div {
    padding-top: 20px;
}

    .BenefitPage .BenefitTextContainer div.FirstDiv {
        padding-top: 0;
    }

.BenefitContentPage .BenefitPage {
    padding: 0;
    padding-bottom: 50px;
}

.BenefitPage .BenefitTextContainer {
    padding: 0 18px;
}

    .BenefitPage .BenefitTextContainer ol, .BenefitPage .BenefitTextContainer ul {
        list-style: inherit;
        list-style-type: decimal;
        list-style-position: inside;
        color: #00A0DC;
        font-family: 'MyriadProBold';
        font-size: 16px;
        font-weight: normal;
        padding: 0 0 0 8px;
    }

    .BenefitPage .BenefitTextContainer ul {
        list-style-type: none;
    }

        .BenefitPage .BenefitTextContainer ul li {
            background: url(./images/bg_blue_tick_li.png) no-repeat 0% 8px;
            padding-left: 31px;
            line-height: 25px;
        }

    .BenefitPage .BenefitTextContainer span, .BenefitPage .BenefitTableContainer span {
        display: block;
        font-family: 'MyriadProRegular';
    }

    .BenefitPage .BenefitTextContainer li span {
        color: #5E5E5E;
        font-weight: normal;
        font-size: 17px;
        font-family: 'MyriadProRegular';
    }

    .BenefitPage .BenefitTextContainer span.PunchLine {
        font-size: 21px;
        color: #00a0dc;
        text-align: center;
    }

    .BenefitPage .BenefitTextContainer span.Header, .BenefitPage .BenefitTableContainer span.Header {
        color: #00A0DC;
        font-size: 18px;
        font-family: 'MyriadProSemiBold';
        padding-bottom: 3px;
    }

    .BenefitPage .BenefitTextContainer span.Footer {
        font-size: 13px;
        font-style: italic;
        padding: 25px 0 0 0;
    }

    .BenefitPage .BenefitTextContainer a {
        color: #5d5d5d;
    }

.BenefitPage div.divBorder {
    position: relative;
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-top: 20px;
}

.BenefitPage .BenefitTextContainer div b, .BenefitPage .BenefitTextContainer div a {
    font-family: 'MyriadProSemiCondensed';
    font-weight: normal;
    font-size: 16px;
}

    .BenefitPage .BenefitTextContainer div a span {
        font-weight: bold;
    }

.BenefitPage .BenefitTextContainer span.PunchLine b {
    font-family: 'MyriadProBold';
    font-weight: normal;
    font-size: 21px;
}

.BenefitPage .BenefitTextContainer div a.ServicePlan {
    font-style: italic;
    font-weight: normal;
    font-family: 'MyriadProRegular';
}

.BenefitPage div.divBorder {
    position: relative;
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-top: 20px;
}

.BenefitPage .BenefitTextContainer .TelephoneOnRightDiv {
    padding-right: 434px;
    background: url(./images/bg_ofclocations.png) no-repeat 82% 12px;
}

.BenefitPage .Indented, .TACPage .Indented {
    padding-left: 25px;
}

.BenefitPage .BenefitTextContainer span.SmallFont {
    font-size: 15px;
}

.BenefitPage .BenefitTableContainer span.SmallFont {
    font-size: 16px;
}

.BenefitPage .BenefitTableContainer div {
    position: relative;
    padding: 20px 0 9px 15px;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
    margin: 20px 0;
    background: url(./images/bg_benefit_table.png) repeat-x 0% 0%;
}

.BenefitPage .BenefitTableContainer li {
    vertical-align: top;
    display: inline-block;
    width: 113px;
    line-height: 22px;
    padding-left: 12px;
}

.BenefitPage .BenefitTableContainer ul > li + li {
    background: url(./images/bg_benefitsplitter.png) no-repeat 0% 0%;
}

.BenefitPage .Splitter {
    background: url(./images/bg_horizontalsplitter_big.png) no-repeat 50% 100%;
    padding-bottom: 40px;
}

.BenefitPage .Indented + div {
    padding: 30px 0 25px 30px;
    font-size: 17px;
    color: #5e5e5e;
}

    .BenefitPage .Indented + div span {
        padding-left: 10px;
    }

.BenefitPage .devices {
    background: url(images/bg_supporteddevices.png) no-repeat 0 10px;
    display: block;
    width: 150px;
    height: 44px;
}

.BenefitPage .BenefitTextContainer div.Title {
    color: #fff;
    background-color: #13a3da;
    padding: 20px;
    text-align: center;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -ms-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.BenefitPage .Title {
    font-family: 'MyriadProSemiBold';
    font-size: 27px;
    color: #13a3d9;
}

.BenefitPage .BenefitTextContainer div.Description {
    text-align: center;
    background-color: #f7f7f7;
    padding: 18px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.BenefitPage .BenefitTextContainer .Description {
    font-size: 17px;
    padding-right: 25px;
    text-align: justify;
}

.BenefitPage .BenefitTextContainer + .BenefitTextContainer, .BenefitPage .BenefitTableContainer, .BenefitPage .BenefitTableContainer + .BenefitTextContainer {
    padding-top: 50px;
}

    .BenefitPage .BenefitTableContainer table {
        font-size: 13px;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }

        .BenefitPage .BenefitTableContainer table tr.odd {
            background-color: #f0f0f0;
        }

        .BenefitPage .BenefitTableContainer table tr {
            height: 35px;
        }

            .BenefitPage .BenefitTableContainer table tr td {
                background: url(./images/bg_blue_tick_li.png) no-repeat 8px 11px;
                padding-left: 28px;
                line-height: 35px;
            }

    .BenefitPage .BenefitTableContainer .Title {
        color: #0ca4dd;
        padding-bottom: 20px;
        padding-left: 17px;
    }

.BenefitPage .BenefitTableContainer {
    padding: 50px 8px 0px 8px;
}

#benefit-growth {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

.BenefitPage .BenefitTextContainer .GrowthOnRightDiv {
    padding: 30px 350px 30px 25px;
    background: url(./images/bg_growth.png) no-repeat 98% 40px;
    height: 222px;
}

.BenefitPage .BenefitTextContainer .addBorderRadius {
    border: 1px solid #e2e2e2;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.BenefitPage .BenefitTextContainer .unifiedsystem span, .BenefitPage .BenefitTextContainer .unifiedsystem {
    text-align: center;
}

    .BenefitPage .BenefitTextContainer .unifiedsystem .Description {
        padding-top: 10px;
        font: 19px 'MyriadProSemiBold';
        padding-right: 0;
    }

    .BenefitPage .BenefitTextContainer .unifiedsystem .orangeText {
        padding-top: 50px;
        padding-bottom: 30px;
        color: #e9893a;
        font: 18px 'MyriadProSemiBold';
    }

.unifiedcomm {
    /*background: url(images/bg_singlesystem.png) no-repeat center top;*/
    height: 591px;
}

.BenefitPage .BenefitTextContainer .LaptopOnRightDiv {
    padding: 30px 350px 30px 25px;
    background: url(./images/bg_valuabletime.png) no-repeat 97% 10px;
    height: 180px;
}

    .BenefitPage .BenefitTextContainer .GrowthOnRightDiv .Description, .BenefitPage .BenefitTextContainer .LaptopOnRightDiv .Description {
        padding-top: 15px;
        line-height: 22px;
        padding-right: 29px;
    }

.BenefitPage .BenefitTextContainer .traditional span {
    text-align: justify;
    padding-right: 0;
}

.BenefitPage .BenefitTextContainer .boldText {
    padding: 15px 0;
    font: normal 19px 'MyriadProSemiBold';
}

.BenefitPage .BenefitTextContainer .semiboldText {
    padding: 15px 0;
    font: normal 17px 'MyriadProSemiBold';
}

.BenefitPage .BenefitTextContainer table td:first-child {
    width: 47%;
}

.BenefitPage .BenefitTextContainer .traditional table ul li {
    background: url(images/bg_li-dot.png) no-repeat 0 7px;
    color: #5e5e5e;
    font-size: 16px;
    font-weight: normal;
    padding-left: 12px;
    line-height: 20px;
    font-family: MyriadProRegular;
}

.BenefitPage .BenefitTextContainer ul li {
    background: url(./images/bg_blue_tick_li.png) no-repeat 0% 8px;
    padding-left: 31px;
    line-height: 25px;
}

.BenefitPage .BenefitTextContainer .traditional table ul li + li {
    padding-top: 8px;
    background-position: 0 15px;
}

.BenefitPage .BenefitTextContainer .traditional .bgtraditional {
    /*background: url(images/bg_traditional.png) no-repeat center top;*/
    margin-top: 35px;
    height: 571px;
}

.BenefitPage .BenefitTextContainer .traditional {
    padding: 0 17px;
    text-align: center;
}

    .BenefitPage .BenefitTextContainer .traditional table {
        text-align: left;
    }

.BenefitPage #benefit-plugnplay {
    padding-left: 35px;
    padding-right: 0;
}

.BenefitPage .BenefitTextContainer .PhoneOnRightDiv {
    padding: 10px 348px 25px 0;
    background: url(./images/bg_plugnplay.png) no-repeat 100% -5px;
    height: 195px;
}

.BenefitPage .BenefitTextContainer .vendors {
    background: url(images/bg_certifiedhandsets.png) no-repeat center top;
    height: 43px;
}

.BenefitPage .BenefitTextContainer .PhoneOnRightDiv + div .boldText {
    padding: 30px 0 12px;
}

.BenefitPage .BenefitTextContainer .PhoneOnRightDiv + div {
    text-align: center;
    padding-right: 35px;
}

.btn-green {
    background: url(images/bg_btngreen.png) repeat-x !important;
    display: inline-block;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
}

    .btn-green span {
        color: #fff !important;
        padding: 6px 25px;
        font: normal 19px 'MyriadProSemiBold';
    }

.BenefitPage .BenefitTextContainer .numberportability {
    padding-left: 17px;
    padding-right: 17px;
}

    .BenefitPage .BenefitTextContainer .numberportability .Description, .BenefitPage #benefit-getintouch .Description {
    }

    .BenefitPage .BenefitTextContainer .numberportability table {
        text-align: center;
        margin: 0 auto;
    }

        .BenefitPage .BenefitTextContainer .numberportability table tr {
            display: block;
        }

            .BenefitPage .BenefitTextContainer .numberportability table tr td {
                padding: 0;
            }

                .BenefitPage .BenefitTextContainer .numberportability table tr td.dark span {
                    border: 1px solid #dddddd;
                    background-color: #ededed;
                }

                .BenefitPage .BenefitTextContainer .numberportability table tr td span {
                    padding: 15px 0;
                    width: 148px;
                    font-size: 15px;
                    border: 1px solid #e4e4e4;
                }

.BenefitPage .BenefitTextContainer .planDivs-container {
    padding: 30px 0 10px;
    width: 712px;
    margin: 0 auto;
}

    .BenefitPage .BenefitTextContainer .planDivs-container .planDivs {
        height: auto;
        margin-top: 15px;
    }

.BenefitPage .BenefitTextContainer a:hover {
    text-decoration: none;
}


/* 4.5 Support
------------------------------------------------------------------------------*/
/*
	.SupportContentPage
	{
		background: url(./images/bg_support.png) repeat-x;
		width: 850px;
		height: 2612px;
		font-family: 'MyriadProBold';
		color: #5d5d5d;
	}
	.ContentPage .SupportPageTitle
	{
		font-size: 21px;
		padding: 11px 24px 0 24px;
		color: #5D5D5D;
	}
	*/
.SupportPage .FeaturesPanel {
    padding: 0px 0px 14px 0px;
    background: url(./images/bg_features_gradient.png) no-repeat 0% 100%;
    width: 800px;
}

    .SupportPage .FeaturesPanel li {
        display: inline-block;
    }

        .SupportPage .FeaturesPanel li div {
            font: 14px 'MyriadProSemiBold';
            height: 40px;
            width: 150px;
            padding: 60px 0 0 0;
            color: #00A0DC;
            text-align: center;
        }

    .SupportPage .FeaturesPanel > ul > li + li {
        background: url(./images/bg_features_splitter.png) no-repeat 0% 0%;
    }

    .SupportPage .FeaturesPanel li.Australian div {
        background: url(./images/bg_ausflag.png) no-repeat 50% 10%;
    }

    .SupportPage .FeaturesPanel li.Response div {
        background: url(./images/bg_person.png) no-repeat 50% 0%;
    }

    .SupportPage .FeaturesPanel li.Available div {
        background: url(./images/bg_clock.png) no-repeat 50% 10%;
    }

    .SupportPage .FeaturesPanel li.Monitoring div {
        background: url(./images/bg_graph.png) no-repeat 50% 10%;
    }

    .SupportPage .FeaturesPanel li.Technicians div {
        background: url(./images/bg_ribbon.png) no-repeat 50% 10%;
    }

.SupportPage .SupportFormContainer {
    padding: 0 10px;
}

    .SupportPage .SupportFormContainer .LeftDiv .LeftContent {
        padding: 55px 0 0 0;
        font: 15px 'MyriadProBold';
        color: #5e5e5e;
    }

        .SupportPage .SupportFormContainer .LeftDiv .LeftContent .Timming {
            margin: 10px 0 0 0;
        }

        .SupportPage .SupportFormContainer .LeftDiv .LeftContent .Description {
            margin: 32px 0 0 0;
            font: 14px 'MyriadProSemiCondensed';
        }

        .SupportPage .SupportFormContainer .LeftDiv .LeftContent .ContactOptionsListContainer {
            margin: 18px 0 0 0;
        }

            .SupportPage .SupportFormContainer .LeftDiv .LeftContent .ContactOptionsListContainer ol {
                list-style-type: decimal;
                list-style-position: inside;
            }

    .SupportPage .SupportFormContainer .LeftDiv Span {
        padding: 55px 0 0 0;
        font-size: 19px;
        font-weight: normal;
        color: #00A0DC;
    }

.SupportPage .SupportForm {
    font: 13px 'MyriadProSemiCondensed';
    color: #5E5E5E;
    padding: 25px 0 0 0;
}

    .SupportPage .SupportForm input[type="text"], .SupportPage .SupportForm input[type="password"], .SupportPage .SupportForm textarea, .SupportPage .SupportForm select {
        position: relative;
        font-family: 'MyriadProSemiCondensed';
        position: relative;
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin: 4px 0 0 0;
        padding: 0 0 0 0;
        width: 214px;
        height: 24px;
    }

    .SupportPage .SupportForm .SupportInput {
        width: 164px;
    }

    .SupportPage .SupportForm div.dk_container {
        margin: 0;
        font-size: 15px;
    }

    .SupportPage .SupportForm textarea {
        height: 105px;
        width: 319px;
        margin-bottom: 4px;
    }

    .SupportPage .SupportForm table tr {
        height: 36px;
    }

    .SupportPage .SupportForm table td.Labels {
        padding: 9px 0 0 0;
        width: 101px;
    }

    .SupportPage .SupportForm table td div.FormText {
        margin: 10px 0 7px 0;
    }

    .SupportPage .SupportForm .ButtonDiv a {
        float: right;
        display: inline-block;
        width: 108px;
        height: 30px;
        background: url(./images/bg_button_contactus.png) no-repeat;
        font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: white;
        text-align: center;
        padding-top: 10px;
    }

        .SupportPage .SupportForm .ButtonDiv a:hover {
            text-decoration: none;
        }

.SupportFeaturesTableContainer {
    margin-top: 50px;
    width: 820px;
    padding: 0 0 6px 0;
    background: url(./images/bg_supporttable_shadow.png) no-repeat 0 100%;
}

.SupportPage .SupportFeaturesTable {
    position: relative;
    background: url(./images/bg_supportfeaturestable.png) repeat-x;
    height: 290px;
    width: 100%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .SupportPage .SupportFeaturesTable .header {
        padding: 7px 0 6px 0;
        font-family: 'MyriadProSemiBold';
        font-size: 20px;
        color: #ffffff;
        text-align: center;
    }

    .SupportPage .SupportFeaturesTable .Content {
        line-height: 20px;
        padding: 20px 12px 0 12px;
        color: dimGray;
        font-family: 'MyriadProSemiCondensed';
        font-size: 14px;
    }

        .SupportPage .SupportFeaturesTable .Content > ul > li + li {
            background: url(./images/bg_benefitsplitter.png) no-repeat 0% 0%;
        }

    .SupportPage .SupportFeaturesTable ul {
        padding-left: 0 !important;
    }

    .SupportPage .SupportFeaturesTable li {
        padding: 0 11px 0 0;
        display: inline-block;
        vertical-align: top;
        width: 21%;
    }

        .SupportPage .SupportFeaturesTable li + li {
            padding-left: 11px;
        }

        .SupportPage .SupportFeaturesTable li:first-child {
            width: 24%;
        }

        .SupportPage .SupportFeaturesTable li:last-child {
            padding-right: 0;
        }

        .SupportPage .SupportFeaturesTable li div {
            height: 200px;
        }

    .SupportPage .SupportFeaturesTable div.Content li span {
        display: block !important;
        font-family: 'MyriadProSbdScn' !important;
        color: #00a0dc !important;
    }

.SupportPage .SettingsInformationContainer, .SupportPage .ExplanationContainer, .SupportPage .FAQContainer {
    padding: 30px 30px 0 30px;
    font-size: 15px;
    color: #5e5e5e;
}

    .SupportPage .SettingsInformationContainer .monospacefont {
        display: inline !important;
        color: #5e5e5e;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Courier New';
    }

    .SupportPage .SettingsInformationContainer Span, .SupportPage .ExplanationContainer span, .SupportPage .FAQContainer span {
        display: block;
        color: #00a0dc;
        font-size: 19px;
        font-weight: normal;
        line-height: 30px;
    }

    .SupportPage .SettingsInformationContainer .TopPadding .SupportCondition {
        font-size: 12px;
    }


    .SupportPage .SettingsInformationContainer .HandsetList div {
        display: inline-block;
        padding: 0 40px 0 0;
        width: 100%;
    }

    .SupportPage .SettingsInformationContainer .HandsetList li, .SupportPage .FAQContainer .QuestionsList li {
        list-style: inside;
        list-style-image: url(./images/bg_ul_li.png);
        vertical-align: middle;
        margin-bottom: 10px;
    }

    .SupportPage .SettingsInformationContainer .HandsetList a, .SupportPage .FAQContainer .QuestionsList a {
        color: #5e5e5e;
        text-decoration: underline;
    }

    .SupportPage .SettingsInformationContainer .TopPadding {
        padding-top: 37px;
    }

    .SupportPage .FAQContainer .TopPadding {
        padding-top: 20px;
    }

    .SupportPage .SettingsInformationContainer .ListPadding {
        padding-top: 25px;
    }

    .SupportPage .SettingsInformationContainer .SmallSettings span, .SupportPage .ExplanationContainer .SmallSettings span, .SupportPage .FAQContainer .SmallSettings span {
        font-family: 'MyriadProBold';
        font-size: 15px;
    }

    .SupportPage .ExplanationContainer .SmallSettings .ListSpan {
        background: url(./images/bg_ul_li.png) no-repeat 0;
        padding-left: 10px;
        font-size: 15px;
        font-weight: normal;
        font-family: 'MyriadProSbdScn';
    }

    .SupportPage .SettingsInformationContainer .SmallSettings, .SupportPage .ExplanationContainer .SmallSettings {
        font-family: 'MyriadProSemicondensed';
        font-size: 13px;
        line-height: 19px;
        text-align: justify;
    }

.SupportForm span.SubmitStatus {
    font-size: 14px;
    color: #00A0DC;
}

.CodecInformationContainer {
    padding: 27px 27px 0 27px;
}

    .CodecInformationContainer table {
        width: 100%;
    }

        .CodecInformationContainer table thead th.Information, .CodecInformationContainer table thead th.Bandwidth {
            padding: 9px 0 9px 0;
            font: 14px 'MyriadProSemiBold';
            color: #ffffff;
            text-align: center;
            vertical-align: middle;
            border-top: 1px solid white;
        }

        .CodecInformationContainer table thead th.Information {
            background: #4abae4;
            border-right: 1px solid #88d2ed;
        }

        .CodecInformationContainer table thead th.Bandwidth {
            background: #b7d372;
            border-right: 1px solid #d0e2a2;
        }

        .CodecInformationContainer table thead th.InfoLast {
            background: #4abae4;
            border-right: 1px solid #d0e2a2;
        }

        .CodecInformationContainer table thead .First th.Information, .CodecInformationContainer table thead .First th.Bandwidth {
            padding: 9px 0 9px 0;
            font-weight: normal;
            color: #ffffff;
            font: 16px 'MyriadProSemiBold';
            text-align: center;
            border-bottom: 1px solid white;
            border-right: 1px solid #bdd77d;
        }

        .CodecInformationContainer table thead .First th.Information {
            background: #00a0dc;
        }

        .CodecInformationContainer table thead .First th.Bandwidth {
            background: #9bc339;
        }

        .CodecInformationContainer table thead th.LastTh {
            border-right: none;
        }

        .CodecInformationContainer table tbody td.Information, .CodecInformationContainer table tbody td.Bandwidth {
            padding: 13px 0 15px 0;
            color: #5e5e5e;
            font-size: 15px;
            text-align: center;
            border-bottom: 1px solid white;
            vertical-align: middle;
        }

        .CodecInformationContainer table tbody td.Information {
            background: #eff4f6;
        }

        .CodecInformationContainer table tbody td.Bandwidth {
            background: #f4f5f1;
        }

        .CodecInformationContainer table tbody td.InfoLast {
            border-right: 1px solid #ecf2f0;
        }

.ExplanationContainer {
    /*width: 900px;*/
}

    .ExplanationContainer .ExplanationContent div.ExplanationContentLeft {
        width: 46%;
        padding-right: 30px;
    }

    .ExplanationContainer .ExplanationContent div.ExplanationContentRight {
        width: 46%;
    }

    .ExplanationContainer .ExplanationContent div.ExplanationContentLeft, .ExplanationContainer .ExplanationContent div.ExplanationContentRight, .FAQContainer .FAQContent div.FAQContentLeft, .FAQContainer .FAQContent div.FAQContentRight {
        display: inline-block;
        vertical-align: top;
    }

.FAQContainer .FAQContent {
    padding-right: 60px;
}

.Splitter {
    padding: 0 10px 100px 0;
    background: url(./images/bg_supportform_splitter.png) no-repeat 100% 15px;
}

.SupportPage .RightDiv {
    padding: 0;
    float: right;
}

.ddlEnquiryType {
}




/*Support Page Css Start*/
.supportpanel {
    /*background: url("images/banner_bg.png") repeat-x scroll 0 0 transparent;*/
    height: 69px;
    width: 100%;
    border-bottom: 1px solid #DBDCDD;
    border-top: 1px solid #DBDCDD;
}

.supportpage {
    margin: 0 auto;
    padding: 0;
}

.supportcontent {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #fafafa;
}

.supportheading {
    /*background: url("images/bannerbg2.jpg") repeat-x scroll 0 0 transparent;*/
    height: 69px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
/*
    .supportheading h1 {
        font-family: 'PNBold', Arial, Sans-Serif;
        font-size: 31px;
        color: #fff;
        padding: 19px 0 0 0;
        margin: 0 auto;
        width: 900px;
    }
    */
.supportcontent {
    /*	background: url(../../images/bg_support.png) repeat-x;
		width: 850px;
		height: 2612px;*/
    font-family: 'MyriadProRegular';
    font-size: 14px;
    color: #5d5d5d;
}

.SupportPageTitle {
    /*		font-size: 21px;
		padding: 11px 24px 0 24px;
    */
    color: #5D5D5D;
    font: 21px 'MyriadProSemiBold';
    padding: 5px 24px;
    background-color: #f2f2f2;
}

.supportcontent .rightdiv .section h2 {
    font-family: 'MyriadProSemiBold';
    font-size: 16px;
}

.supportcontent .leftdiv {
    float: left;
    width: 36%;
    background: #f1f1f1;
    min-width: 246px;
    min-height: 1425px;
    border-right: 1px solid #dfdfdf;
}

    .supportcontent .leftdiv .menudiv {
        float: right;
        font-size: 16px;
        color: #3d3d3e;
        padding-top: 45px;
    }

        .supportcontent .leftdiv .menudiv .mainmenu {
            position: relative;
            width: 200px;
        }

            .supportcontent .leftdiv .menudiv .mainmenu ul.level1 {
                float: none !important;
                position: relative !important;
                display: block !important;
                width: 206px !important;
            }

            .supportcontent .leftdiv .menudiv .mainmenu ul li {
                list-style-type: none;
                line-height: 35px;
                border-radius: 6px 0 0 6px;
                padding-left: 8px;
                display: block;
                outline: none;
            }

                .supportcontent .leftdiv .menudiv .mainmenu ul li.selected {
                    position: relative;
                    background: #fafafa;
                    border-left: 1px solid #dfdfdf;
                    border-top: 1px solid #dfdfdf;
                    border-bottom: 1px solid #dfdfdf;
                    float: left;
                    width: 192px;
                    box-shadow: 0 12px 9px -10px #DBDCDD;
                }

                .supportcontent .leftdiv .menudiv .mainmenu ul li a {
                    display: block;
                    /* width: 80%;*/
                    width: 100%;
                    color: inherit;
                    white-space: normal !important;
                    outline: none !important;
                }

            .supportcontent .leftdiv .menudiv .mainmenu a.popout {
                background: none !important;
            }

        .supportcontent .leftdiv .menudiv ul.level2 {
            display: none !important;
        }

        .supportcontent .leftdiv .menudiv .mainmenu ul li.selected ul.level2 {
            display: inline-block !important;
            left: -14px !important;
            top: 0 !important;
            position: relative !important;
            width: 107% !important;
        }
        /*
        .supportcontent .leftdiv .menudiv .mainmenu ul li.selected > a {
            font-family: 'PNSemiBold' !important;
        }
*/


        .supportcontent .leftdiv .menudiv ul.level2 li {
            vertical-align: middle;
            height: 30px;
            outline: none !important;
        }

            .supportcontent .leftdiv .menudiv ul.level2 li a {
                display: block;
                height: 19px;
                color: #3d3d3e;
                border-radius: 6px;
                padding: 3px 0 0 20px;
                line-height: 16px;
                width: 90%;
                outline: none !important;
            }

            /*
        .supportcontent .leftdiv .menudiv ul.level2 {
            padding: 0;
        }
*/

            .supportcontent .leftdiv .menudiv ul.level2 li.dynamic a.selected {
                background: #4f8ad1;
                color: #fff !important;
            }

            .supportcontent .leftdiv .menudiv ul.level2 li a:hover, .supportcontent .leftdiv .menudiv ul.level2 li.subselected a {
                background: #4f8ad1;
                color: #fff;
            }


.supportcontent .rightdiv {
    padding-top: 25px;
    padding-left: 25px;
    float: left;
    width: 56%;
}

    .supportcontent .rightdiv .menucontentarea {
    }

        .supportcontent .rightdiv .menucontentarea h1 {
            font-family: 'MyriadProBold';
            color: #00A0DC;
            font-size: 19px;
            margin: 0;
            padding: 0;
        }

        .supportcontent .rightdiv .menucontentarea p {
            font-size: 14px;
            padding: 0;
            margin: 1px 0 0 0;
        }

            .supportcontent .rightdiv .menucontentarea p.biggerfont {
                font-size: 16px;
            }


    .supportcontent .rightdiv .section {
        padding-bottom: 20px;
    }

    .supportcontent .rightdiv .menucontentarea table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        margin-top: 20px;
    }

        .supportcontent .rightdiv .menucontentarea table th {
            background: #f0f0f0;
            font-family: 'MyriadProSemicondensed';
            color: #414042;
            font-size: 16px;
            font-weight: normal;
            text-align: left;
        }

        .supportcontent .rightdiv .menucontentarea table td, .supportcontent .rightdiv .menucontentarea table th {
            padding-left: 10px;
            line-height: 25px;
        }

        .supportcontent .rightdiv .menucontentarea table td {
            color: #414042;
            border-bottom: 1px solid #f0f0f0;
            vertical-align: top;
        }

            .supportcontent .rightdiv .menucontentarea table td + td {
                border-left: 1px solid #f0f0f0;
                vertical-align: top;
            }


    .supportcontent .rightdiv .menucontentarea strong {
        font-family: 'MyriadProSemibold';
        font-weight: normal;
        color: #000;
    }

    .supportcontent .rightdiv .menucontentarea .notes {
        background: #f2f6eb;
        margin-top: 14px;
        padding: 18px;
    }

        .supportcontent .rightdiv .menucontentarea .notes p + p {
            margin-top: 22px;
        }

    .supportcontent .rightdiv .menucontentarea p.margintop {
        margin-top: 22px;
    }

    .supportcontent .rightdiv .menucontentarea ul {
        margin: 0;
        padding: 4px 0 0 24px;
    }

        .supportcontent .rightdiv .menucontentarea ul li {
            /*     line-height: 30px;*/
            list-style-type: none;
            text-align: left;
        }

            .supportcontent .rightdiv .menucontentarea ul li span {
                padding-right: 5px;
                color: #000;
                font-family: 'PNRegular';
                font-style: normal;
            }


    .supportcontent .rightdiv .menucontentarea .bulletlist li {
        list-style-type: disc;
    }

    .supportcontent .rightdiv .menucontentarea .cputable li {
        list-style-type: disc;
    }



    .supportcontent .rightdiv .menucontentarea .bulletlist li {
        list-style-type: disc;
    }


.apiparameters .optional {
    font-style: italic;
    color: gray;
}


#links {
    margin: 20px 0;
}

    #links h5 {
        font-family: 'PNBold';
        font-size: 14px;
        padding: 0;
        margin: 0 0 8px 0;
    }

    #links a {
        padding: 3px 0;
        display: block;
        color: #2770c9;
    }

        #links a:hover {
            text-decoration: underline;
        }
/*Support Page Css End*/



























/* 4.6 Contact Us
------------------------------------------------------------------------------*/
.ContactUsContentPage {
    background: url(./images/bg_contactus.png) repeat-x;
    width: 850px;
    height: 728px;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

.ContentPage .ContactUsTitle {
    font-size: 21px;
    padding: 11px 24px 0 24px;
    color: #5D5D5D;
}

.ContentPage .LeftDiv {
    float: left;
}

.ContentPage .RightDiv {
    float: right;
}

.ContentPage .PageSplitter {
    padding-right: 40px;
    background: url(./images/bg_contactus_splitter.png) no-repeat 100% 0;
}

.ContactUsPage .ContactUsForm {
}

    .ContactUsPage .ContactUsForm input[type="text"], .ContactUsPage .ContactUsForm input[type="password"], .ContactUsPage .ContactUsForm textarea, .ContactUsPage .ContactUsForm select {
        font-family: 'MyriadProSemiCondensed';
        position: relative;
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin: 4px 0 0 0;
        padding: 0 0 0 5px;
        width: 214px;
        height: 24px;
    }

    .ContactUsPage .ContactUsForm textarea {
        height: 135px;
        margin-bottom: 4px;
    }

.ContactUsForm .SubmitStatus {
    font-size: 14px;
    color: #00A0DC;
}

.ContactUsForm table tr {
    height: 36px;
}

.ContactUsForm table td.Labels {
    font-family: 'MyriadProSemiCondensed';
    padding: 9px 0 0 0;
    width: 101px;
}

.ContactUsForm a {
    float: right;
    display: inline-block;
    width: 108px;
    height: 30px;
    background: url(./images/bg_button_contactus.png) no-repeat;
    font: normal 16px 'MyriadProBold', Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    padding-top: 10px;
}

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

.MapContainer {
    border: 1px solid #BCBCBC;
    border-radius: 1px;
    width: 360px;
    margin: 27px 0 0 0;
}

.ContactUsForm .RightDiv {
    padding: 0 50px 0 10px;
}

.TimmingDiv {
    margin: 0 0 32px 0;
}

    .TimmingDiv span, .AddressDiv span {
        display: block;
    }

        .TimmingDiv span.Title, .AddressDiv .Title {
            font-size: 18px;
            font-family: 'MyriadProSemiBold';
            font-weight: normal;
            color: #00A0DC;
        }

        .TimmingDiv span.Timming {
            font-family: 'MyriadProSemiBold';
            font-size: 15px;
            color: #5D5D5D;
        }

        .TimmingDiv span.PhoneNumber {
            font-family: 'MyriadProRegular';
            font-size: 13px;
            padding: 0 0 0 24px;
            background: url('./images/bg_telephone.png') no-repeat 0;
            color: #5D5D5D;
        }

        .TimmingDiv span.Email {
            font-family: 'MyriadProRegular';
            font-size: 14px;
            text-decoration: underline;
            padding: 0 0 0 24px;
            background: url('./images/bg_email.png') no-repeat 0px 7px;
            color: #5D5D5D;
        }

        .AddressDiv span.Title {
            font-family: 'MyriadProSemiBold';
            font-size: 18px;
        }

        .AddressDiv span.Content {
            font-family: 'MyriadProRegular';
            font-size: 14px;
            padding: 0 0 12px 0;
            color: #5D5D5D;
        }
/* 4.7 Privacy Policy
------------------------------------------------------------------------------*/
.PrivacyContentPage, .SimpleContentPage {
    /*background: url(../Styles/images/bg_support.png) repeat-x;*/
    width: 850px;
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .PrivacyContentPage .PrivacyPageTitle, .SimpleContentPage .SimplePageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

.PrivacyPage {
}

    .PrivacyPage .PrivacyPolicyContainer {
    }

        .PrivacyPage .PrivacyPolicyContainer div {
            padding-top: 20px;
        }

            .PrivacyPage .PrivacyPolicyContainer div.FirstDiv {
                padding-top: 0;
            }

            .PrivacyPage .PrivacyPolicyContainer div span {
                font-family: 'MyriadProSemiBold';
                display: block;
                color: #00A0DC;
                font-size: 19px;
                font-weight: normal;
                line-height: 30px;
            }

            .PrivacyPage .PrivacyPolicyContainer div a {
                color: #5866ae;
                font-style: italic;
                text-decoration: none;
            }

                .PrivacyPage .PrivacyPolicyContainer div a:hover, .PrivacyPage .PrivacyPolicyContainer div a:focus, .PrivacyPage .PrivacyPolicyContainer div a:visited {
                    color: #5866ae;
                    font-style: italic;
                    text-decoration: underline;
                }

            .PrivacyPage .PrivacyPolicyContainer div b {
                font-family: 'MyriadProSemiBold';
                font-size: 16px;
            }
/* 4.8 Number Portability
------------------------------------------------------------------------------*/
.LNPContentPage {
    /*background: url(./images/bg_HIW.png) repeat-x;*/
    /*width: 850px;*/
    /*width: 820px;*/
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .LNPContentPage .LNPPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

.LNPPage {
    padding: 0;
}

    .LNPPage .LNPTextContainer {
    }

        .LNPPage .LNPTextContainer div {
            padding-top: 20px;
        }

            .LNPPage .LNPTextContainer div.FirstDiv {
                padding-top: 0;
            }

        .LNPPage .LNPTextContainer ol {
            list-style: inherit;
            list-style-type: decimal;
            list-style-position: inside;
            color: #00A0DC;
            font-family: 'MyriadProBold';
            font-size: 16px;
            font-weight: normal;
            padding: 0 0 0 8px;
        }

        .LNPPage .LNPTextContainer span {
            display: block;
            font-family: 'MyriadProRegular';
        }

        .LNPPage .LNPTextContainer ol li span {
            display: inline-block;
            color: #5E5E5E;
            font-weight: normal;
            font-size: 15px;
            font-family: 'MyriadProRegular';
        }

        .LNPPage .LNPTextContainer span.PunchLine {
            font-size: 21px;
            color: #00a0dc;
            text-align: center;
        }

        .LNPPage .LNPTextContainer span.Header {
            color: #00A0DC;
            font-size: 17px;
            font-family: 'MyriadProSemiBold';
            padding-bottom: 3px;
        }

        .LNPPage .LNPTextContainer span.Footer {
            font-size: 13px;
            font-style: italic;
            padding: 25px 0 0 0;
        }

        .LNPPage .LNPTextContainer a {
            color: #5d5d5d;
        }

    .LNPPage div.divBorder {
        padding: 15px;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        margin-top: 20px;
    }

    .LNPPage .LNPTextContainer div b, .LNPPage .LNPTextContainer div a {
        font-family: 'MyriadProSemiCondensed';
        font-weight: normal;
        font-size: 16px;
    }

    .LNPPage .LNPTextContainer span.PunchLine b {
        font-family: 'MyriadProBold';
        font-weight: normal;
        font-size: 21px;
    }

    .LNPPage .LNPTextContainer div a.ServicePlan {
        font-style: italic;
        font-weight: normal;
        font-family: 'MyriadProRegular';
    }

    .LNPPage .LNPTextContainer div a.Normal {
        color: #00A0DC;
        font-weight: normal;
        font-family: 'MyriadProRegular';
    }

    .LNPPage div.divBorder {
        padding: 15px;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        margin-top: 20px;
    }

.JinglCloudBackground {
    background: url(./images/bg_JinglCloud.png) no-repeat 100% 40%;
    height: auto;
    padding: 25px 180px 18px 0;
}

.LNPPage .LNPTextContainer span.SmallFont {
    font-size: 15px;
}
/* 4.9 Terms and Conditions
------------------------------------------------------------------------------*/
.TACContentPage {
    /*background: url(../Styles/images/bg_support.png) repeat-x;*/
    /*width: 850px;*/
    /*width: 820px;*/
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .TACContentPage .TACPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }


.TACPage .TACPolicyContainer {
}

    .TACPage .TACPolicyContainer div {
        padding-top: 20px;
    }

        .TACPage .TACPolicyContainer div.FirstDiv {
            padding-top: 0;
        }

    .TACPage .TACPolicyContainer ul {
        list-style: inherit;
        list-style-type: decimal;
        list-style-position: inside;
        color: #00A0DC;
        font-family: 'MyriadProBold';
        font-size: 16px;
        font-weight: normal;
        padding: 0 0 0 8px;
    }

    .TACPage .TACPolicyContainer ul {
        list-style-type: none;
    }

        .TACPage .TACPolicyContainer ul li {
            background: url(./images/bg_ul_li_blue.png) no-repeat 0% 12px;
            padding-left: 10px;
        }

    .TACPage .TACPolicyContainer span {
        font-family: 'MyriadProSemiBold';
        display: block;
        color: #00A0DC;
        font-size: 19px;
        font-weight: normal;
        line-height: 30px;
    }

    .TACPage .TACPolicyContainer li span {
        color: #5E5E5E;
        font-weight: normal;
        font-size: 15px;
        font-family: 'MyriadProRegular';
    }

    .TACPage .TACPolicyContainer div a {
        color: #5866ae;
        font-style: italic;
        text-decoration: none;
    }

        .TACPage .TACPolicyContainer div a:hover, .TACPage .TACPolicyContainer div a:focus, .TACPage .TACPolicyContainer div a:visited {
            color: #5866ae;
            font-style: italic;
            text-decoration: underline;
        }

    .TACPage .TACPolicyContainer div b {
        font-family: 'MyriadProSemiBold';
        font-size: 16px;
    }
/* 4.10 Local Number Portability Agreement
------------------------------------------------------------------------------*/
.LNPAContentPage {
    /*background: url(../Styles/images/bg_support.png) repeat-x;*/
    width: 850px;
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .LNPAContentPage .LNPAPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

.LNPAPage {
}

    .LNPAPage .LNPAPolicyContainer {
    }

        .LNPAPage .LNPAPolicyContainer div {
            padding-top: 20px;
        }

            .LNPAPage .LNPAPolicyContainer div.FirstDiv {
                padding-top: 0;
            }

        .LNPAPage .LNPAPolicyContainer ul {
            list-style: inherit;
            list-style-type: decimal;
            list-style-position: inside;
            color: #00A0DC;
            font-family: 'MyriadProBold';
            font-size: 16px;
            font-weight: normal;
            padding: 0 0 0 8px;
        }

        .LNPAPage .LNPAPolicyContainer ul {
            list-style-type: none;
        }

            .LNPAPage .LNPAPolicyContainer ul li {
                background: url(./images/bg_ul_li_blue.png) no-repeat 0% 12px;
                padding-left: 10px;
            }

        .LNPAPage .LNPAPolicyContainer span {
            font-family: 'MyriadProSemiBold';
            display: block;
            color: #00A0DC;
            font-size: 19px;
            font-weight: normal;
            line-height: 30px;
        }

        .LNPAPage .LNPAPolicyContainer li span {
            color: #5E5E5E;
            font-weight: normal;
            font-size: 15px;
            font-family: 'MyriadProRegular';
        }

        .LNPAPage .LNPAPolicyContainer div a {
            color: #5866ae;
            font-style: italic;
            text-decoration: none;
        }

            .LNPAPage .LNPAPolicyContainer div a:hover, .LNPAPage .LNPAPolicyContainer div a:focus, .LNPAPage .LNPAPolicyContainer div a:visited {
                color: #5866ae;
                font-style: italic;
                text-decoration: underline;
            }

        .LNPAPage .LNPAPolicyContainer div b {
            font-family: 'MyriadProSemiBold';
            font-size: 16px;
        }
/* 4.11 Sign Up
------------------------------------------------------------------------------*/
.SignUpWrapper {
    margin: 10px;
}

.SignUp {
    background: url(../Styles/images/bg_signup.png) repeat-x;
    width: 850px;
    margin: 0 auto;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    -moz-box-shadow: 0 0 3px #EFEFEF;
    -webkit-box-shadow: 0 0 3px #EFEFEF;
    box-shadow: 0 0 3px #EFEFEF;
}

    .SignUp .SignUpTitle {
        font: 36px 'MyriadProSemiBold';
        padding: 5px 24px;
    }

        .SignUp .SignUpTitle .SignUpLinks {
            display: inline-block;
            font: normal 13px 'MyriadProBold';
            float: right;
            padding: 20px 0px 0px 0px;
            color: #a8a8a8;
        }

            .SignUp .SignUpTitle .SignUpLinks a, .SignUp .SignUpTitle .SignUpLinks a:active, .SignUp .SignUpTitle .SignUpLinks a:focus, .SignUp .SignUpTitle .SignUpLinks a:visited {
                text-decoration: underline;
                color: #a8a8a8;
            }

                .SignUp .SignUpTitle .SignUpLinks a.selectedLink {
                    color: #94ba37;
                }

                .SignUp .SignUpTitle .SignUpLinks a:hover {
                    color: #94ba37;
                }

            .SignUp .SignUpTitle .SignUpLinks span {
                display: inline-block;
            }

            .SignUp .SignUpTitle .SignUpLinks .FirstLink {
                border-right: 1px solid #dddddd;
                padding: 0 10px 0 0;
            }

            .SignUp .SignUpTitle .SignUpLinks .LastLink {
                padding: 0 0 0 10px;
            }

            .SignUp .SignUpTitle .SignUpLinks .FirstLinkWrapper {
                border-right: 1px solid #5d5d5d;
            }

    .SignUp .SignUpStepOneContainer {
        padding: 5px 24px;
    }

    .SignUp .SignUpStepTwoContainer {
        padding: 5px 24px;
    }

    .SignUp .SignUpStepOneContainer .TitleText span {
        display: block;
        font: 21px 'MyriadProSemiBold';
        color: #00a0dc;
    }

    .SignUp .SignUpStepOneContainer .TitleText {
        font-size: 16px;
        color: #5D5D5D;
        font-family: 'MyriadProRegular';
        padding: 0 0 20px 0;
    }

    .SignUp .SignUpStepOneContainer .NameFields, .UserFields, .CompanyFields, .LocationFields, .SiteNameFields, .SignUp .SignUpStepTwoContainer .RadioPlanFields, .SignUp .SignUpStepTwoContainer .CardDataFields, .SignUp .SignUpStepTwoContainer .CreateAccountConfirmation {
        padding: 0 0 15px 40px;
    }

    .SignUp .SignUpStepOneContainer table {
        padding: 3px;
    }

        .SignUp .SignUpStepOneContainer table tr, .SignUp .SignUpStepTwoContainer table tr {
            height: 36px;
        }

    .SignUp .SignUpStepOneContainer .SiteNameFields table tr {
        height: 46px;
    }

    .SignUp .SignUpStepOneContainer table td.Labels, .SignUp .SignUpStepTwoContainer table td.Labels {
        font-family: 'MyriadProRegular';
        font-size: 13px;
        padding: 9px 0 0 0;
        width: 115px;
        color: #6B6B6B;
    }

    .SignUp .SignUpStepTwoContainer table td.Labels {
        width: 155px;
    }

    .SignUp .SignUpStepOneContainer table td.Labels div {
        display: inline-block;
        background: url('../Styles/images/bg_question_blue.png') no-repeat;
        width: 12px;
        height: 12px;
        cursor: pointer;
    }

    .SignUp .SiteNameFields a {
        color: #00A0DC
    }

    label.error {
        font-family: 'MyriadProSemiCondensed';
        font-size: 13px;
        color: #FF2B2B;
    }

.SiteNameFields label.error {
    display: block;
}

.SignUp .SignUpStepOneContainer table td.Extended, .SignUp .SignUpStepTwoContainer table td.Extended {
    padding: 9px 0 0 13px;
    width: 260px;
}

.SignUp .SignUpStepOneContainer input[type="text"], .SignUp .SignUpStepOneContainer input[type="password"], .SignUp .SignUpStepOneContainer textarea, .SignUp .SignUpStepOneContainer select {
    font-family: 'MyriadProSemiCondensed';
    position: relative;
    border: 1px solid #D1D1D1;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin: 4px 0 0 0;
    padding: 0 0 0 5px;
}

.SignUp .SignUpInput {
    width: 353px;
    height: 24px;
}

.divTopBorder {
    border-top: solid 1px #d6d6d6;
    padding-top: 29px;
}

.divCompleteBorderBackground {
    background-color: #00a0dc;
    border-radius: 6px;
    padding-top: 25px;
}

.divCompleteBorder {
    border: solid 1px #D6D6D6;
    border-radius: 6px;
    padding-top: 25px;
}

.divCompleteBorder + .divCompleteBorder {
    margin-top: 15px;
}

.SignUp .SignUpStepOneContainer .SiteNameFields .TitleText {
    padding: 0;
}

.SignUp .SignUpStepOneContainer .SiteNameFields table {
    /*margin: 0 auto 0 auto;*/
    text-align: left;
}

    .SignUp .SignUpStepOneContainer .SiteNameFields table td.Labels {
        color: #313131;
        width: 50px;
    }

    .SignUp .SignUpStepOneContainer .SiteNameFields table td.Extended {
        color: #313131;
        padding: 9px 0 0 7px;
        width: 75px;
    }

.SignUp .SignUpStepOneContainer .SiteNameFields input[type="text"] {
    width: 145px;
}

.SignUp .SignUpStepTwoContainer div.RadioPlanFields {
    padding: 20px 139px 10px 85px;
}

.SignUp .divBorder {
    border: solid 1px #D6D6D6;
    border-radius: 4px;
    margin-bottom: 8px;
    height: 46px;
    font-size: 12px;
    font-family: 'MyriadProRegular';
}

    .SignUp .divBorder div {
        vertical-align: top;
        display: inline-block;
        border-right: 1px solid #D6D6D6;
        height: 100%;
    }

    .SignUp .divBorder .RadioButtonDiv {
        position: relative;
        width: 135px;
    }

        .SignUp .divBorder .RadioButtonDiv div {
            border: none;
            display: none;
            position: absolute;
            left: -21px;
            top: 18px;
            height: 10px;
            width: 11px;
            background: url('../Styles/images/bg_tick.png') no-repeat;
        }

        .SignUp .divBorder .RadioButtonDiv label {
            display: block;
            padding: 17px 0 0 33px;
            background: url('../Styles/images/bg_radio_unckecked.png') no-repeat 9% 100%;
            font-family: 'MyriadProBold';
            font-size: 16px;
        }

    .SignUp .divBorder .SignUpPriceDiv {
        width: 114px;
        text-align: center;
    }

    .SignUp .divBorder .OpeningBalDiv {
        width: 135px;
    }

    .SignUp .divBorder .ExtentionsDiv {
        border: none;
        width: auto;
        padding: 13px 0 0 0;
    }

    .SignUp .divBorder div.InnerDiv {
        margin: 4px 0 0 0;
        display: block;
        height: auto;
        text-align: center;
        border: none;
        font-family: 'MyriadProBold';
    }

    .SignUp .divBorder .SignUpPriceDiv div.InnerDiv {
        color: #00A0DC;
        font-size: 23px;
        font-weight: normal;
    }

    .SignUp .divBorder span {
        text-align: center;
        display: block;
        margin: -4px 0 0 0;
    }

    .SignUp .divBorder .OpeningBalDiv div.InnerDiv {
        color: #96BC37;
        font-size: 19px;
        font-family: 'MyriadProSBdSCn';
    }

    .SignUp .divBorder .SignUpPriceDiv span {
        color: #00A0DC;
        font-size: 12px;
    }

    .SignUp .divBorder .OpeningBalDiv span {
        color: #96BC37;
        font-size: 11px;
        font-family: 'MyriadProSemiCondensed';
    }

.divBorder .ExtentionsDiv div.InnerDiv {
    color: #00A0DC;
    font-size: 16px;
    font-family: 'MyriadProSemiCondensed';
}

.SignUp .divBorder .RadioButtonDiv input[type='radio'] {
    position: absolute;
    left: -9999px;
}

.divChecked {
    background: #EBEBEB;
}

    .divChecked .RadioButtonDiv label {
        background: url('../Styles/images/bg_radio_checked.png') no-repeat 9% 100%;
    }

    .divChecked .RadioButtonDiv div {
        display: block;
    }

.CardDataFields .CardFieldTableContainer {
    padding: 24px 0 0 44px;
}

    .CardDataFields .CardFieldTableContainer input[type='text'] {
        font-family: 'MyriadProSemiCondensed';
        position: relative;
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        margin: 4px 0 0 0;
        height: 24px;
        padding: 0 0 0 5px;
    }

    .CardDataFields .CardFieldTableContainer .CardExpiryFields select {
        width: 35px;
    }

    .CardDataFields .CardFieldTableContainer .CardNumberField {
        width: 200px;
    }

    .CardDataFields .CardFieldTableContainer .CardFirstName, .CardDataFields .CardFieldTableContainer .CardLastName {
        width: 100px;
    }

.RadioWrapper {
    padding: 0px 0 0 30px;
    display: inline-block;
    background: url('../Styles/images/bg_radio_unckecked.png') no-repeat 12% 36%;
}

    .RadioWrapper input[type='radio'] {
        position: absolute;
        left: -9999px;
    }

.RadioChecked {
    background: url('../Styles/images/bg_radio_checked.png') no-repeat 12% 36%;
}

.CardDataFields .CardFieldTableContainer .CardTypeFields span {
    display: inline-block;
    border: 1px solid #dcdcdc;
    width: 71px;
    height: 29px;
}

    .CardDataFields .CardFieldTableContainer .CardTypeFields span.VisaSpan {
        background: url('../Styles/images/bg_visa.png') no-repeat;
    }

    .CardDataFields .CardFieldTableContainer .CardTypeFields span.MasterCardSpan {
        background: url('../Styles/images/bg_mastercard.png') no-repeat;
    }

.CardDataFields .CardFieldTableContainer .PrivacyPolicy {
    padding: 16px 0 0 0;
    font-size: 13px;
    font-family: 'MyriadProRegular';
    color: #6B6B6B;
}

    .CardDataFields .CardFieldTableContainer .PrivacyPolicy span a {
        color: #5866ae;
        font-style: italic;
        text-decoration: none;
    }

        .CardDataFields .CardFieldTableContainer .PrivacyPolicy span a:hover, .CardDataFields .CardFieldTableContainer .PrivacyPolicy span a:focus, .CardDataFields .CardFieldTableContainer .PrivacyPolicy span a:visited {
            color: #5866ae;
            font-style: italic;
            text-decoration: underline;
        }

.CreateAccountConfirmation div {
    color: #ffffff;
    font-family: 'MyriadProRegular';
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

    .CreateAccountConfirmation div.TitleText {
        font-family: 'MyriadProSBdSCn';
        font-size: 23px;
    }

.CreateAccountConfirmation a {
    color: #ffffff;
    font-style: italic;
    font-family: 'MyriadProSemiCondensed';
}

.btnCreateAccount {
    background: url("../Styles/images/bg_createaccount.png") no-repeat transparent;
    width: 174px;
    height: 40px;
}

.btnBack {
    background: url("../Styles/images/bg_button_yesno.png") no-repeat transparent;
    width: 60px;
    height: 40px;
}

.ButtonFields {
    padding: 10px 0 0 0;
}

.YearDropDown .ddlTimeZone .ddlServerSite .MonthDropDown {
}

.SignUp input[type="text"].error, .SignUp input[type="password"].error {
    border: 1px solid #FF2B2B;
}
/*Drop Down OverRiding*/
.SignUp div.dk_container {
    margin: 0 10px 0 0;
}

#checkBoxError {
    display: inline-block;
    width: 50px;
    height: 25px;
}

.SignUp .SignUpSuccess {
    padding: 10px 0px 0px 10px;
    font-size: 16px;
    font-family: 'MyriadProRegular';
    color: #00a0dc;
}

.SignUp .SignUpFailure {
    padding: 10px 0px 0px 10px;
    font-size: 16px;
    font-family: 'MyriadProRegular';
    color: red;
}

.SignUp .SignUpStepTwoContainer .StepTwoError {
    padding: 10px 0px 0px 10px;
    font-size: 16px;
    font-family: 'MyriadProRegular';
    color: red;
}
/* 4.12 Security Policy
------------------------------------------------------------------------------*/
.SecurityContentPage {
    /*background: url(../Styles/images/bg_support.png) repeat-x;*/
    width: 850px;
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .SecurityContentPage .SecurityPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

.SecurityPage {
}

    .SecurityPage .SecurityPolicyContainer {
    }

        .SecurityPage .SecurityPolicyContainer div {
            padding-top: 20px;
        }

            .SecurityPage .SecurityPolicyContainer div.FirstDiv {
                padding-top: 0;
            }

            .SecurityPage .SecurityPolicyContainer div span {
                font-family: 'MyriadProSemiBold';
                display: block;
                color: #00A0DC;
                font-size: 19px;
                font-weight: normal;
                line-height: 30px;
            }

            .SecurityPage .SecurityPolicyContainer div a, .SecurityPage .SecurityPolicyContainer div b {
                color: #5d5d5d;
                font-family: 'MyriadProSemiCondensed';
                font-weight: normal;
                font-size: 16px;
            }

                .SecurityPage .SecurityPolicyContainer div a:hover, .SecurityPage .SecurityPolicyContainer div a:focus, .SecurityPage .SecurityPolicyContainer div a:visited {
                    text-decoration: underline;
                }

    .SecurityPage div.divBorder {
        position: relative;
        padding: 15px;
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        margin-top: 20px;
    }
/* 5 PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

    body {
        font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
    }

    a[href]:after {
        content: " (" attr(href) ") ";
        font-size: 90%;
    }

    a[href^="/"]:after {
        content: " (http://domain.com" attr(href) ") ";
    }

    ol#accessibility-nav, .hide {
        display: none !important;
    }
}



.NetworkTestContainer table {
    border-collapse: collapse;
}

    .NetworkTestContainer table td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.NetworkTestContainer a {
    background: url('./images/bg_longer_button.png') no-repeat scroll 0 0 transparent;
    color: white !important;
    text-decoration: none !important;
    display: block;
    font-size: 13px;
    font-weight: normal;
    height: 35px;
    padding: 8px 0 0;
    text-align: center;
    width: 173px;
}

    .NetworkTestContainer a:visited, .NetworkTestContainer a:active, .NetworkTestContainer a:focus {
        color: white !important;
        text-decoration: none !important;
    }



/*Fahad's Addition*/
.numbercharges-wrapper {
    height: auto;
    clear: both;
    padding-bottom: 41px;
    background: url("./images/bg_content-wrapper-small.png") no-repeat 50% 100%;
}

    .numbercharges-wrapper .talk fieldset {
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 12px;
        padding-top: 12px;
        border-bottom: 1px solid #ececec;
    }

    .numbercharges-wrapper .middle-section {
    }

        .numbercharges-wrapper .middle-section label {
            width: 30%;
            padding: 0px 0px 0px 4px;
            font: normal 21px 'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            color: #00a0dc;
        }

        .numbercharges-wrapper .middle-section .middle-text {
            margin-left: 24px;
            margin-right: 40px;
            margin-top: 12px;
            display: inline-block;
            font-family: 'MyriadProRegular';
            font-weight: normal;
            color: #5e5e5e;
            font-size: 12px;
        }


    .numbercharges-wrapper .talk {
        margin: 0 auto;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
    }

        .numbercharges-wrapper .talk h2 {
            width: 30%;
            padding: 0px 0px 0px 4px;
            font: bold 25px 'MyriadPro', Arial, Helvetica, sans-serif;
            color: white;
        }

    .numbercharges-wrapper .middle-section a.ViewRates {
        clear: both;
        display: inline-block;
        margin: 25px 0 0 16px;
    }

    .numbercharges-wrapper .bottom-section .rates {
        width: 48%;
        padding-top: 18px;
        font-weight: bold;
        font-size: 19px;
        color: #5e5e5e;
        text-align: center;
    }

        .numbercharges-wrapper .bottom-section .rates > span {
            display: block;
            padding-bottom: 27px;
        }

        .numbercharges-wrapper .bottom-section .rates + .rates {
            border-left: 1px solid #ececec;
        }

        .numbercharges-wrapper .bottom-section .rates strong {
            font-weight: bold;
            font-size: 23px;
        }

        .numbercharges-wrapper .bottom-section .rates > div {
            font-size: 16px;
            font-weight: normal;
        }

        .numbercharges-wrapper .bottom-section .rates .inter-call-collection {
            font-size: 12px;
            font-weight: normal;
            padding-bottom: 0px;
            padding-top: 10px;
            font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
        }

    .numbercharges-wrapper .bottom-section .call-rates > span {
        display: inline-block;
        font-weight: normal;
        text-align: left;
    }

    .numbercharges-wrapper .bottom-section .call-rates strong {
        font-size: 26px;
    }

    .numbercharges-wrapper .bottom-section .call-rates sup {
        color: #5e5e5e;
        font-weight: bold;
        font-size: 19px;
        display: block;
    }

    .numbercharges-wrapper .bottom-section .call-rates sub {
        font-size: 17px;
    }

    .numbercharges-wrapper .bottom-section .landline-rate {
        background: url(images/bg_talk_landline.png) no-repeat;
        padding-left: 55px;
    }

    .numbercharges-wrapper .bottom-section .mobile-rate {
        background: url(images/bg_talk_mobile.png) no-repeat;
        padding-left: 38px;
        margin-left: 43px;
    }

    .numbercharges-wrapper .bottom-section .thirteen {
        background: url(images/bg_talk_number.png) no-repeat;
        padding: 3px 0 3px 51px;
        display: inline-block;
        margin-top: 9px;
    }

    .numbercharges-wrapper .bottom-section .eighteen {
        background: url(images/bg_eighteen.png) no-repeat;
        padding: 3px 0 3px 51px;
        margin-top: 9px;
        display: inline-block;
        margin-left: 25px;
    }

    .numbercharges-wrapper .bottom-section ul {
        padding-top: 12px;
        border-top: none !important;
        padding-bottom: 15px;
        border-bottom: 1px solid #ececec;
    }

    .numbercharges-wrapper .bottom-section {
        border-top: none !important;
        padding-bottom: 19px;
        padding-left: 20px;
        padding-right: 10px;
    }

        .numbercharges-wrapper .bottom-section li {
            vertical-align: text-top;
        }

            .numbercharges-wrapper .bottom-section li + li {
                padding-top: 7px;
                vertical-align: text-top;
            }
        /*landline*/
        .numbercharges-wrapper .bottom-section .singlenumber div {
            display: block;
            margin-left: 25px;
            background: url("./images/bg_ul_li_green.png") no-repeat 0% 49%;
        }

        .numbercharges-wrapper .bottom-section .singlenumber .talk-singlenumber-title {
            padding-left: 11px;
        }

        .numbercharges-wrapper .bottom-section .singlenumber .talk-singlenumber-content {
            padding-left: 94px;
        }

        .numbercharges-wrapper .bottom-section .talk-bottom-title {
            font-size: 18px;
            font-weight: bold;
            color: #5e5e5e;
        }

        .numbercharges-wrapper .bottom-section .talk-bottom-content {
            font: normal 12.92px 'MyriadProRegular', Arial, Helvetica, sans-serif;
            color: #5e5e5e;
        }

        .numbercharges-wrapper .bottom-section .talk-bottom-content-bold {
            font: bold 15.35px 'MyriadPro', Arial, Helvetica, sans-serif;
            color: #5e5e5e;
        }

        .numbercharges-wrapper .bottom-section .talk-bottom-content-regular {
            font: normal 12.92px 'MyriadProRegular', Arial, Helvetica, sans-serif;
            color: #5e5e5e;
        }

        .numbercharges-wrapper .bottom-section .tennumber div {
            margin-left: 25px;
            display: block;
            background: url("./images/bg_ul_li_green.png") no-repeat 0% 49%;
        }

        .numbercharges-wrapper .bottom-section .tennumber .talk-tennumber-title {
            padding-left: 11px;
        }

        .numbercharges-wrapper .bottom-section .tennumber .talk-tennumber-content {
            padding-left: 57px;
        }

        .numbercharges-wrapper .bottom-section .hundrednumber div {
            display: block;
            margin-left: 25px;
            background: url("./images/bg_ul_li_green.png") no-repeat 0% 49%;
        }

        .numbercharges-wrapper .bottom-section .hundrednumber .talk-hundrednumber-title {
            padding-left: 11px;
        }

        .numbercharges-wrapper .bottom-section .hundrednumber .talk-hundrednumber-content {
            padding-left: 49px;
        }

        .numbercharges-wrapper .bottom-section .thirteennumber div {
            display: block;
            margin-left: 25px;
            background: url("./images/bg_ul_li_green.png") no-repeat 0% 49%;
        }

        .numbercharges-wrapper .bottom-section .thirteennumber .talk-thirteennumber-title {
            padding-left: 11px;
        }

        .numbercharges-wrapper .bottom-section .thirteennumber .talk-thirteennumber-content {
            padding-left: 132px;
        }

        .numbercharges-wrapper .bottom-section .thirteenhundrednumber div {
            display: block;
            margin-left: 25px;
            background: url("./images/bg_ul_li_green.png") no-repeat 0% 49%;
        }

        .numbercharges-wrapper .bottom-section .thirteenhundrednumber .talk-thirteenhundrednumber-title {
            padding-left: 11px;
        }

        .numbercharges-wrapper .bottom-section .thirteenhundrednumber .talk-thirteenhundrednumber-content {
            padding-left: 69px;
        }

        .numbercharges-wrapper .bottom-section .third-tier {
            margin-top: 11px;
            padding-left: 24px;
            padding-bottom: 10px;
        }

            .numbercharges-wrapper .bottom-section .third-tier label {
                font: normal 16px 'MyriadProSemiBold', Arial, Helvetica, sans-serif;
                color: #5e5e5e;
            }

.bottom-section > .third-tier > ul > li + li {
    background: url(./images/bg_payg_li_splitter.png) no-repeat 0% 0%;
}

.numbercharges-wrapper .bottom-section .third-tier ul {
    text-align: left;
    padding: 14px 0 0 24px;
    border-top: none !important;
    border-bottom: none !important;
}

.numbercharges-wrapper .bottom-section .third-tier li {
    display: inline-block;
    vertical-align: text-top;
    width: 202px;
}

    .numbercharges-wrapper .bottom-section .third-tier li + li {
        display: inline-block;
        vertical-align: text-top;
        width: 208px;
        padding: 0;
        padding-left: 50px;
    }

.numbercharges-wrapper .bottom-section .third-tier .locallandline div {
    display: block;
    margin-left: 26px;
}

.numbercharges-wrapper .bottom-section .locallandline .talk-locallandline-title {
    padding-left: 27px;
    display: inline-block;
    /*margin-bottom: 3px;*/
}

.numbercharges-wrapper .bottom-section .locallandline .talk-locallandline-content {
    font: bold 15px 'MyriadPro', Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
    padding-left: 41px;
}

.numbercharges-wrapper .bottom-section .locallandline .talk-locallandline-content-regular {
    font: normal 15px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
}

.numbercharges-wrapper .bottom-section .nationallandline .talk-nationallandline-title {
    padding-left: 27px;
    display: inline-block;
    /*margin-bottom: 3px;*/
}

.numbercharges-wrapper .bottom-section .nationallandline .talk-nationallandline-content {
    font: bold 15px 'MyriadPro', Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
    padding-left: 53px;
}

.numbercharges-wrapper .bottom-section .nationallandline .talk-nationallandline-content-regular {
    font: normal 15px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
}

.numbercharges-wrapper .bottom-section .mobile .talk-mobile-title {
    display: inline-block;
    margin-bottom: 3px;
}

.numbercharges-wrapper .bottom-section .mobile .talk-mobile-content {
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
}

.numbercharges-wrapper .bottom-section .mobile .talk-mobile-content-regular {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    color: #5e5e5e;
}

.numbercharges-wrapper .bottom-section .third-tier .bottom-text {
    margin-top: 24px;
    font: normal 12px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    color: #5e5e5e;
}

.numbercharges-wrapper .bottom-section .third-tier a {
    color: #00a0dc;
    text-decoration: underline;
}

.numbercharges-wrapper .bottom-section .third-tier .final-text {
    margin-right: 36px;
    padding-top: 4px;
    font: normal 12px 'MyriadProRegular', Arial, Helvetica, sans-serif;
    color: #5e5e5e;
}

.mostpopular {
    float: left;
    margin: -16px 7px 0 7px;
    position: relative;
    z-index: 1000;
}

/*Equipments*/
.equipments-content-left {
    background: url("./images/bg_content-wrapper-small.png") no-repeat 50% 100%;
    float: left;
    margin: 2px 0px 0px 0;
    height: auto;
    width: 652px;
    padding-bottom: 41px;
}

.equipments-inner-left-content {
    /*background: url(./images/bg_equipment_page.png) repeat-x #fff;*/
    background-color: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    -webkit-box-shadow: 0 0 3px #C3C3C3;
    -moz-box-shadow: 0 0 3px #C3C3C3;
    box-shadow: 0 0 3px #C3C3C3;
}

    .equipments-inner-left-content .pricingContent {
        padding: 0 18px;
        font-size: 13px;
    }

        .equipments-inner-left-content .pricingContent .headingBlue {
            line-height: 24px;
            padding-bottom: 12px;
        }

        .equipments-inner-left-content .pricingContent p {
            font-family: 'MyriadProRegular';
        }

            .equipments-inner-left-content .pricingContent p span.number {
                font-family: 'MyriadProSemiBold';
                color: #5e5e5e;
                margin: 0;
            }

            .equipments-inner-left-content .pricingContent p a {
                color: #008cc0;
                font-size: 15px;
                font-family: 'MyriadProSemiBold';
            }

.equipments-content-left .BuyEquipmentLink {
    display: inline-block;
    width: 173px;
    height: 35px;
    background: url(./images/bg_longer_button.png) no-repeat;
    font: normal 14px 'MyriadProBold', Arial, Helvetica, sans-serif;
    color: white;
    padding-top: 8px;
    text-align: center;
}

#heading-panel {
    position: relative;
}

#equipment-tab-control {
    padding: 20px 5px;
}

#heading-panel .active-tab, #heading-panel .inactive-tab {
    display: inline-block;
    height: 25px;
    padding-top: 10px;
    width: 120px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 5px;
}

    #heading-panel .active-tab, #heading-panel .inactive-tab:hover {
        background-color: #00a0dc;
    }

#heading-panel .inactive-tab {
    background-color: #75C4E2;
}

#heading-panel .selected-tab {
    display: none;
}

#heading-panel .bottom-bar {
    background: #00a0dc;
    height: 3px;
}

#equipment-tabs {
    padding: 0 18px;
}

/*Equipment Table*/
.tbl-equipment {
    margin-top: 6px;
}

    .tbl-equipment ul li {
        background: url(images/bg_ul_li_green.png) no-repeat 0 7px;
        padding-left: 11px;
        font-family: 'MyriadProRegular';
        line-height: 20px;
        font-size: 12px;
    }

    .tbl-equipment .equipment-name {
        display: block;
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 12px;
        margin-right: 10px;
    }

    .tbl-equipment .availability,
    .tbl-equipment .retailprice,
    .tbl-equipment .ourprice,
    .tbl-equipment .warranty {
        display: block;
        font-family: 'MyriadProRegular';
        font-size: 11px;
    }

    .tbl-equipment .availability {
        font-size: 13px;
        margin-bottom: 9px;
    }

    .tbl-equipment .retailprice {
        font-size: 21px;
        color: #e54737;
        text-decoration: line-through;
        margin-bottom: 6px;
    }

    .tbl-equipment .ourprice {
        font-size: 21px;
        color: #00a0dc;
        margin-bottom: 3px;
        font-weight: normal;
    }

        .tbl-equipment .ourprice sub {
            font-size: 13px;
            color: #5e5e5e;
            font-weight: normal;
        }

    .tbl-equipment .warranty {
        color: #b9b9b9;
    }

    .tbl-equipment td.first {
        width: 170px;
    }

    .tbl-equipment td.second {
        padding-right: 10px;
    }

    .tbl-equipment td.third {
        width: 162px;
    }

    .tbl-equipment td {
        border-top: 1px solid #ececec;
        height: 175px;
        padding: 20px 0 0 20px;
    }

    .tbl-equipment tr td + td {
        background: url(images/bg_tbl_equipment_splitter.png) no-repeat 0 0;
    }

    .tbl-equipment select {
        height: 25px;
        font-size: 14px;
        font-family: 'MyriadProSemiCondensed';
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;
    }
/*Equipments*/

.gv-settings {
    border-top: 1px solid #fff;
    color: #7a6b6b;
}

    .gv-settings tr {
        border-bottom: 1px solid #efefef;
    }

    .gv-settings th {
        font-size: 16px;
        font-weight: normal;
        font-family: MyriadProSemiCondensed;
        background: #198FBC;
        color: #fff;
        padding: 10px 0 10px 15px;
        text-align: left;
        border-right: 1px solid #efefef;
    }

    .gv-settings td {
        font-size: 14px;
        font-family: MyriadProSemiCondensed;
        padding: 5px 0 5px 15px;
        text-align: left;
        border-right: 1px solid #efefef;
    }

    .gv-settings .RightAlign {
        text-align: right;
        padding-right: 10px;
    }

    .gv-settings .FooterRow {
        font-weight: bold;
    }

.gv-settings-alt {
    background: #f6f7f9;
}


/* gridview agent */
.gv-agents {
    border-top: 1px solid #fff;
    color: #7a6b6b;
}

    .gv-agents tr {
        border-bottom: 1px solid #efefef;
    }

    .gv-agents th {
        font-size: 16px;
        font-weight: normal;
        font-family: MyriadProSemiCondensed;
        background: gray;
        color: #fff;
        padding: 10px 0 10px 15px;
        text-align: left;
        border-right: 1px solid #efefef;
    }

    .gv-agents td {
        font-size: 14px;
        font-family: MyriadProSemiCondensed;
        padding: 5px 0 5px 15px;
        text-align: left;
        border-right: 1px solid #efefef;
    }

    .gv-agents .RightAlign {
        text-align: right;
        padding-right: 10px;
    }

    .gv-agents .FooterRow {
        font-weight: bold;
    }

.gv-agents-alt {
    background: #f6f7f9;
}


/* ScreenShots Page */
.ScreenShotsContentPage {
    background: url('./images/bg_features.png') repeat 0 -4px;
    width: 850px;
    height: auto;
    font-family: 'MyriadPro';
    color: #5d5d5d;
}

.ScreenShotsPageWrapper {
    margin-bottom: 40px;
}

.ScreenShotsContentPage .ScreenShotsPageTitle {
    font-size: 21px;
    padding: 17px 24px 0 14px;
    color: #5D5D5D;
}

.ScreenShotsPage {
    padding: 0;
}

    .ScreenShotsPage .ScreenShotsPanelContainer {
        background: url('images/bg_screenshotpanelcontainer.png') repeat-x;
        margin: 44px 0 0 0;
        padding: 0 17px 25px 17px;
    }

    .ScreenShotsPage .ScreenShotsPanel {
        position: relative;
        border-radius: 0 0 6px 6px;
    }

        .ScreenShotsPage .ScreenShotsPanel table td span {
            font-family: 'MyriadProRegular';
            font-size: 16px;
            color: #6b6b6b;
        }

        .ScreenShotsPage .ScreenShotsPanel table td {
            text-align: center;
            max-width: 269px;
        }

            .ScreenShotsPage .ScreenShotsPanel table td a {
                display: inline-block;
                cursor: pointer;
            }

            .ScreenShotsPage .ScreenShotsPanel table td + td {
                padding: 0px 0 0px 10px;
            }

            .ScreenShotsPage .ScreenShotsPanel table td img:nth-child(even) {
                padding: 0px 0px 0px 8px;
            }

        .ScreenShotsPage .ScreenShotsPanel table tr.screenshotrow td {
            padding-top: 24px;
        }

.ScreenShotsPopUp {
    background-color: white;
}

    .ScreenShotsPopUp .popupheader {
        background-color: #f5f5f5;
        font: normal 21px 'MyriadProSemibold';
        padding: 13px 0 19px 15px;
    }

        .ScreenShotsPopUp .popupheader span {
            color: #1e8dc1;
        }

    .ScreenShotsPopUp .popupcontent {
        margin: 0 auto;
        padding: 12px 12px 24px 12px;
    }

#slideshow {
}

    #slideshow .slides {
    }

    #slideshow .slide {
        height: 502px;
        width: 813px;
    }

        #slideshow .slide .slide-title {
            display: none;
        }

#prevslide {
    position: absolute;
    left: 5px;
    top: 43%;
    z-index: 30;
    width: 30px;
    height: 30px;
    background: url(images/bg_screenshot_slideshow_prev.png) no-repeat;
    outline: none;
    cursor: pointer;
}

#nextslide {
    position: absolute;
    right: 5px;
    top: 43%;
    z-index: 30;
    width: 30px;
    height: 30px;
    background: url(images/bg_screenshot_slideshow_next.png) no-repeat;
    outline: none;
    cursor: pointer;
}

#minislideshow {
    margin-top: 7px;
}

    #minislideshow div {
        float: left;
        cursor: pointer;
    }

        #minislideshow div + div {
            margin-left: 1px;
        }

#slideshowcontroller {
    font-size: 16px;
    color: #1e8dc1;
    text-align: center;
    margin-top: 9px;
}

    #slideshowcontroller div {
        display: inline-block;
    }

#left-arrow, #right-arrow {
    display: inline-block;
    width: 13px;
    height: 15px;
    cursor: pointer;
}

#left-arrow {
    background: url(images/bg_screenshot_nav_prev.png) no-repeat;
    margin-right: 16px;
}

#right-arrow {
    background: url('images/bg_screenshot_nav_next.png') no-repeat;
    margin-left: 16px;
}

.exp-col-block {
}

.exp-col-header {
    background: url('/Members/Styles/images/bg_header.png');
    height: 14px;
    padding: 6px 12px 8px 15px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.exp-col-heading {
    font-size: 16px;
    line-height: 16px;
    font-family: 'MyriadProSemiBold';
    color: #fff;
    float: left;
}

.exp-col-content {
    padding: 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.BuyEquipmentContentPage {
    background: url(./images/bg_benefits.png) repeat-x;
    width: 850px;
    height: auto;
    font-family: 'MyriadProBold';
    color: #5d5d5d;
}

    .BuyEquipmentContentPage .BuyEquipmentPageTitle {
        font-size: 21px;
        padding: 11px 24px 0 24px;
        color: #5D5D5D;
    }

    .BuyEquipmentContentPage .Labels {
        font-family: 'MyriadProRegular';
        font-size: 13px;
        padding: 9px 0 0 0;
        color: #6B6B6B;
        vertical-align: top;
    }

    .BuyEquipmentContentPage .HeaderLabel {
        font-family: 'MyriadProRegular';
        font-size: 13px;
        padding: 9px 0 0 0;
        color: #6B6B6B;
        vertical-align: top;
        font-weight: bold;
    }

    .BuyEquipmentContentPage .SmallLabel {
        font-family: 'MyriadProRegular';
        font-size: 11px;
        padding: 9px 0 0 0;
        color: #6B6B6B;
        vertical-align: top;
    }

    .BuyEquipmentContentPage input[type="text"], .securepay-ui-iframe input[type=text] {
        height: 24px;
        font-size: 14px;
        font-family: 'MyriadProSemiCondensed';
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 4px 0 0 0;
        padding: 0 0 0 5px;
    }

    .BuyEquipmentContentPage select {
        height: 25px;
        font-size: 14px;
        font-family: 'MyriadProSemiCondensed';
        border: 1px solid #D1D1D1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 4px 0 0 0;
        padding: 2px;
    }

    .BuyEquipmentContentPage .PrivacyPolicy {
        font-family: 'MyriadProRegular';
        font-size: 13px;
        padding: 15px 0 0 0;
        color: #6B6B6B;
    }

    .BuyEquipmentContentPage .PayNowLink {
        display: inline-block;
        width: 173px;
        height: 35px;
        background: url(./images/bg_longer_button.png) no-repeat;
        font: normal 14px 'MyriadProBold', Arial, Helvetica, sans-serif;
        color: white;
        padding-top: 8px;
        text-align: center;
        margin-left: 10px;
    }

    .BuyEquipmentContentPage .ValidationError {
        margin-bottom: 5px;
        font-family: 'MyriadProRegular';
        color: #FF2B2B;
        font-size: 14px;
    }

    .BuyEquipmentContentPage .errorClass {
    }

    .BuyEquipmentContentPage .gv-settings td {
        border-left: 1px solid #efefef;
    }

    .BuyEquipmentContentPage .gv-settings th {
        font-size: 14px;
        font-weight: normal;
        font-family: MyriadProRegular;
        background: #E2E8F9;
        color: rgb(122, 107, 107);
        padding: 5px 10px 5px 15px;
        border-right: 1px solid #efefef;
        border-left: 1px solid #efefef;
    }

    .BuyEquipmentContentPage .UpdateShoppingCard {
        font-family: 'MyriadProRegular';
        font-size: 14px;
        padding: 15px 0 0 0;
        color: #6B6B6B;
        text-align: right;
    }

.form-message {
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    background-position: 12px 5px;
    background-repeat: no-repeat;
    position: relative;
    padding: 6px 0px 6px 45px;
    font-family: MyriadProRegular;
}

    .form-message a {
        color: rgb(26, 144, 189);
        font-weight: normal;
        font-family: MyriadProRegular;
    }

    .form-message.success {
        background-color: #e1f1c0;
        background-image: url(/images/message-success.png);
        border-color: #b5d56d;
        color: #62a426;
    }

    .form-message.warning {
        background-color: #ffcbca;
        background-image: url(/images/message-warning.png);
        border-color: #eb979b;
        color: #9b4449;
    }

    .form-message.error {
        background-color: #ffcbca;
        background-image: url(/images/message-error.png);
        border-color: #eb979b;
        color: #9b4449;
    }

.SmallLoading {
    background-repeat: no-repeat;
    background-image: url(/Styles/images/loading-small.gif);
    color: White;
}

#DivShippingCost, #DivTotalCharge {
    font-size: 14px;
    font-weight: bold;
    font-family: MyriadProRegular;
    width: 200px;
    height: 20px;
    padding: 6px 0px 6px 0px;
}

.SiteMapPage {
    height: auto;
}

#sitemapLinks a {
    display: block;
    font-size: 16px;
    font-family: 'MyriadProRegular';
    color: #00A0DC;
}

#mobile-nav {
    display: none;
    text-decoration: none;
}

.SimpleContentPage {
    background: #fff
}

    .SimpleContentPage .SimplePageTitle {
        padding: 15px 24px;
        background: #F1F1F1
    }

.SimplePage span {
    font-size: 17px;
    display: block
}


.SimplePage ul li {
    background: url(./images/bg_blue_tick_li.png) no-repeat 0% 8px;
    padding-left: 31px;
    line-height: 23px;
}

.SimplePage .section-title {
    text-align: center;
    display: block;
    color: #13a3d9;
    font-size: 26px;
    padding: 35px 0 25px;
    text-transform: uppercase;
    font-family: 'MyriadProSemiBold'
}

    .SimplePage .section-title:after {
        content: "";
        /* position: absolute; */
        /* left: 25%; */
        /* bottom: 0; */
        height: 10px;
        max-width: 35%;
        border-bottom: 3px solid #13a3d9;
        margin: 0 auto;
        display: block;
    }

.SimplePage .section-subtitle {
    text-align: center;
    display: block;
    font: 19px 'MyriadProSemiBold';
    padding-bottom: 25px;
}

.SimplePage .section-description {
    display: block;
    padding: 30px 0 0;
    text-align: center
}

.SimplePage .Splitter {
    background: url(./images/bg_horizontalsplitter_big.png) no-repeat 50% 100%;
    padding-bottom: 40px;
}

.SimplePage .vendors {
    background: url(images/bg_certifiedhandsets.png) no-repeat center top;
    height: 43px;
}

.SimplePage img {
    margin: 0 auto;
    display: block
}

.SimplePage table {
    width: 100%;
    font-size: 15px;
}

    .SimplePage table.bulletlist {
        font-size: 15px;
    }

    .SimplePage table tr.odd {
        background-color: #f0f0f0;
    }

    .SimplePage table.bulletlist tr {
        height: 35px;
    }

    .SimplePage table tr td {
        vertical-align: middle;
        min-width: 175px;
        line-height: 35px;
        vertical-align: top
    }

    .SimplePage table.bulletlist tr td {
        background: url(./images/bg_blue_tick_li.png) no-repeat 8px 11px;
        padding-left: 28px;
        line-height: 35px;
    }

.SimplePage .planDivs-container {
    padding: 0;
    margin: 0 auto
}

.SimplePage .planDivs {
    margin-top: 0;
    float: none;
    display: inline-block;
    width: 260px;
    height: 490px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.SimplePage .PlanSignUp {
    width: 185px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.SimplePage .twoColumns div {
    display: inline-block;
    width: 429px;
    vertical-align: top
}
.SimplePage .twoColumns div + div {
    width: 370px;
}

.SimplePage a.btnGreen {
    margin-top: 13px;
    float: left;
    color: #fff;
    text-decoration: none
}

.SimplePage table tr td .btnGreen {
    float: right
}

.SimpleContentPage .ContentPageFilledContent {
    padding-top: 0
}

.SimplePage .ValidationError {
    font-family: 'MyriadProSemiBold';
    color: #FFF;
    font-size: 12px;
    display: block;
    margin-top: -11px
}

.SimplePage table#enquiry {
    background-color: rgba(19,163,217,.8);
    display: block;
    width: auto;
    padding: 20px 40px;
    border-radius: 5px
}
.SimplePage table#enquiry tr {
    height: 55px;
    display: block
}

.SimplePage table#enquiry tr:last-child {
    height: auto
}
    .SimplePage table#enquiry td {
        vertical-align: top;
        height: 35px;
        display: block
    }

.SimplePage table#enquiry span {
    color: #fff;
    letter-spacing: 5px;
    font-size: 36px
}

    .SimplePage table#enquiry input[type="text"].errorClass {
        outline: 2px solid #FF2B2B;
        outline-offset: -4px
    }

    .SimplePage input[type="text"] {
        font-size: 17px;
        height: 35px;
        padding: 0 10px;
        font-family: 'MyriadProRegular';
        width: 270px;
        outline: none;
        border: none;
        vertical-align: top
    }

.SimplePage .twoColumns ul li {
    background: url(./images/bg_blue_tick_li.png) no-repeat 0% 13px;
    padding-left: 31px;
    line-height: 39px;
}
.SimplePage table#enquiry span.SubmitStatus {
    font-size: 17px;
    color: #FFF;
    letter-spacing: 0
}


.mobileShow {
    display: none;
}