/* CSS Document */ /* (c) 2007 by Batronix Elektronik */
#maincontentwide {
    width: 812px;
    min-height: 600px;
    float: left;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #E9E9E9;
}
h1.contentwide {
    width: 802px;
    height: 28px;
    clear: both;
    background-image: url(../images/graphics/design/h1bg.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 28px;
    padding: 0px 0px 0px 10px;
    color: #FFD86A;
    background-color: inherit;
    margin: 0;
    font-weight: normal;
}

h1.contentwide a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 28px;
    color: #FFD86A;
    text-decoration: underline;
}

h2.contentwide {
    width: 802px;
    height: 25px;
    clear: both;
    background-image: url(../images/graphics/design/h2bg.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 26px;
    padding: 0px 0px 0px 10px;
    color: #222222; /*444444; /*ffffff*/
    background-color: inherit;
    margin: 15px 0px 5px 0px; /*0*/
    font-weight: normal;
}

div.popup {
    position:absolute;
    z-index:100;
    border: 1px solid #1e1e1e;
    background: white;
}

td.prodselect {
    width: 210px;
    height: 25px;
    clear:both;
    background-image: url(../images/comparison/selectbg.gif);
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    background-color: inherit;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}
td.prodselect a {
    text-decoration:none;
    color: black;
}
td.prodselect a span {
    padding: 4px 50px 4px 10px;
	margin: auto;
}

img.prodselect {
    float: left;
    margin: 5px 0px 4px 10px;
}
.croce {
    background-color: #FFFFFF;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.croco {
    background-color: #FFFFFF;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.crece {
    background-color: #fcf0d5;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.creco {
    background-color: #fcf0d5;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.cnohit {
    background-color: #FF6666;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.chit {
    background-color: #66FF66;
    padding: 0 5px 0 5px;
    border-right: 1px solid #CCCCCC;
}
.cenohit {
    background-color: #FF6666;
    padding: 0;
}
.cehit {
    background-color: #66FF66;
    padding: 0;
}
.cnone {
    font-size: 12px;
    padding: 0 5px 0 5px;
}
.crocofeat, .crecofeat, .crocofeatdesc, .crecofeatdesc {
    background-color: #DDDDDD;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
    vertical-align: text-top;
}
.crecofeat, .crecofeatdesc {
    background-color: #D2CFC0;
}
a.ctooltip {
    border-bottom: 1px dotted;
    color: black;
    font-size: 10px;
    text-decoration: none;
    cursor: help;
}
a.ctooltip span {
    display: none;
    position: absolute;
}
a.ctooltip:hover {
    color: #DD7700;
}
a.ctooltip:hover span {
    color: black;
	width: 250px;
    position: absolute;
    margin: -5px 0 0 100px; 
    /* bottom: 0px; */
    /* left:30px;*/
    display: block;
    background-color: #FFF8CA;
    z-index:50;
    border: 1px solid black;
    text-align: justify;
    text-decoration: none;
    padding: 0px 2px 0px 0px;
    opacity: .97;
    filter: alpha(opacity = 97);
}
.ccaption {
    height: 25px;
    clear: both;
    background-image: url(../images/graphics/design/h2bg.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #222222; /*444444; /*ffffff*/
    background-color: inherit;
    margin: 0px 0px 0px 0px; /*0*/
    font-weight: normal;
    padding: 0 0 0 0px;
    font-weight: bold;
}
.ccaption a {
	background-color: inherit;
	text-decoration: none;
	color: #000000;
    font-weight: bold;
}
.ccaption a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.cprodimg {
	max-width: 100px;
	margin: auto;
}
.ccenter,.cnavigation {
    padding: 0 5px 0 5px;
	text-align: center;
}
.ccenter {
	vertical-align: top;
	/* width: 190px; */
}
.cnavigation {
    /* width: 242px; */
}
.cnavigationdiv {
    position: relative;
}
.cnavvisible, .cnavinvisible, .cnavvisiblefirst, .cnavinvisiblefirst, .cnavvisiblelast, .cnavinvisiblelast {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    z-index:15;
    margin: 0;
    width: 10px;
    color: black;
    text-decoration: none;
}
.cnavinvisible:hover div {
	display: inline;
}
.cnavinvisiblefirst:hover div {
    display: inline;
}
.cnavinvisiblelast:hover div {
    display: inline;
}
.cnavvisible:hover div {
    display: inline;
}
.cnavvisiblefirst:hover div {
    display: inline;
}
.cnavvisiblelast:hover div {
    display: inline;
}
.cnavspan, .cnavspanfirst, .cnavspanlast {
	border: 2px dotted #DD7700;
	/* background-color: white; */
	position: absolute;
	width: 43px;
	height: 17px;
    top: -2px;
	z-index:10;
	display: none;
}
.cnavselsel, .cnavselfirstsel, .cnavsellastsel {
    border: 2px solid #AAAAAA;
    background-color: #DDDDDD; 
    position: absolute;
    width: 43px;
    height: 17px;
    top: -2px;
    z-index:5;
    display: inline;
}
.cnavspanfirst, .cnavselfirstsel {
    left: -3px;
}
.cnavspan, .cnavselsel {
    left: -18px;
}
.cnavspanlast, .cnavsellastsel {
    left: -33px;
}
.ccenterprice {
    padding: 5px;
    text-align: center;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.ccentername {
    padding: 5px;
    vertical-align: top;
    text-align: center;
}
.ccentername {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}
a.ccentername:hover {
    color: #FFA800;
    text-decoration: underline;
}
a.ccloselink {
    font-size: 10px;
    color:#0000FF;
	text-decoration: underline;
}
a.ccloselink:hover {
    color: #FFA800;
    text-decoration: underline;
}
img.catselect {
    float: left;
    margin: 4px 0px 5px 5px;
}

