@charset "utf-8";
/* CSS Document */

@import url("module_top-nav.css");
@import url("module_systems-nav.css");
@import url("mootabs1.2.css");
@import url("slimbox.css");




* { margin:0; padding:0; }

body.loading div.hide { display:none; }


body { background:#d1e3e4; font-family:Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; }

a { outline-color:invert;	outline-style:none;	outline-width:medium; text-decoration:none; color:#044f81; }

img.c1 {cursor:pointer;}

#getflash { visibility:hidden; }

#accboxim img, .zeal, #system-details a, #system-details li, div.load img   { behavior: url(iepngfix.htc);  }


/* top half */
#top { width:100%; background:url(/images/backgrounds/top-bg.jpg) bottom repeat-x #fff; color:#7f7d75;   }
#top-inside-wrapper { width:979px; margin:0 auto 0 auto; padding:0 0 0 0; overflow:hidden; min-height:400px;  }

/*header area */
#header { width:100%; height:68px; border-bottom:1px solid #e7e7e7; margin:0 0 27px 0;  }
#header img.logo { width:135px; height:69px; float:left; background:#ffffff; padding:0 17px 0 0; }
#header #live-chat { width:161px; height:68px; float:left; padding:0 0 0 25px; } 

/*home page into text and client slider*/

#intro { float:left; margin:10px 0 0 ; width:297px; padding: 0 0 0 3px; }
#intro h1 { font-size:15px; color:#045386; padding:0 0 12px 2px;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#intro h2 { font-size:15px; color:#045386; padding:0 0 4px 3px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#intro p { line-height:18px; padding:0 0 16px 3px; }
#intro ul.intro-points { padding:0 0 10px 3px; }
#intro ul.intro-points li { background:url(/images/backgrounds/list-tick-bg.png) 0 3px no-repeat; padding:2px 0 5px 20px; } 

#flash_intro { float:right; width:641px; height:266px; padding: 0 0 0 1px; background:url(/images/backgrounds/flash-left-border.gif) 0 0 no-repeat; margin:12px 0 0 0; }

/*bottom half*/
#bottom { background:url(/images/backgrounds/bottom-bg.jpg) top repeat-x; overflow:hidden; min-height:219px;  }
#bottom-inside-wrapper { width:979px; margin:0px auto; color:#0d4062; padding:17px 0 0 0;  }

/*home page news*/
#news-home { width:300px; font-size:14px; float:left; }
 #news-home div.live-chat { width:295px; height:58px; margin:-55px 0 0 0; }
#news-home h1 { font-size:14px; width:297px; padding:0 0 4px 3px; border-bottom:3px solid #cee2e3;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 25px 0; color:#044f81; }
#news-home div.rss-title { width:100%; overflow:hidden; margin:0 0 16px 0; }
#news-home h2 { font-size:11px; width:197px; display:block; float:left; padding:0 0 0 3px;  }
#news-home h2 a { color:#044f81;  }
#news-home h2 a:hover { color:#0d4062;  }
#news-home p { line-height:18px; padding:0 3px 20px 3px; }
#news-home div.date { font-size:11px; font-weight:bold; display:block; float:right; width:78px; height:12px; text-align:right; overflow:hidden; padding:0 3px 0 0; }
#news-home a.all-news-link { font-weight:bold; background:url(/images/backgrounds/blue-square-arrow.gif) top right no-repeat; display:block; width:135px; color:#044f81; text-decoration:none; }
#news-home a.all-news-link:hover {  background:url(/images/backgrounds/blue-square-arrow.gif) bottom right no-repeat; display:block; color:#0d4062; text-decoration:none; }

/*home page accessories*/

#accessories-home { width:626px; float:right;  }
#accessories-home h1 { font-size:14px; width:600px; padding:0 0 4px 20px; border-bottom:3px solid #cee2e3;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin:0 0 18px 0; color:#044f81; }
#accessories-home div.accbox { width:145px; height:101px; float:left; text-align:center;  }
#accessories-home div.accbox#l1 { margin:0 0 0 21px; }
#accessories-home li.accbox-link { list-style:none; }
#accessories-home li.accbox-link a { background:url(/images/backgrounds/blue-square-arrow2.gif) right top no-repeat; font-size:14px; font-weight:normal; text-decoration:none; color:#044f81; padding:0 17px 0 0;  }
#accessories-home li.accbox-link a:hover { background:url(/images/backgrounds/blue-square-arrow2.gif) right bottom no-repeat; color:#0d4062; }


/*system pages elements*/

#sub-navigation { width:100%; height:20px; margin:0 0 26px 0;    }
#sub-navigation .breadcrumbs { float:left; font-size:10px; font-weight:bold; color:#757373; width:670px; padding:0 0 0 5px; }
#sub-navigation .breadcrumbs li { list-style:none; display:inline; color:#045386; }
#sub-navigation .breadcrumbs li a {  color:#757373; text-decoration:none; }
#sub-navigation .breadcrumbs li a:hover { color:#045386; }

#sub-navigation .breadcrumbs2 { float:left; font-size:11px; font-weight:bold; color:#757373; width:670px; padding:0 0 0 0; background:url(/images/backgrounds/tab-divider.gif) bottom right no-repeat;  }
#sub-navigation .breadcrumbs2 li { list-style:none; display:block; float:left;  padding:3px 7px 0 7px; height:16px;  }
#sub-navigation .breadcrumbs2 li.selected { font-size:12px; color:#045386; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #fff; display:block;}
#sub-navigation .breadcrumbs2 li a { color:#757373; background:#eeeeee; display:block; padding:3px 7px 0 7px; height:16px; margin:-1px 0 0 0; }
#sub-navigation .breadcrumbs2 li a:hover { color:#045386; background:#cee1e2;  }
#sub-navigation .breadcrumbs2 li.where { margin:0 0 0 -5px; }


.load{background:url(/images/backgrounds/im-loader.gif) no-repeat center;}

#system-details { width:310px; min-height:300px; margin:0 0 0 3px; position:relative; z-index:2; font-size:14px; padding:0 0 30px 0; float:left;  }
#system-details img.bm { padding:0 0 20px 0; }
#system-details h1 { font-size:20px; font-weight:normal; display:block; width:100%; color:#045386; margin:0 0 25px 0; }
#system-details h1 img { float:right; } 
#system-details h1 span.system-type { font-size:17px; font-weight:500; }
#system-details li { background:url(/images/backgrounds/list-tick-bg.png) 0 3px no-repeat; padding:0 0 4px 35px; } 

#system-details ul { padding:0 0 40px 0; }

#system-details .action-buttons { display:block; margin:0 0 0 33px; height:20px;   }
#system-details a { font-size:17px; font-weight:500; text-decoration:none; color:#045386;
background:url(/images/backgrounds/blue-square-arrow3.png) top right no-repeat;  }
#system-details a:hover { background:url(/images/backgrounds/blue-square-arrow3.png) bottom right no-repeat;  }
#system-details a.quote-request { width:131px; display:block; float:left; margin:0 20px 0 0; }
#system-details a.live-chat { width:96px; display:block; float:left; cursor:pointer; }



#sm1 { position:relative; margin:-183px 0 0 205px; z-index:1; }
#sm2 { position:relative; margin:-183px 0 0 225px; z-index:1; }
#sm3 { position:relative; margin:-150px 0 0 225px; z-index:1; }
#sm4 { position:relative; margin:-183px 0 0 205px; z-index:1; }
#sm5 { position:relative; margin:-163px 0 0 185px; z-index:1; }

#flash_systems { float:right; width:425px; height:325px; margin:10px 0 0 0;   }

a.toggleLink   {text-decoration:none; color:#045386; outline-color:invert;	outline-style:none;	outline-width:medium; } 
a.toggleLink:hover { text-decoration:underline;  }

#headsets { width:691px; padding:0 0 20px 3px; }
#headsets p { padding:0 0 10px 0; }
#headsets img { float:left; margin:0 20px 20px 0; padding:10px; background:#fff; }
#headsets h2 { font-size: 18px; font-weight:500; color:#045386; padding: 0 0 10px 0; border-bottom:1px solid #e7e7e7; width:965px; display:block; margin:0 0 15px 0; }
#headsets h3 { font-size: 17px; font-weight:500; color:#045386; padding: 0 0 10px 0; }
#headsets p.price { font-size:14px; color:#045386;  }
#headsets p.grey-divider { height:1px; border-top:1px solid #e7e7e7; width:961px; padding:10px 0 0 3x; }

.toggle { margin:0 0 0 120px; width:850px; font-family:Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; }
.toggle ul { padding:10px 0 10px 20px; }
.toggle ul li { padding:0 0 5px 0; }

.contact-details { float:left; margin:0 20px 0 3px; width:300px; }
.contact-details h3 { font-size:17px; font-weight:500; color:#045386; padding: 0 0 10px 0; }
.contact-details p { line-height:18px; padding:0 0 10px 0; }
.contact-details a:hover { text-decoration:underline; }
.contact-details p.gl { height:1px; border-top:1px solid #e7e7e7; width:300px; padding:10px 0 0 3x; }
.contact-details div.lchat { width:295px; height:58px; margin:-50px 0 0 0; }

.about-us { float:right; width:640px; padding:0 0 20px 0;}
.about-us h1 { font-size:17px; font-weight:500; color:#045386; padding: 0 0 10px 0;  }
.about-us p { line-height:22px; padding:0 0 10px 0;  }
.contact-details img.si { float:right; padding:0 20px 0 0; }

/*footer*/

#f2 { margin:-200px auto; }

#footer { width:979px; margin:0px auto; color:#5b8196; padding:40px 0 40px 0; text-align:right; font-size:10px; font-weight:bold; overflow:hidden; }
#zeal { float:right; width:143px; height:27px; text-align:left; overflow:hidden; margin:7px 0 0 0; text-align:right }
#zeal p {  padding:7px 0 0 0; text-align:right;}
#zeal a:hover { text-decoration:underline;   }


#header2 {
	float: left;
	width: 100%;
	background: #DAE0D2 url("bg.gif") repeat-x bottom;
	font-size: 93%;
	line-height: normal;
}
#header2 ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#header2 li {
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #765;
}
#header2 a {
	float: left;
	display: block;
	width: .1em;
	padding: 5px 15px 4px 6px;
	font-weight: bold;
	color: #765;
}
#header2 > ul a {
	width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header2 a {
	float: none;
}
/* End IE5-Mac hack */
#header2 a:hover {
	color: #333;
}

/* Styling the content pool */
#contentPool ul, #cloneUL {
	clear: both;
	margin: 0;
	padding: 10px 0 0 25px;
	list-style: none;
}
#contentPool li:first-child {
	font-weight: bold;
}
#contentPool a, #cloneUL a {
	color: #333;
}
#contentPool a:hover, #cloneUL a:hover {
	color: #c00;
}


ul.contact-inf { padding:0 0 10px 3px; list-style:none; }
ul.contact-inf li { background:url(/images/backgrounds/list-tick-bg.png) 0 5px no-repeat; padding:2px 0 5px 20px; line-height:21px; }