@charset "utf-8";
/* Max Spielmann Home CSS Document */
#breadcrumb {display:none;}

img { behavior: url(iepngfix.htc) }

#content #col1 {float:left; display:inline; width:400px;}
#content #col1  img.title {margin-bottom:4px;}
#content #col1 h1 {font-size:0.70em; color:#666; margin:0 0 1.6em 0; font-weight:normal;}
#content #col1 h1 strong {color:#e4292b; text-transform:uppercase;}
#content #col1 p {font-size:0.70em; color:#666; margin-bottom:1.6em;}
#content #col1 p a {color:#e4292b;}
#content #col1 p a:hover {text-decoration:none;}

#content #col2 {float:right; display:inline; width:402px;}

#content #products {float:left; display:inline; width:822px; height:188px; background:url(../images/home/products-back.jpg) top left no-repeat scroll; margin-top:5px;}
#content #products ul {margin:3px 0 0 13px; font-size:0.70em;}
#content #products ul li {float:left; display:inline; position:relative;}
#content #products ul li a {display:block; color:#e4292b; text-decoration:none; height:158px; padding:12px 0;}
#content #products ul li a span.title {position:absolute; top:12px; left:12px; padding-left:1px; display:block; font-size:13px; color:#e4292b; cursor:pointer; font-weight:bold;}
#content #products ul li a:hover span.title {color:#666;}
#content #products ul li a span.img {position:absolute; top:60px; left:7px; cursor:pointer;}
#content #products ul li a span.img img {} /* IE6 */
#content #products ul li.ca a span.img {top:52px; left:2px;}
#content #products ul li.co a span.img {left:1px; top:55px;}
#content #products ul li.mo a span.img {top:55px;}
#content #products ul li.pr a span.img {top:53px; left:2px;}
#content #products ul li.po a span.img {top:53px; left:2px;}
#content #products ul li.mm a span.img {left:3px;}
#content #products ul li.pm a span.img {left:4px; top:62px;}
#content #products ul li a span.quote {display:none; position:absolute; top:31px; left:12px; width:85px; color:#666; font-size:11px; line-height:11px; cursor:pointer; padding-left:2px; margin-bottom:0} /* IE6 */
#content #products ul li.ca a span.quote {width:90px;}
#content #products ul li.pr a span.quote {width:100px;}
#content #products ul li a:hover span.quote {display:block;}
#content #products ul li a span.desc {display:none; position:absolute; left:12px; bottom:12px; font-weight:bold; font-size:11px;padding:0 6px 0 1px; text-align:right; margin:0; cursor:pointer; background:none;} /* IE6 */
#content #products ul li a:hover span.desc {display:block; background:url(../images/red-arrow.gif) right 0.5em no-repeat scroll; } /* IE6 */
#content #products ul li.ca a {width:116px;}
#content #products ul li.mo a {width:113px;}
#content #products ul li.co a {width:108px;}
#content #products ul li.pr a {width:123px;}
#content #products ul li.po a {width:98px;}
#content #products ul li.mm a {width:118px;}
#content #products ul li.pm a {width:121px;}

#content #products ul li.mo a:hover {background:url(../images/home/mugs-back.jpg) left top no-repeat scroll;} /* IE6 */
#content #products ul li.ca a:hover {background:url(../images/home/canvas-back.jpg) left top no-repeat scroll;} /* IE6 */
#content #products ul li.co a:hover {background:url(../images/home/coasters-back.jpg) left top no-repeat scroll;} /* IE6 */
#content #products ul li.pr a:hover {background:url(../images/home/prints-back.jpg) left top no-repeat scroll;} /* IE6 */
#content #products ul li.po a:hover {background:url(../images/home/posters-back.jpg) left top no-repeat scroll;} /* IE6 */
#content #products ul li.mm a:hover {background:url(../images/home/mouse-mats-back.jpg ) left top no-repeat scroll;} /* IE6 */
#content #products ul li.pm a:hover {background:url(../images/home/place-mats-back.jpg ) left top no-repeat scroll;} /* IE6 */