/* General purpose classes */
/* clearfix: http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* layout */
body { background-color: #fff; background-image: url(../images/bubble-background.jpg); background-repeat: repeat-x; font-family: verdana; font-size: 12px; line-height: 16px; }

#header, #pagewrap, #footer { background-color: #fff; margin: 0 auto; width: 800px; }

#header p.header-logo { border-bottom: 5px solid #083bb8; padding: 5px 0; text-align: center; }
#footer p.copyright { border-top: 5px solid #083bb8; clear: both; margin: 0 22px; padding: 14px 0; text-align: center; }

/* sidebar */
#sidebar { float: left; padding: 14px 4px; width: 194px; }

ul.quick-links { padding-left: 10px; }
ul.quick-links li { display: inline; }
ul.quick-links li a { display: block; float: left; }
ul.quick-links a span { display: none; text-indent: -9999px; }
li.quick-link-home a { background-image: url(../images/home_button.gif); height: 30px; width: 73px; }
li.quick-link-contact a { background-image: url(../images/contact_button.gif); height: 30px; width: 98px; }

ul.product-navigation { }
ul.product-navigation li { margin-bottom: 3px; }
ul.product-navigation li a {display: block; height: 47px; width: 194px; }
ul.product-navigation li a span { display: none; text-indent: -9999px; }
li.nav-golf-ballz a { background-position: 0 0; }
li.nav-ornamentz a { background-position: 0 611px; }
li.nav-baseballz a { background-position: 0 564px; }
li.nav-cue-ballz a { background-position: 0 517px; }
li.nav-ping-pongz a { background-position: 0 470px; }
li.nav-hockey-puckz a { background-position: 0 423px; }
li.nav-poker-chipz a { background-position: 0 376px; }
li.nav-dog-tagz a { background-position: 0 329px; }
li.nav-stone-coasterz a { background-position: 0 282px; }
li.nav-stone-trivetz a { background-position: 0 235px; }
li.nav-bamboo-coasterz a { background-position: 0 188px; }
li.nav-photo-framez a { background-position: 0 141px; }
li.nav-contact-us a { background-position: 0 94px; }
li.nav-testimonialz a { background-position: 0 47px; }
li.nav-golf-ballz a:hover { background-position: 194px 0; }
li.nav-ornamentz a:hover { background-position: 194px 611px; }
li.nav-baseballz a:hover { background-position: 194px 564px; }
li.nav-cue-ballz a:hover { background-position: 194px 517px; }
li.nav-ping-pongz a:hover { background-position: 194px 470px; }
li.nav-hockey-puckz a:hover { background-position: 194px 423px; }
li.nav-poker-chipz a:hover { background-position: 194px 376px; }
li.nav-dog-tagz a:hover { background-position: 194px 329px; }
li.nav-stone-coasterz a:hover { background-position: 194px 282px; }
li.nav-stone-trivetz a:hover { background-position: 194px 235px; }
li.nav-bamboo-coasterz a:hover { background-position: 194px 188px; }
li.nav-photo-framez a:hover { background-position: 194px 141px; }
li.nav-contact-us a:hover { background-position: 194px 94px; }
li.nav-testimonialz a:hover { background-position: 194px 47px; }

#services p { display: block; margin: 14px 0; text-align: center; }
#services .badges { background-image: url(../images/services.jpg); height: 169px; width: 194px; }

/* content */
#content { float: left; padding: 50px 22px 14px 22px; width: 544px; }
#content h1 { color: #005aa0; font-size: 22px; line-height: 26px; margin-bottom: 14px; text-align: center; }
#content h2 { color: #d2232a; font-size: 13px; margin-bottom: 14px; text-align: center; }
#content p { margin-bottom: 14px; text-align: justify; }
#content ul { margin-bottom: 14px; }
ul.product-images { text-align: center; }
ul.product-images li { display: inline; }
ul.idea-list li { font-weight: bold; }
#content p.enlarge { font-size: 10px; text-align: center; }
#content p.no-spacing { margin: 0; }
strong.red { color: #d2232a; }
table.pricing-table { border-bottom: 1px solid #000; margin-bottom: 14px; table-collapse: collapse; width: 100%; }
table.pricing-table th { border-bottom: 1px solid #000; color: #d2232a; padding-right: 20px; text-align: right; }
table.pricing-table td { padding-right: 20px; text-align: right; }
table.pricing-table th.first, table.pricing-table td.first { text-align: left; }
p.disclaimer { font-size: 9px; }