/*--------------------------------------------------
	Name: Historic Newspapers Stylesheet
	Company: Signature Gifts
--------------------------------------------------*/

/*********** 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: #FCFCF4 url(images/back-top.jpg) repeat-x center top; }
p { line-height: 155%; font-size: 12px; color: #333333; }
.cleaner { clear:both; font-size:1px; overflow:hidden; }
h1 { font-size: 16px; font-weight: bold; padding-bottom: 10px; line-height: 150%; }
.home h1 { color: #222E4F }

.error-message { background: url(images/error-back.gif) no-repeat top left; line-height: 40px; padding: 5px 20px 5px 70px; font-size: 12px; float: left; margin: 12px 5px 0 5px; border-bottom: 1px solid #E0C4C6; width: 560px; color: #6d3037; }
.error-message ul { margin-left: 40px; line-height: 20px; }
.error-message-long { background: url(images/error-back.gif) no-repeat top left; line-height: 40px; padding: 10px 0 10px 70px; font-size: 12px; float: left; margin: 12px 135px 0 135px; border-bottom: 1px solid #E0C4C6; width: 580px; color: #6d3037; }
.error-message-long ul { margin-left: 20px; line-height: 25px; }
.error-message-long ul li { padding: 0; margin: 0; background: none; list-style-type: circle; border: none; }

.profile-error { padding: 40px 40px 30px 40px; clear: left; }
.profile-error p { padding: 0 10px 10px 10px; color:#666; }
.profile-error p strong { color: #555; }
.profile-error h2 { color:#6F0D16; font-size:16px; font-weight:bold; letter-spacing:1px; padding:10px; }
.profile-error a { border-bottom:1px solid #38618F; color:#3F3F3F; text-decoration:none; }
.profile-error a:hover { background-color:#ECEFF5; border-bottom:medium none; color:#38618F; }
.profile-error .web-team { margin-top: 10px; display: block; width: 226px; height: 32px; text-indent: -9999px; }

.note {font-size:11px;}
.hide {display:none;}

a.edit-link {color:#0033cc; text-decoration:none;}
a.edit-link:hover {color:#003399; text-decoration:underline;}

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

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

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

.navigation { float: left; width: 100%; height:44px; padding: 0 5px 19px 0; }
.navigation ul { list-style: none; float: left; border-right: 1px solid #26365e; border-left: 1px solid #070a24; width:960px;}
.navigation ul li { float: left; border-left: 1px solid #26365e; border-right: 1px solid #070a24; }
.navigation ul li.rightTab {border-left:1px solid #26365e; border-right:1px solid #070a24; float:right;}
.navigation ul li a {display: block; float: left; height: 37px; padding: 0 18px 1px; line-height: 37px; color: #edeef1; font-size: 12px; text-decoration: none; }
.navigation ul li a:hover { background-color: #22396b; }
.navigation ul li a.basketTab {background:url(images/icon-basket.png) top left no-repeat; display:block; float:left; height:37px; padding: 0 18px 1px 38px; line-height:37px; color: #edeef1; font-size: 12px; text-decoration: none; }
.navigation ul li a.basketTab:hover {background-color:#22396b; }
.navigation ul li a.offersTab {background:url(images/icon-offers.png) top left no-repeat; display:block; float:left; height:37px; padding: 0 18px 1px 38px; line-height:37px; color: #edeef1; font-size: 12px; text-decoration: none; }
.navigation ul li a.offersTab:hover {background-color:#22396b; }

.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: 145px; width: 960px; padding: 0 5px; background: url(images/main-back-top.png) no-repeat bottom left; }
.home .corp-id { background: none; height: 130px; }
.corp-id h3 { display: block; float: left; width: 324px; height:72px; background: url(images/logo.jpg) no-repeat top left; text-indent: -9999px; }
.corp-id h3 a {margin:0 0 10px 0;}
.corp-id .orderline { display: block; float: right; font-size:24px; width:165px; padding-right:20px; height:50px; background: url(images/free-delivery.png) no-repeat top left; text-indent: -9999px; }
#addtofav a {display:block; float:right; width:95px; height:50px; background:url(images/add-to-fav.png) no-repeat top left; text-indent:-9999px;}
.thawte {background:url(images/thawte-secure.png) no-repeat top left; display:block; float:right; height:50px; padding-right:20px; width:165px;}

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

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

.foot-misc { float: left; width:690px; } 
.foot-misc ul { list-style: none; font-size: 12px; float: left; }
.foot-misc ul li { width: 158px; float: left; padding: 0 11px 15px 51px; margin: 10px 0 0 5px; display: inline; }
.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: 150px; 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; }
.foot-misc ul li.foot-feedback { background: url(images/foot-feedback.gif) no-repeat top left; }
.foot-misc ul li.foot-delivery { background: url(images/foot-delivery.gif) no-repeat top left; padding-right: 18px; }
.foot-misc ul li.foot-contact { background: url(images/foot-contact.gif) no-repeat top left; }

.foot-misc ul li.foot-quiz h5 { background-position: 0 -180px; }
.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; }
.foot-misc ul li.foot-delivery h5 { background-position: 0 -140px; }
.foot-misc ul li.foot-contact h5 { background-position: 0 -160px; }

.foot-testimonial {width:210px; float:right; padding-top:10px;}
.foot-testimonial a {color:#38618f; font-size:12px;}
.foot-testimonial a:hover {color:#1e4672; text-decoration:none;}
.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 .testimonial-list { list-style: none; overflow: hidden; height: 210px; }

.company-info {width:945px; font-size:12px; line-height:150%; padding:27px 5px 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; padding:15px 0 5px 10px; }
.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; }

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

.historic-newspapers-copy { width: 910px; padding: 70px 30px 0 30px; background: url(images/main-footer-seo.png) no-repeat top left; }
.historic-newspapers-copy p { font-size: 11px; padding-bottom: 8px; color: #555; }
.historic-newspapers-copy h2 { font-size: 14px; font-weight: normal; color: #333; padding: 5px 0 9px 0; }
.historic-newspapers-copy ul { margin-left: 30px; padding-bottom: 5px; list-style-type: circle; }
.historic-newspapers-copy ul li { font-size: 11px; color: #555; padding: 3px; }
.historic-newspapers-copy a { color: #555; }
.historic-newspapers-copy a:hover { color: #222; }

.interesting-links {font-size:11px; padding-bottom:26px;}
.interesting-links ul li {background:; display:block; float:left; padding:0 10px; border-right:1px dotted #fefced; width:154px;}
.interesting-links ul li.last {border:0; width:auto;}
.interesting-links ul li a {border:0;}

.useful-links { float: left; padding-bottom: 10px; }
.useful-links ul li { float: left; padding: 0 22px; border-right: 1px dotted #666; }
.useful-links ul li.last { border: 0; }
.useful-links ul li a { border: 0; }

.payment-logos { padding: 0; float: right; background-color: #FAF9F5; border: 1px solid #e4e1d5; margin:15px 0 0 0; padding:3px 20px 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: 240px; position: relative; }
.main-banner h2, .main-banner p {display:none;}

.banner-video-icon {position:absolute; bottom:9px; right:31px;}

.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; }
.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.jpg) no-repeat top left; height: 200px; padding: 5px; }
.welcome h1 { text-indent: -9999px; }
.welcome p { padding: 40px 22px 0 18px; color: #333; line-height: 165%; }
.by-giftpack a { display: block; width: 238px; height: 36px; background: url(images/home-button-giftpack.gif) no-repeat top left; text-indent: -9999px; position: absolute; top: 142px; left: 30px; }
.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; }

.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 #EFEFEF; background-color: #E2E3E5; 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; }

.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; }

.rotating-headlines { display: block; overflow: hidden; height: 224px; width: 226px; position: absolute; top: 10px; left: 42px; }
.rotating-headlines ul { list-style: none; display: block; position: relative; }
.rotating-headlines ul li { display: block; height: 220px; width: 222px; text-indent: -9999px; }
.rotating-headlines ul li.moon-landing { background: url(images/newspaper-front-1.gif) no-repeat top left; }
.rotating-headlines ul li.titanic-sinks { background: url(images/newspaper-front-6.gif) no-repeat top left; }
.rotating-headlines ul li.kennedy-assasinated { background: url(images/newspaper-front-3.gif) no-repeat top left; }
.rotating-headlines ul li.king-abdicates { background: url(images/newspaper-front-2.gif) no-repeat top left; }
.rotating-headlines ul li.sun-launches { background: url(images/newspaper-front-7.gif) no-repeat top left; }
.rotating-headlines ul li.dday-landings { background: url(images/newspaper-front-8.gif) no-repeat top left; }
.rotating-headlines ul li.pope-benedict { background: url(images/newspaper-front-9.gif) no-repeat top left; }
.rotating-headlines ul li.queen-races { background: url(images/newspaper-front-10.gif) 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; }

.further-info { float: left; }
.browse-by-title { position: relative; float: left; margin-top: 10px; background: url(images/browse-by-title-back.gif) no-repeat top left; height: 32px; width: 570px; padding: 19px 10px 10px 340px; }
.browse-by-title a { position: absolute; top: 16px; right: 18px; display: block; height: 28px; width: 150px; background: url(images/home-button-bytitle.gif) no-repeat top left; text-indent: -9999px; }
.browse-by-title a:hover { background-position: bottom left; }

.Select-Date-Button { float:right; display: block; height: 28px; width: 150px; background: url(images/date-button-presentation.gif) no-repeat top left; text-indent: -9999px; }
.Select-Date-Button:hover { background-position: bottom left; }

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

.breadcrumbs {border:1px solid #dedede; font-size:12px; float:left; width:918px; background: #F9F9F9 url(images/breadcrumb-back.jpg) no-repeat top right; color:#777777; margin-bottom:20px;}
.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; font-size: 12px; }
.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 a { 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 a.lightmeup { background: #fff url(images/progress-done.gif) no-repeat top left; }
.order-progress a.lightmeup { color: #3f89b3; }
.order-progress a.lightmeup:hover { text-decoration: none; }
.order-progress a.active { font-weight: bold; color: #314a70; background: #fff url(images/progress-active.gif) no-repeat top left; }
.newspaper-info { padding: 0 0 20px 20px; }
.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%; }
.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 .testimonial-list { list-style: none; overflow: hidden; height: 210px; }

.key-date-image {border-bottom:1px dotted #c7c7c7; margin-bottom:20px; padding-bottom:20px;}
.key-date-image h5 {color:#901919; font:normal 16px arial; margin-bottom:10px;}
.key-date-image img {background:#fff; z-index:1;}
.key-date-image p {clear:left; padding-top:10px;}
.key-date-image a {display:block; height:282px; width:220px; position:relative;}

.phil-is-not-awesome { position:absolute; top:0; left:0; width: 100%; height: 100%; }
.phil-is-not-awesome:hover { top: 0; left: 0; background:transparent url(images/key-date-zoom.png) top left no-repeat; }

.NewspaperYearImage {border-bottom:1px dotted #c7c7c7; margin-bottom:20px; padding-bottom:20px;}
.NewspaperYearImage h5 {color:#901919; font:normal 16px arial; margin-bottom:10px;}
.NewspaperYearImage img { padding: 2px; background-color: #fff; }
.NewspaperYearImage p { padding: 0 5px; clear: left; }
.NewspaperYearImage a { display:inline; border: 2px solid #888; float: left; margin: 12px 0 12px 36px; }
.NewspaperYearImage a:hover { border: 2px solid #35608F; }

.on-this-day {border-bottom:1px dotted #c7c7c7; margin-bottom:20px; padding-bottom:20px;}
.on-this-day h5 {color:#901919; font:normal 16px arial; margin-bottom:10px;}
.on-this-day p {padding:3px 0;}
.on-this-day p strong {color:#9B2222;}
.on-this-day a {font-size:10px; color:#888; display:block; text-align:right;}

.paper-testimonial {padding-bottom:20px;}
.paper-testimonial h5 {color:#901919; font:normal 16px arial; margin-bottom:10px;}
.paper-testimonial ul {list-style:none;}
.paper-testimonial p.testimonial {background:url(images/quote-top.gif) no-repeat top left; padding:20px 0 0 20px; line-height:170%;}
.paper-testimonial p.name {background:url(images/quote-foot.gif) no-repeat top right; padding-top:30px; text-align:right; color:#858585;}

/*********** Order Progress ***********/

.order-progress-title h1 {background:url(images/lp-header.gif) repeat-y top left; color:#fff; display:block; font-size:22px; height:46px; line-height:46px; margin:0 0 15px 0; overflow:hidden; padding:0 35px; }

.order-progress-boxes {background:url(images/bg-order-progress-boxes.jpg) bottom center no-repeat; clear:both; padding:0 0 20px 0;}
.order-progress-boxes .progress-box {float:left; height:106px; margin:0 7px 0 4px; text-align:left; width:215px;}
.order-progress-boxes .progress-box a {text-decoration:none;}
.order-progress-boxes .last {margin:none !important;}

.order-progress-0 {background:url(images/bg-progress-boxes.jpg) 0 0 no-repeat; height:106px; overflow:hidden; width:920px;}
.order-progress-1 {background:url(images/bg-progress-boxes.jpg) 0 -106px no-repeat; height:106px; overflow:hidden; width:920px;}
.order-progress-2 {background:url(images/bg-progress-boxes.jpg) 0 -212px no-repeat; height:106px; overflow:hidden; width:920px;}
.order-progress-3 {background:url(images/bg-progress-boxes.jpg) 0 -318px no-repeat; height:106px; overflow:hidden; width:920px;}

.order-progress-boxes .inactive p.progress-title {font-size:14px; padding:10px 0 0 50px !important;}
.order-progress-boxes .inactive a {color:#999999; cursor:default;}

.order-progress-boxes .active p.progress-title {font-size:14px; padding:10px 0 0 50px !important;}
.order-progress-boxes .active a {color:#901919; cursor:default;}

.order-progress-boxes .complete p.progress-title {font-size:14px; padding:10px 0 0 50px !important;}
.order-progress-boxes .complete a {color:#5c831e; cursor:default;}

.order-progress-boxes .progress-date {background:url(images/bg-order-icons.png) 0 10px no-repeat; height:40px; margin:0 10px 10px 10px; padding:20px 10px 10px 60px; text-align:left;}
.order-progress-boxes .progress-paper {background:url(images/bg-order-icons.png) 0 -60px no-repeat; height:40px; margin:0 10px 10px 10px; padding:20px 10px 10px 60px; text-align:left;}
.order-progress-boxes .progress-giftpack {background:url(images/bg-order-icons.png) 0 -130px no-repeat; height:40px; margin:0 10px 10px 10px; padding:20px 10px 10px 60px; text-align:left;}
.order-progress-boxes .progress-certificate {background:url(images/bg-order-icons.png) 0 -200px no-repeat; height:40px; margin:0 10px 10px 10px; padding:20px 10px 10px 60px; text-align:left;}

.order-progress-boxes .edit {color:blue; font-size:11px;}
.order-progress-boxes .hidden-dragon {display:none;}

/*********** Select Paper Title ***********/

.generic-bgbox-head {background:url(images/paper-intro-head.gif) no-repeat top left; float:left; height:6px; margin-top:15px; width:660px;}
.generic-bgbox-rptr {background:url(images/paper-intro-rptr.gif) repeat-y top left; float:left; padding:20px 30px 20px 20px; width:610px;}
.generic-bgbox-foot {background:url(images/paper-intro-foot.gif) no-repeat top left; float:left; height:6px; margin-bottom:15px; width:660px;}
.generic-bgbox-last {float:left; padding:20px 30px 20px 20px; width:610px; background:url(images/660-wide-cont.jpg) no-repeat bottom left; }

.date-prev a {background:url(images/button-prev.gif) no-repeat top left; display:block; float:left; height:27px; overflow:hidden; text-indent:-9999px; width:100px;}
.date-prev a:hover {background:url(images/button-prev.gif) no-repeat bottom left;}
.date-next a {background:url(images/button-next.gif) no-repeat top left; display:block; float:right; height:27px; overflow:hidden; text-indent:-9999px; width:100px;}
.date-next a:hover {background:url(images/button-next.gif) no-repeat bottom left;}
.date-date {color:#901919 !important; font:normal 12px arial; text-align:center;}

.no-papers {background:#ffeeee url(images/icon-warning.png) center 10px no-repeat; border:1px solid #ffcccc; color:#901919; font-size:12px; margin:20px 0 10px 0; padding:70px 50px 30px 50px; text-align:center;}
.no-papers p {color:#901919; padding:20px 0 0 0; text-align:center;}

.button-back a {background:url(images/button-back.gif) no-repeat top left; display:block; float:left; height:27px; overflow:hidden; text-indent:-9999px; width:60px;}
.button-back a:hover {background:url(images/button-back.gif) no-repeat bottom left;}
.button-skip a {background:url(images/button-skip.gif) no-repeat top left; display:block; float:right; height:27px; overflow:hidden; text-indent:-9999px; width:300px;}
.button-skip a:hover {background:url(images/button-skip.gif) no-repeat bottom left;}

.instruct {color:#901919 !important; float:left; font:normal 12px arial; padding-top:4px;}

.regional-buttons {float:right; height:27px; padding-bottom:4px; width:252px;}
.regional-buttons ul {list-style:none;}
.regional-buttons li {float:left;}
.regional-buttons li a {background:url(images/paper-select-regional.png) 0 0 no-repeat; font-size:11px; overflow:hidden; text-indent:-9999px;}

.regional-buttons li.national a {background:url(images/paper-select-regional.png) 0 0 no-repeat; display:block; height:27px; width:85px;}
.regional-buttons li.national a:hover {background:url(images/paper-select-regional.png) 0 -27px no-repeat;}
.regional-buttons li.national a.active {background:url(images/paper-select-regional.png) 0 -54px no-repeat;}

.regional-buttons li.scottish a {background:url(images/paper-select-regional.png) -85px 0 no-repeat; display:block; height:27px; width:91px;}
.regional-buttons li.scottish a:hover {background:url(images/paper-select-regional.png) -85px -27px no-repeat;}
.regional-buttons li.scottish a.active {background:url(images/paper-select-regional.png) -85px -54px no-repeat;}

.regional-buttons li.irish a {background:url(images/paper-select-regional.png) -176px 0 no-repeat; display:block; height:27px; width:76px;}
.regional-buttons li.irish a:hover {background:url(images/paper-select-regional.png) -176px -27px no-repeat;}
.regional-buttons li.irish a.active {background:url(images/paper-select-regional.png) -176px -54px no-repeat;}

.sunday-surcharge {background:#ffe6e6; border:1px solid #ffcccc; color:#010101; float:right; font-size:11px; padding:10px; text-align:left; margin-top:20px;}
.sunday-surcharge h5 {color:#901919; font:normal 16px arial; margin-bottom:5px;}
.sunday-surcharge p {font-size:11px; padding:5px 0 0 0;}

.keydate-surcharge {background:#e6ebff; border:1px solid #ccd8ff; color:#010101; float:right; font-size:11px; padding:10px; text-align:left; margin-top:20px;}
.keydate-surcharge h5 {color:#193590; font:normal 16px arial; margin-bottom:5px;}
.keydate-surcharge p {font-size:11px; padding:5px 0 0 0;}

.paper-select {background:url(images/paper-select-bg.gif) bottom left repeat-x; border:1px solid #e7e7e7; margin-bottom:1px; padding:10px;}
.paper-select a:hover {text-decoration:underline;}
.paper-select .thumb {border:none; float:left; height:42px; margin-right:10px; text-decoration:none; width:50px;}
.paper-select .title {color:#35538f; float:left; font:normal 13px arial; height:30px; padding-top:13px; margin-right:10px; text-decoration:none; width:220px;}
.paper-select .why {color:#901919; float:left; font:normal 10px arial; height:42px; line-height:42px; text-decoration:none;}
.paper-select .price {color:#006600; float:right; font:bold 13px arial; height:42px; line-height:42px; margin-right:20px;}
.paper-select a.select {background:url(images/button-select.gif) 0 0 no-repeat; display:block; float:right; height:28px; margin-top:7px; margin-right:10px; overflow:hidden; text-indent:-9999px; width:70px;}
.paper-select a.select:hover {background:url(images/button-select.gif) 0 -28px no-repeat;}

.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: 3px 0; color: #fff; font-size: 12px; font-weight: bold; margin: 0 6px; background: url(images/paper-price-back.gif) repeat-x top left; }
.newspaper-content .national-titles p.price { background-image: url(images/paper-price-back-red.gif); }
.newspaper-content .discounted-titles p.price { background-image: url(images/paper-price-back-blue.gif); }

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

.paper-buttons, .paper-buttons-b {list-style:none; padding:0 0 10px 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 #3c0000; padding: 0; }
.paper-buttons-b .gift-pack a { color: #fff; background: url(images/right-arrow-red.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: 1px solid #fff; border-bottom: 1px solid #e0e0e0; width: 288px; display: inline; margin: 0 5px; float: left; clear: left; background: url(images/paper-select-back-a.png) repeat-x top left; }
.select-paper-title img { float: left; padding: 2px; border: 1px solid #cecece !important; border-right: 1px solid #949494 !important; border-bottom: 1px solid #949494 !important; background-color: #fff; }
.select-paper-title .paper-details { float: left; width: 110px; font-size: 12px; padding-left: 10px; }
.select-paper-title .paper-details h4 { font-weight: bold; font-size: 12px; padding-bottom: 5px; color: #555; }
.select-paper-title .radio-selection { float: right; width: 110px; font-size: 11px; text-align:right; line-height: 150%; }
.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; }

.select-paper-title-alt { padding:10px; border: 1px solid #fff; border-bottom: 1px solid #b5b5b5; width: 288px; display: inline; margin: 0 5px; float: left; clear: left; background: url(images/paper-select-back-b.png) repeat-x bottom left; }
.select-paper-title-alt img { float: left; padding: 2px; border: 1px solid #cecece !important; border-right: 1px solid #949494 !important; border-bottom: 1px solid #949494 !important; background-color: #fff; }
.select-paper-title-alt .paper-details { float: left; width: 110px; font-size: 12px; padding-left: 10px; }
.select-paper-title-alt .paper-details h4 { font-weight: bold; font-size: 12px; padding-bottom: 5px; color: #444; }
.select-paper-title-alt .radio-selection { float: right; width: 110px; font-size: 11px; text-align:right; line-height: 150%; }
.select-paper-title-alt a { color: #38618F; text-decoration: none; border-bottom: 1px dotted #828282; font-size: 11px; display: block; float: left; padding-top: 5px; }
.select-paper-title-alt a:hover { border-bottom: 1px dotted #fff; color: #1E4672; }

.national-titles { background: url(images/paper-titles-back.gif) repeat-y top left; border-bottom: 2px solid #f7f7f7; margin-right: 20px; }
.national-titles h1 { display: block; width: 320px; height: 48px; text-indent: -9999px; background: url(images/national-titles-head-c.gif) no-repeat top left; clear:left;}
.national-titles .Sunday-Titles h1 { background: url(images/sunday-titles-head-c.gif) no-repeat top left; }

.discounted-titles { background: url(images/paper-titles-back.gif) repeat-y top left; border-bottom: 2px solid #f7f7f7; }
.discounted-titles h1 { display: block; width: 320px; height: 48px; text-indent: -9999px; background: url(images/regional-titles-head-c.gif) no-repeat top left; }
.discounted-titles .select-paper-title .radio-selection { width: 60px; }
.discounted-titles .select-paper-title-alt .radio-selection { width: 60px; }
.discounted-titles .paper-details { width: 150px; }

.national-titles h1.sun-no-paper { display: block; width: 320px; height: 48px; text-indent: -9999px; background: url(images/key-date-header.gif) no-repeat top left; }

.commem-option { margin-top: 20px; background: url(images/paper-titles-back.gif) repeat-y top left; border-bottom: 2px solid #f7f7f7; float: left; width: 320px; }
.commem-option p { padding: 5px 15px; margin: 0 5px; }
.commem-option img { padding: 20px; }
.commem-option h4 { display: block; background: url(images/commem-upsell-top.gif) no-repeat top left; height: 71px; width: 320px; text-indent: -9999px; }
p.comm-more-info { border-bottom:1px solid #E0E0E0; padding-bottom: 15px; }
p.comm-more-info a { border-bottom:1px dotted #828282; color:#38618F; font-size:11px; padding-top:5px; text-decoration:none; }
p.comm-more-info a:hover { border-bottom:1px dotted #fff; color:#1E4672; }

.upsell-books {background:url(images/bg-upsell-books.jpg) top left no-repeat; color:#666633; font-size:12px; height:245px; padding:25px 310px 10px 20px; text-align:left; margin:20px 0 10px 0;}
.upsell-books h5 {color:#711621; font:normal 18px arial; margin-bottom:12px;}
.upsell-books p {line-height:20px; margin-bottom:10px;}

/******* Key Date Papers *******/

.national-titles h1.key-date-head { background: url(images/key-date-header.gif) no-repeat top left; }
.keydate-image-cont { padding: 10px; margin-top: 10px; background: url(images/paper-titles-back.gif) repeat-y top left; border-top: 2px solid #f7f7f7 !important; border-bottom: 2px solid #f7f7f7 !important; float: right; width: 300px; }

/********** Select Gift Pack ***********/

a.button-select {background:url(images/button-select.gif) 0 0 no-repeat; display:block; float:right; height:28px; margin-top:7px; margin-right:10px; overflow:hidden; text-indent:-9999px; width:70px;}
a.button-select:hover {background:url(images/button-select.gif) 0 -28px no-repeat;}

.gift-pack-container { float: left; margin-bottom:12px; clear: left; width: 660px; background: url(images/gift-pack-cont-top.jpg) no-repeat top left; }
.gift-pack-container h2 { color: #fff; display: block; height: 37px; line-height: 37px; margin-bottom: 5px; }
.gift-pack-container img { margin: 57px 20px 0 20px; padding-bottom: 15px; float: left; }
.gift-pack-container .presentation-content { float: right; width: 390px; padding: 5px 25px 12px 0; }

.gift-pack-container a.pres-image-link { float: left; }
.Commemorative-Options .gift-pack-container a.pres-image-link { float: left; }

.gift-pack-container .presentation-content p { padding: 6px 0 4px 0; color: #666; }
.gift-pack-container .presentation-content p strong { color: #444; }
.newspapers-wide-footer-b { overflow: hidden; height: 6px; width: 660px; background: url(images/paper-intro-foot.gif) no-repeat top left; float: left; } 

.gift-pack-intro { padding: 35px 320px 15px 20px; background: url(images/select-gift-pack-intro.jpg) no-repeat top left; }
.gift-pack-intro h3 { display: block; text-indent: -9999px; }
.gift-pack-intro p strong { display: block; padding: 10px 20px 10px 30px; font-size: 14px; color: #5F0C0C; }

.gift-pack-container a.select-presentation { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; }
.gift-pack-container a.select-presentation { border-left:1px solid #3C0000; color: #fff; background: url(images/right-arrow-red.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.gift-pack-container a.select-presentation:hover { background-position: bottom right; color: #fff; }
.gift-pack-container .presentation-content .gift-pack-price { font-size: 12px; color: #555; }
.gift-pack-container .presentation-content .gift-pack-price strong { font-size: 14px; font-weight: bold; color: #333; }

.gift-pack-container .radio-presentation { font-size: 12px; width: 380px; padding: 5px; margin-top: 5px; color: #3E426F; }
.gift-pack-container .radio-presentation span { float: left; }
.gift-pack-container .radio-presentation input { float: left; width: 20px; margin-bottom: 5px; height: 20px; }
.gift-pack-container .radio-presentation label { float: left; width: 170px; margin-bottom: 5px; line-height: 20px; font-size: 11px; }
.gift-pack-container .radio-presentation label a { line-height: 100%; display: block; float: left; margin: -2px 0 3px 0; border-bottom:1px dotted #333; color:#717171; font-size:11px; text-decoration:none; }
.gift-pack-container .radio-presentation label a:hover { border-bottom:1px solid #717171; color:#333; }

.newspaper-content .commem-intro { float: left; padding: 20px 20px 12px 20px; width: 620px; background: url(images/commem-book-intro.jpg) no-repeat top left; }
.newspaper-content .commem-intro h4 { font-size: 16px; font-weight: bold; color: #282D41; padding-bottom: 6px; }
.newspaper-content .commem-intro p { padding-bottom: 6px; }
.newspaper-content .commem-intro p em { color: #3F3F3F; }
.newspaper-content .commem-intro p em strong { color: #222; }

.Commemorative-Options .gift-pack-container { background: url(images/gift-pack-cont-top-b.jpg) no-repeat top left; }
.Commemorative-Options .gift-pack-container a.select-presentation { background: url(images/right-arrow-blue.gif) no-repeat top right; border-left:1px solid #040b27; }
.Commemorative-Options .gift-pack-container a.select-presentation:hover { background-position: bottom right; color: #fff; }
.Commemorative-Options .paper-intro-foot { float: left; margin-bottom: 15px; }

/********** Select 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 0 10px 20px; font-size: 14px; color: #5F0C0C; }
.date-intro p strong em { color: #333; font-size: 13px; }
.date-intro ol { margin-left: 50px; font-size: 14px; padding: 5px 0; }
.date-intro ol li { font-weight: normal; }
.date-intro ol li p { padding: 3px; font-size: 13px; color: #5F0C0C; font-weight: bold; }
.date-intro ol li p em { font-weight: normal; color: #333; }
.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.button-select {margin:0;}
.by-date-last p {color:#901919; 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; }

.bytitle-DD { margin: 5px; padding: 1px; }
.label-bytitle { width: 100px; }

.date-small-print {margin:0 0 20px 5px;}
.date-small-print-r {margin:0 0 20px 5px;}
.date-small-print h4 { color: #273155; padding-bottom: 6px; font-weight: bold; }
.date-small-print-r h4 { color: #273155; padding-bottom: 6px; font-weight: bold; }
.date-small-print p, .date-small-print-r p { line-height: 180%; }

.date-prod-info { float: left; width: 380px; padding: 22px 12px 12px 12px; }
.date-prod-info h4 { color: #273155; padding-bottom: 6px; }
.date-prod-info p { padding-bottom: 12px; }

.prod-extra-img { float: left; padding: 20px 20px 10px 20px; }

/******* Personalise Certificate / Label *******/

.personalise-intro { padding: 35px 320px 15px 20px; background: url(images/personalise-certificate-intro.jpg) no-repeat top left; }
.personalise-intro h3 { display: block; text-indent: -9999px; }
.personalise-intro p strong { display: block; padding: 20px 20px 10px 30px; font-size: 14px; color: #5F0C0C; }
.personalise-intro img { padding: 15px 10px 12px 10px; float: left; }

.personalise-intro-b { padding: 35px 320px 15px 20px; background: url(images/personalise-label-intro.jpg) no-repeat top left; }
.personalise-intro-b h3 { display: block; text-indent: -9999px; }
.personalise-intro-b p strong { display: block; padding: 20px 20px 10px 30px; font-size: 14px; color: #5F0C0C; }
.personalise-intro-b img { padding: 15px 10px 12px 10px; float: left; }

.skip-presentation { padding: 15px 0; line-height: 26px; font-size: 12px; text-align: center; float: left; width: 660px; }
.skip-presentation a.back-button  { height: 26px; float: left; border-right: 1px solid #2a2a2a; color: #efefef; text-decoration: none; background: url(images/left-arrow-grey.gif) no-repeat top left; padding: 0 15px 0 20px; display: block; }
.skip-presentation a.back-button:hover { background-position: bottom left; color: #efefef; }
.skip-presentation p { display: block; float: right; background: #efefef url(images/breadcrumbs-grad-b.gif) repeat-x top left; line-height: 24px; border: 1px solid #AFAFAF; border-right: 0; padding: 0 10px; color: #6F6F6F; }
.skip-presentation a.skip-pers-button { display: block; float: right; border-left: 1px solid #2a2a2a; color: #efefef; text-decoration: none; height: 26px; background: url(images/right-arrow-grey.gif) no-repeat top right; padding: 0 18px 0 10px; }
.skip-presentation a.skip-pers-button:hover { background-position: bottom right; color: #efefef; }

.certificate-form { float: left; width: 340px; background: url(images/pers-details-foot.gif) no-repeat bottom left; }
#certificate-preview { float: right; width: 266px; height: 392px; padding: 5px 17px 0 17px; background: url(images/flash-back.jpg) no-repeat top center; }

.certificate-form h3 { display: block; width: 340px; height: 51px; background: url(images/pers-details-head.gif) no-repeat top left; text-indent: -9999px; }
.certificate-form .pers-details-cont { padding: 10px 20px 25px 20px; float: left; }
.certificate-form .pers-details-cont label { display: block; padding: 0 0 4px 0; font-size: 13px; color: #29385F; }
.certificate-form .pers-details-cont input, .certificate-form .pers-details-cont textarea { width: 284px; padding: 3px; }
.certificate-form .pers-details-cont em { font-size: 11px; color: #666; }
.certificate-form .pers-details-cont label.gold-embossing-lbl { padding: 0 0 0 5px; float: left; width: 250px; }
#EmbossDiv { float: left; padding: 10px 0 5px 0; }
#EmbossDiv a { border-bottom: 1px dotted #333; color: #717171; text-decoration: none; }
#EmbossDiv a:hover { border-bottom: 1px solid #717171; color: #333; }
#divEmboss { float: left; padding-top: 10px; }

.certificate-form .pers-details-cont .fb-check { float: left; width: 25px; padding: 10px 0 0 5px; }
.certificate-form .pers-details-cont .fb-check input { width: auto; float: left; }
.certificate-form .pers-details-cont .fb-check-label { float: left; width: 260px; padding: 10px 0; }

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

.pers-please-note { display: block; text-indent: -9999px; margin-top: 20px; width: 660px; height: 50px; background: url(images/pers-please-note.gif) no-repeat top left; float: left; }

/******* Newspaper Summary Page ********/

.newspaper-summary-intro { padding: 35px 320px 15px 20px; background: url(images/newspaper-summary-intro.jpg) no-repeat top left; }
.newspaper-summary-intro h3 { display: block; text-indent: -9999px; }
.newspaper-summary-intro p strong { display: block; padding: 10px 20px 10px 30px; font-size: 14px; color: #5F0C0C; }
.newspaper-summary-intro img { padding: 15px 10px 5px 5px; float: left; }  

.certificate-preview-2-cont { float: left; padding: 15px 17px 5px; width:266px; background: url(images/flash-back.jpg) no-repeat top center; }
.certificate-preview-2-cont p { color: #888; text-align: center; font-style: italic; padding-top: 3px; }
.certificate-preview-2-cont p a { color: #666; font-style: normal; }
.certificate-preview-2-cont p a:hover { text-decoration: none; }

.order-summary { float: right; width: 350px; padding: 15px 0; }
.order-summary img { margin-right: 25px; float: left; }
.order-summary a.paper-basket { font-size: 12px; text-align: center; line-height: 26px; height: 26px; padding: 0 10px; text-decoration: none; color: #29396F; margin: 10px 10px 0 0; }
.order-summary a.paper-basket { border-left:1px solid #3C0000; color: #fff; background: url(images/right-arrow-red.gif) no-repeat top right; padding: 0 23px 0 15px; display: block; float: right; }
.order-summary a.paper-basket:hover { background-position: bottom right; color: #fff; }

.order-summary .paper-presentation { float: left; clear: left; padding: 10px; border: 1px solid #ddd; margin-bottom: 12px; }
.order-summary .paper-presentation legend { font-size: 12px; padding: 5px; color: #444; }
.order-summary .paper-presentation p { float: left; width: 240px; }
.order-summary .paper-presentation a { color: #666; }
.order-summary .paper-presentation a:hover { text-decoration: none; }
.order-summary .paper-presentation p strong { color: #142e63; }
.order-summary .paper-presentation p strong em { color: #666; font-style: normal; }

.order-summary .paper-type-wrap { float: left; padding: 10px 10px 1px 10px; border: 1px solid #ddd; margin-bottom: 12px; }
.order-summary .paper-type-wrap legend { font-size: 12px; padding: 5px; color: #444; }

.order-summary .paper-type { float: left; margin-bottom: 10px; }
.order-summary .paper-type p { float: left; width: 240px; }
.order-summary .paper-type a { color: #666; }
.order-summary .paper-type a:hover { text-decoration: none; }
.order-summary .paper-type p strong { color: #142e63; }
.order-summary .paper-type p strong em { color: #666; font-style: normal; }

.order-summary .final-price { clear: left; font-size: 15px; text-align: center; }
 
/************** Edit Certificate Pop-Up **************/

.pop-up-container { width: 660px; }
#certificate-preview-2-cont { float: right; width: 280px; }

/************** 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: #8e2526; 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: #5D0D10; 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; }
.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; }

.help-desk-content ol li ul.affiliates-usp li strong { color: #7F0F17; }

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-personalise { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-personalise-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-education { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-education.jpg) no-repeat top left; }
h1.help-info-general { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-general.jpg) no-repeat top left; }
h1.help-info-affiliates { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-affiliates.jpg) no-repeat top left; }
h1.help-info-facts { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-info-facts.jpg) no-repeat top left; }
h1.help-info-testimonials { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/info-testimonials.jpg) no-repeat top left; }

.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; width:424px; }
.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; width:424px; }
.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; width:424px; }
.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; width:424px; }
.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; display: inline; }
.customer-service { float: left; width: 310px; margin: 0 5px 20px 5px; display: inline; }
.company-staff { float: left; clear: left; width: 310px; margin: 0 25px 20px 5px; display: inline;  }
.company-locations { float: left; width: 310px; margin: 0 5px 20px 5px; display: inline; }
.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; }

.pers-cert-list { padding: 5px; }
.pers-cert-list li { padding: 6px; }

.help-desk-content .teaching-pack h4 { padding: 15px 5px 5px 5px; font-size: 14px; color: #1D325F; }
.help-desk-content .teaching-pack h2 { color:#8E2526; font-weight:bold; padding: 2px; border-bottom: 1px dotted #eee; margin: 10px 5px; }
.help-desk-content .jump-to-content { float: right; width: 300px; padding: 10px; color: #e8eefc; border: 1px solid #c2d3f5; margin: 6px; font-size: 11px; }
.help-desk-content .jump-to-content ul { margin-left: 20px; list-style-type: circle; }
.help-desk-content .jump-to-content ul li { padding: 5px; font-size: 11px; }

.help-desk-content .teaching-pack .teach-pack-sample { float: right; width: 330px; }
.help-desk-content .teaching-pack .code { margin: 8px; font-family: "Courier New", Courier, monospace; display: block; padding: 5px 8px; color: #333; background-color: #efefef; border: 1px dotted #777; }
.help-desk-content .teaching-pack .teaching-pack-1 { margin-left: 5px; float: left; width: 210px; padding: 10px 0 15px 110px; background: url(images/education-wwII.jpg) no-repeat left center; }
.help-desk-content .teaching-pack .teaching-pack-2 { float: right; width: 210px; padding: 10px 0 15px 110px; background: url(images/education-titanic.jpg) no-repeat left center; }

.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-red.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; padding-bottom:15px; }
.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 table th strong { font-size: 15px; font-weight: normal; }

.basket-container h1 { float: left; margin-top: 15px; background: url(images/checkout-basket.jpg) no-repeat top left; display: block; height: 120px; width: 920px; text-indent: -9999px; padding: 0; }
.basket-container h2 { float: left; margin: 20px 0 5px 0; 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 { margin-left: 5px; width: 650px; float: left; clear: left; }
.basket-container table.basket-discount { margin-right: 5px; 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 table tr.rowItem a { border-bottom: 1px solid #38618F; color: #3F3F3F; text-decoration: none; cursor: pointer; }
.basket-container table tr.rowItem a:hover { background-color: #ECEFF5; border-bottom: none; color: #38618F; }

.basket-container table tr.rowItem { line-height: 160%; }
.basket-container table tr.rowItem td.basket-personalisation em { color: #666; }

.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 table tr.rowItem a.basket-delete { border: 0; 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 { margin-right: 5px; 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 .basket-buttons {width:655px;}

.basket-container a.button-proceedtocheckout {background:url(images/button-proceedtocheckout.gif) 0 0 no-repeat; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:150px;}
.basket-container a.button-proceedtocheckout:hover {background:url(images/button-proceedtocheckout.gif) 0 -28px no-repeat;}

.basket-container a.button-continueshopping {background:url(images/button-continueshopping.gif) 0 0 no-repeat; display:block; float:left; height:28px; overflow:hidden; text-indent:-9999px; width:140px;}
.basket-container a.button-continueshopping:hover {background:url(images/button-continueshopping.gif) 0 -28px no-repeat;}

.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 #3C0000; color: #fff; background: url(images/right-arrow-red.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-warning {background:#ffeeee; border:1px solid #ffcccc; color:#901919; font-size:11px; height:100%; width:100%;}

/********* 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 { display: inline; 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-product a.view-larger { float: left; padding-bottom: 14px; background: url(images/added-value-enlarge.gif) no-repeat bottom left; }
.added-value-product a.view-larger:hover { background-position: bottom right; }
.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-product ul { list-style: none; }
.added-value-product ul li { padding: 3px 0 4px 0; }
.added-value-content label { font-size: 12px; line-height: 100%; color: #444; display: block; float: left; width: 88px; padding-top: 3px; }
.added-value-content input.quantity-field { width: 20px; }

/******** 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; }

h1.h1-customer-details { background: url(images/checkout-details.jpg) no-repeat top left; display: block; height: 120px; width: 920px; margin: 15px 0 0 0; padding: 0; text-indent: -9999px; }

.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 #3C0000; color: #fff; background: url(images/right-arrow-red.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;  }

.error-cross { padding: 0 3px; color: #cd1b1b !important; font-size: 17px; }

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

h1.h1-checkout-delivery { background: url(images/checkout-delivery.jpg) no-repeat top left; display: block; height: 120px; width: 920px; margin: 20px 0 0 0; padding: 0; text-indent: -9999px; }

.checkout-process { float: left; width: 920px; }
.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 .choose-delivery input { width: 40px; }
.checkout-process .choose-delivery label { width: 220px; }
.checkout-process .choose-delivery table { padding: 20px 12px; }
.checkout-process .choose-delivery td { padding: 5px 20px; }

.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; padding-bottom: 4px; }
.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 .tandc { color: #333; }
.checkout-process .legal-stuff label a { color: #444; }
.checkout-process .legal-stuff label a:hover { text-decoration: none; }
.checkout-process .legal-stuff li { width: 428px; }

a.button-confirmdetails {background:url(images/button-confirmdetails.gif) no-repeat top left; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:120px;}
a.button-confirmdetails:hover {background:url(images/button-confirmdetails.gif) no-repeat bottom left;}

a.button-confirmdelivery {background:url(images/button-confirmdelivery.gif) no-repeat top left; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:120px;}
a.button-confirmdelivery:hover {background:url(images/button-confirmdelivery.gif) no-repeat bottom left;}

a.button-completeorder {background:url(images/button-completeorder.gif) no-repeat top left; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:150px;}
a.button-completeorder:hover {background:url(images/button-completeorder.gif) no-repeat bottom left;}

a.button-upsellbooks {background:url(images/button-upsellbooks.gif) no-repeat top left; display:block; float:left; height:28px; margin:10px 0 0 0; overflow:hidden; text-indent:-9999px; width:240px;}
a.button-upsellbooks:hover {background:url(images/button-upsellbooks.gif) no-repeat bottom left;}

a.button-proceed {background:url(images/button-proceed.gif) no-repeat top left; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:80px;}
a.button-proceed:hover {background:url(images/button-proceed.gif) no-repeat bottom left;}

a.button-paynow {background:url(images/button-paynow.gif) no-repeat top left; display:block; float:right; height:28px; overflow:hidden; text-indent:-9999px; width:80px;}
a.button-paynow:hover {background:url(images/button-paynow.gif) no-repeat bottom left;}

.button-ordercomplete a {background:url(images/button-ordercomplete.gif) 0 0 no-repeat; display:block; height:28px; margin:7px auto; overflow:hidden; text-indent:-9999px; width:220px;}
.button-ordercomplete a:hover {background:url(images/button-ordercomplete.gif) 0 -28px no-repeat;}

/********** Order Summary Page *********/

h1.h1-checkout-summary { background: url(images/checkout-summary.jpg) no-repeat top left; display: block; height: 120px; width: 920px; margin: 20px 0 15px 0; padding: 0; text-indent: -9999px; }

.checkout-process .input-label { display: block; float: left; font-size: 12px; color: #2F375C; font-weight: bold; }
.checkout-process p.payment-total { float: right; margin-right: 20px; display: block; background: #efefef url(images/breadcrumbs-grad-b.gif) repeat-x top left; line-height: 24px; border: 1px solid #AFAFAF; padding: 0 10px; }

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

h1.payment-details-title { float: left; margin: 0 0 15px 0; background: url(images/checkout-payment.jpg) no-repeat top left; display: block; width: 920px; height: 110px; text-indent: -9999px; }

.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: #333; } 
.payment-page-info p { color: #444; padding-bottom: 12px; line-height: 180%; }
.payment-page-info p strong { color: #751e1e; }

.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 Page *********/

h1.h1-checkout-confirmation { background: url(images/checkout-confirmation.jpg) no-repeat top left; display: block; height: 120px; width: 920px; margin: 20px 0; padding: 0; text-indent: -9999px; }

.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; }

/********** Offers Pages **********/

.offers-content-wide { width: 920px; float: left; }
.offers-content-wide .offers-PreRare { margin: 20px 20px 10px 0; position: relative; display: block; text-indent: -9999px; background: url(images/Offers-Banner-Pre1799.jpg) no-repeat top left; width: 450px; height: 240px; float: left; }
.offers-content-wide .offers-PreRare a { position: absolute; top: 0; left: 0; display: block; width: 450px; height: 240px; }
.offers-content-wide .offers-Victorian { margin: 20px 20px 0 0; position: relative; display: block; text-indent: -9999px; background: url(images/Offers-Banner-Victorian.jpg) no-repeat top left; width: 450px; height: 240px; float: left; }
.offers-content-wide .offers-Victorian a { position: absolute; top: 0; left: 0; display: block; width: 450px; height: 240px; }
.offers-content-wide .offers-Napoleon { margin: 20px 0 10px 0;position: relative; display: block; text-indent: -9999px; background: url(images/Offers-Banner-Napoleon.jpg) no-repeat top left; width: 450px; height: 240px; float: left; }
.offers-content-wide .offers-Napoleon a { position: absolute; top: 0; left: 0; display: block; width: 450px; height: 240px; }
.offers-content-wide .offers-Ripper { margin: 20px 0 0 0;position: relative; display: block; text-indent: -9999px; background: url(images/Offers-Banner-Ripper.jpg) no-repeat top left; width: 450px; height: 240px; float: left; }
.offers-content-wide .offers-Ripper a { position: absolute; top: 0; left: 0; display: block; width: 450px; height: 240px; }

.offers-content-wide h1 { color:#8E2526; font-weight:bold; padding: 2px; border-bottom: 1px dotted #888; margin: 10px 5px; }
.offers-content-wide p { padding: 0 6px; }

.help-desk-content .ripper-table { margin: 20px 40px; }
.help-desk-content .table-wide { margin: 20px 0 5px 5px; }

h1.help-offers-ripper { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-offers-ripper.jpg) no-repeat top left; }
h1.help-offers-victorian { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-offers-victorian.jpg) no-repeat top left; }
h1.help-offers-rare { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-offers-rare.jpg) no-repeat top left; }
h1.help-offers-napoleonic { display: block; width: 660px; height: 176px; text-indent: -9999px; background: url(images/help-offers-napoleonic.jpg) no-repeat top left; }

/********** Landing Pages **********/

.lp-main-area { float: left; width: 920px; background: url(images/lp-main-foot.gif) repeat-x bottom left; padding-bottom: 30px; margin-bottom: 10px; }
.lp-main-area h1 { letter-spacing: 1px; display: block; height: 46px; overflow: hidden; line-height: 46px; font-size: 22px; color: #fff; background: url(images/lp-header.gif) repeat-y top left; padding: 0 35px; margin: 0 0 15px 0; }

.lp-main-area .lp-imagespot { float:left; width:380px; height:285px; overflow:hidden; }
.lp-main-area .lp-imagespot .lp-pack-list { list-style:none; }

.lp-call-to-action {height:202px; padding-bottom:20px; width:920px;}
.lp-by-giftpack { width: 290px; float: right; background: url(images/lp-choose-pack-first.jpg) no-repeat top left; height: 200px; margin-left: 10px; padding: 5px; position: relative; }
.lp-by-date { width: 290px; float: left; background: url(images/lp-choose-date-back.jpg) no-repeat top left; height: 200px; padding: 5px; position: relative; }
.lp-by-giftpack a { display: block; width: 238px; height: 36px; background: url(images/home-button-giftpack.gif) no-repeat top left; text-indent: -9999px; position: absolute; top: 142px; left: 30px; }
.lp-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; }
.lp-by-giftpack a:hover, .lp-by-date .aHomeNewspapers:hover { background-position: bottom left; }

.lp-entry-box { width: 290px; float: right; background: url(images/entry-box-back.jpg) no-repeat top left; height: 200px; padding: 5px; }
.lp-entry-box h2 {background:none !important; color:#35538f; font:normal 18px arial !important; height:auto !important; margin:0; padding:14px 20px;}
.lp-entry-box p { padding:0 20px; color:#901919; font-size:11px; line-height:165%; }

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

.lp-product-feature-wrapper {background:url(images/bg-lp-product-features-wrapper.jpg) top left no-repeat; padding-top:18px;}

.lp-product-features {float:left; list-style:none; margin-right:20px; width:440px;}
.lp-product-features li {background:url(images/lp-product-features.jpg) top left no-repeat; font-size:11px; height:100px; padding-left:80px;}
.lp-product-features li h3 {color:#35538f; font-size:16px; margin:0 0 5px 0; padding:15px 0 0 0;}
.lp-product-features li.feature-1 {background-position:0 0; font-size:11px; height:100px; margin-bottom:10px; padding-left:110px;}
.lp-product-features li.feature-2 {background-position:0 -100px; font-size:11px; height:100px; padding-left:110px;}
.lp-product-features li.feature-3 {background-position:0 -200px; font-size:11px; height:100px; margin-bottom:10px; padding-left:110px;}
.lp-product-features li.feature-4 {background-position:0 -300px; font-size:11px; height:100px; padding-left:110px;}

.lp-explore-decades {float:left; width:920px; padding-bottom: 30px; margin-bottom: 10px; }
.lp-explore-decades ul { margin-left: 20px; list-style-type: circle; }
.lp-explore-decades ul li { padding: 3px; font-size: 12px; }
.lp-explore-decades ul li a { color: #484848; text-decoration: none; border-bottom: 1px dotted #bbb; }
.lp-explore-decades ul li a:hover { border-bottom: 1px solid #418ace; }
.lp-explore-decades h1 { background: url(images/explore-decades-header.jpg) no-repeat left top; display:block; height:176px; text-indent:-9999px; width:920px; }
.lp-explore-decades h2 { font-size: 17px; color: #35538f; font-weight: bold; padding-bottom: 15px; }
.lp-by-decade { float: left; width: 260px; padding: 20px; margin-left: 60px; }
.lp-by-title { float: right; width: 360px; padding: 20px 20px 20px 100px; border-left: 1px dotted #444; }
.lp-by-title p { padding-right: 40px; font-size: 11px; padding-bottom: 8px; }
.lp-explore-decades .lp-by-decade ul li { padding: 5px 3px; font-size: 13px; }

.lp-imagespot-generic { float: left; width: 380px; }

.lp-ctoa { float: left; padding: 10px 0; width: 920px; }
.lp-gift-button { float: left; display: block; height: 70px; width: 380px; background: url(images/lp-gift-button.gif) no-repeat top left; text-indent: -9999px }
.lp-gift-button:hover { background-position: 0 -70px; }
.lp-date-container { float: right; width: 525px; background: url(images/lp-date-back.gif) repeat-x top left; height: 70px; overflow: hidden; }
.lp-date-container p { display: block; float: left; height: 70px; width: 117px; background: url(images/lp-your-date.gif) no-repeat top left; text-indent: -9999px; }
.lp-date-container .lp-date-ddl { float: left; height: 60px; padding: 10px; width: 216px; }
.lp-date-container .lp-date-ddl ul { list-style: none; float: left; padding: 8px 4px 6px 4px; }
.lp-date-container .lp-date-ddl ul li { list-style: none; float: left; padding: 6px; }
.lp-date-container a { display: block; float: left; height: 70px; width: 172px; background: url(images/lp-date-button.gif) no-repeat top right; text-indent: -9999px; }
.lp-date-container a:hover { background-position: 0 -70px; }

.lp-copy {margin-bottom:15px;}
.lp-copy h2 { font-size:17px; color: #35538f; font-weight: bold; padding:12px 0;}
.lp-copy p { color: #484848; padding-bottom: 10px; }
.lp-copy a { color: #484848; text-decoration: none; border-bottom: 1px dotted #bbb; }
.lp-copy a:hover { border-bottom: 1px solid #418ace; }

.lp-sub-area .lp-table { width: 650px; float: left; padding-right: 10px; border-right: 1px dotted #bbb; }
.lp-sub-area .lp-table h2 { font-size:17px; color: #35538f; font-weight: bold;  padding:12px 0;}
.lp-sub-area .lp-table p { color: #484848; padding-bottom: 10px; }
.lp-sub-area .lp-table a { color: #484848; text-decoration: none; border-bottom: 1px dotted #bbb; }
.lp-sub-area .lp-table a:hover { border-bottom: 1px solid #418ace; }
.lp-sub-area .lp-table ul { margin-left: 30px; padding-bottom: 10px; list-style-type: circle; }
.lp-sub-area .lp-table ul li { font-size: 12px; color: #484848; padding: 4px; }
.lp-sub-area .lp-table table { font-size: 12px; padding: 10px; }
.lp-sub-area .lp-table table tr td { padding: 10px; vertical-align: top; background: url(images/lp-table-row.gif) repeat-x bottom left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.lp-sub-area .lp-table table tr th { padding: 10px; }
.lp-sub-area .lp-table table tr.rowFirst th { border-left:1px solid #272D4F; }
.lp-sub-area .lp-table table tr.rowFirst th.lplast { border-right:1px solid #272D4F; }
.lp-sub-area .lp-table table tr.rowFirst { background: #272D4F url(images/thead-back.jpg) repeat-x scroll left top; color:#fff; }
.lp-sub-area .lp-table .lp-date-head { width: 150px; }

.lp-sub-sidebar { float: right; width: 240px; }
.lp-sub-sidebar .side-testimonial { width: 210px; padding-top: 10px; }
.lp-sub-sidebar .side-testimonial h5 { font-size: 14px; color: #35538f; font-weight: bold; padding-bottom: 5px; text-indent: 0; background: none; }
.lp-sub-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%; }
.lp-sub-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; }
.lp-sub-sidebar .testimonial-list { list-style: none; }
.lp-sub-sidebar .NewspaperYearImage h5 { font-size: 14px; color: #35538f; font-weight: bold; padding-bottom: 5px; text-indent: 0; background: none; } 

.lp-sub-sidebar .lp-related-links { padding-bottom: 8px; }
.lp-sub-sidebar .lp-related-links h5 { font-size: 14px; color: #35538f; font-weight: bold; padding: 3px 0 10px 0; text-indent: 0; background: none; }
.lp-sub-sidebar .lp-related-links ul { margin-left: 30px; list-style-type: circle; }
.lp-sub-sidebar .lp-related-links ul li { padding: 3px; font-size: 13px; color: #bbb; }
.lp-sub-sidebar .lp-related-links ul li a { color: #484848; text-decoration: none; border-bottom: 1px dotted #bbb; }
.lp-sub-sidebar .lp-related-links ul li a:hover { border-bottom: 1px solid #418ace; }

.lp-gift-pack h5 { font-size: 14px; color: #35538f; font-weight: bold; padding: 3px 0 10px 0; text-indent: 0; background: none; }
.lp-gift-pack p { padding: 0 5px; }
.lp-gift-pack a.gift-pack-wrap { padding: 1px; border: 2px solid #888 !important; display:block; margin:12px 1px 12px 22px; width: 160px; }
.lp-gift-pack a.gift-pack-wrap:hover { border: 3px solid #35608F !important; margin:11px 0 11px 21px; }
.lp-gift-pack a.more-info { color:#333; text-decoration: none; border-bottom: 1px solid #bbb; }
.lp-gift-pack a.more-info:hover { border-bottom: 0; color: #38618F; }
.lp-gift-pack .lp-pack-small { list-style: none; overflow: hidden; height: 190px; }

/*********** 404 Error Page ***********/

.notfound-error { float: left; width: 600px; margin-top: 20px; }
.notfound-error h2 { padding: 10px; font-size: 16px; color: #6F0D16; font-weight: bold; letter-spacing: 1px; }
.notfound-error p { color: #666; padding: 6px 10px; }
.notfound-error p strong { color: #333; }
.notfound-error a { color: #3F3F3F; text-decoration: none; border-bottom: 1px solid #38618F; }
.notfound-error a:hover { color: #38618F; background-color: #eceff5; border-bottom: none; }

.error-sitemap { float: right; width: 280px; margin: 20px 0 10px 0; padding: 10px 10px 2px 10px; background-color: #e8eefc; border: 1px solid #c2d3f5; font-size: 11px; }
.error-sitemap h3 { font-size: 12px; font-weight: bold; color: #1D325F; padding-bottom: 3px; }
.error-sitemap a { color: #38618f; }
.error-sitemap a:hover { color: #1e4672; text-decoration: none; }

.error-sitemap ul { margin-left: 20px; list-style-type: circle; padding: 5px; }
.error-sitemap ul li { padding: 3px; }
.error-sitemap ul li.nested { list-style: none; }

/*********** 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');}

/* Discount Popup */

.discount-popup {background:url(images/bg-discount-popup.jpg) top left no-repeat; font:normal 12px arial; height:480px; width:640px;}
.discount-popup .discount-text {padding:160px 60px 0 60px;}
.discount-popup .discount-text h1 {font:bold 16px arial; color:#982322; padding-bottom:16px;}
.discount-popup .discount-text p {padding-bottom:14px;}
.discount-popup .discount-code p {padding:34px 60px;}
.discount-popup .discount-code .the-code {font:bold 12px arial; color:#35538f;}
.discount-popup .discount-copy p {font-size:11px; padding:0 60px 5px 60px;}

/* Costco */

.costco {color:#333333;}
.costco h1 {background:url(images/costco-h1.gif) top left no-repeat; color:#fff; display:block; font-size:22px; height:53px !important; margin:0; padding:5px 20px 0 20px;}
.costco .costco-welcome {background:#f5f5f5; color:#cc252d; font-size:14px; padding:10px 20px;}

.costco-content {background:url(images/costco-pos.gif) top right no-repeat; float:left; font:normal 12px arial; padding:10px 20px; width:560px;}
.costco-content h2 {color:#0262ab; font:normal 14px arial; padding:10px 0;}
.costco-content p {font:normal 12px arial; line-height:18px; padding-bottom:10px;}
.costco-content ul {list-style:none; padding-bottom:10px;}
.costco-content ul li {background:url(images/costco-tick.gif) center left no-repeat; padding:3px 0 0 25px;}
.costco-content a {color:#0061aa;}
.costco-content a:hover {color:#3f7f6f;}

.costco-content .redeem {background:url(images/costco-redeem.jpg) center left no-repeat; font:normal 10px arial; height:100px; padding:10px 0;}
.costco-content .redeem .step1 {height:70px; line-height:70px;}
.costco-content .redeem h3 {color:#cc252d; float:left; font:bold 14px arial; line-height:70px; padding:0 20px;}
.costco-content .redeem input {float:left; margin-top:27px;}
.costco-content .redeem a.costco-button-redeem {background:url(images/costco-button-redeem.gif) 0 0 no-repeat; display:block; float:right; height:28px; margin-top:21px; margin-right:22px; overflow:hidden; text-indent:-9999px; width:70px;}
.costco-content .redeem a.costco-button-redeem:hover {background:url(images/costco-button-redeem.gif) 0 -28px no-repeat;}
.costco-content .redeem .code-error {background:#ffffcc; border:1px solid red; float:left; height:22px; line-height:21px; padding:0 10px; margin-right:10px;}
.costco-content .redeem .note {color:#0262ab; font:normal 11px arial; height:24px; line-height:23px; margin:0 6px; padding-right:10px; text-align:right;}

.costco-sidebar {background:#f5f5f5; float:right; font:normal 11px arial; padding:10px 20px 20px 20px; width:260px;}
.costco-sidebar h2 {color:#cc252d; font:normal 14px arial; padding:10px 0;}
.costco-sidebar p {font:normal 11px arial; padding-bottom:10px;}
.costco-sidebar ol {margin-left:20px; padding-bottom:10px;}
.costco-sidebar ol li {padding-top:3px;}

.costco-yearbook {background:url(images/bg-costco-yearbook.jpg) top left no-repeat; border:1px solid #c0b99f; color:#666633; font-size:12px; height:125px; padding:15px 250px 10px 20px; text-align:left; margin:20px 0 10px 0;}
.costco-yearbook h5 {color:#ba1921; font:normal 16px arial; margin-bottom:10px;}
.costco-yearbook p {margin-bottom:10px;}

a.button-costcoyearbook {background:url(images/button-costcoyearbook.gif) no-repeat top left; display:block; float:left; height:28px; margin:10px 0 0 0; overflow:hidden; text-indent:-9999px; width:220px;}
a.button-costcoyearbook:hover {background:url(images/button-costcoyearbook.gif) no-repeat bottom left;}

.costco-billingwarning {background:#ffffcc; border:1px solid #cccc99; clear:both; color:#666600; float:left; font-size:12px; margin:20px 0 0 0; padding:20px 0; text-align:center; width:100%;}

/* Discount Quiz */

.quiz {}
.quiz h1 {background:url(images/lp-header.gif) repeat-y top left; color:#fff; display:block; font:normal 22px arial; height:46px; line-height:46px; margin:0 0 15px 0; overflow:hidden; padding:0 35px; }

.quiz .quiz-question {color:#901919; font:normal 14px arial; margin-bottom:20px;}
.quiz .quiz-question span {font-weight:bold;}

.quiz .quiz-image-date {background:url(images/quiz-image-date.jpg) top left no-repeat;}
.quiz .quiz-image-people {background:url(images/quiz-image-people.jpg) top left no-repeat;}
.quiz .quiz-image-history {background:url(images/quiz-image-history.jpg) top left no-repeat;}
.quiz .quiz-image-paper {background:url(images/quiz-image-paper.jpg) top left no-repeat;}
.quiz .quiz-image-misc {background:url(images/quiz-image-misc.jpg) top left no-repeat;}

.quiz .quiz-options {font:bold 12px arial; height:160px; line-height:20px; padding:20px; position:relative;}
.quiz .quiz-options input {float:left; margin:0 10px 10px 0;}

.quiz .quiz-button a {background:url(images/button-confirmanswer.gif) 0 0 no-repeat; display:block; height:28px; overflow:hidden; position:absolute; bottom:20px; left:20px; text-indent:-9999px; width:120px;}
.quiz .quiz-button a:hover {background:url(images/button-confirmanswer.gif) 0 -28px no-repeat;}

.quiz .quiz-progress {background:#e4e9f3 url(images/icon-info.png) top left no-repeat; border:1px solid #cfd6e7; color:#2a3a5c; font:normal 12px arial; margin-top:20px; padding:10px 10px 10px 60px;}
.quiz .quiz-progress span {font-weight:bold;}

/* Basket Personalization Tootip */

a.cool-tool {display:block; float:left; height:48px; width:40px;}

/* Tipsy CSS - Tooltips */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


.prompt-list { position: relative; }
.prompt-message { position: absolute; bottom: -10px; right: 0; display: none; text-align: center; color: #fff; margin: 0 20px; }  
.prompt-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; text-align: center; display: block; }
.prompt-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }

/* Testimonials Page */

.testimonials-page {margin:none !important; padding:none !important;}
.testimonials-page ul {display:block; list-style-type:none;}

.testimonials-page .quotebubble {margin:25px 0; width:660px;}
.testimonials-page .quotebubble .qb-mid {background:#ededed; font-size:12px; line-height:20px; padding:10px 20px;}
.testimonials-page .quotebubble .qb-mid blockquote {padding-right:30px; position:relative;}
.testimonials-page .quotebubble .qb-mid span {background:url(images/testimonial-quotes.gif) top left no-repeat; display:block; float:left; font-size:13px; height:20px; width:25px;}
.testimonials-page .quotebubble .qb-mid span.close-quote {background:url(images/testimonial-quotes-close.gif) top left no-repeat; display:block; font-size:13px; height:20px; position:absolute; top:0; right:0; width:20px;}
.testimonials-page .quotebubble .qb-top {background:url(images/testimonial-bubble.gif) no-repeat scroll left -19px transparent; font-size:1px; height:8px; line-height:1px; overflow:hidden; width:100%;}
.testimonials-page .quotebubble .qb-bttm {background:url(images/testimonial-bubble.gif) no-repeat scroll left -35px transparent; font-size:1px; height:30px; line-height:1px; overflow:hidden; position:relative; width:100%;}
.testimonials-page .quotebubble .qb-bttm span {color:#a1a1a1; font-size:10px; height:22px; position:absolute; top:14px; left:70px;}
.testimonials-page .quotebubble .qb-bttm span strong {color:#003366; font:bold 11px arial;}

/* Discount Codes Page */

.discount-codes {}
.discount-codes h1 {background:url(images/lp-header.gif) repeat-y top left; color:#fff; display:block; font:normal 22px arial; height:46px; line-height:46px; margin:0 0 15px 0; overflow:hidden; padding:0 35px; }
.discount-codes h2 {padding:5px 10px;}
.discount-codes p {padding:5px 10px;}

.discount-codes-product  { width: 244px; height: 184px; padding: 10px 30px 20px 30px; float: left; }

.discount-codes .discount-code-holder {background:url(images/discount-code-holder.jpg) top left no-repeat; height:160px; margin-bottom:20px; padding-left:220px; padding-right:90px; position:relative;}
.discount-codes .discount-code-holder h2 {color:#fff; font:bold 20px arial; line-height:58px;}
.discount-codes .discount-code-holder p {height:53px; padding:10px 0 !important;}
.discount-codes .discount-code-holder p span{font-weight:bold;}
.discount-codes .discount-code-holder h3 { color:#555555; font:normal 11px arial;}

.discount-codes .discount-code-holder .discount-disc-10off {background:url(images/discount-disc-10off.png) top left no-repeat; height:160px; position:absolute; top:0; left:0; width:220px;}
.discount-codes .discount-code-holder .discount-disc-freedelivery {background:url(images/discount-disc-freedelivery.png) top left no-repeat; height:160px; position:absolute; top:0; left:0; width:220px;}

.discount-codes .discount-call-to-action {background:url(images/discount-call-to-action.jpg) top left no-repeat; min-height:202px; margin:20px 0;}
.discount-codes .discount-call-to-action .user-new h4 {background:url(images/discount-user-new-1.png) top left no-repeat; display:block; height:53px; margin-bottom:10px; overflow:hidden; text-indent:-9999px; width:920px;}
.discount-codes .discount-call-to-action .user-new p {padding:5px 80px; font-size: 16px; }
.discount-codes .discount-call-to-action .user-new strong { color: #660000; }
.discount-codes .discount-call-to-action .user-new .discount-disc-10off {background:url(images/discount-disc-10off-1.png) no-repeat 0 0; height:160px; left:0; width:220px; float: left; margin: -28px 5px 0 -15px; }
.discount-codes .discount-call-to-action .user-active h4 {background:url(images/discount-user-active.png) top left no-repeat; display:block; height:53px; margin-bottom:10px; overflow:hidden; text-indent:-9999px; width:920px;}
.discount-codes .discount-call-to-action .user-active p {padding:5px 80px; text-align:center;}

.discount-codes .discount-dropdowns {background:url(images/discount-dropdowns.jpg) top left no-repeat; height:64px; margin-top:60px; padding:18px 0 0 205px; text-align:center;}
.discount-codes .discount-dropdowns ul {list-style:none; text-align:center;}
.discount-codes .discount-dropdowns li {float:left; margin:3px; padding:1px;}
.discount-codes .discount-dropdowns li select {font:normal 17px tahoma; height:36px; line-height:36px; padding:3px !important;}
.discount-codes .discount-dropdowns li select.day {width:60px;}
.discount-codes .discount-dropdowns li select.month {width:100px;}
.discount-codes .discount-dropdowns li select.year {width:80px;}
.discount-codes .discount-dropdowns span {color:#741515; text-align: center; padding: 0 0 10px 14px;}

.discount-codes a.discount-button {display:block; float:left; width:238px; height:36px; background:url(images/home-button-newspapers.gif) no-repeat top left; text-indent:-9999px;}
.discount-codes a.discount-button:hover {display:block; float:left; width:238px; height:36px; background:url(images/home-button-newspapers.gif) no-repeat bottom left; text-indent:-9999px;}

.discount-codes .discount-continue {background:url(images/discount-dropdowns.jpg) top left no-repeat; height:64px; margin-top:60px; padding:22px 0 0 0; text-align:center;}
.discount-codes a.continueorder-button {display:block; width:238px; height:36px; background:url(images/button-continueorder.gif) no-repeat top left; margin:0 auto; text-indent:-9999px;}
.discount-codes a.continueorder-button:hover {display:block; width:238px; height:36px; background:url(images/button-continueorder.gif) no-repeat bottom left; text-indent:-9999px;}


/* Specific to example one */

#example-one .nav { overflow: hidden; margin:10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul {list-style:none;}
#example-one ul li a {background:#c7c7c7; border:1px solid #b7b7b7; display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current {background:#222b4c; border:1px solid #151c37; color:#fff;}
#example-one ul li.nav-two a.current {background:#222b4c; border:1px solid #151c37; color:#fff;}