CSS - http://www.waveworks.co.uk/

    * Collapse All
    * Expand All

http://www.waveworks.co.uk/
http://www.waveworks.co.uk/styles.css




/* Default Stylesheet */



* {



margin:0;

padding:0;

}





.hide	{ display: none;	}



.inline	{ display: inline;	}



.block	{ display: block;	}



.nfloat	{ float: none;		}



.lfloat	{ float: left;		}



.rfloat	{ float: right;		}



.clear	{ clear: both;		}



.lclear	{ clear: left;		}



.rclear	{ clear: right;		}





/** BODY ELEMENTS **/



body {



color: #333;

background:#fff url(images/top_grad.jpg) repeat-x top left;

font-family:Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

}



.bugred{

border:1px solid red;

}



.bugblue{

border:1px solid blue;

}



.buggreen{

border:1px solid green;

}





h1, h2, h3, h4 {

margin:0;

padding:0;

}



h3, h4 {

color:#D49400;

margin:0;

padding:0;

}



p {

line-height: 1.4em;

margin:5px 0 15px 0;

padding:0;

}







a {

color:#46659C;

text-decoration:none;

}





a:hover{



color:#46659C;

text-decoration:underline;

}



img { 

border: none

}



ul {

margin:0;

padding:0;



}



li {

margin:0;

padding:0;

list-style-type:none;

}







/** MAIN CONTAINERS **/



div#container {

width: 800px;

margin: 15px auto;

padding:0;

font-family:Arial, Helvetica, sans-serif;

text-align: left;



}



div#header{

width: 100%;

float:left;

height:92px;

margin:10px 0 10px 0;

background:url(images/header_image.jpg) no-repeat right center;

}



div#content{

width: 585px;

text-align: left;

float:right;

margin-bottom:20px;

}



div#contentwide{

width: 100%;

text-align: left;

float:left;

margin-bottom:20px;

}





.NetworksHeader {

padding-left:85px;

padding-bottom:10px;

background:url(images/section_networks.gif) no-repeat left top;

clear:both;

}



.HostingHeader {

padding-left:85px;

padding-bottom:10px;

background:url(images/section_hosting.gif) no-repeat left top;

clear:both;

}



.BroadbandHeader {

padding-left:90px;

padding-bottom:10px;

background:url(images/section_broadband.gif) no-repeat left top;

clear:both;

}



.ManagementHeader {

padding-left:90px;

padding-bottom:10px;

background:url(images/section_management.gif) no-repeat left top;

clear:both;

}



.AboutHeader {

padding-left:90px;

padding-bottom:10px;

background:url(images/section_aboutus.gif) no-repeat left top;

clear:both;

}



.CareersHeader {

padding-left:90px;

padding-bottom:10px;

background:url(images/section_careers.gif) no-repeat left top;

clear:both;

}



.SitemapHeader {

padding-left:90px;

padding-bottom:10px;

background:url(images/section_sitemap.gif) no-repeat left top;

clear:both;

}





div.contactus {

float:right;

background:url(images/icon_envelope.jpg) no-repeat right bottom;

padding:30px 60px 0 0;

text-align:right;

}





div#Leftmenu{

width: 190px;

text-align: left;

float:left;

}





	div#Leftmenu h2{

	font-size:18px;

	padding:5px 0 5px 0 ;

	margin:0 ;

	}





	ul#LeftNav {

	width:100%;

	border-bottom: 1px solid #9a9a9a;

	margin:0 0 20px 0;

	padding:0;

	}



	ul#LeftNav li{

	list-style-type:none;

	}





	ul#LeftNav li.section{

	margin:0 0 8px 0;

	padding-left:19px;

	padding-top:8px;

	background:url(images/menu_arrow.gif) no-repeat 0 11px;

	font-size:14px;

	font-weight:bold;

	border-top: 1px solid #9a9a9a;

	}





	ul#LeftNav li.sectionselected{

	margin:0 0 8px 0;

	padding-left:19px;

	padding-top:8px;

	background:url(images/menu_arrow_down.gif) no-repeat 0 11px;

	border-top: 1px solid #9a9a9a;

	font-size:14px;

	font-weight:bold;

	}





	ul#LeftNav li.sectionpage{

	margin:7px 0 7px 19px;

	padding-left:10px;

	background:url(images/sub_arrow.gif) no-repeat 0 3px;

	font-size:12px;

	}







	div.LeftmenuBox{

	width:100%;	

	float:left;

	border-top: 1px solid #9a9a9a;

	border-bottom: 1px solid #9a9a9a;

	margin:20px 0 0 0;

	padding:10px 0 10px 0;

	}





div#NavBar {

width: 100%;

float: left;

background:url(images/navbar.jpg) no-repeat;

margin-bottom:5px;

height:37px;

}







	div#Tabs {

	float: left;

	height:37px;

	}	

	

	div#Tabs ul {

	margin: 0 0 0 20px;

	padding: 0;

	list-style: none;

	}

	div#Tabs li {

	float: left;

	margin: 0;

	padding: 0;

	letter-spacing: 2px;

	

	

	}

	div#Tabs li a {

	float: left;

	padding: 10px 15px 0 15px;

	text-decoration: none;

	color: #e7e3d9;

	border: none;

	height:33px;

	

	}

	div#Tabs li a:hover {

	color: #fff;

	background:url(images/tab_over.jpg) no-repeat;

	}

	

	div#Tabs li a.active {

	font-weight: bold;

	padding-left:30px;

	color: #fff;

	background:url(images/tab_selected.jpg) no-repeat;

	}







div#SubLinks {

float: right;



}



	div#SubLinks ul {

	margin: 0 10px 0 0;

	padding: 0;

	list-style: none;

	

	}

	

	div#SubLinks ul li {

	float: left;

	margin: 0;

	padding: 0;

	letter-spacing: 2px;

	font-size:11px;

	

	

	}

	

	div#SubLinks ul li a {

	float: left;

	padding: 10px 6px 10px 6px;

	text-decoration:underline;

	color: #fff;

	border: none;

	}

	

	div#SubLinks ul li a:hover {

	color: #fff;

	text-decoration: none;

	}









div#Breadcrumbs {

width: 100%;

float: left;

background:#f9f9f9;

margin-bottom:20px;

}





	div#Breadcrumbs ul{

	padding:10px;

	margin:0;

	list-style-type:none;

	float:left;

	}

	

	div#Breadcrumbs ul li{

	padding:0 0 0 8px;

	background:url(images/sub_arrow.gif) no-repeat 0 3px;

	display:inline;

	margin:0 5px 0 5px;

	}





	.Home{

	background:none !important;

	padding:0!important;

	margin:0!important;

	}







div#footer{



width:100%;

background:#EDEDED url('images/footer_fade.jpg') repeat-x;

text-align:center;

padding: 10px 0 20px 0;

float:left;

margin-top:30px;

border-top:5px solid #A9A9A9;

}



	div#footerContainer {

	width: 800px;

	margin: 0 auto;

	text-align: left;

	color:#999;

	font-size:11px;

	border-top:5px solid #A9A9A9;

	padding-top: 10px;

	padding-bottom:20px;

	}

	

	

	

	

	div#footerContainer a{

	color:#999;

	text-decoration:underline;		

	}





	div#footerContainer a:hover{

	color:#999;

	text-decoration:none;		

	}





ul.FooterLinks {

padding:0;

margin:0;

list-style-type:none;

float:left;

}



	ul.FooterLinks  li{

	padding:0 10px 0 0;

	display:inline;

	margin:0 10px 0 0 ;

	

	}

	

	

ul.FooterLinksRight {

padding:0;

margin:0;

list-style-type:none;

float:right;

text-align:right;

}



	ul.FooterLinksRight li{

	padding:0;

	display:inline;

	margin:0 0 0 10px;

	}

	

	

/** Visual **/



.ProductHeader {

font-size:24px;

border-bottom: 1px solid #9a9a9a;

margin-bottom:0;

padding-bottom:3px;

}



.ProductSubinfo {

margin:0 0 10px 0;

padding:0;

font-size:16px;

color:#999;

font-weight:bold;



}



.IntroText {

font-size:16px;

color:#666;

font-weight:bold;

}

	

ul.Standard {

width:100%;

margin:10px 0 30px 0;

padding:0;

float:left;

}



	ul.Standard li{

	background:url(images/sub_arrow.gif) no-repeat 0 3px;

	margin:4px 0 4px 0;

	padding:0 0 0 16px;

	}





ul.Tick {

width:100%;

margin:10px 0 30px 0;

padding:0;

float:left;

}



	ul.Tick li{

	background:url(images/icon_tick.gif) no-repeat 0 0;

	margin:4px 0 4px 0;

	padding:2px 0 3px 25px;

	font-size:14px;

	font-weight:bold;

	}





.FloatRight{

float:right;

}



.FloatLeft{

float:left;

}









									/* table */











.StandardTable {

	padding: 0;

	margin:  20px 0 10px 0;

	width: 100%;

	border: 0;

	color:#666;

	font-size:12px;

	float:left;

	}



	.StandardTable th {

		text-align:left;

		color:#D49400;

		border-bottom: 1px solid #9a9a9a;

		padding: 0 5px 5px 5px;

		font-size:16px;

		font-weight:bold;

		}

	

	.StandardTable td {

		padding: 5px;

		vertical-align: top;

		border-bottom: 1px solid #9a9a9a;

		}

		



.StandardTable img{

margin-right: 5px;

}



.StandardTable input.text  {

border:1px solid #AEC5D7;

padding:3px;

color:#666;

width:150px;

}



.StandardTable select  {

border:1px solid #AEC5D7;

padding:3px;

color:#666;

}



.StandardTable textarea  {

border:1px solid #AEC5D7;

padding:3px;

color:#666;

}





.altBackground {

background:#EDF3FE;

}





td.tHeaderSmall {

	color: #D49400;

	font-weight: bold;

	background-color: #fff;

	border-bottom: 1px solid #9a9a9a;

	padding: 5px;

	}



td.tLeftColumn {

	font-weight:bold;

	background:#f9f9f9;

	color:#333;

	width:160px;

	}

	





td.tSubmitBar {

	background-color: #f9f9f9;

	text-align: center;

	padding: 10px;

	}







.SmallTable {

width:60%;

margin:20px auto 20px auto;

float:left;

}





.SmallTable th {

	text-align:left;

	color:#D49400;

	border-bottom: 1px solid #9a9a9a;

	padding: 0 5px 5px 5px;

	font-size:14px;

	font-weight:bold;

	}



.SmallTable td {

	padding: 5px;

	vertical-align: top;

	border-bottom: 1px solid #9a9a9a;

	}

	

	

.TableHighlight {

width:60%;

background:#f9f9f9;

padding:10px;

border: 1px solid #9a9a9a;

float:left;

}







	

	



.ArrowText{

background:url(images/sub_arrow.gif) no-repeat 0 3px;

margin:0 ;

padding:0 0 0 12px;

}

.tBorderR { border-right: 1px solid #ccc;}

.sMsgGreen { color: #33cc02; font-weight: bold;}

.sMsgRed { color:#cc0001; font-weight: bold;}

.sMsgAmber { color:#ff9900; font-weight: bold;}

.sMsgNotes { color:#0065D7;}

.sSmallNotes { font-size:11px; font-weight:normal;}

.tStrong { font-weight: bold;}

.dCentralize { width: 400px; margin: 10px auto;}

.dRight{ text-align:right;}

.tDate { text-align:right; width: 40%;}



.dUseful {

	border: 1px solid #ccc;

	padding: 10px;

	background-color: #f9f9f9;

	}

.iBoxes { margin: 0px 0 0 30px;}



/* end of table */





/* homepage */
div#HomeLeft {
float:left;
}

div#HomeSection {
float:left;
}
div.SectionCol{
float:left;
width:267px;
}
div.SectionBox{
float:left;
width:268px;
background:url(images/home_panel.jpg) 5px 0 no-repeat;
padding:0;
margin:0;
height:194px;
}
 div.SectionBox h2{ 
 margin:10px 10px 6px 15px; 
 color:#1C2735; 
 font-size:20px; 
 }  
 div.SectionBox p{ 
 margin:0 10px 0 15px; 
 }
div.SectionBoxBottom{f
loat:left;
width:267px;
background:url(images/home_boxbottom.jpg)5px top no-repeat;
margin-bottom:5px;
}

ul.HomeStandard {
width:98%;
margin:10px 0 0 0;
float:left;
height:100px;
}
 ul.HomeStandard li{ 
 background:url(images/sub_arrow.gif) no-repeat 0 3px; 
 margin:4px 0 4px 15px; 
 padding:0 0 0 16px; 
 }
.NetworksHome {
background:url(images/home_networks.gif) no-repeat right top;
}
.BroadbandHome {
background:url(images/home_broadband.gif) no-repeat right top;
}
.HostingHome {
background:url(images/home_hosting.gif) no-repeat right top;
}
.ManagementHome {
background:url(images/home_management.gif) no-repeat right top;
}




ul.pdf {

width:100%;

margin:0px 0 0px 0;

padding:0;

float:left;

}



	ul.pdf li {

	background:url(images/pdf_icon.gif) no-repeat 0 0;

	margin:0px 0 0px 0;

	padding:30px 0 3px 50px;

	font-size:14px;

	font-weight:bold;

	}