@charset "utf-8";
/* CSS Document */
*{
	/* global white space reset */
	padding: 0;
	margin: 0;
}
body {
	font: 81.25%/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	background: rgb(201,224,245);
}
/*------------------------------------------------------------------------------------------divs*/
#wrapper{
	width: 762px;
	margin: 5px auto 0 auto;
	background: #FFFFFF url(images/wrapper_back.gif) repeat-y;
}
#top{
	width: 762px;
	height: 145px;
	background: url(images/top.jpg) no-repeat;
	position: relative;
}
#left_collumn{
	float: left;
	width: 204px;
}
#right_collumn{
	float: right;
	width: 550px;
	margin-right: 6px;
}
#clear{
	clear: both;
	
	}
#drop_down_menu{
	width: 386px;
	float: left;
	margin-top: 75px;
	display:inline;
	position:relative;
}



/*------------------------------------------------------------------------------------------tables*/
.table_normal{
	margin-left: 10px;
}
/*------------------------------------------------------------------------------------------banners*/
#home_banner1{
	width: 551px;
	height: 187px;
	background: url(images/home_banner1.jpg);
}
#home_banner2{
	width: 551px;
	height: 152px;
	background: url(images/home_banner2.jpg);
}
#home_banner3{
	width: 551px;
	height: 150px;
	background: url(images/home_banner3.jpg);
}
#home_banner4{
	width: 551px;
	height: 164px;
	background: url(images/home_banner4.jpg);
}
#home_banner5{
	width: 551px;
	height: 164px;
	background: url(images/home_banner5.jpg);
}
#home_banner6{
	width: 551px;
	height: 164px;
	background: url(images/home_banner6.jpg);
}
#telephone_banner, #network_banner, #cabling_banner, #data_banner, 
#redundancy_banner, #consultancy_banner, #free_banner{
	width:  545px;
	height: 92px;}
#telephone_banner{background-image: url(images/telephone_systems_banner.jpg);}
#network_banner{background-image: url(images/network_banner.jpg);}
#cabling_banner{background-image: url(images/cabling_banner.jpg);}
#data_banner{background-image: url(images/data_banner.jpg);}
#redundancy_banner{background-image: url(images/redundancy_banner.jpg);}
#consultancy_banner{background-image: url(images/consultancy_banner.jpg);}
#free_banner{background-image: url(images/free_banner.jpg);}
/*------------------------------------------------------------------------------------------box left*/
#box_left_top{
	margin: 10px 0 0 14px;
	width: 181px;
	height: 10px;
}
#box_left_bottom, #box_left_bottom_evaluation{
	margin: 0px 0 0 14px;
	width: 181px;
	background:url(images/box_bottom.jpg) no-repeat bottom left;
}
#box_left_bottom a img { border:none;}
#box_left_bottom_evaluation{
	background:url(images/evaluation_pic.jpg) no-repeat bottom left;
}
/* --------------------------------------------------------------------------------------------------------styled text */
h1 {
	font-size: 100%;
	color: #011a6c;
	background: url(images/h1_back.jpg) repeat-x bottom left;
	line-height: 30px;
	padding-left: 7px;
	margin: 5px 0px 0px 0px;
}
h2 {
	font-weight: bold;
	font-size: 100%;
	color: rgb(1,26,108);
	margin:0px 5px 0px 0px;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid rgb(1,26,108);
}
.body_copy_sub {
	color: #666666;
	font-size: 95%;
	padding: 10px 30px 0px 10px;
}
span.bold, .bold_span{
	font-weight: bold;
}
.table {
	color: #666666;
	font-size: 95%;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	line-height: 16px;
}
.home{
	color: #fff;
	font-size: 110%;
	margin-left: 32px;
	margin-top: 115px;
	float: left;
	display: inline;
}
.quick_links{
	color: #fff;
	float:left;
	margin-right:10px;
	margin-left:-100px;
}
.bookmarks {
	float:left;
	padding-top:3px;
	height:19px;
	
	}
.red_small{
	margin-left: 10px;
	margin-bottom: 5px;
	color: #e10000;
	font-size: 100%;
}
.home_banner_p{
	margin-left: 220px;
	font-size: 90%;
	margin-right: 30px;
	line-height: 18px;
	margin-bottom: 10px;
}
.big_red{
	margin-left: 220px;
	color: #e10000;
	font-size: 110%;
	margin-bottom: 5px;
}
.box_left_para{
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 17px;
	font-size: 88%;
}
ul.red_dot_menu, ul.red_dot_menu2{
	text-decoration: none;
	margin-left: 10px;
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 90%;
}
ul.red_dot_menu2{
	margin-left: 220px;
}
ul.red_dot_menu li, ul.red_dot_menu2 li{
	list-style: none;
	background: url(images/red_dot.jpg) no-repeat 0px 8px;
	padding-left: 10px;
	line-height: 18px;
}
ul.red_dot_menu li a:link,  ul.red_dot_menu li a:visited,
ul.red_dot_menu2 li a:link,  ul.red_dot_menu2 li a:visited{
	text-decoration: none;
	color: #0066cc;
}
ul.red_dot_menu li a:hover,  ul.red_dot_menu li a:active,
ul.red_dot_menu2 li a:hover,  ul.red_dot_menu2 li a:active{
	color: #6ab2f1;
}
.grey_titles{
	color:#CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0px 0px 10px;
	font-size: 82%;
	margin: 10px 0px 10px 0px;
}
ul.normal, ol.normal{
	font-size: 88%;
	color: #666666;
	padding: 10px 30px 10px 30px;
	background-color: rgb(220,237,252);
	margin-right: 5px;
	margin-left: 0px;
	line-height: 20px;
}
.normal2{
	/*background-color: none;*/
	margin-right: 5px;
	margin-left: 0px;
	line-height: 20px;
	color: #666666;
	padding: 10px 30px 10px 30px;
	font-size: 93%;
}
ul.normal li{
	list-style-type: square;
}
ul.normal li.sub_links{
	list-style-type: disc;
	margin-left:15px;
	
}
ul.tech_tips{
	margin-left: 30px;
	margin-top: 30px;
}
ul.tech_tips li a:link, ul.tech_tips li a:visited{
	text-decoration: none;
	color: #0033CC;
	margin-left:5px;
}
ul.tech_tips li a:hover, ul.tech_tips li a:active{
	color: #CC0000;
}
ul.pdf {
	
}
ul.pdf li {
	list-style-image:url(images/pdf.gif);
	margin-left:25px;
	font-size:10px;
	height:38px;
	line-height:15px;
	
}

ul.components {
	margin-left:25px;
	font-size:10px;
	/*height:38px;*/
	line-height:15px;
	margin-top:8px;
	
}
.keywords{
	color:#999999;
	font-size:70%;
	line-height:15px;
	margin:0 auto;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	width:700px;

}
/* --------------------------------------------------------------------------------------------------------styled links */
a
{
	color:#6AB2F1;
}
a:link.chevron, a:visited.chevron{
	text-decoration: none;
	background: url(images/chevron.jpg) no-repeat right;
	color: #0066cc;
	padding-right: 10px;
	font-weight: bold;
	font-size: 12px;
}
a:hover.chevron, a:active.chevron{
	color: #6ab2f1;
}
.free_evaluation{
	height: 49px;
	width: 88px;
	margin-left: 70px;
	background: url(images/evaluation_button.jpg) no-repeat;
	display: block;
}
a:link.contact_links{
	text-decoration: none;
}
a:link.home_link, a:visited.home_link{
	height: 90px;
	width: 150px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}
a:link.userguide, a:visited.userguide{
	background: url(images/pdf.gif) top left no-repeat;
	display: block;
	height: 60px;
	padding: 8px 0 0 60px;
	margin:15px 0 0 15px;
}

.body_copy_sub a:link, .body_copy_sub a:visited{
	text-decoration: none;
	font-size: 120%;
	color: #011a6c;
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid #6ab2f1;
	display:block;
}
.body_copy_sub a:hover, .body_copy_sub a:active{
color: #6ab2f1;
	
}
a:link.top_link, a:visited.top_link{
	margin-left: 10px;
	color: #011a6c;
}
a:hover.top_link, a:active.top_link{
	color: #6ab2f1;
}
.body_copy_sub a.bodylink {
	display:inline;
	border-bottom:none;
	font-size:100%;
	padding:0px;



}
.body_copy_sub a.normal { color:#6AB2F1; font-size:100%; padding:0px; display:inline;}
a.normala { color:#666666!important;
font-size:95%!important;
display:inline!important;
border:none!important; 
text-decoration:underline!important;
}
/* --------------------------------------------------------------------------------------------------------banners*/
#banner2, #banner2 a:link, #banner2 a:visited {
	border: 0px;
	display: block;
	height: 85px;
	width: 545px;
	background: url(images/top_prp2.jpg) no-repeat top left;
	text-decoration: none;
}
#banner2 a:hover{
	background-position: -545px 0;
}

/* --------------------------------------------------------------------------------------------------------main nav */
ul.nav_left{
	margin-top: 6px;
	margin-left: 14px;
}
ul.nav_left li{
	list-style: none;
	width: 181px;
	background: url(images/button_left.jpg) no-repeat;
}
ul.nav_left li a:link,  ul.nav_left li a:visited{
	display: block;
	padding: 0px 0px 0px 28px;
	text-decoration: none;
	line-height: 32px;
	color: #fff;
	font-size: 100%;
}
ul.nav_left li a:hover {
	color: #6ab2f1;
}

ul.nav_left li.sub_links{
	background: none;
	color: #0066cc;
	list-style: square;
	margin-left: 30px;
	border-bottom: 1px solid #CCCCCC;
	width: 140px;
	margin-top: 3px;
	margin-bottom: 5px;
	
}
ul.nav_left li.sub_links a:link, ul.nav_left li.sub_links a:visited{
	font-size: 85%;
	background: none;
	color: #0066cc;
	line-height: 18px;
	padding-left: 2px;
}
ul.nav_left li.sub_links a:hover, ul.nav_left li.sub_links a:active{
	color: #011a6c;
}
ul.nav_left li.sub {
	list-style:none;
	margin-left:38px;
	width:132px;
	padding-bottom:3px;
}
ul.nav_left li.sub a {
height:15px;
line-height:10px;
margin-left:0px;
width:148px;
}
ul.nav_left li.double{
	list-style:none;
	margin-left:38px;
	width:132px;
}
ul.nav_left li.double a {
	height:35px;
}

ul.nav_top{
	margin-top: 18px;
	float:right;
padding-right:6px;
	width:230px;
}
ul.nav_top li{
	float: left;
	list-style: none;
}
ul.nav_top li a:link,  ul.nav_top li a:visited{
	display: block;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
	color: #fff;
	font-size: 100%;
}
ul.nav_top li a:hover {
	color: #6ab2f1;
}
/* --------------------------------------------------------------------------------------------------------breadcrum*/
.breadcrumb {
	font-size:85%;
	padding:0 0 0 7px;
	color:#666666;
}

/* --------------------------------------------------------------------------------------------------------form*/
.submit, .submit_hover, .submit2, .submit_hover2{
	background: url(images/submit.jpg) no-repeat;
	height: 53px;
	width: 155px;
	color: #666666;
	font-weight: bold;
	border: 0px;
	clear: both;
	margin-top: 20px;
}
.submit2, .submit_hover2{
	margin: 0px;
	background: url(images/submit2.jpg) no-repeat;
}
.submit_hover, .submit_hover2{
	color: #CC0000;
}
.required_float{
	position: absolute;
	top: 20px;
	left: 400px;
	padding: 0px 0px 0px 10px;
	background: url(images/required.jpg) no-repeat 0px 10px;
}

.required, .required_not{
	color: #666666;
	font-size: 95%;
	margin-left: 3px;
	padding: 0px 30px 0px 10px;
	background: url(images/required.jpg) no-repeat 0px 8px;
}
.required_not{
	background: none;
}
/* --------------------------------------------------------------------------------------------------------footer */
#footer{
	width: 762px;
	height: 17px;
	clear: both;
	background: url(images/footer_back.gif) no-repeat;
}
.footer{
	color: #777777;
	font-size: 80%;
	width: 760px;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
}
.footer a:link, .footer a:visited{
	text-decoration:none;
	color: #777777;
}

/* --------------------------------------------------------------------------------------------------------PayPal */
.addtocart { 
	float:left;
}

.viewcart {
	float:left;
}

.paypal span {
	color:#011a6e;
	font-size:120%;
	padding: 0 0 0 10px;
	line-height:25px;
}

.paypal span.title {
	color:#5291d4;
	font-size:95%;
	padding: 0 0 0 10px;
	font-style:italic;
}

/*************** General ***********/
.landingpage  { padding-left:10px;}
.landingpage div{ float:left; width:50%; text-align:center;}


.split { width:38%; float:left; height:740px;}

.clear { width:100%!important; display:block;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}