/* GLOBAL */

body, html { background:#011039 url(images/ACTION-ENGRAVING-background.jpg) center top no-repeat; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.container { width:960px; margin:0 auto;}

.body { background:#FFFFFF;}

/* HEADER */

.header { height:124px; position:relative;}

.header .logo a { display:block; width:228px; height:0; padding-top:109px; overflow:hidden; position:absolute; background:url(images/action-logo.png) no-repeat; top:17px; left:10px; }

.header .contact-info { width:194px; position:absolute; right:0; top:15px;}

.header .contact-info .phone { background:url(images/icons.png) no-repeat 0 2px; padding-left:26px; color:#FFFFFF; font-size:20px; font-weight:normal; margin-bottom:10px; display:block;}

.header .contact-info .fax {background:url(images/icons.png) no-repeat 0 -29px; padding-left:26px; color:#FFFFFF; font-size:20px; font-weight:normal;margin-bottom:15px;display:block;}

.header .contact-info .email {display:block; font-size:12px; color:#FFFFFF; text-decoration:none;}

.header .contact-info .email:hover {text-decoration:underline;}

.navigation {background:url(images/nav-back.jpg) no-repeat; width:960px; height:54px; position:relative;}

.navigation li {display:block; float:left;}

.navigation li a {display:block; float:left; height:0; padding-top:53px; overflow:hidden;}

.navigation .home a {background:url(images/nav-sprite.png) no-repeat 0 10px; width:93px;}

.navigation .home a:hover {background:url(images/nav-sprite.png) no-repeat 0px -64px;}

.navigation .products a {background:url(images/nav-sprite.png) no-repeat -93px 10px; width:189px;}

.navigation .products a:hover {background:url(images/nav-sprite.png) no-repeat -93px -64px;}

.navigation .contact a {background:url(images/nav-sprite.png) no-repeat -282px 10px; width:109px;}

.navigation .contact a:hover {background:url(images/nav-sprite.png) no-repeat -282px -64px;}

.navigation .years-of-business {background:url(images/site-text.png) no-repeat; position:absolute; display:block; width:216px; height:0; padding-top:16px; overflow:hidden; top:16px; right:25px;}
	  
/* HOMEPAGE */

.spotlight { position:relative;height:249px;}

.spotlight .welcome { background:url(images/welcome-back.jpg) no-repeat; position:absolute; left:0px;height:249px; width:390px;}

.spotlight .welcome .quick-prompt { font-size:1px; display:block; height:0px; padding-top:1px; overflow:hidden;}

.spotlight .welcome p { color:#BFDCF9; width:326px; line-height:18px; margin:94px 0 0 43px; font-size:11px;}

.spotlight .welcome a { background:url(images/learn-more.png) no-repeat; width:140px; height:0; padding-top:37px; overflow:hidden; display:block; float:right; margin:2px 25px 0;}

.spotlight .welcome a:hover {background:url(images/learn-more.png) no-repeat 0 -37px;}

.spotlight .product-spotlight {position:absolute; right:0px; width:570px;height:249px;}
 
.spotlight .product-spotlight .Device-Covers-Wallplates {background:url(images/spotlight.jpg) no-repeat; width:190px; display:block;height:0; float:left; overflow:hidden; padding-top:249px;}

.spotlight .product-spotlight .Device-Covers-Wallplates:hover {background:url(images/spotlight.jpg) no-repeat 0 -249px;}

.spotlight .product-spotlight .Panel-Tags-Nameplates {background:url(images/spotlight.jpg) no-repeat -190px 0;width:190px; display:block;height:0; float:left; overflow:hidden; padding-top:249px;}

.spotlight .product-spotlight .Panel-Tags-Nameplates:hover {background:url(images/spotlight.jpg) no-repeat -190px -249px;}

.spotlight .product-spotlight .Motor-Control-Labels-Push-Button-Legends {background:url(images/spotlight.jpg) no-repeat -380px 0;width:190px; display:block;height:0; float:left; overflow:hidden; padding-top:249px;}

.spotlight .product-spotlight .Motor-Control-Labels-Push-Button-Legends:hover {background:url(images/spotlight.jpg) no-repeat -380px -249px;}

.content { padding:0 35px; overflow:hidden;}

.shadow { background:url(images/shadow-back.png) repeat-x; border-top:#BBBBBB 1px solid;}

.content .hp-products { background:url(images/site-text.png) no-repeat 0 -247px; width:215px; height:0; padding-top:16px; overflow:hidden; margin:25px 0 0 0;}

.content .hp-product-list { width:948px; overflow:hidden; margin:20px 0 30px 0;}

.content .hp-product-list li { display:block; float:left; text-align:center; color:#333333; font-size:14px; text-transform:uppercase;width:104px;margin:0 54px 0 0;}

.content .hp-product-list li a {background:url(images/hp-product-surround.png) no-repeat; width:104px; height:85px; display:block; margin:0 0 10px;}

.content .hp-product-list li a img { width:90px; height:71px;margin:6px 0 0;}

/* FOOTER */

.footer { background:url(images/footer-back.jpg) no-repeat center top; height:114px; overflow:hidden;}

.footer p { color:#2575AD; font-size:10px; text-transform:uppercase; text-align:right; margin-top:20px; display:block; letter-spacing:1px;}

.footer p a { color:#BFDCF9; border-bottom:#FFFFFF 1px solid; text-decoration:none;}

.footer p a:hover {color:#FFFFFF; background:#2575AD; border-bottom:#2575AD 1px solid;}

/* PRODUCT PAGE */

.sub-header { background:url(images/subpage-subheader.jpg) repeat-x; height:56px; overflow:hidden;}

.sub-header h2 { background:url(images/site-text.png) no-repeat 0 -79px; width:325px; display:block; height:0; padding-top:26px; overflow:hidden; margin:15px 0 0 35px;}

.product-shadow { background:url(images/product-shadow-back.png) repeat-x;}

.product-welcome { margin-top:25px; overflow:hidden; width:490px; float:left; min-height:155px;}

.product-welcome p { font-size:12px; line-height:20px; color:#333333; margin-bottom:15px;}

.product-pdf {margin-top:25px; width:360px; float:right; background:url(images/pdf-download.png) no-repeat 215px 0; height:155px;}

.product-pdf .heading {background:url(images/site-text.png) no-repeat 0 -149px; width:222px; display:block; height:0; padding-top:50px; overflow:hidden; margin:0 0 35px  0;}

.product-pdf .printer-friendly { color:#000000; text-decoration:underline; font-size:12px;}

.product-pdf .printer-friendly:hover { text-decoration:none; color:#00154A;}

.product-nav { padding:25px 35px; margin-top:25px; width:890px; overflow:hidden; background:#E6E6E6;}

.product-nav li { display:block; float:left;}

.product-nav li a {display:block; float:left; background:url(images/product-nav.jpg) repeat-x; height:32px; padding:0 15px; margin:0 1px 0 0; text-transform:uppercase; font-size:11px; color:#C9C9C9; line-height:32px; font-weight:bold; text-decoration:none; text-shadow:#000000 0 -1px 0;}

.product-nav li a:hover {background:url(images/product-nav.jpg) repeat-x 0 -32px; color:#FFFFFF;text-shadow:#000000 0 1px 0;}

.content h3 { color:#333333; font-size:20px;font-weight:bold; text-transform:uppercase; margin-top:15px; float:left; display:block;}

.back-to-top { float:right; display:block; margin-top:15px;background:url(images/bact-to-top.png) no-repeat; width:107px; height:0; padding-top:19px; overflow:hidden;}

.back-to-top:hover {background:url(images/bact-to-top.png) no-repeat 0 -23px;}

.product-type-desc { width:890px;font-size:12px; line-height:20px; color:#333333; margin-bottom:30px; clear:both; padding-top:30px;}

.product {float:left; width:434px; margin:0 10px 0 0; overflow:hidden; height:215px;}

.product .product-image { background:url(images/product-back.jpg) no-repeat; width:177px; height:142px; display:block; float:left;}

.product .product-image img { width:165px; height:130px; margin:5px 0 0 6px;}

.product .product-desc { width:240px; float:right;}

.product .product-desc ul { color:#666666; font-size:12px; margin-bottom:10px; overflow:hidden;}

.product .product-desc li { display:block; margin-bottom:5px;}
 
.product .product-desc .product-title { font-size:16px; color:#0862A3;}

.product .product-desc a {font-size:13px; color:#000000; text-decoration:underline;}

.product .product-desc a:hover {text-decoration:none; color:#00154A;}

.product-type-desc a {color:#2575AD; text-decoration:underline;}

.product-type-desc a:hover {color:#000000; text-decoration:none;}

/* CONTACT */

.contact h2 { background:url(images/site-text.png) no-repeat 0 -325px; width:325px; display:block; height:0; padding-top:26px; overflow:hidden; margin:15px 0 0 35px;}

.left-contact { width:465px; float:left; margin-top:25px;}

.left-contact .contact-header { background:url(images/site-text.png) no-repeat 0 -396px; width:365px; height:0; padding-top:50px; overflow:hidden;}

.left-contact .action-contact-info { font-size:14px; color:#000000; margin:20px 0 15px;}

.left-contact .action-contact-info li { margin-bottom:5px;}

.left-contact .action-contact-info li a { color:#2575AD; text-decoration:underline;}

.left-contact .action-contact-info li a:hover {color:#000000; text-decoration:none;}

.left-contact p {font-size:14px; color:#000000; margin-bottom:10px;}

.left-contact .ddfmwrap { overflow:hidden; margin-bottom:30px;}

.left-contact .fieldwrap { margin:18px 0;}

.left-contact .fieldwrap input {font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.left-contact .fieldwrap #fm_name {background:url(images/text-entry.jpg) no-repeat; width:440px; height:25px; padding:10px 0 0 10px; border:none; font-size:14px; color:#666666;}

.left-contact .fieldwrap #fm_phone {background:url(images/text-entry.jpg) no-repeat; width:440px; height:25px;padding:10px 0 0 10px; border:none; font-size:14px; color:#666666;}

.left-contact .fieldwrap #fm_email {background:url(images/text-entry.jpg) no-repeat; width:440px; height:25px;  padding:10px 0 0 10px; border:none; font-size:14px; color:#666666;}

.left-contact .fieldwrap label { display:block;font-size:11px; color:#333333; line-height:15px; margin-bottom:15px;}

.left-contact .fieldwrap #fm_upload_dos { width:450px;}

.left-contact .fieldwrap .fmtextarea {background:url(images/text-entry.jpg) no-repeat 0 -40px; padding:10px; width:430px; border:none; height:130px; overflow:auto;font-size:14px; color:#666666;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.left-contact .ddfmwrap .required-text {font-size:12px; color:#666666; text-transform:uppercase; margin:25px 0 0 0}

.left-contact .ddfmwrap .submit { float:right;}

.left-contact .ddfmwrap .submit input {background:url(images/send-btn.jpg) no-repeat; height:37px; color:#000000 ; font-size:1px; border: 0px solid #FFFFFF; width:108px; cursor:pointer;}

.left-contact .ddfmwrap .submit input:hover {background:url(images/send-btn.jpg) no-repeat 0 -37px;}

.left-contact .ddfmerrors { color:#FF0000;font-weight:bold;}

.left-contact .errorlist {color:#FF0000;}

.left-contact .success {color:#00CC00; font-weight:bold;}

.right-contact {width:380px; float:right; margin-top:25px;margin-bottom:30px;}

.right-contact .map-cont { background:url(images/map-back.png) no-repeat; width:359px; height:309px; overflow:hidden;}

.right-contact .map { width:343px; height:293px; margin:7px auto 0 auto;}

.right-contact  .action-location { color:#333333; font-size:14px; margin-top:20px;}

.right-contact li { display:block; margin-bottom:5px;}

/* FANCY BOX */

div#fancy_overlay {position: fixed;	top: 0;	left: 0;width: 100%;height: 100%;	background-color: #000000;	display: none;	z-index: 30;}

div#fancy_wrap {	text-align: left;}

div#fancy_loading {position: absolute;	height: 40px;width: 40px;cursor: pointer;display: none;	overflow: hidden;	background: transparent;	z-index: 100;}

div#fancy_loading div {	position: absolute;	top: 0;	left: 0;width: 40px;height: 480px;background:transparent url(images/fancy_progress.png) no-repeat;}

div#fancy_loading_overlay {	position: absolute;	background-color: #FFF;	z-index: 30;}

div#fancy_loading_icon {	position: absolute;	background: url(images/fancy_loading.gif) no-repeat;z-index: 35;	width: 16px;	height: 16px;}

div#fancy_outer {	position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0;overflow: hidden; background: transparent;    display: none;}

div#fancy_inner {	position: relative;	width:100%;	height:100%;border: 1px solid #BBB;	background: #FFF;}

div#fancy_content {	margin: 0;	z-index: 100;	position: absolute;}

div#fancy_div {	background: #000;	color: #FFF;height: 100%;width: 100%;z-index: 100;}

img#fancy_img {	position: absolute;	top: 0;	left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;}

div#fancy_close {	position: absolute;	top: -12px;	right: -15px;height: 30px;	width: 30px;background: url(images/fancy_closebox.png) top left no-repeat;	cursor: pointer;	z-index: 181;	display: none;}

#fancy_frame {	position: relative;	width: 100%;height: 100%;display: none;}

#fancy_ajax {	width: 100%;height: 100%;overflow: auto;}

a#fancy_left, a#fancy_right {position: absolute; 	bottom: 0px; 	height: 100%; 	width: 35%; cursor: pointer;	z-index: 111; 	display: none;	background-image: url(data:image/gif;base64,AAAA);	outline: none;}

a#fancy_left {left: 0px; }

a#fancy_right {right: 0px; }

span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}

span#fancy_left_ico {left: -9999px;	background: transparent url(images/fancy_left.png) no-repeat;}

span#fancy_right_ico {right: -9999px;	background: transparent url(images/fancy_right.png) no-repeat;}

a#fancy_left:hover { visibility: visible;}

a#fancy_right:hover { visibility: visible;}

a#fancy_left:hover span {left: 20px; }

a#fancy_right:hover span {right: 20px; }

.fancy_bigIframe {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background: transparent;}

div#fancy_bg {position: absolute;	top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;	padding: 0;	margin: 0;}

div.fancy_bg {position: absolute;	display: block;	z-index: 70;border: 0;	padding: 0;	margin: 0;}

div.fancy_bg_n {top: -18px;	width: 100%;height: 18px;background: transparent url(images/fancy_shadow_n.png) repeat-x;}

div.fancy_bg_ne {top: -18px;	right: -13px;width: 13px;height: 18px;	background: transparent url(images/fancy_shadow_ne.png) no-repeat;}

div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url(images/fancy_shadow_e.png) repeat-y;}

div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url(images/fancy_shadow_se.png) no-repeat;}

div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url(images/fancy_shadow_s.png) repeat-x;}

div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;	background: transparent url(images/fancy_shadow_sw.png) no-repeat;}

div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url(images/fancy_shadow_w.png) repeat-y;}

div.fancy_bg_nw {top: -18px;	left: -13px;	width: 13px;height: 18px;background: transparent url(images/fancy_shadow_nw.png) no-repeat;}

div#fancy_title {position: absolute;	bottom: -33px;left: 0;width: 100%;z-index: 100;	display: none;}

div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;}

div#fancy_title table {margin: 0 auto;}

div#fancy_title table td {padding: 0;	vertical-align: middle;}

td#fancy_title_left {height: 32px;width: 15px;	background: transparent url(images/fancy_title_left.png) repeat-x;}

td#fancy_title_main {height: 32px;background: transparent url(images/fancy_title_main.png) repeat-x;}

td#fancy_title_right {height: 32px;width: 15px;background: transparent url(images/fancy_title_right.png) repeat-x;}