/* CSS Document */

* {
border: none;
padding: 0;
margin: 0;
}

img {
border: none;
}

.img_right {
	float: right;
	margin-left: 20px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	text-align:justify;
}
td,th {
	font-size:100%;
	padding: 5px;
}
body {
	background-color: #898989;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_grad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#outta {
    position: relative;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 5px 0 0;
}

#center_container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}
#top_head {
	width: 760px;
	text-align:right;
	margin-bottom: 5px;
	color: #E2E2E2;
}

#top_head a {
	color: #E2E2E2;
	text-decoration: none;
}

#top_head a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#top {
	width: 900px;
	background-image:url(images/top_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
#bannerflash {
	width: 900px;
	height: 200px;
	padding: 50px 0px 0px;
	text-align: center;
	float: none;
	position: relative;
	clear: both;
	background-image: url(images/mid_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
}

#banner_bussol {
	width: 900px;
	height: 200px;
	background-image:url(images/bussol_banner.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_bussol_cym {
	width: 900px;
	height: 200px;
	background-image:url(images/bussol_banner_cym.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_netsol {
	width: 900px;
	height: 200px;
	background-image:url(images/netsol_banner.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_netsol_cym {
	width: 900px;
	height: 200px;
	background-image:url(images/netsol_banner_cym.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

#banner_webdev {
	width: 900px;
	height: 200px;
	background-image:url(images/webdev_banner.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_webdev_cym {
	width: 900px;
	height: 200px;
	background-image:url(images/webdev_banner_cym.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_training {
	width: 900px;
	height: 200px;
	background-image:url(images/training_banner.jpg);
	background-repeat:no-repeat;
	background-position: center;
}
#banner_training_cym {
	width: 900px;
	height: 200px;
	background-image:url(images/training_banner_cym.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

#middle {
	width: 900px;
	background-image: url(images/mid_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
	z-index: 0;
}
#middle_pad {
	padding-top: 20px;
	padding-right: 90px;
	padding-bottom: 20px;
	padding-left: 110px;
	background-image: url(images/logo_alpha_large.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#top_pad {
	padding: 130px 45px 0px;
	background-image: url(images/telemat-logo.gif);
	background-repeat: no-repeat;
	background-position: 80px 20px;
	text-align: center;
	position: relative;
}

#search_nav_top {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	position: relative;
	z-index: 1;
	margin-top: 0px;
	float: right;
	padding-right: 90px;
	width: 600px;
	clear: both;
	padding-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#search_nav_top a {
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#search_nav_top a:hover {
	text-decoration: underline;
}


#nav_bar {
	width: 730px;
	left: 85px;
	top: -235px;
	text-align: left;
	position: absolute;
	z-index: 200;
	margin-top: 0px;
}
* html a:hover {visibility:visible; }

#bus_sol	{
	position:relative;
	background: url(images/but_bussolutions_on.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
#bus_sol a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }

.net_sol {
	position:relative;
	background: url(images/net_support_on.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;

}
.net_sol a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }


.web_dev {
	position:relative;
	background: url(images/web_dev_on.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
.web_dev a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }

.training {
	position:relative;
	background: url(images/training_on.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
.training a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }

/* WELSH VERSIONS */

#bus_sol_cym	{
	position:relative;
	background: url(images/but_bussolutions_on_cym.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
#bus_sol_cym a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }

.net_sol_cym {
	position:relative;
	background: url(images/net_support_on_cym.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;

}
.net_sol_cym a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }


.web_dev_cym {
	position:relative;
	background: url(images/web_dev_on_cym.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
.web_dev_cym a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }

.training_cym {
	position:relative;
	background: url(images/training_on_cym.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}
.training_cym a { display: block;  float: left; overflow:hidden;/* for ie to hide extra height*/ }



/* END WELSH VERSIONS */
.menu_layer_pad {
	float: left;
	padding: 10px;
	color: #FFFFFF;
}
.menu_layer_pad ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.menu_layer_pad li {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
	display: block;
	clear: left;
	float: left;
}

.menu_layer_pad a {
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	display: block;
	float: none;
	width: 98%;
	clear: left;
}
.menu_layer_pad a:hover {
	background-color: #FFFFFF;
	background: #FFFFFF;
	color: #333333;
}


#bus_sol_layer {
	background-color: #7C1010;
	position: relative;
	z-index: 301;
	display: none;
	clear: both;
	width: 176px;
	margin-left: 10px;
	background-image: url(images/bus_sol_menu_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	height: 36em;
	background-position: bottom;
}


#net_sol_layer {
	background-color: #BE7703;
	position: relative;
	z-index: 302;
	display: none;
	clear: both;
	width: 176px;
	margin-left: 0px;
	background-image: url(images/net_sup_menu_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CB7603;
	height: 32em;
	background-position: bottom;
}
#web_dev_layer {
	background-color: #197CA3;
	position: relative;
	z-index: 303;
	display: none;
	clear: both;
	width: 176px;
	margin-left: 0px;
	background-image: url(images/web_dev_menu_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1377A0;
	height: 32em;
	background-position: bottom;
}
#training_layer {
	background-color: #5E546F;
	position: relative;
	z-index: 304;
	display: none;
	clear: both;
	width: 150px;
	margin-left: 0px;
	background-image: url(images/training_menu_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #5B506A;
	height: 32em;
	background-position: bottom;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ABB2C5;
	font-size: 100%;
}
textarea {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 100%;
	color: #666666;
	padding: 2px;
}
.button {
	color: #481969;
	background-color: #BCC3D1;
	font-weight: bold;
}

#bottom {
	background-image: url(images/bot_bg.png);
	background-position: center top;
	width: 900px;
	background-repeat: no-repeat;
}

#bottom a {
	color: #333333;
	text-decoration: none;
}

#bottom a:hover {
	color: #333333;
	text-decoration: underline;
}
#bottom_pad{
	width: 750px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 90px;
}

.right_container {
	float: right;
	margin-left: 30px;
	clear: right;
	margin-bottom: 15px;
	width: 200px;
}
.yellow_pad {
	background-image: url(images/net_sup_menu_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px;
	color: #FFFFFF;
}

.yellow_pad h3 { color: #FFFFFF; }
.yellow_pad p {
	color: #FFFFFF;
	line-height: 100%;
}
.yellow_pad a { color: #FFFFFF; }
.yellow_pad .lightcolour { color: #FCB43A; }

#v_threat {
	width: 150px;
	background-color: #FEDC65;
	border: 1px solid #333333;
	margin: 0px 0px 5px;
	padding: 0px;
	clear: none;
	float: none;
	height: 10px;
}

#v_threat_low {
	float: left;
	width: 20%;	
	background-color:#009900;
		height: 10px;
}

#v_threat_med {
	float: left;
	width: 50%;
	background-color:#FF9900;
	height: 10px;
}

#v_threat_high {
	float: left;
	width: 50%;
	background-color:#CC0000;
    height: 10px;
}


.red_pad {
	background-image: url(images/bus_sol_menu_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px 10px;
	color: #FFFFFF;
	background-color: #CA4C4D;
}

.red_pad h3 { color: #FFFFFF; }
.red_pad p { color: #FFFFFF; line-height: 100%; }
.red_pad a { color: #FFFFFF; }
.red_pad .lightcolour { color: #CA4C4D; }




.clear_pad {
	padding: 5px 10px;
	color: #333333;
	background-color: #E3DFEA;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.clear_pad1 {
	padding: 5px 10px;
	color: #333333;
	background-color: white;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}

.clear_pad h3 { color: #333333; }
.clear_pad p { color: #333333; line-height: 100%; }
.clear_pad a { color: #333333; }
.clear_pad .lightcolour { color: #666666; }
.clear_pad form { padding: 0; margin: 0; }



/*  Formatting */

h1 {
	font-size: 140%;
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 10px;
	padding: 0px;
}
h2 {
	font-size: 120%;
	color: #333333;
	margin:0;
}
h3 {
	font-size: 120%;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
p {
	color: #333333;
	line-height: 170%;
	margin: 0px 0px 15px;
	padding: 0px;
	text-align:justify;
}

ul {
	margin-left: 20px;
	margin-bottom: 10px;
}
li {
padding-bottom: 5px;
}.button {
	color: #FFFFFF;
	background-color: #333333;
}
.highlight {
	color: #CCCCCC;
	background-color: #F2F0F5;
	clear: both;
	float: none;
	padding: 5px;
}
.highlight a {
	color: #333333;
	text-decoration: none;
}

.highlight a:hover {
	color: #333333;
	text-decoration: underline;
}


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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
.telephone {
	font-size: 150%;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
#flashcontent {
	background-image: url(images/noflash.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#admin_nav {
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 100%;
	clear: both;
}
#admin_nav ul {
	list-style-type: none;
}

#admin_nav li {
	float: left;
	margin-right: 15px;
	margin-left: 0;
	padding: 0;
}
.td_bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E2EB;
	padding-bottom: 2px;
}

.bb_price {
	font-size: 140%;
	text-align: center;
	background-image: url(images/broadband_price.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
	height: 60px;
	padding-top: 7px;
}
.small {
	font-size: 80%;
}
#page_images {
	padding: 10px;
}
.sub_heading {
	font-size: 140%;
	display: block;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.td_bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1DDE8;
}