﻿html { height: 100%; margin-bottom: 1px; }
body,td,a,p,.h{font-family:arial,sans-serif;font-size:small;}
body 
{
    background-color:#ededed;
    margin:0;
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 0px; 
}



H1 {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 10px; MARGIN: 0px; 
	FONT: 135% Arial, Helvetica, sans-serif; 
	COLOR: #000000; PADDING-TOP: 10px
}

H3 {
	font-size:115%;
	padding: 5px 20px 3px 10px;
	margin: 0;
	color: #954651;
}

H4 {
	font-size:100%;
	color: #000000;
	padding: 2px 20px 0 20px;
	margin: 0;
}

A:link {
	COLOR: #CC0033; TEXT-DECORATION: none
}
A:active {
	COLOR: #CC0033; TEXT-DECORATION: none
}
A:visited {
	COLOR: #CC0033; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}

OL {
	padding: 2px 20px 0 20px;
	margin: 0 0 10px 25px;
}

UL {
	padding: 2px 20px 0 20px;
	margin: 0 0 10px 15px;
	list-style: disc outside;
}

UL UL {
	padding: 2px 20px 0 15px;
	margin: 0;
	list-style: circle outside;
}

LI {
	line-height: 14px;
	padding: 10 0 0 10px;
	margin: 0;
}

UL.spaced  LI,
OL.spaced  LI {
	padding-bottom: 7px;
}

UL.spaced  UL LI,
OL.spaced  OL LI {
	padding-bottom: 0;
}

HR {
	clear: both;
  border: 0;
	width: 100%;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	margin: 10px 0 0 0;
	_margin: 5px 0 0 0;
}

HR.noMargin {
	margin: 0 !important;
}

FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#container 
{
    background: url(images/bg-middle.gif) repeat-y top center;
	padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin: 5px auto; 
    width: 776px; 
    padding-top: 0px
}

#appselector 
{
    font-family: arial, sans-serif;
    font-size: 85%;
    overflow:visible;
    background-color:#C3D9FF;
    padding-top: 1px;
    padding-left: 5px;
    padding-bottom: 4px;
    padding-right: 7px;
    white-space:nowrap;
    border-bottom:1px solid #f9f9f9;
}
#appselector A:link 
{
    font-size: 100%;
	color: #00c; text-decoration:underline
}
#appselector A:active {
	font-size: 100%;
	color: #00c; text-decoration:underline
}
#appselector A:visited {
	font-size: 100%;
	color: #00c; text-decoration:underline
}
#appselector span 
{
    font-size: 100%;
	color: #000000; 
	text-decoration:underline;
	padding-right:6px;
}

#header 
{
    height: 106px;
	BACKGROUND: url(images/bg-top.gif) no-repeat 50% top
}

#header #logo 
{
	padding-right: 0px; 
	padding-left: 22px; 
	padding-bottom: 5px; 
	padding-top: 25px
}
#header #topnav {
	
	padding-right: 25px; 
	padding-left: 0px; 
	padding-bottom: 2px; 
	padding-top: 23px;
	FLOAT:right;
}

#header .tab 
{
    color:#ffffff;
    font-weight:bold;
    background-color:#CC0033/*#909090*/;
	padding-right: 12px; 
	padding-left: 12px; 
	padding-bottom: 4px; 
	padding-top: 3px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	white-space:nowrap;
}

#header .tab a 
{
    color:#ffffff;
    text-decoration:none;
}

#header .selected-tab 
{
    color:#CC0033;
    font-weight:bold;
    background-color:#ffffff;
	padding-right: 12px; 
	padding-left: 12px; 
	padding-bottom: 4px; 
	padding-top: 4px;
	border-top:1px solid #CC0033;
	border-left:1px solid #CC0033;
	border-right:1px solid #CC0033;
	white-space:nowrap;
}

#header .selected-tab a 
{
    color:#CC0033;
    text-decoration:none;
}

#footer {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 25px;
	padding-bottom: 0px;
	background: url(images/bg-bottom.gif) no-repeat 50% top; 
	background-color:#ededed;
	margin: 0px auto; 
	width: 776px; 
	text-align: center;
}

#footer P {
	margin: 0px 0px 5px; 
	font-size: 85%; 
	font-weight:bold;
	color: #545454
}

#content 
{
    /*border:1px dotted red;*/
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-color: #ffffff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 22px 5px 22px;
	PADDING-TOP: 0px;
	height:100%
}

#content .row {
	FLOAT: left;
	BORDER-TOP: #cccccc 1px solid; 
	BACKGROUND: url(images/bg_tile.gif) #ffffff repeat-y; 
}

#content .rowEqual {
	FLOAT: left;
	BORDER-TOP: #cccccc 1px solid; 
	/*BACKGROUND: url(images/bg_tile.gif) #ffffff repeat-y; */
}

#content .singleRow {
	FLOAT: left;
	BORDER-TOP: #cccccc 1px solid; 
}

#content .rowNoCol {
	BORDER-TOP: #cccccc 1px solid; BACKGROUND: #ffffff; FLOAT: left
}

#content .leftColumn {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 512px; 
	PADDING-TOP: 0px
}

#content .equalLeftColumn 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 346px; 
	PADDING-TOP: 0px;
	
}

#content .equalRightColumn {
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 0px! important; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px! important; 
	MARGIN: 0px; 
	WIDTH: 385px; 
	PADDING-TOP: 0px! important;
	border-left:1px solid #cccccc;
}

#content .singleRow .singleColumn {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 732px; 
	PADDING-TOP: 0px
}

#content .singleRow .singleColumn TD 
{
    /*color: #808080;
    font-size:85%;
    padding-top:10px*/
}

#content .singleRow .singleColumn A
{
    /*color: #808080;
    font-size:100%;*/
}

#content .singleRow .singleColumn P {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}

#content .rowNoCol .leftColumn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 512px; PADDING-TOP: 0px
}
#content .row .leftColumn P {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
#content .rowNoCol .leftColumn P {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

#content .row .rightColumn {
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 0px! important; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px! important; 
	MARGIN: 0px; 
	WIDTH: 220px; 
	PADDING-TOP: 0px! important
}

#content .rowNoCol .rightColumn {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; FLOAT: left; PADDING-BOTTOM: 0px! important; MARGIN: 0px; WIDTH: 215px; PADDING-TOP: 0px! important
}

.promoBox DIV {
	FLOAT: left; 
	MARGIN: 17px 0px 14px 10px; 
	OVERFLOW: hidden;
}
.promoBox H1 {
	padding-right: 0px; 
	padding-left: 17px; 
	font-weight: bold; 
	font-size: 135%; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px; 
	color: #0e7100; 
	line-height: normal; 
	padding-top: 0px; 
}
.promoBox #promoDetails {
	
	padding-right: 0px! important; 
	padding-left: 0px! important; 
	padding-bottom: 0px! important; 
	width: 140px; 
	padding-top: 0px! important; 
	white-space: nowrap; 
	height: 145px
}

.txtSmall {
	FONT-SIZE: 85%; 
	LINE-HEIGHT: normal
}

.txtIndent {
	margin-left: 10px;
}

.txtGreen {
	color: #287f6c;
}

.actionLink A {
	background: url(images/arrow_actionLink.gif) no-repeat right;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 0 10px 0 0 !important;
}

.arrowLinkLrg A {
	PADDING-RIGHT: 20px! important; 
	PADDING-LEFT: 0px! important; 
	BACKGROUND: url(images/arrow_arrowLink.gif) no-repeat right 50%; 
	PADDING-BOTTOM: 0px! important; 
	margin:0;
	font-weight:bold;
	font-size:110%; 
	COLOR: #CC0033; 
	PADDING-TOP: 0px! important; 
	TEXT-DECORATION: none! important
}

.arrowLink A {
	PADDING-RIGHT: 20px! important; 
	PADDING-LEFT: 0px! important; 
	BACKGROUND: url(images/arrow_arrowLink.gif) no-repeat right 50%; 
	PADDING-BOTTOM: 0px! important; 
	MARGIN: 0px; 
	font-weight:bold;
	font-size:smaller;
	COLOR: #CC0033; 
	PADDING-TOP: 0px! important; 
	TEXT-DECORATION: none! important
}

P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px; 
	PADDING-TOP: 0px
}

P.banners {
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 15px! important; 
	FLOAT: left; 
	PADDING-BOTTOM: 5px! important; 
	MARGIN: 0px; 
	PADDING-TOP: 17px! important
}

.sidebarBox {
  clear: both;
  border-left: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  background: #f2f2f2;
  padding: 10px;
}

.sidebarBox P {
  font-size: 85%;
  line-height: normal;
}

P.sidebarHeader {
  font-size:115%;
  padding: 0;
  margin: 0 0 10px 0;
  color: #000000;
}

.cartRightPanel 
{
  border: 5px dotted red;
  clear: both;
  border-left: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  background: #f2f2f2;
  padding: 10px;
}

.txtRed {
	color: #CC0033;
}

.txtIntro {
	font-weight:bold;
	font-size:130%;
	color: #000000;
	padding: 20px 20px 5px 10px !important;
	margin: 0;
}
.requiredastx
{
    display:inline;
    font-size: 180%;
    font-weight: bold;
    cursor:pointer;
    line-height:5px;
    padding:0px;
}

.product-summary-wrapper 
{
    /*border:1px solid #cccccc;*/
    width: 245px;
    margin-bottom: 10px;
    margin-left:0px;
}
.product-summary-image 
{
    padding-left:10px;
    padding-top:10px;
    height:145px;
    text-align:left;
    vertical-align:middle;
}
.product-summary-text 
{
    padding-left:20px;
    padding-right: 20px;
    padding-bottom:15px;
    
}

.account-menu-section
{
    padding:15px;
}
.account-menu-section .title 
{
    font-weight:bold;
}

.account-menu-section UL
{
    padding-top:5px;
}

.account-menu-section LI
{
    line-height: 18px;
    margin-left: 0px;
    padding-left: 0px;
    color: #808080;
}

.product-top-label 
{
}

.product-top-label-last
{
    border-bottom:1px solid #f0f0f0;
}

.product-list 
{
}

.product-list li 
{
    line-height: 18px;
}

.formLabel 
{
    padding-top:3px;
    padding-right:10px;
    padding-bottom:3px;
    padding-left:0px;
    /*border-top: 1px solid #EFF3FB;    */
}
.formData 
{
    padding-top:2px;
    padding-right:5px;
    padding-bottom:2px;
    padding-left:10px;
    /*border-top: 1px solid #EFF3FB;*/
    background-color: #ffffff; 
}

.form 
{
    
}
.shipping-option TABLE
{
    padding:0px;
    margin:0px;
    border: 1px solid red;
}

/************************************************
 * Formatting - Mosquito Magnet Traps
 ************************************************/
.mosquitoMagnetHeader {
	background: url(images/bg_mosquito_magnet_header.jpg) no-repeat 374px bottom;
	width: 511px;
	height: 218px;
}

.mosquitoMagnetHeader P.txtIntro {
	padding-right: 80px !important;
}

.mosquitoMagnetHeader P.alignRight {
	padding-right: 140px !important;
}

.mosquitoMagnetHeader P {
	padding-right: 180px !important;
}

.thumbNav {
	float: left;
	width: 230px;
	padding: 0 5px 0 15px;
}

.lineBreak {
	clear: both;
}

.thumbNav .thumbPreview {
	float: left;
	width: 32px;
	height: 32px;
	_width: 34px;
	_height: 34px;
	padding: 1px;
	margin-right: 2px;
	_margin-right: 0;
}

.thumbNav .thumbPreview A {
	_border: 1px solid #cccccc;
}

.thumbNav .thumbPreview A:hover {
	_border: 1px solid #CC0033;
}

.thumbNav .thumbPreview {
	border: 1px solid #cccccc;
	_border: none;
}

.thumbNav .thumbPreview:hover {
	border: 1px solid #CC0033;
	_border: none;
}


/************************************************
 * Tables
 ************************************************/
TABLE.productTable {
	clear: both;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	overflow: hidden;
}

TABLE.productTable TD.specs {
	height: 195px;
	vertical-align:top;
}

TABLE.productTable TD.specsLeft {
	height: 195px;
	border-right: 0px solid #ffffff;
	vertical-align:top;
}

TABLE.productTable TD.specsRight {
	height: 195px;
	border-left: 4px solid #ffffff;
	margin:0px;
	vertical-align:top;
}

TABLE.productTable .description {
	margin:0 0 0 0;
	padding:0 3 0 3;
	font-size:80%;
	text-align:left;
}

TABLE.productTable TD H3 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	font-size:100%;
	text-align:left;
}

TABLE.dataTable {
	clear: both;
	border: 4px solid #ffffff;
	overflow: hidden;
}

TABLE.dataTable TH P {
	font-size:80%;
}

/*TABLE TR {
	vertical-align: top;
}*/

TABLE TR.odd {
	background: #f2f2f2;	
}

TABLE TR.even {
	background: #e6e6e6;
}

TABLE TR.odd TD,
TABLE TR.even TD,
TABLE TR.darkGray TD,
TABLE TR.midGray TD,
TABLE TR.liteGray TD {
	padding: 6px;
}

TD.divider {
	margin:0 !important;
	padding:0 !important;
	background: #cccccc;
	width: 1px;
	overflow: hidden;
}



.darkGray {
	background: #d5d5d5;
}

.midGray {
	background: #e6e6e6;
}

.liteYellow 
{
    background: #FFFFCC;
}

.liteGray {
	background: #f2f2f2;
}

.roundedBoxTop {
	clear: both;
	width: 280px;
	height: 10px;
	overflow: hidden;
	background: url(images/bg_box_top.gif) no-repeat;
	margin: 0;
}

.roundedBox {
	width: 258px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.roundedBox P,
.roundedBox UL,
.roundedBox .txtIntro {
	padding: 0 !important;
}

.roundedBox UL {
	color: #CC0033;
	font-size: 10px;
	margin: 0 0 0 15px;
}

.roundedBoxBottom {
	width: 280px;
	height: 10px;
	overflow: hidden;
	background: #FFFFFF url(images/bg_box_bottom.gif) no-repeat top;
}

/************************************************
 * Formatting - Support
 ************************************************/
.supportBox {
	float: left;
	margin: 10px 5px 10px 0;
}

.supportBox .leftCol {
	float:left;
	margin-right: 0px;
	width: 220px;
	text-align:center;
}

.supportBox .rightCol {
	float:left;
}

.supportBox P {
	padding-left: 0 !important;
}




.sidebarBox {
  clear: both;
  border-left: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  background: #f2f2f2;
  padding: 10px;
}

.sidebarBox P {
  font-size: 10px;
  line-height: normal;
}

P.sidebarHeader {
  padding: 0;
  margin: 0 0 5px 0;
  font: bold 14px/normal Arial, Helvetica, sans-serif;
	color: #000000;
}

.requiredStar 
{
    margin-left:5px;color:Red;font-size:22px;font-weight:bold;display:inline;
}

.weather-network 
{
    BACKGROUND: url(images/twn.gif) no-repeat top right;
    padding-left:18px;
    padding-top:15px;
    padding-bottom:2px;
}

#tagline {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#topmenu { /* styles for top menu */

}
#topmenu ul { list-style: none; padding: 0px; margin: 0px; }
#topmenu li { padding: 0px; margin: 0px; display: inline; border-left: solid 1px #000; }
#topmenu li.first { border-left: none; }
#topmenu li a:link, #topmenu li a:visited 
{
    padding: 0px 2px 0px 5px; 
    text-decoration: none; 
}
#topmenu li a:active, #topmenu li a:hover {
	text-decoration: underline;
}

.cart 
{
    margin-bottom:20px;
}
.cart-legend 
{
    color:#808080;
    font-size:85%;
}
.cart-legend li
{
    color:#808080;
    font-size:100%;
}
.cart-legend P 
{
    color:#808080;
    font-size:100%;
}
.cart-legend A 
{
    font-size:100%;
}
.cart .headercell 
{
    color: #333333;
    font-weight:bold;
    padding:6px;
    background-color: #FFEDED;
}
.cart .cell1 
{
    color:#808080;
    font-size:80%;
    padding:10px;
    white-space:nowrap;
}
.cart .cell2
{
    font-size:100%;
    padding:10px;
}
.cart .cell3
{
    font-size:100%;
    padding:10px;
    white-space:nowrap;
}
.cart .cell3 .subtext 
{
    
    font-size: 80%;
    color: #808080;
}
.cart .cell4
{
    font-size:100%;
    padding:10px;
}

.cart .subtotalcell
{
    font-size:115%;
    white-space:nowrap;
}

.headercell TH
{
    background-color:#cccccc;
    color: #888888;
    font-size: 100%;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:7px;
    text-decoration:none;
    white-space:nowrap;
}
.headercell TH A:link
{
    font-size: 100%;
    color: #ffffff;
    text-decoration:none;
}

.headercell A:visited
{
    font-size: 100%;
    color: #888888;
    text-decoration:none;
}
.datacell 
{
    font-size: 16px;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-left:7px;
}

.checkout-tab 
{
    background-color: #f6f6f6;
    border-top:1px solid #f6f6f6;
    border-bottom:1px solid #cccccc;
    border-top:2px solid #FFFFFF;
    color:#888888;
    font-size:115%;
    font-weight:bold;
    padding-left:15px;
    padding-top:10px;
    width:32%;
}
.checkout-tab a 
{
    font-size:100%;
    font-weight:bold;
}

.checkout-tab-selected
{
    background-color: #ffffff;
    color:#000000;
    font-size:115%;
    font-weight:bold;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    padding-left:15px;
    padding-top:10px;
    width:32%;
}

.checkout-tab-subtext 
{
    font-size:85%;
    color:#808080;
    font-weight:normal;
}