@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {	
	background: #F7F7F7 url(../intro_images/bkg/wrapper.png) no-repeat top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.clear {
	clear: both;
}
img {
	border: none;
}
.wrapper {
	width: 954px;
	margin: 0 auto;
}
h1 {
	text-indent: -9999px;
}
.logo_home {
	margin: 35px 0 0 356px;
	float: left;
	display: inline;
}
.logo {
	margin: 10px 60px 0 25px;
	float: left;
	display: inline;
}
#header {
	float: left;
	width: 954px;
	height: 150px;
}
#content {
	float:left;
	width: 954px;
	text-align: center;
	min-height:380px;
  height:auto !important;
  height:380px;
}
#content p {
	margin-bottom: 25px;
}
#content p.mb_10 {
	margin-bottom: 10px;
}
#content ul {
	margin-bottom: 25px;
}
.login {
	float: right;
	margin-right: 6px;
}
.get_started {
	float: right;
	margin-right: 4px;
}
.questions {
	background:url(../intro_images/bkg/questions.png) no-repeat;
	background-position: 755px 0px;
	padding-bottom: 70px;
	width: 844px;
	float: left;
	padding-top:8px;
}
.description {
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
	float: left;
	margin: 20px 0 0 24px !important;
	width: 550px;
}
.progress {
	float: right;
	margin: 24px 10px 0 0;
}
.progress_home {
	margin-bottom: 10px !important;
}
.error {
	margin-bottom: 5px !important;
	color: #FF0000;
	height: 30px;
	width: 500px;
}
.txt_input,
#contact_bottom textarea {
	background: #DCDCDC;
	border: #DCDCDC;
}
.contact_info {
	float:right;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
}
.contact_info a {
	color: #333333;
}
.contact_info p {
	margin-bottom: 5px !important;
}
#login {
	background: url(../intro_images/bkg/login.png) no-repeat;
	float: left;
	width: 306px;
	height: 150px;
	margin: 0 0 0 324px;
	padding: 27px 0 0 0;
	display: inline;
}
#login p {
	margin-bottom: 25px;
}
#login .txt_input {
	width: 176px;
	height: 16px;
	margin-bottom: 25px;
	padding: 3px 5px 3px 5px;
}
#contact_bottom .txt_input {
	width: 176px;
	height: 16px;
	margin-bottom: 5px;
	padding: 3px 5px 3px 5px;
}
#contact_bottom textarea {
	width: 338px;
	height: 145px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.content_top {
	background: url(../intro_images/bkg/content_top.png) no-repeat top left;
	width: 743px;
	float: left;
	margin-left: 103px;
	padding-top: 9px;
	display: inline;
}
.benefits_top {
	background: url(../intro_images/bkg/benefits_top.png) no-repeat top left;
	width: 743px;
	float: left;
	margin-left: 103px;
	padding-top: 24px;
	display: inline;
}
.questions_top {
	background: url(../intro_images/bkg/questions_top.png) no-repeat top left;
	width: 743px;
	float: left;
	margin-left: 103px;
	padding-top: 9px;
	display: inline;
}
#compare_top {
	background: url(../intro_images/bkg/compare2_top.png) no-repeat top left;
	width: 905px;
	float: left;
	margin-left: 23px;
	padding-top: 9px;
	display: inline;
}
#contact_top {
	background: url(../intro_images/bkg/contact_top.png) no-repeat top left;
	width: 500px;
	float: left;
	margin-left: 226px;
	padding-top: 16px;
	display: inline;
	margin-bottom: 15px;
}
.landing_top {
	background: url(../intro_images/bkg/landing_top.png) no-repeat top left;
	width: 812px;
	float: left;
	padding-top: 7px;
	display: inline;
	margin-left: 71px;
	margin-bottom: 20px;
}
.content_sides {
	background: url(../intro_images/bkg/content_sides.png) repeat-y top left;
	width: 743px;
	float: left;
	display: inline;
}
.landing_sides {
	background: url(../intro_images/bkg/landing_sides.png) repeat-y top left;
	width: 812px;
	float: left;
	display: inline;
}
.questions_sides {
	background: url(../intro_images/bkg/questions_sides.png) no-repeat top left;
	width: 743px;
	float: left;
	display: inline;
}
#compare_sides {
	background: url(../intro_images/bkg/compare2_sides.png) repeat-y top left;
	width: 905px;
	float: left;
	display: inline;
}
#contact_sides {
	background: url(../intro_images/bkg/contact_sides.png) repeat-y top left;
	width: 500px;
	float: left;
	display: inline;
}
.content_bottom {
	background: url(../intro_images/bkg/content_bottom.png) no-repeat bottom left;
	width: 678px;
	float: left;
	padding: 23px 30px 9px 35px;
	text-align: left;
}
.landing_bottom {
	background: url(../intro_images/bkg/landing_bottom.png) no-repeat bottom left;
	width: 812px;
	float: left;
	text-align: center;
	position: relative;
}
.learn_more {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin: 0 0 0 -68px;
}
.terms_bottom {
	background: url(../intro_images/bkg/landing_bottom.png) no-repeat bottom left;
	width: 772px;
	float: left;
	text-align: center;
	padding: 15px 20px 15px 20px;
	text-align: left;
}
.terms_bottom h2,
.terms_bottom h3 {
	margin-bottom: 10px;
}
.terms_bottom ul {
	margin: 0 0 0 15px;
}
.terms_bottom ul li {
	margin: 0 0 3px 0;
}
.landing_bottom #magnifying {
	background: url(../intro_images/btn/magnifying_glass.png) no-repeat 0 0;
	margin: 0 0 15px 21px;
	float: left;
	width: 96px;
	height: 101px;
}
.landing_bottom #magnifying:hover {
	background: url(../intro_images/btn/magnifying_glass.png) no-repeat 0 -101px;
}
.landing_bottom #money {
	background: url(../intro_images/btn/money.png) no-repeat 0 0;
	height: 101px;
	width: 96px;
	margin: 0 0 15px 65px;
	float: left;
}
.landing_bottom #money:hover {
	background: url(../intro_images/btn/money.png) no-repeat 0 -101px;
}
.landing_bottom #bell {
	background: url(../intro_images/btn/bell.png) no-repeat 0 0;
	height: 101px;
	width: 96px;
	margin: 0 0 15px 21px;
	float: left;
}
.landing_bottom #bell:hover {
	background: url(../intro_images/btn/bell.png) no-repeat 0 -101px;
	height: 101px;
	width: 96px;
	float: left;
}
.landing_bottom #wrench {
	background: url(../intro_images/btn/wrench.png) no-repeat 0 0;
	height: 101px;
	width: 96px;
	margin: 0 0 15px 21px;
	float: left;
}
.landing_bottom #wrench:hover {
	background: url(../intro_images/btn/wrench.png) no-repeat 0 -101px;
}
.landing_bottom #basket {
	background:url(../intro_images/btn/basket.png) no-repeat 0 0;
	height: 101px;
	width: 96px;
	margin: 0 0 15px 21px;
	float: left;
}
.landing_bottom #basket:hover {
	background:url(../intro_images/btn/basket.png) no-repeat 0 -101px;
}
.landing_bottom #contracts {
	background: url(../intro_images/btn/no_contracts.png) no-repeat 0 0;
	height: 101px;
	width: 96px;
	margin: 0 0 15px 21px;
	float: left;
}
.landing_bottom #contracts:hover {
	background: url(../intro_images/btn/no_contracts.png) no-repeat 0 -101px;
}
.landing_bottom p {
	clear: left;
	font-weight: bold;
	font-size: 13px;
}
#compare_bottom {
	background: url(../intro_images/bkg/compare2_bottom.png) no-repeat bottom left;
	width: 835px;
	float: left;
	padding: 23px 35px 9px 35px;
	text-align: left;
}
#contact_bottom {
	background: url(../intro_images/bkg/contact_bottom.png) no-repeat bottom left;
	width: 418px;
	float: left;
	padding: 23px 41px 30px 41px;
	text-align: left;
}
.questions_bottom {
	background: url(../intro_images/bkg/questions_bottom.png) no-repeat bottom left;
	width: 673px;
	float: left;
	padding: 23px 35px 9px 35px;
	text-align: left;
  height: 227px;
}
.questions_bottom label {
	margin: 0 3px 10px 0;
}
.content_bottom h3,
.questions_bottom h3,
#compare_bottom h3,
#contact_bottom h3,
#free_service h3 {
	color: #266F3B;
	font-size: 17px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#contact_bottom label {
	text-transform: uppercase;
}
.content_bottom ul {
	list-style-type: none;
}
.content_bottom ul li {
	list-style-image: none;
  background-image: url(../intro_images/bkg/bullet.png);
  background-repeat: no-repeat;
  background-position: left top;
	padding-left: 15px;
	margin-bottom: 15px;
}
.compare {
	background:url(../intro_images/bkg/compare_sides.png) repeat-y;
	width: 905px;
	float: left;
	margin: 0 0 10px 23px;
	display: inline;
}
.compare_header {
	height: 24px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.comp_header1 {
	background: url(../intro_images/bkg/compare_top.png) no-repeat 0 0;
	width: 222px;
}
.comp_header2 {
	background: url(../intro_images/bkg/compare_top.png) no-repeat -225px 0;
	width: 225px;
}
.comp_header3 {
	background: url(../intro_images/bkg/compare_top.png) no-repeat -322px 0;
	width: 97px;
	text-align: left;
}
.comp_header4 {
	background: url(../intro_images/bkg/compare_top.png) no-repeat top right;
}
.comp_col1 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat 0 bottom;
	width: 200px;
	text-transform: uppercase;
	text-align: left;
	padding-left: 22px;
}
.comp_col2 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat -225px bottom;
	width: 225px;
}
.comp_col3 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat -322px bottom;
	width: 97px;
	text-align: left;
}
.comp_col3-1 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat -322px bottom;
	width: 40px;
	text-align: left;
}
.comp_col3-2 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat -362px bottom;
	width: 57px;
	text-align: left;
}
.comp_col4 {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat right bottom;
	text-align: left;
	padding: 0 30px 0 0;
}
.compare_details {
	background: url(../intro_images/bkg/compare_divider.png) no-repeat bottom left;
	height: 37px;
}
.compare_footer {
	background: url(../intro_images/bkg/compare_bottom.png) no-repeat bottom left;
	height: 15px;
}
.more_info {
	float: left;
	clear: left;
	background: url(../intro_images/btn/more_info.png) no-repeat;
	height: 26px;
	width: 26px;
}
.pricing_header {
	height: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
}
.pricing_col1 {
		background: url(../intro_images/bkg/pricing_table.png) no-repeat 0 0;
		padding-left: 20px;
		width: 125px;
		height: 24px;
}
.pricing_col2 {
		background: url(../intro_images/bkg/pricing_table.png) no-repeat -171px 0;
		width: 400px;
}
.pricing_col3 {
		background: url(../intro_images/bkg/pricing_table.png) no-repeat top right;
		width: 124px;
		text-align: center;
}
.pricing_lc {
	padding-left: 20px;
	width: 125px;
	height: 24px;
	padding-top: 6px;
}
.pricing_cc {
	width: 400px;
	padding-top: 6px;
}
.pricing_rc {
	width: 124px;
	text-align: center;
	padding-top: 6px;
}
#nav_bar {
	float: left;
	width: 743px;
	margin: 7px 0 24px 103px;
	display: inline;
}
.step5 {
	margin-left: 26px !important;
	width: 903px !important;
}
#nav_bar .nb_left {
	float: left;
	width: 33%;
	text-align: left;
}
#nav_bar .nb_center {
	float: left;
	width: 33%;
}
#nav_bar .nb_right {
	float: right;
	width: 33%;
	text-align: right;
}
#signup_form {
	float: left;
	width: 380px;
}
#signup_form label {
	text-transform: uppercase;
}
#signup_form .txt_input {
	width: 176px;
	height: 16px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 3px;
	padding: 3px 5px 3px 5px;
}
#signup_instructions_top {
	background: url(../intro_images/bkg/signup_instructions_top.png) no-repeat;
	width: 285px;
	float: right;
	margin-right: -10px;
}
#signup_instructions_bottom {
	background: url(../intro_images/bkg/signup_instructions_bottom.png) no-repeat bottom left;
	width: 237px;
	color: #FFFFFF;
	padding: 34px 24px 24px 24px;
}
#signup_instructions_bottom ol {
	margin-left: 15px;
}
#signup_instructions_bottom ol li {
	margin-bottom: 15px;
}
#controlPop,
#controlPop2,
#controlPop3,
#controlPop4,
#FreeService {
	color: #333333;
}
#free_service {
	background: url(../intro_images/bkg/free_service_pop.png) no-repeat 40px 22px;
	padding: 52px 30px 0 138px;
	width:472px;
	height:248px;
	overflow:auto;
	line-height: 191%;
}
#free_service p {
	margin-bottom: 20px;
	font-weight: bold;
}
#footer {
	border-top: 1px solid #999999;
	float: left;
	width: 906px;
	margin: 15px 0 30px 24px;
	padding: 5px 0 20px 0;
	font-size: 12px;
	color: #666666;
	display: inline;
}
#footer a {
	font-weight: bold;
	color: #666666;
}
.foot_left {
	float: left;
}
.foot_right{
	float: right;
}
#control { width: 954px; background-image: url(../images/bkg/control_center_thead.gif); background-repeat: no-repeat; background-position: left top; }
#control th { height:47px; color: #FFF; padding-bottom: 5px; padding-top: 10px; background-image: url(../images/bkg/control_center_thead_base.gif); background-repeat: no-repeat; text-transform: uppercase; font-weight: normal; font-size: 11px; }
#control td { padding: 5px 2px 15px 2px; vertical-align: middle; background-repeat: no-repeat; background-image: url(../images/bkg/control_center_table_row.gif); background-color: #F7F7F7; background-position: bottom; }
#control .top td { background-image: url(../images/bkg/control_center_tbody.gif); background-repeat: no-repeat; padding: 0px; font-size: 1px; }
#control .make { width:88px; background-position: left bottom; }
#control .model { width:73px; background-position: -92px bottom; }
#control .serial { width:77px; background-position: -169px bottom; }
#control .loc1 { width:60px; background-position: -250px bottom; }
#control .loc2 { width:65px; background-position: -314px bottom; }
#control .pages { width:65px; background-position: -383px bottom; }
#control .pages_combined { width:144px; background-position: -452px bottom; }
#control .printed { width:45px; background-position: -452px bottom; }
#control .black { width:46px; background-position: -501px bottom; }
#control .color { width:45px; background-position: -551px bottom; }
#control .cmyk { width:91px; background-position: -600px bottom; }
#control .status { width:71px; background-position: -695px bottom; }
#control .service { width:61px; background-position: -770px bottom; }
#control .supplies { width:61px; background-position: -835px bottom; }
#control .details { width:50px; background-position: -900px bottom; }
#control td.make,
#control td.model,
#control td.printed,
#control td.black,
#control td.color { background-color: #E8E8E8; }
#control table { width: 100%; }
#control table th { background: none; padding: 0px; height: auto; }
#control table td { background: none; padding: 0px; }
#control td.cmyk { padding: 0px 4px 10px 10px; width: 81px; }
#control td.cmyk .hover { width: 12px; height: 60px; position: absolute; top: 0px; }
#control td.cmyk .hover.c { left:5px; }
#control td.cmyk .hover.m { left:25px; }
#control td.cmyk .hover.y { left:45px; }
#control td.cmyk .hover.k { left:65px; }
#control td.cmyk .hover .bar { position: absolute; left: 0px; bottom: 0px; height: 0px; font-size: 1px; width:12px; }
#control td.cmyk .hover.c .bar { background-color:#00ACEA; }
#control td.cmyk .hover.m .bar { background-color:#DA0E87; }
#control td.cmyk .hover.y .bar { background-color:#FFE823; }
#control td.cmyk .hover.k .bar { background-color:#000; }
#control td.cmyk .hover .value { z-index: 22; background-image:url(../images/bkg/cmyk-hover.png); width: 53px; padding-top: 5px; height: 31px; position: absolute; left: -18px; top: -26px; display: none; }