.whyuse {
    color: #00AFF2; 
    font-weight: bold; 
}

.textRed {
    color: #ea2227;
}

.textSmall {
    font-size: 10px;
}

.hello {
    margin-top: 16px;
}

.warning {
    color: red;
}

table.header {
    margin: 0px;
    border: 0px;
}

td.header {
    border: 0px;
    height: 25px;
}

div.search_header {
    font-weight: bold;
    color: #00AEF2;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
}

.search_label2 {
    margin-right: 5px;
    font-weight: bold;
    color: #00AEF2;
}

/* RESET BROWSER STYLES */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* ######################################################################### */
/* 

At this point all browser styles have been reset, now we're starting with a clean slate 

TIPS: 
1. to vertically align text within it's container just make it's line-height the same as the container height
2. when using transparent pngs as backgrounds make sure to include the filter workaround for ie6 and below
3. if centering the container div on the page make sure to set the body to "text-align: center" then the container div to "text-align: left"
4. use as few selectors as possible
5. use the body id="PAGEID" selector to show/hide navigation or cause elements on the page to act differently than the rest
6. use the CSS "sliding door" rollover method http: //alistapart.com/articles/slidingdoors2/ instead of javascript
7. on ie6 "border: 1px dotted red" doesn't work. ie6 can't render anything other than a solid line under 2px
8. use the clearfix class workaround to make a block containing floated elements stretch to emcompass them

*/

/* DOMAIN styles */

/* default page colors and fonts */
body {color: #818286; font-family: arial, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0px; line-height: 16px;background: #fff; background-image: url(../images/bg_gradient.jpg); background-repeat: repeat-x;}
a:link {color: #00aef2; text-decoration: none;}
a:visited {color: #00aef2; text-decoration: none;}
a:hover {color: #00aef2; text-decoration: underline;}
a:active {color: #00aef2; text-decoration: none;}

a.black:link {color: #000000; text-decoration: none;}
a.black:visited {color: #000000; text-decoration: none;}
a.black:hover {color: #000000; text-decoration: underline;}
a.black:active {color: #000000; text-decoration: none;}

/* ######################################################################### */
/* STRUCTURE */

.managedprint {
    color: #1abafb;
}

#container {
    margin: auto;
    width: 900px;
}

#content_container {
    padding-top: 35px;
    width: 900px;  
}

#header {
    width: 900px;
    height: 120px;
}

#content {
    margin-left: 125px;
    width: 675px;
}

#careers {
    float: left;
    width: 200px;
    border-right: #fff solid 2px;
}

.head_blue_careers {
    color: #fff;
    font-size: 14px;
    width: 190px;
    padding: 2px 0px 3px 10px;
    text-align: left;
    background-color: #1abafb;

}

#products {
    float: left;
    width: 238px;
    border-right: #fff solid 2px;
    font-size: 11px;
}

#products_home {
    float: left;
    border-right: #fff solid 2px;
    font-size: 11px;
}

#products_home h4 {
    font-size: 14px;
    font-weight: bold;
    color: #1D1D1F;
    padding-top: 44px;
    margin-left: 25px;
}

#content #products_home p {
    margin: 0px 32px 0 25px;
    color: #1d1d1f;
    font-size: 12px;
}

#products_home .more {
    color: #00ADF1;
    font-weight: bold;
}

#products_home.left .iesux {
    background: #ffffff url(/images/home_managed_print_header.jpg) no-repeat top left;
    width: 297px;
}

#products_home.middle .iesux {
    background: #ffffff url(/images/home_toner_finder_header.jpg) no-repeat top left;
    width: 297px;
}

#products_home.right .iesux {
    background: #ffffff url(/images/home_toner_taxi_header.jpg) no-repeat top left;
    width: 297px;
    height: 160px;
}

.head_blue_home {
    color: #fff;
    font-size: 14px;
    width: 287px;
    padding: 2px 0px 3px 10px;
    text-align: left;
    background-color: #1abafb;

}

.head_blue_products {
    color: #fff;
    font-size: 14px;
    width: 225px;
    padding: 2px 0px 3px 10px;
    text-align: left;
    background-color: #1abafb;

}


/* ######################################################################### */
/* APPEARANCE */

/* navigation */
.go_btn {
    margin: 0;
    padding: 0;
    border: 0;
    width: 21px;
    height: 21px;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    background: transparent url(../images/btn_go.jpg) no-repeat center top;
}

.service_header {
    background-color: #00AFF2;
    color: white;
}

#navigation {
    margin: 15px 0 5px 0;
    background-color: #000000;
}

#minibasket {
    float: right;
    color: black;
    width: 100px;
}

#navigation li {
    display: block;
    float: left;
    padding: 0;
}

#navigation li a {
    font-size: 11px;
    padding-right: 15px;
    padding-left: 13px;    
    color: #fff;
    line-height: 20px;
    display: block;
    /* background-image: url(../images/bg_nav_white_line.jpg);
    background-position: right;
    background-repeat: none; */
    border-right: 1px solid #fff;
    background-color: #000000;
    text-decoration: none;
}

#navigation .gray {
    background-image: url(../images/bg_nav_top_hover_large.jpg);
    background-position: bottom right;
    background-repeat: none;
    text-decoration: none;
    margin-left: 0;
}

#navigation a:hover {
    background-color: #1abafb;
    color: #fff;
    background-image: none;
    text-decoration: none;
    margin-left: 0;
    border-right: 1px solid #fff;
}

#navigation li .active {
    background-color: #1abafb;
    color: #fff;
    background-image: none;
}


#navigation_sub {
    height: 15px;
    padding: 4px 0 15px 0;    
    font-size: .8em;
    float: left;
    position: relative;
}

#navigation_sub ul {
    float: left;
}

#navigation_sub li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}

#navigation_sub a {
    color: #666;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#navigation_sub a:hover {
    color: #1abafb;
    text-decoration: none;
}

#navigation_sub li .active {
    color: #1abafb;
    background-image: none;
}

/* content */
h1 {
    color: #000;
    letter-spacing: 0px;
    line-height: 35px;
    padding: 12px 0px 0px 0px;
    font-size: 32px;
    font-weight: 100;
    font-family: arial
}

h1.blueh2 {
    color: #1abafb;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 12px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    font-family: arial
}

h2.seo {
    color: #000000;
    letter-spacing: .2px;
    line-height: 15px;
    padding: 0px;
    font-size: 12px;
    font-weight: 100;
    font-family: arial
}

h2.black {
    color: #000000;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 12px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    font-family: arial
}

h3.black {
    color: #000000;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 12px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    font-family: arial
}

h2 {
    color: #1abafb;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 12px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    font-family: arial
}


h7 {
    color: #000000;
    letter-spacing: .2px;
    line-height: 22px;
    padding: 12px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    font-family: arial
}


h3 {
    color: #2a2a2c;
    letter-spacing: 1px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 100;
    font-family: arial


}

#content h4,
#content h5,
#content h6 {
    font-size: 1.2em;
}
#content ul {
    list-style-type: square;
    margin: 20px;
}
#content ol {
    margin: 20px;
}
#content dl {
    margin: 20px;
}
#content abbr {
    border-bottom: 1px dotted #666;
}
#content strong {font-weight: bold;}
#content em {font-style: italic;}
#content p {
    margin: 1em 0;
}

#leftside {
    float: left;
    width: 300px;
    padding-right: 50px;
    color: #1d1d1f;
    font-size: 12px;
    padding-top: 12px;
}

#leftside .bucket_header {
    background-color: #00adf1;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0 3px 10px;
    margin: 0 0 10px 0;
}

/* footer */
#footer {
    width: 900px;
    margin-top: 7em;
    font-size: 11px;
    padding-bottom: 30px;
}

#footer.hero {
    margin-top: 0px;
}

#footer ul {
    clear: both;
    float: left;
}

#footer li {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid #ccc;
}

#footer a {
    color: #999;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;    
}

#footer_buttons a {
    color: #1d1d1f;
}

#footer_buttons {
    background: #ffffff url(../images/footer.jpg) no-repeat top left;
    height: 100px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #1d1d1f;
}

#footer_buttons h4 {
    font-size: 12px;
    font-weight: bold;
}

#footer_leftside {
    float: left;
    margin-right: 10px;
}

#footer_leftside_txt {
    float: left;
}

#footer_rightside_img {
    float: left;
}

#footer_rightside_txt {
    float: left;
    margin-top: 10px;
    font-size: 14px;
}

#phone {
    background: url(/images/phone.gif);
    background-repeat: no-repeat;
    float: right;
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 23px;
    color: #1D1D1F;
    letter-spacing: 3.0px;
    width: 121px;
    height: 21px;
}

.phone {
    font-size: 25px;
    color: #1D1D1F;
    letter-spacing: 3.0px;
}

#search {
    float: right;
    padding-left: 55px;
    margin-top: 15px; 
    color: #999;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#search input {
    vertical-align: top;
}

#search a {
    color: #00aef2;
    text-decoration: underline;
}

#search a:hover {
    color: #fff;
    text-decoration: none; 
    background-color: #00aef2;
}

#search .search_label {
    margin-right: 5px;
    font-weight: bold;
    color: #00AEF2;
}

#search .sign_in {
    margin-left: 48px;
}

.search_input {
    color: #999;
    height: 16px;
    margin-bottom: 4px;
    border: solid 1px #CCC;
    padding: 2px;
}

input.submit_btn {
    float: right;
    color: #ffffff;
    background-color: #00aef1;
    border: 0;
    font-size: 14px;
    padding: 3px 20px 3px 20px;
    cursor: pointer;
    cursor: hand;
}

input.submit_btn2 {
    color: #ffffff;
    background-color: #00aef1;
    border: 0;
    font-size: 14px;
    padding: 3px 20px 3px 20px;
    margin: 1px 1px 1px 1px;
    cursor: pointer;
    cursor: hand;
}

/* home link     */

#home-feature {
    float: left;
    display: block;
	background-image: url(/images/totalprint.jpg);
	margin-top: 36px;
	width: 265px;
    height: 49px;
    text-indent: -9999px;
}

#home-feature-2 {
    float: left;
    display: block;
}



/* WORKAROUNDS */

/* clearfix, put on block elements that contain floated elements */
.clearfix:after { 
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.clearfix {
    display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

table.header td {
    vertical-align: middle;
}
table .table_header {
    font-size: 12px;
    color: #00adf1;
    text-align: center;
    font-weight: bold;
}
table.finder td {
    vertical-align: middle;
    text-align: center;
    padding: 4px;
    width: 170px;
}

table.underline {
    margin-top: 20px;
}

table.underline_finder {
    margin-top: 20px;
}

table.underline td {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}

table.underline_finder td {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    text-align: left;
    padding: 3px;
}

table.finder_nav td {
    vertical-align: middle;
    text-align: center;
}