﻿
* {
  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;
}
	
	
/*----- 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: 175px;
}

#mainfooter a:link { 
	color: #ffffff; 
	}
	
#mainfooter a:visited { 
	color: #ffffff; 
	}
	
#mainfooter a:hover { 
	color: #d27b00; 
	}


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; 
}


#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;
}

/*----- Misc -------*/
div[style*="clear"] {
	height: 0px; 
	overflow: hidden;
	visibility:hidden;
}


.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 {

}

/*-------- 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;
}


/*------ 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;
	
}

#homecontent {
	width: 970px;
	margin-top:15px;
	
}


#disclosurecontent {
	width: 770px;	
	padding-left: 30px;
}



#section1 {
	float: left;
	width: 155px;
	
}
#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;
	
}

#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; 
}


/*----- 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;
}

/*------ 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%;
}


.ms-WPBody, .pageContent {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
} 

.pageContent ul, 
.pageContent ol {
	clear:none;
	margin-left: 25px;
}


#homecontent .standardContent {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	
}

#homecontent .header {
	border: 0;
}

#homecontent .pagecontent {
	font-size: 11px;
	font-family: Arial;
}

#homecontent .floatingRelatedLinks {
	border: 0;
	width: auto;
}

#homecontent h3 { 
	font-size: 14px; 
	color: #3270BD; 
	font-weight: bold; 
	margin: 0;
	}
#homecontent h4 { 
	font-size: 13px; 
	color: #121212; 
	font-weight: bold; 
	line-height: 20px; 
	margin: 0;
	}
#homecontent h5 { 
	font-size: 12px; 
	color: #000; 
	font-weight: bold;
	margin: 1em 0;
	}

#leftnav {
margin-left:20px;

}



}


