/*

------------------------------------------
------------------------------------------

----- Tabs CSS

------------------------------------------
------------------------------------------	

*/

.gridboxes7 {
	margin: 0;
}

.gridboxes7nav {
    margin: 0 0 30px 0;
    border-bottom: #08d5dc 7px solid;
}

.contentcontainer {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;    
}

.gridboxes7nav::after {
	content: "";
	clear: both;
	display: table;
}

.gridboxes7nav ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gridboxes7nav ul li {
	margin: 0 5px;
	list-style: none;
}

.gridboxes7nav ul li a {
	background: transparent;
	border: transparent 1px solid;	
	border-bottom-width: 0;	
	font-weight: bold;
	border-radius: 5px 5px 0 0;		
	display: block;
	padding: 10px 18px;
	color: black;
	text-decoration: none;
}

.gridboxes7nav ul li a:hover,
.gridboxes7nav ul li.gridboxes7-active a {
	background: #eaeeee;
	border-color: #08d5dc;
	color: black;	
}

.gridboxes7 .gridboxes7-content {
	display: none;
	background: transparent;
	padding: 40px 0 0 0;
}    

/*

------------------------------------------
------------------------------------------

----- Web Hosting Page overrides

------------------------------------------
------------------------------------------	

*/

.hook-webhosting .everything {
    padding-bottom: 0;
}

.hook-webhosting .logo-cpanel,
.hook-webhosting .logo-plesk {
    position: relative;
    background-position: right 20px top 20px;
    background-repeat: no-repeat;
}

.hook-webhosting .logo-cpanel {
    background-image: url("/img/cpanel.png");
    background-size: auto 20px;
}

.hook-webhosting .logo-plesk {
    background-image: url("/img/plesk.png");
    background-size: auto 25px;
}