/* C & A Systems Style Sheet */

body {
	padding:0; 
	margin:0;
	background:#FFFFFF url(../images/header_bg.jpg) top left repeat-x;}
	
body, td, input, textarea {
	font-size:12px;
    font-family:Arial, Tahoma, Verdana, Helvetica;
	font-weight:normal;
	color:#313131;
	line-height:14px;
	vertical-align:top;
	padding:0px;}

h1 {
	background:url(../images/arrow-white.png) left center no-repeat;
	font-size:16px;
	color:#FFFFFF;
	padding:5px 0 5px 20px;
	margin:0px 0px 0px 0px;}
	
h2 {
	color:#17699b;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow_aqua.jpg) left center no-repeat;
	padding:10px 0 10px 13px;
	margin:0px 0px 0px 0px;}
	
h3 {
	color:#0b4c7e;
	font-weight:bold;
	font-size:12px;
	border-bottom:solid #0b4c7e 1px;
	border-top:solid #0b4c7e 1px;
	background-color: #cde4f8;
	padding:5px 0 5px 5px;
	margin:0px 0px 0px 0px;}
	
h4 {
	font-weight:bold;
	font-size:12px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	border:solid #053C76 1px;
	text-align:center; 
	margin:0px 0px 0px 0px;}
	
h5 {
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0px;
	margin:0px 0px 0px 0px;}

h6 {
	font-weight:bold;
	font-size:12px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	text-align:left;
	margin:0px 0px 0px 0px;}
	
img {border:0px;}
	
a:link {
	color:#1E7BB4; 
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;}	
a:active {
	color:#333333;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;}	
a:visited {
	color:#1E7BB4;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;}	
a:hover {
	color:#1E7BB4;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;}
	
a.closewin:link, a.closewin:active, a.closewin:visited {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;}
	
a.closewin:hover {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;}
	
a.filepdf:link, a.filepdf:active,  a.filepdf:visited {
	color: #1E7BB4; 
	text-decoration: underline;
	font-size:12px;
	font-weight:normal; 
	background: url('../images/acrobat.png') center left no-repeat; 
	padding-left: 20px;}
	
a.filepdf:hover  {
	color: #1E7BB4; 
	text-decoration: none;
	font-size:12px; 
	font-weight:normal;
	background: url('../images/acrobat.png') center left no-repeat; 
	padding-left: 20px;}
	
a.filewmv:link, a.filewmv:active,  a.filewmv:visited {
	color: #1E7BB4; 
	text-decoration: underline;
	font-size:12px;
	font-weight:normal; 
	background: url('../images/windowsmedia.gif') center left no-repeat; 
	padding-left: 20px;}
	
a.filewmv:hover  {
	color: #1E7BB4; 
	text-decoration: none;
	font-size:12px;
	font-weight:normal; 
	background: url('../images/windowsmedia.gif') center left no-repeat; 
	padding-left: 20px;}
	
a.filezip:link, a.filezip:active,  a.filezip:visited {
	color: #1E7BB4; 
	text-decoration: underline;
	font-weight:normal;
	font-size:12px; 
	background: url('../images/zipfile.png') center left no-repeat; 
	padding-left: 18px;}
	
a.filezip:hover  {
	color: #1E7BB4; 
	text-decoration: none;
	font-weight:normal;
	font-size:12px; 
	background: url('../images/zipfile.png') center left no-repeat; 
	padding-left: 18px;}
	
a.learnmore:link, a.learnmore:active, a.learnmore:visited {
	color:#063865;
	font-weight:bold;
	font-size:12px; 
	background: url('../images/arrow-blue.png') center right no-repeat; 
	padding-right:16px;
	text-decoration: underline;}
	
a.learnmore:hover {
	color:#063865;
	font-weight:bold;
	font-size:12px; 
	background: url('../images/arrow-blue.png') center right no-repeat; 
	padding-right:16px;
	text-decoration:none;}
		
a.newwin:link, a.newwin:active,  a.newwin:visited {
	color: #1E7BB4;
	text-decoration: underline;
	font-weight:normal;
	font-size:12px;
	background: url('../images/winnew.png') center right no-repeat; 
	padding-right:16px;}
	
a.newwin:hover  {
	color: #1E7BB4; 
	text-decoration: none; 
	font-weight:normal;
	font-size:12px;
	background: url('../images/winnew.png') center right no-repeat; 
	padding-right:16px;}
	
a.quote:link, a.quote:active, a.quote:visited {
	color:#EBEBEB;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;}
	
a.quote:hover {
	color:#EBEBEB;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;}
	
a.small:link, a.small:active, a.small:visited {
	font-size:11px;
	text-decoration:underline;}
	
a.small:hover {
	font-size:11px;
	text-decoration:none;}
	
a.white:link, a.white:active {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;}
	
a.white:hover, a.white:visited {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;}
	
.anylinkcss {
	position:absolute;
	visibility: hidden;
	border:1px solid #053c76;
	border-bottom-width: 0;
	line-height: 16px;
	z-index: 100;
	background-color:#B8D5F1;
	width: 140px;}

.anylinkcss a {
	color: #053c76;
	width: 100%;
	display: block;
	font-weight:normal;
	font-size:11px;
	text-indent: 3px;
	border-bottom: 1px solid #053c76;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;}

.anylinkcss a:hover {
	background-color: #CDE2F5;
	font-size:11px;
	font-weight:normal;
	color: #4582CD;}
	
#attnlisting {
	padding:12px 0px 0px 26px;}
	
#attnlisting ul {
	margin:0px; 
	padding:0px; 
	list-style:none; 
	line-height:16px;}
#attnlisting li {
	background:url('../images/bullet.gif')  center left no-repeat; 
	margin:0px; 
	padding-left:14px;}	
#attnlisting a:link, #attnlising a:active, #attnlisting a:visited {
	color:#4582CD;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;}	
#attnlisting a:hover {
	color:#4582CD;
	font-size:11px;
	font-weight:normal; 
	text-decoration:underline;}
	
.abs {vertical-align:middle} 		
	
.block {
	color:#474747; 
	font-size:9px;
	float:left;
	width:115px;}

.block_text {
	text-align:left;
	padding:10px 5px 0px 5px;}
	
.block_text-sm {
	text-align:left;
	padding:8px 5px 0px 5px;}
	
#blueborder {
	height: 3px;
	background-color: #ffcc00;
	border-top: 1px solid #ff7e00;
	margin-bottom: 5px;}
	
.branches {
	font-size:11px;
	line-height:16px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:10px;}
	
.casystems-name {
	font-weight:bold;
	font-style:italic;}
	
.companyname {
	padding: 20px 20px 0px 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	width:350px;
	float:right;}
	
.contactbox {
	background:url('../images/contactinfo.jpg') top left no-repeat;
	height:195px;}
	
.sp-contactbox {
	background:url('../images/contactinfo-sp.jpg') top left no-repeat;
	height:195px;}
	
.contactbox_interior {
	padding:8px 10px 0 20px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;}
	
.contactbox_tollfree {
	font-weight:bold; 
	padding: 50px 10px 5px 20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	letter-spacing:1px; 
	line-height:16px;
	color:#FFFFFF;}
	
.sp-contactbox_tollfree {
	font-weight:bold; 
	padding: 60px 10px 5px 20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	letter-spacing:1px; 
	line-height:15px;
	color:#FFFFFF;}
	
.contentbox_dkblue {
	padding:5px 5px 5px 5px;
	background-color:#5381ac;}

.contentbox_ltblue {
	padding: 5px 5px 5px 5px;
	background-color:#B8D5F1;}
	
.contentbox_paleblue {
	padding:5px 5px 5px 5px;
	background-color:#CDE2F5;}
	
.contentbox_dkgray {
	padding:5px 5px 5px 5px;
	background-color:#9F9F9F;}
	
.contentbox_ltgray {
	padding:5px 5px 5px 5px;
	background-color:#DEDEDE;}

.contentbox_white {
	padding:5px 10px 25px 10px;
	background-color:#FFFFFF;}
	
.contentbox_white_sp {
	padding:5px 5px 25px 5px;
	background-color:#FFFFFF;}
	
.contentwrapper_outer {
	background:url('../images/left.jpg') top left no-repeat;
	width:679px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 87px;}
	
.casestudy-titles {
	font-weight: bold;
	background-color: #D5D5D5;
	padding:2px;}
	
.footerwrapper_1 {
	background-color:#DEDEDE; 
	width:100%; 
	height:62px; 
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
	
.footerwrapper_2 {
	background:url('../images/footer.jpg') top left repeat-y;
	width:766px; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	font-size:11px;}
	
a.footernav:link {
	color:#053c76; 
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;}
	
a.footernav:active {
	color:#333333;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;}
	
a.footernav:visited {
	color:#053c76;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;}
	
a.footernav:hover {
	color:#053C76;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;}
	
.footerpad {
	padding:18px 0px 0px 125px;}
		
.header {
	background:#0A2245 url('../images/header.jpg') top right no-repeat;
	height:146px;
	min-height:146px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
.imgborder {
	border:2px solid #053C76;}
	
.imgborder_left {
	border:2px solid #053C76;
	margin-right:5px;}
	
.imgborder_rt{
	border:2px solid #053C76;
	margin-left:5px;}
	
.logowrapper {
	margin-top:5px;
	padding-left:88px;
	float:left;
	width:120px;}
	
.litbox {
	height:70px;}
	
a.litbox:link, a.litbox:active, a.litbox:visited {
	font-size:11px;
	text-decoration:underline;}
	
.litbox-title {
	font-weight:bold;
	font-size:12px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;}	
	
a.litbox:hover {
	font-size:11px;
	text-decoration:none;}
	
.mainwrapper {
	background:#FFFFFF url('../images/left_bg.jpg') top left repeat-y;
	width:766px;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;}

#nav {
	clear:both;
	padding-right:0;
	margin-right:0;
	margin-left:86px;
	padding-top:13px;
	height:31px;
	width:679px;}

#nav a:link, #nav a:active, #nav a:visited {
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;}
#nav a:hover {
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:underline;}
	
.navbutton {
	background:url('../images/nav_arrow_rt.png') left center no-repeat;
	height:21px;
	padding:10px 8px 4px 24px;
	border-right:1px #CCCCCC solid;
	float:left;}
	
.navbutton_end {
	background:url('../images/nav_arrow_rt.png') left center no-repeat;
	height:21px;
	padding:10px 0px 4px 24px;
	float:left;}
	
#sp-nav {
	clear:both;
	padding-right:0;
	margin-right:0;
	margin-left:86px;
	padding-top:13px;
	height:31px;
	width:679px;}
	
#sp-nav a:link, #sp-nav a:active, #sp-nav a:visited {
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;}
#sp-nav a:hover {
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;}
	
.sp-navbutton {
	background:url('../images/nav_arrow_rt.png') left center no-repeat;
	height:21px;
	padding:10px 8px 4px 24px;
	border-right:1px #CCCCCC solid;
	float:left;}
	
.sp-navbutton_end {
	background:url('../images/nav_arrow_rt.png') left center no-repeat;
	height:21px;
	padding:10px 0px 4px 24px;
	float:left;}
	
.picpad {
	padding-bottom:5px;
	padding-top:5px;}
	
.productpic_lt {
	padding-right:5px;}
	
.productpic_rt {
	padding-left:5px;}

table#product {
	table-layout:auto;}
	
table#product td {
	padding-left:3px;
	padding-top:3px;}
	
.product-text {
	background:url('../images/bullet.gif')  center left no-repeat;
	padding-left:10px;
	color:#053C76; 
	font-size:12px;
	font-weight:normal;}
	
#product a:link, #product a:active, #product a:visited {
	background:url('../images/bullet.gif')  center left no-repeat;
	padding-left:10px;
	color:#1E7BB4; 
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;}
	
#product a:hover {
	background:url('../images/bullet.gif')  center left no-repeat;
	padding-left:10px;
	color:#8FBCE9;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;}
	
#product_listing {
	font-size:11px;
	line-height:14px;
	font-weight:normal;}
		
#product_listing ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	line-height:13px;
	font-size:11px;
	font-weight:normal;}
	
#product_listing li {
	background:url('../images/bullet.gif')  center left no-repeat;
	font-weight:normal; 
	margin:0px; 
	padding-left:8px;}
	
#product_listing a:link, #productlisitng a:active, #productlisting a:visited {
	color:#4582CD;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;}
	
#product_listing a:hover {
	color:#4582CD;
	font-size:11px;
	font-weight:normal; 
	text-decoration:underline;}
	
#quicklinks {
	padding:5px 5px 5px 5px;}
	
#quicklinks ul {
	margin:0; 
	padding:0;
	font-weight:normal; 
	font-size:11px;
	list-style:none;}
	
#quicklinks li {
	width: 135px;
	line-height:16px;
	font-weight:normal;
	background: #B8D5F1 url('../images/bullet.gif') center left no-repeat;
	padding: 0px 0px 0px 10px;}

#quicklinks a:link, #quicklinks a:active, #quicklinks a:visited {
	color:#053c76;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;}
	
#quicklinks a:hover {
	color:#053c76;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;}
	
.quicklinks_arrow {
	position:relative;
	font-family: Times New Roman; 
	color:#4582CD;}
	
.quicklinks_title {
	font-weight:bold;
	font-size:12px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
.sectionsimg {
	border: 1px solid #0A2245;}
	
.sectionstitle {
	padding: 5px 0 8px 0;}
		
a.sectionstitle:link, a.sectionstitle:active, a.sectionstitle:visited {
	color:#1E7BB4;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;}
	
a.sectionstitle:hover {
	color:#1E7BB4;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;}
	
.smallfont {
	font-size:11px;}

table#stockyard {
	border:solid 1px #8D9193;}
	
table#stockyard td {
	padding:5px;
	border:solid 1px #8D9193;}

.stockyard-header {
	background-color: #B8D5F1;}
	
.stockyard-subtitle {
	background-color:#EaEaEa;
	font-weight:bold;}

.subtitlebox_ltgray {
	padding:5px 5px 5px 3px;
	background-color:#DEDEDE;
	font-weight:bold;
	border-top:solid 1px #313131;}
	
.technicalbox_interior {
	color:#FFFFFF;
	font-size:11px;}
	
a.techbox:link, a.techbox:active, a.techbox:visited, a.techbox:hover {
	font-size:12px; 
	color:#FFFFFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-decoration:none;}
	
.title_dkbluebold {
	color:#053c76;
	font-weight:bold;}
	
.title_arrowdkblue {
	color:#063865;
	font-weight:bold;
	background:url('../images/arrow-rnd-dkblue.png') left center no-repeat;
	padding:5px 0 5px 20px;}
	
.title_brightbluebold {
	color:#1E7BB4;
	font-weight:bold;}
	
.title_subcategory {
	font-weight:bold;
	font-size:12px;
	color:#053c76;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	border-bottom:solid #053c76 1px; 
	margin:0px 0px 0px 0px;}
	
#topnav {
	padding:8px 23px 0 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;}
	
#topnav a:link, #topnav a:active, #topnav a:visited {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	padding:0 5px 0 5px;
	text-decoration:underline;}
		
#topnav a:hover {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	text-decoration:none;}
	 	
.vendor_box {
	border-bottom:1px solid #9F9F9F;}
	
.vendor_logo {
	padding-top:10px; 
	padding-bottom:10px; 
	float:left;}
	
.vendor_name {
	padding-top:10px; 
	padding-bottom:10px;
	float:right;}
	
.vendor_name_left {
	padding-top:10px; 
	padding-bottom:10px;}
	
.whitetext {
	color:#FFFFFF;
	font-size:12px;
	font-weifht:bold;}

.set1{background:url(../images/bullet.gif)  center left no-repeat; padding-left:11px; vertical-align:middle}

/* Form Sytles */

.formcontainter {
	width:300px;}

fieldset {
	border:1px solid #CCCCCC;
	padding:10px;}
	
label {
	display:block;
	line-height:22px;
	vertical-align:top;}
	
legend {
	color:#999999;
	font-weight:bold;}
	
.requiredtext {
	color:#FF0000;}

input {	background-color: #ECEDED; border: solid 1px #8D9193; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
input:focus { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
input:hover { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}

input.none { background-color: #ECEDED; border: 0px; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 0px;}
input.none:focus { background-color: #FFFFFF; border: 0px; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 0px;}
input.none:hover { background-color: #FFFFFF; border: 0px; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 0px;}

select { background-color: #ECEDED; border: solid 1px #8D9193; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
select:focus { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
select:hover { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}

textarea { background-color: #ECEDED; border: solid 1px #8D9193; color: #8D9193; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
textarea:focus { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}
textarea:hover { background-color: #FFFFFF; border: solid 1px #8D9193; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 3px;}

  
/*** Hyrol Page Styles ***/

.casestudyclass {
	background-color:#9F9F9F;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;}

#cat_active a:link, #cat_active a:active, #cat_active a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align:center;}
#cat_active a:hover {
	font-weight: bold;
	text-decoration: underline;}
	
#cat_activesub a:link, #cat_activesub a:active, #cat_activesub a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;}
#cat_activesub a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;}	
	
#cat_inactive a:link, #cat_inactive a:active, #cat_inactive a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;}
#cat_inactive a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;}

#cat_active {
	background-color:#4582CD;
	text-align:center;
	padding-left:3px;
	padding-right:3px;}
	
#cat_activesub {
	background-color:#4582CD;
	padding-left:3px;
	padding-right:3px;}
	
#cat_inactive {
	background-color:#9F9F9F;
	text-align:center;
	padding-left:3px;
	padding-right:3px;}
	
.graycellbg {
	background-color:#c0c0c0;}

.ltgraybg {
	background-color:#EFEFEF;}
	
#prodheader {
	background-color:#9F9F9F;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;}