/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.1

--------------------------------------------------------------------------------------*/
/* =------------------------------------------------------------------------

CSS

----------*/ 

@import url("reset.css");
@import url("typo.css");

/* */

/* =------------------------------------------------------------------------

Clearing

----------*/ 

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

.clearfix{display: inline-block;}

.clear {clear: both;}

/* */


/* =------------------------------------------------------------------------

Layout

----------*/

html, body{ 
	 margin:0; 
	 padding:0; 
	 text-align:center; 
	 background: #FBFEFF url(../images/body_bk.png) top left repeat-x
} 
 
#pagewidth{ 
	width:960px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background: #fff
} 
 
#header{
	 background:#DFE0E5; 
	 width:100%;
	 background: url(../images/header_logo.png) top left no-repeat;
} 
 
#secondaryNav{
	 width:225px; 
	 float:left; 
	 background:#E1F2FB;
	 border-top: 1px solid #74B7DC;
	 border-bottom: 1px solid #74B7DC;
	 margin: 17px 0 0 0
 }
 
#mainContent{
	float: right;  
	width:685px; 
	margin: 0 20px 20px 0
 }
 
#footer{
	 height:26px; 
	 background-color:#AAE0FA; 
	 clear:both;
	 font-size: 1.1em
 } 

/* Skip Navigation */

.textonly {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

 /* =------------------------------------------------------------------------

#header

----------*/

#header h1#logo {
height: 110px
}

#header h1#logo a{
text-indent: -2000px;
margin: 15px 0 0 30px;
height: 60px;
width: 180px;
display: block;
float: left
}

#searchbar {
float: right;
margin: 70px 40px 0 0;
}

#searchbar p {
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 4px 0 0;
	font-size: 1.3em;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#searchbar p a {color: #fff}

#searchbar form {float: left}

#searchbar legend, #searchbar label {display: none}

#searchbar input.searchBoxinput {
	float: left;
	background: #fff url(../images/search_bk.png) top left repeat-x;
	border: 1px solid #7D99B4;
	padding: 4px;
	width: 170px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#searchbar input#submit{ margin-left: 5px;}

 /* =------------------------------------------------------------------------

Navigation

----------*/

#mainNav {
display: block;
width: 100%;
background: url(../images/menu_bk.png) top left repeat-y;
float: left;
}

#mainNav li{
float: left;
height: 38px;
}

#mainNav li a{
color: #fff;
display: block;
font-size: 1.5em;
text-transform: uppercase;
padding: 5px 2.3em 0 2.3em;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#mainNav li a:hover, #mainNav li.this a{
border-bottom: 4px solid #EF9A47;
}

#secondaryNav li {
margin: 0 0 0.5em 4px
}

#secondaryNav li a{
display: block;
width: 150px;
padding: 0 0 0 25px;
color: #4C4D4F;
font-weight: bold
}

#secondaryNav li a:hover, #secondaryNav li.this a {
background: url(../images/arrow_sm.png) top left no-repeat;
color: #1F3D8E
}

#secondaryNav li.this ul {
background: #EEF7FB;
margin: 0 5px 0 0;
padding: 0
}

#secondaryNav li.this ul li {
margin: 0.2em 0;
padding: 0.2em 0
}

#secondaryNav li.this ul li a, #secondaryNav li.this ul li a:hover {
background: none;
font-weight: normal
}

#secondaryNav li.selectedsubitemstyle a {font-weight: bold !important}

 /* =------------------------------------------------------------------------

Formatting

----------*/

#mainContent h2 {
	font-size: 2.2em;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #28A5DE;
	letter-spacing: -1px;
}
#mainContent h2 strong {color: #28A5DE;}

#mainContent h3 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	color: #28A5DE;
	margin: 0;
	padding: 0
}

#mainContent h3 a {color: #28A5DE;}
#mainContent h3 a:hover {text-decoration: underline}
#mainContent .shade {background: #F0F8FD;}
#mainContent .item .content {padding: 1em}
/*#mainContent strong {
	font-size: 1.2em;
	color: #383690;
}*/

#mainContent ul{
 padding: 0 1.2em;
 margin: 0 5px
}

#mainContent .left {float: left; margin: 0 5px 5px 0}
#mainContent .right {float: right; margin: 0 0 5px 5px}

#footer .left {
float: left;
margin: 6px 0 0 10px;
padding: 0;
color: #5561AB
}

#footer .right {
float: right;
margin: 6px 10px 0 0;
padding: 0;
color: #5561AB
}

#footer a {
color: #5561AB;
text-transform: uppercase
}

#footer a:hover {
text-decoration: underline
}

 /* =------------------------------------------------------------------------

#products

----------*/

#mainContent .products {
float: left;
margin: 1em
}

#mainContent .products h2 {
background: url(../images/arrow_sm.png) 0px 5px no-repeat;
padding: 0 0 0 25px
}

#mainContent .products .image {
float: right;
margin: 0 0 0 10px;
display: block;
width: 200px;
}

#mainContent .products .list {
display: block;
float: left;
width: 420px;
}

#mainContent .products ul {
float: left;
margin: 0.7em 0 
}

#mainContent .products li {
list-style: disc;
margin: 0 0 0.5em 0
}

 /* =------------------------------------------------------------------------

handsets

----------*/

#mainContent .handsets {
float: left;
margin: 1em 10px 1em 0;
display: block;
width: 330px;
}

#mainContent .handsets h3 {
padding: 0 0 0 25px;
color: #6D6E71 !important
}

#mainContent .handsets .image {
float: left;
margin: 0 0 0 10px;
display: block;
width: 105px;
}

#mainContent .handsets .list {
display: block;
float: left;
width: 200px;
}

#mainContent .handsets ul {
float: left;
margin: 0.7em 0 
}

#mainContent .handsets li {
list-style: disc;
margin: 0 0 0.5em 0
}
 /* =------------------------------------------------------------------------

#form

----------*/

#form {
	display: block;
	width: 412px;
}

#form div.error ol li {color: #FF0000;}

#form .formblock {margin-top: 1em;}

#form label {
	display: block;
	font-weight: bold;
	padding-top: .75em;
}

#form input{
	margin: 2px 0;
	border: 1px solid #A1A1A4;
	padding: 0.4em;
	width: 300px
}

#form textarea{
	margin: 2px 0;
	border: 1px solid #A1A1A4;
	padding: 0.4em;
	width: 300px
}

span.required {color: red;}

.formblock .required {margin: 0 0 0 5px;}

#form #submit {
	border: 1px solid #A1A1A4;
	padding: 0.5em;
	float: left;
	margin: 20px 0 5px 0;
	background: #fff;
	color: #231F20;
	font-weight: bold;
	font-size: 18px;
	width: auto;
}

 /* =------------------------------------------------------------------------

#sitemap

----------*/
#sitemap .products {margin: 0.5em 0 1em 0; width: 100%}
#sitemap {display: block; margin: 0 0 1em 0}
#sitemap .trunktitle {font-weight: bold; border-bottom: 1px solid #74B7DC; padding: 0 0 5px 0; margin: 15px 0 5px 0; font-size: 1.2em; } 
#sitemap .branchmapitem {display: block; margin: 1em 0 0 0}
#sitemap .branchmapitem a {  padding: 0; margin: 0; color: #00B0CA;}
#sitemap .branchmapitem a:hover {text-decoration: underline}


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #mainContent{width:100%; float:none;}
}