/*--------------------------------------------------
	Name: Telegraph White Label Stylesheet
	Company: Historic Newspapers (Signature Gifts)
	Author: Phil Morrow
	Created: 16th January 2009
--------------------------------------------------*/

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

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

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

body { background: #f7f7f7 url(../images/back.gif) repeat-y top center;	font-family: Arial, Helvetica, sans-serif; }
h3 { color: #234b7b; font-weight: bold; font-size: 20px; padding-bottom: 5px; }
h4 { color: #989690; font-size: 18px; padding-bottom: 14px; }
h5 { color: #234b7b; font-weight: bold; font-size: 13px; padding-bottom: 5px; }
p { font-size: 12px; color: #404040; padding-bottom: 8px; }
a { color: #0066cc; }

/*********** Error Message ***********/

.ON-Prod-error { border: 1px dashed #990000; padding: 10px; display: block; text-align: center; font-size: 12px; color: #990000; margin-bottom: 15px; }
.ON-Prod-error ul li { list-style: none; }

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

.container { width: 920px; margin: 0 auto; padding: 10px 20px 20px 20px; }
.header { float: left; width: 920px; background: url(../images/historic-newspapers.gif) no-repeat top right; position: relative; margin-bottom: 8px; }
.content { width: 640px; float: left; }
.sidebar { width: 260px; float: right; }
.footer { float: left; width: 920px; }
.cleaner { clear: both; height:1px; overflow: hidden; width: 100%; font-size: 1px; }
	
/*********** Header ***********/

.logo { display: block; width: 281px; height: 54px; background: url(../images/logo-telegraph.gif) no-repeat top left; text-indent: -9999px; }
.header p { position: absolute; bottom: 0; right: 0; padding: 3px 8px 4px 0; font-size: 13px; color: #9eb4d1; }

.main-nav { float: left; list-style:none; font-size: 16px; width: 920px; background-color: #234b7b; margin-top: 10px; }
.main-nav li { float:left; }
.main-nav li a { font-weight:bold; padding:3px 12px; display:block; color: #fff; text-decoration: none; }
.main-nav li a:hover { background-color: #122842; }

.breadcrumbs { clear: left; width: 920px; border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA; margin: 0 0 8px 0; }
.breadcrumbs p { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #999999; padding: 0; }
.breadcrumbs p a { font-size: 10px; color: #999999; padding: 0; text-decoration: none; }
.path-separator { padding: 0 8px 0 6px; }

/*********** Sidebar ***********/

.side-message { width: 230px; height: 138px; background-color: #f7f7f7; border: 1px solid #dddddd; padding: 14px; margin-bottom: 20px; }
.side-message h1, .order-progress h1, .help-desk-menu h1 { color: #315683; font-weight: bold; font-size: 16px; padding-bottom: 8px; }
.side-message p { line-height: 150%; color: #4c4c4c; }
.order-progress { width: 230px; background-color: #f7f7f7; border: 1px solid #dddddd; padding: 14px; margin-bottom: 20px; }
.order-progress p { display: block; border:1px solid #AAB7C4; padding: 4px 5px 4px 30px; margin: 8px 5px; color: #999999; }
.order-progress p.active { font-weight: bold; color: #cdd8e2; background: #587b9d url(../images/progress-current.gif) no-repeat top left; border-color: #1b2c41; }
.order-progress p.complete { background: #dce7f2 url(../images/progress-complete.gif) no-repeat top left; border-color: #8ca7c3; }

.side-main { background: url(../images/side-shadow.jpg) no-repeat top left; padding: 0 0 5px 18px; }
.orderline { display: block; text-indent: -9999px; width: 234px; height: 39px; background: url(../images/orderline.gif) no-repeat top left; margin-bottom: 16px; }
.side-main div { padding: 0 0 24px 80px; }
.side-main p { line-height: 170%; }
.side-main div p { padding-bottom: 5px; line-height: 150%; }
.side-main div a { font-size: 12px; }
.side-main div a:hover { text-decoration: none; }

.side-delivery { background: url(../images/icon-delivery.jpg) no-repeat top left; }
.side-guarantee { background: url(../images/icon-money.jpg) no-repeat top left; }
.side-secure { background: url(../images/icon-lock.jpg) no-repeat top left; }
.side-customer { background: url(../images/icon-phone.jpg) no-repeat top left; }

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

.footer ul { float: left; list-style: none; font-size: 12px; width: 872px; background-color: #dddddd; padding-left: 48px; }
.footer li { float:left; padding: 5px 0; }
.footer li a { padding: 0 8px; display:block; color: #676767; text-decoration: none; border-left: 1px dotted #919191; }
.footer li.first a { border: 0; }
.footer li.last { float: right; color: #676767; padding-right: 8px; }
.footer li.last a { display: inline; border: 0; padding: 0; }
.footer li a:hover { color: #393939; }

.sub-footer { clear: left; width: 864px; padding: 7px 8px 0 48px; font-size: 12px; background:#777777 url(../images/ftLogoSS.gif) no-repeat left center; color: #fff; }
.sub-footer p { color: #fff; }
.sub-footer .copyright { float:right; text-align:right; }
.sub-footer .links { float:left; }
.sub-footer a { color: #fff; text-decoration: none; }
.sub-footer .links p a { margin:0 8px; }

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

.main-banner { text-indent: -9999px; display: block; width: 644px; height: 188px; background: url(../images/main-banner.jpg) no-repeat top left; margin-bottom: 2px; }
.select-date { width: 274px; height: 173px; float: left; background: #dfe5eb url(../images/select-date-back.gif) no-repeat top left; margin-bottom: 20px; padding: 16px 16px 16px 20px; }
.select-date select { float: left; margin: 5px; font-size: 14px; padding: 2px; }
.select-date a { clear: left; display: block; width: 235px; height: 34px; background: url(../images/a-available-newspapers.jpg) no-repeat top left; text-indent: -9999px; margin: 0 auto; }
.select-date a:hover { background-position: bottom left; }
#date-selection-fields { float: left; padding: 9px 0 19px 11px; }
.day-field { width: 50px; }
.month-field { width: 105px; }
.year-field { width: 65px; }
.rotating-headlines { width: 310px; height: 205px; float: right; background-color: #CCCCCC; margin-bottom: 20px; overflow: hidden; }
.rotating-headlines ul { list-style: none; }
.find-out-more { clear: both; border-top: 2px dotted #dddddd; margin-bottom: 20px; padding-top: 14px; }
.find-out-more h3 { padding-bottom: 14px; }

.home-more-info { background: url(../images/back-home-trio.gif) repeat-y top left; }
.home-left { float: left; width: 186px; padding-right: 20px; margin-right: 21px; background: url(../images/largest-archive.jpg) no-repeat top left; padding-top: 135px; }
.home-center { float: left; width: 186px; padding-right: 20px; margin-right: 21px; background: url(../images/gift-packs.jpg) no-repeat top left; padding-top: 135px; }
.home-right { float: left; width: 186px; background: url(../images/certificate.jpg) no-repeat top left; padding-top: 135px; }
.home-more-info p strong { color:#122842; }
.home-left, .home-center, .home-right { line-height: 130%; }
.home-more-info p { line-height: 140%; color: #4F4F4F; padding-bottom: 4px; }
.home-more-info a { font-size:12px; }
.home-more-info a:hover { text-decoration: none; }

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

.paper-intro { background: #19395f url(../images/header-back.jpg) no-repeat top left; padding: 14px; }
.paper-intro p { line-height:150%; color: #d3d8df; }
.paper-intro p strong { color: #e7ebef; }
.paper-intro p.larger { font-size: 15px; }
.paper-intro h3 { color: #fff; }
.paper-intro a { color: #fff; }
.paper-intro-wrap { padding-bottom: 4px; border: 1px solid #DDDDDD; padding: 3px; margin-bottom: 20px; }

ul.paper-buttons { list-style: none; float: left; width: 640px; padding-bottom: 20px; }
ul.paper-buttons li { display: block; }
ul.paper-buttons li a { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; display: block; }
ul.paper-buttons li a:hover { background-color: #122842 !important; }
ul.paper-buttons li a.left { padding-left: 25px; background: #234B7B url(../images/button-arrow-l.gif) no-repeat top left; }
ul.paper-buttons li a.right { padding-right: 25px; background: #234B7B url(../images/button-arrow-r.gif) no-repeat top right; }

.back-button { float: left; }
.next-button { float: right; }

#national-titles { float: left; width: 310px; margin-bottom: 12px; }
#discounted-titles { float: right; width: 310px; margin-bottom: 12px; }
#national-titles h3, #discounted-titles h3 { color:#666767; font-size:14px; text-align: center; } 
#national-titles h3 strong, #discounted-titles h3 strong { color: #231E1F; }
.small-price { font-size:14px; text-align: center; }
.small-price span { color: #234B7B; font-weight: bold; }

.select-paper-title { background-color:#F7F7F7; border:1px solid #AAB7C4; padding: 10px; margin-bottom: 6px; }
.select-paper-title img { border:1px solid #666666; float:left; margin:2px 8px 0 0; width:50px; }
.select-paper-title h4 { color: #234B7B; font-size:13px; padding-bottom:8px; font-weight: bold; }
.select-paper-title a { clear: both; font-size: 12px; color: #989690; cursor: pointer; text-decoration: underline; }
.paper-details { float: left; }
.radio-selection { display:block; float:right; font-size:11px; line-height:160%; padding:5px 5px 0; text-align:right; }

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

.presentation-options { float: left; }
.presentation-options .odd, .presentation-options .even { background-color:#F7F7F7; border:1px solid #AAB7C4; margin-bottom: 10px; padding: 15px; }
.presentation-options h2 { font-weight: bold; color: #333333; font-size: 16px; padding-bottom: 10px; }
.presentation-options p { line-height: 190%; }

.odd img, .even img { float:left; margin:0 15px 0 0; width:200px; padding: 5px; border: 1px dotted #8FA5BF; background-color: #FFFFFF; }
.odd img:hover, .even img:hover { border: 1px solid #8FA5BF; }
.presentation-content { float:left; width:380px; }
.select-presentation { float: right; color: #fff; text-decoration: none; font-size: 12px; padding: 5px 25px 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background: #234B7B url(../images/button-arrow-r.gif) no-repeat top right; border: 1px solid #122842; bottom: 10px; right: 10px; } 
.select-presentation:hover { background-color: #122842; }

.price { font-weight: bold; font-size: 14px; }
.radio-presentation { background-color:#F0F0F0; border:1px dashed #999999; color:#000000; line-height:160%; margin:5px 15px 8px; padding:5px 8px; }
.radio-presentation li { display:block; float:left; width:150px; }
.radio-presentation li label { padding:0 5px; font-size: 12px; }

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

#certificate-form, #certificate-form-3 { float:left; margin-bottom:20px; width:314px;  padding: 15px; background-color:#F7F7F7; border:1px solid #DDDDDD; }
#certificate-preview { background:transparent none repeat scroll 0 0; float:right; height:392px; width:266px; }

.paper-intro p.thumb img { float:left; margin:10px 15px 10px 40px; }
.paper-intro p.thumb strong { display:block; float:left; line-height:160%; margin:15px 0 10px; }
.paper-intro p.larger strong span { font-weight:bold; }
.preview-button { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; cursor: pointer; float: right; }
.preview-button:hover { background-color: #122842; }

#certificate-form label, #certificate-form p, #certificate-form-3 label, #certificate-form-3 p { display:block; padding-top:10px; font-size: 14px; }
#occasionReqVal, #presentedReqVal { display: none; }
#certificate-form .field, #certificate-form-3 .field { display:inline; font-size:14px; line-height:140%; margin: 3px 0; padding:4px; width:300px; }
#certificate-form p.small-print { font-size: 11px; }

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

.basket-button { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; cursor: pointer; display: block; float: right; }
.basket-button:hover { background-color: #122842; }

#certificate-preview-2-cont { display:inline; float:left; width:270px; padding: 20px; }
#certificate-preview-2-cont p { text-align: center; color: #9F9F9F; }
#certificate-preview-2-cont a { font-size: 12px; }
#order-summary { float:left; margin:22px 0 30px; width:290px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding:15px; }
#order-summary p { line-height: 150%; }
#order-summary div { margin-left: 10px; }
#order-summary h3 { padding-bottom: 12px; }

.paper-type, .paper-date, .paper-presentation { margin:10px 0 15px; }
.paper-type img, .paper-date img, .paper-presentation img { margin-right:15px; float:left; }
.final-price { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 10px; }

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

.basket h1 { border-bottom:1px dotted #CCCCCC; color:#404040; font-size:28px; margin-bottom:14px; }
.basket input.button { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; display: block; cursor: pointer; float: right; margin: 20px 0 20px 20px; }
.basket input.button:hover { background-color: #122842; }
.basket input.button-continue { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; display: block; cursor: pointer; float: left; margin: 20px 0; }
.basket input.button-continue:hover { background-color: #122842; }
.basket td a { cursor: pointer; text-decoration: underline; font-weight: normal; }

.content table, .content th, .content td { text-align:left; font:12px Arial, Helvetica, sans-serif; color:#333; }
#tblSummary, #tblPricingSummary { width:640px; }
#tblPricingSummary { margin:20px 0 0 0;}
#tblPricingSummary td.first {text-align:right; font-weight:bold; width:255px;}
#tblPricingSummary th.last {width:50px;}
#tblOrderSummary, #tblPricingDetails { width:920px; margin:20px 0 0 0; }
#tblPricingDetails td.first { text-align:right; font-weight:bold; }
#tblPricingDetails th.last { width:95px; }
table span { color:#333333; }
.content thead { height:37px; background:#d7d7d7; }
.content td { border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:0 none; border-left:0 none; vertical-align:top; padding:10px; }
.content thead th { height:37px; font-weight:bold;  padding:0 10px; border-right:1px solid #b8b8b8; font-size: 11px; line-height: 100%; }
table.small th.last { width:95px; }
tbody.first td { border-bottom:0 none; border-top:0 none; }
thead th.last { border:0 none; }
tbody td.first { border-left:0 none; }
tbody td.last { border-right:0 none; }
#creditcard { width:361px; height:300px; border:1px solid #d7d7d7; background:transparent url(../images/creditcard.jpg) no-repeat 50% 50%; position: absolute; top: 0; left: 400px; }
.aDelete { width:25px; height:25px; display:block; margin:0 auto; background:#d6d6d6 url(../images/a2-delete.gif) no-repeat 0 0; text-indent:-9999px; }
.aDelete:hover { background-color:#be0016; background-position:0 -25px; }

.order-summary table, .order-summary th, .order-summary td { text-align:left; font:12px Arial, Helvetica, sans-serif; color:#333; }
.order-summary thead { height:37px; background:#d7d7d7; }
.order-summary td { border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:0 none; border-left:0 none; vertical-align:top; padding:10px; }
.order-summary thead th { height:37px; font-weight:bold;  padding:0 10px; border-right:1px solid #b8b8b8; font-size: 11px; line-height: 100%; }

/*********** Checkout - Customer Details ***********/

.cust-details h1 { border-bottom:1px dotted #CCCCCC; color:#404040; font-size:28px; margin-bottom:14px; }
.cust-details label { float: left; width: 180px; }
.cust-details input, .cust-details select, .cust-details textarea { border:1px solid #CCCCCC; padding: 3px; font-size: 13px; }
.cust-details p.row input  { width:200px; padding: 3px; font-size:13px; border: 1px solid #ccc; }
.column-l { float:left; width:436px; }
.column-r { float:right; width:409px; }
.container-l { float:left; width:450px; margin-top: 20px; }
.container-r { float:right; width:450px; margin-top: 20px; }
.cust-details fieldset { border: 1px solid #ccc; padding: 20px; }
.cust-details legend { color:#234B7B; font-size:20px; font-weight:bold; padding: 0 5px; }
.mandatory { text-align: right; padding: 0; font-style: italic; color: #666; }
#fsProcess { border: 0; padding: 20px 0; }
#fsProcess legend { display: none; }

#fsProcess .btnPrevious, #fsProcess .btnNext { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; display: block; cursor: pointer; }
#fsProcess .btnPrevious:hover, #fsProcess .btnNext:hover { background-color: #122842; }
#fsProcess .btnPrevious { float: left; padding-left: 25px; background: #234B7B url(../images/button-arrow-l.gif) no-repeat top left; }
#fsProcess .btnNext { float: right; padding-right: 25px; background: #234B7B url(../images/button-arrow-r.gif) no-repeat top right; }

/*********** Checkout - Delivery Details ***********/

.deliv-details h1 { border-bottom:1px dotted #CCCCCC; color:#404040; font-size:28px; margin-bottom:14px; }
.deliv-details fieldset { border: 1px solid #ccc; padding: 20px; }
.deliv-details legend { color:#234B7B; font-size:20px; font-weight:bold; padding: 0 5px; }
.deliv-details .hr { background:transparent url(../images/bg-hr.gif) repeat-x scroll 0 0; float:left; height:20px; margin:5px 0 0; width:100%; }

#fsGeneralInformation p { padding-bottom: 0; margin-top: 5px; clear:both; float:left; width:878px; }
#fsGeneralInformation label { float:left; }
#fsGeneralInformation input, #fsGeneralInformation select { float:right; }
#fsGeneralInformation textarea { width: 876px; border:1px solid #CCCCCC; float:left; }

.row-del { float:left; padding:15px 15px 10px; width:800px; }
.row-del li { float:left; padding:0 3px 9px; list-style: none; }
.row-del input { clear:left; float: left; display:block; margin:5px; }
.row-del label { display:block; float:left; width:650px; font-size: 12px; padding: 4px; }

/*********** Checkout - Order Summary ***********/

.order-summary h1 { border-bottom:1px dotted #CCCCCC; color:#404040; font-size:28px; margin-bottom:14px; }
.order-summary fieldset { border: 1px solid #ccc; padding: 20px; }
.order-summary legend { color:#234B7B; font-size:20px; font-weight:bold; padding: 0 5px; }
.order-summary ul li { list-style: none; font-size: 13px; }

#baList, #daList, #cdList { clear:both; float:left; margin:0; padding:5px 0 0; }
#baList li, #daList li, #cdList li { float:left; padding:5px 0; }
#baList strong, #daList strong, #cdList strong { float:left; width:130px; color: #666666; }
#baList span, #daList span, #cdList span { float:left; width:260px; }

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

.payment-page h1 { border-bottom:1px dotted #CCCCCC; color:#404040; font-size:28px; margin-bottom:14px; }
.payment-security-info { border-left:1px dotted #999999; float:left; margin:0 5px 5px 0; padding:15px 20px 10px 33px; width:300px; line-height: 150%; }
.payment-page fieldset { border: 1px solid #ccc; padding: 20px; }
.payment-page legend { color:#234B7B; font-size:20px; font-weight:bold; padding: 0 5px; }

.payment-page input, .payment-page select, .payment-page textarea { border:1px solid #CCCCCC; padding: 3px; font-size: 13px; }
#fsPaymentDetails p.row { margin:15px 0 0; width:450px; float:left; padding: 0; }
#fsPaymentDetails label { width:190px; float:left; padding:7px 0 0; }
#fsPaymentDetails select.large { margin:0 5px 0 0; width:231px; float:left; }
#fsPaymentDetails select.small { margin:0 5px 0 0; float:left; }
#fsPaymentDetails input.small { width:53px; float:left; }
.payment-page .row input { display:inline; margin:0; float:left; }
#fsPaymentDetails input { margin:0; width:223px; float:left; }

.basket-question { background:transparent url(../images/a-question.gif) no-repeat scroll 0 0; display:block; float:left; height:23px; margin:0 0 0 5px; text-indent:-9999px; width:23px; }
.basket-question:hover { background-position:0 -23px; }

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

.help-desk-menu { width: 230px; background-color: #f7f7f7; border: 1px solid #dddddd; padding: 14px; margin-bottom: 20px; }
.help-desk-menu ul { list-style: none; }
.help-desk-menu ul li { display: block;  padding: 3px 15px; }
.help-desk-menu ul li a { font-size: 13px; }

.help-desk-content { margin-bottom: 10px; }
.help-desk-content h2 { color:#404040; font-size:28px; border-bottom: 1px dotted #CCCCCC; margin-bottom:14px; }
.help-desk-content h3 { padding-top: 5px; }
.help-desk-content h4 { padding-top: 8px; }
.help-desk-content p { line-height: 150%; text-align: justify; font-size: 11px; color: #666666; }
.help-desk-content p.larger { line-height: 180%; font-size: 12px; padding-top: 5px; }
.help-desk-content ol, .help-desk-content dl, .help-desk-content ul { margin-left: 40px; font-size: 11px; color: #666666; padding: 8px 0; }
.help-desk-content ul li { padding-bottom: 5px; }
.help-desk-content dl dt { font-weight: bold; }
.help-desk-content dl dd { display: block; padding: 3px 0 8px 10px; }
.help-desk-content ol li { padding-bottom: 8px; }
.help-desk-content img { padding: 10px 0 10px 20px; }
.help-desk-content address { line-height: 150%; font-size: 11px; color: #666666; margin-left: 40px; padding-bottom: 10px; }
.help-desk-content table { padding: 10px 10px 20px 10px; }
.help-desk-content table tr td { color: #666666; font-size: 11px; border-left: 0; border-right: 0; }
.help-desk-content table tr th { background-color: #999; color: #fff; padding: 5px; font-size: 11px; }
.help-desk-content table tr th strong { font-size: 14px; }
.help-desk-content table tr.embossing td { color: #234B7B; }

.help-contact-form { padding: 20px 0 30px 40px;	}
.help-contact-form label { float: left;	display: block;	width: 150px; font-size: 12px; color: #666666; }
.contact-form { width: 280px; margin-bottom: 8px; border: 1px solid #cccccc; background-color: #f7f7f7; padding: 5px; }
.contact-form:focus { border: 1px solid #234B7B; }
.help-contact-form label span { color: #990000;	}
textarea.contact-form {	height: 120px; }
.contact-form-button { color: #fff; text-decoration: none; font-size: 12px; padding: 5px 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; background-color: #234B7B; border: 1px solid #122842; display: block; cursor: pointer; float: left; margin-left: 150px; }
.contact-form-button:hover { background-color: #122842 !important; }

/*********** jQuery FaceBox ***********/

#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 .fb-footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .fb-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'); }