/*
 Screen style    
 Site: Paper Chez
*/
body { font-size: 75%; padding: 0; background: url(../images/bg/body.gif); }

/* Auto-clearing floats */
#wrapper:after, #inner:after, #content:after, .samples:after, .gallery-nav:after, .product-details .nav:after, #tabs .tabs-nav:after, .product-tabs-nav:after, .product .pager:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* sIFR */
.sIFR-hasFlash h2.sifr { font-size: 19px; line-height: 22px; visibility: hidden; }
.sIFR-hasFlash body.enlarge .top h1 { font-size: 19px; line-height: 22px; visibility: hidden; }

/* Wrapper */
#wrapper { width: 860px; margin: 0 auto; background: #fff; padding: 0 20px 20px 20px; }

/* Header */
#header { height: 110px; position: relative; }
#header h1 { position: absolute; top: 41px; left: 75px; }
#header h1 img { display: block; }
#header ul { color: #80807F; font-size: 0.92em; position: absolute; bottom: 7px; right: 0; }
#header ul li { float: left; padding-left: 8px; margin-left: 5px; background: url(../images/bg/header-sep.gif) left center no-repeat; }
#header ul li.first { margin: 0; padding: 0; background: none; }
#header ul a { color: #80807F; }
#header ul a:hover { text-decoration: underline; }
#header ul .accessibility { display: none; }
#header .blog { font-size: 0.92em; position: absolute; top: 10px; right: 0; width: 512px; padding: 1px 15px 0 16px; margin: 0; background: url(../images/bg/blog.gif)  0 3px no-repeat; }
#header .blog strong { text-transform: uppercase; font-weight: bold; }
#header .blog a { color: #95c9e1; }

/* Inner */
#inner { background: #A4A4A3 url(../images/bg/inner.gif) repeat-y; color: #fff; padding: 47px 24px 40px 27px; }
#inner a { color: #C5E8FA; }

/* Navigation */
#nav { float: left; width: 119px; margin-top: 30px; }
#nav li { margin-bottom: 12px; }
#nav a { color: #C4E0F6; text-transform: uppercase; display: block; width: 119px; text-align: right; font-weight: bold; font-size: 0.83em; letter-spacing: 1px; }
#nav a:hover, #nav a.current { color: #fff; }

/* Content */
#content { float: right; width: 619px; }
#content h2.sifr { border-bottom: 1px solid #C5E8FA; margin: 0 -24px 22px 0; }

/* Home page */
.home #inner { padding: 0 0 0 27px; }
.home #content { width: 686px; height: 387px; }
.home #nav { margin-top: 79px; }

/* Home flash */
#home-flash img { display: block; }

/* Home intro */
#intro { background: #A4A4A3; color: #fff; border-top: 1px solid #fff; clear: both; padding: 18px 43px 20px 28px; }
#intro p { margin: -4px 0 0 0; }
.intro-title { width: 450px; height: 39px; }
.intro-title span { background-image: url(../images/text/intro-title.gif); }

/* Two columns layout */
.two-col #inner { padding: 0 24px 0 27px; }
.two-col #content { width: 662px; }
.two-col #nav { margin-top: 79px; }
.two-col #content .content-col { float: right; width: 342px; margin: 47px 29px 0 0; }
.two-col #content .decorative { float: left; }
.two-col #content .decorative img { display: block; }

/* Flexcroll scrollers */
.flexcroll-narrow { float: right; width: 340px; padding-right: 31px; margin-top: 47px; height: 385px; overflow: auto; position: relative; }
.flexcroll-wide { width: 582px; padding-right: 37px; height: 382px; overflow: auto; position: relative; }
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 11px; background: url(../images/bg/vscrollerbase.gif) repeat-y; }
.vscrollerbar { background: #C3E3F4 url(../images/bg/vscrollerbar.gif) no-repeat; width: 11px; height: 11px !important; }
.hscrollerbase { height: 11px; }
.hscrollerbar { height: 11px; background: #fff; }
.vscrollerbar, .hscrollerbar { padding: 5px 0; z-index: 2; }
.scrollerjogbox { width: 11px; height: 11px; top: auto; left: auto; bottom: 0; right: 0; background: #fff; }

/* Product */
.product #inner { padding: 52px 18px 18px 27px; }
.product #nav { margin-top: 27px; }
.product #content { width: 628px; }
.product #content h2.sifr { margin: -5px -18px 10px 0; }

/* Product details */
.product-details { float: right; width: 283px; font-size: 0.92em; line-height: 1.45; }
.product-details h3 { text-transform: uppercase; color: #C5E8FA; }
.product-details h3.ready { border-top: 1px solid #fff; padding-top: 15px; margin-bottom: 4px; text-transform: none; color: #fff; font-size: 1.18em; }
.product-details p { margin-bottom: 13px; }
.product-details .nav { margin: 18px 0 0 0; }
.product-details .nav li { float: left; margin-left: 25px; text-transform: uppercase; font-size: 0.92em; font-weight: bold;  }
.product-details .nav li.first { margin: 0; }

/* Product details: Pager */
.product .pager { margin: 90px 0 0 0; }
.product .pager li { float: right; margin-left: 25px; }
.product #inner .pager li a { color: #fff; text-transform: lowercase; }
.product .pager li a.next { padding-right: 13px; background: url(../images/bg/next.gif) 100% 55% no-repeat; }
.product .pager li a.back { padding-left: 13px; background: url(../images/bg/prev.gif) 0 55% no-repeat; }

/* Product details: Action */
.product-details .action { border-top: 1px solid #c5e7f9; padding-top: 9px; }
.product-details .action li { float: right; margin-left: 5px; }
.product-details .action li img { display: block; }

/* Product details: Tabs */
.product-tabs-nav li { float: left; }
.product-tabs-nav a { display: block; padding: 3px; border: 1px solid #c5e8fa; border-left: none; font-weight: bold; text-transform: uppercase; font-size: 0.92em; text-decoration: none; text-align: center; }
.product-tabs-nav li.details a { border-left: 1px solid #c5e8fa; width: 56px; }
.product-tabs-nav li.customization a { width: 98px; }
.product-tabs-nav li.how-to-order a { width: 105px; }
.product #tabs .product-tabs-nav a:hover, .product #tabs .product-tabs-nav .ui-tabs-selected a { background: #c5e8fa; color: #878686; }
.product #tabs .tab { padding: 11px 0; clear: both; min-height: 98px; }
.product #tabs .tab li { margin-bottom: 1px; }

/* Product photos */
.product-photos { float: left; width: 317px; }
.product-photos img { display: block; }
.product-photos .main { margin-bottom: 10px; position: relative; height: 318px; }
.product-photos .main img { border: 1px solid #fff; }
.product-photos .main .zoom { margin: 0; display: none; position: absolute; bottom: 1px; left: 1px; width: 315px; height: 21px; }
.product-photos .main .zoom img { border: 0; }

/* Product photos: Thumbs */
.product-photos .thumbs img { display: block; }
.product-photos .thumbs li { margin-left: 13px; width: 69px; height: 69px; float: left; }
.product-photos .thumbs li.first { margin-left: 0; }
.product-photos .thumbs li.second { margin-left: 14px; }
.product-photos .thumbs a { display: block; width: 100%; height: 100%; position: relative; }
.product-photos .thumbs span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; background: url(../images/bg/thumb2.gif); }
.product-photos .thumbs a:hover { background: #a4a4a3; }
.product-photos .thumbs a:hover span, .product-photos .thumbs a.current span { background: url(../images/bg/thumb2-current.gif); }

/* Enlarge */
body.enlarge { background: #fff; }
body.enlarge img { display: block; }
body.enlarge .main { float: left; width: 598px; }
body.enlarge .top { background: #666; padding: 18px 15px 7px 15px; color: #C5E8FA; position: relative; }
body.enlarge .top a { color: #C5E8FA; }
body.enlarge .hr { height: 1px; background: #C5E8FA; margin: 0; }
body.enlarge .close { position: absolute; right: 15px; top: 25px; font-size: 0.92em; }
body.enlarge .close a { padding-right: 11px; background: url(../images/bg/arrow.gif) 100% 55% no-repeat; text-decoration: none; }
body.enlarge .wrapper { padding: 13px 15px 18px 15px; width: 700px; }
body.enlarge .thumbs { float: right; width: 92px; }
body.enlarge .thumbs li { margin-top: 9px; height: 93px; float: left; }
body.enlarge .thumbs li.first { margin-top: 0; }
body.enlarge .thumbs a { display: block; width: 100%; height: 100%; position: relative; }
body.enlarge .thumbs span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }
body.enlarge .thumbs a:hover span, body.enlarge .thumbs a.current span { background: url(../images/bg/product-thumb-current.gif); }

/* Product popup */
.product-popup { background: #666; color: #fff; }
.product-popup a { color: #fff; }
#tabs .tabs-nav { background: #C5E8FA; color: #666; border-bottom: 1px solid #fff; text-align: center; padding: 10px 0; margin-bottom: 22px; }
#tabs .tabs-nav li { display: inline; padding-left: 15px; margin-left: 10px; background: url(../images/bg/tabs-sep.gif) left center no-repeat; }
#tabs .tabs-nav li.first { background: none; margin: 0; padding: 0; }
#tabs .tabs-nav a { color: #666; font-weight: bold; text-transform: uppercase; font-size: 0.83em; text-decoration: none; }
#tabs .tabs-nav a:hover, #tabs .tabs-nav .ui-tabs-selected a { text-decoration: underline; }
#tabs .tab { padding: 0 30px 30px 30px; }
.ui-tabs .ui-tabs-hide { display: none; }

/* Popup content */
.product-popup .hr { height: 1px; background: #C5E8FA; margin: 8px 0 16px 0; }
.product-popup h2 { width: 256px; height: 12px; }
.product-popup h2.color-options span { background-image: url(../images/text/color-options.gif); }
.product-popup h2.envelopes span { background-image: url(../images/text/envelopes.gif); }
.product-popup h2.belly-band span { background-image: url(../images/text/belly-band.gif); }
.product-popup h2.fonts span { background-image: url(../images/text/fonts.gif); }
.product-popup h3 { text-transform: uppercase; font-size: 1.67em; font-weight: normal; margin: 1em 0; clear: both; }
.product-popup p { font-size: 0.92em; }
.product-popup .close { position: absolute; right: 30px; top: 59px; }
.product-popup .close a { padding-right: 11px; background: url(../images/bg/arrow.gif) 100% 55% no-repeat; text-decoration: none; }

.colors-list { clear: both; margin: 0 -10px; }
.colors-list li { float: left; margin: 0 0 20px 20px; text-align: center; }
.colors-list p { margin: 0; }
.envelopes-list li { float: left; margin: 0 0 30px 35px; text-align: center; }
.envelopes-list li.first { margin-left: 0; }
.envelopes-list p { margin: 0; }
.fonts-list th, .fonts-list td { vertical-align: top; padding-bottom: 15px; }

/* Collection */
.collection li { float: left; margin: 29px 0 0 29px; }
.collection li.first { clear: both; margin-left: 0; }
.collection li.top { margin-top: 5px; }
.collection img { display: block; margin-bottom: 8px; border: 1px solid #fff; }
.collection p { text-transform: uppercase; font-weight: bold; font-size: 0.83em; margin: 0; text-align: center; }

/* Samples */
.samples { margin: 15px 0 0px -2px; }
.samples li { float: left; margin-left: 30px; }
.samples li.first { clear: both; margin-left: 0; }
.samples h3 { text-transform: uppercase; font-weight: bold; font-size: 0.83em; margin-bottom: 7px; line-height: 1.2; color: #C5E8FA;}
.samples img { display: block; margin-bottom: 7px; border: 1px solid #fff; }
.order { margin-top: -12px; }
.order p { margin: 0; }
.order input { vertical-align: middle; }
.order .submit { letter-spacing: 1px; text-align: right; margin: 0 8px 6px 0; }
.order .submit input { margin-left: 20px; }

/* Gallery */
.gallery #inner { padding: 37px 20px 10px 27px; }
.gallery #nav { margin-top: 42px; }
.gallery #content { width: 647px; }

/* Gallery large image */
.gallery-large { float: left; width: 534px; margin-top: 25px; }
.gallery-large img { display: block; }

/* Gallery thumbnails column  */
.gallery .thumbs { float: right; width: 113px; }

/* Gallery navigation */
#inner .gallery-nav { margin-bottom: 8px; text-align: right; width: 103px; }
#inner .gallery-nav a { color: #fff; text-transform: lowercase; display: block; position: relative; }
#inner .gallery-nav .next { background: url(../images/bg/next.gif) 100% 55% no-repeat; padding-right: 11px; float: right; }
#inner .gallery-nav .prev { background: url(../images/bg/prev.gif) 0 55% no-repeat; padding-left: 11px; float: left; }

/**
 * Gallery carousel
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#gallery-carousel { width: 113px; }
#gallery-carousel li { padding-left: 10px; }
#gallery-carousel div { margin: 0 0 10px 0; width: 103px; height: 70px; }
#gallery-carousel div.smaller { margin-bottom: 9px; }
#gallery-carousel div a { display: block; width: 100%; height: 100%; position: relative; }
#gallery-carousel div span { display: block; width: 100%; height: 100%; background: url(../images/bg/thumb.gif); position: absolute; top: 0; left: 0; cursor: pointer; }
#gallery-carousel img { display: block; }
#gallery-carousel div a:hover { background-color: #fff; }
#gallery-carousel div a:hover span, #gallery-carousel div a.current span { background: url(../images/bg/thumb-current.gif); }
 
 /* Generic carousel styles */
.jcarousel-container { position: relative; }
.jcarousel-clip { margin: 0; overflow: hidden; padding: 0; position: relative; z-index: 2; }
.jcarousel-list { left: 0; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; z-index: 1; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 113px; }
.jcarousel-next { display: none; z-index: 3; }
.jcarousel-prev { display: none; z-index: 3; }
.jcarousel-container-horizontal { width: 113px; }
.jcarousel-clip-horizontal { width: 113px; }

/* Contact page */
.contact { margin-top: 20px; }
.contact h3 { font-weight: normal; font-style: italic; margin-bottom: 16px; }
.contact p { margin-bottom: 14px; font-size: 0.92em; }
.contact label { float: left; display: block; width: 70px; margin-right: 7px; text-align: right; }
.contact input, .contact select { border: 1px solid #fff; background: #90908F; width: 205px; color: #fff; padding: 2px 0; }
.contact select { width: 208px; }
.contact textarea { border: 1px solid #fff; background: #90908F; width: 255px; height: 62px; color: #fff; }
.contact .submit { text-align: right; margin: -10px 2px 0 0; }
.contact .submit input { border: none; width: auto; padding: 0; }

/* Footer */
#footer { clear: both; font-size: 0.92em; padding: 8px 2px 20px 8px; width: 890px; margin: 0 auto; }
#footer p { float: left; }
#footer a:hover { text-decoration: underline; }
#footer .sep { margin: 0 2px; }
#footer ul { float: right; text-transform: lowercase; }
#footer li { float: left; margin-left: 12px; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important;	margin: 0; }
.sIFR-replaced {	visibility: visible !important; }
span.sIFR-alternate {	position: absolute;	left: 0;	top: 0;	width: 0;	height: 0;	display: block;	overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }