@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

body {font: 62.5% Verdana, Arial, sans-serif; color:#545b5c; background: #fff url(../images/backgrounds/body.jpg) no-repeat top center;}


/* Containers */
#container{width:960px; margin:0 auto;}
  #header{height:124px; position:relative; z-index:50;}
  #banner, #inner-banner{height:292px; background:url('../images/backgrounds/banner.jpg') no-repeat 0 0;position:relative; z-index:30;}
  #banner {
  	height:272px; 
	padding:20px 0 0 4px;
	overflow: hidden;
	}
  #cycle {width:938px; height:255px; display:block; overflow:hidden;}
  #cycle img{width:938px; height:255px; display:block; }
  #content{padding:20px 10px;}
    #primary{width:450px; float:left;}
    #secondary{width:470px; float:right; padding-bottom:20px;}
  #footer{clear:both; height:70px; padding:20px 0; background:url('../images/backgrounds/footer.jpg') no-repeat;}

/* common elements */
a.pdf {text-indent:30px; height:16px; line-height:1.6em; display:block; background:url('../images/logos/pdf.gif') no-repeat 0 0;}
a {color:#ed2224; text-decoration:none;}
a:hover {text-decoration:underline;}
.right{float:right; margin:0 0 20px 20px;}
.left{float:left; margin:0 20px 20px 0;}
.clear {clear:both;}

.file-downloads{margin:0 0 10px 0;}
.file-downloads a{padding:2px 0 2px 25px; background:url('../images/icon-file.gif') no-repeat 0 0;}
.file-downloads a.pdf{padding:2px 0 2px 25px; background:url('../images/icon-pdf.gif') no-repeat 0 0 !important; text-indent:0; height:auto; line-height:auto; display:inline;}
.file-downloads a.doc{padding:2px 0 2px 25px; background:url('../images/icon-word.gif') no-repeat 0 0 !important;}
.download-box {margin:0 0 10px 0; clear:right;}

/* Header Elements */
#header a img {padding:20px 0 0 10px;}

ul#navigation {position:absolute; bottom:20px; right:20px; height:15px; width:590px;}
ul#navigation li {float:left; width:64px; background:url('../images/navigation/spacer.gif') no-repeat right 5px;}
ul#navigation li#solutions-nav {width:85px;}
ul#navigation li#services-nav {width:82px;}
ul#navigation li#news_events-nav {width:121px;}
ul#navigation li#support-nav {width:78px;}
ul#navigation li#company-nav {width:88px;}
ul#navigation li#contact-nav {width:70px; background:none;}

ul#navigation li a{display:block; height:15px; text-indent:-9999px; background:url('../images/navigation/home.gif') no-repeat center 0;}
ul#navigation li#solutions-nav a {background-image:url('../images/navigation/solutions.gif');}
ul#navigation li#services-nav a { background-image:url('../images/navigation/services.gif');}
ul#navigation li#news_events-nav a { background-image:url('../images/navigation/news_events.gif');}
ul#navigation li#support-nav a { background-image:url('../images/navigation/support.gif');}
ul#navigation li#company-nav a { background-image:url('../images/navigation/company.gif');}
ul#navigation li#contact-nav a { background-image:url('../images/navigation/contact.gif'); padding:0;}

body#home-page ul#navigation li#home-nav a,
body#solutions-page ul#navigation li#solutions-nav a,
body#services-page ul#navigation li#services-nav a, 
body#news_events-page ul#navigation li#news_events-nav a,
body#support-page ul#navigation li#support-nav a,
body#company-page ul#navigation li#company-nav a,
body#contact-page ul#navigation li#contact-nav a,
ul#navigation li a:hover {background-position:center -15px;}



li#solutions-nav {position:relative;}
li#solutions-nav  ul {position:absolute; top:100%; left:0; width:160px; display:none;}
li#solutions-nav ul li {display:block; height:20px; background:none; background-image: none;float:none;}
li#solutions-nav ul li a {display:block; height:20px;line-height:20px; font-size:1.2em; background: #8a9597 url() no-repeat 100% 100% !important; border:1px solid #666; color:#fff; text-indent:10px; width:160px;} 
li#solutions-nav ul li a:hover {background:#ef2c30 !important; border:1px solid #f00; text-decoration:none;}

/* Banner Elements */
#heroshots {width:722px; height:255px; display:block; overflow:hidden; float:left; display:inline; margin:20px 0 0 4px;}
#heroshots img {width:722px; height:255px; display:block;}
ul#banner-navigation {float:left; display:inline; width:204px; height:235px; padding:10px 10px 10px 0; margin-top:20px; background:url('../images/backgrounds/banner-navigation.jpg') no-repeat 0 0; overflow:hidden;}
ul#banner-navigation li {padding:0; margin:0;}
ul#banner-navigation h4 {height:27px; line-height:27px; font-size:1.3em; text-transform: uppercase; color:#545b5c; text-indent:30px; margin-left:-10px;}
ul#banner-navigation h4:hover, ul#banner-navigation h4.active {color:#fff; background:url('../images/backgrounds/banner-navigation-header.jpg') no-repeat top right #ed2224;}
ul#banner-navigation p {padding:6px 0 6px 40px; color:#545b5c; font-size:1.1em; line-height:1.3em; display:none;}
ul#banner-navigation p a {display:block; color:#ed2224;}

/* Content */
h1{height:42px; padding-bottom:10px; border-bottom:1px solid #d6dbdb; margin-bottom:20px; text-indent:-9999px; background:url('../images/headings/h1-welcome.gif') no-repeat 0 0;}
body#solutions-page h1 {background-image:url('../images/headings/h1-solutions.gif');background-position:0 20px;}
body#services-page h1 {background-image:url('../images/headings/h1-services.gif');background-position:0 20px;}
body#news-page h1 {background-image:url('../images/headings/h1-news_events.gif');background-position:0 20px;}
body#support-page h1 {background-image:url('../images/headings/h1-support.gif');background-position:0 20px;}
body#company-page h1 {background-image:url('../images/headings/h1-company.gif');background-position:0 20px;}
body#contact-page h1 {background-image:url('../images/headings/h1-contact.gif');background-position:0 20px;}
body#erp_financials-page h1 {background-image:url('../images/headings/h1-erp_financials.gif');}
body#manufacturing-page h1 {background-image:url('../images/headings/h1-manufacturing.gif');background-position:0 20px;}
body#aged_healthcare-page h1 {background-image:url('../images/headings/h1-aged_healthcare.gif');background-position:0 20px;}
body#service_industries-page h1 {background-image:url('../images/headings/h1-service_industries.gif');background-position:0 20px;}
body#retail-page h1 {background-image:url('../images/headings/h1-retail.gif');background-position:0 20px;}


#primary p {line-height:1.8em; font-size:1.1em; padding-bottom:20px;}
.ajax-desc {font: Verdana, Arial, sans-serif; color:#545b5c;}
#primary ul {line-height:1.8em; font-size:1.1em; padding:0 0 13px 20px; list-style: disc outside;}
#primary ul li {padding-bottom:7px; }
#primary h2 {color:#005989; font: normal 1.6em Verdana, Arial, sans-serif; padding:0 0 10px 0; border-bottom:1px solid #005989; margin-bottom:10px;}
#primary h3 {color:#005989; font: normal 1.4em Verdana, Arial, sans-serif; padding:0 0 10px 0;}
#primary h4 {color:#005989; font: normal 1.2em Verdana, Arial, sans-serif; padding:0 0 10px 0;}
#primary h5 {color:#005989; font: normal 1.1em Verdana, Arial, sans-serif; padding:0 0 10px 0;}

body#solutions-page #primary {width:620px;}
body#solutions-page #secondary {width:300px;}
body#solutions-page .call_to_action {float:right; clear:both; margin:0 0 20px 0;}

/* news */

body#news-page #primary {width:600px;}
body#news-page #secondary {width:290px;}
body#news-page #secondary .call_to_action {float:right; padding:0; margin:10px 0 0 0;}

ul#news_events {list-style:none; padding:0 0 10px 0;}
ul#news_events li { padding:0 0 30px 0;}
ul#news_events h4 {border-bottom:1px solid #e9ebeb; margin-bottom:10px;}
ul#news_events p {font-size:1em;}
ul#news_events a {display:block; float:right; width:80px; height:20px; line-height:20px; color:#fff; background:#ef2c30; border:1px solid #f00; text-align:center; clear:both; margin-top:10px; display:inline;}
ul#news_events a:hover {text-decoration:none; background:#009de3; border-color:#005989;}

ul#pagination {list-style:none; padding:0; text-align:right; width:200px; margin:0 auto; height:30px;}
ul#pagination li {float:left; width:20px; height:20px; padding:0 3px;}
ul#pagination li a {display:block; width:20px; height:20px; color:#fff; background:#ef2c30; text-align:center;}
ul#pagination li a:hover {text-decoration:none; background:#005989;}

span.date{float:right; font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-variant: small-caps; color:#a1a1a5;}

body#news-page #primary {width:640px;}
body#news-page #secondary {width:280px;}

ul#awards {list-style:none; padding:0; margin:0; width: 100%; }
ul#awards li {margin:5px; float:left;}

ul#contact-address{width:250px; padding:0 0 20px 0; list-style:none;}
#location {margin:20px 0;}


.section_heading{padding:5px 10px !important; border-bottom:1px solid #e9ebeb; margin-bottom:20px !important;}
.section_active {background:#e9ebeb; color:#545b5c !important;}

/*secondary */
#epicor {padding-bottom:20px;}
#epicor h2 {height:52px; background:url('../images/logos/epicor.gif') no-repeat 10px 10px; text-indent:-9999px; border-bottom:1px solid #005989; margin-bottom:7px;}
#epicor a {width:290px; padding-left:30px; height:23px; display:block; background:url('../images/buttons/right_arrow.gif') no-repeat 0 0; margin:0 auto; line-height:23px; font-size:1.3em; color:#ed2224; text-decoration:none;}
#epicor a:hover {background-position:0 -23px; color:#005989;}

.call_to_action {width:230px; min-height:370px; _height:370px; float:left; display:inline; background:url('../images/backgrounds/call_to_action.gif') repeat 0 0; position:relative; padding-bottom:9px;}
.call_to_action h2 {height:50px; background:url('../images/headings/h2-latest_news_events.gif') no-repeat 0 0; text-indent:-9999px;}
#testimonials {margin-right:9px;}
#testimonials h2 {background-image:url('../images/headings/h2-testimonials.gif'); }
#testimonials ul {height:310px; display:block; padding:0 0 0 5px; margin:0; overflow:hidden; background:#e9ebeb !important;}
#testimonials ul li{background:#e9ebeb !important; }
.name { font-weight: bold; }

h2#special_offers {background-image:url('../images/headings/h2-special_offers_downloads.gif'); }


.call_to_action p {color:#545b5c; line-height:1.6em; font-size:1.1em; padding:0 15px 5px;}
#testimonials p {}
.desc { line-height: 1.5em; font-size: 1.1em; padding: 0; margin-bottom: 1.35em; }
.call_to_action span.bottom {display:block; position:absolute; bottom:0; left:0; height:9px; width:230px; text-indent:-9999px; background:url('../images/backgrounds/call_to_action-bottom.gif');}

.call_to_action ul li {padding:0 15px 15px 15px;}
.call_to_action ul li p {padding:0 0 5px 0;}
.call_to_action ul li h4 {padding:0;}
.call_to_action h4 {font-size:1.1em; font-weight:bold;  padding:0 15px 0;}
.call_to_action a.pdf {margin-left:20px;}

ul#images li {float:left; padding:2px;}
ul#images li#hero {padding-left:6px;}
ul#images li img {border:3px solid #eceeee;}
ul#images li a:hover img {border-color:#005989;}

/* Footer Elements */
#footer ul {width:230px; float:right;}
#footer ul li {padding-bottom:6px;}
#footer p {padding:0 20px 15px 20px;}

#contact_details li {text-indent:20px; background:url('../images/logos/telephone.gif') no-repeat 0 0;}
#contact_details li.email{background-image:url('../images/logos/email.gif'); }
#contact_details li.fax{background-image:url('../images/logos/fax.gif'); }


/* Tabs */
#tabs-container { padding-bottom: 2em; }

/* root element for tabs  */
ul.tabs { 
	list-style:none !important; 
	margin:  0 !important; 
	padding: 0 !important;	
	border-bottom: 1px solid #d6dbdb;	
	height: 30px;
}

/* single tab */
ul.tabs li { 
	float: left;	 
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url('../images/core/grey.gif') no-repeat -420px 0;
	font-size: 11px;
	display: block;
	height: 30px;  
	line-height: 30px;
	width: 134px;
	text-align: center;	
	text-decoration: none;
	color: #545B5C;
	padding: 0px;
	margin: 0px;	
	position: relative;
	top: 1px;
}

ul.tabs a:active {
	outline: none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color: #fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor: default !important; 
	color: #3d4243 !important;
	font-weight: bold;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 { background-position: -553px 0; width: 81px; }
ul.tabs a.w1:hover { background-position: -553px -31px; }
ul.tabs a.w1.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.w2 { background-position: -248px -0px; width: 174px; }
ul.tabs a.w2:hover { background-position: -248px -31px; }
ul.tabs a.w2.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.w3 { background-position: 0 -0px; width: 248px; }
ul.tabs a.w3:hover { background-position: 0 -31px; }
ul.tabs a.w3.current { background-position: 0 -62px; }

/* width 4 */
ul.tabs a.w4 { background: url('../images/core/grey1.gif') no-repeat 0 0; width: 250px !important; }
ul.tabs a.w4:hover { background-position: 0 -31px; }
ul.tabs a.w4.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display: none;		
}

/* tab pane styling */
div.panes div {
	display: none;		
	padding: 15px 10px;
	border: 1px solid #d6dbdb;
	border-top: 0;
	font-size: 1em;
	background-color: #fff;
}