html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
	background:url('../img/backing.png') #8a1b1b;
	color:#000;
	font:normal 1.4em "Lucida Grande","Trebuchet MS","Arial",sans-serif;
	margin:0;
}

a {color:#0000cc; text-decoration: underline;}
a:hover {color:#0000cc; text-decoration: none;}

h2 {font:bold 1.2em 'verdana',san-serif; padding:0.3em 0.5em 0; margin:0;}
h3 {font-size:1.1em; padding:0.3em 0.5em 0; margin:0;}

#global {width:980px;margin:0 auto;background:#fff}

#globalhead {padding:0.2em;background:url(../img/cis-tr.png) #868383 no-repeat right; /* WAS aeaeae */}

#globalnav{ width: 100%; font-weight: bold; font-size: 90%;}
#globalnav ul{ border: 1px solid #BBB; background: url(../img/chromebg.gif) #ebebeb center center repeat-x; padding: 0.3em 0; margin: 0; text-align: left;}
#globalnav ul li{ display: inline; margin:0; padding:0;}
#globalnav ul li a{ color: #494949; padding:0.3em 1em; margin: 0; text-decoration: none; border-right: 1px solid #dadada; }
#globalnav ul li a:hover{ background: url(../img/chromebg2.gif) center center repeat-x; }

.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden; font-size:1px;line-height: 0;height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


.contentl {width:700px; float:left}
.contentl p {padding: 0.5em; margin:0}

.contentr {width:275px;float:right}

#footer {text-align:center; width:100%; border-top:1px dotted #eee;}
#footer p {margin:0; padding:0.2em;}

.small {font-size:0.7em;}

.floatLeft {float:left}
.textCenter {text-align:center;}

.img_adobe{border:0;vertical-align:middle;width:112px;height:33px}

/* Carousel of products */
.stepcarousel{
position: relative; /*leave this value alone*/
border:0;
overflow: scroll; /*leave this value alone*/
width: 970px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}
.stepcarousel .belt{position: absolute; /*leave this value alone*/ left: 0; top: 0}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. - was 250px */
background:#eee;
text-align:center;
}
.stepcarousel .panel img{border:0}

/* Product list */
.product {
float:left;width:320px;margin:0.2em 0 0.2em 1em;padding:1px;background:url(../img/product_base.gif) #ffffff no-repeat 0 100%;border-left: 1px solid #b60c0c;
}
.product img {border:0}
.Product-left {float:left;padding: 0px 5px;width:83px;text-align:center}
.productinfo {width:121px;height:22px;float:right}

/* Products Page */
#prod-left { float:left;width:215px;text-align:center}
#prod-right { margin-left:215px;text-align:left}

/* NEWS */
.newsrow {border-top:1px dotted #999; padding-bottom:0.5em}