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

    }




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

    }




    @font-face {
        font-family: 'din-light';
        src: url('/images/v3/fonts/dinl-webfont.ttf') format('truetype'),
             url('/images/v3/fonts/dinl-webfont.woff') format('woff'),
			 url('/images/v3/fonts/dinl-webfont.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal; 

    }



/*===  GENERAL GLOBAL VALUES  ===*/

@media all{
    *{
        font-family: arial;
        
        font-size:1em;
        line-height: 1.5;
        letter-spacing: -0.015em;
        text-decoration:none;
        color: #343843;
        margin: 0;
        padding: 0;
        outline: 0;
        z-index: 0;
        border:0;
    }
	
	.text_normal,
	.text_normal *{
		 text-transform:none !important;
	}

    #header *,
    #footer *,
    p {
        letter-spacing:normal;
    }

    .mobiver{
        display:none;
    }

    span.triangle{
        /* Make all ASCII triangle arrows compatible cross-browser */
        font-family: Lucida Sans Unicode, Arial Unicode MS, sans-serif;
        vertical-align:middle;
    }

    body{
        background:#f7f8fa;
    }


    div.container{
        width: 64em;
        margin: 0 auto;
        padding: 3em ;
		position: relative;
    }
	
	.bgimage div.container{
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	.bgimage div.container.nobg{background:none;}
	
	div.infobox{
		background:#fff;
		padding:0;
	}
	
	div.info_container,
	.box_shadow{
		box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.27);
	}

	div.info_container{
		margin:0px 20px;
		padding:20px;
		background:#fff;
	}
	
	.info_container .small_circle {
	   width: 80px;
	  height: 80px;
	  float: left;
	  margin: 10px 20px 0 0;
	}
	
	.info_container p{color:#343843 !important;}
	
	.info_container.hosting_demo {
		margin: 20px 0;
	}
	
	div.info_container.hosting_demo h3{
		color:#3f9f3b;
		font-size: 1.8em;
	}
	
	.va_mid{
		vertical-align:middle !important;
	}
	
	div.info_container a{
		text-align:center;
		margin:5px auto;
	}
	
    div.landing-left-container,
    div.landing-right-container{
        width: 34em;
        display:inline-block;
        margin:0 6px;
        vertical-align:top;
    }

    div.landing-left-container{width:66%;}
    div.landing-right-container{width:16em;}

    div.landing-right-container > div{
        width:245px;
		margin: 0 10px 20px;
    }

	div.half_width{
		display:inline-block;
		width:49%;
	}
	
	.section_body div.half_width{
		color:#fff;
		vertical-align:middle;
		width: 65%;
		margin: 7px 0px;
	}
	
	.section_body div.half_width + div.half_width{
		width:32%;
	}
	
	.section_body ul li div.half_width a{
		position:initial;
	}
	
	
	div.custom_inline_block{
		display:inline-block; 
		vertical-align:top;
		margin:10px;
	}
	
	div.vps-screenshots{
		display: inline-block;
		margin: 4px;
		width: 160px;
		vertical-align: top;
	}
	
	div.vps-screenshots p{color:#fff;}

    .landing-left-container h5 {
    color: #6e7482;
    font-size: 24px;
    margin-bottom: 40px;
    }

    article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,#basket_title_bar .table .body li.show_upsell .upsell,#basket_title_bar.opened .dropdown_wrapper,#special_offers_title_bar.opened .dropdown_wrapper,.select.open li {
        display:block;
    }

    .hidden{
        display:none;
    }
    
    html.no-js .with-js,html.with-js .no-js,html.no-js .domsearch,html.no-js #basket_title_bar,html.no-js #special_offers_title_bar,html.no-vat .if-with-vat,html.with-vat .if-no-vat,#xalert_template,#xconfirm_template {
        display:none;
    }

    h1,h2,h3,h4,h5,h6{
        font-weight: bold;
        text-align: left;
        line-height:1;
        margin:10px 0;
    }
	
	.hosting_col h1,.hosting_col h2,
	.hosting_col h3,.hosting_col h4,
	.hosting_col h5,.hosting_col h6,
	.hosting_col p,
	.domains_col h1,.domains_col h2,
	.domains_col h3,.domains_col h4,
	.domains_col h5,.domains_col h6,
	.domains_col p
	{color:#fff;}
	
	li.hosting_col h3 a{margin:0px;}

    h1 {    font-size: 4.1em; letter-spacing:-0.04em; font-family: arial; font-weight:bold; font-family: din-bold;}
    h2{ font-size: 2.4em; font-family: arial; font-weight:bold; font-family: din-bold; }
    h3{ font-size: 2.0em; font-family: arial; font-weight:bold; font-family: din-bold; }
    h4{ font-size: 1.6em; font-family: arial; font-weight:bold; font-family: din-bold; }
    h5{ font-size: 1.1em; }
    h6{ font-size: 0.9em; }
	
	.support h3{
		margin-top:20px;
	}

    .price, .price *{
        font-family: din-bold !important;
        
        margin-top:30px;
    }


    .s_transition,
    .s_transition *{
        transition: All 0.25s ease-in-out;
        -webkit-transition: All 0.25s ease-in-out;
        -moz-transition: All 0.25s ease-in-out;
        -o-transition: All 0.25s ease-in-out;
    }

    .m_transition,
    .m_transition *{
        transition: All 0.5s ease-in-out;
        -webkit-transition: All 0.5s ease-in-out;
        -moz-transition: All 0.5s ease-in-out;
        -o-transition: All 0.5s ease-in-out;
    }

    .l_transition,
    .l_transition *{
        transition: All 1s ease-in-out;
        -webkit-transition: All 1s ease-in-out;
        -moz-transition: All 1s ease-in-out;
        -o-transition: All 1s ease-in-out;
    }
    
    p.package_name {
        color: #fff !important;
		margin-top:35px;
    }
	
	.dark_text{
		color:#343843 !important;
	}
	
	.light_text{
		color:#fff !important;
	}
    
	
	span.price_point {
		color: #fff;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 5px;
		display: inline-block;
	}
	
	span.price_point span.super {
		vertical-align: super;
		position: relative;
		top: 0.1em;
		font-size: 0.6em;
	}
	
	hr {
		border: 1px solid rgb(210, 210, 210);
		margin-bottom:20px; 
	}
	
	
    .package_name_mobile{
        display:none;
    }
}




/*===  SVG definitions  ===*/

@media all{
    div#header:after,
    .dropshadow:after {
        content: "";
        display: block;
        background: url('/images/v3/undershadow.svg') no-repeat right top;
        background-size: 100% 100%;
        height: 20px;
        width: 100%;
        z-index: -10;
        
        position: absolute;
        bottom: -20px;
        right: 0px;
    }


    .fold_bg_a,
    .fold_bg_b,
    .fold_bg_c,
    .fold_bg_d,
    .fold_bg_e{
        background-color: #6db9d0;
        background-image:  url('/images/v3/grain.png'),url('/images/v3/fold_bg_a.svg');
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-blend-mode: multiply;
        background-attachment:fixed;
		position:relative;
    }

    .fold_bg_a{ background-position: -24em top;}
    .fold_bg_b{ background-image:  url('/images/v3/grain.png'),url('/images/v3/fold_bg_b.svg');}
    .fold_bg_c{ background-image:  url('/images/v3/grain.png'),url('/images/v3/fold_bg_c.svg');}
	
	.cityscape{ 
		background-image: url('/images/v3/domains/cityscape_base_domcol.svg'),url('/images/v3/domains/cityscape_domcol.svg');
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100% 100%;
	}

	.grain{ background-image:  url('/images/v3/grain.png'); }
	.mesh{ background-image:  url('/images/v3/mesh.png'); }
	.stripeup{ background-image:  url('/images/v3/stripeup.png'); background-blend-mode:multiply;}
	.stripedown{ background-image:  url('/images/v3/stripedown.png'); background-blend-mode:multiply;}

    div.domains_col{ background-color:#0071a3; }
    div.hosting_col{ background-color:#4eb849; }
    div.website_col{ background-color:#ebe709; }
    div.email_col{ background-color:#d9dee4; }
    div.m_grey{ background-color:#6e7482; }
    div.d_grey{ background-color:#343843; }

    div.dark.domains_col{ background-color:#00648e; }
    div.dark.hosting_col{ background-color:#3f9f3b; }
    div.dark.website_col{ background-color:#caca08; background-color:#343843;}
    div.dark.email_col{ background-color:#bac4c6; }
    div.dark.m_grey{ background-color:#535861; }
    div.dark.d_grey{ background-color:#181B22; }

    .dark h1, .dark h2,
    .dark h3, .dark h4,
    .dark h5, .dark h6{
        color:#fff;
    }

    .dark *,
    .m_grey *,
    .d_grey *,
    .domains_col *
    .hosting_col *{ color:#fff;}

    .website_col h1, .website_col h2,
    .website_col h3, .website_col h4,
    .website_col h5, .website_col h6{
        color:#343843;
    }
	
	.dark.website_col h1, .dark.website_col h2,
    .dark.website_col h3, .dark.website_col h4,
    .dark.website_col h5, .dark.website_col h6{
        color:#EBE709;
    }

    div.domain_search_bar{
        margin-top: 20px;
    }

    .dark.domains_col .domain_search_bar button,
    .dark.domains_col div#searchbar_home button {background:#3CAFE2;}

    .dark.domains_col .domain_search_bar button:hover,
    .dark.domains_col div#searchbar_home button:hover {background:#6CD0FC;}
}




/*===  TABS / NAV MENU  ===*/

@media all{
    div#nav {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }


    #mobile_nav ul#mobile_topnav,
    #mobile_nav ul#mobile_topnav{    
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index: 1000;
    }

    #nav ul#topnav > li{
        display:inline-block;
        border-right: 1px solid #ccc;
        width:auto;
        z-index: 1000;
    }

    #nav ul#topnav li div.sub li,
    #nav ul#topnav li#mm_ssl{
        border-right: 0px solid #fff;
    }

    #nav ul#topnav > li > a,
    #mobile_nav ul#mobile_topnav > li > a{
        background: none;
        color: #343843;
        font-weight: bold;
        font-size: 13px;
        display: block;
        padding: 8px;
		margin:0 !important;
    
        position:relative;
    }

    #nav ul#topnav li:hover > a,
	#nav ul#topnav li:hover > a span.nav_arrow{
		 color:#fff;
	}
	
	#nav ul#topnav li:hover > a{
    	background:#0071a3; 
        z-index: 1000;
		margin:0 !important;
    }
	
	
	#nav ul#topnav li > a span.nav_arrow{
		font-size:10px;
	}
	
	#nav ul#topnav li.domains_col:hover > a,
	li.domains_col .sub_box ul li h3 a:hover span.desc{background:#0071a3;}
	#nav ul#topnav li.hosting_col:hover > a,
	li.hosting_col .sub_box ul li h3 a:hover span.desc{background: #4eb849;}
	#nav ul#topnav li.email_col:hover > a,
	li.email_col .sub_box ul li h3 a:hover span.desc{background:#d9dee4; color: #343843 !important; }
	#nav ul#topnav li.website_col:hover > a,
	li.website_col .sub_box ul li h3 a:hover span.desc{background:#ebe709; color: #343843 !important;}
	

    #nav ul#topnav > li:hover > a:after{
        content: "\25BC";
        display: block;
        position: absolute;
        top: 100%;
        right: 50%;
        margin-right: -12px;
        margin-top: -0.71em;
        color: #0071a3;
        font-size: 24px;
        z-index: 1000;
    }
	
	#nav ul#topnav > li.domains_col:hover > a:after{ color: #0071a3; }
	#nav ul#topnav > li.hosting_col:hover > a:after{ color: #4eb849; }
	#nav ul#topnav > li.email_col:hover > a:after{ color:#d9dee4; }
	#nav ul#topnav > li.website_col:hover > a:after{ color: #ebe709; }

    #nav ul#topnav > li > a.no_child:hover:after{
        display:none;
    }
	
	.sub_box ul li h3 a:hover span.desc{}

    #nav ul#topnav > li#mm_eshops > a,
    #nav ul#topnav > li#mm_vps > a,
    #nav ul#topnav > li#mm_ds > a,
    #nav ul#topnav > li#mm_ssl > a{
    /*    color:#aaa */
    }

    #nav ul#topnav > li#mm_eshops > a:hover,
    #nav ul#topnav > li#mm_vps > a:hover,
    #nav ul#topnav > li#mm_ds > a:hover,
    #nav ul#topnav > li#mm_ssl > a:hover{
        color:#fff;
        /*background:#0071a3;*/
    }

    li#mm_home{
        display:none !important;
    }



    /* Drop down sub menu */

    ul#mobile_topnav li div.sub,
    ul#topnav li div.sub  {
        float:left;
        display:none;
        text-align:left;
        list-style: none;
        padding: 0.71em;
        margin: 0;
        background-color: #343843;
        z-index: 20;
        overflow: visible;
        
        box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    }

    /* Menu items on the left side - Menu opens out towards the right and starts on the left */
     li#mm_domains div.sub,
     li#mm_email div.sub,
     li#mm_instant div.sub,
     li#mm_hosting div.sub,
     li#mm_reseller div.sub{
        position: absolute;
        left: 0;
        top: 35px;
    }
    /* Menu items on the right side - Menu opens out towards the left and starts on the right */

     li#mm_eshops div.sub,
     li#mm_vps div.sub,
     li#mm_ds div.sub,
     li#mm_ssl div.sub{
        position: absolute;
        right: 0px;
        top: 35px;
        background:#343843 !important;
        }




    ul#topnav li:hover div.sub {
        display: block;
    }

    ul#topnav li div.sub ul {
        text-indent: 0px;
        list-style: none;
        border-right:none;
    }

    div.sub ul li a {
        text-decoration: none;
    }

    .sub_box {
        float: left;
        width: 380px;
        border: solid #796259 1px;
        border:none;
        z-index: 20;
        position: relative;
        overflow: visible;
    }

    .sub_box ul {
        background-color: #ffffff;
        background:none;
        padding: 0px ;
        margin: 0px;
    }

    .sub_box ul li {
        border-bottom: dotted #ddd 1px;
        color: #273638;
        padding: 0px;
        font-size: 0.71em;
        position:relative;
    }

    .sub_box ul li:hover {
        background-color: #eee;
    }

    .sub_box ul li h3 {
        margin:0;
    }

    .sub_box ul li h3 a span.desc{
        color: #fff;
        font-size: 14px;
        
        display:block;
        padding:8px;
    }

    .sub_box ul li h3 a:hover span.desc{
        color: #fff;
        background:#0071a3;
    }

    .sub_box ul li h3 a span.from{
        position: absolute;
        right: 4px;
        top: 8px;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        padding: 2px 5px;
        background: #343843;
        color: #fff;
        border-radius: 7px;
    }


    .sub_box ul li.last_li {
        border:none;
    }

    .sub_box ul li p a {
        font-size: 12px;
        color: #273638;
        
        display:block;
        padding:4px 8px 8px;
    }

    .sub_box ul li p a:hover {
        background: #888 !important; 
    }

    .sub_box ul li p{
        display:none !important;
    }

    /* Second Section */


    .sub_sec {
        float: right;
        width: 30%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0.71em;
        font-size: 12px;
        z-index: 21;
        position: relative;
        overflow: visible;
    }

    .sub_sec ul {
        margin:0px;
        padding:0px;
        padding-top: 5px;
        color: #ea8045;
        width: 100%;
        background-color: #ccc;
    }

    .sub_sec li {
        height: 20px;
        margin: 5px;
        padding-bottom: 5px;
        vertical-align:middle;
    }
    .sub_sec li a img {
        padding: 0px;
        padding-right: 5px;
        margin: 0px;
        float: left;
        
    }

    .sub_sec li a {
        margin: 0px;
        vertical-align: middle;
        display: block;
        float: left;
    }


    .sub_sec h3 {
        color:#ea8045;
        font-size: 18px;
    }

    .sub_sec ul a {
        color: #273638;
    }

    .sub_sec ul a:hover {
        color: #ea8045;
    }
}




/*===  HERO SLIDER  ===*/

@media all{
    #hero_slider{
        height: 23.6em;
        display:none;
    }

    section.slider{
        height: 23.6em;
        margin-bottom:0em;
        width:100%;
        overflow:hidden;
		position: relative;
		top: 25px;
    }

    .slider_container {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      position: relative;
    }


    .slider_container > div {
      width: 1100px;
      margin: 0 auto;
      height: 260px;
      display: inline-block;
      display: none;
    }

    .sidebar_slider{
        position:relative;
    }

    .sidebar_slider_container > div{
        width:215px;
        min-height:220px;
		height:500px;
        padding:15px;
        display:none;
    }
	
	
	
  div.sidebar_slider div.circle_banner{
	  background: #fff;
	  text-align: center;
	  border-radius: 100px;
	  border: 4px solid #0071A3;
	  margin: -100px auto 0;
	  width: 120px;
	  height: 120px;
	  background-position: center center;
	  background-size: 80px;
	  background-repeat: no-repeat;
  }
	  
  div.sidebar_slider div.banner{
    background: #fff;
	text-align: center;
	padding: 10px 0;
	position: absolute;
	top: 20px; 
	left: -10px;
	width: 265px;
	height:auto;
  }
  
  div.sidebar_slider div.banner:after,
  div.sidebar_slider div.banner:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #a6a6a6 transparent transparent;
	display: block;
	position: absolute;
	bottom: -10px;
	}
	
  div.sidebar_slider div.banner:after{
	right:0px;
	border-width: 10px 10px 0 0;
	border-color: #a6a6a6 transparent transparent transparent;
  }
  
	.banner + h4 {
		margin-top: 80px;
	}
	
	div.sidebar_slider div.price{
		background:#fff;
		padding:10px;
		margin-top:10px;
	}
	
	div.sidebar_slider div.price span{color:#0071A3; margin:0; vertical-align:bottom; line-height:1;}
	
	div.sidebar_slider div.price .from{font-size:1.5em;}
	div.sidebar_slider div.price .price{font-size:2em; margin-left:5px;}
	div.sidebar_slider div.price .extra{display:block; font-size:1em;}

    .sidebar_slider_container{
        background-image:  url('/images/v3/grain.png'),url('/images/v3/fold_bg_b.svg');
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-position: -6em top;
        background-blend-mode: multiply;
		margin-top:80px;
    }

    .sidebar_slider_container div.standard_content{
        width:215px;
        text-align:center;
    }

    .sidebar_slider_container div.standard_content h4{
        text-align:center;
    }

    .sidebar_slider_container div.standard_content a{
        padding: 8px 15px;
        background: rgba(255,255,255,1);
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        margin: 0 auto;
        position: relative;
        top:20px;
    }

    .sidebar_slider_container.tst div.standard_content a{
        font-size:12px;
    }

    .quote {
       /* max-height: 260px;*/
        overflow: hidden;
        font-style: italic;
        margin: 15px 0;
    }

    .name, .date{
        font-weight:bold;
        text-transform:initial;
    }

    .name{ margin-top:10px;}

    .date{  font-size:12px;}
	
	div.feature_coffin .site a{
		font-weight: bold;
		padding: 8px 15px;
		border-radius: 4px;
		color: #fff;
		background:#6e7482;
		margin-top:20px;
	}

    .sidebar_slider_container div.standard_content a:hover{
        background:rgba(255,255,255,0.85);
    }

    div.standard_content{
        text-align:left;
        width:650px;
        margin:20px auto 0;
        display:inline-block;
        vertical-align:top;
    }

    .slider_container .standard_content h1,
    .slider_container .standard_content p{
        color:#fff;
        line-height:0.9;
        font-size:4em;
        margin:5px 0 16px 0;
    }

    .slider_container .standard_content p{
        font-size: 1.5em;
        line-height:1.2;
    }

    .slider_container img {
      width: 100%;
      height: auto;
    }

    div.sidebar_slider button,
    section.slider button,
    ul.slider_nav {
      position: absolute;
      display:block;
      width:32px;
      height:32px;
      top:330px;
      background-repeat:no-repeat;
      background-color: transparent;
    }

    div.sidebar_slider button,
    section.slider button,
    ul.slider_nav li a{
      opacity:0.8;
      cursor:pointer;
      z-index:100;
    }

    div.sidebar_slider button:hover,
    section.slider button:hover,
    ul.slider_nav li a:hover {
        opacity:1;
    }



    ul.slider_nav li a.selected {
        background:#fff;
    }

    ul.slider_nav{
        width: 100%;
        text-align: center;
        top: 330px;
        margin:0 auto;
        padding:0;
    }

    ul.slider_nav li{
        list-style:none;
        display:inline-block;
        margin:0 auto;
    }

    ul.slider_nav li a{
        display: block;
        width:8px;
        height:8px;
        border:2px solid #fff;
        border-radius: 12px;
    }

    ul.slider_nav li a:hover{
        background:#fff;
    }

    .next {
      right: 54%;
      margin-right: -610px;
      background-image:url('/images/v3/slider_arrows_right.png');
    }

    .prev {
      left: 54%;
      margin-left: -610px;
      background-image:url('/images/v3/slider_arrows_left.png');
    }

    ul.slider_nav {
        bottom: 10px;
        left:50%;
        margin-left:-50%;
    }

    div.sidebar_slider button{
        bottom: 12px;
        top:auto;
    }

    div.sidebar_slider button.next{margin-right:-110px;}
    div.sidebar_slider button.prev{margin-left:-110px;}
    div.sidebar_slider ul.slider_nav{top:auto; bottom:40px; height:0;}

    div.standard_content a.main_link{
        color:#fff;
        font-size:1.2em;
        vertical-align:middle;
        font-weight:bold;
        background:#343843;
        padding:8px 15px;
        margin-top:4px;
        border-radius:4px;
    }

    div.standard_content a.main_link:hover{background:#6a707e;}

    .standard_content span {
        color: #fff;
        font-family: arial; font-weight:bold; font-family: din-bold;
        font-size: 3em;
        vertical-align: middle;
        margin-right: 30px;
    }
}




/*===  CUSTOM HERO SLIDER EXTRA DIVS  ===*/

@media all{
    #hero_domain_prices{
        display: inline-block;
        width: 400px;
        float: left;
        margin-top:20px;
        background:#0070a5;
        position:relative;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.2);
    }

    #hero_domain_prices:after{
        background-image:url('/images/v3/underangle_color_domain.svg');
        height: 30px;
        bottom: -30px;
    }

    #hero_domain_prices ul{padding:0; margin:0px 0;}
    #hero_domain_prices ul li{padding:0; margin:5px 0; list-style:none; display:inline-block; width:45%;}
    #hero_domain_prices ul li div.domain_detail{margin:4px; display:block; width:100%;}

    div.domain_detail div{
        vertical-align:middle;
    }


    div.domain_detail div.tld{
        display: inline-block;
        width: 90px;
        height: 40px;
        padding: 25px 0;
        border-radius: 50px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.6em;
    }

    div.domain_detail div.tld_price{
      display:inline-block;
      width:70px;
    }

    div.domain_detail div.tld_price span{color:#fff; font-weight:bold; display:block; line-height:1; text-align:left; margin:0;}
    div.domain_detail div.tld_price span.from{font-size: 1em;}
    div.domain_detail div.tld_price span.price{font-size:1.6em;}
	
	

	.offer .tld.dark {
	  background: #E80303;
	  box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.5);
	}
	
	.offer span.price {
	font-size: 2.5em !important;
	}

	/*
	.domain_detail.offer {
	  background: #EA0A0A;
	  padding: 10px 0px;
	  position: relative;
	}

	.left .domain_detail.offer {	  left: -41px;	top:-10px; } 
	.right .domain_detail.offer {	  right: -34px;	}
	
	.domain_detail.offer:before,
	.domain_detail.offer:after {
	  content: "";
	  width: 0;
	  height: 0;
	  border-style: solid;
	  position:absolute;
	}
	
	.left .domain_detail.offer:after {
	  border-width: 55px 0 55px 28px;
	  border-color: transparent transparent transparent #EA0A0A;
	  right: -28px;
	  top: 0px;
	}
	
	.left .domain_detail.offer:before {
	  border-width: 0 20px 20px 0;
	  border-color: transparent  #731313  transparent transparent;
	  left: 0;
	  bottom: -20px;
	}
	
	.right .domain_detail.offer:before {
	  border-width: 55px 28px 55px 0;
	  border-color: transparent #EA0A0A transparent transparent;
	  left: -28px;
	  top: 0px;
	}
	
	.right .domain_detail.offer:after {
	  border-width: 20px 20px 0 0;
	  border-color: #731313  transparent transparent transparent;
	  right: 0;
	  bottom: -20px;
	}

	*/
	
	
    div.tld.light{background-color:#56adda;}
    div.tld.dark{background-color:#2089BD;}
}




/*=== HERO TABLES ===*/

@media all{
    #hero_tables{}

    #hero_tables .section_box{
        display: inline-block;
        width: 15.2em;
        min-height: 28.9em;
        background: #343843;
        margin-right: 1em;
		vertical-align:top;
    }

    #hero_tables .section_box.last{margin-right:0;}


    .section_head,
    .section_body > div,
    .section_body,
    .section_foot{
        padding:0.71em;
        display:block;
        position:relative;
        background: #343843;
    }
	
	.domains_col .section_head{border-top: 20px solid #0071A3;}
	.email_col .section_head{border-top: 20px solid #D9DEE4;}
	.website_col .section_head{border-top: 20px solid #EBE709;}
	.hosting_col .section_head{border-top: 20px solid #3F9F3B;}

    .section_body ul{
        padding:0;
        margin:0;
    }

    .section_head h2,
    .section_head p,
    .section_body ul li,
    .section_foot ,
    .section_foot a{
        color:#fff;
        text-align:center;
    }

    .section_head h2{
        font-size: 1.8em;
        margin: 0.55em;
    }

    .section_head p{
        font-size: 0.9em;
    }

    .section_body ul li{
        display:block;
        margin:0;
        padding:6px 0em;
        position:relative;
        text-align:left;
        font-weight:bold;
    }

    .section_body ul li a{
      display: inline-block;
	  position: absolute;
	  right: -0.2em;
	  font-size: 0.8em;
	  top: 10%;
	  padding: 4px 0;
	  text-align: center;
	  border-radius: 5px;
	  font-weight: bold;
	  width: 70px;
    }

    .section_foot{  background:#2b2d39; }
    .section_body{  background:#363a46; overflow:hidden; }
    .section_body{  padding:0; }
    section_head:after {
        content: "";
        display: block;
        background: url('/images/v3/underangle_shadow.svg') no-repeat right top;
        background-size: 100% 100%;
        height: 20px;
        width: 100%;
        z-index: 100;
    }

    .section_foot a,
    a.medium{
        display: inline-block;
        font-size: 1em;
        font-weight: bold;
        padding: 0.4em 0.7em;
        margin: 0.4em auto;
        border-radius:5px;

    }

    .section_foot a{    
        background-image: url('/images/v3/main_bg_grain.svg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    a.standard,input.standard,
	button.standard {
        font-weight: bold;
        padding: 8px 15px;
        border-radius: 4px;
        display: inline-block;
        color:#fff;
    }
	
	.standard.large {
		font-size: 24px;
		padding: 20px 40px;
	}
	
	.domains_col input,
    a.domains_col,
    .domains_col a,
	.domains_col input.button.standard,
	.domains_col button.standard{ background-color: #0071a3; color:#fff;}
    .domains_col input:hover,
	a.domains_col:hover,
    .domains_col a:hover,
	.domains_col button.standard:hover{ background-color: #00648e; }
	
	.hosting_col input,
    a.hosting_col,
    .hosting_col a{ background-color: #3f9f3b; color: #fff; margin: 2px;}
   	.hosting_col input:hover,
	a.hosting_col:hover,
    .hosting_col a:hover{ background-color: #24861F; }

   	.website_col input,
	a.website_col,
    .website_col a{ background-color: #ebe709; color: #343843 ;}
    .website_col input:hover,
	a.website_col:hover,
    .website_col a:hover{ background-color: #caca08; }

    .website_col div.header a{background:#343843; color:#fff !important;}
    .website_col div.header a:hover{background:#181B22; }

	.email_col input,
    a.email_col,
    .email_col a{ background-color: #d9dee4; color: #343843 !important; }
    .email_col input:hover,
	a.email_col:hover,
    .email_col a:hover{ background-color: #bac4c6; }
     
    a.m_grey,
    .m_grey a{ background-color: #6e7482; }
    a.m_grey:hover,
    .m_grey a:hover{ background-color: #535861; }

    a.d_grey,
    .d_grey a{ background-color: #343843; }
    a.d_grey:hover,
    .d_grey a:hover{ background-color: #181B22; }
}



/*===  HOME PAGE SEARCH BAR  ===*/

@media all{
    div#searchbar_home_mobile,
    div#searchbar_home_bar,
    div#searchbar_home {
        background: #fff;
        margin: -20px 0;
        padding: 30px;
        position:relative;
    }

    div#searchbar_home_mobile form,
    div#searchbar_home_bar form,
    div#searchbar_home form{
        margin: 0 auto;
        width: 710px;
    }

    div#searchbar_home_mobile input,
    div#searchbar_home_bar input,
    div#searchbar_home input,
    .domain_search_bar input {
        width: 620px;
        height: 24px;
        padding: 15px;
        vertical-align: top;
        border: none;
        border-radius: 10px;
        background: #d6dde3;
        font-weight: bold;
        color: #343843;
    }

    .domain_search_bar input {
        background:#fff;
        width:400px;
    }

    .domain_search_bar input:hover,
    div#searchbar_home input :hover{background-color:#ECEFF2;}

    .domain_search_bar button,
    div#searchbar_home button {
        width: 54px;
        height: 54px;
        background-color: #0071a3;
        border: none;
        border-radius: 10px;
        cursor:pointer;
        vertical-align:top;
    }

    div#searchbar_home button:hover {background-color:#00648e;}



    div#header div#searchbar_home {
        background: none;
        margin: 0;
        position: absolute;
        padding: 0;
        right: 0px;
        top: 43px;
        width: 394px;
        z-index:0;
    }

    div#header div#searchbar_home form{
        width: 394px;
    }

    .domain_search_bar form{
        width:100%;
    }

    div#header div#searchbar_home input {
        width: 317px;
        height: 16px;
        line-height: 1;
        padding: 13px 15px;
        border-radius: 5px;
    }


    div#header div#searchbar_home button {
        width: 42px;
        height: 42px;
        border-radius:5px;
    }
}




/*===  FULL WIDTH SPANS  ===*/

@media all{
    div.full_width{
        width:100%;
        padding:20px 0;
        display:block;
		position:relative;
    }

    .full_width.clear{background-color: none;}
    .full_width.white{background-color: #fff;}
    .full_width.xemail_col{background-color: #f7f8fa;}
    .full_width.email_col{background-color: #d9dee4;}
    .full_width.m_grey{background-color: #6e7482;}
    .full_width.d_grey{background-color: #343843;}

	.full_width.dropshadow {
		z-index: 10;
	}
	
	div.full_width.bgimage,
	.background_layer{
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-blend-mode: multiply;
	}

    div.center_aligned_content *{
        text-align:center !important;
    }

    div.center_aligned_content .headline{
        width:800px;
        display:block;
        margin: 0 auto 20px;
    }

	.sagepay-header span{
	  color: #fff;
	  font-size: 30px;
	  width: 30%;
	  display: inline-block;
	  padding: 0 10%;
	  vertical-align: middle;
	}
	
	.sagepay-header img{
	  vertical-align: middle;
	}
}




/*===  HOME PAGE ELEMENTS  ===*/

@media all{
    ul.daily_features,
    ul.partners{
        margin:0 auto;
        padding:0;
    }

    ul.daily_features li,
    ul.partners li{
        display: inline-block;
        padding: 5.5em 1.8em 0.5em;
        background-repeat: no-repeat;
        background-position: top center;
        vertical-align: top;
        max-width: 7em;
        margin: 10px 2px;
        position: relative;
    }
    
    ul.daily_features li a {
      display: block;
      height: 60px;
      padding: 5.5em 0em 0.5em;
      position: relative;
      top: -5.5em;
    }

    ul.partners li{
        padding: 1em;
        margin: 5px;
        background-position: center center;
        height:80px;
    }

    #ul.partners li:hover{margin:5px 20px;}

    ul.daily_features li p{
        font-size:0.8em;
        display:block;
        width:7.8em;
        margin:0 auto;
    }

    ul.daily_features li:hover *{
        color:#0071a3 !important
    }

    ul.daily_features li:after{
        content: "";
        height: 5em;
        width: 1px;
        background: #343843;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        top: 3em;
        right: -0.2em;
    }
	
	ul.daily_features li:nth-child(even):after {content: none;}
	div.center_aligned_content ul.daily_features li:nth-child(even):after {content: "";}

    ul.daily_features li.last:after{
        display:none;
    }

    ul.daily_features li.kb{background-image:url('/images/v3/icons/home/kb.png');}
    ul.daily_features li.kb:hover{background-image:url('/images/v3/icons/home/kbh.png');}
    ul.daily_features li.ss{background-image:url('/images/v3/icons/home/ss.png');}
    ul.daily_features li.ss:hover{background-image:url('/images/v3/icons/home/ssh.png');}
    ul.daily_features li.st{background-image:url('/images/v3/icons/home/st.png');}
    ul.daily_features li.st:hover{background-image:url('/images/v3/icons/home/sth.png');}
    ul.daily_features li.mp{background-image:url('/images/v3/icons/home/mp.png');}
    ul.daily_features li.mp:hover{background-image:url('/images/v3/icons/home/mph.png');}
    ul.daily_features li.wm{background-image:url('/images/v3/icons/home/wm.png');}
    ul.daily_features li.wm:hover{background-image:url('/images/v3/icons/home/wmh.png');}
    ul.daily_features li.pr{background-image:url('/images/v3/icons/home/pr.png');}
    ul.daily_features li.pr:hover{background-image:url('/images/v3/icons/home/prh.png');}


    ul.partners li.nomi{background-image:url('/images/v3/partners/nomi.png'); width:99px;}
    ul.partners li.nomi.glow,
    ul.partners li.nomi:hover{background-image:url('/images/v3/partners/nomih.png');}
    ul.partners li.ican{background-image:url('/images/v3/partners/ican.png'); width:75px;}
    ul.partners li.ican.glow,
    ul.partners li.ican:hover{background-image:url('/images/v3/partners/icanh.png');}
    ul.partners li.dell{background-image:url('/images/v3/partners/dell.png'); width:76px;}
    ul.partners li.dell.glow,
    ul.partners li.dell:hover{background-image:url('/images/v3/partners/dellh.png');}
    ul.partners li.cisc{background-image:url('/images/v3/partners/cisc.png'); width:79px;}
    ul.partners li.cisc.glow,
    ul.partners li.cisc:hover{background-image:url('/images/v3/partners/cisch.png');}
    ul.partners li.drup{background-image:url('/images/v3/partners/drup.png'); width:98px;}
    ul.partners li.drup.glow,
    ul.partners li.drup:hover{background-image:url('/images/v3/partners/druph.png');}
    ul.partners li.word{background-image:url('/images/v3/partners/word.png'); width:154px;}
    ul.partners li.word.glow,
    ul.partners li.word:hover{background-image:url('/images/v3/partners/wordh.png');}
    ul.partners li.joom{background-image:url('/images/v3/partners/joom.png'); width:133px;}
    ul.partners li.joom.glow,
    ul.partners li.joom:hover{background-image:url('/images/v3/partners/joomh.png');}


    div.preload{
        background-image:url('/images/v3/partners/nomih.png');
        background-image:url('/images/v3/partners/icanh.png');
        background-image:url('/images/v3/partners/dellh.png');
        background-image:url('/images/v3/partners/cisch.png');
        background-image:url('/images/v3/partners/druph.png');
        background-image:url('/images/v3/partners/wordh.png');
        background-image:url('/images/v3/partners/joomh.png');
        background-image:url('/images/v3/icons/home/kbh.png');
        background-image:url('/images/v3/icons/home/ssh.png');
        background-image:url('/images/v3/icons/home/sth.png');
        background-image:url('/images/v3/icons/home/mph.png');
        background-image:url('/images/v3/icons/home/wmh.png');
        background-image:url('/images/v3/icons/home/prh.png');

        display:none;
    }
     


    /*===  MAIN PRODUCT TEMPLATE  ===*/

    div.two_cols{
        display:inline-block;
        position:relative;
        width:49%;
        vertical-align:top;
    }
	
	  
	.two_cols ul {margin-left: 10%;}
	.two_cols ul li {margin-bottom: 10px;}

	
	  div.two_cols div.sub_container{
		width:90%;
		margin:5%;
		overflow:hidden;
	  }
	  
	
    div.large_circle{
        display:block;
        width: 380px;
        height: 380px;
        border-radius: 190px;
        background: #343843;
        color:#fff;
        position:relative;
        box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.4);
        
         /* Firefox
        display:-moz-box;
        -moz-box-pack:center;
        -moz-box-align:center; */

        /* Safari and Chrome 
        display:-webkit-box;
        -webkit-box-pack:center;
        -webkit-box-align:center;*/

        /* W3C 
        display:box;
        box-pack:center;
        box-align:center;*/
        
        display:table;
    }

    div.small_circle{
        display: block;
        width: 250px;
        height: 250px;
        border-radius: 1000px;
        background: #040813;
        color: #fff;
        position: relative;
        box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.4);
        
         /* Firefox 
        display:-moz-box;
        -moz-box-pack:center;
        -moz-box-align:center;*/

        /* Safari and Chrome 
        display:-webkit-box;
        -webkit-box-pack:center;
        -webkit-box-align:center;*/

        /* W3C 
        display:box;
        box-pack:center;
        box-align:center;*/
        
        display:table;
    }

    div#hero_tables div.small_circle{
        width: 84px;
        height: 84px;
        margin: -70px auto 20px;
        left: inherit !important;
        top: inherit !important;
		bottom: inherit !important;
        
    }
	
	div#hero_tables div.small_circle div{
        margin: -70px auto 20px;
        left: inherit !important;
        top: inherit !important;
		bottom: inherit !important;
        
    }
	
	div#hero_tables div.small_circle div.circle_contents a {
		width: 84px;
		height: 84px; 
		margin: 0;
		padding: 0;
		position:relative;
		border-radius: 110px;
		background: #727782;
		background: -moz-linear-gradient(top, #727782 0%, #0c0d13 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727782), color-stop(100%,#0c0d13));
		background: -webkit-linear-gradient(top, #727782 0%,#0c0d13 100%);
		background: -o-linear-gradient(top, #727782 0%,#0c0d13 100%);
		background: -ms-linear-gradient(top, #727782 0%,#0c0d13 100%);
		background: linear-gradient(to bottom, #727782 0%,#0c0d13 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727782', endColorstr='#0c0d13',GradientType=0 );
	}
	
	div#hero_tables div.small_circle div.circle_contents a:hover {
		background:#343843;
		
	}
	
	div#hero_tables div.small_circle div.circle_contents a img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	div.small_circle.white{  
		background: #fff;
		display: inline-block;
		margin: 20px 60px;
	}
	
	div.small_circle.white span{ 
		color: #343843;
		margin: 10px 30px;
		font-size: 16px;
	}
	
	div.small_circle.white img {
		margin-top: 50px;
	}
	
    div.large_circle.l_domains_col{ background:#56adda; }
    div.small_circle.d_domains_col{ background:#2d9ed6; }
    div.small_circle.domains_col{   background:#0071a3; }
    div#hero_tables  div.small_circle.domains_col{   border: 4px solid #0071a3; }

    div.large_circle.l_hosting_col{ background:#6BB368; }
    div.small_circle.d_hosting_col{ background:#3f9f3b; }
    div.small_circle.hosting_col{   background:#4eb849; }
    div#hero_tables  div.small_circle.hosting_col{   border: 4px solid #4eb849; }

    div.large_circle.l_email_col{   background:#AAB4C0; }
    div.small_circle.d_email_col{   background:#6e7482; }
    div.small_circle.email_col,
    div.small_circle.email_col{ background:#a8b1b8; }
    div#hero_tables  div.small_circle.email_col{ border: 4px solid #a8b1b8; }

    div.large_circle.l_website_col{ background:#535861; }
    .dark div.large_circle.l_website_col{ background:#EBE709; }
    div.small_circle.d_website_col{ background:#343843; }
    div.small_circle.website_col{   background:#ebe709; }
    div#hero_tables  div.small_circle.website_col{  border: 4px solid #ebe709; }

    div.large_circle.l_website_col div.circle_contents,
    div.small_circle.d_website_col div.circle_contents,
    div.large_circle.l_website_col div.circle_contents span,
    div.small_circle.d_website_col div.circle_contents span,
    div.large_circle.l_hosting_col div.circle_contents,
    div.small_circle.d_hosting_col div.circle_contents,
    div.large_circle.l_hosting_col div.circle_contents span,
    div.small_circle.d_hosting_col div.circle_contents span,
    div.large_circle.l_domains_col div.circle_contents,
    div.small_circle.d_domains_col div.circle_contents,
    div.large_circle.l_domains_col div.circle_contents span,
    div.small_circle.d_domains_col div.circle_contents span{    color:#fff; }
	
	.dark div.large_circle.l_website_col div.circle_contents span {  color: #343843;}
	
	 
   div.small_circle.sla{
	   float: left; 
	   margin-right: 20px; 
	   width:100px; 
	   height:100px; 
	   background-position:center center; 
	   background-repeat:no-repeat; 
   } 

    div.container.top_bottom_edge{
        margin:0 auto;
        padding: 0;
    }

    div.circle_contents{
        display:inline-block;
        text-align:center;
        display:table-cell;
        vertical-align:middle;
    }

    div.circle_contents img,
    div.circle_contents div{
        display:inline-block;
        vertical-align:middle;
    }

    div.circle_contents div.circle_box{
        background:#fff; 
		text-align:center; 
		padding:20px;
		display:block;
    }
	
	div.circle_contents div.circle_box div{
		  display: block;
		  color: #56adda;
		  font-weight: bold;
		  font-size: 24px;
	}
	
	div.step_guide{
		overflow:hidden; 
		display:inline-block; 
		margin-right:4px; 
		width:200px; 
		height:320px; 
		position:relative;
		background:#fff;
	}
	
	div.full_width div.step_guide{
		width:248px;
		min-height: 400px;
		height: auto;
		vertical-align:top;
	}
	
	div.full_width div.step_guide.clean{
		max-width: 24%;
		margin: 0;
		padding:0px;
	}
	
	div.full_width div.step_guide.clean,
	div.full_width div.step_guide.clean span,
	div.full_width div.step_guide.clean p{
		background:none;
		color:#343843;
		text-align:center;
		min-height:auto;
	}
	
	div.full_width div.step_guide.clean span{	margin:0 10px;	}
	
	div.full_width div.step_guide h3,
	div.full_width div.step_guide p{ 
		width:90%;
	}

	.landing-left-container .step_guide{width:160px;}
	.landing-left-container .step_guide h3 {
		font-size:1.8em;
	}
	
	.landing-left-container .step_guide p {
	    width: 90%;
	    font-size: 0.9em;
	    padding: 5%;
	}
	
	div.full_width div.step_guide h3{
		font-size:20px;
		color:#343843;
		height:25px;
	}
	
	div.full_width div.step_guide span{min-height:154px;}
	
	div.step_guide *{display:block;}
	
	div.step_guide h3,
	div.step_guide p{  
		background: #fff;
		color: #343843;
		padding: 5%;
		margin: 0;
		width: 180px;
	}
	
	div.step_guide p{ 
		background: #343843;
		color: #fff;
	}
	
	div.nominet_lines, div.large_searchbar{
		margin:0;
		width:100%;
	}
	
	div.nominet_lines span{
		background:#fff;
		box-shadow:1px 2px rgba(0,0,0,0.3);
		color:#572685;
		font-weight:bold;
		font-size:26px;
		width:32%;
		padding:10px;
	}
	
	div.nominet_lines span,
	div.nominet_lines img{
		display:inline-block;
		vertical-align:top;
	}
	
	div.nominet_lines.clean span,
	div.nominet_lines.clean img{vertical-align:bottom;}
	
	div.nominet_lines.clean span{
		background:none;
		box-shadow:none;
		color:#fff;
	}
	
	.large_searchbar .domain_search_bar {
		margin: 5px;
		text-align: center;
	}
	
	.large_searchbar .domain_search_bar input{
		width:60%;
		height:80px;
		font-size:26px;
	}
	
	.large_searchbar .domain_search_bar button{
		height:110px;
		width:110px;
	}
	
	.step_container{background:none !important;}
	
	.domains_col div.step_guide h3{color: #0071A3;}
	.domains_col div.step_guide p{background: #0071A3;}
	
	.hosting_col div.step_guide h3{color: #4eb849;}
	.hosting_col div.step_guide p{background: #4eb849;}
	
	.email_col div.step_guide h3{color: #d9dee4;}
	.email_col div.step_guide p{background: #d9dee4; color:#343843;}
	
	.website_col div.step_guide h3{color: #ebe709;}
	.website_col div.step_guide p{background: #343843; color:#ebe709;}
	
	div.step_guide span{min-height:80px;}
	
	div.step_guide img{margin:20px auto; max-height:134px;}
	div.step_guide p{
		text-align:center;
		min-height:200px;
	}
	
	div.circle_contents div.circle_box span{ color:#343843;}

    div.circle_contents span{
        text-align:center;
        font-weight:bold;
        font-size:20px;
        color:#fff;
        display:block;
        line-height: 1.2;
        margin-bottom:4px;
    }

    div.large_circle span{
        font-size:24px;
    }

    div.circle_contents a{
        padding: 8px 15px;
        background: rgba(52, 56, 67, 0.4);
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        text-align: center;
        margin: 0 50px;
        color: #fff !important;
    }

    div.circle_contents a:hover{
        background: rgba(52, 56, 67, 0.7);
    }

    .website_col div.circle_contents a,
    .website_col div.circle_contents a{
        color:#343843 !important;
        background:#ebe709;
    }

    .website_col div.circle_contents a:hover,
    .website_col div.circle_contents a:hover{
        background:#caca08;
    }



    div.circle_contents div  span{
        text-align:left;
        font-weight:bold;
        display:block;
        color:#fff;
    }

    div.circle_contents  div  a{
        margin-left:0px;
    }


    .side_bar > div{
        width:245px;
        margin-bottom:20px;
    }

    table.domain_pricing{
        width:245px;
        background:#d6dde3;
        margin-bottom:20px;
    }

    table.domain_pricing tr{ border-bottom:1px solid #000; }
    table.domain_pricing td{ padding: 6px;  font-weight:bold; vertical-align:middle; border-top:1px solid #BEC8CB; }
    table.domain_pricing td.tld{ font-size:20px; color:#343843; padding-left:20px;}
    table.domain_pricing td.price{ color:#717880; font-size:16px; text-align:right; padding-right:20px;}
    table.domain_pricing td.price span.domains_col{ color:#0071a3; font-size:20px; }


    table.domain_pricing tr.top td,
    table.domain_pricing tr.last_row td{border:none;}
    table.domain_pricing tr.top td{ padding-top:20px;}
    table.domain_pricing tr td{position:relative; overflow:hidden; }
    table.domain_pricing tr.last_row td{ background:#BEC8CB; padding:30px 20px 20px; text-align:center; position:relative; }
    table.domain_pricing tr.last_row td a{margin:0 auto; vertical-align:middle; }

	span.tag_ribbon {
	  color: #fff;
	  font-size: 12px;
	  background: #EA0A0A;
	  padding: 0px 50px;
	  position: Absolute;
	  top: 2px;
	  left: -45px;
	  -ms-transform: rotate(-25deg);
	  -webkit-transform: rotate(-25deg);
	  transform: rotate(-25deg);
	  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.51);
	}
	
    tr.last_row td:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 16px;
        background: url('/images/v3/underangle_color_domain_price.svg') no-repeat;
        background-size:100% 100%;
        top: 0;
        left: 0;
    }

	form.cleanstyle{
		background:#e3e3e3;
		padding:10px;
	}
	
	form.cleanstyle input,
	form.cleanstyle textarea,
	form.cleanstyle label#attachment_container,
	form.cleanstyle select,
	div.captcha_container{
		display:block;
		width:90%;
		padding:5%;
		margin:0 auto 2px;
		font-size:20px;
		color:#343843;
		background:#fff;
	}
	
	
	div.simple_form .content input, 
	.box{
		padding: 2.5%; 
		margin: 1% 2.5%;
		width: 90%;
		border: 1px solid #d3d3d3;
		
	}
	
	
	
	.content input{
		background:#fff;
		color:#343843;
	}
	
	div.simple_form input,
	div.simple_form textarea{
		font-weight:bold;
		color:#343843;
	}
	
	div.simple_form div.label,
	div.simple_form div.content{
		display:inline-block;
		vertical-align:middle;
	}
	
	
	div.simple_form div.label{width:20%;}
	div.simple_form div.content{width:70%; text-align:center;}
	
	div.simple_form input, 
	div.simple_form label{
		display:block;	
	}
	
	div.simple_form .filters input, 
	div.simple_form .filters label{
		display:inline-block;
		width:auto;
	}
	
	div.simple_form .filters input[type="text"] {
		background:#fff; 
		width:45%;
	}
	
	div.simple_form .filters input[type="radio"] {
		margin-left: 20px;
	}
	
	
	div.simple_form textarea{
		resize:vertical;
		height:100px;
	}
	
	div.simple_form span.year span{
		display:block;
		font-size:14px;
		margin:0;
	}
	
	div.simple_form label{font-weight:bold;}
	div.simple_form input{width:40%;}
	div.simple_form input:hover{background:#eee;}
	
	div.simple_form table{background:#fff;}
	div.simple_form table td,
	div.simple_form table th{
		border-bottom: 1px solid #E1E2E4;
		border-right: 1px solid #E1E2E4;
		padding:10px;
	}
	
	.matches_found, .pagination {
		width: 40%;
		display: inline-block;
		font-weight: bold;
		color: #0071A3;
	}
	
	div.simple_form table td.date{ text-align:center; font-weight:bold;}
	
	div.simple_form table td:last-child,
	div.simple_form table th:last-child{border-right:none;}

	div.simple_form table tr:last-child td,
	div.simple_form table tr:last-child th{border-bottom:none;}
	
	div.simple_form th.domain_name{width:70%;}
	div.simple_form th.drop_date{width:20%;}
	div.simple_form th{font-size:20px;}
	
	ul.filters{ padding:10px 20px; background:#fff;}
	ul.filters li{display:inline-block; margin:2px 5px; min-width:100px;}
	ul.filters li.chars{display:block;}
	ul.filters input,
	ul.filters label{ margin-left:10px;}
	
	ul.expiring li{ display:inline-block; width:auto; float:left; margin-left:1px;}
	ul.expiring li a{ padding: 1px 5px;}
	
	fieldset.filters{margin:10px 0; position:relative;}
	
	div#adv_options fieldset.filters {border: 1px solid #E1E2E4;}
	
	div#adv_options{overflow:hidden; height:auto; max-height:500px; margin-top:10px;}
	div#adv_options.collapse{ max-height:1px; padding:0 10px;}
	
	.domains_col legend,
	.domains_col legend b{
		color:#343843;
		font-weight:bold;
		margin: 0 10px; 
	}
	
	textarea.box{
		height: 240px;
		resize: vertical; 
	}
	
	form.cleanstyle select {
		width: 100%;
	}
	
	
	form.cleanstyle label#attachment_container label#attachment_filename{
		background:#e3e3e3;
		padding:2%;
		display:block;
	}
	
	.captcha_container img {
		margin: 0 auto !important;
		display: block;
	}
	
	input#send-message {
	  width: auto;
	  margin: 0 auto 0 7px;
	  padding: 15px 35px;
	  display: inline-block;
	  background: #6E7482;
	  color: #fff;
	  cursor: pointer;
	}
	
	input#send-message:hover {
		background:#343843;
	}
	
	.sub_container > img,  .sub_container h2 {
		display: inline-block;
		margin-right:10px;
	}
	
	ul.contact_numbers{
		padding:0;
	}
	
	ul.contact_numbers li{
		list-style:none;
		display:block;
		text-align:center;
		font-size:30px;
		font-weight:bold;
	}
	
	
}



/*===  GRIDS STYLING  ===*/

@media all{
    table.datagrid{
        width:100%;
        table-layout:fixed;
		background: #F7F8FA;
		border: 4px solid #f7f8fa;
    }
	
	.nobg table.datagrid{ 
		opacity:0.95; 
		-webkit-transition:  all 0.1s ease-in-out; 
		-moz-transition: all 0.1s ease-in-out; 
		-o-transition: all 0.1s ease-in-out;
	}
	.nobg table.datagrid:hover{ opacity:1; }
	
	
	table.datagrid.summary {
		table-layout: initial;
		width: 90%;
		margin: 0 auto;
	}

    table.datagrid.full_comp_grid {
        display: table;
        width: 100%;
        height: auto;
    }

    table.datagrid.full_comp_grid.hidden {
        display: none;
    }

    table.datagrid td,
    table.datagrid th{
        border-bottom: 1px solid #bac4c6;
    }
	
	table.datagrid td p,
    table.datagrid th p{
        color:#343843;
    }

    table.datagrid td,
    table.datagrid th,
    table.datagrid td span,
    table.datagrid th span,
    table.datagrid td a,
    table.datagrid th a{
        text-align:left;
        font-size: 18px;
        text-transform:initial;
    }

    table.datagrid td span,
    table.datagrid th span{
        margin:8px 0 0;
		line-height:1.5;
    }

    table.datagrid td,
    table.datagrid td span,
    table.datagrid td span a{
        text-align:center;
    }
	
	table.datagrid tr.tr_odd th span span,
	table.datagrid tr.tr_even th span span{
		font-size:12px !important;
		display:block;
		font-weight:normal !important;
		color:#414141 !important;
	}

	td.error {
	  background: #343843;
	  color: #fff;
	  padding-top: 20px;
	}
	
    table.datagrid th.dg_header,
    table.datagrid td.dg_subheader,
    table.datagrid td.dg_maincol{
        border:none;
        position:relative;
    }

	td.dg_maincol h1, td.dg_maincol h2,
	td.dg_maincol h3, td.dg_maincol h4, 
	td.dg_maincol h5, td.dg_maincol h6, 
	td.dg_maincol p {
		color:#343843;
		margin:10px;
	}
	
	table.datagrid.summary tr th, table.datagrid.summary tr td {
		padding: 15px 30px !important;
	}
	
	table.datagrid.summary tr th.section_title{
		background:#0071a3;
		color:#fff;
		font-size:24px;
	}
	
    #payment_cycle_selector{
        display:block; 
        width:100%; 
        text-align: left;
        padding: 10px 0;
        text-indent: 10px;
        margin:0;
        position:absolute;
        top:0px;
        background:#343843;
    }

    #payment_cycle_selector span{
        color:#fff;
    }

    .domains_col select{ background:#0071a3;}
    .hosting_col select{ background:#4eb849;}
    .website_col select{ background:#ebe709;}
    .email_col select{ background:#d9dee4;}
    .white select{ background:#fff;}
    .grey select{ background:#6e7482;}
    .black select{ background:#343843;}

    #payment_cycle_selector span,
    #payment_cycle_selector option{
        font-size:20px;
        text-align:center;
    }
    td.dg_maincol{
        padding: 70px 0;
    }

    select{
        padding: 5px 10px;
        border-radius: 4px;
        font-weight: bold;
        margin-left:10px;
        color:#fff;
    }

	

    .website_col select,
    .email_col select,
    .white select,
    .grey select{    color:#343843;}

    th.section_title span {
        font-size: 28px !important;
        padding-left: 20px;
    }

    table.datagrid th.dg_header span.special_offer{
        top: -55px;
        left: 50%;
        margin-left: -40px;
        display: block;
        width: 80px;
        height: 80px;
        border-radius: 100px;
        position: absolute;
        display: table;
    }

    table.datagrid th.dg_header span.special_offer_contents{
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        color: #343843;
    }

    table.datagrid th.dg_col.dg_header,
    table.datagrid td.dg_subheader{
        text-align:center;
        color:#fff;
        background:#343843;
    }

    table .dg_header span{
        color:#fff;
    }

    table.datagrid th.dg_header a.standard{
        margin:30px 0;
		text-align: center;
		font-size: 16px;
        position:relative; 
    }

    table.datagrid th.dg_header a.standard:before {
        content: "ex VAT @ 20%";
        color: #fff;
        display: block;
        position: absolute;
        top: -17px;
        font-family: arial;
        font-weight: 100;
        font-size: 12px;
        left: 10px;
        margin: 0 auto;
    }
    
    table.datagrid th.dg_header span.price-banner span.selected > span.options {
    
        display: inline;
        font-size:40px;
        color: #D9DEE4;
    
    }
    
    table.datagrid th.dg_header span.package_name_mobile span.price-banner span.selected > span.options {
        font-size:14px;
    }
    
    table.datagrid th.dg_header span.price-banner span.selected > span.hidden {
        display:none;
    }

    th.dg_header:after{
        content: "";
        display: block; 
        position: absolute;
        width: 100%;
        height: 16px;
        background-image: url('/images/v3/underangle_dark.svg'); 
		background-repeat: no-repeat;
        background-size:100% 100%;
        bottom: -16px;
        left: 0;

    }


    table.datagrid th.dg_header span.price-banner span{
        display:none;
    }

    table.datagrid th.dg_header span.price-banner span.selected,
    table.datagrid th.dg_header span.price-banner span.selected span,
    table.datagrid th.dg_header span.price-banner span.price-sub-text{
        display:block;
        text-align:center;
    }



    table.datagrid th.dg_header span.price-banner span.price-sub-text span.clarification{
        display:block;
        font-size:12px;
        font-family:din-light !important;
        margin:0;
         
    }

    span.price-banner span.selected{
       font-size: 40px !important; 
        line-height: 0.5;
        font-weight: bold;
    }
	
	.ds span.price-banner span.selected{
        font-size: 28px !important;
	}

    .domains_col span.selected{     color:#0071a3 !important;   }
    .hosting_col span.selected{ color:#4eb849 !important;   }
    .website_col span.selected{ color:#ebe709 !important;   }
    .email_col span.selected{   color:#d9dee4 !important;   }
    .white span.selected{   color:#343843 !important;   }
    .black span.selected{   color:#ffffff !important;   }

    table span.price-sub-text{
        font-weight:bold;
        text-align:center;
        padding: 5px 0;
        color:#fff;
    }
	
	td ul li {
	    list-style: none;
		font-size: 16px;
		width: 80%;
		margin: 10px auto;
	}

	div.simple_form{	  
		max-width: 860px;
		margin: 0 auto;
	}
	
	div.simple_form div.header, div.blank_span, div.footer{ padding:10px;	}
	div.simple_form.domains_col div.header{ background:#0071a3;}
	div.simple_form.hosting_col div.header{ background:#3f9f3b;}
	div.simple_form div.blank_span{ border-bottom:1px solid #d3d3d3; background:#fff; }
	div.simple_form div.footer{background:#c2c5ce;}
	div.simple_form.domains_col div.footer{ border-bottom:10px solid #0071a3;	}
	div.simple_form.hosting_col div.footer{ border-bottom:10px solid #3f9f3b;	}
	div.simple_form div.form-error{background:#f00; color:#fff; font-weight:bold; text-align:center;}


    .domains_col .full_comparison_link th.section_title { background: #0071a3; }
    .hosting_col .full_comparison_link th.section_title { background: #4eb849; }
    .website_col .full_comparison_link th.section_title { background: #EBE709; }
    .email_col .full_comparison_link th.section_title { background: #d9dee4; }
    .black .full_comparison_link th.section_title { background: #343843; }

    .full_comparison_link th.section_title span{ 
        font-weight:bold;
        font-size:20px;
        width:90%;
        margin:5px auto;
        text-align:center;
        color:#343843;
    }

    .domains_col .full_comparison_link th.section_title span,
    .hosting_col .full_comparison_link th.section_title span,
    .black .full_comparison_link th.section_title span{ color:#fff; }

    .black .full_comparison_link th.section_title span{ color:#fff;}

    .full_comparison_link th.section_title a { margin-left:10px; color: #fff; background: #343843; }
    .full_comparison_link th.section_title a :hover{ background:#181B22;}

    .black  .full_comparison_link th.section_title a { color: #343843; background: #fff; }
    .black  .full_comparison_link th.section_title a :hover{ background:#d9dee4;}

    table.domains_col span.price-sub-text{   background: #0071a3;  }
    table.hosting_col span.price-sub-text{   background: #4eb849;  }
    table.website_col span.price-sub-text, table.website_col span.price-sub-text span.clarification{  background: #ebe709; color: #343843; }
    table.email_col span.price-sub-text, table.email_col span.price-sub-text span.clarification{  background: #d9dee4; color: #343843; }
    table.black span.price-sub-text{     background: #343843; }

    table.datagrid th.dg_col.dg_header {
        padding: 15px ;
        
        font-size:24px;
    }

    table.datagrid th.dg_header,
    table.datagrid td.dg_subheader,
    table.datagrid td{
        border-right: 1px solid #F7F8FA;
    }

    table.summary th.dg_header,
    table.summary td.dg_subheader,
    table.summary td,
    table.datagrid th.dg_header:last-child,
    table.datagrid td.dg_subheader:last-child,
    table.datagrid td:last-child{
        border-right:none;
    }

    th.dg_header span.special_offer span.special_offer_contents{ color:#fff; position:relative;}
	
	.special_offer_contents img {
		position: absolute;
		bottom: 8px;
		right: 8px;
	}

    table.domains_col th.dg_header span.special_offer{   background: #0071a3;  }
    table.hosting_col th.dg_header span.special_offer{   background: #4eb849;  }
    table.website_col th.dg_header span.special_offer{   background: #ebe709;  }
    table.email_col th.dg_header span.special_offer{     background: #d9dee4;  }
    table.black th.dg_header span.special_offer{     background: #343843;  }

    table.website_col th.dg_header span.special_offer span.special_offer_contents,
    table.email_col th.dg_header span.special_offer span.special_offer_contents{  color: #343843; }
	
	table.contact_form{
		margin:5% auto; 
		width:90%;
	}
	
	table.contact_form input.text-input {
	  width: 90%;
	  height: 70px;
	  padding: 5%;
	  border-bottom: 1px solid #e3e3e3;
	}
	
	table.contact_form div.extra_form_text{
		text-align:center;
		background:#fff;
		border-bottom:1px solid #e3e3e3;
		color:#343843;
		font-size:14px;
	}
	
	table.contact_form th.multi_col{
		z-index:10; 
		border-top:none;
	}
	
	
    table.datagrid  tbody tr th {
        padding: 20px ;
        position:relative;
    }

    td.dg_maincol, tr th:first-child {
        width:400px;
    }
	
    .ds td.dg_maincol, .ds tr th:first-child {
        width:300px;
    }	

    tr.details-category  td{
        background:none;
        border-right:none;
    }

    th.section_title{
        font-size:40px; 
        padding:20px;
    }

    th span.sub {
        display: block;
        font-size: 14px !important;
        font-weight: normal;
        width: 350px;
    }


    td.dg_positive,
    td.dg_negative {
        text-indent: -300000em;
        padding: 6px 20px;
        
        background-repeat:no-repeat;
        background-position:center center;
    }

    td.td_even,
    tr.details-category:first-child td.td_even
    {background-color:#ECF0F3; border-right: 1px solid #F7F8FA}

    td.td_odd,
    tr.details-category:first-child td.td_odd
    {background-color:#E6EBEE; border-right: 1px solid #F7F8FA}

    th a.standard.more-info{
        font-size: 12px;
        padding: 4px 7px;
    }



    /* 24px icons */
    ._24 td.dg_positive,
    ._24 td.dg_negative {
        width: 24px;
        height:24px;
    }
    ._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_domains_col.png');}
    .domains_col._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_domains_col.png');}
    .website_col._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_website_col.png');}
    .hosting_col._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_hosting_col.png');}
    .email_col._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_email_col.png');}
    .white._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_white.png');}
    .grey._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_grey.png');}
    .dark._24 td.dg_positive{background-image: url('/images/v3/icons/generic/24/tick_dark.png');}

    ._24 td.dg_negative {   background-image: url('/images/v3/icons/generic/24/cross.png');} 
    .white._24 td.dg_negative { background-image: url('/images/v3/icons/generic/24/cross_white.png');} 
    .grey._24 td.dg_negative {  background-image: url('/images/v3/icons/generic/24/cross_grey.png');} 
    .dark._24 td.dg_negative {  background-image: url('/images/v3/icons/generic/24/cross_dark.png');} 

    /* 32px icons */
    ._32 td.dg_positive,
    ._32 td.dg_negative,
    td.dg_positive,
    td.dg_negative {
        width: 32px;
        height:32px;
    }
    ._32 td.dg_positive, 
    td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_domains_col.png');}
    .domains_col._32 td.dg_positive, 
    .domains_col td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_domains_col.png');}
    .website_col._32 td.dg_positive,
    .website_col td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_website_col.png');}
    .hosting_col._32 td.dg_positive,ss
    .hosting_col td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_hosting_col.png');}
    .email_col._32 td.dg_positive,
    .email_col td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_email_col.png');}
    .white._32 td.dg_positive,
    .white td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_white.png');}
    .grey._32 td.dg_positive,
    .grey td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_grey.png');}
    .dark._32 td.dg_positive,
    .dark td.dg_positive{background-image: url('/images/v3/icons/generic/32/tick_dark.png');}

    ._32 td.dg_negative,
    td.dg_negative {    background-image: url('/images/v3/icons/generic/32/cross.png');} 
    .white._32  td.dg_negative,
    .white td.dg_negative { background-image: url('/images/v3/icons/generic/32/cross_white.png');} 
    .grey._32  td.dg_negative,
    .grey td.dg_negative {  background-image: url('/images/v3/icons/generic/32/cross_grey.png');} 
    .dark._32  td.dg_negative,
    .dark td.dg_negative {  background-image: url('/images/v3/icons/generic/32/cross_dark.png');} 

    /* 64px icons */
    ._64 td.dg_positive,
    ._64 td.dg_negative {
        width: 64px;
        height:64px;
    }
    ._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_domains_col.png');}
    .domains_col._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_domains_col.png');}
    .website_col._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_website_col.png');}
    .hosting_col._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_hosting_col.png');}
    .email_col._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_email_col.png');}
    .white._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_white.png');}
    .grey._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_grey.png');}
    .dark._64 td.dg_positive{background-image: url('/images/v3/icons/generic/64/tick_dark.png');}

    ._64 td.dg_negative {   background-image: url('/images/v3/icons/generic/64/cross.png');} 
    .white._64 td.dg_negative { background-image: url('/images/v3/icons/generic/64/cross_white.png');} 
    .grey._64 td.dg_negative {  background-image: url('/images/v3/icons/generic/64/cross_grey.png');} 
    .dark._64 td.dg_negative {  background-image: url('/images/v3/icons/generic/64/cross_dark.png');} 

    /* 128px icons */
    ._128 td.dg_positive,
    ._128 td.dg_negative {
        width: 128px;
        height:128px;
    }
    ._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_domains_col.png');}
    .domains_col._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_domains_col.png');}
    .website_col._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_website_col.png');}
    .hosting_col._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_hosting_col.png');}
    .email_col._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_email_col.png');}
    .white._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_white.png');}
    .grey._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_grey.png');}
    .dark._128 td.dg_positive{background-image: url('/images/v3/icons/generic/128/tick_dark.png');}

    ._128 td.dg_negative {  background-image: url('/images/v3/icons/generic/128/cross.png');} 
    .white._128 td.dg_negative {    background-image: url('/images/v3/icons/generic/128/cross_white.png');} 
    .grey._128 td.dg_negative { background-image: url('/images/v3/icons/generic/128/cross_grey.png');} 
    .dark._128 td.dg_negative { background-image: url('/images/v3/icons/generic/128/cross_dark.png');} 
	
	div.small_table_container{
		margin-bottom:40px;
	}
	
	div.small_table_container table.datagrid.domains_col tr th.dg_header{
		background-color:#0071A3;
	}
	
	div.small_table_container table.datagrid.domains_col tr td{
		padding:20px 0;
	}
	




    div.grid-container table.datagrid a.tooltip{
        background:none;
    }

    a.tooltip {
        display: inline-block;
        font-size: 10px;
        position:relative;
        left:10px;
    }

    a.tooltip  span{
        padding: 2px 10px;
        border: 2px solid #A7AAB3;
        border-radius: 20px;
    }

    /* tooltip box */
    a.tooltip:hover:before {
        content: attr(title);
        position: absolute;
        display: block;
        width: 330px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding: 20px 16px;
        border-radius: 5px;
        bottom: 40px;
        left: -20px;
    }

    /* tooltip arrow */
    a.tooltip:hover:after {
        top: -7px;
        left: 4px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 10px;
    }

    a.tooltip span:hover{   color: #0071a3; border-color:#0071a3; }
    a.tooltip:hover:before{background: #0071a3;}
    a.tooltip:hover:after {border-top-color: #0071a3;}

    .domains_col a.tooltip span:hover{  color: #0071a3; border-color:#0071a3; }
    .domains_col a.tooltip:hover:before{background: #0071a3;}
    .domains_col a.tooltip:hover:after {border-top-color: #0071a3;}

    .hosting_col a.tooltip span:hover{  color: #4eb849; border-color:#4eb849; }
    .hosting_col a.tooltip:hover:before{background: #4eb849;}
    .hosting_col a.tooltip:hover:after {border-top-color: #4eb849;}

    .website_col a.tooltip span:hover{  color: #ebe709 !important;  border-color:#ebe709; }
    .website_col a.tooltip:hover:before{background: #ebe709; color:#343843;}
    .website_col a.tooltip:hover:after {border-top-color: #ebe709;}

    .email_col a.tooltip span:hover{    color: #d9dee4; border-color:#d9dee4; }
    .email_col a.tooltip:hover:before{background: #d9dee4; color:#0071a3}
    .email_col a.tooltip:hover:after {border-top-color: #d9dee4;}

    .white a.tooltip span:hover{    color: #ffffff; border-color:#ffffff; }
    .white a.tooltip:hover:before{background: #ffffff; color:#343843;}
    .white a.tooltip:hover:after {border-top-color: #ffffff;}

    .grey a.tooltip span:hover{ color: #6e7482; border-color:#6e7482; }
    .grey a.tooltip:hover:before{background: #6e7482;}
    .grey a.tooltip:hover:after {border-top-color: #6e7482;}

    .dark a.tooltip span:hover{ color: #343843; border-color:#343843; }
    .dark a.tooltip:hover:before{background: #343843;}
    .dark a.tooltip:hover:after {border-top-color: #343843;}

    select.SelectFeature {
    padding: 10px;
    font-weight: bold;
    border-radius: 4px;
    }   
    
    .domains_col select.SelectFeature{  background-color: #0071a3; color:#fff;}
    .hosting_col select.SelectFeature{  background-color: #4eb849; color:#fff;}
    .website_col select.SelectFeature{  background-color: #ebe709; }
    .email_col select.SelectFeature{    background-color: #d9dee4; }
    .white select.SelectFeature{    background-color: #ffffff;  }
    .grey select.SelectFeature{ background-color: #6e7482;  }
    .dark select.SelectFeature{ background-color: #343843;  }
    
	tr.repeat-price th {
		padding-top: 40px !important;
	}
	
	table.datagrid tr.repeat-price th.dg_header span.special_offer{ 
		top: -20px;
	} 
	
	tr.repeat-price .price, tr.repeat-price .price *{
		margin-top:10px;
	}
	
	td.basic-table-header.domain_period_header {
		position: relative;
		height:100px;
		background: #0071A3;
		border-left: 1px solid #F7F8FA;
		color:#fff;
        overflow:hidden;
	}

    td.basic-table-header.domain_period_header span.tag_ribbon{
      font-size:12px;
      left:-30px;
    }
	
	
	table.datagrid th.dg_row_header span.domain_period {
		font-size: 14px !important;
		color:#fff !important;
		position: absolute;
		top: 50%;
		left: 90%;
		overflow: hidden;
		white-space: nowrap;
	}
	table.datagrid th.dg_row_header span.rotate {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
		-o-transform: translateX(-50%) translateY(-50%) rotate(90deg);

		-webkit-transform-origin: 50% 0%;
		-moz-transform: 50% 0%;
		-o-transform: 50% 0%;
		writing-mode: lr-tb;
	}
	
	tr.head_row th.dg_col {
		border-bottom: 1px solid #fff;
		color: #fff;
		background: #343843;
		text-align: center;
		font-size: 24px;
	}
	
	.domains_col th.dg_row_header{
		background:#0071a3;
		position:relative;
		padding:20px 0;
	}
	
	.domains_col.dg_header{	 background-color:#0071a3 !important; }
	.domains_col.dg_header:after,
	.domains_col .dg_header:after{
		background-image: url('/images/v3/underangle_domains.svg');
	}
	
	th.dg_col.dg_header.domain-credits {
		background: #D9DEE4 !important;
		color: #343843 !important;
	}
	
	th.dg_col.dg_header.domain-credits:after{
		background-image: url('/images/v3/underangle_email.svg');
	}
	
	tr.head_row th.dg_col.dg_header:after {
		display: none;
	}
	
	tr.subhead_row th.dg_col{
		background:#00648e;
		color: #fff;
		text-align: center;
		border-right: 1px solid #F7F8FA;
		border-bottom: 1px solid #F7F8FA
	}
	
	tr.subhead_row th.dg_col.domain-credits{
		background:#bac4c6;
		color:#343843;
	}
	
	th.price, td.price{
		text-align:right !important;
		padding:20px;
		font-size: 20px !important;
	}
	
	td.footer{
		padding:20px;
		background:#343843;
		color:#fff;
	}
	
	td.gtld_names span{
		font-size: 16px !important;
		color:#fff;
		margin: 20px !important;
		display: block;
	}
	
	td.grid-offer{
		width:80px;
	}
	
	td.domain-credits {
		padding: 20px;
		background: #EAF3F5;
	}
	
	td.domain-credits:first-child{
		border-left:1px solid #bac4c6;
	}
	
	td.domain-credits.text {
		vertical-align: top;
	}
	
	td.domain-credits.text div.simple-text-container{
		border:1px solid #0071A3;
		padding:10px;
		font-size:14px;
		color:#343843;
	}
	
	td.domain-credits.text div.simple-text-container h3,
	td.domain-credits.text div.simple-text-container h4{
		color:#343843;
	}
	
	td.domain-credits.text div.simple-text-container h3 a {
		display: block;
		text-align: center;
		padding: 10px;
		border-radius: 4px;
	}
	
	ol.standard, ul.standard{
		margin: 20px 10px 20px 20px;
		padding-left: 20px;
	}
	
	.standard li{
		margin-bottom: 10px;
		position: relative;
		font-weight: bold;
		list-style-type: none;
	}
	
	.standard li:before {
		content: '';
		display: block;
		width: 16px;
		height: 16px;
		background: #343843;
		border-radius: 20px;
		left: -25px;
		top: 2px;
		position: absolute;
	}
	
	li a.standard {
		text-align: center;
		font-size: 14px;
		position: relative;
		/* top: -20px; */
	}
	
	
	ol.demo {
	  font-size: 20px;
	  font-weight: bold;
	  margin-left: 2%;
	  counter-reset: demo-counter;
	  list-style: none;
	}
	
	ol.demo li {
		counter-increment: demo-counter;
		position:relative;
	}
	
	ol.demo li:before {
	    content: counter(demo-counter);
		background: #3F9F3B;
		color: #fff;
		padding: 8px 14px;
		border-radius: 20px;
		position: absolute;
		left: -50px;
		top: 50%;
		margin-top: -17px;
		font-size: 14px;
	}
	
	
	ol.demo li a.standard {
	  top: 0;
	  padding: 15px 40px;
	  font-size: 20px;
	}
	
	.domains_col.standard li:before { background:#0071A3; }
	.email_col.standard li:before { background:#d9dee4; }
	.hosting_col.standard li:before { background:#4eb849; }
	.website_col.standard li:before { background:#ebe709; }
	
	table.datagrid tr.gtld th span.domain_period {
		position: relative;
		left: 27%;
	}
	
	td.gtld_names {
		background: #0071A3;
		border-left: 1px solid #F7F8FA;
	}
	
	
	td.gtld_price span{
		margin: 20px 0 !important;
		display: block;
		font-weight: bold;
	}
	
	div.small_table_container td:last-child{
		background: #343843;
	}
	
	tr.small_table_footer td {
		background: #343843;
	}
 
	tr.small_table_footer td p{
		margin:0 20px;
	}
	
	tr.small_table_footer td p ,
	tr.small_table_footer td p strong{
		color: #fff !important;
		font-size:14px;
	}
	
	div.three_column_text{
		display: inline-block;
		margin: 10px;
		width: 30%;
		vertical-align: top;
	}
	
	div#faq_q {background:none !important;}
	
	div#faq_q.domains_col{}	
	div#faq_q.hosting_col{}	
	div#faq_q.email_col{}	
	div#faq_q.website_col{}	
	
	#faq_q h2 {
	  color: #343843;
	  position: relative;
	  border: 2px solid #343843;
	  padding: 2% 1%;
	}
	
	#faq_q h2 a {
	  position: absolute;
	  right: 0;
	  font-size: 1.07em;
	  top: 0;
	}
	
	div#faq_q.domains_col h2{color:#0071a3; border-color:#0071a3;}	
	div#faq_q.hosting_col h2{color:#4eb849; border-color:#4eb849;}	
	div#faq_q.email_col h2{color:#ebe709; border-color:#ebe709;}	
	div#faq_q.website_col h2{color:#343843; border-color:#343843;}
	
	div#faq_q .three_column_text h3{
		position: relative;
		width: 85%;
		font-size: 24px;
		padding: 15px;
		background: #fff;
		margin-left: 10px;
		color: #343843;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	div#faq_q.domains_col .three_column_text h3{color:#0071a3;}	
	div#faq_q.hosting_col .three_column_text h3{color:#4eb849;}	
	div#faq_q.email_col .three_column_text h3{color:#ebe709;}	
	div#faq_q.website_col .three_column_text h3{color:#343843;}	

	div#faq_q .three_column_text h3:after{
		content: "";
		position: absolute;
		bottom: 14px;
		left: -20px;
		border-style: solid;
		border-width: 10px 20px 10px 0;
		border-color: transparent #fff;
		display: block;
		width: 0;
		z-index: 1;
	}
	
	div#faq_q .three_column_text p{
		color:#fff;
		margin:10px;
	}
	div#faq_q.dark_text .three_column_text p{color:#343843;}
	
	.three_column_text ul {
	  padding-left: 10%;
	  width: 75%;
	}
	
	.three_column_text ul li {
		margin: 20px 0px;
		font-size: 14px;
	}
	
	a.expand-list {
		margin: 20px auto 0;
		display: block;
		text-align: center;
	}
	
	div#jump_nav ul li{list-style:none;}
	
	ul.tld-full {
		margin-top: 10px;
	}
	
	ul.tld-full.collapse {
		margin:0;
	}
	
	
	.rowhidden td{	text-align:right;	}
	.rowhidden td span{	text-align:left;	}
	
	
	.datagrid.flexible{
		table-layout:auto;
	}
	
	.flexible td{
		padding:10px 0;
	}
	
	table.small_data_table{
		outline: 1px solid #f00;
		border-collapse:collapse;
		margin:20px 0;
	}

	
	table.small_data_table th{
		background:#343843; 
		width:50%; 
		padding:3%; 
		font-size:18px;
		color:#fff;
		text-align:center;
	}
	
	table.small_data_table.domains_col th{background:#0071a3; color: #fff !important;}
	table.small_data_table.hosting_col th{background:#4eb849;  color: #fff !important;}
	table.small_data_table.email_col th{background:#d9dee4;  color: #343843 !important;}
	table.small_data_table.website_col th{background:#ebe709;  color: #343843 !important;}
	

	table.small_data_table td{
		padding:3% 5%;
		text-align:center;
	}
	
	div.banner_span{
	    color: #fff;
	  font-size: 24px;
	  text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
	  padding: 2% 5%;
	  margin: 0 auto;
	  text-align: center;
	  width: 70%;
	  position: relative;
	  background: #343843;
	}
	
	div.banner_span:before{
	  display: block;
	  content: "";
	  position: absolute;
	  left: 0%;
	  top: 50%;
	  border: solid transparent;
	  border-color: rgba(0,0,0,0);
	  border-left-color: #fff;
	  height: 0;
	  width: 0;
	  border-width: 40px;
	  margin-top: -40px;
	}
	
	div.banner_span.white:before{border-left-color: #fff;}	
	div.banner_span.grey:before{border-left-color: #e3e3e3;}	
	
	div.banner_span:after{
	  display: block;
	  content: "";
	  position: absolute;
	  left: 100%;
	  top: 50%;
	  border: solid transparent;
	  border-color: rgba(0,0,0,0);
	  border-left-color: #343843;
	  height: 0;
	  width: 0;
	  border-width: 40px;
	  margin-top: -40px;
	}
	
	div.banner_span.domains_col {background:#0071a3;}
	div.banner_span.hosting_col {background:#4eb849;}
	div.banner_span.email_col {background:#d9dee4;  }
	div.banner_span.website_col {background:#ebe709;}
	div.banner_span.domains_col:after {border-left-color:#0071a3;}
	div.banner_span.hosting_col:after {border-left-color:#4eb849;}
	div.banner_span.email_col:after{border-left-color:#d9dee4;  }
	div.banner_span.website_col:after {border-left-color:#ebe709;}
	
	
	span.merchant_content{
		font-size:18px;
	}
	
	span.merchant_content table{width:100%; margin:40px auto 10px; background:none; border:1px solid #343843;}
	span.merchant_content table th{background:#343843; color:#fff; text-align:left; font-weight:bold; padding:2%; width:60%;}
	span.merchant_content table td{background:none; text-align:center;}
	
	span.table_footer{
		font-size:12px;
	}
	
	.example-site {
	  display: inline-block;
	  width: 27.2%;
	  vertical-align: top;
	  margin: 1%;
	  padding: 1%;
	}
	
	.example-site img{
		border:3px solid #fff;
	}
	
	/* free app list styling */
		
	.key-point{ margin:30px;	}
		
	ul.popular-selector {
		display:block;
		margin: 10px auto;
		overflow: hidden;
		height: 110px;
		padding: 0;
		width:600px;
	}

	ul.popular-selector li{
		display:inline-block;
		margin: 0 8px;
		vertical-align: top;
	}

	ul.popular-selector li a{
		display:block;
		height:79px;
		position:relative;
		top:10px;
		margin: 0px 10px;
		text-align: center;
		text-decoration: none;
		padding-top: 80px;
		background-repeat: no-repeat;
		color: #e3e3e3;
		line-height:14px;
		
		-webkit-transition:  all 0.1s ease-in-out; 
		-moz-transition: all 0.1s ease-in-out; 
		-o-transition: all 0.1s ease-in-out;
	}

	ul.popular-selector li a:hover{
		top:0px;
		color: #000;
		padding-top:90px;
	}
	
	/*default style images for each option*/
	ul.popular-selector li a.wp{background-image:url('/images/v3/wh//pop-app-yellow_wp.png'); width:76px;}
	ul.popular-selector li a.jm{background-image:url('/images/v3/wh//pop-app-yellow_jm.png'); width:70px;}
	ul.popular-selector li a.dr{background-image:url('/images/v3/wh//pop-app-yellow_dr.png'); width:64px;}
	ul.popular-selector li a.oc{background-image:url('/images/v3/wh//pop-app-yellow_oc.png'); width:100px;}
	ul.popular-selector li a.pr{background-image:url('/images/v3/wh//pop-app-yellow_pr.png'); width:74px;}
	ul.popular-selector li a.php{background-image:url('/images/v3/wh//pop-app-yellow_bb.png'); width:71px;}

	/* hover state for each option */
	ul.popular-selector li a.wp:hover, ul.popular-selector li a.wp.selected{background-image:url('/images/v3/wh//pop-app_wp.png');}
	ul.popular-selector li a.jm:hover, ul.popular-selector li a.jm.selected {background-image:url('/images/v3/wh//pop-app_jm.png');}
	ul.popular-selector li a.dr:hover, ul.popular-selector li a.dr.selected{background-image:url('/images/v3/wh//pop-app_dr.png');}
	ul.popular-selector li a.oc:hover, ul.popular-selector li a.oc.selected{background-image:url('/images/v3/wh//pop-app_oc.png');}
	ul.popular-selector li a.pr:hover, ul.popular-selector li a.pr.selected{background-image:url('/images/v3/wh//pop-app_pr.png');}
	ul.popular-selector li a.php:hover, ul.popular-selector li a.php.selected{background-image:url('/images/v3/wh//pop-app_php.png');}


	div.selected_app{
		min-height:210px;
		width:980px;
		margin-bottom: 20px;
	}


	div.selected_app span{
		display: block;
		width: 760px;
		margin: 21px auto;
		background: #fff;
		box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.52);
		padding: 20px 40px;
	}


	div.selected_app span img{float:left; margin-right:50px;}

	div.selected_app span h1{
		color: #888888;
		font-size: 38px;
	}

	div.selected_app span p{margin:20px; font-size:18px; }

	div#full-app-list{
		display: block;
		width: 900px;
		margin: 40px auto;
	}

	div#full-app-list>span{
		display: inline-block;
		width: 32.4%;
		padding-right: 5px;
		vertical-align:top;
	}
	
	.selected_app p {
		color: #343843;
	}

	span.app-group{
		display: block;
		background: #fff;
		width: 90%;
		padding: 5%;
		margin-bottom:10px;
	}
	span.app-group:hover{
		box-shadow:0 2px 5px 1px rgba(0, 0, 0, 0.52);
		background: #fff;
	}

	span.app-group h3{font-size:24px;}
	span.app-group ul{padding:0px;}
	span.app-group ul li{
		color: #787878;
		list-style: none;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		margin:3px;
	}

	span.app-language{
		font-size: 16px;
		float: right;
		background: #EBE709;
		padding: 2px 4px;
		border-radius: 3px;
		color: #343843;
		margin-top: -3px;
	}
	
	
}


 


/*===  KEY FEATURES  ===*/

@media all{
    div.features_header.center{
        width:80%;
        margin:0 auto 3em;
    }

    .features_header.center * {
        text-align: center;
    }

    div.features_row{
        margin: 0 auto;
        border-bottom: 1px solid #bac4c6;
        width: 1000px;
    }

    div.features_row:last-child{ border-bottom:none; }

    div.features_cell{
        display:table-cell;
        padding:50px;
        width:225px;
        border-right:1px solid #bac4c6;
    }

    div.features_cell:nth-child(3){
        border-right:none;
    }

    div.features_cell div{margin:5px 0; text-align:center;}
    div.features_cell .feature_img img{margin:0 auto 20px;}
    div.features_cell .feature_header{font-size:16px; font-weight:bold;}
    div.features_cell .feature_body{font-size:12px; font-weight:normal;}
    div.features_cell .feature_body ul{width: 70%; margin: 10px 0 10px 20%; text-align: left;}
	div.features_cell .feature_body ul li{margin-bottom:10px;}

    span.five-box{
        display: inline-block;
        width: 11.2em;
        height: 175px;
        min-width: 140px;
        text-align:center;
        vertical-align: top;
        padding: 10px;
        border-right: 1px solid rgba(0,0,0,0.25);
    }
    
    span.five-box:last-child{
        border-right:none;
    }
    
    span.five-box img{
        display:block;
        margin:0px auto 20px;
    }
    
    div.feature_coffin, div.special_offers{
		display:block;
		height:auto;
		margin:5px 0;
		background-color:#fff;
	}
	
	div.special_offers{
		padding:10px
	}
	
	.special_offer_footer{text-align:right;}
	
	div.feature_coffin *{
		display:inline-block;
		vertical-align: middle;
		background-position:center center;
		background-repeat:no-repeat;
		/* color:#343843; */
	}
	
	.vps div.feature_coffin *{
		vertical-align:top;
	}
	
	div.feature_coffin span.image{
		width:150px;
		height:150px;
	}
	
	div.feature_coffin span.seperator{
		width:1px;
		height:110px;
		background:#d3d3d3;
	}
	
	div.feature_coffin span.text{
		margin:20px;
		font-size:18px;
		width: 470px;
	}
	
	.vps div.feature_coffin span.image{margin:10px;}
	.vps div.feature_coffin span.seperator{margin:10px 0;}
	.vps div.feature_coffin span.text{width:460px;}
	
	.vps div.feature_coffin p,  .vps div.feature_coffin a {vertical-align: middle;	}
	
	
}





/*===  PRE FOOTER STYLING  ===*/

@media all{
    div.pre_footer{
        display:inline-block;
        background-color:#fff;
        background-attachment: scroll;
        background-position: center;
        background-size: auto, 100%;
        padding: 40px 50px;
        vertical-align: top;
        margin: 10px;
        max-height: 190px;
    }

    div.pre_footer.choose_daily {   width: 230px; }
    div.pre_footer.choose_daily *{  text-align: center; }
    div.pre_footer.choose_daily p{  margin: 20px auto; font-size:14px; }
    div.pre_footer.choose_daily a{  margin: 0px auto; }

    div.pre_footer input.domain_search {
        width: 490px;
        background: #D4D9DD;
    }
    div.pre_footer input.domain_search:hover { background:#BDC5CB; }

    div.pre_footer button { background:#343843; }
    div.pre_footer button:hover { background:#181B22; }
    div.pre_footer button + button { background:#6e7482; }
    div.pre_footer button + button:hover { background:#535861; }

    div.pre_footer.search{
        padding:98px 30px;
    }
     
     
     .list ul,
	.bullet-green-arrow ul{
    margin-left: 30px;
    }

    .list ul li,
	.bullet-green-arrow ul li {
    margin: 10px 0;
    }

	span.list-number{
	  color: #fff;
	  padding: 8px 17px;
	  border-radius: 30px;
	  font-weight: bold;
	  font-size: 18px;
	  background: #6e7482;
	  display: block;
	  width: 9px;
	  float: left;
	  margin: 0 20px 10px 0;
	}
 
	

}



/*===  FOOTER CSS  ===*/

@media all{

    #footer-container {
        width: 100%;
        margin:0 auto;
        clear:both;
        float:left;
    }

    #footer {
        width: 980px;
        margin:0 auto;
        padding:0px;
        margin-top:1px;
        background-image:url(/images/footer/back-footer-menu-grey.gif);
        float:left;
        clear:both;
    }

    h3.footer {
        text-align: left;
        font-size:16px;
        color:#588e96;
        font-weight:bold;
    }

    #footer_info {
        background-image: url("/images/footer/back-footer-menu-grey.gif");
		background-color: #F1F1F1;
		background-repeat: repeat-x;
        clear: both;
        margin: 1px auto 0;
        width: 100%
    }
	
    #footer_info div{
        margin: 1px auto;
        padding: 20px 30px 20px 30px;
        width: 920px;
    }

    .footer-list-container {
        text-align: left;
        margin:auto;
        float:left;
        font-size: 14px;
        color:#588e96;
        font-weight:bold;
        padding-left: 18px;
    }

    .footer-list {
        margin: auto;
    }

    .footer-list ul {
        margin:10px auto 10px auto;
        padding:0px;

    }


    .footer-list li {
        list-style:none;
        display: inline;
    }

    .footer-list li.last a {
        border: none;
    }

    .footer-list a {
        border-right: 1px solid white;
        margin: auto;
        padding: 5px;
        padding-right: 8px;
    }

    .footer-list a:link, .footer-list a:active, .footer-list a:visited {
        color: #333;
        text-decoration:none;
    }

    .footer-list a:hover {
        color: #999;
    }




    #footer-logo {
        width: 980px;
        height:81px;
        text-align:left;
        margin: 0 auto;
        margin-bottom:12px;
        background-image:url(/images/footer/footer-logo.gif);
        clear:both;
    }

    #footer-short-logo {
        width: 980px;
        height:81px;
        text-align:left;
        margin: 0 auto;
        margin-bottom:12px;
        background-image:url(/images/footer/footer-logo-small.gif);
        clear:both;
    }

    .footnote {
        text-align: center;
        background: #2b2d39;
        color: #fff;
        padding:10px 0;
    }
	
	div.footnote_text{
		text-align: center;
		background: #6A707E;
		color: #fff;
		font-weight: bold;
		padding: 6px 0px;
	}
	
	div.footnote_text .container{
		color:#fff;
	}
	
	div.footnote_text.domains_col{ background-color: #0071a3;}
	div.footnote_text.hosting_col{ background-color: #4eb849;}
	div.footnote_text.website_col{ background-color: #ebe709; color: #343843;}
	div.footnote_text.email_col{ background-color: #d9dee4; color: #343843;}

    ul#footnote-links {
        list-style: none;
        margin: 0;
        margin-bottom: 3px;
        padding: 10px 0px;
    }

    ul#footnote-links li {
        display: inline;
        border-left: solid 1px #cccccc;
        list-style: none;
        padding: 2px 5px;
    }

    ul#footnote-links li a{
        color:#fff;
    }

    #footnote-links li:first-child {
        border-left: none;
    }

    span.copyright{
        color:#838790;
        color:#fff;
        width: 70%;
        text-align: right;  
        font-size:11px;
    }

    .footnote div.container{
        margin:15px auto;
        padding:0;
    }

    .footnote img.footerlogo{
        width:200px;
        height:auto;
    }

    .footnote img.footerlogo,
    .footnote span.copyright{
        display:inline-block;
        vertical-align:middle;
    }


    /* NEW FOOTER DESIGN */

    #f_topbar{
        width:100%;
        background:#6f6f6f;
        display:none;
    }

    #f_links,
    #f_topbar{
        padding:10px 0;
    }

    #topbar_container{
        width:960px;
        margin:0 auto;
        height:40px;
    }

    #pay-icons{
        width:750px;
    }

    #pay-icons,
    #social-icons{
        display:inline-block;
    }

    #social-icons{
        width:200px;
        text-align:right;
    }

    #social-icons a{
        display:inline-block;
        height:31px;
        width:31px;
        margin:0 8px;
        background-repeat:no-repeat;
        background-position:top left;
    }

    #social-icons a.fb{background-image:url('/images/footer/fb.png');}
    #social-icons a.blog{background-image:url('/images/footer/blog.png');}
    #social-icons a.linkedin{background-image:url('/images/footer/lin.png'); cursor:default;}
    #social-icons a.fb:hover{background-image:url('/images/footer/fb-hover.png');}
    #social-icons a.blog:hover{background-image:url('/images/footer/blog-hover.png');}
    /* page not available yet
    #social-icons a.linkedin:hover{background-image:url('/images/footer/lin-hover.png');}
    */
    #f_links{
        width:100%;
        background:#363a46;
        height:215px;
        padding-top: 20px;
    }

    #f_navigation{
        width: 64em;
        margin:0 auto;
    }

    .f_nav_quart{
        display: inline-block;
        float: left;
    }

    .f_nav_quart.last{
        border:none;
    
}

    .f_nav_quart h3,
    .f_nav_quart a{
        color: #d9dee4;
        text-decoration:none;
    }

    .f_nav_quart h3{
        font-size:20px;
        padding-left:16px;
    }

    .f_nav_quart hr{
        border-color:#6f6f6f;
        display:none;
    }

    .f_nav_quart ul{
        list-style:none;
        width: 22.5em;
        padding: 0 16px;
        border-right: none;
        vertical-align: top;
        min-height: 180px;
        margin: 15px 0;
    }

    .f_nav_quart li{
        display: table;
        padding-top: 5px;
        min-height: 20px;
        width: 10em;
        float: left;
    }

    .f_nav_quart a{
        font-size: 14px;
        display: table-cell;
        font-weight: normal;
        vertical-align: middle;
    }

    .f_nav_quart a span:hover,
    .f_nav_quart a:hover{
        text-decoration:underline;
    }

    .f_nav_quart div{
        margin: 2em 0;
    }

    .f_nav_quart span{
        font-weight:bold;
        font-size:16px;
        color:#d9dee4;
    }

    .f_nav_quart img,
    .f_nav_quart span{
        vertical-align:middle;
        display:inline-block;
        margin-left:15px;
    }
}




/*===  OTHER CSS  ===*/

@media all{
	span.list-group{
		display: block;
		background: #fff;
		width: 200px;
		padding: 10px;
		margin: 10px;
	}
	span.list-group.wide{
		width: 300px;
		min-height: 258px;
		display: inline-block;
	}
	span.list-group:hover{
		box-shadow:0 2px 5px 1px rgba(0, 0, 0, 0.52);
		background: #fff;
	}

	span.list-group h3{
		font-size: 22px;
		display: block;
		background: #0071A3;
		color: #fff;
		padding: 10px;
		position: relative;
		top: -10px;
		text-align: center;
	}
	span.list-group ul{padding:0px;}
	span.list-group ul li{
		list-style: none;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
	}
	
	span.list-group.wide ul li {
		width: 49%;
		height: 26px;
		display: inline-block;
		margin: 2px 0;
	}

	span.list-group ul li a, a.example-select{
		display: inline-block;
		text-decoration: none;
		color: #787878;
		padding: 3px;
		margin:1px 0;
		width: 92%;
		text-align: center;
		
		-webkit-transition:  all 0.1s ease-in-out; 
		-moz-transition: all 0.1s ease-in-out; 
		-o-transition: all 0.1s ease-in-out;
	}

	span.list-group ul li a:hover{
		background:#eee;
	}

	span.list-group ul li a.select, a.example-select{
		background: #50B848;
		color: #fff;
		border-radius: 18px;
		font-size: 14px;
		display: inline-block;
		width: 106px;
	}

	span.pre-reg-subtext{
		color:#fff;
		font-size:14px;
		font-weight:bold;
		display:block;
		padding:0px 20px;
		width:100%;
		margin-top: 15px;
	}

	span.list-group ul.tld-full.collapse li{
		color:#fff;
	}

	span.list-group ul.tld-full{
		
		display:block;
		height:auto;
		max-height:3500px;
		float:left;
		overflow:hidden;
		margin-bottom: 0;
		max-height: 300px;
	}

	 span.list-group ul.tld-full.long{
		overflow-y:scroll !important;
	 }

	span.list-group ul.tld-full.collapse{
		max-height:0px;
		
	}

	span.list-group.wide ul li, span.list-group ul.tld-full, span.list-group ul.tld-full.collapse{
		-webkit-transition:  all 0.3s ease-in-out; 
		-moz-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out;
	}

	pre.code{
		background:#eee; 
		padding:10px; 
		font-size:12px;
		margin:10px 0px;
	}

	span.list-column{
		width:330px !important;
		display:inline-block;
	}

	ul#switch_nav_menu{
		background:#E3E3E3;
		padding:10px;
		border-radius:10px 10px 0 0;
	}
	
	ul#switch_nav_menu li{
		display:inline-block;
	}
	
	ul#switch_nav_menu li a.standard{
		font-size:12px;
		top:0;
	}
	
	ul#switch_nav_menu li a.standard.selected{
	}
	
	ul#switch_nav_menu li a.standard.selected{ box-shadow:0px 2px 4px 1px rgba(0, 0, 0, 0.4); }
	
	div#switch_contents_container{
		position: absolute; 
		bottom: 0px; 
		left: 0px;
	}
	
	div#switch_contents_container:before, div#switch_contents_container:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		position: absolute;
		bottom: 0;
	}
	
	div#switch_contents_container:after {
		border-width: 48px 0 0 30px;
		border-color: transparent transparent transparent #E3E3E3;
		right: -29px;
	}
	
	div#switch_contents_container:before {
		border-width: 0 0 48px 30px;
		border-color: transparent transparent #E3E3E3 transparent;
		left: -29px;
	}
	
	div#switch_contents_container.careers ul#switch_nav_menu,
	div#switch_contents_container.careers:before, div#switch_contents_container.careers:after {
		background-image: url('/images/v3/backdrops/careers_header_image.jpg');
		background-size: 100%;
		background-attachment: fixed;
	}
	
	div#switch_contents_container.careers:after {
		border-width: 0 30px 48px 0;
		border-color: transparent #50555E transparent transparent;
	}
	
	div#switch_contents_container.careers:before {
		border-width: 48px 30px 0 0;
		border-color: #50555E transparent transparent transparent;
	}
	

	
	img + span.large_statement{
		text-align:left;
		width: 75%;
		display:inline-block;
		margin-left:40px;
		vertical-align:top;
	}

	span.large_statement{
		display: block;
		font-weight: bold;
		margin: 0 auto;
		font-size: 26px;
		vertical-align: middle;
		line-height: 34px;
		text-align:center;
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	}
	
	span.large_statement.white{color:#fff;}
	
	span.large_statement.style3d{
	  font-size: 44px;
	line-height: 54px;
	text-align: center;
	color: #E3E3E3;
	display: block;
	text-shadow: 0 2px 0px #888, 0 3px 0px #777, 0 4px 0px #666, 0 5px 0px #555, 0 6px 0px #444, 0 7px 12px #000;
	}
	
	h2 span.per {
		font-size: 0.6em;
		margin-left:0.6em;
		font-family: arial; font-weight:bold; font-family: din-bold;
	}
	
	
	
	div.existing_menu{
	  display: block;
	  margin: 0 auto;
	  padding: 3px;
	  height: 166px;
	  width: 91%;
	}

	div.existing_menu a, 
	span.trademark{
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		display:inline;
		line-height:normal;
	}

	div.existing_menu a{
		display:inline-block;
		margin:0.06em;  
		height: 130px;
		width: 130px;
		padding:10px;
		vertical-align:bottom;
		position:relative;
		background:#6e7482;
		
		border-radius: 4px;
		
		background-repeat: no-repeat;
		background-position: center 25%;
	}


	div.existing_menu a:hover{
		background:#535861;
		background-repeat: no-repeat;
		background-position: center 25%;
	}

	div.existing_menu a span.text,
	div.existing_menu a span.trademark,
	div.existing_menu a span.subtext{
		color:#fff !important;
	}

	/* div.existing_menu a.kb:hover{background-image: url('/images/contactus/kb.png');} */
	div.existing_menu a.kb{background-image: url('/images/contactus/kb_hover.png');}

	/* div.existing_menu a.ss:hover{background-image: url('/images/contactus/ss.png');} */
	div.existing_menu a.ss{background-image: url('/images/contactus/ss_hover.png'); }

	/* div.existing_menu a.pr:hover{background-image: url('/images/contactus/pr.png');} */
	div.existing_menu a.pr{background-image: url('/images/contactus/pr_hover.png');}

	/* div.existing_menu a.mcp:hover{background-image: url('/images/contactus/mcp.png');} */
	div.existing_menu a.mcp{background-image: url('/images/contactus/mcp_hover.png');}

	/* div.existing_menu a.wm:hover{background-image: url('/images/contactus/wm.png');} */
	div.existing_menu a.wm{background-image: url('/images/contactus/wm_hover.png'); }

	/* div.existing_menu a.st:hover{background-image: url('/images/contactus/st.png');} */
	div.existing_menu a.st{background-image: url('/images/contactus/st_hover.png');}

	div.existing_menu a span.text{  
	  width: 100%;
	  margin: 0 0 16px;
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	}

	span.trademark{
		vertical-align: super;
		position: relative;
		top: 0.1em;
		font-size: 0.6em;
	}

	div.existing_menu a span.subtext{
		font-size: 12px;
	  font-weight: normal;
	  font-style: italic;
	  color: #464646;
	  display: block;
		
	}
	
	div.career_links a{margin:5px 10px;}
	 
	div.career_post{margin-bottom:40px; padding:0;}
	div.career_post span{
		display:block;
	}
	
	.career_post h2{background:#343843; color:#fff; padding:20px;}
	
	.career_date{font-style:italic;}
	.career_salary, .career_date{  font-size: 20px;}
	.career_salary{font-weight:bold;}
	.career_post ul{	margin-left:4%;	}
	.career_post ul li{ line-height:2;	}
		
		
	#sitemap h4{
		display:block;
		margin:4px 20px;
		width:50%;
		font-size:12px;
		padding-bottom:2px;
		border-bottom:1px solid #4c929c
	}

	#sitemap ul{
		margin: 10px 0 40px 20px;
		padding: 0px 10px;
	}



	#sitemap li{
		display: block;
		padding: 10px 25px;
		border-left: 1px solid #464646;
	}

	#sitemap li:last-child {
	/*	border-left: 1px solid #fff; */
	}

	#sitemap li:before {
		display: inline-block;
		content: "";
		margin: -10px 10px 0 -26px;
		position: relative;
		top: -5px;
		border-bottom: 1px solid #464646;
		border-left: 1px solid #464646;
		width: 20px;
		height: 20px;
	}
	
	
	#sitemap ul li a{
		font-size:20px;
		font-family:din-bold;
		text-decoration:underline;
	}

	
	#sitemap ul li ul li a{
	   padding:10px;
	   background-color:#343843;
	   color:#fff;
	   font-size:14px;
	   text-decoration:none;
	   border-radius:4px;
	}
	
	#sitemap ul li ul li a:hover{
		background-color:#5E626E;
	}
	
	
	
	div#trail,
	div#ftrail{
		display:none;
	}

		
	table.user.password.recover{
		margin:10px auto;
	}
	
	table.user.password.recover img.captcha, 
	#signin_form table.user.password.recover td.button input[type="submit"]{
		float:right;
	}
		
	td.key {
		font-weight: bold;
		vertical-align: middle;
		max-width: 140px;
	}
	
	input[type="submit"]{
		cursor:pointer;
	} 

    #this-page h3{
        font-size:20px;
        margin-bottom:20px;
    }
 
    #no-issues,
    #this-page h3{
        font-family:"arial";
        font-weight:bold;
        text-align:center;
    }

    .dailystatus h3{
       font-family:"arial";
       font-weight:bold;
    }

 
    #no-issues{
        font-size:40px;
        padding: 20px;
        border: 1px solid #343843;
    }
	

    /* Dailstatus fixes */

    .dailystatus table {
      width: 50em;
      margin: 10px auto;
      border: 1px solid #343843;
    }
	
    .dailystatus table td {
      padding: 10px;
      border-bottom:1px solid #343843; 
    }

    .dailystatus table th {
      background: #0072A4;
      color: #fff;
      font-size: 30px;
      width: 33%;
    }

    .dailystatus table tr:last-child th {background: #343843;}
    
    .dailystatus table tr:nth-child(2) td { background: #D6DDE0;}

    .dailystatus table tr:nth-child(3) td {
      font-size: 18px;
      padding: 20px;
    } 


    /* new styling in iw-pending page in cp */

    #mydaily #content .pending-container p {
        color: #343843;
    }

    .pending-container{
        display: block;
        border: 3px solid #76a5a9;
        width: 520px;
        padding: 20px;
            background:#fff;
            margin: 20px 0px;
    }

    .pending-header-angle{
            display: inline-block;
            float: left;
            padding: 0px 20px;
            margin-left: -20px;
            color: #fff;
            font-size: 36px;
            height: 0px;
            font-weight: bold;
            line-height: 45px;
            border-bottom: 45px solid #76a5a9;
            border-right: 25px solid rgba(0,0,0,0);
    }

    .pending-header-angle+img{
        float:right;
        display:inline-block;
    }

    span.pending-subheader{
            font-size: 20px;
            font-weight: bold;
            padding: 10px 20px;
            display: inline-block;
            margin-top: 14px;
            text-align: center;
            width: 477px;
            line-height: 22px;
    }

    div.pending-keypoints{
            display:inline-block;
            padding-top: 20px;
            width: 520px;
        
    }

    div.pending-keypoints img{float:left; margin: 0px 10px;}
    div.pending-keypoints p{font-size:14px; width: 340px; display: inline-block; margin:10px !important;}
    div.pending-keypoints hr{background: #76a5a9;height: 2px;margin-top: 30px;}



}

/* TEMPORARY ESHOP FEATURES */

@media all{

	div.features-panel-container{
		display: inline-block;
		width: 100%;
	}

	div.panel-menu{
		display:none;
		zoom: 1;
		width: 158px;
		background: #fff;
		box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.28);
	}

	div.panel-menu ul, div.panel-menu ul li{
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #aeaeae;
		width: 150px;
	}

	div.panel-menu ul li a{
		display:block;
		width:150px;
		height:71px;
		background:url('/images/eshop/panel-menu-btn-bg.jpg');
		font-size:16px;
		color:#464646;
		font-weight:bold;
		text-decoration:none;
		border-right: 8px solid #fff;
		box-shadow: inset -6px 0px 4px -4px rgba(0, 0, 0, 0.47);
	}

	div.panel-menu ul li a span{
		display: inline-block;
		width: 32px;
		height: 32px;
		background: none;
		background-repeat: no-repeat;
		margin: 4px 6px;
		position: relative;
		top: 14px;
		left: 4px;
	}

	div.panel-menu ul li a span.design{background:url('/images/eshop/icons/design.png');}
	div.panel-menu ul li a.selected span.design{background:url('/images/eshop/icons/design-select.png');}

	div.panel-menu ul li a span.social{background:url('/images/eshop/icons/social.png');}
	div.panel-menu ul li a.selected span.social{background:url('/images/eshop/icons/social-select.png');}

	div.panel-menu ul li a span.marketing{background:url('/images/eshop/icons/market.png');}
	div.panel-menu ul li a.selected span.marketing{background:url('/images/eshop/icons/market-select.png');}

	div.panel-menu ul li a span.shopadmin{background:url('/images/eshop/icons/admin.png');}
	div.panel-menu ul li a.selected span.shopadmin{background:url('/images/eshop/icons/admin-select.png');}


	div.panel-menu ul li a:hover{
		background:url('/images/eshop/panel-menu-btn-bg-hover.jpg');
	}


	div.panel-menu ul li a.selected{
		background:url('/images/eshop/panel-menu-btn-bg-select.jpg') repeat-x;
		color:#fff;
	}

	div.panel-menu ul li a.selected:after{
		content: "";
		background: url('/images/eshop/panel-menu-arrow-right.png') no-repeat;
		display: block;
		height: 28px;
		width: 13px;
		position: relative;
		left: 158px;
		top: -22px;
	}




	div.panel-body{
		display:block;
	}

	div.panel-body, div.panel-body div.selected{
		width:100%;
		box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.28);
	}


	div.panel-body div{
		display:none;
	}

	div.panel-body div h2{
		display: block;
		clear: both;
		padding: 30px;
		border-bottom: 5px solid #A7A8AD;
		color: #EBE709;
		background-color: #333742;
	}

	div.panel-body div div{
		display:inline-block;
		zoom: 1;
		width:46%;
		margin:20px 15px;
		vertical-align: top;
	}

	div.panel-body div img{
		display: block;
		width: 128px;
		height: 128px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	div.panel-body div h3{
		margin-bottom:5px;
	}

	div.panel-body div p{
		display: inline-block;
		width: 370px;
	}

	div.panel-body div.selected{
		display:block;
		background:#fff;
	}


}



/* VIDEO CSS ON ESHOP PAGE */

@media all{
	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
	  background: #6BB368;
	}
	
	.website_col audio::-webkit-media-controls-timeline, .website_col video::-webkit-media-controls-timeline {
	  background: #EBE709;
	}
	
	
}


/*===  SECTION HEADER  ===*/



/* MOBILE RESPONSIVE - ALWAYS KEEP AT THE END OF THIS DOCUMENT */


@media screen and (max-width: 1024px) {

  *{
    /* 
    max-width:480px; 
    overflow:hidden; 
    */
  }
  
  img *,
  * img{
	max-width: 100%;
  }
  
  div.large_circle, div.small_circle{
	position:relative;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	bottom:auto !important;
	clear:both;
	float:none;
	margin:0 auto;
  
  }

  span.pre-reg-subtext{
    max-width: 90%;
    padding: 0 ;
    margin: 10px auto;
  }
  
  #facebox .popup {
  	width:90% !important;
	max-width:500px; 
  }
  
  #facebox .content {
	width:98% !important;
	margin:1% !important;
  }
  
  div#page,
  #header,
  #header div,
  #logo-container,
  #logo-container div,
  .slider,
  div.container,
  div.full-width,
  div.full-width div,
  div#footer-container,
  {
    
    width:100% !important;
  }

  div#footer-container #f_navigation{ width:80%;}

  #header{
      height: 8em !important;
  }

  div.logo{
      margin:0px;
  }


  div.container{
    padding:3em 1em;
	width:90%;
  }
  
  .logo img {
    width: 16em;
    height: auto;
    margin: 1em;
  }

  div#nav, .top-links, #searchbar_home{
    display:none;
  }
  
  #mobile_nav ul#mobile_topnav li:hover > a{
    background:none;
    color:#343843;
  }
  
  
  
  #mobile_nav ul#mobile_topnav > li > a{
    padding:4px 0;
  }
  
  #mobile_nav ul#mobile_topnav > li > a.selected {
    background: #0071a3;
    color: #fff;
    z-index: 1000;
  }

   #mobile_nav ul#mobile_topnav > li:hover > a:after {
    display:none;
  }
  
  #mobile_nav ul#mobile_topnav > li:hover > a.selected:after {
    content: "\25BC";
    display: block;
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: 0%;
    margin-top: -0.71em;
    color: #0071a3;
    font-size: 24px;
    z-index: 1000;
  }


  .slider_container > div {
    width: 100%;
  }
  
  #hero_domain_prices{
    width: 35%;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
  }
  
  
  div.standard_content {
    width:69% !important;
    margin:0;
  }
  
  div.sidebar_slider div.standard_content{
    width: 100% !important;
    min-height: 350px;
    max-height: 488px;
  }

  
  div.standard_content + div{
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    max-width: 29% !important;
    margin: 0 4px;
  }
  
  
  div.header.two_cols:first-child {
    z-index:10;
  }
  
  div.container {
    height: auto !important;
  }
  
  div.header.two_cols {
    padding: 10px 0px !important;
    display: block;
    width: 90% !important;
    margin: 0px auto;
    overflow: visible;
  }

  
  ul.slider_nav{
    top:480px;
  }
 
  div.sidebar_slider button, section.slider button {
    top: 472px;
    margin: 0 -370px;
  }
  
  .mobiver{
      display:block;
  }
  
	div.pop_holder + .mobiver{ display:none;}
  
  .domain_prices.mobiver{
		display:none;
  }
  
  
   .mobimenu{
    display:block;
    height:100%;
    background: #8A8E9B ;
    border-radius:10px 0 0 10px;
    position:fixed;
    top:0;
    right: 0px;
    width:0px;
    z-index:100;
    overflow:visible;
  }
  
  .mobimenu.selected,
  .mobimenu.selected div.mobimenu_container{
    right:0px;
    width:22em;
  }
  
  .mobimenu a.menu-tab {
	  background: #869AAE;
	  position: absolute;
	  padding: 1.4em !important;
	  top: 10px;
	  right: 1em;
	  box-shadow: 0px 4px 12px #495662;
  }
  
  .mobimenu.selected a.menu-tab{
    right: 23em;
  }
  
  .mobimenu.selected div#nav,
  .mobimenu.selected  .top-links,
  .mobimenu.selected #searchbar_home
  {
    display: block;
    width: auto;
    margin: 0 0 -20px 0px;
    font-size: 2.5em;
    position: relative;
    height: auto;
  }
  
  .mobimenu.selected div.mobimenu_container{
	min-width: 15em;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
  }
  
  .mobimenu.selected .top-links {
    margin-top: 10px;
  }
  
  div.center_aligned_content .headline {
    width: auto;
    padding: 0 10px;
  }

  div.landing-left-container, div.landing-right-container {
    width: 90% !important;
    margin: 20px auto;
    display: block;
  }
  
  div.landing-right-container > div {
    width: 245px;
    display: inline-block;
    vertical-align: top;
    }
  
  #hero_tables .section_box {
    display: inline-block;
    margin: 8px  !important;
    width: 47%;
  }
  
  .section_foot a, a.medium{
    font-size:2em;
  }
  
  
  .mobimenu.selected div#mobile_nav,
  .mobimenu.selected div#mobile_nav ul,
  .mobimenu.selected div#mobile_nav ul li,
  .mobimenu.selected div#mobile_nav ul li a{
    display: block !important;
    text-align: center;
    font-size: 1.2em !important;
    width: 100%;
    position:relative;
  }
  
  .mobimenu.selected div#mobile_nav ul li a{
    border-bottom:2px solid #343843;
  }
  
  .mobimenu.selected div#mobile_nav ul li#mobile_mm_home {
    display: none !important;
  }
  
  #mobile_nav ul#mobile_topnav > li#mobile_mm_eshops > a, 
  #mobile_nav ul#mobile_topnav > li#mobile_mm_vps > a, 
  #mobile_nav ul#mobile_topnav > li#mobile_mm_ds > a, 
  #mobile_nav ul#mobile_topnav > li#mobile_mm_ssl > a{
    color:#343843;
  }
  
  li#mobile_mm_eshops div.sub, 
  li#mobile_mm_vps div.sub, 
  li#mobile_mm_ds div.sub, 
  li#mobile_mm_ssl div.sub{
    background:#343843 !important;
  }
  
   .mobimenu.selected ul#mobile_topnav li div.sub,
   .mobimenu.selected ul#mobile_topnav li div.sub div.sub_box{
    float:none;
    position:relative;
    top:0px;
    height:auto;
    width:auto;
    display:block;
    padding:0 10px;
  }
  
  .mobimenu.selected ul#mobile_topnav li div.sub div.sub_box a span{
    font-size:0.2em !important;
    padding: 4px;
  }
  
  .mobimenu.selected ul#mobile_topnav li div.sub{  display:none;  }
  .mobimenu.selected ul#mobile_topnav li a.selected + div.sub{ display:block;  }
  
  .section_body ul li a{
    font-size:1em;
    text-align:center;
  }

  div#searchbar_home input{
    width: 11.3em;
    height: 1.7em;
    font-size: 0.5em;
    border-radius: 0;
    margin-right: -10px;
    margin-left: -10px; 
  }
  
 
  div#searchbar_home button{
    width: 1.6em;
    height: 1.6em;
    border-radius:0;
  }
  
  div#searchbar_home{
    background:none;
  }
  
  div.but-menu-top{
    float:none;
    padding:0 30px;
  }
  
  .mobimenu div.but-menu-top a,
  .mobimenu  #basket_title_bar a,
  .mobimenu  #basket_title_bar a span{
    font-size: 18px;
    padding: 3px 6px;
    text-align: center;
    border: none;
  }
   
  .mobimenu .but-menu-top li{
    float:none;
    display:inline-block;
    margin-right:0;
  }
 
  .mobimenu #nav ul#topnav > li:hover > a:after{
    font-size:1em;
    margin-top:-0.5em;
  }
  
  
  span.copyright, img.footerlogo{
    text-align:center;
    margin:1em auto;
  }
 
  div#f_links{
    height:auto;
  }
  
  .f_nav_quart {
    float: none;
    display: block;
    /* width: auto !important; */
  
}
  
  
  
  th span.sub{
    width:90%;
  }
  
  
  td.dg_maincol, tr th:first-child, .full_comp_grid tr th:first-child{
    width:40%;
  }
  
  .domain_prices tr th:first-child{
	width: 8%;
  }
  
  table.datagrid th.dg_col.dg_header {
    padding: 15px;
    
    text-overflow: ellipsis;
    font-size: 1em;
  }
  
  .long_title table.datagrid th.dg_col.dg_header{
	height:430px;
  }	
  
  .custom_inline_block .large_circle * {
  font-size: 1em;
}
  
	div.large_circle {
	  max-width: 300px;
	  max-height: 300px;
	  top: 0px;
	  left: 30%;
	  font-size: 24px;
	}
  
  div.features_cell .feature_img img {
    margin: 0 auto;
    /* max-height: 34px; */
    height: auto;
    max-width: 120px;
  }
  
  div.features_row {
    margin: 0 auto;
    width: 90%;
  }
  
  div.features_cell{
    padding:20px;
    width:30%;
  }
  
  div.pre_footer input.domain_search {
    width: 200px;
  }
  
  div.pre_footer.search {
    padding: 98px 30px;
  }
  
  span.copyright{
    width:90%;
  }
  
  .f_nav_quart ul {
    width: 90%;
    border-right:none;
    border-bottom: 1px solid #6f6f6f;
  }
 
 .f_nav_quart li {
    width: 49%;
  }
  
  a.standard.hosting_col {
	font-size: 16px;
	}
 
	div.header.two_cols + div.header.two_cols {
		margin-top: 20px;
		min-height:400px;
	}
 
	div.header.two_cols, div.header.two_cols *{
		text-align:center;
	}
	
	 span.selected{
        font-size: 26px !important;
	}
	
	.custom_inline_block, .three_column_text {
		margin: 40px auto !important;
		display: block !important;
	}
	
	ul.popular-selector {
	  width: 90%;
	  overflow: visible;
	  height: auto;
	  text-align: center;
	}
	
	div.selected_app span {
	  width: 80%;
	  padding: 20px 5%;
	  text-align: center;
	}
	
	div.selected_app span img,  div.selected_app span h1 {
	  float: none;
	  margin: 0 auto;
	  text-align: center;
	}
	
	div#full-app-list {
		width: 100%;
	}
	
	div#full-app-list>span{
		display:block;
		margin: 10px auto;
		width: 90%;
	}
	
	.vps div.feature_coffin span.text {
	  width: 90%;
	  margin: 0 5%;
	}
	
	
	.career_salary, .career_date {
		font-size: 18px;
	}
	
	div.nominet_lines span {
		margin: 10px auto;
		display: block;
		text-align: center;
		width: 60%;
	}
	
	div.nominet_lines img {
		display:none;
	}
	
	
	div.full_width div.step_guide,
	div.full_width div.step_guide.clean{
		max-width:50%;
		width:48%;
	}

	div.three_column_text{
		width:80%;
		display:block;		
	}
	
	ul.daily_features li,     
	ul.partners li {
		max-width: 10em;
		width: 30%;
	}
}



@media screen and (max-width: 640px) {

  *{
    /* 
    max-width:480px; 
    overflow:hidden; 
    */
  }
  
  div#page,
  #header,
  #header div,
  #logo-container,
  #logo-container div,
  .slider,
  div.container,
  div.full-width,
  div.full-width div,
  div#footer-container,
  div#footer-container div{
    
    width:100% !important;
  }
	
  div.container{	
	padding:3em 0;
  }

  #header{
      height: 6em !important;
  }

  div.logo{
      margin:0px;
  }


  .logo img {
    width: 11em;
    height: auto;
    margin: 1em;
  }

  div#nav, .top-links, #searchbar_home,
  .slider_container, .slider, .domain_prices{
    display:none;
  }

  
  .mobiver{
      display:block !important;
  }
 
   .mobimenu{
    display:block;
    height:100%;
    background: #869AAE;
    border-radius:10px 0 0 10px;
    position:fixed;
    top:0;
    right: 0px;
    width:0px;
    z-index:100;
    overflow:visible;
  }
  
  .mobimenu.selected,
  .mobimenu.selected div.mobimenu_container{
    right:0px;
    width:15em;
  }
  
  .mobimenu a.menu-tab {
    background: #869AAE;
    position: absolute;
    padding: 1.4em !important;
    top: 10px;
    right: 1em;
  }
  
  .mobimenu.selected a.menu-tab{
    right: 16em;
  }
  
  .mobimenu.selected div#nav,
  .mobimenu.selected  .top-links,
  .mobimenu.selected #searchbar_home
  {
    display: block;
    width: auto;
    margin: 0px 0 -30px;
    font-size: 2.5em;
    position:relative;
    height:auto;
  }
  
  div.center_aligned_content .headline {
    width: auto;
    padding: 0 10px;
  }

  #hero_tables .section_box {
    display: block;
    margin: 30px auto !important;
    width: 80%;
  }
  
  .section_foot a, a.medium{
    font-size:2em;
  }
  
  
  .mobimenu.selected div#nav,
  .mobimenu.selected div#nav ul,
  .mobimenu.selected div#nav ul li,
  .mobimenu.selected div#nav ul li a{
    display: block !important;
    text-align: center;
    font-size: 14px !important;
    width: 100%;
    position:relative;
  }
  
  .mobimenu.selected div#nav ul li a{
    border-bottom:2px solid #343843;
  }
  
  .mobimenu.selected div#nav ul li#mm_home {
    display: none !important;
  }
  
   .mobimenu.selected ul#topnav li div.sub,
   .mobimenu.selected ul#topnav li div.sub div.sub_box{
    float:none;
    position:relative;
    top:0px;
    height:auto;
    width:auto;
    display:block;
  }
  
  .mobimenu.selected ul#topnav li div.sub div.sub_box a span{
    font-size:10px !important;
  }
  
  .mobimenu.selected ul#topnav li div.sub{  display:none;  }
  .mobimenu.selected ul#topnav li a.selected + div.sub{ display:block;  }
  
  .section_body ul li a{
    font-size:1em;
    text-align:center;
  }

  div#searchbar_home input {
    width: 10em;
    height: 1.7em;
    font-size: 12px;
  }
  
 
  div#searchbar_home button{
    width: 1.3em;
    height: 1.3em;
  }
  
  div#searchbar_home{
    background:none;
  }
  
  div.but-menu-top{
    float:none;
    padding:0 12px;
  }
  
  .mobimenu div.but-menu-top a,
  .mobimenu  #basket_title_bar a,
  .mobimenu  #basket_title_bar a span{
    font-size: 12px;
    padding: 3px 10px;
    text-align: center;
    border: none;
    margin: 0px -3px;
  }
  
  a.title_button {
    padding: 0 !important;
  }
   
  .mobimenu .but-menu-top li{
    float:none;
    display:inline-block;
    margin-right:0;
  }
 
  .mobimenu #nav ul#topnav > li:hover > a:after{
    font-size:1em;
    margin-top:-0.5em;
  }
  
  div.landing-right-container > div {
    display: block;
    margin: 0 auto;
  }
  
 
  div.two_cols{
    width:90% !important;
	display:block;
	margin:10px auto;
  }
  
  div.two_cols.info_container{
	padding:20px 0;
  }
  
  input.domain_search {
    width: 54%;
  }
  
  input.domain_search, .domain_search_bar button, div#searchbar_home button {
    border-radius: 0 !important;
    margin: -1px !important;
  }
  
  div.header.two_cols h1 {
    font-size: 44px;
  }
  
  div.header.two_cols {
    overflow:hidden;
	position:relative;
  }
  
   
   div.circle_contents span{
    font-size:16px;
   } 
  
  
    .features_cell {
    display: block !important;
    border: none !important;
    border-bottom: 1px solid #bac4c6 !important;
    }
      
    .full_comparison_link th.section_title span {
        font-size: 20px !important;
        text-align: center !important;
        display: block;
        width: 90%;
        padding-left: 0;
        margin-left: 8px;
    }
    
    
    
    table.datagrid th.dg_header span.special_offer,
    p.package_name, p.price{
        display: none;
    }
    
    table.datagrid th.dg_header.col_selected span.special_offer {
        display: table;
    }
    
    .col_selected p.package_name, .col_selected p.price{
        display: block;
    }
    
    .package_name_mobile{
        display: block;
        position: absolute;
        top: 240px;
        left: -220px;
        height: 20px;
        width: 500px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        writing-mode: lr-tb;
    }
    
    span.package_name_mobile  {
        font-size:22px !important;
        color:#fff !important;
    }
	
	.iw span.package_name_mobile  {
		font-size:14px  !important;
	}
    
    span.package_name_mobile span.selected *{
        display:inline-block !important;    
    }
    
    .col_selected  .package_name_mobile{
    display:none;
    }
    
    th.dg_col.dg_header {
        width: 8%;
        height: 250px;
    }
	
	table.domain_prices th.dg_col.dg_header {
		width: 25%;
	}
    
    
    th.dg_col.dg_header.col_selected {
        width: 40%;
    }
    /*
    th, td {
        overflow: hidden;
    }
    
    th.dg_header{
        overflow:visible;
    }
    */
	
	
	
    th.dg_header .package_name_mobile span.price-banner,
    th.dg_header .package_name_mobile span.price-banner span.selected,  
    th.dg_header .package_name_mobile span.price-banner span.selected span.per {
        display: inline-block !important;
        float: none !important;
        position: relative !important;
        margin: 0 8px !important;
        font-size: 14px !important;
    }
    
    span.package_name_mobile span.price-sub-text {
        display: inline-block;
        width: 100px;
        font-size: 14px;
        display:none !important;
    }
    
    td p, td img{
        display:none;
    }
	
	.flexible td p, .flexible  td img{
		display:inherit !important;
	}
	
	.wordpress td p, .wordpress  td img{
		display:initial;
	}
	
	tr.small_table_footer td p,
	table.text_normal td p{
		display:block;
		margin:5px;
		  font-size: 80%;
	}
	
	table.domain_prices td p, table.domain_prices td img{
		display:inline;
	}
    
    td.dg_maincol {
        padding: 85px 10px 20px;
    }
    
    td.dg_maincol h3 {
        font-size: 1.6em;
    }
    
    td.dg_maincol h5 {
        font-size: 0.9em;
    }
    
    tr.repeat-price {
        display: none;
    }
	

    
    span#payment_cycle_selector {
        left: 0px;
        text-indent: 0;
        padding: 10px;
        width:90%;
    }
    
    span#payment_cycle_selector span.payment-cycle-banner {
        font-size: 16px !important;
    }
    
    div.f_nav_quart{
        padding: 0px;
        border-right: none;
    }
    
    div.grid-container table.datagrid a.tooltip {
        position: absolute;
        left: initial;
        right: 5px;
        top:5px;
    }
    
    table.datagrid tbody tr th {
        padding: 35px 0px 20px 10px;
        position: relative;
    }
    
    a.tooltip:hover:before{
        width:300px;
        left: -150px;
        font-size:14px;
    }
    
    span.five-box{display:block;border-right:none;margin:10px auto;}
	.custom_inline_block{
		display:block;
		width:96% !important;
		margin:0 auto;
		padding:10px 2%!important;
	}
	
	div.step_guide {
	  display: block;
	  margin: 10px auto;
	}

	div.feature_coffin {
	  height: auto;
	  width: 94%;
	  padding: 3%;
	  border:1px solid #e3e3e3;
	}
	
	div.feature_coffin span.image,  div.feature_coffin span.text {
	  display: block;
	  width: 100%;
	  margin:0;
	  text-align:center;
	}
	
	div.feature_coffin span.seperator{
	  height: 2px;
	  width: 100%;
	  margin: 10px 0;
	}
	
	
	
	div.existing_menu {
		height: auto;
	}
	
	div.existing_menu a {
	width: 94%;
	height: 70px;
	background-position: 20px 50%;
	}
	
	
	div.existing_menu a span.text {
	  text-align: left;
	  width: 60%;
	  margin-left: 100px;
	}
	
	 div.features_cell{
		padding:20px;
		width:auto;
		border:none;
	}
	
	div.full_width div.step_guide,
	div.full_width div.step_guide.clean{
		display:block;
		max-width:95%;
		width:90%;
		margin:10px auto;
	}
	
}

#xalert_template, #xconfirm_template { display: none; }

.xalert, .xconfirm {
    position:               fixed;
    left:                   50%;
    top:                    50%;
    z-index:                1000;
    font-size:              10px;
    background-color:       white;
}

.xalert .close {
    position:               absolute;
    top:                    1em;
    right:                  1em;
    z-index:                102;
    text-decoration:        none;
    color:                  black;
    font-weight:            bold;
}

.xalert .head {
    display:                block;
    font-size:              1.4em;
    text-align:             left;
    margin:                 0 0 0.5em -0.5em;
    color:                  #0a0;
}

.xalert .inner, .xconfirm .inner {
    display:                block;
    float:                  left;
    position:               relative;
    z-index:                101;
    background-color:       white;
    color:                  black;
    font-size:              1.4em;
    padding:                1.5em;
    visibility:             hidden;
    min-width:              16.4286em;
    max-width:              32.8571em;
    border-radius:          0.3em;
    box-shadow:             1px 1px 1px rgba(0,0,0,0.5), inset 1px 1px 1px rgba(0,0,0,0.5);
}

.xconfirm .inner .msg {
    float:                  left;
    clear:                  both;
    width:                  100%;
    margin-bottom:          1em;
}

.xalert .inner.show, .xconfirm .inner.show {
    visibility:             visible;
}

.xconfirm .ok.button, .xconfirm .cancel.button {
    width:      7em;
    padding:    0.4em 0;
    float:      left;
}

.xconfirm .cancel.button { float: right; }

input#captcha {
    text-transform: none;
}