/*======================== - Reset CSS - ========================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

ol,ul {margin-left:50px;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}


/*======================== -  Base Tags - ========================*/

body { 
	background: #fff url(images/bg-stripes.gif);
	height:100%; min-height:100%;
	font:12px arial,helvetica,clean,sans-serif;*font-size:80%;*font:x-small;
 } 

p { margin-bottom:10px; line-height: 220%; } 

p.table { margin:0 4px 0 4px; line-height:180%;} 

h1, h2, h3, h4, h5 { color: #3F86D6; font-weight: bold; margin-bottom: 1px; letter-spacing: -1px; } 

h1 { font-size: 180%; line-height: 110%; } 

h2 { font-size: 140%; line-height: 110%; } 

h3 { font-size: 125%; line-height: 110%; } 

h4 { font-size: 110%; line-height: 110%; } 

h5 { font-size: 100%; line-height: 110%; } 


h1.home { font-size: 260%; color: #125fc5; display: block; width: 100%; text-align: center; line-height: 120%; margin: 20px 0 10px 0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; }
p.home { text-align: center; font-size: 14px; color: #125fc5; line-height: 120%; }
a.home { color: #125fc5 !important; text-decoration:underline !important; font-weight: bold !important; }
 
h2.cat { font-size: 190%; color: #000; display: block; width: 100%; border-bottom: solid 1px #000; margin: 20px 0 5px 0; }
h3.cat { display: block; width: 128px; margin-top: 10px; font-size: 140%; line-height: 110%; text-align: center; float: left; padding-right: 21px; }
h3.catlast { display: block; width: 128px; margin-top: 10px; font-size: 140%; line-height: 110%; text-align: center; float: left; padding-right: 0; }
h3.cat img, h3.catlast img { margin-bottom: 10px; }
h3.cat a, h3.catlast a { color: #0152C2; }



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

a img { border: 0; } 

a:link, a:visited {color:#3F86D6; text-decoration:none;} 

a:hover {color: #003399;} 

a.linkKeyword:link, a.linkKeyword:visited { 
color:#3F86D6;
background:#ecf4fc;
text-decoration:none;
} 

a.linkKeyword:hover {
color: #003399;
background:#A2C9F0;
}

/*======================== - Global Styles - ========================*/

.break { clear: left; width: 100%; height: 5px; display: block; }

.clear {
	 clear: both;
	 height: 1px;
	 overflow: hidden;
	 margin-bottom: -1px;
}

#container {
	margin: 15px auto 5px -409px;
	width:780px;
	position: absolute;
	left: 50%;
}

.blueborder {
	border:2px solid #2777D1;
}

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

#topBox {
background:url(images/topBG.gif) repeat-x;
height: 106px; width: 780px;
}

#logo {
margin-left:6px;
}

#bu_sendFile {
	 width: 119px;
	 height: 46px;
	 position: absolute;
	 top: 11px;
	 left: 649px;
}

#bu_placeFile {
	 width: 119px;
	 height: 46px;
	 position: absolute;
	 top: 11px;
	 left: 515px;
}

#tabsContainer {
	 width: 320px;
	 height: 20px;
	 position: absolute;
	 top: 86px;
	 left: 177px;
}

/*======================== - HP Only Styles - ========================*/

#contentBoxHP {
background:#FFFFFF;
border-top:none;
border-right:1px #99C3F2 solid;
border-bottom:none;
border-left:1px #99C3F2 solid;
padding: 8px 25px;
height: 520px; width:728px;
}

.hpServices {
text-align:center;
}

.hpServices img {
border: 2px solid #0152C2;
margin-top: 7px;
}

.hpServices a {
font:14px Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0152C2;
}

#hpServices01 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 330px;
	 left: 28px;
}

#hpServices02 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 330px;
	 left: 158px;
}

#hpServices03 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 330px;
	 left: 287px;
}

#hpServices04 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 330px;
	 left: 416px;
}

#hpServices05 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 480px;
	 left: 28px;
}
#hpServices06 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 480px;
	 left: 158px;
}

#hpServices07 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 480px;
	 left: 287px;
}

#hpServices08 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 480px;
	 left: 416px;
}

#hpServices09 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 630px;
	 left: 28px;
}

#hpServices10 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 630px;
	 left: 158px;
}

#hpServices11 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 630px;
	 left: 287px;
}
#hpServices12 {
	 width: 114px;
	 height: 135px;
	 position: absolute;
	 top: 630px;
	 left: 416px;
}

/*======================== - IP Only Styles - ========================*/

#contentBoxIP {
	background:#FFFFFF;
	border-top:none;
	border-right:1px #99C3F2 solid;
	border-bottom:none;
	border-left:1px #99C3F2 solid;
	padding: 8px 25px;
	
	height:auto !important; height:514px; /* All browsers use first rule, IE6 reads only the second */ 
		min-height:514px; /* real browsers */
	
	width:728px;
}

.ipServices {
	text-align:center;
}

.ipServices img {
	border: 2px solid #0152C2;
	margin-top: 7px;
}

.ipServices a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0152C2;
}

#ipServices01 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices02 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices03 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices04 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices05 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}
#ipServices06 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices07 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices08 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices09 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices10 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

#ipServices11 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}
#ipServices12 {
	 width: 96px;
	 height: 96px;
	 position: relative;
	 float:left;
}

.hpdetailText {
	position: relative;
	top: 10px;	left: 78px;
	width: 80%;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height: 150%;
}

.detailText {
	position:absolute;
	overflow:hidden;
	top: 109px;
	left: 2px;
	width: 80%;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height: 150%;
}

.catalogBox {
    position: relative;
	left:45px;
	bottom:0;
	width: 190px;
	color:#666666;
	background: #D8D7D7 url(images/catalogIP.jpg) top left no-repeat;
	border:1px dashed #999999 ;
	height: 75px;
	margin:auto;
}

.catalogBox p {
	margin-left: 65px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;
	line-height:190%;
}

.detailText img {padding:10px;}

p#details {font-weight:bold;}
p#details a { background:#ecf4fc; padding:0 3px; }
p#details a:hover { background:#A2C9F0; color:#fff; }

#ipHeader {
	 width: 585px;
	 height: 27px;
	 position: absolute;
	 top: 130px;
	 left: 25px;
}

#ipProdsHeader {
	 width: 250px;
	 position: relative;
	 top: 20px;
	 left: 78px;
}

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

#botBox {
background:url(images/bottom_BG.gif) repeat-x;
height: 30px; width: 780px;
}

#botNav {
padding-top: 6px;
text-align: center;
font: 11px Arial, Helvetica, sans-serif;
color: #666666;
}

#botNav a{
font: 11px Arial, Helvetica, sans-serif;
color: #666666;
padding: 0 3px;
}

#botNav a:hover{ background: #E0E0E0;}

#phone {
text-align:center;
font-size:95%;
margin-top:3px;
color:#666666;
}

/*======================== - Form Styles - ========================*/

label{
float: left;
text-align:right;
margin-right:5px;
width: 120px;
color: #666666
}

input, textarea, select, file{
border:1px solid #666666; 
}

input:hover, textarea:hover, select:hover, file:hover {background-color: #ECF3FC;}
input:focus, textarea:focus, select:focus, file:focus {background-color: #D9F9B9;}

textarea{width: 500px; height: 90px;}

#actionbutton{
margin-left: 20px;
margin-top: 5px;
width: 120px;
}

#actionbutton2{
margin-top: 5px;
width: 100px;
font-size:12px;
font-weight:bold;
}

.small {font-size: 90%; line-height: 120%; }
.small2 {font-size: 70%; line-height: 130%; }
 
.req {color:#0099FF; }

fieldset{}

legend {
color: #2777D1;
padding:2px; margin:5px auto;
width: 97%;
font-weight:bold;
background-color: #E5E5E5;
display:block;
float:left;
}

.formError {
 background: #ffeded;
 color: #911b44;
 border-top: 1px solid #E7C3C3;
 border-bottom: 1px solid #E7C3C3;
 list-style: none;
 width:100%;
 float:left;
}