body {
	margin: 0;
	padding: 0;
	background-color: #CCCCCF;
	font-family: arial;
	font-size: .75em;
	color: #006;
}

img {
	border: 0;
}


a {
	text-decoration: none;
	color: #fff;
}



#main {
	width: 790px;
	padding: 5px;
	background-color: #fff;
	margin: 10px auto;
}

#header {
	background: #ccc url(../images/lines.gif) 0 0 no-repeat;
	padding-top: 19px;
	width: 100%;
	overflow: auto;
}

#header img, #header div {
	float: left;
}

#tagline {
	padding-top: 14px;
	width: 306px;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em
}
#tagline span {
	float: right;
	text-align: left;
}

#contact {
	padding-top: 14px;
	font-size: .9em
}




#middle {
	margin-top: 1px;
	padding-top: 1px;
	background-color: #666;
	width: 100%;
	overflow: hidden;
}

#leftColumn {
	width: 201px;
	float: left;
	overflow: hidden;
}

#leftColumn a {
	text-decoration: none;
}

#navLeft {
	width: 174px;
	padding: 0 0 2px 0;
	margin: -4px 26px 0 1px;
	list-style: none;
	background: url(../images/navLeft_li_bg.gif) bottom left no-repeat;
}

#navLeft li a {
	background:  #6F6A66 url(../images/navLeft_li_bg.gif) no-repeat;
	padding: 8px 0 1px 17px;
	line-height: 1.35em;
	text-transform: uppercase;
	display: block;
	width: 157px;
	text-decoration: none;
}

#navLeft li a:hover {
	background:  #E37704 url(../images/navLeft_li_bg.gif) no-repeat;
}




#content {
	width: 589px;
	float: left;
}

#flag {
	width: 567px;
	height: 378px;	
	background-color: #fff;
	overflow: hidden;
}

#navBottom {
	margin: 3px 0;
	padding: 0;
	width: 589px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

#navBottom li {
	display: block;
	float: left;
	background-color: #6F6A6F;
	margin: 0 9px 0 0;
	text-align: center;
	border-width: 1px;
	border-color: #000 #ACACAC #ACACAC #000;
	border-style: solid;
}

#navBottom li a, #navBottom li span {
	width: 131px;
	display: block;
	border-width: 1px;
	border-color: #ACACAC #000 #000 #ACACAC;
	border-style: solid;
	font-weight: bold;
	padding: 2px 0;
	line-height: 1.2em;
	color: #fff;
}
#navBottom li#installedButton {
	background-color: #DE6E00;
}
#navBottom a:hover, #navBottom span:hover {
	background-color: #54504D;
	cursor: pointer;
}

#navBottom li span.disabled {
	color: #454545;
}



#navBottomSpacer {
	height: 30px;
}

#invasiveIndex, #invasiveIndex000, #invasiveIndex000, #invasiveIndex010, #invasiveIndex020, 
#invasiveIndex030, #invasiveIndex040, #invasiveIndex050, #invasiveIndex060, #invasiveIndex070,
#invasiveIndex080, #invasiveIndex090 {
	background: url(../images/invasiveIndex_blank.gif) 6px 10px no-repeat;
	padding: 23px 20px 0 0;
	font-weight: bold;
	display: block;
	text-align: center;
}

#invasiveIndex span, #invasiveIndex000 span, #invasiveIndex000 span, #invasiveIndex010 span, #invasiveIndex020 span, 
#invasiveIndex030 span, #invasiveIndex040 span, #invasiveIndex050 span, #invasiveIndex060 span, #invasiveIndex070 span,
#invasiveIndex080 span, #invasiveIndex090 span {
	font-size: .8em;
	color: #999;
}

#invasiveIndex000 {	background: url(../images/invasiveIndex_000.gif) 6px 10px no-repeat; }
#invasiveIndex010 {	background: url(../images/invasiveIndex_010.gif) 6px 10px no-repeat; }
#invasiveIndex020 {	background: url(../images/invasiveIndex_020.gif) 6px 10px no-repeat; }
#invasiveIndex030 {	background: url(../images/invasiveIndex_030.gif) 6px 10px no-repeat; }
#invasiveIndex040 {	background: url(../images/invasiveIndex_040.gif) 6px 10px no-repeat; }
#invasiveIndex050 {	background: url(../images/invasiveIndex_050.gif) 6px 10px no-repeat; }
#invasiveIndex060 {	background: url(../images/invasiveIndex_060.gif) 6px 10px no-repeat; }
#invasiveIndex070 {	background: url(../images/invasiveIndex_070.gif) 6px 10px no-repeat; }
#invasiveIndex080 {	background: url(../images/invasiveIndex_080.gif) 6px 10px no-repeat; }
#invasiveIndex090 {	background: url(../images/invasiveIndex_090.gif) 6px 10px no-repeat; }

#invasiveIndexPopper {
	visibility: collapse;
	display: none;
	position: absolute;
	color: #fff;
	background-color: #008065;
	z-index: 5000;
	width: 140px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #fff;
}


#callout {
	background: url(../images/callout_bg.gif) bottom left;
	color: #fff;
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 201px;
	overflow: hidden;
}

#callout h3 {
	background: url(../images/calloutTitle_bg.gif);
	color: #000;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0;
	text-transform: uppercase;
	padding: 6px 20px 2px 20px;
}

#callout div#hr {
	background: url(../images/callout_bg.gif);
	height: 2px;
	overflow: hidden;
}

#callout p {
	margin: 0 20px 0 20px;
	padding: 5px 0 15px 0;
	line-height: 1.3em;
}
#callout a {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}




#footer {
	background: #fff url(../images/lines.gif) 0 2px no-repeat;
	height: 19px;
}









// ** flag specific **

#flag table {
	margin: 0 auto;
	width: 567px;
	height: 378px;
	background-color: #fff;
	border: 0;
}

#flag table tr td {
	width: 63px;
	height: 63px;
	overflow: hidden;
	line-height: 0;
	vertical-align: top;
	text-align: center;
}

#flag tr td a {
	color: #f60;
	line-height: 1.1em;
	padding-top: 8px;
	display: block;
}


#flag div {
}

#r1c1, #r1c3, #r1c5, #r1c7, #r1c9,
#r2c2, #r2c4, #r2c6, #r2c8, 
#r3c1, #r3c3, #r3c5, #r3c7, #r3c9,
#r4c2, #r4c4, #r4c6, #r4c8, 
#r5c1, #r5c3, #r5c5, #r5c7, #r5c9,
#r6c2, #r6c4, #r6c6, #r6c8
{
	background-color: #000;
}


.floater {
	width: 63px;
	height: 55px;
	background-color: #000;
	color: #f60;
	text-align: center;
	top: -1000px;
	left: -1000px;
	position: absolute;
	z-index: 1050;
	padding: 8px 0 0 0;
}


.floater a, .anchor a {
	color: #f60;
}

#productPhoto {
	width: 378px;
	height: 252px;
	background-color: transparent;
	top: -1000px;
	left: -1000px;
	position: absolute;
	z-index: 1010;
}

#hider {
	width: 567px;
	height: 378px;	
	background-color: pink;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 99999;
	position: relative;
}




/* sub pages */




#product {
	width: 567px;
	background-color: #336;
	color: #fff;
}

#product a {
	color: #c60;
	font-weight: bold;
}

#product div {
/*	visibility: collapse; */
	overflow: hidden;
}

#product div#backstory, #product div#details, #product div#pricing, #product div#kits {
	display: none; 
}

#product div#installed, #product div#details, #product div#kits {
	height: 378px;
	overflow: hidden;
}

#product #installed, #product #copy {
	display: block;
}

#product #copy #productList, #product #copy #productList div {
	display: block;
	visibility: visible;
}
#product #copy #productList div {
	background-color: red;
}
#product #copy #productList {
	overflow: hidden;
}

#product #copy ul {
	margin: 0 0 0 1.3em;
	padding: 0;
}
#product #copy h3 {
	font-size: 1.3em;
	margin: 1em 0 0 0;
}
#product #copy #productList a {
	font-size: 1.1em;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}


#product div.textProp {
	float: right;
	width: 1px;
	height: 363px;
	display: block;
}

#pricing, #backstory, #product #copy {
	width: 537px;
	padding: 0 15px 15px 15px;
}

#product h1 {
	font-size: 1.67em;
	line-height: 1.67em;
	margin: 10px 0 0 0;
}




#product ul {
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 1.5em;
}

#product #copy {
	margin-bottom: 23px;
}


#products {
	font-size: 1.5em;
	line-height: 1.15em;
}


.techtips a {
	font-size: 1.1em;
}
.techtips h3 a, .techtips h3 span {
	font-size: .8em;
}


.marginRight10 {
	margin-right: 10px;
}


.caption {
	font-size: .9em;
	margin-top: 0;
	color: #ccf;
}




table.dataTable {
	width: 530px;
}

table.dataTable tr td{
	text-align: left;
	padding: 3px 5px;
	background-color: #4F5793;
}
table.dataTable tr th {
	text-align: left;
	padding: 5px 5px;
	background-color: #fff;
	color: #336;
}


ol.alpha {
	list-style-type: upper-alpha;
}

ol.alpha li h4 {
	margin-bottom: 0;
}
ol.alpha li p {
	margin-top: 0;
}

.boldRed {
	color: red;
	font-weight: bold;
}




#suckerwrapper {
	width: 201px;
	float: left;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
	padding: 0 0 6px 0;
	margin: 0 26px 0 1px;
	list-style: none;
	background: url(../images/navLeft_li_bg.gif) bottom left no-repeat;
	width: 174px;
z-index: 9900;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 280px; /*sub menu width*/
top: -50px;
display: block;
visibility: hidden;
	padding: 0 0 3px 0;
	border: 1px solid white;
z-index: 9990;	
background-image: none;
background-color: #333;
}

.suckerdiv ul li a, .suckerdiv ul li ul li span {
overflow: auto; /*force hasLayout in IE7 */
	background:  #6F6A66 url(../images/navLeft_li_bg.gif) no-repeat;
	padding: 8px 0 1px 17px;
	line-height: 1.35em;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
z-index: 9995;	
}

.suckerdiv ul li ul li a, .suckerdiv ul li ul li span {
	background: none;
	padding: 2px 4px 2px 16px;
	background-color:  #333;
	text-transform: none;
	line-height: 1em;
z-index: 9999;	
}

.suckerdiv ul li ul li span {
	font-weight: bold;
	color: #ccc;
	padding: 6px 4px 2px 10px;
}


.suckerdiv ul li a:hover{
	background:  #E37704 url(../images/navLeft_li_bg.gif) no-repeat;
}

.suckerdiv .subfolderstyle{
	background:  #6F6A66 url(../images/navLeft_li_bg.gif) no-repeat;
}

ul#suckertree1 li ul li a:hover {
	background: none;
	background-color:  #E37704;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
* html .suckerdiv ul li span { height: 1%; }
/* End */







/* form mailer */

.ddfmwrap {

}

.ddfmwrap p {
	width: 100%;
	overflow: hidden;
	margin: .3em 0;
}

.ddfmwrap label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding: 5px 10px 0 0;
}

.ddfmwrap input, .fmtextarea {
	width: 200px;
	float: left;
	margin-right: 10px;
}

#fm_state {
	width: 26px;
}

#fm_zipcode, #fm_verify {
	width: 100px;
}

.submit {
	padding-left: 110px;
}

.ddfmerrors, .errorlist, .required {
	color: orange;
}

.ddfmerrors {
	font-weight: bold;
}

.ddfmwrap form.ddfm {
	float: left;
	margin: 0;
	padding: 0;
}