body
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: transparent;
  text-align: center;
  color:#666666;
}

*
{
  margin: 0;
}

a
{
  color: #2e6399;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

html, body
{
  height: 100%;
}

.clear
{
  clear: both;
}

a img
{
  border: none;
}


.features /*ul.features*/
{
  margin: 12px 12px 20px 0px;
  padding: 0;
}
.features li
{
  list-style: none;
  padding-left: 0px;
  line-height: 12px;
  font-size: 11px;
  margin-top:10px;
}
.primary li /*ul.primary li*/
{
	background: url(../images/check-grn.gif) no-repeat left top;
	padding-left: 15px;
	font-size: 13px;
}
/* Layout */
#wrapper
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

/* Header */
#header
{
	width: 100%;
	text-align: left;
	height: 90px;
	background: url(../images/iolo_header_bg.gif) repeat-x top left;
}
.branding
{
  background: url(../images/iolo_header.gif) no-repeat left top;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  width: 770px;
}
.div_iolo_logo{
	float:left;
	width:190px;
	height:80px;
	text-align: left;
}

/* Navigation */
.top_navi
{
	color: #ffffff;
	padding-top: 15px;
	width: 480px;
	float: right;
}
.top_navi a
{
  color: #ffffff;
  text-decoration: none;
}
.top_navi a:hover
{
  text-decoration: underline;
}

#mainnavibar
{
  width: 100%;
  background-color: #5f5f5f;
  height: 5px;
}


/* Footer */
#footer{
  color: #cccccc;
  background-color: #5f5f5f;
  height: 50px;
  width: 100%;
  font-size: 11px;
}
#footer table
{
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  text-align: left;
  height: 50px;
}
#footer, .push
{
  height: 50px; /* .push must be the same height as .footer */
}
#footer .copyright
{
  color: #cccccc;
}

.content
{
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
}
.content table
{
	width:100%;
	text-align:left;
}
.content p
{
	margin:5px 0px;
}

#maincol
{
	padding: 0px 0px 20px 20px;
}

#leftcol
{
	width:200px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Grey Product Panes */

.tb_productpane
{
  background: url(../images/productpane_bg.gif) no-repeat;
  width:540px;
  height: auto;
  padding: 0;
  margin-bottom: 15px;
  display: block;

}
.addtocart_box
{
  width: 149px;
  height: 100%;
  background-image: url('../images/productpane_addtocart_bg.gif');
  background-repeat:no-repeat;
  margin:auto;
  text-align: center;
  padding-top: 10px;  
}
.addtocart_box div
{
  margin: 0px 8px;
}

*html table.tb_darwin
{
  margin-bottom: 0px;
}

.addtocart_box p
{
	margin:0px;
	padding:1px 0px;
}
.addtocart_box img
{
	padding-top:3px;
}
.specialoffer {
font-size:13px;
font-weight:bold;
}
.red {
color:#AD1212;

}
.price {
font-weight:bold;
font-size:22px;
line-height:20px;
}

.first_element {
margin-top:0px;
font-weight: bold;
}
h1, h2, h4
{
  font-family: "Franklin Gothic Medium" , Tahoma, Arial;
  font-size: 22px;
  color: #3f3f3f;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: normal;
  margin-top: 25px;
  margin-bottom: 10px;
  clear:both;
  display:block;
}
h2
{
	font-size: 18px; 
	line-height: 22px;
}

h4
{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 0;
}

.greytext { 
color: #666666;
}  

.benefits_box_container
{
  width: 252px;
  height:270px;
  float: right;
  background-image: url('../images/benefits_box_top.gif');
  background-repeat: no-repeat;
  display:block;
}
.benefits_box_inner
{  
  border-left:1px solid #dedede;
  border-right: 1px solid #dedede;
}

.top_rated
{
  border-bottom: 1px solid #cfcfcf;
  margin: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: block;
}
.top_benefits
{
  margin-left: 10px;
  padding-right: 24px;
}
.top_benefits td
{
  padding: 3px 0px 4px 0px;
}
.awards
{
  text-align: center;
  border-left:1px solid #dedede;
}
.awards img
{
  margin-bottom: 5px;
}
.problem_solution_dialog
{
  background-image: url('../images/problem_solution_dialog_bg.gif');
  background-repeat: no-repeat;
  width: 510px;
  height: 64px;
  padding: 10px;
}

.problem
{
  width: 180px;
  border-right: 1px solid #cfcfcf;
  padding-right: 8px;
  float: left;
}
.solution
{
  width: 255px;
  padding-left: 8px;
  float: left;
}
#leftbar
{
	background-image:url(leftbar_bg_middle.gif);
	background-repeat:repeat-y;
	margin-top:0px;
	position:relative;
	top:15px;
}
#leftbar img
{
	margin:30px 0px 10px 0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.leftbartop
{
	background-color:#fff
}
#whatsnew img
{
	float:left;
	margin:0px 10px 0px 0px;
	clear:both;
}
#whatsnew h4
{
	display:block;
	margin:20px 10px 0px 0px;
	font-weight:bold;
}