* { margin: 0; padding: 0; }

body { text-align: center; margin:0; padding:0; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 13px; background: url(../images/bg_main.gif) repeat top left;}

#container { width: 100%; float: left; text-align: center; margin: 0; }

#content_auto { margin: 0 auto; width: 745px; }

#content { float: left; width: 745px; background: #FFFFFF; border-left: 1px #d3d3d3 solid; border-right: 1px #d3d3d3 solid; border-bottom: 1px #d3d3d3 solid; border-top: 5px #a1d077 solid; padding: 0 15px 0 15px; text-align: left; }

a { text-decoration: underline; color: #1e398d; font-weight: bold; }

a:hover { text-decoration: none; color:#1e398d; }

ul { font-size: 13px; text-align: left; margin-top: 10px; margin-bottom: 8px; margin-left: 25px; }

ul li { font-size: 13px; margin: 3px 0; }

h1 {color: #C00000; padding: 0; margin: 20px 0; font-weight: normal; font-size: 2.0em; font-family: verdana, arial,helvetica,sans-serif;}
h1 span {font-size: 13px; color: #333; font-weight: bold;}

h2 { font-size: 15px; line-height: 1.3; padding: 0; margin: 10px 0 20px 0; color: #1e398d; font-weight: bold; font-family: arial,helvetica,sans-serif;}
#content h2.order, #content h2.try {background: url(../images/order.gif) no-repeat 0 center; padding-left: 56px; height: 50px; line-height: 50px; font-size: 18px;}
#content h2.try {background: url(../images/try.gif) no-repeat 0 center;}
#content h2.try span {color: #666; padding-left: 15px; font-size: 13px;}
#content h2.order a {color: #c00000;}
#content h2.order02 a {background: url(../images/creditcards.gif) no-repeat center bottom; padding-bottom: 20px; display: block; height: 30px; text-align: center; margin-bottom: 50px;}
h3 { font-size: 14px; line-height: 16px; padding: 0 0 3px 0; margin: 10px 0 15px 0; color: #1e398d; font-weight: bold; border-bottom: 1px #d4d4d4 solid; }
h4 { margin: 10px; padding: 0; font: bold 18px/1.5 arial,helvetica,sans-serif; text-align: left;}
h4 span {color: #C00000;}
p { line-height: 1.5; padding: 0; margin: 0 0 20px 0;}
.rlink {text-align: right; font-weight: bold;}

 .cl:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
.fred {color: #c00000; font-weight: bold;}
.yellow {background: #FFFF00;}
.center {text-align: center;}

#header { float: left; width: 743px; }

#logo {width: 743px; 
 height: 132px;
 background: transparent url('../images/logo.jpg') no-repeat 0 0;
 text-indent: -9999px;
 clear: both;
 }

#logo a {display: block; width: 743px; height: 132px;}
#logo h1 {border: none;}

#content #navs {float: right; font: bold 13px Arial; margin: 5px 0;}
#content #navs a, #navs a:visited {color: #1e398d;
font-weight: bold;
padding: 0 7px;
text-decoration: none;
}
#content #navs a.on {
color: #79b84e;
}
#content #navs a:hover {
color: #79b84e;
}

#crumbs { font-size: 11px; color: #666; text-align: right;}
#crumbs a {font-weight: normal;}

img {border: 0;}
img.limg {float: left; margin: 0 15px 5px 0;}
img.rimg {float: right; margin: 0 0 5px 15px;}

#info { float: left; width: 743px; background: url(../images/infobg.gif) repeat-y top left; border-bottom: 1px #d3d3d3 solid;}

#infoleft { float: left; width: 493px; padding: 5px 25px 0 25px; }
#infoleft a {color: #0000ff;}

#inforight { float: left; width: 200px; padding: 25px 0 0 0;}
#rightnav-info { float: left; width: 163px; padding: 0px 20px 10px 17px; font-size: 11px; }

#footer { float: left; width: 743px; padding: 0; margin: 5px 0 0 0; }
#footer a {color: #666; font-weight: normal; }
#footer a:hover { color:#333;}
#footer p { color: #666; font-size: 11px; text-align: center;}
#footer-left { float: left; width: 500px; padding: 0 0 10px 0; line-height: 2.0;}
#footer-right {float: right; width: 150px; padding: 0 15px 0 0; }
#footer-right a {background: url(../images/rss.gif) no-repeat 0 0; font-weight: bold; padding-left: 50px;}

/*------------- SUBNAVIGATION --------------*/
ul.rightnav { margin:0; padding: 0 0 20px 0;}
ul.rightnav li { margin:0; padding: 8px 0 7px 0; display:block; list-style-type:none; border-bottom: 1px solid #d1d1d1; }
ul.rightnav a:link, ul.rightnav a:visited { padding:0 0 0 13px; color: #1e398d; text-decoration:none; background: url(../images/arrow.gif) no-repeat 0 6px; font-weight: bold; display: block; font-size: 13px;}
ul.rightnav a:active, ul.rightnav a:hover, ul.rightnav a:link.navon, ul.rightnav a:visited.navon { padding:0 0 0 13px; color: #79b84e; text-decoration:none; background: url(../images/arrow_on.gif) no-repeat 0 6px; font-weight: bold; display: block; }
ul.rightnav a:link.navon, ul.rightnav a:visited.navon { font-weight: bold; }

ul.fea {margin: 0; padding: 0; list-style: none;}
ul.fea li {margin: 0; padding: 0 0 15px 45px; line-height: 1.5; font-size: 13px;}
ul.fea li p {margin: 5px 0 15px 0;}
ul.fea li.ks {background:url(../keyword-expert/images/ks-ico.gif) no-repeat 0 0;}
ul.fea li.kt {background:url(../keyword-expert/images/kt-ico.gif) no-repeat 0 0;}
ul.fea li.pk {background:url(../keyword-expert/images/pk-ico.gif) no-repeat 0 0;}
ul.fea li.ko {background:url(../keyword-expert/images/ko-ico.gif) no-repeat 0 0;}
ul.fea li.wa {background:url(../keyword-expert/images/wa-ico.gif) no-repeat 0 0;}
ul.fea li.ae {background:url(../keyword-expert/images/ae-ico.gif) no-repeat 0 0;}

ul.benefits {margin: 0; padding: 0; list-style: none;}
ul.benefits li {margin: 0; padding: 0 0 15px 25px; line-height: 1.5; font-size: 13px; background: url(../images/check.gif) no-repeat 0 4px;}
ul.benefits a {font-weight: normal;}
ul.benefits ol {margin: 5px 0 0 15px;}
ul.benefits ol li {list-style: none; background:none;padding: 0;}

#whatsnew ul {list-style: none; margin: 8px 0 15px 20px;padding: 0;}
#whatsnew ul li {font-size: 13px; padding-bottom: 5px;}
#whatsnew ul li ul {margin-bottom: 0;}
#whatsnew p {margin: 0; font-weight: bold;}

#pinfo { }
#pinfo ul {list-style: none; margin: 0; padding: 0; margin-left: 170px; height: 185px;}
#pinfo li {padding: 5px 0;}
#pinfo li.sys {color: #666; font-size: 12px; padding: 0 0 0 10px;}
#pinfo li span {padding-right: 15px; font-weight: bold;}
#pinfo li.odd {background: #F6F6F6;}
#pinfo li.odd {background: #F6F6F6;}

#content .orderbox {
	clear: both;
	margin: 10px 0 20px 0;
	text-align: center;
	font: bold 16px/1.4em Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

#content .orderbox .down {
	padding: 0 0 0 27px;
	background: url(../images/download.gif) no-repeat center left;
}

#content .orderbox .buy {
	padding: 0 0 0 27px;
	background: url(../images/buynow.gif) no-repeat center left;
	margin-left: 25px;
	color: #c00000;
}
#content .orderbox .buy span { color: #c00000;}
#content .discountdel { text-decoration: line-through;}
#content .discount { color: #c00000; padding-right: 15px;}

.dbbtn { width: 99%;}
.dbbtn:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.dbbtn ul{
width: 100%;
list-style: none;
margin: 5px 0;
padding: 0;
}

.dbbtn ul li{
display: inline;
padding: 0;
margin: 0;
font-size: 16px;
}

.dbbtn ul li a {
padding: 0;
margin: 0;
text-decoration: none;
width: 172px;
height: 65px;
float: left;
background: url(../images/downbtn.gif) center 0 no-repeat;
display: block;
margin-left: 25px;
}
.dbbtn ul li.buybtn a {
background: url(../images/buybtn.gif) center 0 no-repeat;
}
.dbbtn a span { float: none; display: none;}

.feaimg span {display: block; font-size: 11px; font-weight: bold; color: #666; margin-bottom: 5px;}
.sc {margin: 0 0 20px 0; font-size: 12px;}
.sc img {margin: 10px 0 1px 0;}

/*--- REVIEW ---*/
.review {
	margin-left: auto;
	margin-right: auto;
	border: #A7CCEB 2px dotted;
	width: 90%;
	padding: 6px;
	margin-bottom: 10px;
	background: #F4FAFE;
	font-family: 'Courier New', Courier, mono, sans-serif;
}
.review p {font-size: 13px;}
.review p.title {font-size: 18px; text-align: center; font-weight: bold; line-height: 1.5;}
.review p.name {font-weight: bold; text-align: right;}
.review span {background: #FFFF00; font-weight: bold;}
ul.awards {width: 49%; float: left;}

#linkleft {width: 49%; float: left;}
#linkright {width: 49%; float: right;}
#linkleft ul, #linkright ul, #prom ul {list-style: none; margin: 0; padding: 0;}
#linkleft ul li, #linkright ul li, #prom ul li {text-align: center; padding-bottom: 8px; font-weight: bold; font-size: 12px; color: #666;}

.faqb {font-weight: bold; background: #f6f6f6; margin-bottom: 10px;}
.faqb span {font-size: 17px; color: #c00000;}
.fblue {color: #1E398D; font-weight: bold; font-size: 17px; }

ul.faqs {list-style: none; margin: 0; padding: 0;}
ul.faqs li {line-height: 1.5; margin-bottom: 10px; font-size: 12px; color: #333; font-weight: bold;}
ul.faqs li img {margin: 5px 0;}
ul.faqs li span {font-weight: bold; padding-right: 10px; color: #c00000;}
ul.faqs li.faqsa {padding-bottom: 10px; margin-bottom: 30px; color: #000;font-size: 13px; font-weight: normal;}
ul.faqs li.faqsa span {color: #1E398D;}

/* contact page stuff */
/*------------- FORM ELEMENTS --------------*/
form { margin:0; padding:0; display:block; margin-bottom: 25px; }
input, select, textarea, option { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#1F1F1F; font-weight:normal; }
.red { color: #FF0000; }
fieldset { border-width: 0; }
label { display: block; font-weight: bold;}
span.required { color: #c00000; font-size: 11px; font-weight: normal;}
p.success { color: #11A322; }

input.textbox, textarea {
width: 252px;
border: 1px solid #ddd;
margin: 0 0 5px;
font-size: 12px;
line-height: 1.6em;
padding: 0.2em 0 0.1em 2px;
background-color: #F0F5F2;
background-image: url(../images/textbox-background.gif);
background-position: left top;
}

input.textbox { }

input.button { padding-left: 0.6em; padding-right: 0.6em; font-size: 16px;}

textarea { width: 336px; height: 15em;}