/* Layout Stylesheet */

textarea {border: 1px #000 solid;}
input.file {border: 1px #000 solid;}

#container {width: 1088px; margin: 0 auto; background: #999;}

#inner_container {width: 958px; margin: 0 auto;}
#header_bar {background: #2E80B3; height: 10px; width: 958px; float: left;}

#header {height: 140px; width: 958px; background: #FFF; float: left; text-align: center;}
#header .left {float: left; text-align: left;}
#header .left .logo {float: left;}
#header .left #pos_statement {float: left; margin: 40px 0 0 20px;}
#header .right {float: right; text-align: right; width: 250px;}
#header .right .email {margin: 5px;}
#header .right .phone {margin: 5px;}

#navigation {height: 36px; width: 958px; background: #2E80B3; float: left;}

#prinav {list-style-type: none; float: left;}
#prinav li {display: inline; margin: 0 15px; line-height: 36px;}

ul.basket {float: right; line-height: 36px; margin-right: 30px;}

.searchsite {float: right; margin-top: 3px; margin-right: 10px;}
.searchsite legend {display: none;}
.searchsite li {display: inline;}
.searchsite label {display: none;}
.searchsite input.text {height: 24px; float: left; display: inline; width: 150px;}

.searchsite input.image {float: right; display: inline;}

#left_nav {float: left; width: 200px;}
ul#leftnav {}
ul#leftnav li {margin: 10px 10px;}
ul#leftnav li a {color: #B31212; text-decoration: none; font-size: 14px;}
ul#leftnav li.selected a {text-decoration: underline;}
ul#leftnav li.big_books {text-indent: -9999px; height: 50px; background: url(/img/skin/leftnav_bigbooks_bg.jpg) top left no-repeat; margin: 0px; width: 200px;}
ul#leftnav li.big_books a {display: block; width: 200px; height: 50px;}
ul#leftnav li.contact {text-indent: -9999px; height: 50px; background: url(/img/skin/leftnav_available_bg.jpg) top left no-repeat; margin: 0px; width: 200px;}
ul#leftnav li.contact a {display: block; width: 200px; height: 50px;}
ul#leftnav li.subnav {text-indent: 10px;}
ul#leftnav li.subnav li {margin: 5px 0;}
ul#leftnav li.subnav a {color: #2E80B3; font-size: 12px;}

#body {float: left; width: 758px;}
#right_nav {float: right; width: 200px;}
form.newsletter {float: left; width: 100%;}
form.newsletter fieldset {margin: 10px;}
form.newsletter li {margin: 5px 0px; float: left; width: 100%;}
form.newsletter li label {width: auto;}
form.newsletter li input.text {float: right; width: 120px;}
form.newsletter li input.image {float: right;}

#footer {width: 100%;}
#footer .wrapper {margin: 0 auto; width: 940px;}
#footer ul {float: right; list-style-type: none;}
#footer ul li {float: left; display: inline;}
#footer ul li a {margin: 0 5px; font-size: 10.5px;}
#footer p.orca {float: left;}
#footer p.copyright {float: left; margin-right: 10px;}
#footer p.bookmark {float: right; margin-top: 10px; width:850px; text-align: right;}
#footer {background: url(/img/skin/footer_bg.jpg) top center no-repeat #FFF; padding-top: 15px;}
#footer a {text-decoration: none; font-weight: bold; color: #2E80B3;}

#content-area {float: left; width: 558px;}

ul.paging {float: left; width: 500px;}
ul.paging li {float: left; margin: 5px 5px;}


#promo-promo_panel {margin-top: 10px; }
.pwrapper {width: 200px; text-align: center;}
.pwrapper .header {width: 100%; height: 30px; text-align: center;}
.pwrapper .header h2 {line-height: 30px;}
.pwrapper img {height: 115px;}
ul.promo-controller {margin-left: 25px;}
.pwrapper p.promo-summary {padding: 5px; text-align: left; height:54px; overflow:hidden;}

.listing .product {margin: 20px; width: 230px; height: 200px;}
.listing .product h2.title {height: 40px; float: left; width: 100%;}
.listing .product .title a {text-decoration: none; color: #FF0000; font-size: 13px;}
.listing .product .summary {width: 140px; float: right; height: 80px;}
.listing .product .thumbnail {float: left;}
.listing .product .thumbnail img {width: 80px; float: left;}
.listing .product .price-contain {clear: both; float: left; margin-top:10px;}
.listing .product .price-contain .wasprice {color: #FF0000; float: left; margin-left: 20px; margin-right: 20px;}
.listing .product .price-contain .wasprice .currency {text-decoration: line-through;}
.listing .product .price-contain .wasprice .price {text-decoration: line-through;}
.listing .product .price-contain .price.nospecial {font-size: 13px; font-weight: bold; float: left; margin-left: 20px;}
.listing .product .price-contain .special {font-size: 13px; font-weight: bold; float: left;}
.listing .product .price-contain .price.unchanged {font-size: 13px; font-weight: bold; float: left;}
.listing .product .more {display: inline; float: right; width: 20px; height: 20p; margin: 10px 0 0 0;}

.home #library-links {clear: left;}
.home #library-links .library {width: 268px; height: 100px; float: left; background: #FFF; border: 1px #CCCCCC solid; margin: 4px;}
.home #library-links .library .title {float: left; width: 134px; margin: 25px 0 0 30px; float: left;}
.home #library-links .library h2.title {margin: 0;}
.home #library-links .library h2.title a {text-decoration: none; font-size: 20px; color: #2E80B3;}
.home #library-links .library h3.title {margin: 5px 0 0 0;}
.home #library-links .library h3.title a {text-decoration: none; font-size: 16px; color: #BC1010;}
.home #library-links .listing .even .thumbnail {float: right; width: 65px; height: 65px; background: url(/img/skin/red_books.jpg) top left no-repeat; margin: 15px 20px 0 0;}
.home #library-links .listing .odd .thumbnail {float: right; width: 65px; height: 65px; background: url(/img/skin/blue_books.jpg) top left no-repeat; margin: 15px 20px 0 0;}
.home #library-links .listing .more {clear: right; width: auto; float: right; margin-right: 4px;}
.home .flash-panel {float: left;}
.home #featured {float: left; width: 758px;}
.home #featured #best-sellers {float: left; width: 370px; border: 1px #EDEDED solid; margin-left: 4px;}
.home #featured #new-releases {float: right; width: 370px; border: 1px #EDEDED solid; margin-right: 5px;}
.home #featured .header {height: 35px; width: 370px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x;}
.home #featured .header h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px;}

.home .listing .product {float: left; width: 170px; margin: 20px 7px;}
.home .listing .product .summary {height: 80px; float: right; width: 80px; overflow: hidden;}
.home .listing .product .price-contain {clear: right; float: left; margin-top: 10px;}
.home .listing .product .price-contain .wasprice {color: #FF0000; float: left; margin-left: 5px; margin-right: 5px;}
.home .listing .product .price-contain .wasprice .currency {text-decoration: line-through;}
.home .listing .product .price-contain .wasprice .price {text-decoration: line-through;}
.home .listing .product .price-contain .price.nospecial {font-size: 13px; font-weight: bold; float: left;}
.home .listing .product .price-contain .special {font-size: 13px; font-weight: bold; float: left;}
.home .listing .product .more {display: inline; float: right; width: 20px; height: 20px; margin: 10px 0 0 0;}

.topic {margin: 6px 0 0 6px; float: left;}
.topic .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x;}
.topic .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.topic form.sorting {float left; margin-top: 10px;}
.topic form.sorting legend {display: none;}
.topic form.sorting li {float: left; display: inline; margin: 5px 0 0 15px;}
.topic form.sorting li label {font-size: 10px; line-height: 20px;}
.topic form.sorting li.sorting-sortby {margin-left: 10px;}
.topic form.sorting li.submit {margin-top: 6px;}

.product {margin: 6px 0 0 6px; float: left; width: 545px;}
.product .header {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.product .header h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.product .header h3 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.product .description {float: left; width: 320px; padding: 10px;}
.product .description .wasprice {float: right; text-decoration: line-through; font-size: 14px; color: #B61111;}
.product .description h2.price {float: right; clear: right; font-size: 18px; font-weight: bold;}
.product .description h3.special {margin: 10px 0; width: 100%; float: left; font-weight: bold; clear: right;}
.product .description h4 {clear: right;}
.product .description .body {}
.product .description form#add-to-basket {float: left;}
.product .description form#add-to-basket li {display: inlne; float: left; margin: 10px 0; line-height: 35px; height: 35px; font-size: 16px;}
.product .description form#add-to-basket li label {display: inline; float: left;}
.product .description form#add-to-basket li input {display: inline; float: left;}
.product .description form#add-to-basket li select.dropdown {max-width: 225px;}
.product .description form#add-to-basket li.quantity input {height: 29px; padding: 2px 8px; font-size: 25px;}
.product .gallery {float: right; width: 200px;}
.product .gallery .featured-image {float: left; width: 200px;}
.product .gallery .featured-image .exists {float: left; width: 200px; text-align: center;}
.product .gallery .featured-image img {
   height: expression( this.scrollHeight > 199 ? "200px" : "auto" );
   max-height: 200px;
}
.product .gallery .thumbs {float: left;}
.product .gallery .thumbs li {float: left; margin: 2px 3px;}
.product .gallery .thumbs img {width: 60px;}
.product .related-items {float: left;}

.news-archive {margin: 6px 0 0 6px; float: left; width: 545px;}
.news-archive .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.news-archive .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.news-archive .article {margin: 10px 0; padding: 0 5px; width: 535px;}
.news-archive .article h2 a {font-size: 16px; color: #B81111; text-decoration: none;}
.news-archive .article .thumbnail {float: left; margin: 10px;}
.news-archive .article .thumbnail img {width: 90px;}
.news-archive .article .date {text-align: right; margin-bottom: 5px;}

.article {margin: 6px 0 0 6px; float: left; width: 545px;}
.article .header {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.article .header h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.article .back {margin: 5px 0;}
.article .visual {float: left; margin: 5px;}
.article .visual img {width: 230px;}

.document {margin: 6px 0 0 6px; float: left; width: 545px;}
.document .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.document .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.document h3.heading {background: none; height: auto; font-size: 14px; margin: 5px 0; font-weight: bold;}
.document .headline {padding: 5px;}
.document .body {padding: 5px;}
.document .visual {float: left; margin: 10px 11px;}

.contact-intro {margin: 6px 0 0 6px; float: left; width: 545px;}
.contact-intro .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.contact-intro .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.contact-intro h4 {padding: 5px;}
.contact-intro .body {padding: 5px 5px 15px 5px;}
.contact-intro .contact {float: left; width: 40%;}
.contact-intro .contact-form {float: right; width: 60%;}
.contact-intro .contact-form form.contact-form {width: 100%;}
.contact-intro .contact dt {font-size: 14px; font-weight: bold;}
.contact-intro .contact dd {clear: left; float: left; margin-left: 10px;}

.ecommerce.basket {margin: 6px 0 0 6px; float: left; width: 545px;}
.ecommerce.basket .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.ecommerce.basket .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.ecommerce.basket .body {}
.ecommerce.basket .basket thead th {background: url(/img/skin/promo_header_bg.jpg) top left repeat-x; height: 30px; color: #FFF; text-indent: 10px;}
.ecommerce.basket .basket tbody td a {color: #2E80B3;}

.ecommerce.checkout {margin: 6px 0 0 6px; float: left; width: 545px;}
.ecommerce.checkout .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.ecommerce.checkout .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.ecommerce.checkout .half {width: 270px; margin-top: 10px;}
.ecommerce.checkout legend {margin-bottom: 10px;}
.ecommerce.checkout fieldset {padding: 5px;}
.ecommerce.checkout select#details_country {width: 175px;}
.ecommerce.checkout fieldset.checkout-delivery_details {display: none;}
.ecommerce.checkout textarea#checkout-extra_delivery_information {width: 255px;}

.ecommerce.post {margin: 6px 0 0 6px; float: left; width: 545px;}
.ecommerce.post .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.ecommerce.post .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.ecommerce.post .basket thead th {background: url(/img/skin/promo_header_bg.jpg) top left repeat-x; height: 30px; color: #FFF; text-indent: 10px;}
.ecommerce.post .basket tbody td a {color: #2E80B3;}
.ecommerce.post .address_summary .billing h2 {font-size: 14px; color: #FF0000; font-weight: bold;}
.ecommerce.post .address_summary .delivery {display: none;}

.ecommerce.receipt {margin: 6px 0 0 6px; float: left; width: 545px;}
.ecommerce.receipt .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.ecommerce.receipt .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.ecommerce.receipt .basket thead th {background: url(/img/skin/promo_header_bg.jpg) top left repeat-x; height: 30px; color: #FFF; text-indent: 10px;}
.ecommerce.receipt .address_summary .billing h2 {font-size: 14px; color: #FF0000; font-weight: bold;}
.ecommerce.receipt .address_summary .delivery {display: none;}
.ecommerce.receipt .order_id {margin: 10px 0 0 0; font-weight: bold; font-size: 14px;}

.search-results {margin: 6px 0 0 6px; float: left; width: 545px;}
.search-results .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.search-results .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.search-results ul.options li {float: left; display: inline; margin: 5px 0 0 15px;}
.search-results ul.options li label {font-size: 10px; line-height: 20px;}
.search-results ul.options li.sorting-sortby {margin-left: 10px;}
.search-results ul.options li.submit {margin-top: 6px;}

.newsletter-subscribe {margin: 6px 0 0 6px; float: left; width: 545px;}
.newsletter-subscribe .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.newsletter-subscribe .heading h2 {line-height: 35px; color:#FFF; font-size: 14px; text-indent: 10px; float: left;}
.newsletter-subscribe .newsletter-subscribe-sidebar {padding: 5px;}

.sitemap {margin: 6px 0 0 6px; float: left; width: 545px;}
.sitemap .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
.sitemap .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}
.sitemap ul li ul {text-indent: 20px;}
.sitemap ul li a {text-decoration: none; color: #FF0000;}
.sitemap ul li ul li ul {text-indent: 40px;}
.sitemap ul li ul li ul a {text-decoration: none; color: #2E80B3;}
.sitemap li.navigation {display: none;}

#content .links {margin: 6px 0 0 6px; float: left; width: 545px;}
#content .links .heading {height: 35px; width: 545px; background: url(/img/skin/featured_header_bg.jpg) top left repeat-x; margin-bottom: 5px;}
#content .links .heading h2 {line-height: 35px; color: #FFF; font-size: 14px; text-indent: 10px; float: left;}