@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;
	float:left;
}
ul.tech_tips li a:hover, ul.tech_tips li a:active{
	color: #CC0000;
}
ul.pdf {
	
}
ul.pdf li {
	padding-left:35px;
	
	margin-left:0px;
	font-size:10px;
	height:38px;
	line-height:15px;
	list-style:none;
	background:url(images/pdf.gif) no-repeat 0 0;
	
	
}

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: 0px 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;
	clear:both;
}
.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%;
}

/******* pop up ******/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:250px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:600px; 
  height:380px;
  padding:10px;
}

.close { color:#F00; padding:10px 10px 10px 25px; background:url(images/close-button-md.png) no-repeat 0 0;}

/**** sliding form ***/
#wrapper1{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:500px;
    overflow:hidden;
}
#steps{
    width:600px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:600px;
	/*height:320px;*/
}
#navigation{
    height:45px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:22px;
}
#navigation ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigation ul li a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
span.checked{
   background:transparent url(../images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
}
#steps form legend{
    text-align:center;
    background-color:#f0f0f0;
    color:#666;
    font-size:24px;
	line-height:27px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:483px;
    padding:5px 10px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:455px;
    padding:10px;
    margin-left:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#steps form p label{
    width:414px;
    float:right;
    text-align:left;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
#steps form p label.l1{
    width:200px;
    float:left;
    text-align:left;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
.rad, .chkbx { float:left!important;}
.chkbx { width:20px!important;}
#steps form input radio { float:left;}
#steps form input:not([type=radio]),
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}


label.error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-box-shadow:0 0 6px #000000;
-moz-border-radius: 6px;
	border-radius: 6px;
background:#EE0101 none repeat scroll 0 0;
border:2px solid #DDDDDD;
color:#FFFFFF!important;
text-align:left!important;
text-shadow:none!important;
font-size:13px!important;
font-family:tahoma;
font-size:11px;
padding:4px 10px;
width:200px!important;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	margin-left:100px!important;

}

input.error, textarea.error {
	background:#fdc3c3;
	width:250px;  
	font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
	margin-left:0px;
	color:#000;}
/* Listen */
div.footer { width: 762px; padding:30px 0 10px 0px; margin-top:5px; background:#e2effa url(../images/footerBar.gif) no-repeat 0 0; }
div.footer ul { width:22%; float:left; list-style:none; text-align:left; padding-left:10px;}
div.footer ul li { line-height:12px; padding:3px 0; text-align:left; border-bottom:1px #d0ddee solid;}
div.footer ul li a, div.footer ul li a:link, span.footer ul li a:visited{ color:#666666!important;}

.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%;
}