@import url("/img/aaaalarms/css/forms.css");
@import url("/img/aaaalarms/css/minimalist.css");



/* RESET
/* ----------------------------------------------*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, a,
em, img, dl, dt, dd, ul, ol, li, form, fieldset{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; text-decoration: none; list-style: none; }
body { line-height: 1.5; }
a img { border: none; } /* Remove annoying border on linked images */
a { text-decoration:none; }


/* Structure
/* ----------------------------------------------*/
html { height: 101%;  }
body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }
#container, #header { text-align: left; } /* Fix to center IE */
#wrapper { background-image: url(/img/aaaalarms/main_nav.jpg); background-repeat: repeat-x; background-position: 0 100px; }
#container { width: 950px; margin: 0 auto; }
div#mainContent {float:left; width:760px;}
div.belowMenu {padding-top:40px;}
div#banner {width: 760px; float:left;}
div.mtsRow {clear:both;}
.mtsRow .last { border:none; }
div.promos img {margin:10px 0 10px 18px;}
div.generalDocument ol li { padding: 0 0 5px 0; margin-left: 40px; line-height: 1.5em; list-style-type: decimal; }
div.generalDocument ul li { padding: 0 0 5px 0; margin-left: 40px; line-height: 1.5em; list-style-type: disc;  }
div.generalDocument ul li.hide { list-style-type: none; margin-bottom: 1px; }
div.generalDocument ul li ul li { list-style-type: circle;  }
div.generalDocument ol ul li { list-style-type: disc; }


/* Typography
/* ----------------------------------------------*/
h1 { color:#8C1212; font-size:1.3em; }
h2 { color: #303030; font-size: 1.2em; border-bottom: 1px solid #8C1212; margin-bottom: 10px; }
h3 { font-size: 1.1em; margin-bottom: 10px; }
p { line-height: 1.5; padding-bottom: 10px; }
a { color:#5E0C0C; }
a:hover { text-decoration: underline; }


/* HEADER
/* ----------------------------------------------*/
#header { height:100px; }
#header img.logo { padding:12px 0 8px 0; }
#header .headerLeft { width: 180px; }
#header .headerRight { text-align: right; float: right; width: 700px; padding: 20px 0 0 0; }
#header .headerRight a { color:#303030; }
#header .headerRight .envelope { padding:0 5px 0 0; margin-bottom:-1px; }
#header .headerRight .submit { padding: 4px 0 0 5px; }
fieldset { width: 300px; float: right; border: none; padding: 20px 0 0 0; margin: 0 -20px 0 0; }
label { font-weight: bold; }
.hidenlabel { position: absolute; left: -9999px; }
input.aaaSearch{ vertical-align:bottom;}
*html input.aaaSearch { vertical-align:text-bottom; }


/* Top Navigation
/* ----------------------------------------------*/
#topNav { clear:both; }
#topNav ul { margin: 0; padding: 0; float: left; width: 950px; position: relative; background: url(/img/aaaalarms/main_nav.jpg) repeat-x; }
#topNav ul li { float: left; margin: 0; padding: 0; }
#topNav ul li a { display: block; color: #303030; padding: 19px 15px 8px 15px; }
#topNav ul li:hover { background-color: #FFFFFF; background: url(/img/aaaalarms/active_hover.gif) repeat-x center top; }
#topNav ul li a.current { background: url(/img/aaaalarms/active_hover.gif) no-repeat center top; color: #5E0C0C; font-weight: bold; }
#topNav ul li a:hover.current { background: url(/img/aaaalarms/active_hover.gif) no-repeat center top; text-decoration: none; }
#topNav ul li span { float: left; position: absolute; left: 0; top:45px; display: none; width: 950px; color: #303030; background: #FFFFFF; padding: 10px 0; }
#topNav ul li:hover span { display: block; }
#topNav ul li span a { display: inline; }


/* Left Navigation
/* ----------------------------------------------*/
#leftColumn { width: 180px; padding: 40px 10px 0 0; }


/* Left Navigation
/* ----------------------------------------------*/
#leftNav { margin-bottom: 20px; width: 180px;}
#leftNav h1 { padding: 0 0 2px 2px; }
#leftNav ul { border-top: 1px solid #CCCCCC; width: 100%; }
#leftNav ul li { font-size:1.1em; border-bottom: 1px solid #a0a0a0; width: 100%; background-color: #eeeeee; list-style:none;}
#leftNav ul li a { padding-left: 3px; }
#leftNav ul li.current { font-weight: bold; padding-bottom: 0px; }
#leftNav ul li.current ul { border: none; }
#leftNav ul li.current ul li { padding: 5px 0; list-style: none; border-bottom: 1px dashed #a0a0a0; background: #FFFFFF; }
#leftNav ul li.current ul li a { padding-left: 10px; display: block; }
#leftNav ul li.current ul li li { padding: 2px 0; border: none; }
#leftNav ul li.current ul li li a { padding-left: 20px; }
#leftNav ul li.current ul li.first { border-top: 1px solid #ccc; }
#leftNav ul li.current ul li.last { border: none; }
#leftNav ul li.current ul li a { color: #5E0C0C; font-size: 0.8em; font-weight: normal; }


/* Teaser Lists
/* ----------------------------------------------*/
div#contactus { width: 175px; }


/* Home Content
/* ----------------------------------------------*/
.promos { background-color:#eeeeee; height: 120px; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0;}
#promos li { float: left; padding: 10px 28px 10px 0; }
#promos li.first { padding-left: 27px; }
#promos li.last { padding-right: 27px; }
#homeContent { padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.contentBlock { float:left; padding: 10px; border-right: #a0a0a0 solid 1px; width: 216px; display: block; position: relative; margin: 15px 0; height: 215px;}
.contentBlock h2 { border-bottom: none; margin-bottom: 0; }
.contentBlock p.fpimage {text-align: center; bottom: 0; position: absolute; width: 100%; }
div#wrap { width:960px; height:265px; }


/* Second Level Content
/* ----------------------------------------------*/
.divide3 { margin: 20px 20px 20px 0; height: 215px; }
.divide3 p{ padding-bottom:0px; }
.last3 { margin-right: 0; }
.divide3 h2 { border-bottom: none; margin-bottom: 0; }
.divide3 ul li { background-image: url(/img/aaaalarms/red_arrow.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }


/* Forms - Table
/* ----------------------------------------------*/
form table { font-size: 12px; }


/* Bottom Navigation
/* ----------------------------------------------*/
#bottomNav { background-color: #eeeeee; height: 140px; margin: 10px 0; padding: 20px 0; }
#bottomNav ul li { float: left; width: 197px; padding: 0 0 0 40px; }
#bottomNav ul li ul li { clear: left; padding: 0px; }
#bottomNav a { color:#636363; }


/* Legal
/* ----------------------------------------------*/
#legal { background: #FFFFFF; margin-bottom: 20px; padding: 15px 0; color: #636363; height:10px; font-size: 10px; clear: both; }
#legal .lineHeight { line-height:1.2em; }
#legal img.logo { margin-right: 20px; }


/* Tables
/* --------------------------------------------*/
.standardTable, .standardtable { border-collapse:collapse; border: 1px solid #666666; font-size: 12px; width: 100%; }
.standardTable, .standardtable td, th  { border: 1px solid #666666; padding: 10px; }
.standardTable, .standardtable th { font-weight: bold; background-color: #EEEEEE; vertical-align: middle; }
.standardTable, .standardtable td { text-align: center; background-color: #FFFFFF; vertical-align: middle; }


/* Tables - Business Packages
/* --------------------------------------------*/
#business_packages th { width: 33%; }
#business_packages td { text-align: left; vertical-align: top; font-weight: normal; }


/* Global Classes
/* ----------------------------------------------*/
.floatL, .floatl { float: left; }
.floatR, .floatr { float: right; }
.clearB, clearb { clear: both; }
.center { text-align: center; }
.allcaps { text-transform:uppercase }
img.right { margin-left: 10px; }
img.left {margin-right: 10px; }
.legal { color: #636363; font-size: 10px; margin-top: 20px; }
.footertext { color: #636363; font-size: 10px; margin-top: 20px; }
span.filesize { color:#999999; font-size:10px; }
div.percent50 { width: 50%; float: left; }

ul.arrowlist li { background-image: url(/img/aaaalarms/red_arrow.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
div#button_lineup{ width: 65%; float:left;}
.100percent { width: 100%; }


/* Global Elements
/* ----------------------------------------------*/
hr {height: 1px; color: #EEEEEE; background-color: #EEEEEE; }


/* VCM Layout
/* --------------------------------------------*/
div.mtsPanel {float: left;}
.mtsPanelItem img.left { float: left; }
ul.printerFriendly { display:none; }


/* Home Security - Packages
/* --------------------------------------------*/
div.product{float:left; width:100%;}
div.space { margin: 15px 0; }
div.leftproduct{ float:left; padding:10px 15px; width:345; border-right: 1px dashed #CCCCCC}
div.rightproduct{ float:left; padding:10px 15px; width:345; }
h3.packagetitle { background:url(/img/aaaalarms/header-bg.jpg) repeat-x scroll center bottom transparent; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; font-size:1.2em;
font-weight:normal; height:25px; margin-bottom:5px; padding:5px 0 0 5px; width:350px; }
hr.productline {height: 1px; color: #EEEEEE; background-color: #EEEEEE; width: 100%; float:left; }
div.productimg{ float:left; width:140px;}
div.producttext{ float:left; width:200px;}
div.compare { font-size: 18px; text-align: center; margin-top: 50px; margin-bottom: 50px; }
div.generalDocument div.producttext ul li { padding: 0 0 5px 0; margin-left: 20px; line-height: 1.5em; list-style-type: disc; }
#contactspace{padding: 15px;}



.rightalign {width:100%; text-align:right; }
h3.faqtitle { color: #303030; font-size: 1.1em; border-bottom: 1px solid #8C1212; margin-bottom: 10px; text-align:center; }
div.package { width: 45%; float:left; padding:10px; }
div.packageleft {width: 46%; float: left; padding-right: 25px; padding-bottom: 15px; }
div.packageright{ width: 46%; float: left; padding-bottom: 15px; padding-left:25px; }
