/*---------------------------------------------------------------------------------------*/
/*---------------------------- Mortein Styles -------------------------------------------*/
/*---------------------------------------------------------------------------------------*/


/*----------------------------- Basic Styles --------------------------------------------*/

body {
	padding:0;
	margin:0;
	background:#c6201c url(../images/bg_gradient.gif) repeat-x top left;
	color:#5d5f5f;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	padding:0;
	margin:8px 0;
}
h1 {
	margin:48px 0 30px 0;
	padding:0;
	color:#f1131d;
	font-size:195%;
}
h2 {
	margin:20px 0 16px 0;
	padding:0;
	color:#f1131d;
	font-size:130%;
}
h3 {
	margin:12px 0 12px 0;
	padding:0;
	color:#f1131d;
	font-size:110%;
}
img {
	border:0;
}
a {
	color:#f1131d;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#9c110f;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.bottom-margin {
	float:left;
	margin: 0 0 12px 0;
}
.errormessage {
	color:#f6141d;
}
.intro-para {
	margin-bottom:24px;
}
ul {
	margin: 12px;
	padding:0;
}
li {
	margin:6px;
	padding:0;
}
ol {
	margin:24px 12px;
}
a.info-link {
	font-weight:bold;
}
p.small {
	font-size:85%;
	margin-top:34px;
}
/*------------------------ Main Navigation Styles --------------------------------------*/

#outter-wrapper {
	margin: 0 auto;
	width:696px;
}
#main-nav-wrapper {
	float:left;
	width:696px;
	height:51px;
	background:url(../images/header_bg.gif) no-repeat left top;
}
#main-nav {
	float:left;
	z-index:2;
	position:relative;
	height:51px;
	margin:0 6px;
	padding: 0 0 0 29px;
}
h1#logo {
	padding:0;
	margin:0 14px 0 0;
	float:left;
	height:47px;
	width:100px;
	background-image:url(../images/mortein_logo.gif);
	display:inline;
}
h3#aerogard {
	padding:0;
	margin:3px 0 0 0;
	float:left;
	height:44px;
	width:55px;
	background-image:url(../images/aerogard_logo.gif);
}
h1#logo a, h3#aerogard a {
	float: left;
	overflow: hidden;
	height: 0px !important;
	display:block;
}
h3#aerogard a {
	padding: 44px 0 0 0;
	height /**/:44px; /* for IE5/Win only */
	width:55px;
}
h1#logo a {
	padding: 47px 0 0 0;
	height /**/:47px; /* for IE5/Win only */
	width:100px;
}
h2#slogan {
	float:left;
	padding:0;
	margin:14px 217px 0 7px;
	height:12px;
	width:242px;
	background-image:url(../images/mortein_slogan.png);
	text-indent:-3999px;
}
#main-nav ul {
	float:left;
	height:30px;
	margin:0 0 0 30px;
	width:440px;
	display:inline;
	list-style:none;
	padding:15px 0 0 6px;
	text-align:center;
}
#main-nav ul li {
	float:left;
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
#main-nav ul li a {
	float:left;
	display:block;
	font-size:85%;
	font-weight:bold;
	color:#ff0500;
	text-decoration:none;
	margin-right: 40px;
}
#main-nav ul li#end-item a {
	margin-right:0px;
}
#main-nav ul li a#contact-us {
	margin-right:0px;
}
#main-nav ul li a:hover {
	color:#fe6b63;
}
#main-nav ul li a:active {
	color:#9c110f;
}
/*------------------------- General Styles -----------------------------------*/


/* Graphic Header Styles */

div#louie-the-fly {
	z-index:100;
	position:absolute;
	top:-3px;
	left:22px;
	height:131px;
	width:92px;
	background-image:url(../images/louie_the_fly.png);
}
#graphic-header, #graphic-header-temp {
	float:left;
	z-index:1;
	position:relative;
	top:-3px;
	margin:0 6px 0 6px;
	height:117px;
	width:684px;
	background:#828282 url(../images/graphic_header_bg.gif) repeat-x top left;
}
#graphic-header h2, #graphic-header h3, #graphic-header-temp h2, #graphic-header-temp h3 {
	margin:0 10px 0 163px;
	padding:0;
	color:#fff;
}
#graphic-header h2, #graphic-header-temp h2 {
	margin-top:45px;
	font-size:165%;
}
#graphic-header h3, #graphic-header-temp h3 {
	margin-top:6px;
	font-size:110%;
}
div#top {
	position:absolute;
	top:left;
	left:0;
	height:1px;
	width:1px;
	float:left;
}
div#top a {
	height:1px;
	width:1px;
	display:block;
	overflow:hidden;
}
/* Sub-nav Styles */

#sub-nav {
	float:left;
	z-index:0;
	position:relative;
	left:0px;
	height:49px;
	width:696px;
}
html>body #sub-nav {
	background-image:url(../images/sub_nav_bg.gif);
}
#sub-nav p {
	float:left;
	margin:20px 0 0 14px;
	padding:0;
	color:#ff0400;
	font-weight:bold;
	font-size:12px;
	width:135px;
}
#sub-nav ul {
	float:left;
	margin:5px 0 0 35px;
	padding:0;
	display:inline;
	list-style:none;
	width:500px;
	height:30px;
}
#sub-nav ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	margin:0 16px 0 0;
	display:inline;
}
#sub-nav ul li a {
	float: left;
	display:block;
	overflow: hidden;
	height: 0px !important;
	padding: 40px 0 0 0;
	height /**/:28px; /* for IE5/Win only */
}
#sub-nav ul li#flies {
	width:30px;
	background-image:url(../images/bug1.gif);
}
#sub-nav ul li#cockroaches {
	width:46px;
	background-image:url(../images/bug2.gif);
}
#sub-nav ul li#spiders {
	width:35px;
	background-image:url(../images/bug3.gif);
}
#sub-nav ul li#mosquitoes {
	width:41px;
	background-image:url(../images/bug4.gif);
}
#sub-nav ul li#ants {
	width:44px;
	background-image:url(../images/bug5.gif);
}
#sub-nav ul li#fleas {
	width:25px;
	background-image:url(../images/bug6.gif);
}
#sub-nav ul li#rats {
	width:48px;
	background-image:url(../images/bug7.gif);
}
#sub-nav ul li#moths {
	width:43px;
	background-image:url(../images/bug8.gif);
}
#sub-nav ul li#silverfish {
	width:39px;
	background-image:url(../images/bug9.gif);
	margin:0;
}
#sub-nav ul li#flies {
	width:30px;
}
#sub-nav ul li#spiders {
	width:35px;
}
#sub-nav ul li#ants {
	width:44px;
}
#sub-nav ul li#cockroaches {
	width:46px;
}
#sub-nav ul li#fleas {
	width:25px;
}
#sub-nav ul li#mosquitoes {
	width:41px;
}
#sub-nav ul li#rats {
	width:48px;
}
#sub-nav ul li#aerogard-products {
	width:23px;
	margin:0;
}
#sub-nav ul li#moths {
	width:43px;
}
#sub-nav ul li#silverfish {
	width:39px;
}
#sub-nav ul li#flies a {
	width:30px;
}
#sub-nav ul li#spiders a {
	width:35px;
}
#sub-nav ul li#ants a {
	width:44px;
}
#sub-nav ul li#cockroaches a {
	width:46px;
}
#sub-nav ul li#fleas a {
	width:25px;
}
#sub-nav ul li#mosquitoes a {
	width:41px;
}
#sub-nav ul li#rats a {
	width:48px;
}
#sub-nav ul li#moths a {
	width:43px;
}
#sub-nav ul li#silverfish a {
	width:39px;
}
#sub-nav ul li#aerogard-products a {
	width:23px;
	margin:0;
}
/* Content Styles */

#content, #products-content, #terms-content {
	position:relative;
	float:left;
	margin:1px 6px 0 6px;
	width:636px;
	background:#fff;
	padding:24px 24px 48px 24px;
	min-height: 410px;
}
div#content-wrapper div.about-content {
	padding-bottom:12px;
}
div#content-wrapper div.about-content h1, div#content-wrapper div.about-content h2, div#content-wrapper div.about-content p, div#content-wrapper div.about-content h4, div#content-wrapper div.about-content ul {
	padding-left:0px;
}
#content h1, #content h2, #content p, #content h4, #content ul {
	padding-left:280px;
}
#content p {
	margin-bottom:17px;
}
#content p.intro-para {
	font-weight:bold;
}
#content .content-images {
	float:left;
	position:absolute;
	top:24px;
	left:57px;
}
#content-wrapper {
	float:left;
	width:696px;
	background:url(../images/content_shine_bg.png) no-repeat left 50%;
}
div.section {
	margin:80px 0;
	clear:both;
}
/* Footer Styles */

#footer {
	float:left;
	width:696px;
	text-align:center;
}
#footer-bar {
	float:left;
	width:696px;
	height:47px;
	background-image:url(../images/footer_bg.gif);
}
#footer p {
	padding:0;
	margin:0 0 25px 0;
	color:#fff;
	font-size:80%;
	font-weight:bold;
}
#footer p a {
	color:#fff;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}
/*
div#footer-logo{
	float:left;
	padding:0;
	height:43px;
	width:244px;
	z-index:100;
	position:relative;
	top:-90px;
	left:418px;
	background-image:url(../images/mortein_logo_bottom.png);
}
*/


/*------------------------- Home page only Styles -----------------------------------*/


#home-content-wrapper {
	z-index:1;
	position:relative;
	top:-3px;
	float:left;
	width:696px;
	background:url(../images/home_content_shine.gif) no-repeat left 50%;
	background-image: url(../images/home_content_shine.gif);
}
#home-content #louie-the-fly {
	z-index:100;
	position:absolute;
	width:179px;
	height:221px;
	background-image:url(../images/louie_the_fly_home.png);
	top:83px;
	left:-12px;
}
#home-content {
	position:relative;
	float:left;
	height:284px;
	width:684px;
	margin:0 6px 0 6px;
	background:#fff url(../images/home_content_graphic.jpg) no-repeat left top;
}
#home-content h1, #home-content h4 {
	text-indent:-2999px;
}
/* Phase 2 Homepage Styles */

#sub-nav {
	float:left;
	z-index:0;
	position:relative;
	top:-2px;
	height:49px;
	width:696px;
}
div#home-panels {
	position:relative;
	float:left;
	width:670px;
	height:347px;
	padding:7px 7px 0 7px;
	margin:0 6px 0px 6px;
	background:#bdbbbb url(../images/bg_home_panels.gif) no-repeat left top;
}
div#main-panel {
	float:left;
	width:420px;
	height:155px;
	padding:12px;
	overflow:hidden;
}
div#main-panel h1 {
	color:#c6201c;
	margin:7px 0 3px 0;
	font-size:160%;
}
div#main-panel h2 {
	color:#555;
	margin:0;
	font-size:110%;
}
div#home-panels div#main-panel p {
	font-weight:bold;
	color:#555;
	margin:5px 0px;
}
div#promo-panel {
	float:right;
	margin-left:7px;
	height:179px;
	width:219px;
}
div#product-gallery {
	float:left;
	width:672px;
	height:136px;
	margin:0 0 0 -1px;
}
div#product-gallery-top {
	float:left;
	width:672px;
	height:10px;
	background:url(../images/bg_products_gallery.gif) no-repeat left top;
}
div#product-gallery-content {
	float:left;
	width:610px;
	height:126px;
}
div#product-gallery-left {
	height:126px;
	width:31px;
	float:left;
}
div#product-gallery-right {
	height:126px;
	width:31px;
	float:right;
}
/*----------------------- Contact Us Styles Only ----------------------------------*/

form#contact-us, form#contact-us img, .contact-h2 {
	margin:0;
	padding:0;
}
form#contact-us {
	padding-left:130px;
}
#content .contact-h2 {
	margin-bottom:24px;
}
form#contact-us img {
	padding-left:158px;
}
#content .contact-h4 {
	padding-left:288px;
	margin-bottom:8px;
	font-size:90%;
}
#content .contact-h4 a {
	color:#f1131d;
	text-decoration:none;
}
#content .contact-h4 a:hover {
	text-decoration:underline;
}
h1.contact-h1 {
	font-size:155%;
}
form#contact-us label {
	float:left;
	width:150px;
	color:#747272;
	text-align:right;
	margin:8px 8px 0 0;
	padding:3px 0 0 0;
}
form#contact-us input, form#contact-us select, form#contact-us textarea {
	margin:8px 8px 0 0;
	width:200px;
	color:#747272;
}
form#contact-us #submit-button {
	margin-left:158px;
	width: auto;
}
form#contact-us textarea {
	width:230px;
}
form#contact-us img {
	margin: 8px 0 16px 0;
}
span.mandatory {
	color:#f1232d;
}
/*----------------------- Privacy Styles Only ----------------------------------*/


#privacy-box {
	width:250px;
	margin:25px auto 0 auto;
}
#privacy-box h1 {
	background:#fff;
	display:block;
	text-align:center;
	font-size:100%;
	padding:4px;
	margin:0;
	color:#f1131d;
}
#privacy-box p {
	background:#fff;
	display:block;
	font-size:85%;
	padding:8px;
	margin:3px 0 0 0;
}
/*---------------------------TV Commercials Styles Only ----------------------------------*/

#flashcontent {
	margin:0 auto;
	width:479px;
	height:295px;
	background:#000;
}
#flashcontent p {
	text-align:center;
	font-size:140%;
	color:#fff;
	padding:0 25px 0 25px;
}
#flashcontent p.top-para {
	margin-top:80px;
}
/*---------------------------Products full image Styles Only ----------------------------------*/

#imagecontent {
	margin:0 auto;
	width:479px;
	height:295px;
	background:#000;
}
div#image {
	text-align:center;
	color:#fff;
	padding:0 25px 0 25px;
}
#imagecontent p.top-para {
	margin-top:80px;
}
/*----------------------- Select Products Styles Only ---------------------------------------*/


form#product-select-form-home {
	float:left;
	height:32px;
	width:670px;
	margin:0;
}
form#product-select-form-home table {
	float:left;
	border:0;
}
form#product-select-form-home tr {
	padding:0;
	margin:0;
}
form#product-select-form-home td {
	padding:0;
	margin:0;
	height:32px;
}
form#product-select-form-home label {
	font-weight:bold;
	margin:0 16px 0 100px;
	padding:0;
	color:#fff;
}
form#product-select-form {
	float:left;
	width:100%;
	margin-bottom:24px;
}
form#product-select-form label {
	float:left;
	color:#f1131d;
	font-weight:bold;
	font-size:110%;
	width:185px;
	line-height:31px;
	margin-right:4px;
	display:inline;
}
form#product-select-form select {
	float:left;
	margin:4px 0;
}
form#product-select-form p {
	clear:both;
	float:left;
	color:#f1131d;
	font-weight:bold;
	margin:4px 8px 4px 0px;
	font-size:110%;
}
form#product-select-form p.grey {
	color:#666;
}
input#product-select-button {
	float:left;
	margin:4px 0 4px 4px;
	display:inline;
}
/*----------------------------------------------- Phase 2 Products Page --------------------------------------------------------*/


div.product-container-top {
	float:left;
	width:636px;
	height:16px;
	background:url(../images/bg_products_top.gif) no-repeat left top;
}
div.product-container-content {
	float:left;
	width:592px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:13px 21px;
}
div.product-container-bottom {
	float:left;
	width:636px;
	height:35px;
	background:url(../images/bg_products_bottom.gif) no-repeat left top;
	margin:0 0 11px 0;
}
div.product-image {
	float:left;
	width:237px;
}
div.product-info {
	float:left;
	width:337px;
	margin-left:18px;
}
div.product-info h2 {
	margin:18px 0 12px 0;
	font-size:110%;
}
div#icons-panel {
	float:left;
	width:612px;
	margin:13px 0;
	padding:8px 12px;
	background:#f7f7f7;
}
 div#icons-panel ul#pests, div#icons-panel ul#pests-short, div#icons-panel ul#category. div#icons-panel ul#category-wide {
 display:inline;
 list-style:none;
 margin:0;
 padding:0;
}
div#icons-panel ul#pests li, div#icons-panel ul#pests-short li, div#icons-panel ul#category li, div#icons-panel ul#category-wide li {
	display:inline;
	list-style:none;
	margin:0;
	width:72px;
	height:58px;
	margin:0 4px 8px 0;
	padding:8px 0 16px 0;
	text-align:center;
}
div#icons-panel ul#pests, div#icons-panel ul#pests-short {
	float:left;
}
div#icons-panel ul#pests-short {
	float:left;
	width:314px;
}
div#icons-panel ul#pests a, div#icons-panel ul#pests-short a {
	float:left;
	display:block;
	color:#666;
	text-decoration:none;
	width:72px;
	height:74px;
}
div#icons-panel ul#pests li, div#icons-panel ul#pests-short li {
	float:left;
}
div#icons-panel ul#category {
	float:right;
	width:72px;
}
div#icons-panel div#category-wide {
	float:right;
	width:148px;
}
div#icons-panel ul#category li, div#icons-panel ul#category-wide li {
	float:right;
}
div#icons-panel ul#pests li#ants-icon, div#icons-panel ul#pests-short li#ants-icon {
	background:url(../images/icon_ants.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#cockroaches-icon, div#icons-panel ul#pests-short li#cockroaches-icon {
	background:url(../images/icon_cockroaches.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#flies-icon, div#icons-panel ul#pests-short li#flies-icon {
	background:url(../images/icon_flies.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#fleas-icon, div#icons-panel ul#pests-short li#fleas-icon {
	background:url(../images/icon_fleas.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#mosquitoes-icon, div#icons-panel ul#pests-short li#mosquitoes-icon {
	background:url(../images/icon_mosquitoes.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#moths-icon, div#icons-panel ul#pests-short li#moths-icon {
	background:url(../images/icon_moths.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#rats-icon, div#icons-panel ul#pests-short li#rats-icon {
	background:url(../images/icon_rats.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#silverfishes-icon, div#icons-panel ul#pests-short li#silverfishes-icon {
	background:url(../images/icon_silverfishes.gif) no-repeat left bottom;
}
div#icons-panel ul#pests li#spiders-icon, div#icons-panel ul#pests-short li#spiders-icon {
	background:url(../images/icon_spiders.gif) no-repeat left bottom;
}
div#icons-panel ul#category li#indoor-icon, div#icons-panel ul#category-wide li#indoor-icon {
	margin-right:0;
	background:url(../images/icon_indoor.gif) no-repeat left bottom;
}
div#icons-panel ul#category li#outdoor-icon, div#icons-panel ul#category-wide li#outdoor-icon {
	background:url(../images/icon_outdoor.gif) no-repeat left bottom;
}
div.handy-tips-top {
	float:left;
	width:636px;
	height:5px;
	background:url(../images/bg_handy_top.gif) no-repeat left bottom;
}
div.handy-tips-content {
	float:left;
	width:594px;
	background:#fddcdd;
	padding:6px 21px 12px 21px;
	margin:0;
}
div.handy-tips-bottom {
	float:left;
	width:636px;
	height:5px;
	background:url(../images/bg_handy_bottom.gif) no-repeat left top;
}
div.how-panel {
	float:left;
	width:594px;
	margin:12px 0 6px 0;
	padding:6px 21px;
	display:inline;
}
div.how-panel p {
	margin:28px 0;
}
div.how-panel div.how-item p {
	margin:8px 0;
}
div.how-item {
	float:left;
	margin:12px 0 12px 90px;
	width:502px;
}
div.how-item-left {
	float:left;
	width:150px;
	border-bottom:1px solid white;
}
div.how-item-left img {
	padding:3px;
	border:1px solid #ccc;
}
div.how-item-right {
	float:right;
	width:359px;
}
div.how-list-item {
	float:right;
	width:300px;
}
div.how-panel div.how-item p.numbers {
	float:left;
	margin:8px 6px 0 24px;
	width:15px;
}
a.back-to-top {
	color:#666;
	float:right;
	margin:4px 23px 0 0;
	background:url(../images/icon_up_arrow_grey.gif) no-repeat left 50%;
	padding-left:16px;
}
div#tvc-container {
	clear:both;
	margin-bottom:24px;
}
/*----------------------------- Products page styles only --------------------------------------------*/


#pest_div {
	float:left;
	margin:9px 0 0 36px;
	padding:0;
	width:481px;
	height:24px;
}
#pest_div img.pest {
	float:left;
	margin:0;
	padding:0;
	margin:0 28px 0 0;
}
#pest_div img#spiders {
	margin:0;
}
#products-content select {
	margin-left:14px;
	margin-bottom:5px;
}
#products_div {
	float:left;
	width:100%;
}
#months_div {
	float:left;
	width:100%;
}
#category_div {
	float:left;
	width:100%;
	margin-bottom:20px;
}
/*--------------------------------- Pest Page Styles ----------------------*/

.pests-content, .pests-intro-content {
	position:relative;
	float:left;
	margin:0px 6px;
	width:636px;
}
.pests-intro-content {
	margin-top:1px;
	background:#fff;
	padding:24px 24px 0px 24px;
}
.pests-content {
	background:#fff;
	padding:24px;
}
.pests-grey-content {
	background:#eee;
}
.pests-intro-content h2 {
	margin-top:12px;
}
#pests-intro_para {
	width:424px;
}
#more-content {
	position:relative;
	float:left;
	margin:0px 6px;
	width:636px;
	padding:0px 24px;
	background:#fff;
}
.solutions-item {
	float:left;
	border-bottom:1px solid #ccc;
	width:100%;
	padding:36px 0 12px 0;
}
/*---------------------- FAQs Styles only --------------------------------*/

a.back-to-top-FAQs {
	float:right;
	margin:0px 23px 12px 0;
	background:url(../images/icon_up_arrow_red.gif) no-repeat left 50%;
	padding-left:16px;
}
ul.FAQs-list li a {
	color:#555;
}
.FAQs-answer a {
	color:#555;
}
.FAQs-answer a:hover {
	text-decoration:none;
}
h3.FAQs-answer {
	clear:both;
}
/*------------------Terms & Conditions Styles Only -----------------------*/


ol.legal-document {
	list-style-type:none;
}
.terms-conditions-table {
	border:1px solid #cecece;
	border-collapse:collapse;
}
.terms-conditions-table td, .terms-conditions-table th {
	border:1px solid #e4e4e4;
	padding:4px;
}
#content ol li {
	margin:24px 0 0 0;
}
ol.alphabetical-list li {
	list-style-type:lower-alpha;
}
ul#sitemap {
	padding-left:100px;
}
ul#sitemap li {
	padding:6px 0;
}
ul#sitemap ul {
	padding-left:24px;
}
ul#sitemap ul li {
	padding:3px 0;
}
#content-wrapper #content p.permits {
	padding-left:36px;
}
#terms-content h2, #terms-content p {
	padding-left:24px;
}
#content-wrapper #content h2.legal-document-title {
	padding-left: 40px;
}
