* {
margin: 0;
padding: 0;
}

a:link, a:visited {color: #FF0000;}
a:hover, a:active {color: #000000;}
a:hover img.border {border-color: #FF0000;}

body {font: 0.7em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color:#000;}

h1 {margin: 0px 0 20px 0;font: 1.3em Verdana, Arial, Helvetica, sans-serif;color:#000066; font-weight:bold;}
h2 {margin: 20px 0 15px 0;font: 1.1em Verdana, Arial, Helvetica, sans-serif;color: #000066; font-weight:bold;}

p {margin: 0px 10px 10px 0;}
 

  

/* CONTENT */

#content {border-top: 4px solid #DCDCDC; background-color:#FFF; padding: 20px 20px 20px 20px;}

#wrap {width: 770px; margin: 0 auto;}

#inner {border: 4px solid #DCDCDC; margin: 0 0 10px 0; background-color:#FFF;}

.hide {display: none;}

.border {padding: 3px; border: 1px solid #BBBBBB;}

.left {float: left; margin: 0 10px 10px 0;}

.red {color: #FF0000;}


#content ul {margin: 0px 0px 0px 30px; list-style-type:none; }
#content li {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:1.0em; color:#000000; background-image:url(../images/dev/images/red-arrow.gif); background-repeat:no-repeat; background-position:0px 2px; padding:0px 0px 0px 18px; margin:0px 0px 0px 0px;}

#content li span {color:#000000;}

#content ol li {color:#000000; margin: 0px 0px 0px 20px; }

input.red, textarea.red {border-color: #FF0000 !important;}

p.skipto {
margin: 0;
padding: 0;
line-height: 0em;
text-align: right;
visibility: hidden;
}
p.skipto a {
text-decoration: none;
color: #999999 !important;
padding: 0 0 0 16px;
background: url(../images/skip.gif) 3px 50% no-repeat;
}

.quote {font:italic; color:#666666; }

.buy-now a:hover{
padding-left: 0px; background-image:url(../images/dev/images/buy-now-button-large.jpg); background-repeat: no-repeat; background-position: 0px 0%; padding: 0px 0px 0px 0px;  width:98px; height:270px;}

.buy-now a{
background-image:url(../images/dev/images/buy-now-button-large.jpg); background-repeat: no-repeat; background-position: 0px 100%; display: block; padding: 0px 0px 0px 0px; width:98px; height:270px;}


.cta-paramount a:hover{
padding-left: 0px; background-image:url(../images/dev/images/paramount-cta2.jpg); background-repeat: no-repeat; background-position: 0px 0%; padding: 0px 0px 0px 0px;  width:468px; height:270px;}

.cta-paramount a{
background-image:url(../images/dev/images/paramount-cta2.jpg); background-repeat: no-repeat; background-position: 0px 100%; display: block; padding: 0px 0px 0px 0px; width:468px; height:270px;}	

.cta-application {background-image:url(../images/dev/images/application-cta.jpg); width:468px; height:278px;}
.cta-battery {background-image:url(../images/dev/images/battery-cta.jpg); width:468px; height:278px;}
.cta-failure-overide {background-image:url(../images/dev/images/failure-overide-cta.jpg); width:468px; height:278px;}
.cta-high-security {background-image:url(../images/dev/images/high-security-cta.jpg); width:468px; height:278px;}
.cta-install {background-image:url(../images/dev/images/install-cta.jpg); width:468px; height:278px;}






/* HOMEPAGE */

#imgcol {float:left; width: 135px; margin: 0px 10px 0px 0px;}
#imgcol img {margin: 0px 0px 0px 0px;}

#leftcol {float:left; width: 330px;}


#rightcol {float:left; width: 236px; margin:40px 0px 0px 10px;}

#rightcol a.item {display: block;width: 230px;padding: 4px;margin: 0 0 10px 0;border: 1px solid #BBBBBB;text-decoration: none;color: #000000; font: 1em Verdana, Arial, Helvetica, sans-serif;}

#rightcol a.item img {border: 0;margin: 0 4px 4px 0;float: left;}
#rightcol a.item strong {color: #FF0000;text-decoration: underline;line-height: 1.3em;}
#rightcol a.item:hover {border-color: #FF0000;color: #000000;}

.cleared{clear:both;}
  
/* HEADER */
 
#header {background: #000; width: 100%; height: 80px;}
#header img {float: left;}
#nav {border: 4px solid #DCDCDC;width: 464px;float: right;position: relative;top: 26px;}
#nav ul {display: block;margin: 0;}
#nav ul.primary {background: #6e96a7;}
#nav ul.secondary {background: #DDDDDD;}
#nav ul li {display: inline;margin: 0;}
#nav ul li a {text-decoration: none;padding: 5px 10px;display: inline;line-height: 25px;margin: 0;font-weight: bold;}
#nav ul.primary li a {color: #FFFFFF;}
#nav ul.primary li a:hover {color:#CBCBCB;}
#nav ul.secondary li a {color: #000000;border-right: 1px solid #AAA;}
#nav ul.secondary li a:hover {color: #FF0000;}

/* CTA */

#cta img {border: 0;padding: 0;}
#cta {height: 139px;overflow: hidden;}

/* COLUMNS */


#midcol {}

.side {float:right; width:194px; height:119px;}

.side a:hover {padding-left: 0px; background-image:url(../images/dev/images/cta-side.jpg); background-repeat:no-repeat; background-position: 0px 0%; padding:0px 0px 0px 0px; width:194px; height:119px; margin-bottom:10px; margin-left:0px;}

.side a {background-image:url(../images/dev/images/cta-side.jpg); background-repeat:no-repeat; background-position: 0px 100%; display: block; padding:0px 0px 0px 0px; width:194px; height:119px; margin-bottom:10px; margin-left:0px;}





/* FOOTER */

.copyright {border-top: 4px solid #DCDCDC; background: #6e96a7; padding: 2px 0px 5px 10px; text-align: left; color: #FFF; margin:0px 0px 0px 0px; }


.copyright a {color: #FFFFFF;}