/*****************STYLES****************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#cb2027 url(../images/bgslice.jpg) repeat-x; font-family:Verdana, Tahoma, Helvetica, sans-serif; color:#666666;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#e07a7d; text-decoration:underline; font-weight:bold}
	a:hover, a.current { text-decoration:none;}
p { font-size:12px; padding:0 0 10px 0; line-height:20px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#666666;}

h1{color:#000000; font-size:24px; padding:0 0 10px 0;}
h2{color:#666666; font-size:18px; padding:0 0 10px 0;}
h3{color:#666666; font-size:16px; padding:0 0 10px 0;}
h4{color:#666666; font-size:14px; padding:0 0 10px 0;}
h5{color:#666666; font-size:12px; padding:0 0 10px 0;}
h6{color:#666666; font-size:10px; padding:0 0 10px 0;}

hr{ background-color:#fff; color:#ccc; margin-bottom:10px; height:1px;}

/*****************classes****************/
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.split40{position:relative; width:330px;float:left;}
.split60{position:relative; width:600px;float:left;}

.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/*****************All****************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ background:url(../images/sub-bgslice.jpg) repeat-y; width:980px;}
#Wrapper{ background:url(../images/top.jpg) no-repeat; width:960px; padding:29px 10px 0 10px;}
#Tele{ width:940px; height:22px; text-align:right; padding:0 10px; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif}
#Bottom{ background:#cb2027 url(../images/bottom.jpg) no-repeat; width:940px; height:64px; padding:7px 20px 10px 20px; font-size:11px;}
#Bottom img.icon{ float:right; padding:0 0 0 4px;}
#Bottom ul#menuList{ list-style:none; margin:0; padding:0}
#Bottom ul#menuList li{ float:left; padding:0 10px 0 0; margin:0}

#Bottom2{ background:#cb2027; padding:0 15px 10px 15px; width:950px; font-size:10px; line-height:15px;}
#Bottom2 a{ text-decoration:none; color:#e07a7d; font-weight:normal;}
#Bottom2 a:hover{text-decoration:underline;}
#Bottom2.shortDescriptionBoxOuterAutostuff{}
#Bottom2 ul{}
/*****************NAV****************/
#NavHolder{ width:960px;}
#Nav{width:670px; height:40px; list-style:none; padding:0; position:relative; clear:both; display:block; float:right}
#Nav ul{margin:0; padding:0;list-style:none}
#Nav li{float:left;}				
#Nav li a span{display:none;}				
#Nav li a{height: 40px; display: block; float: left; padding: 0;}

#Nav li a.home{width:78px; background: url(../images/nav_01.gif) no-repeat top;}				
#Nav li a.about{width:87px; background: url(../images/nav_02.gif) no-repeat top;}
#Nav li a.software{width:88px; background: url(../images/nav_03.gif) no-repeat top;}		
#Nav li a.key{width:112px; background: url(../images/nav_04.gif) no-repeat top;}
#Nav li a.news{width:92px; background: url(../images/nav_05.gif) no-repeat top;}		
#Nav li a.partners{width:89px; background: url(../images/nav_06.gif) no-repeat top;}
#Nav li a.contact{width:124px; background: url(../images/nav_07.gif) no-repeat top;}

#Nav li a:hover{background-position:bottom; }
#Nav li a.current{background-position:bottom; }

/*****************Homepage****************/
#Flash{ background:url(../images/hp-flash.jpg) no-repeat; width:960px; height:310px;}
#HpCopy{ padding:14px 40px 10px 60px; background:#fff}

#BannerAbout{ background:url(../images/sub-banner-about.jpg) no-repeat; width:960px; height:209px;}
#BannerSoftware{ background:url(../images/sub-banner-software.jpg) no-repeat; width:960px; height:209px;}
#BannerBenefits{ background:url(../images/sub-banner-key.jpg) no-repeat; width:960px; height:209px;}
#BannerNews{ background:url(../images/sub-banner-news.jpg) no-repeat; width:960px; height:209px;}
#BannerPartner{ background:url(../images/sub-banner-partner.jpg) no-repeat; width:960px; height:209px;}
#BannerContact{ background:url(../images/sub-banner-contact.jpg) no-repeat; width:960px; height:209px;}

#SubCopy{ padding:20px;}
#SubCopy ul{ font-size:12px; padding:0 0 10px 30px; margin:0; line-height:20px;}
#SubCopy ol{ font-size:12px; padding:0 0 10px 30px; margin:0; line-height:20px;}
#SubCopy li{ font-size:12px; padding:0 0 4px 0; line-height:20px;}
#Sidebar{ width:200px; float:left; text-align:right; padding:4px 30px 0 0}
#Sidebar h1 a{ color:#18632f; font-size:20px; text-decoration:none; padding:0 0 14px 0; margin:0}

#BlogFeed{ border:1px solid #e5e5e5; padding:8px 8px 0 8px; text-align:left; margin:8px 0 0 0;}
#BlogFeed h2{ font-size:16px; padding:0 0 18px 0}
#BlogFeed h2 a{ text-decoration:none; color:#18632f; font-weight:bold}
#BlogFeed h3{font-size:12px; margin:0; padding:0 0 2px 0;}
#BlogFeed h4{font-size:12px; margin:0; padding:0 0 2px 0;}
#BlogFeed p{padding:0 0 18px 0; line-height:17px;}

#subMenuList a{ color:#000; font-weight:normal; text-decoration:none; font-size:13px; line-height:28px;}
#subMenuList a:hover{ color:#000; font-weight:normal; text-decoration:underline; font-size:13px; line-height:28px;}
#subMenuList .activeSubMenuItem{ color:#000; font-weight:bold; text-decoration:none; font-size:13px; line-height:28px;}
#subMenuList .activeSubMenuItem:hover{ color:#000; font-weight:bold; text-decoration:none; font-size:13px; line-height:28px;}
ul#subMenuList { list-style:none }

#SubCopyArea{ float:left; width:420px; padding:0 20px 0 30px;}

#SidePicAbout{ float:left; width:217px; background:url(../images/sub-pic-about.jpg) no-repeat; height:334px; padding:0 0 20px 0}
#SidePicSoftware{ float:left; width:217px; background:url(../images/sub-pic-software.jpg) no-repeat; height:334px; padding:0 0 20px 0}
#SidePicBenefits{ float:left; width:217px; background:url(../images/sub-pic-benefits.jpg) no-repeat; height:334px; padding:0 0 20px 0}
#SidePicNews{ float:left; width:217px; background:url(../images/sub-pic-news.jpg) no-repeat; height:334px; padding:0 0 20px 0}
#SidePicPartner{ float:left; width:217px; background:url(../images/sub-pic-partners.jpg) no-repeat; height:334px; padding:0 0 20px 0}
#SidePicContact{ float:left; width:217px; background:url(../images/sub-pic-contact.jpg) no-repeat; height:334px; padding:0 0 20px 0}

/*****************Btns****************/
#Btns{width:960px; height:128px; list-style:none; padding:0; position:relative; clear:both; display:block; float:right}
#Btns ul{margin:0; padding:0;list-style:none}
#Btns li{float:left;}				
#Btns li a span{display:none;}				
#Btns li a{height: 128px; display: block; float: left; padding: 0;}

#Btns li a.how{width:241px; background: url(../images/btns_01.jpg) no-repeat top;}				
#Btns li a.features{width:239px; background: url(../images/btns_02.jpg) no-repeat top;}
#Btns li a.key{width:241px; background: url(../images/btns_03.jpg) no-repeat top;}		
#Btns li a.request{width:239px; background: url(../images/btns_04.jpg) no-repeat top;}

#Btns li a:hover{background-position:bottom; }
#Btns li a.current{background-position:bottom; }

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:4px 10px 10px 10px; margin-bottom:5px;}
	div.question{ margin:2px 0 10px 0; background:#ededed; padding:0;}
	div.question h4{padding:4px; color:#18632f; font-size:12px; cursor:pointer}
	div.question:hover {background:#dbdbdb; cursor:pointer}
	div.question.active{background:#dbdbdb;}
	
/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	
/****RSS Blog Feed***********************/
.rssxpresstable{margin:0; padding:0}
.rssxpressdivider { display:none; height:1px; }
.rssxpresschannel { text-align : left; overflow:hidden; height:135px; padding:0 }
.rssxpresschtitle { display:none; overflow:hidden; }
.rssxpresschdesc { display:none; overflow:hidden; }
.rssxpressittitle { background-color:#cb2027; padding:0; overflow:hidden; margin:0; text-align:left; font-size:10px; line-height:normal; }
.rssxpressitdesc { display:none; }
.rssxpresstable { text-align : left; }
/* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress
channel - to alter it's colour just change the background-color image. */

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}


/**********NEWS PAGE**************************/
.breadcrumbs{ font-size:11px; font-weight:bold; margin-bottom:12px;}
.shortDescriptionBoxHeader a{ font-size:14px; font-weight:bold; color:#e07a7d; text-decoration:none;}
.shortDescriptionBoxSubheader{ margin-bottom:10px; font-size:12px; font-weight:bold;}
.articleBodyDate{font-weight:bold; font-size:11px; padding:0 0 10px 0}
.pageControls{font-weight:bold; font-size:11px;}
.shortDescriptionBoxText{font-size:12px; line-height:20px;}
.readMoreLink{margin-bottom:10px; border:1px dotted #ccc; border-width:0 0 1px 0; padding:0 0 6px 0}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}