/* global em typography template adapted from http://www.thenoodleincident.com */

body{
 border:0;
 margin:0;
 padding:0;
 font-family: arial, helvetica, sans-serif;
 color: #464646;
 background:#000 url(../images/body-bg.gif) center top repeat-x;
 font-size: 76%;
 text-align:center;
 }
 
 /*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ol, ul, li {
	list-style: none;
   
	margin-top: 1em;
	margin-bottom: 1em; 
	text-align:left;
	}
	
ul{
 
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
/*font-size: .93em;*/
padding-left:1em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}

ul{
padding:0 12px;margin:1.0em 0;
}
ul li{
background:#fff url(../images/misc/bul2.gif) 0 .5em no-repeat;
margin:.6em 0;
}	
/*----------------- end list styles ------------------*/
 
 /*----------------- header styles ------------------*/

h1{
font-family: arial, helvetica, sans-serif;
color:#000000;
font-size:1.9em;
font-weight:bold;
margin: 0 0 1em 0;
padding:0;
}

h2{
font-family: arial, helvetica, sans-serif;
font-weight:bold;
margin: 1.2em 0 .2em 0;
color:#000000;
font-size:1.4em;
}
.header2{
font-family: arial, helvetica, sans-serif;
color:#000000;
font-size:1.8em;
font-weight:bold;
margin: .8em 0 .4em 0;
}
.header2b{
font-family: arial, helvetica, sans-serif;
color:#000;
font-size:1.2em;
font-weight:bold;
margin: .4em 0 .4em 0;
}

h3{
color:#000000;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
margin: 1.6em 0 .6em 0;
}

.header3{
color:#000000;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
}
.header3b{
color:#000000;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-size:1.4em;
}
h4{
color:#000000;
font-weight:bold;
font-size:1.0em;
margin: 1.6em 0 .4em 0;

}


h5{
color:#000000;
font-weight:bold;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin: 1.2em 0 .4em 0em;
}

h6{
color:#000000;
font-weight:bold;
font-size:.94em;
margin: 1.2em 0 .4em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/


/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
 /*color:#0081C4;*/
 color:#006ea3;
 text-decoration:underline;
}

a:hover, a:active, a:focus{
color:#d71e02;
 text-decoration:none;
 border:0;
}
a:active, a:focus {outline: 0;}
a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/
p{
margin:8px 0 14px 0;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.right{
 text-align: right;
 }

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearer {
	clear: both;
}

.hide, .print{
/*display:none;*/
}

form {
padding:0;
margin:0;
}
/*end all the global stuff */

#wrapper{
width:868px;
padding:0x;
text-align:left;
margin:0 auto;
}
#header{
position:relative;
}
#header-print{
display:none;
}
#top-menu{
position:absolute;
right:-2px;
top:0;
}

#qlinks{
width:220px;
position:absolute;
right:310px;
top:6px;
padding-top:4px;
text-align:right;
color:#ffffff;
font-size:11px;
font-weight:normal;
}
#qlinks a{
color:#ffffff;
text-decoration:none;
padding:0 3px;
font-weight:normal;
}
#qlinks a:hover{
text-decoration:underline;
}
#nav{
width:867px;
height:33px;
margin:0;
padding:0;
background:url(../images/hdr/nav-bg.gif) left top no-repeat;
}
#nav li{
margin:0;
padding:0;
background:none;
float:left;
}
#nav li a{
display:block;
height:24px;
background:none;
text-align:center;
color:#fff;
text-decoration:none;
font-size:14px;
text-transform:uppercase;
padding-top:9px;

font-weight:bold;
}
#nav li a:hover{

}
#nav #home{width:123px;}
#nav #products{width:141px;}
#nav #about{width:145px;}
#nav #resources{width:147px;}
#nav #contact{width:163px;}
#nav #buynow{width:147px;font-style: italic;}

#nav #home a:hover{width:124px;background:url(../images/hdr/nav-rollover-left.gif) left top no-repeat;}
#nav #products a:hover{width:142px;background:url(../images/hdr/nav-rollover.gif) left top no-repeat;}
#nav #about a:hover{width:146px;background:url(../images/hdr/nav-rollover.gif) left top no-repeat;}
#nav #resources a:hover{width:148px;background:url(../images/hdr/nav-rollover.gif) left top no-repeat;}
#nav #contact a:hover{width:164px;background:url(../images/hdr/nav-rollover.gif) left top no-repeat;}
#nav #buynow{width:147px;font-style: italic;}
#homebanner, #contentbanner{
width:878px;
margin:0 -5px;
}
#homecontent,#content{
background:#FFF url(../images/page/shadow.jpg) left top no-repeat;
overflow:hidden;
width:867px;
}
#homecontent h1{
font-weight:normal;
margin:0;
}
.homecontent-image{
padding: 6px 18px 20px 20px;
}
#home-left{
float:left;
width:450px;
margin:0;
padding:20px 10px 30px 30px;
}
#home-right{
float:right;
width:340px;
margin:0;
padding:18px 12px 0 10px;
}
#content h1{
margin:12px 0 12px 0;
}
#page-left{
background:url(../images/page/sidemenu-top.gif) left top no-repeat;
float:left;
width:191px;
margin:0;
padding:0;
font-size:11px;
}
#page-left h3{
height:19px;
margin:0;
padding:9px 0 0 10px;
font-size:.95em;
}
#page-left ul{
margin:0;
padding:0;
}
#page-left li{
background:url(../images/page/sidemenu-bg.gif) left top no-repeat;
height:28px;
width:191px;
list-style-type:none;
margin:0;
padding:0;
}
#page-left li.sidemenu-bottom{
background:url(../images/page/sidemenu-bottom.gif) left top no-repeat;
height:59px;
}
#page-left li a{
display:block;
font-size:.95em;
color:#464646;
height:28px;
margin:0;
padding:8px 0 0 14px;
text-decoration:none;
}
#page-left li a:hover{
text-decoration:underline;
}
#page-main{
float:left;
width:540px;
margin:0;
padding:20px 10px 30px 40px;
}
#page-right{
background:url(../images/page/page-right-bg.gif) left top no-repeat;
float:right;
width:250px;
margin:6px 0 0 0;
padding:0 0px 0 0px;
}
#page-main.narrow{
width:400px;
}
#content.wide{
padding:20px;
width:827px;
}
#content.wide #page-main{
width:827px;
padding:0;
margin:0;
}
#page-right.narrow{
width:190px;
padding-right:20px;
font-size:.96em;
}
#sidebar{
margin:0;
padding:0 0 0 38px;
}
#footer{
background:url(../images/ftr/footer-bg.gif) right top no-repeat;
width:867px;
height:84px;
margin:0 0 20px 0;
padding:0;
font-size:.92em;
color:#555555;
overflow:auto;
}
#footer p{
padding:4px 0 0 12px;
}
#footer a{
color:#555555;
}
.banner-buy{
position:relative;
background:url(../images/page/banner-buy-bg.gif) left top no-repeat;
height:130px;
width:560px;
margin:0 0 22px 0;
padding:10px 0 0 0;
font-size:12px;
}
.banner-buy h2{
margin:0;
padding:8px 60px 0 158px;
font-size:1.16em;
}
.banner-buy p{
padding:0px 60px 0 158px;
}
.banner-buy p em{
font-weight:bold;
color:#000;
}
.banner-buy div{
position:absolute;
bottom:20px;
right:55px;
color:#000;
}
.banner-buy div span{
font-size:1.5em;
color:#D72027;
}
.banner-buy div img{
margin: 0 0 -4px 6px;
}
.banner-buy-tall{
position:relative;
background:url(../images/page/banner-buy-bg2.gif) left top no-repeat;
height:337px;
width:400px;
margin:0 0 22px 0;
padding:12px 0;
font-size:12px;
}
.banner-buy-tall h2{
margin:0;
padding:8px 60px 0 140px;
font-size:1.16em;
}
.banner-buy-tall p{
padding:0px 60px 0 140px;

}
.banner-buy-tall div {
margin:40px 0 0 40px;
}
.banner-buy-tall div p{
margin:12px 0 12px 0;
padding:0px 20px 0 30px;
font-size:1.10em;
color:#000;
}
.banner-buy-tall div p span{
	display:block;
	float:left;
	width:160px;
}
.banner-buy-tall div img{
margin-top:-2px;
}
.banner-buy-narrow{
position:relative;
background:url(../images/page/banner-buy-bg3.gif) left top no-repeat;
height:176px;
margin:0 -40px 22px 0;
padding:0;
font-size:12px;
}
.banner-buy-narrow h2{
margin:0;
padding:16px 60px 0 158px;
font-size:1.16em;
}
.banner-buy-narrow p{
padding:0px 60px 0 158px;
font-size:1.05em;
}
.banner-buy-narrow p em{
font-weight:bold;
color:#000;
}
.banner-buy-narrow div{
position:absolute;
bottom:30px;
right:120px;
color:#000;
}
.banner-buy-narrow div span{
font-size:1.5em;
color:#D72027;
}
.banner-buy-narrow div img{
margin: 0 0 -4px 6px;
}
.check-list{
background:url(../images/misc/check.gif) left top no-repeat;
padding: 10px 0 0 60px;
margin:6px 0 6px 0;
min-height:62px;
height:auto !important;
height:62px;
}
.side-links a{
display:block;
margin:8px 0 12px 0;
}
.sidebox{
background:url(../images/page/sidebox-bg.gif) top no-repeat;
margin:0 auto;
padding:22px 0;
width:200px;
height:190px;
font-size:12px;
}
.sidebox p{
width:140px;
margin:0 auto;
line-height:1.6em;
}
.surerase{
font-weight:bold;
font-style: italic;
color:#000000;
}
.buynow-home {
float:left;
margin-right: 20px;
color:#000;
}
.buynow-home .price{
font-size:1.5em;
color:#D72027;
}
.buynow{
margin-top:20px;
color:#000;
}
.buynow img{
vertical-align:bottom;
padding:0 12px 0 0;
}
.buynow .price{
font-size:1.5em;
color:#D72027;
}
ul.faq{
margin:20px 0 10px 0;
padding:0;
color:#D72027;
}
ul.faq li{
list-style-type:none;
background-image:none;
margin:0;
padding:2px 0 6px 0;
font-weight:bold;
}
ul.faq li.answer{
/*font-size:.96em;*/
margin-bottom:1.6em;
color:#000;
font-weight:normal;
}

ul.faq li a{
/*font-size:1.16em;*/
/*font-weight:bold;*/
/*color:#D72027;*/
text-decoration:none;
}

ul.resources{
margin:2px 0 18px 0;
padding:0;
color:#000;
}
ul.resources li{
list-style-type:none;
background-image:none;
margin:0;
padding:2px 0 6px 0;
}
ul.resources li a{
font-size:1.0em;
font-weight:bold;
/*color:#D72027;*/
text-decoration:none;
}
.lists{
width: 500px;
overflow:auto;
}
.lists ul{
float: left;
width: 170px;
margin: 0 0 0 18px;
}
.lists ul li{
line-height: 1em;
background:#fff url(../images/misc/bul2.gif) 0 .3em no-repeat;
}
p.emphasis{
font-size:1.16em;
color:#000000;
}
span.orange{
color:#F78E1E;
font-weight:bold;
}

span.orange-em{
color:#F78E1E;
font-weight:bold;
font-style: italic;
}

h2.small{
font-size:1.14em;
font-weight:normal;
}
/*Business Pages*/
#business-top{
margin:6px 0 0 0;
}
.info-block, .btn-block{
float:left;
background:#fff url(../images/page/business-top-bg.gif) top left no-repeat;
width:210px;
margin:0;
padding:0;
}
.btn-block{
background:none;
}
.btn-block img{
margin:0 0 20px 36px;
}
.info-block h2{
height:30px;
margin:12px 0 0 36px;
font-size:1.0em;
}
.info-block p{
margin-left:36px;
padding-right:8px;
}
#business-bottom{
background:#fff url(../images/page/page-divider.gif) top no-repeat;
margin:0;
padding-top:8px;
background:#fff url(../images/home/drive.jpg) right bottom no-repeat;
overflow:auto;
}
.left-block{
float:left;
width:380px;
margin:0 20px 0 20px;
}
.left-block ul.faq{
margin-top:18px;
}
.right-block{
margin:0 0 0 410px;
padding:0 0 0 20px;
}
.right-block p{
text-align:left;
font-size:.96em;
position:relative;
z-index:1000;
}
.image-wrap{
float:right;
clear:right;
background-repeat: no-repeat;
background-color:Transparent;
height:20px;
border:0px solid orange;
margin-left:10px;
}
.image-1{
margin-top:14px;
width:143px;
margin-left:0px;
background-position:-117px 0px;
}
.image-2{
width:170px;
background-position:-90px -20px; 
}
.image-3{
width:200px;
background-position:-60px -40px; 
}
.image-4{
width:227px;
background-position:-32px -60px; 
}
.image-5{
height:130px;
width:259px;
background-position:0px -79px;
margin:0;
}
ul.product-list{
margin:22px 0 36px 0;
padding:0;
}
ul.product-list li{
margin:1.3em 0;padding:0;
padding-left:32px;
background:url("../images/misc/bul6.gif") 0 .3em no-repeat;
background-color:transparent;
font-size:1.14em;
font-weight:normal;
margin-right:10px;
}
ul.product-list li a{
color:#000000;
}

#productlist{
position:relative;
}
#productlist select{
position:absolute;
top:0;
left:0;
width:200px;
height:22px;
}
#go{
position:absolute;
top:0;
left:204px;
}
p.smltext{
font-size:.94em;
}
.lrgtext{
font-size:1.2em;
}
table.chart1{
border-left:1px dotted #ccc;
}
table.chart1 th{
background:#777;
color:#fff;
}
table.chart1 td{
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#businessusersdiv{
margin-bottom:18px;
}