@charset "UTF-8";

div.wrapper {padding-left: 10px;}
div.heading {background: url(../images/about/bg_header.gif) no-repeat center top;	height: 30px;	width: 768px;}
div.sub-heading {background: url(../images/about/bg_sub-header.gif) no-repeat center top;	height: 30px;	width: 560px; float: right; margin-top: 10px;}
div.sub-heading h2 {color: #222; vertical-align: middle;}
div.sub-sub-heading {background: url(../images/about/bg_sub-sub-header.gif) no-repeat right top; height: 30px; width: 560px; float: right; margin-top: 10px;}
div.sub-sub-heading h2 {color: #222; vertical-align: middle; padding-left: 20px;}
div.sub-sub-sub-heading {background: url(../images/about/bg_sub-sub-sub-header.gif) no-repeat right top; height: 30px; width: 560px; float: right; margin-top: 10px;}
div.sub-sub-sub-heading h2 {color: #222; vertical-align: middle; padding-left: 20px;}
div.nav-sub {background-color: #f2f2f2;	width: 185px;	float: left; margin: 0px 0px 10px;}
div.nav-sub .wrapper {background: url(../images/browse/bg_nav-sub-wrapper.gif) no-repeat center bottom; padding: 10px;}
div.nav-sub li {list-style: none; border-bottom: solid #ccc 1px;}
div.nav-sub a {display: block; color: #444; padding: 10px 5px;}
div.nav-sub a:hover {background-color: #f9f9f9; color: #000; text-decoration: none;}
div.content {width: 560px; margin: 0px 0px 10px; padding: 5px 0px; float: right;}
div.content p {padding: 10px 10px 0px 20px; text-indent: 10px; line-height: 20px;}
div.content div.directions p {padding: 10px 10px 0px 20px; text-indent: 0px; line-height: 20px;}
div.content p.guarantee {padding: 10px; margin: 30px 10px 0px; border: dashed #ccc 2px;}
div.content ul {padding: 10px 0px 0px 50px;}
div.content ul.rocky {padding: 10px 10px 5px;}
div.content li {list-style: none;}
div.content li.name {font-style: italic;}
div.content img.history {padding: 15px; border: solid #dfe5ec 1px; margin: 15px;}
div.menu {width: 560px; margin: 0px 0px 10px; padding: 5px 0px; float: right; color: #333;}
div.menu div.row {width:45%; float: left; margin: 0px 10px;}
div.menu h1 {font-weight: normal; font-size: 16px; display: block; text-align: center; color: #8b2e12; clear: both; padding: 20px 0px 15px; background: url(../images/bg_menu-h1.gif) no-repeat center center; margin-top: 10px;}
div.menu h2 {font-weight: normal; font-size: 16px; display: block; clear: both; padding-top: 5px;}
div.menu h1 .price {font-weight: normal; font-size: 12px; font-style: italic; color: #333}
div.menu div.item {text-align: center;}
div.menu div.item p.title {font-weight: bold; font-style: italic; padding-top: 10px;}
div.menu div.item .price {font-weight: bold; font-style: italic; padding-left: 10px;}
div.printer {text-align: right; float: right;}
div.printer a {padding: 5px 0px 5px 18px; display: block; background: url(../images/bg_printer-a.gif) no-repeat left center; color: #666;}
div.printer a:hover {color: #900;}

div.slide {width: 560px;}
div.slide div.title {float: left; color: #666; vertical-align: middle; width: 500px; height: 30px; font-size: 18px; padding-left: 8px; padding-top: 10px;}
div.slide div.nav {float: right; height: 30px; padding-top: 10px;}
div.slide div.picture {clear: both; padding-left: 5px;}
div.slide div.caption {float: left; width: 500px; line-height: 18px; padding-left: 10px; padding-top: 10px;}