/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 */

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

body { font-family: Arial, Helvetica, sans-serif; background: url(../images/background-main-tile.gif) #626366 repeat-x; font-size: 11px; color: #808184; }

.wrapper { width: 980px; margin: 0 auto; }

a { color: #CF2229; }
a:hover { text-decoration: underline; }

input, select, textarea { color: #808184; }

/*===================================
	HEADER
===================================*/
.header_container { height: 48px; }
	.logo_link { display: block; border: none; outline: none; float: left; margin: 20px 0 0 30px; }
	.phone_number { float: right; margin: 20px 30px 0 0; }

/*===================================
	CONTENT
===================================*/
.content_container { width: 980px; background: url(../images/content-tile-mid.gif) repeat-y; }
	.content { width: 918px; padding: 24px 31px 10px; background: url(../images/content-tile-top.gif) no-repeat top; }
	.content_bottom { width: 980px; padding-top: 15px; background: url(../images/content-tile-bottom.gif) no-repeat top #626366; }

	/*----------------------------------
		MAIN NAVIGATION
	----------------------------------*/
	.navigation_container { background: url(../images/security-one-icon.gif) no-repeat left top; padding-left: 56px; padding-bottom: 14px; height: 50px; }
		.navigation_container ul { width: 862px; height: 50px; }
			.navigation_container ul li { float: left; display: inline-block; }
				.navigation_container ul li a { float: left; outline: none; display: block; background: url(../images/navigation.gif) no-repeat; height: 50px; }

				.navigation_container ul li a.about_us					{ background-position: 0 0; width: 140px; }
				.navigation_container ul li a.products					{ background-position: -140px 0; width: 158px; }
				.navigation_container ul li a.our_services				{ background-position: -298px 0; width: 185px; }
				.navigation_container ul li a.customer_support		{ background-position: -483px 0; width: 222px; }
				.navigation_container ul li a.contact_us				{ background-position: -705px 0; width: 157px; }

				.navigation_container ul li a.about_us:hover
				/* .navigation_container ul li a.about_us-current */					{ background-position: 0 -50px; }

				.navigation_container ul li a.products:hover
				/* .navigation_container ul li a.products-current */					{ background-position: -140px -50px; }

				.navigation_container ul li a.our_services:hover
				/* .navigation_container ul li a.our_services-current */				{ background-position: -298px -50px; }

				.navigation_container ul li a.customer_support:hover
				/* .navigation_container ul li a.customer_support-current */		{ background-position: -483px -50px; }

				.navigation_container ul li a.contact_us:hover
				/* .navigation_container ul li a.contact_us-current	 */				{ background-position: -705px -50px; }

	/*----------------------------------
		BANNER: 
	----------------------------------*/
	.banner-home { width: 918px; height: 273px; padding-bottom: 14px; }

	/*----------------------------------
		HOME BUCKETS: 
	----------------------------------*/
	.buckets_container-home { width: 918px; }
		.bucket-home { float: left; width: 218px; padding-right: 15px; }
			.bucket_title { height: 32px; color: #404041; padding-right: 20px; width: 198px; background: url(../images/bucket-title-bg.gif) no-repeat right -22px; }
				.bucket_title span { display: block; padding: 6px 0 0 20px; background: url(../images/bucket-title-bg.gif) no-repeat #E6E7E8; height: 16px; text-transform: uppercase; }
			.bucket-home img { padding: 0 0 10px 15px; }
			.bucket-home p { padding: 0 0 15px; margin: 0 15px 13px; border-bottom: 1px dotted #404041; line-height: 13px; }
			.bucket_action { color: #CE2229; padding: 0 12px 0 15px; background: url(../images/learn-more-arrow.gif) no-repeat right center; text-transform: capitalize; }
				.bucket_action:hover { text-decoration: underline; }
				
		.call_action-home { float: right; width: 219px; outline: none; }

	/*----------------------------------
		INNER CONTENT: 
	----------------------------------*/
	.inner_content_container { float: left; width: 918px; height: auto; }
		
		/* LEFT NAVIGATION ----------------*/
		.sub_navigation_container { width: 218px; padding: 0 12px 0 0; vertical-align: top; background: url(../images/sub-navigation-bottom.gif) no-repeat bottom left; border: none; }
			.sub_navigation_top { background: url(../images/sub-navigation-top.gif) no-repeat; height: 10px; width: 218px; }
			.sub_navigation_mid { min-height: 400px; }
				.sub_navigation_mid ul { padding: 10px 15px; }
					.sub_navigation_mid li { padding: 6px 10px; }
					.sub_navigation_mid li.current { background: url(../images/sub-navigation-current.gif) no-repeat; }
						.sub_navigation_mid h4 { text-transform: uppercase; padding: 0 0 8px; color: #CE2229; }

						.sub_navigation_mid a { color: #808184; }
						.sub_navigation_mid a:hover { text-decoration: underline; }

						.sub_navigation_mid li.current a { color: #fff; }
						.sub_navigation_mid li.current a:hover { text-decoration: none; cursor: default; }

				.sub_navigation_mid dl { padding-left: 10px; visibility: hidden; }
					.sub_navigation_mid dd { padding: 6px 0; }
						.sub_navigation_mid dd.indented_current a { color: #CE2229; }

		/* INNER CONTENT ----------------*/
		.inner_content { width: 685px; vertical-align: top; padding: 0; }
			.inner_content .banner { padding-bottom: 14px; }
			.inner_content .body_text { float: left; padding-left: 18px; width: 422px; }
			.inner_content .wide_body { width: 685px; float: left; padding-bottom: 15px; }

				.inner_content .body_text h3.block_heading { margin: 0 -18px 15px; color: #414042; padding: 6px 18px; display: block; background: url(../images/sub-heading-bg.gif) no-repeat; font-size: 1em; }
				.inner_content .body_text h3 { color: #CF2229; font-size: 14px; padding-bottom: 10px; }
				.inner_content .body_text h5 { color: #CF2229; padding: 10px 0 5px; }
				
				.floater_image { float: left; padding: 2px 15px 0 0; margin-left: -18px; }
				
				.inner_content .three_column { width: 213px; padding-right: 15px; float: left; }
					.inner_content .three_column p { padding: 5px 0; line-height: 16px; }

				.inner_content .body_text p { padding: 5px 0; line-height: 16px; }
				.inner_content p.dotted_heading { font-weight: bold; margin-bottom: 10px; border-bottom: 1px dotted #808285; }
				
				.inner_content .body_text hr { margin: 10px 0 25px; border: none; border-bottom: 1px dotted #808285; height: 0; }
				
					.faq_block { position: relative; margin-left: -18px; background: url(../images/faq_block.gif) no-repeat; width: 422px; height: 228px; margin-top: 8px; padding: 10px 15px; }
						.faq_block p.dotted_heading { font-weight: bold; margin-bottom: 10px; font-size: 13px; color: #CF2229; border-bottom: 1px dotted #808285; }
						.faq_block .faq_block_action { position: absolute; bottom: 12px; left: 15px; color: #CE2229; padding: 0 12px 0 0; background: url(../images/learn-more-arrow.gif) no-repeat right center; text-transform: capitalize; }

				.faq_number { margin-bottom: 10px; }
					.faq_number td { padding-bottom: 4px; vertical-align: top; line-height: 16px; }
					.faq_number .number { width: 10px; padding-right: 8px; font-weight: bold; color: #CF2229; }
						.faq_number a { color: #808285; }

				.generic_numberlist { margin-bottom: 10px; }
					.generic_numberlist td { padding-bottom: 4px; vertical-align: top; line-height: 16px; }
					.generic_numberlist .number { width: 10px; padding-right: 8px; font-weight: bold; color: #CF2229; }
						.generic_numberlist a {  }

				.faq_content { padding-left: 18px; }
					.faq_content a { margin: 15px 0 35px; font-weight: bold; display: block; }
					.faq_content p.indented, .faq_content span.indented p { padding-left: 15px; }

					.manual_list { border-top: 1px dotted #808285; padding-top: 10px; }
						.manual_list li { float: left; width: 100%; border-bottom: 1px dotted #808285; padding-bottom: 10px; }
						.manual_list .product_image { float: left; margin: auto 0; padding-right: 20px; }
						.manual_list .product_name { color: #CF2229; font-size: 16px; padding: 12px 0 10px; font-weight: bold; }
						.manual_list .product_type { color: #414042; font-size: 14px; padding-bottom: 20px; font-weight: bold; }

				.inner_content_checklist {  }
					.inner_content_checklist li { margin: 12px 0; line-height: 16px; padding-left: 22px; background: url(../images/inner-content-checkmark.gif) no-repeat left 4px; }
				
				.inner_content_bulletlist { margin: 8px 0 13px; }
					.inner_content_bulletlist li { margin: 5px 0; line-height: 16px; padding-left: 15px; background: url(../images/inner-content-bullet.gif) no-repeat left 4px; }

			.far_column { width: 218px; float: right; }
			
				.inner_content .mini_actions { width: 218px; padding: 8px 0 5px; }
					.inner_content .mini_actions .sub-banner { margin-bottom: 10px; }
					.inner_content .mini_actions a { display: list-item; list-style-type: none; margin-bottom: 10px; }
					.inner_content .mini_actions a.generic { background: url(../images/call-action-generic.gif) no-repeat; padding: 17px; color: #808184; font-weight: bold; font-size: 14px; letter-spacing: -0.02em; }
					
				.inner_content .mini_info { width: 185px; padding: 0 15px 0 18px; }
					.inner_content .mini_info .block_heading { margin: 0 -18px 15px; color: #414042; padding: 6px 18px; display: block; background: url(../images/sub-heading-bg-small.gif) no-repeat; font-size: 1em; font-weight: bold; }
					.inner_content .mini_info .dotted_heading { border-bottom: 1px dotted #808285; padding-bottom: 7px; margin-bottom: 7px; font-weight: bold; }
					.mini_info_content { line-height: 1.3em; padding-bottom: 15px; }

				/* REFERRAL FORM ----------------*/
				.form_block { padding-bottom: 10px; }
					dt.form_block_title { border-bottom: 1px dotted #808184; position: relative; font-size: 12px; font-weight: bold; padding-bottom: 10px; margin: 15px 0;  float: left; width: 422px; }
						dt.form_block_title .required_fields { position: absolute; right: 0; top: 0; font-weight: normal; font-size: 11px; }
						dt.form_block_title .optional { margin-left: 8px; color: #aaa; }
							dt.form_block_title .required_fields span { padding-right: 3px; font-size: 12px; color: #CF2229; }

					.form_block dd { padding-bottom: 5px; float: left; width: 422px; }
						.form_block dd label { float: left; width: 100px; padding: 4px 10px 0 0; }
						.form_block dd label.error { float: left; width: 312px; padding: 8px 0 8px 110px; color: #cf2229; }
						.form_block dd input { float: left; border: 1px solid #999; padding: 2px; width: 185px; }	
							.form_block dd label span { color: #CF2229; }

						.form_block dd button { margin: 20px 0 0 0; background: url(../images/submit-button.gif) no-repeat right -26px; border: none; padding: 0 10px 0 0; color: #fff; height: 26px; cursor: pointer; }
							.form_block dd button span { background: url(../images/submit-button.gif) no-repeat left 0; padding: 7px 0 0 10px; height: 19px; display: block; }
						button.submit_button { margin-left: 111px; }

				/* OTHER FORM ----------------*/
				.stacked_form { padding-top: 15px; }
					.stacked_form dd { margin-bottom: 12px; }
						.stacked_form dd label { width: 100px; padding: 4px 10px 0 0; }
						.stacked_form dd label.error { float: left; width: 422px; padding: 8px 0 8px 0; color: #cf2229; }
						.stacked_form dd input, .stacked_form dd select { border: 1px solid #999; padding: 2px; width: 185px; margin-top: 6px; }	
						.stacked_form dd textarea { border: 1px solid #999; padding: 2px; width: 420px; height: 150px; margin-top: 6px; }	
							.stacked_form dd label span { color: #CF2229; }

						.stacked_form dd button { margin: 20px 0 0 0; background: url(../images/submit-button.gif) no-repeat right -26px; border: none; padding: 0 10px 0 0; color: #fff; height: 26px; cursor: pointer; }
							.stacked_form dd button span { background: url(../images/submit-button.gif) no-repeat left 0; padding: 7px 0 0 10px; height: 19px; display: block; }
						button.submit_button2 { margin-left: 0; }

				.form_error { font-size : 11px; font-family : Verdana, Arial, Helvetica, sans-serif; color : #ff0000; font-weight : bold; }


				/* LIFE SAFETY CENTER ----------------*/
				.choose_category a { float: left; width: 180px; padding: 0 15px; margin-bottom: 15px; background: url(../images/learn-more-arrow.gif) no-repeat left 2px; }

			/* LOCATIONS ----------------*/
			.inner_content .banner_locations { padding-bottom: 0; position: relative; height: 41px; }
			.inner_content .map_location { padding-bottom: 14px; }
				.banner_locations img { position: relative; z-index: 10; }
				.location_link { background: url(../images/location-link.gif) no-repeat; height: 41px; display: block; position: absolute; z-index: 20; top: 0; outline: none; }
				.location_link_usa { background-position: left top; width: 147px; right: 185px; }
					.location_link_usa:hover { background-position: left -41px; }
					.location_link_usa_current { background-position: left -41px; cursor: default; }
				.location_link_canada { background-position: -147px top; width: 174px; right: 5px; }
					.location_link_canada:hover { background-position: -147px -41px; }
					.location_link_canada_current { background-position: -147px -41px; cursor: default; }
				
			/* PRODUCTS ----------------*/
			.inner_content .banner_products { padding-bottom: 0; position: relative; height: 41px; }
				.product_details_container { position: relative; height: 450px; background: url(../images/product-details-bg.gif) no-repeat bottom #EFECE5; }
				.product_slider { height: 112px; padding: 14px 0; }
				
					.product_detail_image { position: absolute; top: 23px; left: 24px; }
					.product_detail_title { padding: 36px 70px 18px 273px; font-size: 20px; color: #CF2229; }
					.product_detail_content { padding: 0 70px 0 273px; }
						.product_detail_content p { line-height: 16px; }
						.product_info_title { color: #414042; font-size: 11px; font-weight: bold; padding-top: 18px; }
						.product_detail_content ul { list-style-type: disc; padding-left: 12px; }
							.product_detail_content li { padding: 4px 0 1px; }

/*===================================
	FOOTER
===================================*/
.footer_container { width: 918px; height: 180px; padding: 10px 31px 30px; }
	.footer_links_bucket { width: 218px; height: 170px; float: left; padding-right: 15px; color: #9C9EA1; position: relative; }
	.footer_links_bucket_last { padding-right: 0; }
		.footer_links_bucket_title { font-weight: bold; text-transform: uppercase; padding-bottom: 14px; }
		.footer_links_bucket a { display: list-item; list-style-type: none; padding-bottom: 6px; color: #9C9EA1; }
		.footer_links_bucket a:hover { text-decoration: underline; }
		
		.alarm_com_icon { display: block; position: absolute; top: 26px; right: 0; }
		
	.copyright { margin: 0 auto; text-align: center; }

/*===================================
	MODIFIERS
===================================*/
/*----| Width Mods |----*/
.field_xsmall {  }
.field_small {  }
.field_medium {  }
.field_large {  }
.field_xlarge {  }