/* CSS Document */

body {
margin:0;
background:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
}

h1 {
font-size:18px;
}

a:link {
color:#0099FF;
text-decoration:underline;
}
a:visited {
color:#0099FF;
}
a:hover {
color:#FF9900;
}
a:active {
text-decoration:none;
color:#FF0000;
}

#masthead {
position:relative;
width:100%;
height:47px;
line-height:47px;
background:url(../images/mh-bg.jpg) repeat-x;
}

#masthead h2{
color:#FFFFFF;
font-size:20px;
text-indent:135px;
margin:0;
}

#masthead-logo {
display:block;
background:url(../images/mh-logo.gif) no-repeat;
position:absolute;
top:7px;
left:40px;
width:79px;
height:31px;
background-image: url(../images/mh-logo.gif);
}

#masthead-logo a {
display:block;
width:79px;
height:31px;
}


#container {
margin:0 0 0 40px;
width:800px;
}

#text-nav {
margin:10px 0 10px 0;
font-size:11px;
color:#0099FF;
}

#introbox {
float:left;
margin:0;
border-top:5px solid #CCCCCC;
/*border-bottom:5px solid #CCCCCC;*/
height:100%;
width:800px;
clear:both;
}

#introbox .main {
float:right;
margin:10px 0 10px 10px;
width:374px;
height:180px;
}

#introbox .text {
float:left;
width:380px;
/*width:48%;*/
padding:10px 10px 0 10px;
}

#introbox .text ul {
padding:0;
margin:0;
}

#introbox .text li {
background:url(../images/bullet-faq.gif) no-repeat center left ;
list-style:none;
margin:4px;
padding:0 0 0 15px;
}

#introbox .tutorialtext {
float:left;
width:450px;
padding:10px 10px 0 10px;
line-height:120%;
}

/******************For Product Review Pages******************/ 

#introbox .productimg {
float:left;
margin:20px 25px 20px 0;
}
#introbox a:link .productimg {
border:2px solid #FF9900;
}
#introbox a:visited .productimg {
border:2px solid #FF9900;
}
#introbox a:hover .productimg {
border:2px  solid #CC0000;
}
#introbox a:active .productimg {
border:2px solid #FF9900;
}

#introbox .rating {
margin:20px 22px 0 0;
padding:0;
width:195px;
float:left;
/*border:1px solid #CCCCCC*/
}

#introbox .rating table {
border:1px solid #999999;
width:194px;
}

#introbox .rating .big {
font-size:14px;
}

#introbox .rating table td {
padding:2px 5px;
border-bottom:1px solid #999999;
}

#introbox .rating table .last {
border-bottom:none;
}

.stats{
margin:20px 0;
border:1px solid #999999;
width:265px;
}

.stats .big {
font-size:14px;
}

.stats td {
padding:2px 5px;
border-bottom:1px solid #999999;
}

.stats .last {
border-bottom:none;
}

#introbox .rating ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
float:left;
}

#introbox .rating li{
margin:5px 0 0 0;
padding:0;
list-style-image:none;
}

.features {
float:right;
margin:0;
padding:0;
width:320px;
}

.highlights {
width:100%;
background:url(../images/highlights.jpg) top left no-repeat;
padding:50px 0 0 0;
margin:0;
}

.highlights li {
list-style:none;
padding:0;
margin:5px;
text-indent:18px;
background:url(../images/plus-icon.gif) center left no-repeat;
}

.cons {
width:100%;
float:left;
background:url(../images/cons.jpg) top left no-repeat;
padding:40px 0 0 0;
margin:0 0 5px 0;
}

.cons li {
list-style:none;
padding:0;
margin:5px;
text-indent:18px;
background:url(../images/minus-icon.gif) center left no-repeat;
}

/*********************/


#updatestamp {
float:right;
font-size:11px;
text-align:right
}

.divider {
margin: 20px 0;
width:100%;
height:5px;
background:#CC0000;
clear:both;
}

.mini-review-shell {
width:800px;
clear:both;
}

.mini-review {
padding: 0 10px 10px 10px;
border:1px solid #CCCCCC;
width:60%;
float:left;
position:relative;
}

.flag {
position:absolute;
top:10px;
right:10px;
/*float:right;*/
width:73px;
height:13px;
}

.mini-review h1 {
margin:10px 0;
font-size:18px;
}

.mini-review .thumbnail {
border:2px solid #FF9900;
float:left;
margin:8px 10px 10px 0;
}
.mini-review a:hover .thumbnail  {
border:2px solid #CC0000;
float:left;
}

.mini-review .button {
margin-right:8px;
}

.secondcolumn {
float:right;
/*border:1px solid #000000;*/
width:34%;
}

.promotiongraphic {
text-indent:35px;
line-height:22px;
height:22px;
width:266px;
background:url(../images/promotions.gif) no-repeat;
}

#footer {
padding:10px 0 0 0;
text-indent:40px;
color:#FFFFFF;
margin:100px 0 0 0;
clear:both;
width:100%;
height:70px;
background:#333333;
/*text-align:center;*/
}

#footer a {
color:#FFFFFF;
}

#footer p {
margin:8px 0;
}


#current a {
color:#FFFFFF;
background:#333333;
/*background:#FF6600;*/
}


.faq-graphic {
float:left;
width:77px;
height:77px;
background:url(../images/faq-icon.jpg) no-repeat;
}

.step {
float:left;
margin:0 5px 5px 5px;
}