/*--------------------------------------------------------------------------------------------------
  Redefine Tags
--------------------------------------------------------------------------------------------------*/

    body {
        background:url(../images/generic/body_bg.jpg) repeat-x;
        background-position:0 90px;
        background-color:#d6e1e7;
        margin:0 0 15px 0;
    }

    body, td, th {
        color:#555;
        font-family:Verdana, Tahoma, Arial;
        font-size:12px;
    }

    .layout_table {
        border:0;
        border-collapse:collapse;
    } .layout_table {
        padding:0; 
    }

    html { overflow:-moz-scrollbars-vertical; }

    hr { display:none; }
    
    form { margin:0; padding:0; }

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

    .clearfix:after {
        clear:both;
        content:".";
        display:block;
        height:0;
        visibility:hidden;
    }

    .clearfix { display:inline-block; }

    /* Hides from IE-mac \*/
    * html .clearfix { height:1%; }
    .clearfix { display:block; }
    /* End hide from IE-mac */

/*--------------------------------------------------------------------------------------------------
  Links
--------------------------------------------------------------------------------------------------*/

    a {
        color:#4D6580;
        text-decoration:underline;
    } a:hover {
        color:#E17429;
        text-decoration:none;
    }

    .link_white {
        color:#FFFFFF;
        text-decoration:underline;
    } a.link_white:hover {
        color:#FFFFFF;
        text-decoration:none;
    }

    a img { border:0; }

/*--------------------------------------------------------------------------------------------------
  Typeography
--------------------------------------------------------------------------------------------------*/

    .font-10 { font-size:10px; }
    .font-11 { font-size:11px; }
    .font-12 { font-size:12px; }
    .font-13 { font-size:13px; }
    .font-14 { font-size:14px; }

    .white { color:#FFFFFF; }
    .blue { color:#4D6580; }
    .grey { color:#737373; }
    .green { color:#006600; }
    .red { color:#AA0000; }
    .yellow { color:#CC6600; }
    .orange { color:#E17429; }

    .bold { font-weight:bold; }
    .italic { font-style:italic; }
    .uppercase { text-transform:uppercase; }
    .lowercase { text-transform:lowercase; }
    .capitalize { text-transform:capitalize; }
    .underline { text-decoration:underline; }
    .no_underline { text-decoration:none; }

/*--------------------------------------------------------------------------------------------------
  Form Elements
--------------------------------------------------------------------------------------------------*/

    input.inputfield, textarea.inputfield, select.inputfield {
        font-family:Verdana, Tahoma, Arial;
        font-size:12px;
    }

    input.inputfield_error, textarea.inputfield_error, select.inputfield_error { border:1px solid #990000; }

    .button {
        font-family:Verdana, Tahoma, Arial;
        font-size:12px;
        padding:0 5px;
    }
    
    .form_box {
        border:1px solid #eee;
        margin:0 auto 0 auto;
        width:100%;
    }
        .form_box .inner {
            margin:auto;
            padding:15px;
            text-align:center;
        }

/*--------------------------------------------------------------------------------------------------
  Header Elements
--------------------------------------------------------------------------------------------------*/
            
    #header {
        background:url(../images/generic/header_bg.gif) repeat-x;
        margin-bottom:25px;
        width:100%;
    }
        #header_inner {
            margin:auto;
            width:950px;
        }

        #header_left {
            float:left;
        }
            #header_left h1 {
                background:url(../images/generic/logo.gif);
                cursor:pointer;
                margin:25px 0;
                text-indent:-9999px;
                text-decoration:none;
                width:214px; height:42px;
            }

        #header_right {
            float:right;
            text-align:right;
            width:700px;
        }
            #header_right_inner { padding-right:0; }

                #header_right_inner .live_help {
                    float:right;
                    margin:12px 20px 0 0;
                }

                #header_right_inner .right {
                    float:right;
                }
                    #header_right_inner .right h2 {
                        color:#fff;
                        font-size:15px;
                        padding:10px 0 3px 0;
                    }
                    #header_right_inner .right .header_nav {
                        color:#fff;
                        font-size:11px;
                        padding:0 0 18px 0;
                    }
                    
                        #header_right_inner .right .header_nav a { color:#fff; }
                        #header_right_inner .right .header_nav a.lang_selector { color:#ff9900; }

            #header_right_inner ul { float:right; }
            #header_right_inner ul, #header_right ul li { padding:0; margin:0; }
                #header_right_inner ul li {
                    float:left;
                    font-size:11px;
                    list-style:none;
                    text-align:center;
                    margin-left:3px;
                    width:100px; height:30px;
                }
                    #header_right_inner ul li .li_inner { margin-top:8px; }
                    #header_right_inner ul li {
                        color:#fff;
                        cursor:pointer;
                        background:url(../images/generic/header_tab.gif);
                    } #header_right_inner ul li:hover {
                        color:#000;
                        background:url(../images/generic/header_tab_selected.gif);
                    }
                    #header_right_inner ul li.selected {
                        color:#000;
                        font-weight:bold;
                        background:url(../images/generic/header_tab_selected.gif);
                    }

/*--------------------------------------------------------------------------------------------------
  Footer Elements
--------------------------------------------------------------------------------------------------*/

    #footer {
        margin:auto;
        margin-top:15px;
        width:753px;
    }
        #footer_inner {
            margin:0 10px;
        }
        
        #footer_left { float:left; }
        #footer_right { float:right; }
            #footer_inner h2 {
                color:#555;
                font-size:14px;
                text-transform:none;
                padding:0; margin:5px 0 0 0;
            }
            #footer_nav {
                font-size:11px;
            }
                #footer_nav a {
                    color:#555;
                }
                
            #footer_copyright {
                font-size:11px;
                margin-top:3px;
            }

/*--------------------------------------------------------------------------------------------------
  Generic Elements
--------------------------------------------------------------------------------------------------*/

    .hide { display:none; }
    .float { float:left; }
    .center { text-align:center; }

    h1 {
        font-size:17px;
        line-height:19px;
        margin:0;
    }
        h1.page_title { float:left; }

    h2 {
        color:#e17429;
        font-size:14px;
        font-weight:bold;
        padding:0 0 14px 0; margin:0;
        text-transform:uppercase;
    }
        h2.first { padding-top:0; }
        h2.tight { padding-bottom:6px; }
        h2.capitalize { text-transform:capitalize; }
        h2 a { color:#555; text-decoration:none; }
        h2 a:hover { text-decoration:underline; }
    
    h3 {
        color:#649bbe;
        font-size:14px;
        font-weight:bold;
        padding:0 0 14px 0; margin:0;
        text-transform:uppercase;
    }
    h3.orange { color:#e17429; }
    
    p {
        line-height:20px;
        margin:0; padding:0 0 14px 0;
    }
        p.italic { font-style:italic; }
        p.last { padding-bottom:0; }
        p.back_top { padding-left:10px; }
    
    ul, li {
        list-style:square;
        padding:0; margin:0;
    }
        ul { padding:0 0 15px 15px; }
        ul li {
            padding:10px 0 0 0;
        }
        ul li.first { padding-top:0; }
    
    hr.divider {
        color:#fff;
        display:block;
        height:1px;
        margin-bottom:5px;
        *border-bottom:1px solid #ddd;
    }
        hr.divider.title {
            margin-bottom:15px;
        }

    .secondary_nav {
        float:right;
        font-size:11px;
        margin-top:3px;
    }
    
    #container {
        margin:auto;
        width:753px;
    }
        #box_top { background:url(../images/generic/box_top_bg.gif); width:753px; height:10px; }
            .box_top_flex { background:url(../images/generic/box_top_bg.gif); height:10px; }
            .box_top_flex_right { background:url(../images/generic/box_top_bg.gif); width:10px; height:10px; }
        
        #box_top_home { }
            #box_top_home #tab_1 {
                background:url(../images/en/tab_1.gif) no-repeat;
                float:left;
                outline:none;
                text-indent:-9999px;
                width:177px; height:167px;
            }
            #box_top_home #tab_2 {
                background:url(../images/en/tab_2.gif) no-repeat;
                float:left;
                outline:none;
                text-indent:-9999px;
                width:201px; height:167px;
            }
            #box_top_home #tab_3 {
                background:url(../images/en/tab_3.gif) no-repeat;
                float:left;
                outline:none;
                text-indent:-9999px;
                width:200px; height:167px;
            }
            #box_top_home #tab_4 {
                background:url(../images/en/tab_4.gif) no-repeat;
                float:left;
                outline:none;
                text-indent:-9999px;
                width:175px; height:167px;
            }
			
			#box_top_home #tab_4_1 {
                background:url(../images/en/tab_4_1.gif) no-repeat;
                float:left;
                outline:none;
                text-indent:-9999px;
                width:175px; height:167px;
            }

				.webmail-login {
					text-indent:0px;
					margin:15px 0px 0px 20px;
					}
					
					.webmail-login ul { 
						margin:0px;
						padding:0px;
						list-style:none;
						}
					.webmail-login ul li {
						padding:16px 0px 4px 0px;
						margin:0px;
						list-style:none;
						}
					.webmail-login ul li.webmail-submit {
						padding:0px;
						text-align:right;
						padding-right:18px;
						}

					.webmail-login input {
						font-size:10px;
						width:125px;
						}


        
        #box_bottom { background:url(../images/generic/box_bottom_bg.gif); width:753px; height:10px; }

            #box {
                border:1px solid #777; border-top:0; border-bottom:0;
                background-color:#fff;
                width:751px;
            }
                #box_inner { padding:10px 20px 15px 20px; }
                #box_inner.home { padding-top:20px }

            .box_flex_tl { background:url(../images/generic/box_flex_tl.gif) no-repeat; float:left; height:10px; }
            .box_flex_tr { background:url(../images/generic/box_flex_tr.gif) no-repeat; float:left; width:11px; height:10px; }
            .box_flex_bl { background:url(../images/generic/box_flex_bl.gif) no-repeat; float:left; height:10px; }
            .box_flex_br { background:url(../images/generic/box_flex_br.gif) no-repeat; float:left; width:11px; height:10px; }
            .box_flex { border:solid 1px #bbb; border-top:0; border-bottom:0; }
                .box_inner_flex { padding:4px 15px; }
				.box_inner_flex ul { margin:0px; padding:0px; list-style:none;}
				.box_inner_flex ul li {margin:0px; padding:2px 0px; font-size:10px; list-style:none;}

			.box_flex_tl_grey { background:url(../images/generic/box_flex_tl1.gif) no-repeat; float:left; height:10px; }
            .box_flex_tr_grey { background:url(../images/generic/box_flex_tr1.gif) no-repeat; float:left; width:11px; height:10px; }
            .box_flex_bl_grey { background:url(../images/generic/box_flex_bl1.gif) no-repeat; float:left; height:10px; }
            .box_flex_br_grey { background:url(../images/generic/box_flex_br1.gif) no-repeat; float:left; width:11px; height:10px; }


/*--------------------------------------------------------------------------------------------------
  Site Map
--------------------------------------------------------------------------------------------------*/
    
    #sitemap { }

        #sitemap ul a { text-decoration:none; }
        #sitemap ul a:hover { color:#E17429; text-decoration:underline; }

        #sitemap ul.float { float:left; width:200px; }
        #sitemap ul.float.first { margin-left:15px; }
        
            #sitemap ul li {
                font-size:12px;
                font-weight:bold;
            }

/*--------------------------------------------------------------------------------------------------
  Our Services
--------------------------------------------------------------------------------------------------*/

    /* Hosting Plans */
    .plans,
    .plans {
        border:1px solid #eee;
        margin-bottom:15px;
        width:100%;
    }
        .plans th,
        .plans td {
            border:1px solid #ddd;
            font-size:11px;
            padding:5px 7px;
            text-align:center;
        }
        .plans td { background:#f7f7f7; }
            .plans td.first { text-align:left; width:100px; }
            .plans tr.no_bg td { background:#fff; }
            .plans td.check { background:url(../images/generic/icons/check.gif) no-repeat center!important; }
            .plans td.order { background-color:#e17429!important; color:#fff; }
            .plans td.order:hover {
                background-color:#f7f7f7!important;
                color:#e17429;
                cursor:pointer;
            }

    /* Fantastico */
    .fantastico_item { margin-bottom:15px; }

        .fantastico_item .image {
            float:left;
            margin-right:10px;
            text-align:center;
            width:150px;
        }
            .fantastico_item .image img { margin:auto; }

        .fantastico_item .description {
            float:left;
            width:540px;
        }