/* Screen Stylesheet */

/* Basic Font Selection */
* { font: 12px Arial,Helvetica,sans-serif; color: #333; }
legend,h1,h2,h3,h4,h5,h6,h7 { color: #660000; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; margin-top: 8px; }
#content-area p, #content-area ul, #content-area ol, #content-area table, #content-area dl { line-height: 160%; margin: 10px 0; }
strong, em, span, b, i { font-weight: inherit; font-size: inherit; color: inherit; font-style: inherit; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
a { text-decoration: none; font-size: inherit; }
legend { font-size: 18px; }

/* Basic Colouration */
body { background: #E7E7E7; }
#body { background: #FFF; }
#content-area a { color: #660000; }
#content-area a:hover { color: #1A0000; }
.listing .even { background: #F7F7F7; }

/* Special Links */
a.back { background: url(/img/icons/icon-arrow_left.png) center left no-repeat; padding-left: 10px; }

/* Header */
#header { background: url(/img/skin/header-bg.png) top left repeat-x; }
#header .tel { width: 419px; height: 13px; text-indent: -9999px; background: url(/img/skin/header-strapline.png) no-repeat; }
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 25px; }
#header .searchsite .input .text { width: 150px; height: 15px; border: 1px solid #CCC; padding-top: 4px; }
#header .searchsite .submit { right: 0; }
#header .account li { display: inline; }
#header .account a { position: relative; top: -5px; padding: 5px; background: #660000; color: #FFF; }
#header .account a:hover { background: #1A0000; }
#header .basket { background: url(/img/icons/icon-basket.png) center left no-repeat; padding-left: 23px; }
#header .basket li { display: inline; color: #333; line-height: 20px; border-left: 1px solid #FFF; padding: 0 6px 0 5px; }
#header .basket a { color: #660000; font-weight: bold; }
#header .basket a:hover { color: #1A0000; }
#header .basket .summary { border-left: none; }
a.jump.content { display: none; background: url(/img/icons/icon-arrow_down.png) center left no-repeat; padding-left: 10px; }

/* Pri Nav */
.nav.primary a { font-size: 14px; display: block; color: #660000; padding: 5px 10px; }
.nav.primary a:hover { background: #EFEFEF; }
.nav.primary .selected a { background: #333; color: #FFF; }
.nav.primary .subnav { background: #666; }
.nav.primary .subnav a { font-size: 12px; color: #E7E7E7; padding: 3px 10px; }
.nav.primary .subnav a:hover { background: #999; }
.nav.primary .subnav .selected a { background: #999; font-weight: bold; }

/* Sidebar Nav */
.nav.sidebar li { margin-bottom: 10px; }
.nav.sidebar a { color: #999 !important; }
.nav.sidebar a:hover { color: #333 !important; }
.nav.sidebar .selected a { color: #660000 !important; font-weight: bold; }

/* Newsletter Signup */
.newsletter { border-top: 1px dashed #CCC; padding: 10px 10px 0 10px; margin-top: 10px; }
.newsletter .text { width: 128px; }

/* Body */
#body { padding: 10px 0; }
.column.left > div { margin-right: 15px !important; }
.column.right > div { margin-left: 15px !important; }

/* Messages */
.messages { clear: left; border: 1px dotted #5FAAD2; background: #C9E1F0; padding: 0 10px; margin: 0 0 10px 0 !important; }
.messages li { color: #000; padding: 2px 2px 2px 20px; margin: 5px 0; }
.messages li.ok { background: url(/img/icons/icon-ok.png) center left no-repeat; }
.messages li.info { background: url(/img/icons/icon-info.png) center left no-repeat; }
.messages li.error { background: url(/img/icons/icon-error.png) center left no-repeat; }

/* Footer */
#footer ul, #footer p { color: #333; }
#footer li { border-right: 1px solid #FFF; color: inherit; }
#footer li.top, #footer li.copyright { border-right: none; }
#footer a { color: #333; }
#footer a:hover { color: #000; text-decoration: underline; }
a.jump.top { background: url(/img/icons/icon-arrow_up.png) center left no-repeat; padding-left: 10px; }

/* Form Styling */
label { font-weight: bold; }
label.inline { margin-top: 3px; }
input.text, input.password, textarea.textarea { background: #FFF; border: 1px solid #CCC; padding: 2px; }
.subfieldset legend { color: #333; font-size: 12px; font-weight: bold; }
.subfieldset label { font-weight: normal; }
p.field-summary { margin: 0 0 3px 0 !important; color: #666; }
p.field-error { margin: 0 !important; }

/* Breadcrumb */
.breadcrumb li { background: url(/img/icons/icon-arrow_right.png) center right no-repeat; padding-right: 10px; margin-right: 7px; }
.breadcrumb .deselected a { color: #660000; }
.breadcrumb .deselected a:hover { color: #1A0000; }
.breadcrumb .selected { background: none; }
.breadcrumb .selected a { color: #666 !important; text-decoration: none; }

/* Search/Product Results */
.sorting { margin: 10px 0; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; }
.sorting legend { display: none; }
.sorting ul { margin: 10px 0 4px 0 !important; }
.sorting li { float: left; margin-right: 15px; }
.sorting li.submit { margin-top: -2px; }

/* Product Listing */
.listing .product { background: url(/img/skin/product_listing-footer_bg.png) bottom left no-repeat; padding-bottom: 28px; text-align: center; }
.listing .product .title { font-size: 16px; padding: 5px 15px; }
.listing .product .summary { margin: 0 !important; padding: 5px 15px; font-size: 11px; color: #666; }
.listing .product div.price { padding: 0 15px; }
.listing .product div.price h3 { font-size: 20px; }
.listing .product .wasprice { color: red; text-decoration: line-through; margin: 0 !important; font-size: 11px; }

/* Article Listing */
.listing .article { padding: 10px; border-top: 1px dashed #CCC; }
.listing .article.end { border-bottom: 1px dashed #CCC; }
.listing .article h2 { font-size: 16px; }
.listing .article .date { display: none; }
.listing .summary { margin-bottom: 0 !important; }

/* Search Results */
.search-results .listing .product { background: transparent; padding: 10px; border-top: 1px dashed #CCC; text-align: left; }
.search-results .listing .product.end { border-bottom: 1px dashed #CCC; }

/* Product Details */
.product h3.price { margin-top: 5px; font-weight: bold; font-size: 18px !important; }
.product .wasprice { color: red; text-decoration: line-through; margin: 0 !important; font-size: 11px; }
.product h3.special-offer { margin: 10px 0; font-size: 12px; font-weight: bold; border: 1px dashed #006600; background: #BFF2BF; color: #006600; padding: 10px; }
.product h4 { margin-top: 10px; color: #666; }
.product #add-to-basket { margin-top: 20px; }
.product #add-to-basket ul { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; padding: 10px 0 4px 0 !important; margin-top: 5px; }
.product #add-to-basket li { float: left; margin-right: 15px; }
.product #add-to-basket .option label { display: none; }
.product #add-to-basket .option select { max-width: 230px; }
.product #add-to-basket li.submit { margin-top: -2px; }
.product .gallery { background: url(/img/skin/product_gallery-footer.png) bottom no-repeat; padding-bottom: 20px !important; }
.product .gallery .thumbs li { display: inline; }
.product .gallery .thumbs img { width: 80px; }
.product .related-items { margin-top: 20px; }
.product .related-items > h3 { border-bottom: 1px dashed #CCC; padding-bottom: 5px; margin-bottom: 10px; }

/* Home Page */
.home .breadcrumb { display: none; }
.home .flash-panel .slide-text { background: #000; color: #FFF; padding: 20px; }
.home .flash-panel .slide-text * { color: #FFF; }
.home .promo-panel { border: 1px dashed #CCC; text-align: center; }
.home .promo-panel .promo-title { font-size: 20px; }
.home .promo-more { display: none; }
.home .promo-controller { padding: 10px; margin: 0 !important; }
.home .pwrapper { padding: 10px; }
.home .ticker { background: #EFEFEF; padding: 5px 10px; border: 1px dashed #CCC; }
.featured-products { margin-top: 6px; }
.featured-products .feature-wrapper { width: 260px; float: left; margin-right: 7px; padding-bottom: 16px; background: url(/img/skin/featured_items-footer.png) bottom no-repeat; }
.featured-products .feature-wrapper.end { margin: 0 0 0 1px; }
.featured-products .feature { position: relative; background: #E6E6E6 url(/img/skin/featured_items-bg.png); padding: 8px; }
.featured-products .thumbnail { width: 100px; }
.featured-products .thumbnail a { display: block; width: 125px; height: 125px; background: #FFF; border: 1px solid #CCC; }
.featured-products .thumbnail img { max-width: 125px; max-height: 125px; }
.featured-products .details { width: 105px; }
.featured-products .details h2 { font-size: 16px; margin-bottom: 8px; }
.featured-products .details .wasprice { color: red; text-decoration: line-through; margin: 0 !important; font-size: 11px; }
.featured-products h3.price { color: #333; font-size: 14px; font-weight: bold; }
.featured-products p.more { margin-bottom: 0 !important; }
.featured-products .feature-title { position: absolute; top: 0; left: 0; text-indent: -9999px; width: 84px; height: 84px; }
.featured-products .feature-new_in .feature-title { background: url(/img/skin/featured_title-new_in.png); }
.featured-products .feature-gift_ideas .feature-title { background: url(/img/skin/featured_title-gift_ideas.png); }
.featured-products .feature-sale .feature-title { background: url(/img/skin/featured_title-sale.png); }
.home h2.welcome-message { border-bottom: 1px dashed #CCC; padding-bottom: 5px; margin-bottom: 10px; }
.home h2.featured-list { border-bottom: 1px dashed #CCC; padding-bottom: 5px; margin-bottom: 10px; }
.home #latest-news { float: right; width: 48%; }
.home #latest-news h2 { border-bottom: 1px dashed #CCC; margin-bottom: 10px; padding-bottom: 5px; }
.home #latest-news .listing.articles { }
.home #latest-news .listing.articles .article { line-height: 100%; margin: 0px; border-top: 0px; border-bottom: 1px dashed #CCC; }
.home #latest-news .listing.articles .article .headline { float: right; width: 275px; font-size: 16px; }
.home #latest-news .listing.articles .article .visual { float: left; width: 100px; }
.home #latest-news .listing.articles .article .visual img { width: 100px; }
.home #latest-news .listing.articles .article .summary { float: right; clear: right; width: 275px; }

/* Contact Form */
dl.contact { border-top: 1px dashed #CCC; padding-top: 5px; margin-top: 10px !important; }
dl.contact dt { font-weight: bold; }
dl.contact dd { width: 80%; }

/* Services */
.service-list .listing { margin-top: 20px; }
.service { background: transparent; padding: 10px; border-top: 1px dashed #CCC; text-align: left; }
.service.end { border-bottom: 1px dashed #CCC; }
.service .links { margin-bottom: 0 !important; }
.service .links li { background: url(/img/icons/icon-arrow_right.png) center left no-repeat; padding-left: 10px; }

/* Job Section */
.joblisting { background: transparent; padding: 10px; border-top: 1px dashed #CCC; text-align: left; }
.joblisting.end { border-bottom: 1px dashed #CCC; }
.joblisting .details dt, .joblisting .details dd, .jobs dt, .jobs dd { margin: 3px 0; }
.joblisting .details dt, .jobs dt { width: 55px; font-weight: bold; }
.joblisting .more { margin: 0 !important; }
.apply textarea.large { width: 230px; }


/* PPA */
.ppa fieldset { border: 1px solid #CCC; padding: 0 20px; margin: 10px 0; }
#ppa-login { text-align: center; margin-top: 50px; }

/* Portfolio */
.portfolio-category .listing { margin-top: 20px; }
.pfitem { background: transparent; padding: 10px; border-top: 1px dashed #CCC; text-align: left; }
.pfitem.end { border-bottom: 1px dashed #CCC; }
.pfitem .features { margin-bottom: 0 !important; }
.pfitem .features li { background: url(/img/icons/icon-arrow_right.png) center left no-repeat; padding-left: 10px; }
.pfitem .links { margin-bottom: 0 !important; }
.pfitem .links li { background: url(/img/icons/icon-arrow_right.png) center left no-repeat; padding-left: 10px; }

/* Image Gallery */
.image-gallery { background: #000; padding: 20px; }
.image-gallery * { color: #FFF; }
.listing.gallery { border: 1px solid #222; margin-top: 20px; }
.image-result { margin: 15px; }
.image-result a { height: 156px; width: 156px; line-height: 156px; text-align: center; border: 1px solid transparent; }
.image-result a:hover { border: 1px dashed #333; }

/* Store Locator */
.location .store-details dt, .location .store-details dd { margin: 3px 0 !important; }
.location .store-details dt { font-weight: bold; width: 60px; }
.location table { border: 1px dashed #CCC; }
.location th { font-weight: bold; padding: 2px 5px; background: #EFEFEF; }
.location td { padding: 2px 5px; }
.location .day { padding-left: 0; font-weight: bold; text-align: right; }
.location .google-map iframe { width: 100%; height: 250px; }

/* News Archive */
.news-archive .listing.articles { margin-top: 20px; }
.news-archive .listing.articles .date { display: block; margin: 0 !important; font-size: 11px; color: #666; }

/* FAQ's */
.faqlist .heading { margin-top: 10px; width: 100%; border-bottom: 1px dashed #CCC; }
.faqlist .even { background-color: transparent; }
.faqlist dt { float: none; margin: 0; background: url(/img/icons/icon-arrow_right.png) 5px 50% no-repeat !important; padding: 5px 5px 5px 15px; }
.faqlist dt a { font-weight: bold; }
.faqlist dt.selected { background: #333 url(/img/icons/icon-arrow_bottom_right.png) 5px 50% no-repeat !important; }
.faqlist dt.selected a { color: #FFF !important; }

/* Send To Friend */
#sendtofriend { background: #FFF; }
#sendtofriend h3 { color: #666; font-size: 11px; font-style: italic; }

/* Site Map */
.sitemap ul ul { padding-left: 20px; }
.sitemap ul a { color: #660000; background: url(/img/icons/icon-arrow_right.png) center left no-repeat; padding-left: 12px; }
.sitemap ul a:hover { color: #1A0000; }

/* User Pages */
.user fieldset { border: 1px solid #CCC; padding: 0 20px; margin: 10px 0; }

/* User: Login */
#user-login { text-align: center; margin-top: 50px; }

/* User: Forgotten Password */
#user-forgottenpassword { text-align: center; margin-top: 50px; }