* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/15px Arial,sans-serif; color: #292929; text-align: left; background: #FFF; overflow-x: hidden; }

a { color: #c02e1b; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: none; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; height: 1px; }
.shell { width: 960px; margin: 0 auto; background: url(/images/bg_home_raps.jpg) top left no-repeat; }

#content .shell { position: relative; padding: 0; margin: 0; width: 960px;}

#productRotator { position: relative; height: 470px; padding: 20px 0 0 0;}
#productRotator #heroContainer { position: absolute; top: -30px; left: 270px; text-align: center; }
#productRotator #heroContainer img { width: 423px; height: 503px;}
#productRotator #leftContainer { position: absolute; top: 60px; left: 10px; width: 234px; }
#productRotator #rightContainer { position: absolute; top: 60px; right: 10px; width: 234px; }
#productRotator #leftForeground { position: absolute; top: 0; left: 208px; width:480px; height: 431px; }
#productRotator #rightForeground { position: absolute; top: 0; right: 208px; width:480px; height: 431px; }
#productRotator img { position: absolute; }
#productRotator #leftContainer img,
#productRotator #rightContainer img { cursor: pointer;}