/* Readers Interiors Aaron Rudd Creative 2010-04-11 */ body { background:#8c837c url(/images/page-bg.jpg) top left repeat-x; color:#6e6e6d; font-family:Georgia, serif, 'Times New Roman'; font-size:1em; padding:0px; margin:0px; } /* HTML Bits */ img { border:0px; } a { color:#91b4c3; text-decoration:underline; } a.strong { color:#0c0c0c; text-decoration:none; font-style:italic; font-weight:normal; } a:hover , a.strong:hover { color:#000000; text-decoration:underline; } p { margin:0px 0px 18px 0px; padding:0px; font-size:0.8em; } p strong { color:#0c0c0c; font-style:italic; font-weight:normal; } h1 { margin:10px 0px 14px 0px; padding:0px; font-size:1.5em; font-weight:normal; color:#91b4c3; } h2 { margin:10px 0px 14px 0px; padding:0px; font-size:1.3em; font-weight:normal; color:#91b4c3; } h3 { margin:20px 0px 14px 0px; padding:0px; font-size:1.1em; font-weight:normal; color:#91b4c3; } h4 { margin:10px 0px 14px 0px; padding:0px; font-size:0.9em; font-weight:normal; color:#000000; font-style:italic; } hr { display:none; } .hr { border-bottom:1px solid #91b4c3; width:100%; height:1px; overflow:hidden; } .wrapper-outer { width:100%; overflow:hidden; background:url(/images/logo-bg.jpg) top center no-repeat; } .wrapper { width:960px; margin:0 auto; overflow:hidden; } #header { width:100%; overflow:hidden; height:135px; position:relative; } #header .left { width:25%; float:left; overflow:hidden; } #header .right { width:70%; float:right; overflow:hidden; } #header .love { float:right; margin-right:20px; width:600px; text-align:right; height:65px; overflow:hidden; } #header .nav { float:right; width:620px; margin:0px; padding:0px; overflow:hidden; text-align:right; position:absolute; top:86px; right:24px; list-style:none; } #header .nav li { float:right; height:46px; overflow:hidden; margin-left:13px; } #header .nav a { color:#a49b93; text-decoration:none; float:left; overflow:hidden; height:46px; background:url(/images/menu-arrow.jpg) top center no-repeat; } #header .nav a.current , #header .nav a:hover { color:#ffffff; text-decoration:none; background:url(/images/menu-arrow.jpg) bottom center no-repeat; } /* #header .nav { float:right; margin:0px; padding:0px; list-style:none; margin-top:26px; width:460px; overflow:hidden; clear:right; } #header .nav li { float:left; overflow:hidden; margin-right:14px; } #header .nav li.last { margin-right:22px; } #header .nav a { color:#a49b93; text-decoration:none; float:left; overflow:hidden; height:46px; background:url(/images/menu-arrow.jpg) top center no-repeat; } #header .nav a.current , #header .nav a:hover { color:#ffffff; text-decoration:none; background:url(/images/menu-arrow.jpg) bottom center no-repeat; } */ #search-bar { width:100%; overflow:hidden; } #search-bar .breadcrumbs { width:45%; float:left; } #search-bar .breadcrumbs p { color:#fff; margin:11px 0px 0px 11px; padding:0px; font-style:italic; } #search-bar .breadcrumbs p a { color:#fff; text-decoration:none; } #search-bar .breadcrumbs p a:hover { color:#a49b93; text-decoration:none; } /* Search form */ #search-bar form { float:right; width:50%; } #search-bar form ul { float:right; margin:4px 17px 0px 0px; padding:0px; list-style:none; } #search-bar form ul li { padding:0px; margin:0px; float:left; } #search-bar form ul li.box { padding-top:2px;} #search-bar form ul li.label { display:none; } #search-bar form ul li input { padding:2px 0px 0px 5px; height:20px; width:209px; background:#968e87; border:1px solid #d8d1cc; color:white; } #search-bar form ul li button { border:0px; padding:0px; margin:0px 0px 0px 0px; height:24px; width:61px; background:transparent url(/images/search-button.jpg) top left no-repeat; } #search-bar form ul li button:hover { background-position:bottom left; cursor:pointer; } #search-bar form ul li button span { display:none; } #main-outer { width:100%; overflow:hidden; margin:14px 0px 30px 0px; padding:0; background:url(/images/main-bg.gif) top left repeat-y; } #main-inner { width:100%; overflow:hidden; margin:0px; padding:26px 0px 0px 0px; background:url(/images/main-top.gif) top left no-repeat; } #main { width:908px; overflow:hidden; margin:0px; padding:0px 26px 26px 26px; background:url(/images/main-bot.gif) bottom left no-repeat; } #main .content { float:left; overflow:hidden; width:100%; } #main .content .left { float:left; overflow:hidden; width:225px; margin-right:10px; } #main .content .right { float:left; overflow:hidden; width:673px; } #main .content .right p { width:520px; line-height:1.4em; } #main .content .right .hr { width:520px; } #main .footer { float:left; width:100%; overflow:hidden; margin-top:18px; padding-top:20px; border-top:1px solid #91b4c3; } #main .footer p { width:auto; font-size:0.65em; color:#8d8d8c; margin:0px; } #main .footer p a { color:#8d8d8c; text-decoration:none; } #main .footer p a:hover { color:#91b4c3; text-decoration:underline; } #main .footer .left { float:left; width:60%; } #main .footer .right { float:left; width:40%; text-align:right; } /* Homepage splash image switcheroo */ .homepage-switcher { border-bottom:1px solid #91b4c3; width:100%; overflow:hidden; height:360px; padding-bottom:26px; margin-bottom:26px; } .homepage-switcher .slideshow { width:100%; overflow:hidden; height:360px; } .homepage-switcher .slideshow img { width:908px; height:360px; } .gmap-outer { width:444px; height:213px; overflow:hidden; float:right; background:url(/images/gmap-bg.jpg) top left no-repeat; padding:17px; margin-bottom:20px; margin-left:10px;} .gmap-outer .gmap { width:444px; height:213px; } #main .left ul { margin:10px 0px 10px 0px; padding:0px; list-style:none; width:210px } #main .left ul li { width:100%; overflow:hidden; margin:0px; padding:5px 0px 4px 0px; border-bottom:1px solid #91b4c3; } #main .left ul li a { text-decoration:none; color:#696969; } #main .left ul li a.current { text-decoration:none; color:#000; } #main .left ul li a:hover { text-decoration:none; color:#73a0b3; } #main .left ul li ul { margin:4px 0px 0px 0px; padding:0px 0px 0px 20px; border-top:1px solid #91b4c3; list-style:none; width:190px; } #main .left ul li ul li { margin:0px; padding:5px 0px 4px 0px; border-top:1px solid #91b4c3; border-bottom:0; } #main .left ul li ul li.first { border-top:0; } #main .left ul li ul li a { font-size:0.9em; font-style:italic; color:#868686; } #main .left ul li ul li ul { margin:4px 0px 0px 0px; padding:0px 0px 0px 20px; border-top:1px solid #91b4c3; list-style:none; width:170px; } #main .left ul li ul li ul li { margin:0px; padding:2px 0px 1px 0px; border-top:0; border-bottom:0; } #main .left ul li ul li ul li.first { border-top:0; } #main .left ul.shop-sub-menu { margin:0px 0px 15px 0px; padding:0px; list-style:none; width:210px; overflow:hidden; } #main .left ul.shop-sub-menu li { margin:0px; padding:1px 0px; border-bottom:0; } #main .left ul.shop-sub-menu li a { text-decoration:none; color:#80a7b7; font-style:italic; font-size:0.9em; } #main .left ul.shop-sub-menu li a.current , #main .left ul.shop-sub-menu li a:hover { text-decoration:none; color:#000; } /* Forms */ #main form { margin:0px 0px 20px 0px; padding:0px; } #main form ul { margin:0px; padding:0px; list-style:none; } #main form ul li { margin:0px 0px 5px 0px; padding:0px; } #main form ul li { color:white; } #main form ul li label { width:200px; float:left; color:#6e6e6d; } #main form ul li input , #main form ul li select { width:300px; padding:6px; } #main form ul li #shop_order_deliver_to_billing_address , #main form ul li #signin_remember { width:18px ; } #main ul.error_list { list-style:none; margin-left:200px; font-size:0.9em; margin-top:20px; } #main ul.error_list li { color:red; } /* SHOP BITS */ /* Shop categories */ ul.shop-categories { margin:16px 0px 26px 0px; padding:0px; list-style:none; width:100%; overflow:hidden; float:left; } ul.shop-categories li { margin:0px 15px 10px 0px; padding:0px; list-style:none; width:214px; float:left; position:relative; } ul.shop-categories li.last { margin-right:0px; } /* the link - big */ ul.shop-categories li a { text-decoration:none; } ul.shop-categories li a span.image { display:block; padding-bottom:10px; } ul.shop-categories li a span.title { display:block; color:#000000; font-style:italic; font-size:0.8em; padding-bottom:4px; } ul.shop-categories li a span.tagline { display:block; color:#767676; font-style:italic; font-size:0.8em; } /* hover */ ul.shop-categories li a:hover { } ul.shop-categories li a:hover span.image img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; } ul.shop-categories li a:hover span.title { color:#767676; } ul.shop-categories li a:hover span.tagline { color:#a0a0a0; } /* Shop products */ ul.shop-products { margin:20px 0px 26px 0px; padding:0px; list-style:none; width:100%; overflow:hidden; float:left; } ul.shop-products li { margin:0px 15px 10px 0px; padding:0px; list-style:none; width:214px; float:left; position:relative; } ul.shop-products li.last { margin-right:0px; } /* the link - big */ ul.shop-products li a { text-decoration:none; } ul.shop-products li a span.image { display:block; padding-bottom:10px; } ul.shop-products li a span.title { display:block; color:#000000; font-style:italic; font-size:0.8em; padding-bottom:4px; } ul.shop-products li a span.price { display:block; color:#767676; font-style:italic; font-size:0.8em; } /* hover */ ul.shop-products li a:hover { } ul.shop-products li a:hover span.image img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; } ul.shop-products li a:hover span.title { color:#767676; } ul.shop-products li a:hover span.price { color:#a0a0a0; } /* pagination and prod counts */ div.paging { margin-top:26px; width:100%; overflow:hidden; font-size:0.8em; font-style:italic; } div.paging a { color:#767676; text-decoration:none; } div.paging a:hover { color:#91b4c3; text-decoration:none; } div.paging .itemcount { width:50%; overflow:hidden; float:left; } div.paging .pagination { width:50%; overflow:hidden; float:right; text-align:right; } div.paging .pagination .highlight { font-weight:bold; } /* product images */ .product-images { width:470px; height:255px; overflow:hidden; position:relative; float:left; } .product-images .thumbs { width:115px; float:right; } .product-images .thumbs .thumb { float:left; } #main .cms-content.product p { text-align:justify; width:460px; } .shop-bar { width:465px; overflow:hidden; float:left; } #main .shop-bar p { font-size:0.8em; color:#000; font-style:italic; } #main .shop-bar label { float:none; display:inline; font-size:0.8em; color:#000; font-style:italic; width:auto !important; } #main .shop-bar .price { width:130px; overflow:hidden; float:left; margin-top:5px; } #main .shop-bar .form { float:right; width:50%; } #main .shop-bar .form ul { float:right; margin:4px 0px 0px 0px; padding:0px; list-style:none; } #main .shop-bar .form ul li { padding:0px; margin:0px; float:left; } #main .shop-bar .form h4 { margin:0px; text-align:right; padding-right:5px; } #main .shop-bar .form ul li input { padding:0px 0px 4px 0px; font-style:italic; text-align:center; margin:0px 3px 0px 5px; width:20px !important; background:#fff; border:1px solid #acacab; color:black; font-family:Georgia, serif, 'Times New Roman'; } #main .shop-bar .form ul li button { border:0px; padding:0px; margin:0px 0px 0px 0px; height:20px; width:103px; text-align:right; background:white; color:#000; font-family:Georgia, serif, 'Times New Roman'; } #main .shop-bar .form ul li button:hover { color:#767676; cursor:pointer; } /* Basket */ table.basket { width:100%; font-size:0.8em; } table.basket input { width:30px; text-align:center; font-weight:bold; } table.basket { width:100%; margin:20px 0px; font-size:0.8em; } table.basket th { padding:8px; border-bottom:1px solid #aaa; } table.basket td { padding:8px; border-bottom:1px solid #ddd; } table.basket td.currency { text-align:right; } table.basket td.vat-total , table.basket td.sub-total , table.basket td.total { text-align:right; } table.basket td.total { font-weight:bold; } table.basket td.quantity { text-align:center; } table.basket th.total , table.basket th.inc_vat , table.basket th.ex_vat { text-align:right; width:100px; } table.basket th.total { width:80px; } table.basket th.quantity { text-align:center; width:50px; } table.basket th.product { text-align:left; } table.basket th.remove { width:65px; } .check-details-surround { width:100%; overflow:hidden; float:left; } .check-billing-details { width:30%; overflow:hidden; float:left; } .check-delivery-details { width:30%; overflow:hidden; float:left; } .check-postage-details { width:90%; overflow:hidden; float:left; } div.multi-entry-item { width:100%; overflow:hidden; margin:0px 0px 20px 0px; } div.date { width:50px; background:#f3f2e5; padding:5px; text-align:center; color:black; -moz-border-radius:6px; float:left; margin:5px 10px 5px 0px; overflow:hidden; } div.date .day { font-size:2em; font-weight:bold; line-height:1em; } div.date .month, div.date .year { font-size:0.6em; text-transform:uppercase; font-weight:bold; } ul.back-links { list-style:none; margin:0px 0px 10px 0px; padding:0px; float:right; } ul.back-links li { display:inline; padding-right:10px; } ul.back-links li a { padding-left:20px; background-position:top left; background-repeat:no-repeat; } ul.back-links li.view a { background-image:url(/images/icons/page-go.png); } ul.back-links li.back a { background-image:url(/images/icons/left-arrow.png); } ul.back-links li.perma a { background-image:url(/images/icons/link.png); } ul.pagination { list-style:none; margin:10px 0px 10px 0px; padding:0px; float:left; } ul.pagination li { display:inline; padding-right:10px; } ul.pagination li a { } ul.pagination li.prev a { background-image:url(/images/icons/prev.png); } ul.pagination li.next a { background-image:url(/images/icons/next.png); } ul.pagination li.archive a { padding-left:20px; background-position:top left; background-repeat:no-repeat; background-image:url(/images/icons/archive.png); } #main .attached { float:right; width:275px;} #main .attached-bottom { margin-top:20px; width:100%; overflow:hidden; } #main .attached img { float:right; clear:right; } #main .thumbnail { border:1px solid #aaa; padding:10px; margin:5px 10px 5px 10px; -moz-border-radius:6px; } #main .attached .thumbnail { margin:5px 0px 5px 10px; } #main .attached-bottom .thumbnail { margin:5px 10px 5px 0px; } #main a:hover .thumbnail { border:1px solid #ddd; background:#efefef; } #main div.flashMessage { width:100%; text-align:center; border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px; } #main div.flashMessage.success { color:green; } #main div.flashMessage.error { color:red; }