/* Screen Stylesheet */

/* Basics */
#container { background: url(/img/headback.png) no-repeat; background-position: 50% 0; }
a, li, p, div { font-family: lucida grande, verdana, sans-serif; font-size: 11px; }
h1, h2, h3, h4, h5, h6 { font-size: 18px; font-weight: bold; }
#newslettertext { font-size: 10px; }

/* Header */
#headercontainer { background: url(/img/navback.png) repeat-x; background-position: 0 152px; }

/* Newsletter Signup */
.newsletter { background: url(/img/newsletterback.png) no-repeat; }
.newsletter .email input { background: url(/img/newsinput.png) no-repeat; border: none; }
.newsletter .subscribe { float: right; }

/* Searchbox */
.searchsite #searchsite-keyword { background: url(/img/searchback.png) no-repeat; border: none; padding: 3px 7px; }

/* Navigation */
#prinav .home a { background: url(/img/pri_nav_home.png) no-repeat; }
#prinav .about_us a { background: url(/img/pri_nav_about.png) no-repeat; }
#prinav .faq a { background: url(/img/pri_nav_faq.png) no-repeat; }
#prinav .contact a { background: url(/img/pri_nav_contact.png) no-repeat; }

/* Footer */
#footercontainer { border-top: 3px solid #000; padding: 4px 0 20px 0; }
#footer .orca { float: left; }
#footer li { font-size: 10px; padding: 0 4px; border-right: 1px solid #000; }
#footer li.top, #footer li.powered { border-right: none; }
#footer a { color: #000; text-decoration: none; }

/* Homepage */
#homecontent { background: url(/img/homebody.png) no-repeat; padding: 20px; }
.featured-products .product { background: url(/img/featback.png) no-repeat; }
.featured-products .title a { font-size: 16px; font-weight: bold; color: #000; text-decoration: none; }
#flashwrap { width: 571px; height: 296px; float: left; position: relative;}
.flashoverleft { position: absolute; width: 16px; height; 298px; z-index: 2; top: -1px; } 
.flashoverright { position: absolute; width: 16px; height; 298px; z-index: 2; right: 0px; top: -1px;}
.flashovertop { position: absolute; width: 540px; height; 6px; z-index: 2; right: 16px; top: -6px;}
.flashoverbot { position: absolute; width: 540px; height; 6px; z-index: 2; right: 16px; bottom: -4px;}

/* FAQ */
.faqs dt a { background: url(/img/faqbullet.png) no-repeat; padding: 0 0 0 15px; background-position: 0 3px; color: #000; text-decoration: none; }

/* Contact */
.contact-intro dt { text-align: right; font-weight: bold; }
.contact-intro dd a { color: #000; }
.contact-form input { background: url(/img/inputback.png) no-repeat; border: none; padding: 3px 7px; }
.contact-form textarea { background: url(/img/areaback.png) no-repeat; border: none; padding: 3px 8px; }
.contact-form label { text-align: right; }

/* Search Results */
.search-results .article { border-top: 1px dotted #CCC; }
.search-results .even { background: #EEE; }
.search-results .article a { color: #000; }

/* Sitemap */
.sitemap li a { color: #000; text-decoration: none; }

/* Image Gallery */
.image-gallery h2 { margin: 20px 0 25px 0; }
.image-gallery { margin-top:30px;}
.image-gallery #image-wrapper {width:960px;margin:0px auto;}
.image-gallery .image-result { border: 1px solid #B2B2B2; background: #FFF; float: left; width: 149px; height: 149px; overflow: hidden; position: relative; margin: 10px; }
.image-gallery .image-result h2 { display: none; }
.image-gallery .image-result a { display: block; width: 100%; height: 100%; line-height: 149px; text-align: center; }
.image-gallery .image-result .thumbnail { float: none; height: auto; overflow: visible; width: auto; }
.image-gallery .image-result img { vertical-align: middle; max-width: 135px; max-height: 135px; }

/* Paging */
.paging { font-family:arial, sans serif;text-align:left;clear: both; margin: 0px 0px 20px 0px !important; }
.paging li { display: inline;}
.paging li a {color:#666666; margin:0px 1px;}
.paging span { text-decoration:underline; color: #666666; padding: 2px 3px; }
.paging a { font-weight: normal; margin: 2px 3px; }
.paging a span { padding: 0; color: #666666; text-decoration:none;}

/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body .searchsite #searchsite-keyword { padding: 6px 7px; } }