/*--------------------------------------------------
	Name: Historic Newspapers Stylesheet
	Company: Signature Gifts
	Author: Phil Morrow
	Created: 27th January 2009
--------------------------------------------------*/

/*********** Stripping Browser Styling ***********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit; 
	font-style: inherit; font-size: 100%; font-family: inherit; }
	
* {	margin: 0;	padding: 0;	}
html, body { height: 100%; }

/*********** Global Style ***********/

body { font-family: Arial, Helvetica, sans-serif; background: #ececec url(images/back-top.jpg) repeat-x top center; }
p { line-height: 155%; font-size: 12px; color: #333333; }
.cleaner { clear: both; height: 1px; font-size: 1px; overflow: hidden; }
h1 { font-size: 16px; font-weight: bold; padding-bottom: 10px; line-height: 150%; }
.home h1 { color: #222E4F }

.error-message-c { background-color: #FCFBE7; border: 1px solid #D8D08A; padding: 10px; margin: 15px 20px 5px 20px; color: #625B1D; float: left; width: 860px; font-size: 12px; }

/************ Structure ************/

.container { width: 970px; margin: 0 auto; }
.content-container { width: 920px; padding: 10px 25px 0 25px; background: url(images/main-back.png); }
.home .content-container { padding-top: 8px; }

/********* Main Navigation *********/

.navigation { float: left; width: 960px; height: 35px; padding: 0 5px 13px 5px; }
.navigation ul { list-style: none; float: right; }
.navigation ul li { float: left; }
.navigation ul li a { display: block; float: left; text-indent: -9999px; height: 28px; }
.navigation ul li.navHome a { background: url(images/nav-Home.gif) no-repeat top left; width: 61px; }
.navigation ul li.navOffers a { background: url(images/nav-Offers.gif) no-repeat top left; width: 72px; }
.navigation ul li.navHelp a { background: url(images/nav-Help.gif) no-repeat top left; width: 88px; }
.navigation ul li.navTrack a { background: url(images/nav-Order.gif) no-repeat top left; width: 129px; }
.navigation ul li.navBasket a { background: url(images/nav-Basket.gif) no-repeat top left; width: 69px; }
.navigation ul li.navAbout a { background: url(images/nav-About.gif) no-repeat top left; width: 65px; }
.navigation ul li.navContact a { background: url(images/nav-Contact.gif) no-repeat top left; width: 83px; }
.navigation ul li a:hover { background-position: bottom left; }

.secure-forms .navigation { background: url(images/payment-nav-replacement.gif) no-repeat top center; }
.secure-forms .navigation ul { display: none; overflow: hidden; }
.secure-forms .breadcrumbs { display: none; overflow: hidden; }
.secure-forms .company-info .interesting-links { display: none; overflow: hidden; }
.secure-forms .company-info .contact-details { margin-top: 45px; }
.secure-forms .company-info .payment-logos { margin-top: 45px; }

/************* Header *************/

.corp-id { height: 135px; width: 960px; padding: 0 5px; background: url(images/main-back-top.png) no-repeat bottom left; }
.home .corp-id { background: none; height: 110px; }
.corp-id h3 { display: block; float: left; width: 341px; height: 62px; background: url(images/logo.jpg) no-repeat top left; text-indent: -9999px; }
.corp-id p.orderline { display: block; float: right; font-size: 24px; width: 203px; height: 43px; background: url(images/free-delivery.jpg) no-repeat top left; text-indent: -9999px; }

/************* Footer ************/

.footer { width: 920px; padding: 105px 25px 0 25px; background: url(images/main-footer-top.png) no-repeat top left; }

.foot-testimonial { width: 210px; float: right; padding-top: 10px; }
.foot-misc { float: left; width:690px; } 
.foot-misc ul { list-style: none; font-size: 12px; }
.foot-misc ul li { width: 158px; float: left; padding: 0 11px 15px 51px; margin: 10px 0 0 5px; }
.foot-misc ul li a { color: #38618f; }
.foot-misc ul li a:hover { color: #1e4672; text-decoration: none; }
.foot-misc ul li h5 { display: block; width: 170px; height: 20px; background: url(images/foot-headers.gif) no-repeat 0 0; text-indent: -9999px; }

.foot-misc ul li.foot-quiz { background: url(images/foot-quiz.gif) no-repeat top left; padding-right: 18px; }
.foot-misc ul li.foot-research { background: url(images/foot-research.gif) no-repeat top left; padding-right: 18px; }
.foot-misc ul li.foot-education { background: url(images/foot-education.gif) no-repeat top left; }
.foot-misc ul li.foot-video { background: url(images/foot-video.gif) no-repeat top left; padding-right: 18px; }
.foot-misc ul li.foot-decades { background: url(images/foot-decades.gif) no-repeat top left; padding-right: 18px; }
.foot-misc ul li.foot-feedback { background: url(images/foot-feedback.gif) no-repeat top left; }

.foot-misc ul li.foot-quiz h5 { background-position: 0 -120px; }
.foot-misc ul li.foot-research h5 { background-position: 0 -80px; }
.foot-misc ul li.foot-education h5 { background-position: 0 0; }
.foot-misc ul li.foot-video h5 { background-position: 0 -100px; }
.foot-misc ul li.foot-decades h5 { background-position: 0 -40px; }
.foot-misc ul li.foot-feedback h5 { background-position: 0 -20px; }
.footer .foot-testimonial h5 { display: block; width: 170px; height: 20px; background: url(images/foot-headers.gif) no-repeat 0 -60px; text-indent: -9999px; }

.footer .foot-testimonial p.testimonial { background: url(images/quote-top.gif) no-repeat top left; padding: 20px 20px 0 20px; margin-top: 10px; line-height: 170%; }
.footer .foot-testimonial p.name { background: url(images/quote-foot.gif) no-repeat top right; padding-top: 30px; margin-right: 20px; text-align: right; color: #858585; }
.footer .testimonail-list { list-style: none; }

.company-info { width: 930px; font-size: 12px; line-height: 150%; padding: 27px 20px 20px 20px; background: url(images/main-foot.png) no-repeat top left; color: #8a8a8a; }
.company-info ul { list-style: none; }
.company-info .contact-details { float: left; background: url(images/foot-icon.gif) no-repeat left center; padding-left: 40px; }
.company-info .contact-details strong { color: #717171; }
.company-info .copyright { float: right; }
.company-info .contact-details .tel { padding-right: 10px; }
.company-info ul li a { text-decoration: none; border-bottom: 1px dotted #333; color: #717171; }
.company-info ul li a:hover { border-bottom: 1px solid #717171; color: #333; }

.interesting-links { float: left; padding-bottom: 26px; }
.interesting-links ul li { float: left; padding: 0 27px; border-right: 1px dotted #666; }
.interesting-links ul li.last { border: 0; }
.interesting-links ul li a { border: 0; }

.payment-logos { padding: 0; float: right; padding: 3px 0; }

.payment-logos a.visa-logo { margin-left: 15px; float: left; background: url(images/verified-by-visa.gif) no-repeat top left; width: 79px; height: 36px; text-indent: -9999px; }
.payment-logos a.mastercard-securecode { margin-left: 15px; float: left; background: url(images/mastercard-securecode.gif) no-repeat top left; width: 82px; height: 36px; text-indent: -9999px; }
.payment-logos a.secure-trading { margin-left: 15px; float: left; background: url(images/secure-trading.gif) no-repeat top left; width: 110px; height: 36px; text-indent: -9999px; }

.payment-logos a.visa-logo:hover { background-position: bottom left; }
.payment-logos a.mastercard-securecode:hover { background-position: bottom left; }
.payment-logos a.secure-trading:hover { background-position: bottom left; }

/*********** Home Page ***********/

.main-banner { background: url(images/header-back.jpg) no-repeat top left; height: 232px; text-indent: -9999px; position: relative; }

.call-to-action { float: left; width: 920px; margin-bottom: 5px; }
.by-giftpack { width: 290px; float: right; background: url(images/choose-pack-first.jpg) no-repeat top left; height: 200px; margin-left: 10px; padding: 5px; position: relative; text-indent: -9999px; }
.by-giftpack ul { list-style: none; }
.by-date { width: 290px; float: left; background: url(images/choose-date-back.jpg) no-repeat top left; height: 200px; padding: 5px; position: relative; }
.welcome { width: 290px; float: right; background: url(images/welcome-back.gif) no-repeat top left; height: 200px; padding: 5px; }

.by-date .aHomeNewspapers { display: block; width: 238px; height: 36px; background: url(images/home-button-newspapers.gif) no-repeat top left; text-indent: -9999px; position: absolute; top: 142px; left: 30px; }
.by-giftpack a:hover, .by-date .aHomeNewspapers:hover { background-position: bottom left; }
.welcome h1 { text-indent: -9999px; }
.welcome p { padding: 40px 20px 0 22px; color: #5f5f5f; line-height: 165%; }

.by-date .home-dropdowns { float: left; padding: 10px 15px; position: absolute; top: 60px; left: 0; margin: 0 5px; width: 260px; }
.by-date .home-dropdowns ul { list-style: none; float: left; }
.by-date .home-dropdowns li { float: left; padding: 1px; border: 1px solid #dee9f2; background-color: #d2dee6; margin: 3px; }
.by-date .home-dropdowns li select { float: left; width: 70px; padding: 1px !important; }
.by-date .home-dropdowns li select.ddl-day { width: 55px; }
.by-date .home-dropdowns li select.ddl-month { width: 100px; }
.by-date .home-dropdowns span { font-size: 11px; color: #741515; text-align: center; padding: 0 0 10px 14px; float: left; }
.by-date .by-date-head { display: none; }

a.view-full-list { position: absolute; bottom: 25px; right: 28px; text-indent: 0; font-size: 12px; border-bottom:1px dotted #444; color:#1D3678; text-decoration:none;  }
a.view-full-list:hover { border-bottom:1px solid #444; color: #444; }

.by-date select { float: right; width: 90px; }
.by-date table { font-size: 10px; float: left; width: 150px; }

.further-info { float: left; padding-bottom: 8px; }
.further-info div { width: 214px; padding: 5px; float: left; background: url(images/home-info-container.gif) no-repeat bottom left; height: 250px; }
.further-info div p { color: #5f5f5f; padding: 10px 10px 5px 11px; height: 90px; }
.further-info div h4 { display: block; text-indent: -9999px; width: 214px; height: 125px; }

.info-giftrange { margin-right: 8px; }
.info-archive { margin-right: 8px; }
.info-certificate { margin-right: 8px; }

.info-giftrange h4 { background: url(images/info-gift-pack.jpg) no-repeat top left; }
.info-archive h4 { background: url(images/info-archive.jpg) no-repeat top left; }
.info-certificate h4 { background: url(images/info-certificate.jpg) no-repeat top left; }
.info-confidence h4 { background: url(images/info-confidence.jpg) no-repeat top left; }

a.more-info-home { background: url(images/more-info-home.jpg) no-repeat top left; display: block; width: 214px; height: 19px; text-indent: -9999px; }
a.more-info-home:hover { background-position: bottom left; }

.seo-text-head { background: url(images/main-back-top.png) no-repeat left top; height: 10px; width: 970px; }
.seo-text-foot { background: url(images/main-back-bottom.png) no-repeat left top; height: 30px; width: 970px; }
.seo-text { background: url(images/main-back.png) repeat-y 0 0; padding:10px 25px 0; width:920px; }
.seo-text ul { margin-left: 40px; padding-bottom: 8px; list-style-type: circle; }
.seo-text ul li { padding: 3px; font-size: 11px; color: #444; }
.seo-text ul.seo-papers { float: left; }
.seo-text ul.seo-papers li { width: 400px; float: left; }
.seo-text p { padding-bottom: 8px; color: #444; font-size: 11px; }
.seo-text a { border-bottom: 1px dotted #333; color: #717171; text-decoration: none; }
.seo-text a:hover { border-bottom: 1px solid #717171; color: #333; }
.seo-text h2 { font-size: 14px; font-weight: normal; color: #2C478F; padding: 5px 0; }

/*********** Main Page Layout ***********/

.breadcrumbs { border:1px solid #dedede; font-size: 12px; float: left; width: 920px; background: #F9F9F9 url(images/breadcrumb-back.jpg) no-repeat top right; color: #777777; }
.breadcrumbs a { text-decoration: none; color: #777777; }
.breadcrumbs a:hover { color: #18274F; }
.breadcrumb-node { padding: 0 5px 0 15px; height: 24px; line-height: 24px; float: left; background: url(images/breadcrumbs-grad.gif) no-repeat center left; }
.path-separator { background: url(images/crumbs.gif) no-repeat center right; width: 20px; height: 24px; float: left; display: block; }
.breadcrumbs-here { float: left; display: block; height: 24px; line-height: 24px; padding: 0 10px; border-right: 1px solid #dedede; background: url(images/breadcrumbs-grad-b.gif) repeat-x top left; }
.breadcrumbs-float { float: left; height: 24px; overflow: hidden; }
.breadcrumbs a img { display: none; }

.main-content { float: left; width: 660px; margin-top: 17px; }
.main-sidebar { float: right; width: 240px; background: url(images/sidebar-back.gif) repeat-y top left; padding-top: 18px; }

/*********** Main Sidebar ***********/

.main-sidebar .newspaper-info .side-header { color:#989690; font-size:18px; padding-bottom:14px; }
.main-sidebar .random-testimonial { padding: 20px; }
.order-progress { margin-bottom: 20px; }
.order-progress h4 { padding: 0 0 10px 0; display: block; text-indent: -9999px; background: url(images/order-progress.gif) no-repeat top left; height: 20px; width: 120px; margin-left: 12px; }
.order-progress p { color:#b0b0b1; display: block; height: 25px; padding: 5px 10px 5px 45px; line-height: 25px; background: #fff url(images/progress-notdone.gif) no-repeat top left; }
.order-progress p.complete { background: #fff url(images/progress-done.gif) no-repeat top left; }
.order-progress p.complete a { color: #3f89b3; }
.order-progress p.complete a:hover { text-decoration: none; }
.order-progress p.active { font-weight: bold; color: #314a70; background: #fff url(images/progress-active.gif) no-repeat top left; }
.newspaper-info { padding: 200px 0 20px 20px; width: 220px; background: url(images/newspaper-stack.jpg) no-repeat top right; }
.on-this-day { font-size: 12px; margin-left: 20px; color: #5F5F5F; }
.on-this-day li { padding-bottom: 5px; }
.on-this-day li strong { color: #333; }
.side-footer { width: 200px; height: 60px; background: url(images/sidebar-back-foot.gif) no-repeat top left; }

.main-sidebar .side-testimonial { width: 210px; padding-top: 10px; }
.main-sidebar .side-testimonial h5 { display: block; width: 170px; height: 20px; background: url(images/foot-headers.gif) no-repeat 0 -60px; text-indent: -9999px; }
.main-sidebar .side-testimonial p.testimonial { background: url(images/quote-top.gif) no-repeat top left; padding: 20px 20px 0 20px; margin-top: 10px; line-height: 170%; color: #444; }
.main-sidebar .side-testimonial p.name { background: url(images/quote-foot.gif) no-repeat top right; padding-top: 30px; margin-right: 20px; text-align: right; color: #858585; }
.main-sidebar .testimonail-list { list-style: none; }
.main-sidebar strong { color: #444; }

.newspaper-info h5.difference-between-papers { background: url(images/sidebar-titles.gif) no-repeat top left; display: block; width: 190px; height: 40px; text-indent: -9999px; margin: 0 0 8px 0; }
.newspaper-info h5.magazines-included { background: url(images/sidebar-titles.gif) no-repeat 0 -40px; display: block; width: 190px; height: 40px; text-indent: -9999px; margin: 20px 0 8px 0; }
.newspaper-info h5.side-notes { background: url(images/sidebar-titles.gif) no-repeat 0 -80px; display: block; width: 190px; height: 20px; text-indent: -9999px; margin: 20px 0 8px 0; }

/*********** View Available BackIssues ***********/

.newspaper-content { float: left; width: 660px; padding: 18px 0; }
.newspaper-content h1 { font-size:14px; text-align:center; padding: 0; }
.newspaper-content p.price { font-size: 13px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; color: #5F5F5F; font-size: 14px; margin: 0 5px; }
.national-titles { float: left; width: 320px; margin-top: 8px; }
.discounted-titles { float: right; width: 320px; margin-top: 8px; }

.paper-intro { padding: 15px 25px 20px 25px; background: url(images/660-wide-cont.gif) no-repeat bottom left; }
.paper-intro label { width: 280px; font-size: 12px; display: block; float: left; line-height: 200%; }
.paper-intro strong { padding: 0 0 0 20px; font-size: 14px; color: #1B306F; line-height: 200%; }
.paper-intro-head { overflow: hidden; height: 6px; width: 660px; background: url(images/paper-intro-head.gif) no-repeat top left; }

.paper-buttons, .paper-buttons-b { list-style: none; padding: 0 0 20px 0; float: left; width: 325px; float: left; }
.paper-buttons-b { float: right; }
.paper-buttons li, .paper-buttons-b li { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; }
.paper-buttons li a, .paper-buttons-b li a { text-decoration: none; color: #29396F; }
.paper-buttons li a:hover, .paper-buttons-b li a:hover { color: #941D1F; }

.paper-buttons .change-date { float: left; }
.paper-buttons .prev-day { float: right; background: url(images/left-arrow-cont.gif) no-repeat top left; padding-left: 20px; border-right: 1px solid #bec3d5; }
.paper-buttons-b .next-day { float: left; background: url(images/right-arrow-cont.gif) no-repeat top right; padding-right: 20px; border-left: 1px solid #bec3d5; }

.paper-buttons-b .gift-pack { float: right; border-left: 1px solid #0f214b; padding: 0; }
.paper-buttons-b .gift-pack a { color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 20px 0 15px; display: block; }
.paper-buttons-b .gift-pack a:hover { background-position: bottom right; color: #fff; }

.paper-buttons .change-date  { float: left; border-right: 1px solid #2a2a2a; padding: 0; }
.paper-buttons .change-date  a { color: #efefef; background: url(images/left-arrow-grey.gif) no-repeat top left; padding: 0 15px 0 20px; display: block; }
.paper-buttons .change-date  a:hover { background-position: bottom left; color: #efefef; }

.select-paper-title { padding:10px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; width: 630px; margin: 0 5px; float: left; clear: left; }
.select-paper-title .paper-details { float: left; width: 300px; font-size: 12px; padding-left: 10px; }
.select-paper-title .paper-details h4 { font-weight: bold; font-size: 13px; padding-bottom: 5px; float: left; }
.select-paper-title a { color: #38618F; text-decoration: none; border-bottom: 1px dotted #828282; font-size: 11px; display: block; float: left; padding-top: 5px; }
.select-paper-title a:hover { border-bottom: 1px dotted #fff; color: #1E4672; }

.newspaper-info p { line-height: 170%; color: #666; }
.newspaper-info ol { margin-left: 30px; padding-bottom: 20px; }
.newspaper-info ol li { font-size: 12px; padding: 5px 0; line-height: 170%; color: #666; }

.available-papers { float: left; width: 660px; }
.available-papers td { text-align: center; padding: 5px; }
.available-papers td.rowStart { text-align: left; }
.available-papers tr.rowFirst { background: #272D4F url(images/thead-back.jpg) repeat-x top left; color: #fff; }
.available-papers tr.rowFirst th { border-left: 1px solid #272D4F; font-weight: normal; padding: 10px; font-size: 12px; }
.available-papers tr.rowFirst th.thLast { border-right: 1px solid #272D4F; }
.available-papers tr.rowAlt { background-color: #f4f4f4; }
.available-papers tr.rowAlt td { border-left: 1px solid #fff; }
.available-papers tr.rowEmbossing { color: #4F4F4F; }
.available-papers .paper-qnty { width: 25px; text-align: right; }
.available-papers tr td img { padding: 2px; border: 1px solid #EFEFEF !important; background-color: #fff; border-bottom: 1px solid #CFCFCF !important; border-right: 1px solid #CFCFCF !important; }
.available-papers tr td h2 { color: #233776; font-size: 13px; font-weight: bold; padding-bottom: 3px; }
.available-papers .radio-selection { padding-left: 40px; font-size: 11px; text-align: left; line-height: 150%; }
.available-papers .radio-selection-none { text-align: center; font-size: 14px; color: #888; }

.available-papers .more-info-link { font-size: 11px; color: #888; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dotted #888; }
.available-papers .more-info-link:hover { border-bottom: none; color: #333; }

.available-papers .select-paper-button { margin-right: 20px; text-decoration: none; font-size: 12px; border-left: 1px solid #0f214b; text-align: center; line-height: 26px; height: 26px; float: right; }
.available-papers .select-paper-button { color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 20px 0 15px; display: block; }
.available-papers .select-paper-button:hover { background-position: bottom right; color: #fff; }

.paper-buttons-b .gift-pack a { text-decoration: none;  color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 20px 0 15px; display: block; }
.paper-buttons-b .gift-pack a:hover { background-position: bottom right; color: #fff; }

.error-message { color: #625b1d; background: url(images/error-message.gif) no-repeat bottom left; border-top: 1px solid #d8d08a; padding: 15px 20px 35px 65px; display: block; font-size: 12px; clear: both; }

.pricing-info { padding-left: 300px; color: #555; }
.pricing-info a { color: #478CBF; text-decoration: none; border-bottom: 1px dotted #666; }
.pricing-info a:hover { color: #23618F; border-bottom: 0; }

.pricing-info { border: none !important; }
.pricing-info tr { border: none !important; }
.pricing-info tr td { border: none !important; }

.price-grid { list-style: none; text-align: center; }
.price-grid li { float: left; display: block; width: 170px; margin: 15px 10px 0 10px; padding: 2px; border: 1px solid #D1E2EF; font-size: 12px; }
.price-grid li span { padding: 5px; }

.price-grid li.group-active { background: #d1e2ef url(images/active-back.jpg) no-repeat top left; border: 0; padding: 3px 3px 2px 3px; border-bottom: 1px solid #D1E2EF; }
.price-grid li .month-inactive { display: block; width: 160px; float: left; border-bottom: 1px dotted #ddd; font-weight: bold; color: #a3bacd; }
.price-grid li .month-active { display: block; width: 160px; float: left; border-bottom: 1px dotted #9dadba; font-weight: bold; color: #1B306F; }
.price-grid li .price-active { display: block; width: 70px; float: left; color: #1B306F; font-weight: bold; }
.price-grid li .price-inactive { display: block; width: 70px; float: left; color: #a3bacd; }
.price-grid li.group-active .price-inactive { color: #6b9ac0; }

/********** Change Date Page ***********/

.date-intro { padding: 35px 300px 15px 20px; background: url(images/select-date-intro.jpg) no-repeat top left; position: relative; }
.date-intro h3 { display: block; text-indent: -9999px; }
.date-intro p strong { display: block; padding: 10px 20px 10px 30px; font-size: 14px; color: #5F0C0C; }
.date-intro .paper-count { position: absolute; display: block; width: 100px; height: 20px; top: 15px; right: 15px; text-align: right; color: #fff; font-size: 12px; }
.date-intro .paper-count span { font-weight: bold; padding: 0 3px; font-size: 14px; }

.by-date-last-head { background: url(images/paper-intro-head.gif) no-repeat top left; height: 6px; width: 660px; margin-top: 15px; float: left; }

.by-date-last { float: left; padding: 20px 30px 20px 20px; width: 610px; background: url(images/660-wide-cont.jpg) no-repeat bottom left; }
.by-date-last a.Select-Date-Button { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; }
.by-date-last a.Select-Date-Button { border-left:1px solid #070d29; color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.by-date-last a.Select-Date-Button:hover { background-position: bottom right; color: #fff; }
.by-date-last p { float: left; display: block; padding: 5px 30px 5px 10px; }
.by-date-last ul { float: left; list-style: none; }
.by-date-last ul li { float: left; padding: 5px; }
.by-date-last ul li select { float: left; padding: 1px; }

.not-home-dropdowns { float: left; }
.date-or { float: left;  margin: 15px 0 0 300px; display: block; background: url(images/or.gif) no-repeat top left; text-indent: -9999px; width: 60px; height: 47px; }
.larger-link { font-size: 13px; display: block; }
.historic-info { float: left; padding: 30px 30px 35px 30px; width: 610px; background: url(images/660-wide-cont.jpg) no-repeat bottom left; }
.historic-info p { padding-left: 200px; background: url(images/original-box.jpg) no-repeat top left; }
.historic-info p a { color: #273F9F; }
.historic-info p a:hover { text-decoration: none; }

.date-small-print { float:left; margin-top:12px; width:310px; padding: 5px; }
.date-small-print-r { float:right; margin-top:12px; width:310px; padding: 5px; }
.date-small-print h4 { color: #273155; padding-bottom: 6px; }
.date-small-print-r h4 { color: #273155; padding-bottom: 6px; }

.error-message-b { color: #625b1d; background: url(images/error-message-b.gif) no-repeat bottom left; border-top: 1px solid #d8d08a; padding: 15px 20px 15px 65px; display: block; font-size: 12px; clear: both; }

/************* Help Desk *************/

.help-desk-content p { padding: 5px 6px; color: #5F5F5F; line-height: 165%; }
.help-desk-content p.address { padding-left: 40px; }
.help-desk-content h3 { padding: 5px; color: #183375; font-weight: bold; }
.help-desk-content a { color: #3F3F3F; text-decoration: none; border-bottom: 1px solid #38618F; }
.help-desk-content a:hover { color: #38618F; background-color: #eceff5; border-bottom: none; }
.help-desk-content ol { padding-top: 8px; }
.help-desk-content ol, .help-desk-content ul { margin-left: 40px; }
.help-desk-content ol li { padding-bottom: 10px; color: #183375; font-weight: bold; font-size: 14px; }
.help-desk-content ol li h2 { color: #1F2E4F; font-size: 15px; }
.help-desk-content ol li p { font-weight: normal; }
.help-desk-content ol li ul li { padding-top: 10px; list-style-type: lower-roman; }
.help-desk-content ol li ul.notes li { padding: 3px 0; }
.help-desk-content ul li { font-weight: normal; color: #5f5f5f; font-size: 12px; }
.help-desk-content table { font-size: 11px; font-weight: normal; color: #333; border-bottom: 3px solid #272D4F; margin: 20px 20px 20px 0; }
.prices table {margin:20px 20px 5px 0;}
.help-desk-content table th { font-weight: bold; padding: 10px; }
.help-desk-content table td { padding: 10px; text-align: center; }
.help-desk-content table td span { display: block; background: url(images/tick.gif) no-repeat top left; height: 16px; width: 16px; text-indent: -9999px; margin: 0 auto; }
.help-desk-content table td.rowStart { text-align: left; }
.help-desk-content table tr.rowFirst { background: #272D4F url(images/thead-back.jpg) repeat-x top left; color: #fff; }
.help-desk-content table tr.rowFirst th { border-left: 1px solid #272D4F; font-weight: normal; }
.help-desk-content table tr.rowFirst th.thLast { border-right: 1px solid #272D4F; }
.help-desk-content table tr.rowAlt { background-color: #f4f4f4; }
.help-desk-content table tr.rowAlt td { border-left: 1px solid #fff; }
.help-desk-content table tr.rowEmbossing { color: #4F4F4F; }
.help-desk-content table tr.rowDispatch, .help-desk-content table tr.rowEmbossing { background: #fff url(images/thead-back-b.jpg) repeat-x top left; }
.help-desk-content table tr.rowDispatch th, .help-desk-content table tr.rowEmbossing td { border-left: 1px solid #fff; border-top: 1px solid #fff; }
.help-desk-content table tr.rowDispatch th.thFirst, .help-desk-content table tr.rowEmbossing td.tdFirst { border-left: none; }
.help-desk-content img { padding-left: 20px; }

h1.help-helpdesk { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-desk-header.jpg) no-repeat top left; }
h1.help-delivery { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-delivery-header.jpg) no-repeat top left; }
h1.help-contact { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-contact-header.jpg) no-repeat top left; }
h1.help-privacy { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-privacy-header.jpg) no-repeat top left; }
h1.help-returns { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-returns-header.jpg) no-repeat top left; }
h1.help-payment { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-payment-header.jpg) no-repeat top left; }
h1.help-guide { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-guide-header.jpg) no-repeat top left; }
h1.help-security { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-security-header.jpg) no-repeat top left; }
h1.help-conditions { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-conditions-header.jpg) no-repeat top left; }
h1.help-terms { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-terms-header.jpg) no-repeat top left; }
h1.help-info-confidence { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-confidence.jpg) no-repeat top left; }
h1.help-info-general { background:transparent url(images/help-info-general.jpg) no-repeat scroll left top; display:block; height:176px; text-indent:-9999px; width:660px; }

.helpdesk-subnav { list-style: none; padding: 0 0 20px 20px; font-size: 12px; }
.helpdesk-subnav li { padding: 5px 0; }
.helpdesk-subnav li a { display: block; padding: 5px 10px; background: #f3f6fb url(images/help-side-gradient.jpg) repeat-x bottom left; border: 1px solid #cdd6e3; border-bottom: 2px solid #b6bdd4; text-decoration: none; color: #3b4453; }
.helpdesk-subnav li a:hover { border-color: #b6bdd4; background: #b6bdd4 url(images/help-side-grad-over.jpg) repeat-x bottom left; color: #fff; }

.help-desk-content p.about-HN { position: relative; padding-left: 230px; }
.help-desk-content .about-HN a { background: url(images/about-HN.gif) no-repeat top left; width: 200px; height: 70px; display: block; text-indent: -9999px; border: none; position: absolute; top: 10px; left: 10px; }
.help-desk-content p.about-GD { position: relative; padding-left: 230px; }
.help-desk-content .about-GD a { background: url(images/about-GD.gif) no-repeat top left; width: 200px; height: 70px; display: block; text-indent: -9999px; border: none; position: absolute; top: 10px; left: 10px; }
.help-desk-content p.about-RW { position: relative; padding-left: 230px; }
.help-desk-content .about-RW a { background: url(images/about-RW.gif) no-repeat top left; width: 200px; height: 60px; display: block; text-indent: -9999px; border: none; position: absolute; top: 10px; left: 10px; }
.help-desk-content p.about-DTS { position: relative; padding-left: 230px; }
.help-desk-content .about-DTS a { background: url(images/about-DTS.gif) no-repeat top left; width: 200px; height: 60px; display: block; text-indent: -9999px; border: none; position: absolute; top: 10px; left: 10px; }

.h1-about { border-bottom: 1px dotted #777; padding-bottom: 2px; margin: 15px 5px; color: #1D2A4F; clear: both; }
.company-history { float: left; width: 310px; margin: 0 25px 20px 5px; }
.customer-service { float: left; width: 310px; margin: 0 5px 20px 5px; }
.company-staff { float: left; clear: left; width: 310px; margin: 0 25px 20px 5px;  }
.company-locations { float: left; width: 310px; margin: 0 5px 20px 5px; }
.company-history p, .customer-service p, .company-staff p, .company-locations p { padding: 5px 0; }

.company-history h3 { padding: 0 0 5px 0; display: block; text-indent: -9999px; height: 80px; width: 310px; background: url(images/h2-about-history.jpg) no-repeat top left; }
.customer-service h3 { padding: 0 0 5px 0; display: block; text-indent: -9999px; height: 80px; width: 310px; background: url(images/h2-about-cs.jpg) no-repeat top left; }
.company-staff h3 { padding: 0 0 5px 0; display: block; text-indent: -9999px; height: 80px; width: 310px; background: url(images/h2-about-people.jpg) no-repeat top left; }
.company-locations h3 { padding: 0 0 5px 0; display: block; text-indent: -9999px; height: 80px; width: 310px; background: url(images/h2-about-locations.jpg) no-repeat top left; }

.company-locations li { line-height: 160%; padding: 7px 0; }

.contact-address { float: right; width: 268px; }
.contact-form { float: left; width: 335px; padding: 0 30px 0 5px; border-right: 1px dotted #666; }
.contact-form label { float: left; width: 150px; font-size: 12px; padding: 0 0 3px 0; }
.contact-form label span { font-size: 11px; color: #38618F; font-style: italic; }
.contact-form .contact-input { width: 180px; }
.contact-form .contact-comment { width: 330px; }
.contact-form ul { list-style: none; margin: 0; padding: 0; }
.contact-form ul li { padding: 5px 0; }
.contact-form .contact-form-send { margin: 10px; font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; }
.contact-form .contact-form-send { border-left:1px solid #3C0000; border-bottom: 0; color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.contact-form .contact-form-send:hover { background-position: bottom right; color: #fff; }

/************* Basket *************/

.basket-container { clear: left; }
.basket-container table { font-size: 12px; font-weight: normal; color: #333; margin-top: 20px; }
.basket-container table th { font-size: 11px; padding: 10px; }
.basket-container table td { padding: 10px; text-align: center; }
.basket-container table th em { color: #bbc2d9; }

.basket-container h1 { float: left; margin-top: 25px; background: url(images/your-basket.gif) no-repeat top left; display: block; height: 20px; width: 920px; text-indent: -9999px; padding: 0; }
.basket-container h2 { float: left; margin-top: 15px; background: url(images/added-value-offers.gif) no-repeat top left; display: block; height: 20px; width: 920px; text-indent: -9999px; }
.basket-container .empty { display: block; float: left; padding: 10px; text-align: center; border: 1px dotted #8895ba; width: 898px; margin-top: 20px; }

.basket-container table.main-basket { width: 650px; float: left; clear: left; }
.basket-container table.basket-discount { width: 240px; float: right; }
.basket-container table.basket-discount tr.rowFirst { background: #3b3b3b url(images/thead-back-grey.jpg) repeat-x top left; }
.basket-container table.basket-discount th em { color: #c2c2c2; }
.basket-container table.basket-discount tr.rowFirst th { border-color: #3b3b3b; }

.basket-container .rowPromo td { background: url(images/thead-back-b.jpg) repeat-x top left; border: 1px solid #CFCFCF; padding: 12px 15px; border-top: 1px solid #eee; }
.basket-container .rowPromo td input { padding: 2px; width: 130px; margin-right: 15px; float: left; }
.basket-container .rowPromo td a { display: block; float: left; color: #fff; background-color: #666; padding: 3px 5px; text-decoration: none; border: 1px solid #3B3B3B; }
.basket-container .rowPromo td a:hover { background-color: #3B3B3B; }

.basket-container table tr.rowItem img { border: 1px solid #fff; }
.basket-container table tr.rowFirst { background: #272D4F url(images/thead-back.jpg) repeat-x top left; color: #fff; }
.basket-container table tr.rowFirst th { border-left: 1px solid #272D4F; }
.basket-container table tr.rowFirst th.thLast { border-right: 1px solid #272D4F; }
.basket-container table tr.rowItem { background: #fff url(images/basket-gradient.jpg) repeat-x bottom left; }
.basket-container table tr.rowItem td { border-right: 1px solid #fff; border-left: 1px solid #e6eff3; }
.basket-container table tr.rowItem td.last { border-right: 1px solid #e6eff3; }

.basket-container .rowEmpty td { height: 15px; border-top: 1px solid #272D4F; padding: 0; }
.basket-container .rowSpace td { height: 15px; padding: 0; }
.basket-container .rowDiscount { margin-bottom: 10px; }
.basket-container .discount { color:#6F6F6F; background: #272D4F url(images/basket-grad-disc-b.jpg) repeat-x top left; border: 1px solid #ededed; border-right: 1px solid #f6f6f6; }
.basket-container .discount-b { color:#6F6F6F; background: #272D4F url(images/basket-grad-disc-b.jpg) repeat-x top left; border: 1px solid #ededed; }
.basket-container .total { background: #272D4F url(images/basket-grad-disc.jpg) repeat-x top left; border: 1px solid #dadada; border-right: 1px solid #ededed; }
.basket-container .total-b { background: #272D4F url(images/basket-grad-disc.jpg) repeat-x top left; border: 1px solid #dadada; }
.basket-container .total-b strong { font-size: 13px; }

.basket-container .basket-delete { display: block; height: 16px; width: 16px; background: url(images/delete.gif) no-repeat top left; text-indent: -9999px; margin: 0 auto; }

.basket-container .basket-delivery { float: right; width: 240px; margin-top: 16px; font-size: 11px; background: url(images/basket-delivery-back.gif) no-repeat top left; padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; }
.basket-container .basket-delivery p { font-size: 11px; padding: 5px 10px; color: #666; }
.basket-container .basket-delivery p strong { color: #444; }
.basket-container .basket-delivery p a { color: #444; }
.basket-container .basket-delivery p a:hover { text-decoration: none; }
.basket-container .basket-delivery h3 { border: 1px solid #3B3B3B; border-top: 0; text-align: center; color: #fff; display: block; width: 218px; background: #3b3b3b url(images/thead-back-grey.jpg) repeat-x top left; padding: 10px; } 

.basket-container .contine-shopping {  display: block; float: left; border-right: 1px solid #2a2a2a; color: #efefef; background: url(images/left-arrow-grey.gif) no-repeat top left; text-align: center;  line-height: 26px; height: 26px; padding: 0 15px 0 20px; font-size: 12px; text-decoration: none; }
.basket-container .contine-shopping:hover { background-position: bottom left; color: #efefef; }

.basket-container a.goto-checkout { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; }
.basket-container a.goto-checkout { border-left:1px solid #0f214b; color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.basket-container a.goto-checkout:hover { background-position: bottom right; color: #fff; }

.basket-update { font-size: 11px; color: #888; text-decoration: none; border-bottom: 1px dotted #888; }
.basket-update:hover { border-bottom: none; color: #333; }

/********* Added Value Products *********/

.added-value-offers { float: left; margin-top: 25px; padding-top: 5px; border-top: 1px dotted #888; width: 920px; padding-bottom: 10px; }
.added-value-product { float: left; width: 398px; margin: 20px 10px 0 10px; border: 1px solid #dadada; border-top: 0; background: #ebebeb url(images/added-value-back.jpg) repeat-x top left; padding: 20px; }
.added-value-product img { float: left; }
.added-value-content { float: right; width: 250px; }
.added-value-content p { padding-bottom: 9px; color: #777; }
.added-value-content h4 { color: #1A2543; font-size: 14px; font-weight: bold; padding-bottom: 8px; }
.added-value-content h4 span { color: #911919; font-weight: normal; }
.added-value-content a.added-value-basket { margin-top: 20px; background: url(images/add-value-basket.gif) no-repeat top left; display: block; text-indent: -9999px; width: 95px; height: 27px; }
.added-value-content a.added-value-basket:hover { background-position: bottom left; }

.added-value-content label { font-size: 12px; line-height: 100%; }

/******** Customer Details Page ********/

.checkout-process .contact-details { float: left; width: 918px; margin-top: 20px; border: 1px solid #3c3c3c; border-top: 0; }

.checkout-process ul { float: left; list-style: none; }
.checkout-process li { float: left; width: 438px; margin: 3px 0 0 0; padding: 8px 5px 10px 5px; background: #EFEFEF url(images/form-grad.gif) repeat-x top left; border-bottom: 1px solid #cdd2de; }
.checkout-process li p.signup { padding: 0 6px 10px 6px; color: #666; font-size: 11px; }
.checkout-process label { padding-left: 20px; width: 160px; float: left; font-size: 12px; color: #666; }
.checkout-process input { width: 200px; float: left; }
.checkout-process li.form-right label { padding-left: 29px; width: 151px; }
.checkout-process li.form-last { border: 0; }

.checkout-process h1.h1-customer-details { float: left; margin-top: 25px; background: url(images/your-details.gif) no-repeat top left; display: block; height: 20px; width: 920px; text-indent: -9999px; padding: 0; }

.checkout-process h2 { font-size: 12px; font-weight: normal; border-bottom: 1px solid #3B3B3B; text-align: center; color: #fff; display: block; background: #3b3b3b url(images/thead-back-grey.jpg) repeat-x top left; padding: 10px; }
.checkout-process .contact-details h2 { width: 898px; }
.checkout-process .billing-address h2 { width: 428px; }
.checkout-process .delivery-address h2 { width: 428px; }
.checkout-process input.postcode { width: 110px; }

.checkout-process .contact-details ul { width: 918px; }
.checkout-process .contact-details li { clear: left; width: 449px; }
.checkout-process .contact-details li.form-right { float: right; clear: right; }
.checkout-process .billing-address { float: left; width: 448px; margin: 20px 0; border: 1px solid #3c3c3c; border-top: 0; }
.checkout-process .delivery-address { float: right; width: 448px; margin: 20px 0; border: 1px solid #3c3c3c; border-top: 0; }
.checkout-buttons { float: left; width: 920px; }

.checkout-process a.form-back {  display: block; float: left; border-right: 1px solid #2a2a2a; color: #efefef; background: url(images/left-arrow-grey.gif) no-repeat top left; text-align: center;  line-height: 26px; height: 26px; padding: 0 15px 0 20px; font-size: 12px; text-decoration: none; }
.checkout-process a.form-back:hover { background-position: bottom left; color: #efefef; }

.checkout-process a.form-next { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; }
.checkout-process a.form-next { border-left:1px solid #0f214b; color: #fff; background: url(images/right-arrow-blue.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.checkout-process a.form-next:hover { background-position: bottom right; color: #fff; }

.checkout-process .different-address input { width: 40px; }
.checkout-process .different-address label { width: 330px; }
.checkout-process .different-address { float: left; padding: 12px 20px 11px 20px; width: 408px; background: url(images/form-grad.gif) repeat-x top left; border-bottom: 1px solid #cdd2de; }
.checkout-process .different-address label strong { color: #333; font-style: italic;  }

/******** Delivery Options Page ********/

.checkout-process .choose-delivery { width: 438px; float: left; margin: 20px 0; border: 1px solid #3c3c3c; border-top: 0; background: url(images/form-grad.gif) repeat-x bottom left; }
.checkout-process .customer-feedback { width: 458px; float: right; margin: 20px 0; border: 1px solid #3c3c3c; border-top: 0; background: url(images/form-grad.gif) repeat-x bottom left; }
.checkout-process .legal-stuff { width: 438px; float: left; border: 1px solid #3c3c3c; margin: 0 0 20px 0; border-color: #515a6e; }

.checkout-process h1.h1-checkout-delivery { float: left; margin-top: 25px; background: url(images/your-delivery.gif) no-repeat top left; display: block; height: 20px; width: 920px; text-indent: -9999px; padding: 0; }
.checkout-process h1.h1-checkout-summary { float: left; margin: 25px 0; background: url(images/your-summary.gif) no-repeat top left; display: block; height: 24px; width: 920px; text-indent: -9999px; padding: 0; }

.checkout-process .choose-delivery input { width: 40px; }
.checkout-process .choose-delivery label { width: 220px; }
.checkout-process .choose-delivery table { padding: 20px 12px 0 12px; }
.checkout-process .choose-delivery td { padding: 5px 20px; }

.delivery-pop-up { padding: 5px 10px 10px 92px; text-align: right; }
.delivery-pop-up a { color: #31639F; text-decoration: none; border-bottom: 1px dotted #444; }
.delivery-pop-up a:hover { color: #283B81; border-bottom: 1px solid #444; }

.checkout-process .legal-stuff a { color: #31639F; }
.checkout-process .legal-stuff a:hover { color: #283B81; text-decoration: none; }

.checkout-process .customer-feedback label { width: 200px; padding: 0; }
.checkout-process .customer-feedback ul { padding: 10px; }
.checkout-process .customer-feedback label.feedback-comment { width: 400px; }
.checkout-process .customer-feedback textarea { width: 420px; }
.checkout-process .customer-feedback li { background: none; border: 0; }

.checkout-process .legal-stuff input { width: 40px; }
.checkout-process .legal-stuff label { width: 340px; }
.checkout-process .legal-stuff li { width: 428px; }

.checkout-process .payment-total { background:#EFEFEF url(images/breadcrumbs-grad-b.gif) repeat-x scroll left top; border:1px solid #AFAFAF; display:block; float:right; line-height:24px; margin-right:20px; padding:0 10px; }

/************ Payment Page *************/

h1.payment-details-title { float: left; margin: 25px 0 20px 0; background: url(images/your-payment.gif) no-repeat top left; display: block; height: 24px; width: 920px; text-indent: -9999px; padding: 0; }
.checkout-process h1.h1-checkout-confirmation { float: left; margin: 25px 0 20px 0; background: url(images/your-confirmation.gif) no-repeat top left; display: block; height: 24px; width: 920px; text-indent: -9999px; padding: 0; }

.checkout-payment { float:left; width: 520px; border-right: 1px dotted #888; padding: 5px 10px; }
.checkout-payment ul { list-style: none; }
.checkout-payment ul li { padding: 5px; }
.checkout-payment ul li label { font-size: 12px; width: 200px; float: left; color: #444; }
.checkout-payment ul li input { width: 250px; }
.checkout-payment ul li input.payment-field-short { width: 50px; }

.payment-page-info { float: right; width: 310px; padding: 10px 20px 10px 10px; }
.payment-page-info h2 { font-size: 16px; color: #666; padding-bottom: 16px; font-weight: lighter; }
.payment-page-info h2 strong { color: #283B81; font-weight: bold; } 
.payment-page-info p { color: #444; padding-bottom: 12px; line-height: 180%; }
.payment-page-info p strong { color: #283B81; }

.order-no { padding: 5px; border: 1px solid #2d3b68; text-align: center; background: url(images/form-grad.gif) repeat-x top left; color: #666; font-size:14px; padding:8px; }
.order-no span { font-weight: bold; color: #2D3B68; }

/********** Order Confirmation ***********/

.gd-cross-sell { border-top: 1px dotted #aaa; padding: 20px; float:left; width: 880px; }
.gd-cross-sell img { float: left; }
.gd-cross-sell p { float: right; width: 380px; line-height: 30px; line-height: 180%; padding-top: 30px; }
.gd-cross-sell p a { color: #333; }

.tracking-codes { height: 1px; overflow: hidden; }
.tracking-codes a img { display: none; }

/********** Static Info Pages **********/

h1.help-info-archive { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-archive.jpg) no-repeat top left; }
h1.help-info-research { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-research.jpg) no-repeat top left; }
h1.help-info-about { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-about.jpg) no-repeat top left; }

p.contact-researcher { padding: 10px; text-align: center; margin: 10px 60px; font-size: 15px; }
p.contact-researcher strong { color: #333; }

/*********** FaceBox Pop-Up ***********/

#facebox .b { background:url(../../images/b.png); }
#facebox .tl { background:url(../../images/tl.png); }
#facebox .tr { background:url(../../images/tr.png); }
#facebox .bl { background:url(../../images/bl.png); }
#facebox .br { background:url(../../images/br.png); }

#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .face-footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; background: none; }
#facebox .face-footer img { vertical-align: middle; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }

.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */
  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }