﻿
* {
  margin: 0;
  padding: 0;
}
html, body {
	height: 100%;
}

body {
  	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #000 !important;
}

p, ul {
	margin: 1em 0;
	line-height: 1.4em;
}

ul {
	list-style-position: outside;
	padding: auto;
	margin: 16px 25px;
}

h2 {
	font-size: 1.5em;
}

a img { 
	border: 0 
}
	
a:link  { 
	color: #2F6EBC; 
	text-decoration: underline; 
}
	
a:visited { 
	color: #2F6EBC; 
	text-decoration: underline;
}
	
a:hover  { 
	color: #d27b00; 
	text-decoration: underline;
}
		
input { 
	font-size: 11px; 
	font-family: Arial; 
	color: #000000; 
	padding-left: 2px; 
}
	
.spacer { 
	padding: 0; 
	margin: 0; 
	visibility: hidden; 
	clear: both;
}
	
.nobr {
	white-space: nowrap
}

#wrapper {
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -30px; 
}

/*--  header style --*/
#headerwrapper {
	width: 100%;
	background: #fff;
}
#headerlogin { 
	width: 773px; 
	height: 90px; 
	position: relative; 
	font-size: 10px; 
	margin: 0; 
	padding: 0;
	}
	
#headerlogin a:link { 
	color: #484848; 
	}
	
#headerlogin a:visited { 
	color: #484848; 
	}
	
#headerlogin a:hover { 
	color: #d27b00; 
	}
	
#headerlogin #nav { 
	position: absolute; 
	top: 5px; 
	right: 0;
	z-index: 200;
}

#headerlogin #nav a {
	font-family: Arial;
}

/*--  top nav style --*/
.tbltopnav { 
	position: relative; 
	padding: 0; 
	background: url("/themes/pic_default/images/bk_topnav.gif"); 
	border-bottom: 2px solid #fff;  
	z-index: 1;	
	}
	
.topnav { 
	width: 740px;
	padding-left: 36px; 
	background: url("/themes/pic_default/images/g_left_corner.gif") 0 0 no-repeat; 
	}
	
.topnav table { 
	border: 0;
	}
	
.topnav ul { 
	list-style: none; 
	margin: 0; 
	padding-left: 2px; 
	height: 26px;
	}
	
.topnav li { 
	display:block;
	float: left; 
	border-right: 1px solid #fff;
	}
	
.topnav li a .alt {
	display:none;
	}

.topnav li#mainnav a { 
	display: block; 
	margin-top: 1px; 
	padding: 5px 8px 5px; 
	border-left: #fff 1px solid; 
	color: #000; 
	text-decoration: none;
	}
	
.topnav li#mainnav a:hover {
	background: url("/themes/pic_default/images/bk_topnav_hover.gif") 50% 100% no-repeat;
	}
	
.topnav li#mainnav .mainnavitem {
	border:1px solid #fff;
	background: #eeeeee;
	border-top: 0;
}

.topnav li#mainnav .mainnavitemhover {
	background: #C5C5C5;
	color: #fff;
}

.topnav li#mainnav .mainnavitem a:hover {
	background: none;
	}
		
.mainnavitemwrapper {

}

	
#siteactions {
	position: absolute;
	top: 0;
	right: 10px;
}

/*--  banner style --*/
#bannertitle  { 
	width: 100%; 
	height: 63px;
	background: #3775c2 url("/themes/pic_default/images/h_bk_banner.jpg") no-repeat; 
	border-bottom: #EAEAEA solid 4px; 
	}
	
#bannertitle h1  { 
	width: 300px;
	padding-top: 35px; 
	padding-left: 190px;
	color: #fff; 
	font-size: 20px; 
	font-family: Trebuchet MS, Helvetica, Verdana; 
	font-weight: normal;
	}

#bannerwrapper { 
	width: 100%; 
	border-bottom: 2px #fff solid; 
	background: #427bc2;
	position: relative;
}

#banner {
	width: 552px;
	border-right: 2px #fff solid;
}

.help {
	background: url("/themes/pic_default/images/g_spacer.gif");
	display:block;
	left:215px;
	position:absolute;
	top:140px;
	width:50px;
}
	
/*----- heading -----*/
#pageheading {
	padding: 20px 25px;
}

#loginheader {
	margin: 0;
	list-style: none;
}

#loginheader strong {
	font-size: 11px;
}

#loginheader a:link {
	color: #2F6EBC;
}

#loginheader a:hover {
	color: #D27B00;
}
	
/*----- main content -----*/
#maincontentwrapper {
	width: 775px;
	margin-bottom: 25px;
	background: #fff;
	position: relative;
}

#maincontent { 
	margin: 0; 
	padding: 0 25px;
	width: 540px;
	float: left;
}
	
#maincontent .header {
	border: 0;
}

#maincontent .pagecontent {
	font-size: 11px;
	font-family: Arial;
}

#maincontent .floatingRelatedLinks {
	border: 0;
	width: auto;
}

#maincontent h3 { 
	font-size: 14px; 
	color: #3270BD; 
	font-weight: bold; 
	margin: 0;
	}
#maincontent h4 { 
	font-size: 13px; 
	color: #121212; 
	font-weight: bold; 
	line-height: 20px; 
	margin: 0;
	}
#maincontent h5 { 
	font-size: 12px; 
	color: #000; 
	font-weight: bold;
	margin: 1em 0;
	}
	
#maincontent .pagecontent ul {
	clear: inherit;
}
	
/*----- side bar -----*/
#sidebar {
	float: left;
	width: 150px;
	padding-left: 15px;

}

#sidebar ul {
	list-style: none;
	margin: 0;
	width: 150px;
	overflow: hidden;
}

#sidebar ul li {
	padding: 15px 0;
	background: url("/images/g_hrule.gif") 0 100% no-repeat;
}

#sidebar p {
	margin: 0;
	text-align:center;
}

#sidebar ul li.first {
	padding-top: 0px;
}

#sidebar ul li.last {
	background: none;
}

/*----- author control -----*/

#authorcontrols {
	margin: 0px;
}


/* breadcrumbs */
.ms-pagebreadcrumb, 
.ms-pagebreadcrumb a {
	background: transparent;
}

/*------- footer ------*/
.push {
	height: 30px;
}

#mainfooter { 
	width: 100%;
	padding: 7px 0; 
	background: #739DD2; 
	color: #ffffff; 
	font-size: 10px;
	clear: both;
	}
	
#mainfooter p {
	margin: 0;
	padding-left: 100px;
}

#mainfooter a:link { 
	color: #ffffff; 
	}
	
#mainfooter a:visited { 
	color: #ffffff; 
	}
	
#mainfooter a:hover { 
	color: #d27b00; 
	}

/*------ Homepage ------*/
#homewrapper #banner-title  { 
	position: relative;
	width: 100%; 
	border-bottom: 2px #fff solid; 
	background: #427bc2
	}
	
#homewrapper h1  { 
	display: none;
	}

#homecontentwrapper {
	width: 100%;
	padding-bottom: 50px;
	background: url("/themes/pic_default/images/bk_mainHome.gif") repeat-y;
}

#homecontent {
	width: 770px;
	background: url("/themes/pic_default/images/bk_mainHome.gif") repeat-y;
}


#section1 {
	float: left;
	width: 225px;
}
#section1 ul {
	list-style: none;
	margin: 0;
}
#section1 ul li {
	padding: 0 10px 0 0 ;
}
#section1 ul li.first {
	padding: 30px 10px 0 0 ;
}
#section1 ul li.last {
	padding: 0 10px 0 0 ;
}

#section1 .ads {
	padding: 30px 10px 0 0; 
}


#section2 {
	float: left;
	width: 330px;
}

#section2 .welcome { 	
	color: #696969; 
	padding: 30px 10px 0 0; 
}

#section2 .welcome h2 { 
	color: #00326a; 
	font-weight: normal; 
	font-size: 15px; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
}

#section2 .welcome p { 
	margin: 7px 0 10px; 
}

#section2 .welcome .propertyinfo { 
	color: #696969; 
}

#section3 {
	float:left;
	width: 170px;
	background:transparent url("/themes/pic_default/images/bk_events.jpg") no-repeat scroll left top;
}

#section3 .events { 
	padding: 30px 0 0 10px; 
	color: #808080; 
	line-height: 15px; 
}
#section3 .events h3 { 
	color: #535353; 
	font-size: 12px; 
	text-transform: uppercase;
	}
	
#section3 .events em { 
	color: #4a4a4a; 
	font-variant:small-caps; 
	font-style:normal; 
}
#section3 .events span { 
	color: #000; 
	display: block; 
}

dl.interestMenu { 
	text-align: left; 
}
dl.interestMenu dt a:link,
dl.interestMenu dt a:visited { 
	width: 245px; 	
	display: block; 
	padding: 5px 10px 5px 25px; 
	text-decoration: none; 
	border-bottom: 1px #b2b2b2 dotted; 
	background: url("/themes/pic_default/images/crossBullet.gif") 10px center no-repeat; 
	color: #2F6EBC; 
	cursor: pointer; 
}
dl.interestMenu dt a:hover { 
	color: #d6692f; 
	background: url("/themes/pic_default/images/crossBullet_on.gif") 10px center no-repeat;  
}
dl.interestMenu dt a:active { 
	color: #2F6EBC; 
}
dl.interestMenu dd { 
	width: 280px; 
	color: #fff; 
	background: #7aa2d4; 
} 
dl.interestMenu dd ul { 
	margin: 10px; 
	list-style: none; 
}
dl.interestMenu dd ul h3 { 
	font-size: 11px; 
	text-transform:uppercase;
}
dl.interestMenu dd ul a:link,
dl.interestMenu dd ul a:visited { 
text-indent: 5px; 
color: #fff; 
text-decoration: none; 
}
dl.interestMenu dd ul a:hover { 
	color: #d6692f;
}
dl.interestMenu dd ul a:active { 
	color: #fff;
}
dl.interestMenu dd ul li ul { 
	margin: 0 0 15px 15px; 
}
.interestArea { 
	list-style-type: none; 
	list-style-position: outside;
}
.interestArea li { 
	border-bottom: 1px #b2b2b2 dotted; 
	width: 245px; 
}

/*------ Pages ------*/
.pageContent .columns {
	padding-bottom: 20px;
}
.pageContent .columns ul.col1, 
.pageContent .columns ul.col2, 
.pageContent .columns ul.col3, 
.pageContent .columns ul.col4 { 
	float: left; 
	padding: 10px 10px 0 0; 
	margin: 0 0 0 10px; 
}
.pageContent .columns ul.col4 { 
	padding-right: 0;
}
.pageContent .columns ul li {
	background: url("/themes/pic_default/images/g_arrow.gif") no-repeat 0 50%;
}

#benefits ul { 
	list-style: none; 
	list-style-position: outside; 
	line-height: 20px; 
}
#benefits ul li {
	display: block; 
	padding-left: 15px; 
	list-style: none; 
	background: url("/themes/pic_default/images/g_arrow.gif") no-repeat 0 50%; 
}

/*-- areas of interest ---*/
#sample-holder {
	float: right;  
	text-align: right; 
	width: 250px; 
	margin-right: 15px;
}
#sample a img { 
	margin: 4px; 
	vertical-align: bottom; 
	border: solid 4px #2f6ebc; 
}
#sample a:hover img { 
	border-color: #d27b00; 
}
#sample a:hover { 
	border-width: 0; 
}
.moreInfo { 
	clear: both; 
	border-top: 1px #bfccdc solid; 
	padding: 10px 0; 
	margin-top: 20px; 
}

/*--- Order Supplies prices ---*/
div.checksprice table, div.tonerprice table 
{
	margin-bottom: 10px;
}
div.checksprice caption, div.tonerprice caption 
{
	text-align: left;
	padding-bottom: 5px;	
}
div.checksprice th, div.tonerprice th 
{
	background: #3270BD;
	color: #fff;
	padding: 5px;
}
div.checksprice td, div.tonerprice td 
{
	padding: 0;
	border-collapse: collapse;
	border-bottom: #dfdfdf 1px solid;
	padding: 5px;
}
div.checksprice tr.odd, div.tonerprice tr.odd 
{
	background: #f8f8f8;
}
.checkstock ul {
    list-style-position: outside;
}

/*-- support services ---*/
#support-container { float: left; clear: right }
#support, #live { line-height: 14px; background-color: #d6e2f2; margin: 5px 0; padding: 5px; width: 520px; border: solid 1px #cfcfcf }
#live { text-align: center; }
#support .col1 { width: 50%; float: left }
#support .col1 ul { list-style: none; margin: 0; padding: 0 }
#support .col1 ul li { list-style-position: outside; padding: 5px 30px 10px;  }
#support .col2 { color: #000;  float: left }
#support .col2 ul { list-style: none; margin: 0; padding: 0 }
#support .col2 ul li { list-style: none ! important; padding: 5px 15px 10px;  }
#support .service { background: url("/themes/pic_default/images/g_support_icon.gif") 3px 0  no-repeat;} 
#support .email { background: url("/themes/pic_default/images/g_email_icon.gif") 3px 0 no-repeat;}
#trainingcenter { float: left; margin-bottom: 10px; width: 320px }
#trainingcenter ul { list-style: none; margin-left: 0;}
#customer-service { float: left; margin-top: 15px; background-color:#F9F9F9; color:#3B5375; font-size:11px; padding:10px; width:200px;}
#customer-service h4 {
color:#3B5375;
margin:0pt 0pt 5px;
}
.training h5 { background-color:#528BCD; clear:both; color:#FFFFFF !important; margin:5px 0px !important; padding:5px; width:100%; }
.training ul { margin-top: 0; margin-bottom: 0; line-height: 20px; }

/*-- contact us ---*/
#contactMain { width: 330px; float: left }
#contactSide { padding: 0 0 0 20px; margin: 5px 0 0 0 }
#contactMain h3, #contactSide h3 { border-bottom: 1px solid #bfccdc; padding: 10px 0 }
#contactMain h4, #contactSide h4 { color: #3270BD; border-bottom: 1px solid #bfccdc; padding: 5px 0 }
#contactMain ul, #contactSide ul { padding: 10px 0; margin: 0; list-style: none }
#contactMain .form-container, #formMain .form-container { padding: 0 0 20px 0 }
#contactMain .form-container p { margin: 5px 0 }
#contactMain fieldset { border: 1px #dfdfdf solid; background: #f8f8f8; padding: 20px }
#contactMain label { display: block; width: 100px; padding: 0; margin: 0; float: left }
#contactSide, #WebPartWPQ4 { width: 180px; float: left; color: #707377}
#contactSide ul { list-style-position: outside; }
.thankyou { color: #3270BD }
#training-container { float: left; clear: right }
#training { height: 50px; line-height: 14px; background-color: #d6e2f2; margin: 5px 0; padding: 5px; width: 550px; border: solid 1px #cfcfcf }
#training .col1 { width: 25%; float: left }
#training .col1 ul { list-style: none; margin: 0; padding: 0 }
#training .col1 ul li { list-style: none ! important }
#training .col2 { color: #000000; width: 50%; float: left }
#training .col2 ul { list-style: none; margin: 0; padding: 0 }
#training .col2 ul li { list-style: none ! important}
#numbers-container { float: left }
#numbers ul { list-style: none; margin: 0; padding: 5px 20px 5px 0; float: left }
#numbers ul li { list-style: none }
#numbers h5 { color: #2F6EBC; font-size: 11px}

/*-- forms layout ---*/
#formMain { width: 500px; }
.orderform {
 	margin-top: 15px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #DFDFDF;
	line-height: 25px;
}
.orderform h4 {
	padding-bottom: 5px;
}
.orderform table {
	margin: 0 0 10px;
}
.orderform td {
	font-family: Arial, Helvetica, sans-serif !important;
}
.orderform hr, .orderform br {
	display: none;
}
.orderform span {
	display: block;
	width: 125px;
}
.orderform label {
	padding-left: 5px;
}

/*-- locations ---*/
#locationMain { padding: 20px 0 }
#locationMain h4 { display: block; color: #000; border-bottom: 1px solid #bfccdc; padding: 5px 0 }
#locationMain ul { padding: 10px 0 20px; margin: 0; list-style: none }

/*-- leadership team ---*/
#leadership h5 { clear: both; width: 100%; background-color: #528BCD; margin: 5px 0; padding: 5px; color: #fff }
#leadership .job-title { font-weight: normal; padding-left: 10px }
.bio-col1 { float:left; margin:5px auto 20px; width:130px;}
.bio-col2 { clear:right; float:left; margin:5px 0pt 20px 10px; width:400px;}

/*-- Upcoming Events ---*/
#eventMain { padding: 20px 0 0 0; color: #5c5c5c }
#eventMain strong { color: #515151 }
#eventMain h4 { display: block; color: #000; border-bottom: 1px solid #bfccdc; padding: 5px 0; font-size: 12px }
#eventMain ul { padding: 10px 0 20px; margin: 0; list-style: none }

/*-- registration ---*/
#register-container { background-color: #F8F8F8; border: 1px solid #d4d4d4; height: 240px; width: 192px; margin: 10px; float: left; font-family: Arial, Verdana }
#register { padding: 10px }
#register p {margin: 10px 0px; padding: 0}
#register h2 {font-size: 11px; font-weight: bold; color: #3775C2; margin: 0px}
#register ul {padding: 0px; margin: 0px; list-style-position: inside; list-style: none; line-height: 15px}
#register hr {margin: 5px auto 5px auto}
#register .required { color: #ff0000 }
#register .bullet {color: #D8922E; font-size: 12px}
#form-register { background-color: #ededed; padding-top: 5px; padding-bottom: 5px; }
#form-register h4 { margin-left: 5px }
.form-box { background-color: #ffffff; margin: 5px 1px; padding: 10px; }
.form-box table tr td { padding-top: 2px; padding-bottom: 2px }

/*-- products ---*/
#sample-holder { padding: 10px 0 10px 10px; text-align : right; width: 250px; float: right }
#sample a img { margin: 4px; vertical-align: bottom; border: solid 4px #2f6ebc }
#sample a:hover img { border-color: #d27b00 }
#sample a:hover { border-width: 0 }

/*-- careers --*/
#openings { background-color:#D6E2F2; border:1px solid #CFCFCF; margin-top:5px; padding:5px; }

/*-- press release --*/
#press {color: #515151; margin-top: 5px; padding-top: 5px; border-top: 1px dashed #C69445; line-height: 15px }
#press a:link { text-decoration: none}
#press a:visited { text-decoration: none}
#press a:hover {color: #d27b00; text-decoration: underline}
#press table tr td {padding-top: 5px}
#maincontent h4.pressrelease { margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #aaa; }

/*-- Meet the team --*/
div.ourTeam, div.ourTeam p {
	line-height: 1.8em;
}

div.ourTeam ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding-top: 15px;
}

div.ourTeam ul li {
	padding-bottom: 15px;
}

div.ourTeam div.photo {
	float:left;

	padding:20px 20px 0pt 0pt;
}

div.ourTeam h2 {
	margin: 1em;
	color: #000;
	font-size: 1.1em;
}



/*----- Misc -------*/
div[style*="clear"] {
	height: 0px; 
	overflow: hidden;
	visibility:hidden;
}

.ms-WPBody, .pageContent {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
} 

.pageContent ul, 
.pageContent ol {
	clear:none;
	margin-left: 25px;
}

.pageContent .promo {
	padding: 10px;
	background: url("/themes/pic_default/images/bk_promo.gif") 0 -20px repeat-x;
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
	text-align: center;
}
.ms-siteactionsmenu div div div {
	padding-top: 4px;
	height: 18px;
}

.ms-pagebreadcrumb {

}


/*------ Link Web Part -----*/
.pageLinkZone .columns {
	padding-top: 0px;
	padding-bottom: 20px;
}
.pageLinkZone .columns ul.colFirst, ul.colLast {
	float: left;
	padding: 10px 10px 0 0;
	margin: 0 0 0 10px;
}
.pageLinkZone .columns ul.colLast { 
	padding-right: 0;
}
.pageLinkZone .columns ul li {
	padding: 0 0 5px 15px;
	background: url("/themes/pic_default/images/g_arrow.gif") no-repeat 0 50%;
}
.pageLinkZone a img { 
	border: 0 
}
	
.pageLinkZone a:link  { 
	color: #2F6EBC; 
	text-decoration: underline; 
}
	
.pageLinkZone a:visited { 
	color: #2F6EBC; 
	text-decoration: underline;
}
	
.pageLinkZone a:hover  { 
	color: #d27b00; 
	text-decoration: underline;
}

/*-------- Sitemap Web Part -----*/
ul.sitemap, ul.sitemap ul {
	list-style: none;
	line-height: 1.5em;
	margin: 0 auto 0 24px;
}
ul.sitemap {
	margin-top: 30px;
}

ul.sitemap a:link  { 
	color: #2F6EBC; 
	text-decoration: underline; 
}
	
ul.sitemap a:visited { 
	color: #2F6EBC; 
	text-decoration: underline;
}
	
ul.sitemap a:hover  { 
	color: #d27b00; 
	text-decoration: underline;
}
a.sitemaplink {
	font-weight: bold;
}




.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
	background-color:#FFFFFF;
}

.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
	background-color:#F2F3F4;
}

.ms-rteTable-2 tr.ms-rteTableHeaderRow-2,
.ms-rteTable-2 td.ms-rteTableEvenCol-2,
.ms-rteTable-2 tr.ms-rteTableOddRow-2,
.ms-rteTable-1 tr.ms-rteTableOddRow-1,
.ms-rteTable-1 td.ms-rteTableEvenCol-1,
.ms-rteTable-1 td.ms-rteTableOddCol-1 {
	font-size: 11px;
}


