/* -- RESET --------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* -- END RESET ----------------------------------------- */

.clear {clear:both;height:1%;}
.flt_right {float:right;}
.flt_left {float:left;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}

.error {color:#C00;}
.error input{background-color:#C00;color:#FFF;}
.error select{background-color:#C00;color:#FFF;}
.error textarea{background-color:#C00;color:#FFF;}

strong {font-weight:bold;}
p {margin:10px 0;line-height:1.2em;font-size:12px;}
h2 {font-size:18px;text-transform:uppercase;font-weight:bold;margin:10px;color:#FFF;width:210px;line-height:1.3em;}
h3 {font-size:17px;text-transform:uppercase;font-weight:bold;margin:15px 0;}
html, body {
	text-align:center;
	background: url(../images/adt-security1/body-bg.png) repeat-x top;
	background-color: #237EAF;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:800px;
	margin:0 auto;
	text-align:left;
}
#container #intHeader {
	height:146px;
	background: url(../images/adt-security1/header-bg.png) no-repeat top right;
}
#container #intHeader #logo {
	background: url(../images/adt-security1/logo.png) no-repeat;
	width:346px;
	height:93px;
	position:relative;
	top:30px;
	text-indent:-999em;
}
#container #meat {
	background-color:#FFF;
	height:420px;
	position:relative;
}
#container #meat #focus {
	width:460px;
	height:280px;
	position:absolute;
	top:10px;
	left:10px;
}
#container #meat #promo {
	width:460px;
	height:110px;
	position:absolute;
	bottom:10px;
	left:10px;
	background-color:#CBD7E1;
	text-align:center;
}
#container #meat #form, #container #meat #thank-you {
	background-color:#02386B;
	width:310px;
	height:400px;
	position:absolute;
	top:10px;
	right:10px;
}
#container #meat #form .row, #container #meat #form .check-row {
	margin:10px;
	color:#FFF;
	font-size:12px;
}
#container #meat #form .row.error, #container #meat #form .check-row.error {
	margin:10px;
	color:#C00;
	font-size:12px;
}
#container #meat #form .row label {
	float:left;
	width:50%;
	*width:45%;/*IE HACK*/
	padding:6px 0;
}
#container #meat #form .row .text-field {
	float:left;
	width:45%;
	padding:2px 0;
}
#container #meat #form .check-row .check-title {
	float:left;
	width:60%;
	*padding:8px 0;
}
#container #meat #form .check-row .check-field {
	float:left;
	width:40%;
}
#container #meat #form .submit {
	text-align:center;
	padding:12px 0;
	*padding:2px 0;
}
#container #meat #thank-you p {
	padding:0 10px;
	color:#FFF;
}
#container #meat #thank-you #counter {
	font-size:140px;
	text-align:center;
}
#container #meat #thank-you #phone {
	font-size:30px;
	font-weight:bold;
}
#container #meat #act-now {
	background: url(../images/adt-security1/actnow.png) no-repeat;
	width:114px;
	height:114px;
	position:absolute;
	top:-15px;
	right:-15px;
	text-indent:-999em;
}
#intSpacerFooter p {
	color:#FFF;
	font-size:11px;
}