/* ===============================================
ATI SCREEN STYLESHEET
--------------------------------------------------
AUTHOR(S): matt@topspotims.com,


==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #bcb277;
HEADER BG       #b9b9b9;

NAV BG          #e6e6e6;
NAV HOVER 		#7d88a1;

LIGHT GREY		#d0d0cf;
DARK GREY		#939393;
DARK BLUE		#32467c;

RED				#981e14;

=================================================*/

body{
	margin: 0;
	padding: 0;
	background:#bcb277 url('../images/atiBg.gif') repeat-y top center;
	font: 75% Arial, Helvetica, sans-serif;
	text-align: center; /* LAYOUT CENTERED IN IE 6 */
}

.clearBoth {
	clear: both;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}

.floatright {
	float: right;
	height: auto;
}

.floatleft {
	float: left;
}
.padding {
	padding: 5px;
}
.inline {
	display: inline !important;
}

.resetList, .resetList li ul {
	margin: 0;
	padding: 0;
}
.resetList li {
	display:inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dblue {
	color: #32467c;
}

a {
	color: #981e14;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.blank {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}
a.arrows {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 30px;
	width: 30px;
}
.gallery img {
	border: none;
}
.redLink {
	margin: 0;
	padding-right: 15px;
	color: #981e14;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('../images/right_arrow_dbl.gif') no-repeat 95% center;
}
.redLink:hover {
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-size: 1.7em;
	letter-spacing: .08em;
}
h2 {
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-size: 1.3em;
	letter-spacing: .08em;
}

p {
	margin: 0 0 10px 0;
	line-height: 1.5;
	font-weight: bold;
}

hr {
	margin: 20px 0;
	padding: 0;
	height: 2px;
	border: 0;
	background: #939393;
	clear: both;
}

#wrapper{
	margin:0 auto;
	padding: 0 13px;
	width:740px;
	text-align: left; /* UNDO IE CENTERING */
}

#header {
	position: relative;
	background:#b9b9b9 url('../images/topHeader.jpg') no-repeat left top;
	width: 740px;
	height: 140px;
}

#phoneNum {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
	font-size: 1.3em;
}
#phoneNum .fax{
	font-size: .8em;
}

/*  PRIMARY NAVIGATION *******/
#primaryNav {
	position: absolute;
	display: block;
	top: 140px;
	margin: 0;
	padding-top: 7px;
	background: #fefefe url('../images/primaryNavBg.gif') repeat-x top left;
	width: 740px;
	height: 20px;
	text-align: right;
	cursor: pointer;
	
}
#primaryNav a {
	margin-left: -4px;
	padding: 7px 12px 6px 12px;
	border-right: 1px #939393 solid;
	color: #000;
	text-transform: uppercase;
	font-weight: 100;
	text-decoration: none;
}
#primaryNav a:hover {
	color: #fff;
	background: #7d88a1 url('../images/navOver.gif') repeat-x top left;
	cursor: pointer;
}
#primaryNav a.last {
	border: none;
}
#primaryNav li {
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent;
}
#primaryNav li ul {
	top: 20px;
	width: 150px;
	cursor: pointer;
}
#primaryNav li ul li {
	text-align: left;
	margin-left: -4px;
	padding: 0;
	display: block;
	border-left: none !important;
}
#primaryNav li ul li a {
	margin: 0 !important;
	background: #fefefe;
	border-right: none !important;
	display: block;
	cursor: pointer;
}

/*============================================ SUCKERFISH */
#primaryNav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
}

#primaryNav li:hover ul, #primaryNav li.sfHover ul { /* lists nested under hovered list items */
	left: 1px;
	cursor: pointer;
}



/*  HEADER FLASH AREA *******/

#headerFlash {
	margin-top: 20px;
	width: 740px;
	height: 151px;
}

#content {
	margin-top: 30px;
	background-color: #fff;
}

/* LEFT SIDE HOME CONTENT ********/
#mainLeftSide {
	float: left;
	width: 475px;
}

div.mainLeftBox {
	margin-bottom: 15px;
	padding: 7px 7px 20px 7px;
	background-color: #d0d0cf;
	overflow: auto;
	height: 240px;
}

.mainLeftBox h1 {
	margin-bottom: 10px;
	letter-spacing: .08em;
}

.mainLeftBox p {
	float: right;
	width: 310px;
	font-weight: bold;
	line-height: 1.5;
}

div.NEWmainLeftBox {
	margin-bottom: 15px;
	padding: 7px 7px 20px 7px;
	background-color: #d0d0cf;
	overflow: auto;
	height: 240px;
}

.NEWmainLeftBox h1 {
	margin-bottom: 10px;
	letter-spacing: .08em;
}

.NEWmainLeftBox p {
	font-weight: bold;
	line-height: 1.5;
}
#mainWelcomeImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/ATI_actuator1a.gif') no-repeat top left;
	height:125px;
	width:128px;
}

#mainLeftProducts {
	margin-bottom: 15px;
	padding: 7px 7px 25px 7px;
	overflow: auto;
	background: transparent;
	height: 190px;
}
#mainLeftProducts h1 {
	margin-bottom: 20px;
}

#mainLeftProductsList li {
	position: relative;
	display: inline-block;
}
#mainLeftProductsList li span {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 130px;
	text-align: center;
}

#mainAboutImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/ATI_actuator1b.gif') no-repeat top left;
	height:125px;
	width:128px;
}

/* RIGHT SIDE HOME CONTENT ********/
#mainRightSide {
	float: right;
	width: 250px;
}
div.mainRightBox {
	margin-bottom: 18px;
	padding: 0 10px;
	background-color: #939393 !important;
	overflow: auto;
}

.mainRightBox h1 {
	margin: 10px 0;
}
.mainRightBox p {
	float: right;
	width: 135px;
	padding-bottom: 10px;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.5;
}
div.latest {
	background: transparent url('../images/latest.gif') no-repeat 95% center;
	height: 35px;
}
div.knowledge {
	position: relative;
	background: transparent url('../images/down_arrows.gif') no-repeat 95% 95%;
	height: 140px;
}
div.kits {
	background: transparent url('../images/cart.gif') no-repeat 95% center;
}
#mainKnowledgeImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/ATI_actuator5a.gif') no-repeat top left;
	height:93px;
	width:80px;
}

#mainIndustries {
	margin-bottom: 20px;
	padding: 10px;
	border-left: 3px #d0d0cf solid;
	overflow: auto;
	height: 190px;
}
#mainIndustries ul {
	margin-top: 10px;
	padding-left: 15px;
	list-style-image: url('../images/bullet.gif');
}
#mainIndustries ul li {
	margin: 5px 0;
	font-weight: bold;
}
#mainIndustries ul li a{
	margin: 3px 0;
	font-weight: bold;
	color: #939393;
	text-decoration: none;
}
#mainIndustries ul li a:hover{
	text-decoration: underline;
}

.sameDay {
	height: 22.3em;
}
#mainSameDayImg {
	float:left;
	padding-bottom: 10px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/ATI_actuator4.gif') no-repeat top left;
	height:93px;
	width:80px;
}

/* BOTTOM HOME CONTENT ********/
div.mainBottom, div.powerPlant {
	margin-bottom: 20px;
	padding: 15px 7px 10px 7px;
	background-color: #d0d0cf;
	overflow: auto;
	clear: both;
}
.mainBottom h1, .powerPlant h1 {
	margin-bottom: 10px;
}
.mainBottomImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/machine.gif') no-repeat top left;
	height:154px;
	width:154px;
}
.mainBottom p {
	float: right;
	margin: 0 0 10px 0;
	width: 550px;
	font-weight: bold;
	line-height: 1.5;
}
.powerPlant p {
	float: right;
	margin: 0 0 10px 0;
	width: 480px;
	font-weight: bold;
	line-height: 1.5;
}
.powerPlant img {
	float: left;
	display: block;
	clear: left;
	padding: 5px 0;
}

/* LEFT SIDE PRODUCTS CONTENT ********/
#leftSide {
	float: left;
	width: 256px;
}
#leftSideSecondary {
	float: left;
	width: 206px;
}
#sideNav {
	margin-bottom: 20px;
	padding-bottom: 15px;
	height: 435px;
	overflow: visible;
}
#sideNavImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/lineof_actuators.gif') no-repeat top left;
	width:256px;
	height:87px;
}
#sideNavSecondaryImg {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url('../images/lineof_actuators2.gif') no-repeat top left;
	width:200px;
	height:87px;
}
#sideNavSecondary {
	margin-bottom: 20px;
	padding-bottom: 15px;
	overflow: visible;
}
ul#sideNavAcc {
	float: left;
	margin: 0;
	padding: 0;
	width: 256px;
	background-color: #939393;
}
ul#sideNavSecondaryAcc {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #939393;
}
#sideNav li, #sideNavSecondary li {
	margin: 0 10px;
	padding: 5px 0;
	border-bottom: 2px #585858 solid;
	display: block;
}
#sideNav li.last, #sideNavSecondary li.last {
	border: none;
}
#sideNav li a, #sideNavSecondary li a {
	padding: 5px 5px;
	width: 90%;
	display: block;
	color: #000;
	text-decoration: none;
}
#sideNav li a:hover, #sideNavSecondary li a:hover {
	padding: 5px 0 5px 3px;
}

.sideSubNav li {
	margin-left: 7px;
	padding: 0 0 0 5px;
	border-bottom: 1px #585858 solid !important;
	display: block;
}
.sideSubNav li.last {
	margin-bottom: 5px;
	border: none !important;
}
.sideSubNav li a {
	padding: 5px 5px 5px 7px;
	width: 100%;
	display: block;
	font-size: .9em;
	color: #000;
	font-style: italic;
	text-decoration: none;
}
.sideSubNav li a.selected {
	color: #fff;
}
.sideSubNav li a:hover {
	padding: 5px 5px 5px 3px;
	text-decoration: underline;
	color: #fff !important;
}

#leftSide h2 {
	font-size: 1.1em;
	font-weight: bold;
}
#leftSide p {
	font-size: .85em;
	color: #414141;
}

a.extraLink {
	margin: 12px 0;
	padding: 5px 10px;
	width: 236;
	font-size: 1.15em;
	font-weight: 100;
	text-decoration: none;
	color: #000;
	display: block;
}
a.extraLink:hover {
	padding: 5px 15px !important;
}
a.brochure {
	background: #939393 url('../images/pdf_icon.gif') no-repeat 95% 100%;
}
a.animation {
	background: #939393 url('../images/anim_icon.gif') no-repeat 95% 100%;
}
a.partNum {
	background: #939393 url('../images/partNum_icon.gif') no-repeat 95% 80%;
}
a.weights {
	background: #939393 url('../images/weight_icon.gif') no-repeat 95% 70%;
}

/* QUICK RFQ FORM  *********/
#rfq {
	float: left;
	margin-top: 20px;
	padding: 10px 10px;
	width: 180px;
	background: #D8D8D8;
}
#rfq h1 {
	border-bottom: 2px #585858 solid;
}
#rfq label {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1em;
	color: #000;
	display: block;
}
#rfq input, #rfq textarea {
	margin: 0 0 7px 0;
	padding: 5px;
	width: 168px;
	border: 1px #585858 solid;
	border-top: 2px #585858 solid;
}
#rfq textarea {
	height: 150px;
}
#rfq button {
	margin: 0;
	padding: 5px 17px;
	background: #585858;
	font-size: 1.2em;
	color: #D8D8D8;
	border-top: none;
	border-left: none;
	border-bottom: 1px #3f3f3f solid;
	border-right: 1px #3f3f3f solid;
	cursor: pointer;
}
#rfq button:hover {
	background: #8f8f8f;
	color: #fff;
	border-bottom: 1px #656565 solid;
	border-right: 1px #656565 solid;
}

/* CONTACT FORM  *********/
#contactForm {
	float: left;
	margin: 0;
	padding: 10px 10px;
	width: 230px;
	background: #D8D8D8;
}
#contactForm h1 {
	font-size: 1.35em;
	border-bottom: 2px #585858 solid;
}
#contactForm label {
	margin: 5px 0;
	padding: 0;
	font-size: 1em;
	color: #000;
	display: block;
}
#contactForm input, #contactForm textarea {
	margin: 0 5px 10px 0;
	padding: 5px;
	width: 218px;
	border: 1px #585858 solid;
	border-top: 2px #585858 solid;
}
#contactForm textarea {
	height: 150px;
}
#contactForm button {
	margin: 0;
	padding: 7px 17px;
	background: #585858;
	font-size: 1.2em;
	color: #D8D8D8;
	border-top: none;
	border-left: none;
	border-bottom: 1px #3f3f3f solid;
	border-right: 1px #3f3f3f solid;
	cursor: pointer;
}
#contactForm button:hover {
	background: #8f8f8f;
	color: #fff;
	border-bottom: 1px #656565 solid;
	border-right: 1px #656565 solid;
}



/* RIGHT SIDE PRODUCTS CONTENT ********/
#rightSide {
	float: right;
	width: 469px;
}
#rightSideSecondary {
	float: right;
	width: 519px;
}
.productImgRight {
	float: right;
	margin-left: 35px;
}
ul.performanceHighlights {
	margin-left: 15px;
	padding: 0;
	list-style: url('../images/ATI_arrow3.gif') outside;
}
.performanceHighlights li {
	padding: 5px 0;
	font-weight: bold;
}
.caption {
	padding-top: 10px;
	font-size: .8em;
	font-weight: bold;
}
ul.industries {
	margin-bottom: 20px !important;
}
.industries li {
	margin: 5px 0;
	padding: 8px 7px;
	background-color: #d8d8d8;
	font-weight: bold;
	display: block;
}
.industries li.linkIe {
	padding: 10px 10px 10px 50px;
	background: #d8d8d8 url('../images/ie_icon.gif') no-repeat 10px 10px;
}
.industries li.linkPdf {
	padding: 10px 10px 10px 50px;
	background: #d8d8d8 url('../images/pdf.gif') no-repeat 10px 10px;
}
.industries li.linkIe a, .industries li.linkPdf a {
	padding-bottom: 7px;
	font-size: 1.05em;
	font-weight: bold;
}
.industries li span {
	font-size: .95em;
	font-weight: normal;
}
.industries li a {
	font-size: .95em;
	font-weight: normal;
}

ul.appList {

}
.appList li {
	margin: 0;
	padding: 15px 0;
	border-bottom: 2px #939393 solid;
	display: block;
}
.appList li.last {
	border: none;
}
.appList img {
	padding-right: 20px;
	border-right: 3px #d0d0cf solid;
}
.appList p {
	float: right;
	margin: 0;
	padding: 15px 10px 15px 0;
	width: 270px;
	height: 100%;
	color: #939393;
}
.options li {
	margin: 10px 0;
	padding: 5px 0 15px 0;
	display: block;
	border-bottom: 1px #939393 solid;
}
.options li p {
	padding-left: 5px;
}



/* PRODUCTS BOTTOM CONTENT ********/
#bottomContent{
	margin: 20px 0 10px 0;
}

#bottomContent hr {
	height: 3px;
	border: none;
	background-color: #939393;
	clear: both;
}

ul#turnKey {
	margin: 15px 0 0 0;
	padding: 3px 0;
	list-style: none;
	overflow: auto;
}
#turnKey li {
	float: left;
	padding: 0 30px 0 0;
	height: 95px;
	width: 325px;
	display: inline-block;
}
#turnKey h2 {
	padding-left:20px;
	background: transparent url('../images/turnkey_bullet.gif') no-repeat left 10%;
}

ul.actuatorBottomBorder {
	padding-top: 20px;
	border-top: 3px #939393 solid;
}
ul#actuatorsOverview {
	margin: 15px 0 0 0;
	padding: 3px 0;
	list-style: none;
	overflow: auto;
}
#actuatorsOverview li {
	float: left;
	padding: 0 30px 0 0;
	width: 328px;
	display: inline-block;
}
#actuatorsOverview li img {
	float: right;
	margin: 5px;
}

div.productInfoLeft {
	float: left;
	margin: 15px 0;
	padding: 10px 10px;
	width: 450px;
	background-color: #d0d0cf;
}

div.productInfoRight {
	float: right;
	margin: 15px 0;
	padding: 10px 10px;
	width: 235px;
	background-color: #939393;	
}
.productInfoRight ul {
	margin: 10px 0;
}
.productInfoRight li {
	padding: 5px 3px;
	border-top: 2px #2e2e2e solid;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #981e14;
	display: block;
}
.productInfoRight li span{
	float: right;
	color: #414141;
}
.productInfoRight p {
	font-size: .9em;
	font-weight: normal;
	color: #414141;
}

/* SAME DAY QUOTE STYLE ************/

#tabs {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#tabs li {
	display: inline;
}
#tabs li a {
	padding: 5px 3px;
	color: #fff;
	background: #424242;
	text-decoration: none;
}
#tabs li a:hover {
	background: #303030;
}
#tabs li a.active {
	background: #000;
}

#content_2, #content_3, #content_4 {
	display: none;
}

#SameDayForm {
	margin: 0;
	padding: 0;
}
#SameDayForm a.tabNext {
	float: right;
	margin: 5px 0 0 0;
	padding: 5px;
	width: 100px;
	color: #fff;
	background: #981e14;
	display: block;
}
#SameDayForm a.tabPrev {
	float: left;
	margin: 5px 0 0 0;
	padding: 5px;
	width: 100px;
	color: #fff;
	background: #981e14;
	display: block;
}
#SameDayForm fieldset {
	margin: 10px 0;
	padding: 0;
	width: 310px;
	border: 0;
}
#SameDayForm legend {
	margin: 0;
	padding:  10px 0 5px 0;
	width: 300px;
	font-size: 18px;
	border-bottom: 3px #939393 solid;
	display: block;
}
#SameDayForm label {
	margin-top: 10px;
	padding-top: 5px;
	font-size: 1.15em;
	border-top: 1px #D8D8D8 dashed;
	display: block;
}
#SameDayForm label.first {
	border: none;
}
#SameDayForm input {
	margin: 5px 0;
	padding: 5px;
	width: 300px;
	border: 1px #424242 solid;
	display: block;
}
#SameDayForm input.cb {
	padding: 5px 10px 0 0;
	width: auto;
	display: inline;
}
#SameDayForm textarea {
	margin: 5px 0;
	padding: 5px;
	width: 300px;
	height: 100px;
	border: 1px #424242 solid;
	display: block;
}
#SameDayForm select {
	margin: 5px 0;
	border: 1px #424242 solid;
	display: block;
}
#SameDayForm .smallInput {
	width: 100px;
}
#SameDayForm button {
	margin: 0;
	padding: 7px 17px;
	background: #585858;
	font-size: 1.2em;
	color: #D8D8D8;
	border-top: none;
	border-left: none;
	border-bottom: 1px #3f3f3f solid;
	border-right: 1px #3f3f3f solid;
	cursor: pointer;
}
#SameDayForm button:hover {
	background: #8f8f8f;
	color: #fff;
	border-bottom: 1px #656565 solid;
	border-right: 1px #656565 solid;
}

/* SITEMAP  *****************/
#sitemap ul {
	list-style: none;
}
#sitemap li {
	margin-top: 5px;
}


/* GLOBAL FOOTER  ***********/
#footer {
	width: 740px;
	height: 100px;
	padding-top: 15px;
	background: #b9b9b9 url('../images/footer.gif') no-repeat left top;
}
#footer p {
	padding: 15px 0 0 15px;
	text-align: center;
	color: #363636;
	font-size: .85em;
	font-weight: bold; 
}
ul#footerNav {
	text-align: center;
}
#footerNav li{
	padding: 1px 7px;
	border-right: 1px #939393 solid;
}
#footerNav li a{
	color: #000;
	text-decoration: none;
}
#footerNav li a:hover{
	color: #2e2e2e;
	text-decoration: underline;
}
#footerNav li.last{
	border: none;
}

.image-style-right {
	float:right;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid #2d4170 1px;
	margin: 0 16px 6px 22px;
}