html {height:100%;}
body {background:#fff; border-top:solid 5px #ce474e; color:#555; font:normal normal normal .8em/1.4em Arial, Sans-Serif;}
* {border:0; outline:0; margin:0; padding:0;}
a, a strong {color:#5ea4c8; text-decoration:none; cursor:pointer;}
p, ul.info {margin:0 0 .8em 0;}
ul li, ol li {list-style:none none outside;}
ul.info li {margin:0 0 .5em 0;}
ul.instruct li {margin:0 0 .5em 1em; list-style:disc none outside;}
strong {color:#333;}
em {color:#ce474e; font-weight:bold; font-style:normal;}
a.send {background:url(../images/btn-send.gif) left center no-repeat; display:-moz-inline-box; display:inline-block; padding:0 0 0 1em; text-align:right;}
a.send strong {background:url(../images/btn-send.gif) right center no-repeat; color:#fff; line-height:25px; height:25px; position:relative; display:block; padding:0 1em 0 0;}
a.link-cart {background:url(../images/btn-submit.gif) left center no-repeat; display:block; padding:0 0 0 26px; margin:0 0 .5em 2em; text-align:right;}
a.link-more {background:url(../images/btn-info.gif) left center no-repeat; display:block; padding:0 0 0 26px; margin:0 0 .5em 2em; text-align:right;}
a.link-cart strong {background:url(../images/btn-submit.gif) right center no-repeat; color:#fff; line-height:25px; height:25px; position:relative; display:block; padding:0 1em 0 0;}
a.link-more strong {background:url(../images/btn-info.gif) right center no-repeat; color:#fff; line-height:25px; height:25px; position:relative; display:block; padding:0 1em 0 0;}
input.text, textarea.text {background:#f1f1f1; border:solid 1px #ddd; color:#494949; font:normal normal normal 1em/1em Arial, Sans-Serif; padding:.2em;}
h1 {background:url(../images/logo.gif) 80px 50% no-repeat; height:100%; left:0; max-height:800px; min-height:650px; font-size:1px; margin:-70px 0 0 0; color:#fff; position:absolute; top:0; width:280px; z-index:1;}
h1 strong {background:url(../images/bg-puzzlesaur.gif) left center no-repeat; position:absolute; top:50%; margin:100px 0 0 0; width:392px; height:257px;}
h2 {font-size:1.1em; color:#333; margin:0 0 .3em 0; line-height:normal; border-left:solid 5px #fab2b2; padding:0 0 0 .5em;}

#container { min-width:1000px; position:relative; z-index:2;}
#content {background:url(../images/bg-content.gif) 27em top no-repeat; min-height:500px; padding:.5em 10% 3em 31em; max-width:800px;}
#content .focus {margin:2em 0 0 2em;}
#content dt.title {visibility:hidden; height:0; overflow:hidden;}

#navigation {margin:1.3em 0 2em 0; display:inline-block; width:100%;}
#sub_navigation {margin:0 0 1em -1.5em; display:inline-block; width:100%;}
.navigation li {display:inline; float:left; font-weight:bold; list-style:none none outside; padding:0 0 1.3em 0;}
.navigation li:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.navigation li.active {background:url(../images/arrow-navigation.gif) center bottom no-repeat;}
	.navigation li.active.back {background:url(../images/arrow-back-navigation.gif) left center no-repeat; padding:0;} 
.navigation li a {border-left:solid 1px #ddd; padding:0 1.5em; display:block;}
	.navigation li:first-child a {border-left:0;}
	.navigation li.active a {color:#ce474e; cursor:default;}
		.navigation li.active.back a {cursor:pointer;}

#information {position:relative; height:400px; background:url(../images/bg-main-puzzlesaur.jpg) 240px center no-repeat; min-width:570px;}
#information a.link-more {background:url(../images/btn-teaser.gif) left center no-repeat;}
#information a.link-more strong {background:url(../images/btn-teaser.gif) right center no-repeat; height:39px;}
#information a.link-more.shipping {background:url(../images/btn-teaser2.gif) left center no-repeat;}
#information a.link-more.shipping strong {background:url(../images/btn-teaser2.gif) right center no-repeat;}

.info-inspiration {position:absolute; left:200px; top:50px;}
.info-construction {position:absolute; left:130px; top:100px;}
.info-assembly {position:absolute; left:100px; top:170px;}
.info-shipping {position:absolute; left:380px; top:70px;}

#products, #product {min-width:40em; }
#product a.link-cart {position:absolute; left:3.5em; bottom:-3em; margin:0;}
.item {border-bottom:solid 1px #ddd; padding:0 0 1em 0; margin:0 0 2em 0; display:inline-block; width:100%;}
	.item:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
	.item:last-child {border-bottom:0; margin:0;}
.item ul li {float:left; width:auto; display:inline; border:0; vertical-align:middle;}
.item ul li.item-view {height:130px; width:155px; vertical-align:bottom; position:relative;}
	.item.tri ul li.item-view {background:url(../images/puzzlesaurs/triceratops-sm.gif) left top no-repeat;}
	.item.apo ul li.item-view {background:url(../images/puzzlesaurs/apotosaurus-sm.gif) left top no-repeat;}
	#product .item ul li.item-view {width:20em; height:12em; position:relative; left:-2em; text-indent:-900em; }
	#product .item.tri ul li.item-view {background:url(../images/puzzlesaurs/triceratops-lg.gif) left center no-repeat;}
	#product .item.apo ul li.item-view {background:url(../images/puzzlesaurs/apotosaurus-lg.gif) left center no-repeat;}
.item ul li.item-view strong {position:absolute; bottom:.5em;}
.item ul li.item-view strong em {font-weight:normal; font-size:.9em;}
.item-info {background:url(../images/arrow-puzzlesaur.gif) left center no-repeat; padding:0 0 0 3.5em; position:relative;}
.item-info dl {background:url(../images/arrow-puzzlesaur.gif) right center no-repeat; position:relative; line-height:200%; padding:0 3.5em 0 0;}
	#product .item-info dl {background:0; padding:0;}
.item-info dl dt {position:absolute; font-weight:bold;}
.item-info dl dt strong {color:#67ad52; text-transform:uppercase;}
.item-info dl dd {padding:0 0 0 6.5em; color:#999; font-weight:bold;}
.item-action {padding:3em 0 0 0;}

.status {background:#f1f1f1; position:relative; max-width:300px; padding:1em 5.5em; margin:0 0 .8em 0;}
.status dt {position:absolute; left:1em; top:1.1em; font-weight:bold; color:#ce474e;}
.status dd {display:inline;}
.status dd input.text {width:100%; background:#fff;}
.status dd a.send {position:absolute; right:1em; top:.9em;}


#contact dt {font-weight:bold; color:#666; margin:0 0 .1em 0; }
#contact dd {margin:0 0 1em 0;}
#contact input.text, #contact textarea.text {width:80%; max-width:400px; }
#contact textarea.text {height:10em;}
#contact .quantity {margin:0 0 2em 0;}
#contact .quantity input.text {width:3em; font-weight:bold; text-align:center;}
#contact .quantity strong {color:#67ad52;}

#faq {position:relative;}
#faq dt {margin:0 0 .2em 0; padding:0 0 0 2em; font-weight:bold; color:#ce474e;}
#faq dt strong, #faq dd strong {position:absolute; left:0; color:#333;}
#faq dd {margin:0 0 1.5em 0;padding:0 0 0 2em;}

#cart {background:#f6f6f6; position:absolute; right:1em; top:1em; font-size:.9em; padding:1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#cart dt {background:url(../images/bg-cart.gif) left center no-repeat; width:40px; text-indent:-900em; position:absolute; left:1em top:1em; height:40px;}
#cart dd {margin:0 0 0 50px; color:#ce474e; text-align:center; white-space:nowrap;}
#cart dd a.send {margin:5px 0 0 0;}
#footer {bottom:0; font-size:.8em; left:0; position:fixed; text-align:right; width:100%; min-width:1000px;}
#footer strong {display:block; color:#fff; font-weight:normal; padding:.5em .8em; position:relative; overflow:visible; background:#ce474e;}
