@charset "utf-8";
/* CSS Document */
/*CSS Reset------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------------------------------*/
html, body{
	height:100%;
	min-width:980px;
}
body{
	background-color:#f7f7f7;
	text-align:center;
	color:#afd2fa;
	font-family: 'Arimo', sans-serif;
	font-size:15px;
	line-height:25px;
}

p{
	margin-bottom:18px;	
}
h2{
	font-size:28px;
	color:#001731;
	line-height:35px;
	font-family: 'Days One', sans-serif;
	margin-bottom:18px;
}
h3{
	font-size:22px;
	color:#57a7ff;	
	line-height:30px;
	font-family: 'Arimo', sans-serif;
	font-weight:bold;
	text-align:left;
}

a{
	color:#ECAD00;
	
}
a:hover{
	color:#30ABFE;
	
}

#homepage_graphic{
	margin-left:3px;	
	margin-top:-17px;
	margin-bottom:25px;
}
.banner{

    background: url("../images/interface/dark_blue_shade.png") repeat scroll left top transparent;
    border-bottom: 1px solid #001731;
    border-top: 1px solid #001731;
   	padding:10px 50px;
	margin-left:-50px;
	margin-right:-51px;
	color:#AFD2FA;
	font-size:20px;
	text-align:center;
  	
}
#hp_partner_label{
	font-weight:bold;
	font-size:16px;	
}
#hp_partner_medal{
	position: absolute;
   right: 55px;
   top: 5px;
}


#wrapper_top .content{
	text-align:left;
	margin:0px auto;
	width:981px;

	padding-top:485px;
	position:relative;
	padding-bottom:35px;

	
}
#wrapper_btm .content{
	text-align:left;
	margin:0px auto 0px;
	width:981px;
	position:relative;
}
#wrapper_top .inner{
	background:url(../images/interface/main_content_extender.png) top left  repeat-y;
	/*width:995px;*/
	
margin:0px -7px 0px;
	
}
#wrapper_btm .inner{
	

/*	width:995px;*/
/*	display:block;*/
	margin:0px -7px 0px;
	
}

.slider{
	background:url(../images/interface/main_content_top_bg.png) top left no-repeat;
	margin-top:-442px;
	
	padding:82px 57px 32px;
	padding-top:95px;
	min-height:328px;
	float:left;
	width:881px; /*Required for IE7*/


	

	
}




#wrapper_top{
	background:url(../images/interface/body_top_bg.gif) bottom center repeat-x #00234a;	
	
}
#logo{
	position:absolute;	
	top:16px;
	left:29px;
	z-index:100;
}
#logo h1{
	display:none;	
}
#nav{
	position:absolute;
	top:40px;
	right:75px;
	
	width:625px;
	overflow:hidden;
	

	
}
#nav ul{
	clear:left;
	float:left;
	list-style:none;
	position:relative;
	left:50%;
	text-align:center;
}
#nav li{
	float:left;	
	margin-right:5px;
	background-color:#360;
	
	position:relative;
	right:50%;
	background:url(../images/interface/nav_btn_bg.gif) 0px -64px repeat-x;
	padding:0px 1px;
}

#nav li:hover{
	background-position: 0px 0px;	
}
#nav li:hover a{
	background-position: 0px -32px;	
}

#nav li.selected:hover,#nav li.selected{
	background-position: 0px -128px;	
}
#nav li.selected:hover a, #nav li.selected a{
	background-position: 0px -160px;	
}
#nav a{
	text-indent:-9999px;
	color:#FFF;
	text-decoration:none;
	outline:none;
	overflow:hidden;
	padding:0px 10px;
	height:31px;
	display:block;
	background:url(../images/interface/nav_btn_bg.gif) 0px -96px repeat-x;

}

#nav a span{
	background:url(../images/interface/menu_sprite.png) center center no-repeat;	
	display:block;
	
	width:75px;
	height:31px;
}
#nav a.btn_home span{
	width:19px;
	background-position:center 0px;
}
#nav a.btn_about span{
	width:46px;
	background-position:center -30px;
}
#nav a.btn_products span{
	width:72px;
	background-position:center -60px;
}
#nav a.btn_supplies span{
	width:66px;
	background-position:center -90px;
}
#nav a.btn_services span{
	width:66px;
	background-position:center -120px;
}
#nav a.btn_contact span{
	width:63px;
	background-position:center -150px;
}
#wrapper_btm{
	background:url(../images/interface/body_btm_bg.gif) top center repeat-x #f7f7f7;
	min-height:300px;

}
#pointer_links{
	position:relative;
	top:-35px;
	background:url(../images/interface/pointer_links_top.png) top center no-repeat;
	padding-top:100px;
	width:995px;/*Required for IE7*/

	



	
}
#pointer_links .inner{
	background:url(../images/interface/pointer_links_btm.png) bottom center no-repeat;
	padding-bottom:45px;
	width:auto;
	margin:0px;
}
#pointer_links h4{
	color:#ecad00;	
	font-size:15px;

	line-height:18px;
	font-family: 'Arimo', sans-serif;
	font-family: 'Days One', sans-serif;
	font-weight:bold;
}
#pointer_links h4 a{
	color:#ecad00;
	text-decoration:none;
	
}
#pointer_links p{
	color:#a5b2c2;
	font-size:12px;
	line-height:16px;
	margin-bottom:0px;
}
#pointer_links ul{
	background:url(../images/interface/pointer_links_mid.png) top center repeat-y;
}
#pointer_links li{
	margin-top:-50px;
	float:left;
	display:block;
	width:170px;
	padding-right:25px;
	padding-left:132px;
	padding-top:15px;
	min-height:75px;
	background:url(../images/interface/pointer_links/pointer_link_icons.png)  no-repeat;	
	
	
}
#pointer_links li.first{
	margin-left:7px;

}
#pointer_links li.last{
	margin-right:7px;

}
#footer{
	color:#001731;
	font-size:11px;
	background:url(../images/interface/footer_btm.png) bottom center no-repeat;
	margin-top:-35px;
	padding:10px 57px 20px;
	width:881px;/*Required for IE7*/

	
}



/*Pointer Links-------------------------------------------------------------------*/
#pointer_links li.pl_contact{
	/*background:url(../images/interface/pointer_links/contact_icon.png) 32px center no-repeat;	*/
	background-position: 17px -205px;
}
#pointer_links li.pl_supplies{
	/*background:url(../images/interface/pointer_links/supplies_icon.png) 38px center  no-repeat;	*/
	background-position: 18px -106px;
}
#pointer_links li.pl_products{
	/*background:url(../images/interface/pointer_links/products_icon.png) 28px center no-repeat;	*/
	background-position: 19px -4px;
}
#pointer_links li.pl_services{
	/*background:url(../images/interface/pointer_links/services_icon.png) 46px center no-repeat;	*/
	background-position: 26px -305px;
}
#pointer_links li.hover, #pointer_links li:hover{
	cursor:pointer;
}
#pointer_links li.pl_contact.hover, #pointer_links li.pl_contact:hover{
	/*background:url(../images/interface/pointer_links/contact_icon.png) 32px center no-repeat;	*/
	background-position: -383px -205px
}
#pointer_links li.pl_supplies.hover, #pointer_links li.pl_supplies:hover{
	/*background:url(../images/interface/pointer_links/supplies_icon.png) 38px center  no-repeat;	*/
	background-position:-385px -107px;
}
#pointer_links li.pl_products.hover, #pointer_links li.pl_products:hover{
	/*background:url(../images/interface/pointer_links/products_icon.png) 28px center no-repeat;	*/
	background-position: -381px -4px;
}
#pointer_links li.pl_services.hover, #pointer_links li.pl_services:hover{
	/*background:url(../images/interface/pointer_links/services_icon.png) 46px center no-repeat;	*/
	background-position: -374px -305px;
}
/*--------------------------------------------------------------------------------*/





/*Main----------------------------------------------------------------------------*/
#main{
	background:url(../images/interface/content_edge_right_btm.png)  710px bottom no-repeat;
	margin-bottom:-32px;
	padding-bottom:50px;
	padding:none;
	

}

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

/*Content-------------------------------------------------------------------------*/
#content{
	
	/*background-color:#3C9;*/
	width:660px;
	padding-right:50px;
	float:left;
	text-align:justify;
	margin-bottom:-50px;
	position:relative;

}
/*--------------------------------------------------------------------------------*/


/*Partner Logos-------------------------------------------------------------------*/
#sidebar{
	text-align:center;	
	float:right;
	/*background-color:#090;*/
	background:url(../images/interface/content_edge_right_top.png) left top no-repeat;
	/*border-left:1px solid #003D67;*/
	width:171px;
	text-align:right;
	padding-top:50px;
	margin-top:-50px;


}
#sidebar ul{
	/*padding-top:12px;*/
	width:125px;
	display:inline-block;
	margin-top:-1px;
	
}
#sidebar li{
	margin-bottom:10px;
	
	text-align:center;

}
#sidebar li.xerox{
	padding-bottom:4px;
}
#sidebar li.hp{
	padding-bottom:8px;
}
#sidebar li.lenovo{
	padding-bottom:19px;
}
#sidebar li.canon{
	padding-bottom:19px;
}
#sidebar li.lexmark{
	padding-bottom:9px;
}
#sidebar li.microsoft{
	padding-bottom:23px;
}
#sidebar li.oki{
	margin-bottom:0px;
}
/*--------------------------------------------------------------------------------*/

/*ui_list-------------------------------------------------------------------------*/
.ui_list_wrapper{
	padding-top:50px;
	background:url(../images/interface/content_edge_left_top.png) 210px top no-repeat;
	margin-top:25px;
	margin-bottom:25px;
	/*background-color:#39F;*/
}
.ui_list{

	position:relative;

	/*padding-top:40px;
	padding-bottom:50px;*/
	/*overflow:hidden;*/
	padding-top:30px;
	background:url(../images/interface/content_edge_left_btm.png) 210px bottom no-repeat;
		/*background-color:#39F;*/
}
.term{
	
	float:left;
	clear:left;
		/*width:196px;
	padding:7px 12px;
	
	color:#FFF;
	font-size:12px;
	line-height:15px;*/
	
	margin-bottom:5px;
	
	
	
}
.term span{
	display:block;
	width:194px;
	padding:7px 12px;
	color:#FFF;
	font-size:12px;
	line-height:17px;

	background:url(../images/interface/definition_list_bg.png) top right repeat-y;
	border:1px solid #07345c;
	border-color:#0f416b;
	border-right-width:0px;
	border-radius:2px 0px 0px 2px;
	text-align:left;
}
.definition{
	/*background-color:#FC0;
	background-color:#05305b;*/

	position:absolute;
	left:220px;/**/
	/*min-height:475px;*/
	top:-20px;
	padding:5px 20px 5px 70px;
	right:0px;
	text-align:justify;
	/*background:url(../images/interface/content_edge_left.png) top left repeat-y #fc0;*/
}

.definition h3{
	margin-bottom:10px;
}	

dt.hover{
	/*background-color:#66F;	*/
	cursor:pointer;
}
dt.hover span{
	/*border-color:#23719b;*/
	background:url(../images/interface/definition_list_hover_bg.png) top right repeat-y;
}
dt.selected{
	
	padding-right:17px;
	
	position:relative;
	z-index:100;
	background:url(../images/interface/definition_list_pointer.png) center right no-repeat;
	/*background-color:#06F;*/
}
dt.term.selected span{
	border:1px solid #ffb600;
	border-width:1px 0px 1px 1px;
	background:url(../images/interface/definition_list_selected_bg.png) top right repeat-y;
	font-weight:bold;
}

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

/*Columns-------------------------------------------------------------------------*/
.col2{
		
	
	background:url(../images/interface/content_edge_left_btm.png) no-repeat;
	/*background-color:#C90;*/
	margin-top:75px;
	


}
.container{
	
	background:url(../images/interface/content_edge_left_top.png) no-repeat;
/*padding-top:50px;*/
top:-50px;
position:relative;
padding-top:30px;
	
}
.col2.l200{
	background-position:210px bottom;
}
.col2.l200 .container{
	background-position:210px top;
}
.l200 .c1{
	width:200px;	
}
.l200 .c2{
	margin-left:220px;
		
}

.c1{

	float:left;


}
.c2{

padding:0px 0px 0px 50px;
	/*background:url(../images/interface/content_edge_left_top.png) left top no-repeat;*/

	/*float:left;*/


	
}

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


/*Forms---------------------------------------------------------------------------*/
form{
	
}
.fieldcluster{
	display:inline-block;
	margin-bottom:18px;
			  
			  }
.fieldcluster label{
	font-size:12px;
	line-height:18px;
	display:block;
}
.instructions, .alert{
	font-size:11px;
	line-height:17px;
}
.alert{
	color:#ff6642;	
}
.securitycheck{
	background-color:#001731;
	padding:5px 20px 20px;
	border-radius:3px;
	display:block;
	width:auto;
}

.securitycheck legend{
	font-size:12px;
	background-color:#001731;
	display:block;
	border-radius:3px;
	padding:5px 20px 5px;
	margin-left:-20px;
	font-weight:bold;
}
.securitycheck .instructions{
	color:#ECAD00;
	text-align:left;
}
.combination{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}

input, textarea{
	border:1px solid #002249;
	border-color:  #002249 #002249 #0073f5 #0073f5;
	
	border-radius:2px;
	padding:3px;
	
	color:#001731;
	font-family: 'Arimo', sans-serif;
	font-size:14px;
	background:url(../images/interface/input_bg_btm.png) left top repeat-x #e9f3ff;

}
input.invalid{
	background-color:#ff886c;	
}
.pin{
	text-align:center;
	font-weight:bold;
		font-size:16px;
}
.pinset{
	text-align:center;	
	float:left;
	margin-right:1px;

}
.pinset label{
	font-size:16px;
	font-weight:bold;
	padding:4px 0px 3px;
	background-color:#000;
	border-radius:3px 3px 0px 0px;
	margin-bottom:1px;
	border:1px solid #000;
	border-top-color:#232d36;
	background:url(../images/interface/combiniation_bg.png) bottom left repeat-x #000a15;
}

textarea{
	
	
}

#cf_email{
	width:210px;
}
#cf_name{
	width:311px;
}
#cf_message{
	width:372px;	
}
#cf_phone{
	width:83px;	
}


.controls{
	text-align:right;
	
}
.inputset{
	float:left;
	margin-right:10px;
}
.controls .submit{
	/*background:url(../images/interface/nav_btn_bg.gif) 0px -96px repeat-x #05305b;*/
	background:none;
	/*background:url(../images/interface/nav_btn_bg.gif) 0px -96px repeat-x #05305b;
	background-color:#23719b;*/

	background:url(../images/interface/submit_btn_bg.png) top left repeat-x #012954;
	color:#FFF;
	font-family: 'Arimo', sans-serif;
	padding:5px 10px;
	font-size:12px;
	line-height:14px;
	border:1px solid #23719b;
	border-color:#23719b #00244b #00244b #23719b;
	border-radius:3px;
	cursor:pointer;
	
}
.controls .submit.hover {
	background-position:left -60px;
	background-color:#ab7a00;
	border-color:#ffb600 #5c4200 #5c4200 #ffb600;
}
/*--------------------------------------------------------------------------------*/
/*Contact Info---------------------------------------------------------------------*/
.contact{
	margin-top:-14px;
	text-align:left;
	
}
.contact dt{
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	   color:#001731;
	  /*color:#e8e9ea;*/
	  color:#ECAD00;
	margin-top:10px;
	  display:inline-block;
	  float:left;
	   /*
	   border-bottom:2px solid #001731;*/
	   margin-left:-10px;
	   padding:4px 10px 2px;
	   background-color:#001731;
	   border-radius:3px 3px 0px 0px;
	   border-bottom:1px solid #002249;
/*	   margin-bottom:5px;*/
	min-width:45px;
	   

}
.contact dd{
	clear:left;
	/*margin-top:-17px;
	margin-left:50px;*/
	border-top:1px solid #001731;
	border-bottom:1px solid #001731;
	padding:10px 0;
	margin-left:-50px;
	padding-left:50px;
	margin-right:-19px;
	padding-right:19px;
	font-size:15px;
	line-height:20px;
	background:url(../images/interface/dark_blue_shade.png) top left repeat;
	width:100%;
}

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

.copyright {
    float: left;
    width: 50%;
	color:#4c637d;
}
.copyright p {
    line-height: 1.333em;
    margin-bottom: 0;
	
}
.company_badge {
    float: right;
    font-size: 0.825em;
    line-height: 2em;
    padding-right: 71px;
    position: relative;
    text-align: right;
    width: 33%;
	color:#4c637d;
}
.company_badge img {
    margin-top: -8px;
    position: absolute;
    right: 0;
}



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