@charset "utf-8";
/* Template CSS Document */

/* Body */
body { padding: 16px 0px; /*height: 100%; */ background: url(../img/bg-pattern.jpg) repeat left top; }
#wrapper { position: relative; width :940px; margin: 0px auto; padding: 10px 30px 20px; border: 1px solid #666; background: #FDFDFD; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 3px #333; -moz-box-shadow: 0px 0px 3px #333; box-shadow: 0px 0px 3px #333; /*min-height: 100%;*/ }
#tagline, .phone, #navbar ul li a, panel h2 a { font-family: Georgia, sans-serif; }
#tagline { font-style: italic; }

/* Header */
#header { position: relative; padding: 0px 0px 5px; }
#logo { float: left; margin: 10px 0px 0px 3px; }
#tagline { float: left; font-size: 2em; color: #669; margin: 15px 0px 0px 5px; line-height: 2em; }
#tagline a { color: #669; }
#tagline a:hover { text-decoration: none; }
#header-pane { float: right; }
#save-sale { float: left; margin-right: 30px; }
#header-books { float: right; margin-right: 15px; }
#payment-types { clear: right; float: right; margin: 8px 0px 0px; }
.header-links { clear: right; float: right; margin: 4px 0px 0px; }
.phone { float: right; color: #669; font-size: 20px; margin-top: 5px; }

/* Navigation Bar */
#navbar { position: relative; width: 938px; /*border-left: 0px solid #666; border-right: 0px solid #666;*/ background: #CECBE6 url(../img/bg-navbar-light.png) repeat-x; background-position: top; border: 1px solid #666; margin: 0px auto; z-index: 1000; }
#navbar ul { /*text-align: center;*/ }
#navbar ul li { float: left; position: relative; /*display: inline;*/ }
#navbar ul li a { display: block; /*display: inline-block;*/ font-size: 1.2em; color: #333; padding: 8px 15px; background: transparent url(../img/bg-navbar-border-dark.png) no-repeat right; }
#navbar ul li a:hover { color: #039; text-decoration: none; }
#navbar ul li a.first { }
#navbar ul li a.last { background: none; padding-right: 0px; }
#navbar ul li.cart { float: right; background: url(../img/bg-navbar-cart.png) repeat-x top; border-left: 1px solid #666; padding-left: 5px; padding-right: 17px; }
#navbar ul li a.cart { padding-right: 28px; background: transparent url(../img/icon-cart.png) no-repeat right 7px; }
/* Navigation Bar Dropdown Menu Open Right */
#navbar ul li.dropdown { background: url(../img/dropdown.png) no-repeat right 17px; }
#navbar ul li.dropdown a { padding-right: 25px; }
#navbar ul ul { position: absolute; right: 9999px; list-style: none; width: 200px; background: #EAE9F5; border: 1px solid #333; z-index: 1001; }
#navbar ul li.dropdown:hover ul { left: 0px; }
#navbar ul ul li { float: none; }
#navbar ul ul li a { display: block; text-align: left; font-size: 13px; color: #333; background: url(../img/icon-bullet-dark.png) no-repeat 4px 12px; border-bottom: 1px dotted #333; padding: 9px 0px 7px 17px; margin: 0px; line-height: 18px; }
#navbar ul ul li a.last { border-bottom: 0px dotted #666; background: url(../img/icon-bullet-dark.png) no-repeat 4px 12px; }
#navbar ul ul li:hover { background: #FFF; }
#navbar ul ul li a:hover { color: #333; text-decoration: underline; }
/* Navigation Bar Dropdown Menu Open Left */
#navbar ul ul.right { position: absolute; right: 9999px; list-style: none; width: 200px; background: #EAE9F5; border: 1px solid #333; z-index: 1001; }
#navbar ul li.dropdown:hover ul.right { left: auto; right: 0px; }
#navbar ul ul.right li { float: none; }
#navbar ul ul.right li a { display: block; text-align: right; font-size: 13px; color: #333; background: url(../img/icon-bullet-dark-reverse.png) no-repeat right 13px; border-bottom: 1px dotted #333; padding: 9px 16px 7px 0px; margin: 0px; line-height: 18px; }
#navbar ul ul.right li a.last { border-bottom: 0px dotted #666; background: url(../img/icon-bullet-dark-reverse.png) no-repeat right 13px; }
#navbar ul ul.right li:hover { background: #FFF; }
#navbar ul ul.right li a:hover { color: #333; text-decoration: underline; }

/* Slideshow */
.slideshow { position: relative; padding: 0px; }
.cycle-slideshow img { width: auto; max-width: 940px; height: auto; max-height: 300px; }
.slideshow #prev { position: absolute; bottom: 10px; left: 10px; z-index: 1002; }
.slideshow #prev img:hover, .slideshow #next img:hover { opacity:0.7; filter:alpha(opacity=70); }
.slideshow #next { position: absolute; bottom: 10px; right: 10px; z-index: 1002; }

/** Cycle 2 Plugin **/
/* pager */
.cycle-pager { text-align: center; width: 100%; height: 24px; z-index: 500; position: absolute; bottom: 13px; overflow: hidden; }
.cycle-pager span { font-family: Georgia, sans-serif; font-size: 54px; width: 16px; height: 16px; display: inline-block; color: #FFF; cursor: pointer; padding-right: 1px; }
.cycle-pager span.cycle-pager-active { color: #666;}
.cycle-pager > * { cursor: pointer;}
/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
/* overlay */
.cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; }

/* Photo Gallery */
.gallery { margin-top: 20px; }

/* Content */
#content { position: relative; padding: 10px 5px 5px; }
#content h1 { border-bottom: 1px solid #DDD; overflow: hidden; }
#content h1 a, h2 a, h3 a { font-family: Georgia, sans-serif; color: #444; }
#content h1 a:hover, h2 a:hover, h3 a:hover { color: #039; text-decoration: none; }
#content p.first { padding-top: 10px; }
.main { float: left; }

/* Sidebar */
.sidebar { float: right; margin: 0px 0px 0px 25px; padding: 10px 0px; overflow: hidden; }
.sidebar img { border: 1px solid #DDD; }

/* Panels*/
.panels { width: 940px; margin: 0 auto; padding: 0px 0px 5px; }
.panel { float: left; width: 280px; background: #F2F2F2; border: 1px solid #CCC; padding: 10px; }
.panel.img { min-height: 194px; }
.panel.middle { margin: 0px 15px; }
.panel h2 { text-align: center; width: 283px; padding-bottom: 8px; }
.panel h2 a { display: block; color: #333; font-size: 0.8em; background: #CECBE6 url(../img/bg-navbar-light.png) repeat-x; border: 1px solid #999; padding: 5px 0px; }
.panel h2 a:hover { color: #039; }
.panel p { padding: 0px 3px 10px; }
.panel img { padding: 10px 0px; }
.panel.read-more { width: 280px; text-align: center; background: #F2F2F2; }
.panel ul { text-align: center; }
.panel ul li { display: inline; }
.panel.read-more a { float: left; color: #222; font-weight: bold; padding: 3px 0px 0px; line-height: 20px; }
.panel.read-more a:hover { color: #039; text-decoration: none; }
.panel.read-more img { padding: 0px; }
.panel.read-more img.margin { margin-right: 8px; }

/* Products */
.products { padding: 10px 0px; }
.product { position: relative; border: 1px solid #DDD; background: #F8F8F8; margin-top: 20px; padding: 10px; overflow: hidden; }
.product.first { margin-top: 0px; }
.product-image { float: left; padding-right: 15px; }
.product-details { padding-right: 15px; }
.product-details h2 { padding: 4px 0px 6px; }
.product-type { color: #999; font-size: 0.8em; }
.product-retail { position: relative; float: left; }
.product-id { }
.product-price { float: left; color: #C00; font-size: 1.7em; margin-top: 16px; }
.product-add-cart { float: left; margin-left: 15px; margin-top: 12px; }

.book { border: 1px solid #CCC; border-radius: 6px; background: #F8F8F8; padding: 10px 20px; margin-top: 10px; }
.book img { border: 0px solid #EEE; }
.book-price { color: #C00; font-size: 1.7em; margin-top: 5px; }
.book-tag { color: #999; font-size: 0.6em; padding-left: 7px; }
.book-add-to-cart { margin-top: 7px; }
.book-details h3 { border-bottom: 1px solid #CCC; padding-top: 0px; }
.book-details h6 { padding: 8px 0px 2px; }
.book-details h6.first { padding-top: 0px; }
.book-read-more { position: absolute; right: 15px; bottom: 10px; }
.book-read-more a { background: url(../img/icon-bullet-dark.png ) no-repeat 0px 7px; padding-left: 14px; }

.discount { text-align: center; }
.discount h3 { color: #F00; padding-top: 0px; }

/* Image Bar */
.image-bar { text-align: center; padding-top: 5px; }

/* Footer */
.footer-slogan { text-align: center; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
#footer { width: 940px; margin: 0px auto; padding: 5px 0px; }
#footer p { padding: 0px; }
#footer ul { text-align: center; }
#footer ul li { display: inline; }
#footer ul li a { display: inline-block; color: #039; }
#footer ul li a:hover { text-decoration: underline; }

/* Pre-footer */
.pre-footer { border-bottom: 1px solid #CCC; padding-bottom: 15px; }
.pre-footer ul.fl { float: left; margin-left: 20px; }
.pre-footer ul.fl.first { margin-left: 0px; }

/* Overrides */
a.bullet { background: url(../img/icon-bullet-dark.png) no-repeat 0px 6px; padding-left: 13px; }
.plus { font-size: 2em; padding: 0px 15px; }
ul.preview li { margin-right: 10px; }
ul.preview img { border: 1px solid #999; }
h1 span { color: #999; font-size: 0.9em; }
img.no-border { border: 0px solid #CCC; }
h2.small { font-size: 1.1em; font-weight: bold; padding-bottom: 5px; }

span.strike { color: #999; font-size: 16px; text-decoration: line-through; }

/* Contact Form */
.contact-form { float: right; width: 680px; margin: 0px; margin-left: 20px; padding: 0px; border: 1px solid #CCC; }
h2.form-header { color: #666; }