﻿/*----------CSS for Classic Automation - Rochester, NY-----------------------------------------------------*/
/*----------Created by Brian Daggett - Innovative Solutions - Rochester, NY-----------------------------*/

body {
	background:url(../images/bg.jpg) no-repeat top center #e3e3e3;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	position:relative;
	}
	
	a img {  
    border: none;  
    } 

#contentWrapper { width:1000px; padding:0; margin:0px auto; position:relative;}	
.clear {clear:both;}
.float-right {float:right;}
.float-right2 {float:right;
	padding: 5px;
	margin: 5px 5px 0 0;
	}	
.float-left {float:left;}	
.float-left2 {float:left;
	padding: 5px;
	margin: 5px 5px 0 0;
	}
.imgLeftFloat{
 	background-color: #acc3d7;
	border: 1px solid #1c2f69;
	padding: 5px;
	margin: 5px 5px 0 0;
	float:left;
	}
.imgRightFloat{
 	background-color: #acc3d7;
	border: 1px solid #1c2f69;
	padding: 5px;
	margin: 5px 0 0 5px;
	float:right;
	}	
.imgLeft{
 	background-color: #acc3d7;
	border: 1px solid #1c2f69;
	padding: 5px;
	margin: 5px 5px 0 0;
	}
.imgRight{
 	background-color: #acc3d7;
	border: 1px solid #1c2f69;
	padding: 5px;
	margin: 5px 0 0 5px;

	}		
.highlight {font-style:italic;}
.foot { color:#757575; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0;}
#floatBadge { position:absolute; top:17px; left:580px; z-index:3000;}
#printHeaderTable { display:none; }

/*------------HEADER STUFF--------*/
#header { width:1000px; height:151px; background:url(../images/headerBg.png) no-repeat; position:relative;}
#SearchPod { position:absolute; top:0; left:20px; width:1000px; padding:0; margin:0; height:26px;}
.PartSearch {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFF; padding:0; margin:0;}
.headerEmail {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#ca0404;}
.headerPhone { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#ca0404;}
.headerText {text-align:right; padding:10px 5px 0 0; margin:0;}
.headerLinks { vertical-align:middle; background:url(../images/prototype6EDIT2_06.png) no-repeat; width:606px; height:35px; text-align:right; font-weight:bold; color:#FFF; padding:0; margin:0;}
.headerLinks a:link {color:#ffffff; text-decoration:none;}
.headerLinks a:visited {color:#ffffff; text-decoration:none;}
.headerLinks a:hover {color:#ca0404; text-decoration:none; }
.headerLinks a:active {color:#ffffff; text-decoration:none;}
.cartIcon {padding-top:5px; margin:0;}	
.advanceSearch {background:url(../images/prototype6EDIT2_10.png) no-repeat; width:116px; height:31px; text-align:right;}
.advanceSearch a:link {color:#ffffff; text-decoration:underline;}
.advanceSearch a:visited {color:#ffffff; text-decoration:underline;}
.advanceSearch a:hover {color:#ca0404; text-decoration:none; }
.advanceSearch a:active {color:#ffffff; text-decoration:underline;}
.searchBar { background:url(../images/prototype6EDIT2_08.png) no-repeat; width:594px; height:31px;}
.headerContact { background:#f4f4f4; width:606px; height:60px; text-align:right;}
.headerContact a:link {color:#ca0404; text-decoration:none;}
.headerContact a:visited {color:#ca0404; text-decoration:none;}
.headerContact a:hover {color:#ca0404; text-decoration:underline;}
.headerContact a:active {color:#ca0404; text-decoration:none;}

/*-------------RECENT NEWS POD-------------------*/

#example1{
	padding:5px;
	font-size:11px;
	width:960px;
	border:1px #595656 solid;
	margin:auto;
	color:#ffffff;
	background:#767272;
	} 

/*-----------MAIN CONTENT STUFF --*/
#content {background:url(../images/contentBg.png) repeat-y; width:928px; margin:0 auto; padding:10px 35px 0 35px; float:left;}
#contentCap { background:url(../images/contentBottom.png) no-repeat; width:1000px; height:28px; margin:0 auto; padding:0; clear:both; position:relative;}
#contentLeft {width:700px; float:left;}
#contentFull {width:915px; float:left;}
#contentLeft p, #contentFull p{ line-height:1.7em; padding-bottom:5px; margin:0;}
#contentLeft ul, #contentFull ul {padding-left:5px; margin:0;}
#contentLeft li, #contentFull li{ list-style:none; padding: 0px 0px 5px 14px; background:url(../images/bullet.gif) no-repeat 0px/*left and right*/ 5px /*up and down*/;}

/*-----------Right POD--------------*/
#contentRight { width:215px; float:left; padding-left:10px;  position:relative;}
#contentRightTop {background:url(../images/podTop.gif) no-repeat; width: 214px; height: 17px; float:left;}
#contentRightMiddle {background:url(../images/podBg.gif) repeat-y; float:left; width: 214px;}
#contentRightBottom { background:url(../images/podBottom.gif) no-repeat; width: 214px; height: 17px; clear:both;}
#browseWrapper, #moreInfoWrapper { padding:0; margin:0 auto; width:192px; padding-bottom:10px;}
#CAWrapper { padding:0; margin:0 auto; width:192px; padding-bottom:10px;}
#browseTop, #moreInfoTop { background:url(../images/miniPodTop.gif) no-repeat; width:187px; height:17px; padding: 5px 0 0 5px;}
#CATop { background:url(../images/miniPodTop.gif) no-repeat; width:187px; height:17px; padding: 5px 0 0 5px;}
#CAMiddle, #moreInfoMiddle { width:192px; background:#f1f1f1; padding:0; margin:0 auto;}
#browseMiddle { width:192px; background:#f1f1f1; padding:3px 0 0 0; margin:0 auto;}
#CABottom, #browseBottom, #moreInfoBottom { background:url(../images/miniPodBottom.gif) no-repeat; width:192px; height:8px;}
#contentRight ul {padding: 3px 0 0 5px; margin:0;}
#contentRight li{ list-style:none; padding: 0px 0px 2px 14px; background:url(../images/bullet.gif) no-repeat 0px/*left and right*/ 5px /*up and down*/;}
.podHeader {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; padding:0; margin:0;}
.CAHeader ul {padding: 3px 0 0 5px; margin:0;}
.CAHeader li{ list-style:none; padding: 0px 0px 2px 14px; font-weight:bold; font-size:12px; color:#ca0404; background:url(../images/bullet.gif) no-repeat 0px/*left and right*/ 5px /*up and down*/;}

/* ----------GLOBAL HEADERS-------*/
h1 { color:#ca0404; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding:0; margin:0;}
h2 { color:#827c7c; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; padding:0; margin:0;} 
h3 { color:#ca0404; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0; margin:0;} 
	
/* ----------GLOBAL LINKS---------*/
a:link {color:#ca0404; text-decoration:underline;}
a:visited {color:#ca0404; text-decoration:underline;}
a:hover {color:#ca0404; text-decoration:none;}
a:active {color:#ca0404; text-decoration:underline;}


/* ----------DROP DOWN NAVIGATION------------*/
#navigationWrapper { background:url(../images/navBg.png) no-repeat; width:998px; margin:0 auto; padding:0; height:44px;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ca0404; font-weight:bold;}
#nav {padding:17px 0 0 38px;}
#nav a:link {color:#ffffff; text-decoration:none; }
#nav a:visited {color:#ffffff; text-decoration:none;}
#nav a:hover {color:#ca0404; text-decoration:none;}
#nav a:active {color:#ffffff; text-decoration:none;}


/*-----------FOOTER----------------*/
#footerWrapper{ width:950px; margin:0px auto; color:#757575; font-size:11px; font-family:Arial, Helvetica, sans-serif; clear:both;}
#footerWrapper a:link {color:#757575; text-decoration:underline;}
#footerWrapper a:visited {color:#757575; text-decoration:underline;}
#footerWrapper a:hover {color:#b30201; text-decoration:none;}
#footerWrapper a:active {color:#757575; text-decoration:underline;}

#footerNav{ color:#b30201; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0; font-size:12px; text-align:right; font-weight:bold;}
#footerNav a:link {color:#b30201; text-decoration:none;}
#footerNav a:visited {color:#b30201; text-decoration:none;}
#footerNav a:hover {color:#b30201; text-decoration:underline;}
#footerNav a:active {color:#b30201; text-decoration:none;}

/*----------LEFT CONTENT GRIDS--------------*/
.grid, .grid2 {vertical-align:middle; text-align:center; border:1px #31363b solid; margin:5px 0; width:100%; border-collapse:collapse;} 
.grid th, .grid2 th {padding:7px; background-color:#31363b; color:#FFF;} 
.grid td{padding:7px; text-align:left; border:1px solid #31363b;} 
.grid2 td{padding:7px; text-align:left;} 
.grid .alternate, .grid2 .alternate {background:#ebebeb;} 
.grid td.totalCell, .grid2 td.totalCell {text-align:right; font-weight:bold;}

.noBorders td {border:0}

.qtyText {
    width:50px;
}
.rightAlign {
    text-align:right;
}
.centerAlign {
    text-align:center;
}
.SecurityCodeInput {
    width:35px;
}

hr {color:#ca0404; background-color:#ca0404;height:1px; width:100%;}
