@charset "utf-8";
/* Products CSS - patterned after: http://veerle.duoh.com/blog/comments/css_hover_effect/
*/

#products{
padding: 10px 0 0 10px;
}

/* vertical */

#differences {
float:left;
list-style:none;
margin:1px 0 3px;
padding:0;
width:100%;
}

#differences h3
{
font-size: 11pt;
font-weight:bold;
line-height:12pt;
text-align: center;
margin:0 0 0 8px;
width:191px;
border: none;
}

#differences h3 em
{
text-align: left;
font-size: 10pt;
}

#differences li {
margin:0 9px 9px 0;
padding:0;
float:left;
background:url(../images/diff-tabs-top-wide.png) no-repeat 0 0;
}

/*
#differences li#diff-4 {
margin-right:0;
}
*/

#differences div {
font-size: 10pt;
padding:6px;
background:url(../images/diff-tabs-bottom-wide.png) no-repeat 0 100%;
text-align:center;
}

#differences p {
background-position:50% 100%;
background-repeat:no-repeat;
margin:0;
min-height:150px;
padding:0 0 17px;
width:191px;
}

#differences li:hover {
background-position:-203px 0;
}
#differences li:hover div {
background-position:-203px 100%;
}

/* In depth products */
ul#clear
{
	margin: 0 0 0 -15px;
}

ul#clear li
{
	float: none;
}

#differences2 {
float:left;
list-style:none;
margin:1px 0 3px -15px;
padding:0;
width:100%;
}

#differences2 h3
{
font-size: 11pt;
font-weight:bold;
line-height:12pt;
text-align: center;
margin:0 0 0 8px;
border: none;
}

#differences2 h3 em
{
text-align: left;
font-size: 10pt;
}

#differences2 > li {
margin:0 -30px 9px 0;
padding:0;
float:left;
}

/*
#differences li#diff-4 {
margin-right:0;
}
*/

#differences2 div {
font-size: 10pt;
padding:6px;
/*border-bottom: #060 solid 1px;*/
}

#differences2 p {
background-position:50% 100%;
background-repeat:no-repeat;
margin: -80px;
min-height:150px;
padding:0 0 17px;
}

#differences2 li {
width: 480px;
}