/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
  font-family: Verdana,Geneva,Kalimati,sans-serif;	
  background: #f4f4ff;
  text-align: center;
  color: #333366;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BASIC ELEMENTS */

a:link {color:#4e7aff} 
a:visited {color:#4e7aff} 
a:hover {color:#000}

h1 {
 color: #000066;
 font-size: 110%;
}

h2 {
 color: #000066;
 font-size: 110%;
}

h3 {
 color: #333399;
 font-size: 90%;
}

h4 {
 color: #333399;
 font-size: 80%;
}

#headline {
 color: #000066;
 font-size: 115%;
 font-weight: normal;
}

p {
 color: #333366;
 margin: 15px 0px;
 line-height: 115%;
 font-size: 80%;
}

ul {
 margin: 15px 0px;
 margin-left: 2em;
 font-size: 80%;
}

li {
 margin-top: 8px;
}

/* STATIC DIVS */

#container {
 width: 956px;
 background: url(images/container_bg.jpg);
 margin: auto;
 overflow: hidden;
}

#header {
 width: 924px;
 height: 97px;
 margin: auto;
 background: url(images/header.jpg);
}

#content_bg {
 width: 924px;
 height: 216px;
 background: url(images/content_bg.jpg);
 margin: auto; 
 overflow: hidden;
}

#content {
 text-align: left;
 margin-left: 290px;
 margin-top: 30px;
 width: 570px;
}

#footer {
 width: 956px;
 height: 60px;
 background: url(images/footer.jpg);
 margin: auto;
 margin-bottom: 10px;
 font-size: 80%;
 color: #fff;
 overflow: hidden;
}

#body {
 width: 896px;
 margin: 10px auto 60px auto; 
}


/* CHART TABLE */

#chart {
 width: 896px;
 margin-bottom: 15px;

}

.freetrial_small {
 margin-top: 10px;
}

#arrow {
 margin-top: 5px;
}

table {
 border: 1px solid #ccccff;
}

th {
 border: 1px solid #ccccff;
 padding: 5px;
}

caption {
 background: #4964b8;
 padding: 8px 16px;
 text-align: left;
 color: #fff;
 font-weight: bold;
 font-size: 90%;
}

thead th {
 background: #eff0fb;
 padding: 20px 14px 10px 14px;
 font-size: 60%;
}

th {
 font-size: 70%;
 padding: 5px;
}

.singleimage {
 vertical-align: middle;
}

.doubleimage {
 vertical-align: top;
}

/* REVIEW */

#review_top {
 width: 896px;
 height: 43px;
 background: url(images/review_top.gif);
}

#review_top1 {
 width: 896px;
 height: 43px;
 background: url(images/review_top1.gif);
}

#review_top2 {
 width: 896px;
 height: 43px;
 background: url(images/review_top2.gif);
}

#review_top3 {
 width: 896px;
 height: 43px;
 background: url(images/review_top3.gif);
}

#article_top {
 width: 896px;
 height: 43px;
 background: url(images/article_top.gif);
}

#review_body {
 width: 894px;
 border-left: 1px solid #ccccff;
 border-right: 1px solid #ccccff;
 background: #fff url(images/review_bg.jpg) repeat-x; 
 text-align: left; 
 overflow: auto;
}

#review_images {
 width: 150px;
 float: left;
 display: inline;
 margin-left: 15px;
 font-size: 80%;
 font-weight: bold;
}

#chart_link {
 margin-top: 20px;
}

#review_content {
 width: 700px;
 float: left;
 margin-left: 15px;
}

#article_content {
 width: 866px;
 float: left;
 margin-left: 15px;
}

#video_content {
 margin-top: -360px;
 width: 411px;
 float: left;
 margin-left: 440px;
}

#review_bottom {
 width: 896px;
 height: 14px;
 background: url(images/review_bottom.jpg);
 margin-bottom: 15px;

}

.bigimage {
 margin-top: 10px;
}

.like li {
 padding: 0px 0px 0px 20px;
 background: url(images/v.gif) no-repeat 0px;
}

.dislike li {
 padding: 0px 0px 0px 20px;
 background: url(images/x.gif) no-repeat 0px;
}

/* EXTRA */

#extra {
 width: 924px;
 background: url(images/extra_bg.gif);
 margin: auto;
 overflow: auto;
 font-size: 60%;
 text-align: left;
}

#products {
 width: 432px;
 float: left;
 display: inline;
 margin: 16px 28px 0px 16px;
 padding-bottom: 16px;
}

#articles {
 width: 432px;
 float: left;
 display: inline;
 margin-top: 16px;
 padding-bottom: 16px;
}

.legal {
 width: 900px;
 margin: auto;
 font-size: 60%;
 margin-bottom: 15px;
}

#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { color: #000; }
#footer p { color: #fff; }

/* DIV */

div.alert {
	padding: 8px 0px 8px 0px; 
	background: #F7F1EF;
	border-top: 4px solid #F8A88C;
	border-bottom: 4px solid #F8A88C;
	color: #000;
	margin-bottom: 15px;
}

/* IMG */

img.floatright
{
float: right;
margin: 0px 0px 4px 4px;
}