/* -----------------------------------------------*/
/*  Ashcom Technologies Main Stylesheet				  

Primary Site Colors:

Red: #bd5741
Dark Gray: #6d6e71

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


/* -----------------------------------------------*/
/*  Reset 							 			  */
/* -----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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;font-weight: normal;vertical-align: baseline;}

a:focus {border: none !important;}
small {font-size: 11px;}

/* -----------------------------------------------*/
/*  Float Control								  */
/* -----------------------------------------------*/

.float-left {float: left;}
.float-right {float: right;}
.clearer {clear: both; height: 0; line-height: 0; padding: 0; margin: 0;}

/* -----------------------------------------------*/
/*  Header tag styles							  */
/* -----------------------------------------------*/

h1 {font-size: 36px; font-weight: bold; line-height: 72px; color: #bd5741; letter-spacing: .02em;}
h2 {font-size: 24px; line-height: 28px; letter-spacing: .03em; color: #88888a; margin-bottom: 32px;}
h3 {font-size: 18px; color: #bd5741; margin: 16px 0px 8px 0px;}
h4 {font-size: 16px; font-weight: bold; color: #555; margin-bottom: 8px}

/* -----------------------------------------------*/
/*  Body Styles     							  */
/* -----------------------------------------------*/

body {text-align: center; font-family: Helvetica, Verdana, sans-serif !important; font-size: 11px; line-height: 18px; background: #fff url(/images/body-bg.jpg) 0 0 repeat-x;}
a {text-decoration: none; color: #bd5741;}
a:hover {text-decoration: underline;}

.red {color: #bd5741;}

.no-style-list {list-style-type: none; margin-bottom: 24px}
.no-style-list li {padding: 3px 0px 3px 16px;}

.left-content ul {padding-left: 24px; margin-bottom: 36px;}
.left-content ul li {list-style-type: none; padding: 5px 0; line-height: 17px; padding-left: 24px; color: #555; background: url(/images/red-bullet.png) 0 8px no-repeat;}
.class-list {font-size: 13px; margin-bottom: 36px; padding-left: 8px;}
.class-list li {list-style-type: none; padding: 5px 0; line-height: 17px; color: #555;}

ol {color: #bd5741; margin-top: 16px; padding-left: 42px; font-size: 14px;}
ol li {margin: 16px 0;}
ol li p {color: #333; font-size: 13px;}


.left-content .site-map {padding-left: 24px; margin-bottom: 36px; border: none;}
.left-content .site-map ul {margin-bottom: 8px;}
.left-content .site-map li {list-style-type: none; padding: 2px 0; line-height: 17px; padding-left: 22px; color: #555; background: url(/images/red-bullet.png) 0 12px no-repeat;}
.left-content .site-map li a {font-size: 16px;}
.left-content .site-map li ul li {padding: 0; padding-left: 8px; background: none;} 
.left-content .site-map li ul li a {font-size: 12px;}
.left-content .site-map li ul li ul li {padding-left: 8px; background: none;}
.left-content .site-map li ul li ul li a {font-size: 11px;}

/* -----------------------------------------------*/
/*  Main Layout Styles 							  */
/* -----------------------------------------------*/

input {border: 1px solid #ccc; padding: 3px; color: #333; font-size: 12px;}
.submit-button {padding: 0; border: none;}
textarea {padding: 3px; color: #333; border: 1px solid #ccc;}

#super-container {position: relative; width: 100%; background: transparent url(/images/super-container-bg.jpg) 50% 0 no-repeat;}
.wrapper {width: 990px; margin: auto; text-align: left;}
.content-container {padding: 0 42px 24px;}

#background-left {height: 435px; width: 100%; background: transparent url(/images/background-left.png) 0 0 no-repeat;}
#background-right {height: 435px; width: 200px; background: transparent url(/images/background-right.png) 0 0 no-repeat;}

#header {position: relative; z-index: 99; width: 990px; height: 183px; background: url(/images/header-bg.jpg) 0 0px no-repeat;}
#header.maintimizer-header {}

.ashcom-logo {float: left; margin-top: 32px; margin-left: 42px; }
.maintimizer-logo {float: left; margin-top: 24px; margin-left: 42px; }

#secondary-nav {float: right; margin-right: 50px; height: 40px; padding-left: 10px; width: 333px; list-style-type: none;}
#secondary-nav li {display: block; float: left;}
#secondary-nav li a {display: block; float: left; padding: 10px 16px; color: #fff; font-size: 12px; letter-spacing: .02em;}
#secondary-nav li a:hover {text-decoration: underline;}

#top-nav {width: 630px; height: 50px; list-style-type: none; float: right; clear: right; margin-top: 56px;}
#top-nav li {display: block; float: left;}
#top-nav li a {display: block; text-decoration: none; float: left; padding: 17px 24px; color: #bd5741; font-size: 13px;  letter-spacing: .02em;}
#top-nav li a:hover {color: #555;}

#top-nav .selected {background: #df5b60; color: #f7f7f7; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px;}
#top-nav .selected:hover {color: #f7f7f7;}

.sf-menu li ul {background: #eff1f5; border: 1px solid #d4d4d4; border-right: none; border-top: none; padding-bottom: 0px; padding-top: 0px;}
.sf-menu li ul li ul {background: #f4f6fa; border: 1px solid #e9ebef; margin-top: -1px;}
.sf-menu li ul li ul li a:hover {background: #eff1f5; color: #bd5741 !important;}
.sf-menu li ul li a {padding: 12px 24px !important; color: #555 !important;}
.sf-menu li ul li a:hover {color: #bd5741 !important; background: #f4f6fa;}

#footer {position: relative; width: 892px; margin-top: 42px; padding-bottom: 0px;}
#footer h2 {color: #bd5741; font-size: 18px; width: 100px; margin-bottom: 18px; background: transparent url(/images/light-gray-arrow.png) 100% 50% no-repeat;}

.site-map {float: left; padding-top: 18px; border-top: 1px solid #ededed; text-align: left;}
.site-map a {font-size: 12px; line-height: 26px; display: block; padding: 2px 42px 2px 0px; color: #bd5741;}

.footer-contact-form {width: 330px; float: left; padding-bottom: 24px; margin-top: -27px; background: transparent url(/images/envelope-bg.png) 0 0 no-repeat;}
.footer-contact-form h2 {color: #555 !important; background: none !important; width: auto !important; float: right; margin: 4px 52px 0px 0px !important;}
.footer-contact-form form {width: 260px; float: right; margin-top: 12px;}
.footer-contact-form input {width: 224px; margin: 10px; padding: 4px; color: #999;}
.footer-contact-form input.button {float: right; padding: 0px !important; width: auto !important;}

.large-link {font-size: 16px; text-decoration: underline; color: #bd5741; padding-right: 24px; background: transparent url(/images/gray-arrow.png) 100% 50% no-repeat;} 

.home-splash {width: 990px; height: 336px; background: transparent url(/images/home-splash.jpg) 0 -16px no-repeat;}
.subpage-splash {position: relative; z-index: 1; margin-top: -38px; margin-right: 24px; width: 965px;  height: 187px; background: #f7f7f7;}

.subpage-splash.about {background: transparent url(/images/about-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.contact {background: transparent url(/images/contact-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.education {background: transparent url(/images/education-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.customer-support {background: transparent url(/images/customer-support-splash.jpg) 100% 0 no-repeat;}

.subpage-splash.maintimizer-mobile {background: transparent url(/images/mobile-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.documizer {background: transparent url(/images/documizer-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.paymizer {background: transparent url(/images/paymizer-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.barcoding {background: transparent url(/images/barcoding-splash.jpg) 100% 0 no-repeat;}

.subpage-splash.maintimizer-server {background: transparent url(/images/server-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.maintimizer-web {background: transparent url(/images/web-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.maintimizer-online {background: transparent url(/images/online-splash.jpg) 100% 0 no-repeat;}

.subpage-splash.video {background: transparent url(/images/video-splash.jpg) 100% 0 no-repeat;}

.subpage-splash.services {background: transparent url(/images/services-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.products {background: transparent url(/images/products-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.news {background: transparent url(/images/news-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.events {background: transparent url(/images/events-splash.jpg) 100% 0 no-repeat;}
.subpage-splash.webinars {background: transparent url(/images/webinar-splash.jpg) 100% 0 no-repeat;}


.page-header {position: absolute; left: 42px; top: 96px; }

#maintimizer-home td {padding-top: 24px;}
#maintimizer-home .sign-up {padding-right: 42px; border-right: 1px solid #d4d4d4;}
#maintimizer-home .login {padding-left: 42px;}

/* -----------------------------------------------*/
/*  Home Page Styles 							  */
/* -----------------------------------------------*/

.sub-splash {position: relative; text-align: center; padding-top: 16px;}
.sub-splash-box {width: 242px; margin: auto; text-align: left;}
.sub-splash-box.first {float: left; margin: 0;}
.sub-splash-box.last {float: right; margin: 0;}
.sub-splash-box.m-server img {margin-top: 8px;}
.sub-splash-box.m-web img {margin-top: 8px;}

.sub-splash-box img {float: left; vertical-align: top; padding-right: 22px;}
.sub-splash-box p {font-size: 12px; line-height: 18px; margin-top: 24px; letter-spacing: .02em;}
.sub-splash-box h2 {font-size: 18px !important; letter-spacing: .01em; line-height: 22px; margin-top: 16px; margin-bottom: 0;}
.home-product-box td {vertical-align: top;}
.home-product-box td .server-icon {display: block; margin-top: 20px;}


.home-content {position: relative; width: 892px; padding-top: 24px; padding-bottom: 42px;}

.utility-nav {float: left; list-style-type: none;}
.utility-nav li {display: block;}
.utility-nav a {display: block; width: 306px;}

.utility-nav a.case-studies {height: 61px; background: transparent url(/images/case-studies-btn.png) 0 0 no-repeat;}
.utility-nav a.demo {height: 63px; background: transparent url(/images/request-demo-btn.png) 0 0 no-repeat;}
.utility-nav a.training {height: 61px; background: transparent url(/images/training-btn.png) 0 0 no-repeat;}

.utility-nav a.case-studies:hover {background: transparent url(/images/case-studies-hover.png) 0 0 no-repeat;}
.utility-nav a.demo:hover {background: transparent url(/images/request-demo-hover.png) 0 0 no-repeat;}
.utility-nav a.training:hover {background: transparent url(/images/training-hover.png) 0 0 no-repeat;}

.home-site-intro {float: right; width: 532px; margin-top: 0px; color: #333; font-size: 14px; line-height: 21px;}
.home-site-intro a:hover {text-decoration: none;}



/* -----------------------------------------------*/
/*  Subpage Styles  							  */
/* -----------------------------------------------*/

.subpage-sub-splash {position: relative; clear: both; margin: 0 auto; width: 990px;  height: 44px; background: transparent url(/images/subpage-sub-splash.jpg) 50% 0 no-repeat;}

.left-content {float: left; width: 524px; font-size: 13px; line-height: 21px; color: #000101;}
.left-content h2 {font-size: 24px; line-height: 28px; letter-spacing: .03em; color: #88888a; margin-bottom: 3px;}

.right-content {float: right; width: 285px;}
.right-content .sidenav-title {display: block; color: #bd5741; font-size: 20px; letter-spacing: 0.03em;}
.right-content .sidenav-title img {padding-right: 16px; padding-top: 0px; float: left; margin-bottom: 16px;}
.right-content .sidenav-title span {float: left; display: block; margin-top: 16px;}
.right-content h2 {font-size: 17px; line-height: 22px; letter-spacing: .01em; margin-bottom: 16px; text-align: left; padding-left: 24px;}
.right-content h2 a {color: #88888a;}
.right-content h2 a:hover {text-decoration: underline;}
.right-content table {margin-top: 0px;}
.right-content td {vertical-align: middle; padding-bottom: 36px; text-align: center;}

.right-content .software td {padding-bottom: 16px; padding-top: 16px; border-bottom: 1px solid #f2f2f2;}
.right-content .software td h2 {margin-bottom: 0;}
.right-content .software .last {border-bottom: none;}
.right-content .software .first {padding-top: 0;}

.contact-map {float: right; font-size: 12px; border: 2px solid #666;}

.maintext {vertical-align: top; padding: 10px 8px;}
.form-field-set {margin: 42px 0px;}
.form-field-set input {}
.form-field-set table input {margin-left: 0;}

.form-field-set table {border: 1px solid #d4d4d4;}

.trial-form {}
.trial-form tr td {padding: 8px 0px;}

.registration-form {}
.registration-form p {margin-right: 24px; margin-top: 16px; margin-bottom: 8px; }
.registration-form p label {color: #333; font-size: 13px;}
.registration-form h2 {margin-bottom: 16px}

/* -----------------------------------------------*/
/*  Featured Promotion styles                   */
/* -----------------------------------------------*/

#featured_promotions {border: 1px solid #ccc; border-width: 1px 0 1px 0; padding: 24px 0; margin-top: 14px; float: left; width: 942px;}
#featured_promotions h2 {color: #a24b37; font-size: 24px; margin-bottom: 24px;}
.promotion-title a {font-size: 18px; color: #999; letter-spacing: .04em;}
.promotion-image {float: left; margin-right: 24px; border: 1px solid #ccc; background: #fbfbfb url(/images/featured-promo-bg.png) 0 0 repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 14px;}
.promotion-image img {width: 318px; height: auto; border: 1px solid #888;}
.promo-learn-more {float: right;}
.promotion-text {font-size: 12px;}

/* -----------------------------------------------*/
/*  Course Table styles                           */
/* -----------------------------------------------*/

#course_table {border: 1px solid #666; border-collapse: collapse;}
#course_table th, #course_table td {border: 1px solid #d4d4d4; padding: 7px 14px;}
#course_table th {font-weight: bold;}
#course_table th a {font-weight: normal;}

.terms {margin-top: 40px;}

#facebox h1 {font-size: 16px; line-height: 1.3em;}
#facebox h2 {font-size: 13px; line-height: 1.3em; margin-top: 14px;}
#facebox h3 {font-size: 11px; font-weight: bold; color: #333;}