/* Page Sales */

/* start: new styles needed from common.css */
#wrapper{min-height:auto !important;}
.pagesales, .pagesales table, .pagesales th, .pagesales td{color: #333333; font: 0.7em Arial,Helvetica,sans-serif;}
div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label, table, caption, tbody, tfoot, tr, th, td, form {border: medium none; font-size: 100%; margin: 0; outline: medium none;
padding: 0; vertical-align: top;}
.pagesales ul, .pagesales li {list-style: none outside none;}
.pagesales a, .pagesales a:visited {color: #333333; outline: medium none; text-decoration: none;}
.pagesales a:hover{color:#C00;}
.pagesales h2{color: #000000; font-size: 165%; line-height: normal; margin: 0 0 3px; padding: 0; font-weight:bold;}
.pagesales table th, .pagesales table td{font-size: 135%;}
/* end: new styles needed from common.css */

#page-sales { width:940px; height:auto !important; height:376px; min-height:376px; margin:0px 0px 0px 10px; float:left; display:inline; }
#page-sales-pri-nav-left { width:5px; height:37px; background:url(/images/v3/shop/page-sales/nav_left_curve.png) no-repeat left top; position:absolute; top:10px; left:10px; }
#page-sales-pri-nav-right { width:5px; height:37px; background:url(/images/v3/shop/page-sales/nav_right_curve.png) no-repeat left top; position:absolute; top:10px; right:10px; }
#page-sales-img { position:absolute; left:0px; top:0px; }

#page-sales .wedding-annivarsary { background:url(/images/v3/shop/page-sales/anniversary_bg.jpg) no-repeat left top; }
#page-sales .company-foundations { background:url(/images/v3/shop/page-sales/company_fountations_bg.jpg) no-repeat left top; }
#page-sales .birthdays { background:url(/images/v3/shop/page-sales/birthday_bg.jpg) no-repeat left top; }
#page-sales .retirements { background:url(/images/v3/shop/page-sales/retirements_bg.jpg) no-repeat left top; }
#page-sales .christenings { background:url(/images/v3/shop/page-sales/christening_bg.jpg) no-repeat left top; }
#page-sales .historic-pages { background:url(/images/v3/shop/page-sales/historic_bg.jpg) no-repeat left top; }

#page-sales .tab-shown { width:940px; height:auto !important; height:356px; min-height:356px; padding:10px 0px; float:left; position:relative; }
#page-sales .tab-hidden { display:none; }

#page-sales-pri-nav { width:910px; height:auto !important; height:37px; min-height:37px; margin:0px auto 10px auto; position:relative; overflow:hidden; background:#000000; }
#page-sales-pri-nav .navicontainer { float:left; left:50%; position:relative; text-align:center; }
#page-sales-pri-nav ul { float:left; position:relative; left:-50%; }
#page-sales-pri-nav ul li { float:left; border-right:1px solid #4D4D4D; cursor:pointer; }
#page-sales-pri-nav ul li.nav-on { background:url(/images/v3/shop/page-sales/nav_grad.gif) repeat-x left top #4D4D4D; }
#page-sales-pri-nav ul li.first { border-left:1px solid #4D4D4D; }
#page-sales-pri-nav a { padding:10px 16px 10px 15px; float:left; line-height:17px; color:#FFFFFF; font-size:105%; cursor:pointer; }

#page-sales-sec-nav { width:940px; margin:18px 0px 0px 10px; float:left; display:inline; }
#page-sales-sec-nav ul { float:right; }
#page-sales-sec-nav ul li { padding:0px 11px 0px 10px; float:left; background:url(/images/generic/01homepage_r18_c20.gif) no-repeat right center; }
#page-sales-sec-nav ul li.last { padding-right:5px; background:none; }

#page-sales .order-now { width:250px; padding:50px 0 0; margin:0 10px 0 0; float:right; display:inline; font-size:105%; color:#FFFFFF; position:relative; }
#page-sales .order-now form { text-align:center; }
#page-sales .order-now input { width:64px; margin:0px 8px 13px 0px; float:left; font-size:95%; display:inline; border:1px solid; }

#page-sales .order-now input#page_number{ width:46px; }
#page-sales .order-now input.submit { width:auto; float:none; text-align:center; margin:-10px auto 13px auto; border:none;}
#page-sales .order-now label { width:96px; padding-top:3px; float:left; clear:left; text-align:left; font-weight:bold; }
#page-sales .order-now span { width:100%; padding-top:3px; padding-bottom:5px; float:left; text-align:left; font-weight:bold; }
#page-sales .order-now span.price { padding-top:0px; padding-bottom:15px; font-weight:bold; font-size:110%; }
#page-sales .order-now span.optional { width:auto; padding-bottom:0px; }
#page-sales .order-now h1 { padding-top:10px; padding-bottom:0px; margin-bottom:0px; color:#FFFFFF; font-size:200%; clear:both; font-weight:bold; }
#page-sales .order-now br { clear:both; }
#page-sales .order-now .divider { width:100%; height:1px; margin-bottom:16px; line-height:1px; font-size:0px; background:#6A6A6A; clear:both; }


#page-sales .prices-sizes { width:930px; height:auto !important; height:346px; min-height:346px; padding:10px 0px 20px 10px; background:url(/images/v3/shop/page-sales/prices_sizes_bg.jpg) no-repeat left top; }
.prices-sizes table { width:625px; margin-top:130px; float:left; }
.prices-sizes table td { width:360px; padding-bottom:20px; }
.prices-sizes table td.left { width:135px; text-align:right; }
.prices-sizes table td.right { width:130px; text-align:left; }
.prices-sizes table span.red { padding-bottom:7px; display:block; font-size:110%; font-weight:bold; }
.prices-sizes table h2 { font-size:170%; }
.prices-sizes .illustration { position:absolute; left:10px; bottom:7px; color:#666666; font-size:90%; }

#page-sales .prices-sizes .order-now { padding-top:60px; }
* html #page-sales .prices-sizes .order-now { padding-top:76px; } /* for IE 6 */ 
* + html #page-sales .prices-sizes .order-now { padding-top:76px; } /* for IE 7 */

#page-sales .enlarge { width:632px; float:left; border:1px solid #CDCDCD; }
#page-sales .title { width:612px; height:auto !important; height:29px; min-height:29px; padding:10px 10px 0px 10px; float:left; border-bottom:1px solid #CDCDCD; }
#page-sales .title h1 { width:445px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }
#page-sales .title .number { width:160px; margin-top:9px; float:right; text-align:right; }
#page-sales .frame { width:100%; height:auto !important; height:0px; min-height:0px; padding:20px 0px; float:left; text-align:center; font-size:0px; line-height:0px; }
#page-sales .frame .content { float:left; left:50%; position:relative; text-align:center; }
#page-sales .frame .images-holder { float:left; position:relative; left:-50%; display:inline; }
* html #page-sales .frame .images-holder { margin-left:-30px; }
#page-sales .frame .images-holder img { border:20px solid #000; }

#page-sales .frame .images-holder .top { float:left; background:url(/images/v3/shop/page-sales/frame/Page_1_r1_c2.gif) no-repeat center top; }
#page-sales .frame .images-holder .right { float:left; background:url(/images/v3/shop/page-sales/frame/Page_1_r2_c3.gif) no-repeat right center; }
#page-sales .frame .images-holder .base { float:left; background:url(/images/v3/shop/page-sales/frame/Page_1_r3_c2.gif) no-repeat center bottom; }
#page-sales .frame .images-holder .left { float:left; padding:16px; background:url(/images/v3/shop/page-sales/frame/Page_1_r2_c1.gif) no-repeat left center; }
#page-sales .frame .images-holder .top-left { width:16px; height:16px; position:absolute; top:0px; left:0px; background:url(/images/v3/shop/page-sales/frame/Page_1_r1_c1.gif) no-repeat right top #FFF; }
* html #page-sales .frame .images-holder .top-left { width:36px; }
#page-sales .frame .images-holder .top-right { width:16px; height:16px; position:absolute; top:0px; right:0px; background:url(/images/v3/shop/page-sales/frame/Page_1_r1_c3.gif) no-repeat left top; }
#page-sales .frame .images-holder .bottom-left { width:16px; height:16px; position:absolute; bottom:0px; left:0px; background:url(/images/v3/shop/page-sales/frame/Page_1_r3_c1.gif) no-repeat left top; }
* html #page-sales .frame .images-holder .bottom-left { bottom:9px; left:20px; }
#page-sales .frame .images-holder .bottom-right { width:16px; height:16px; position:absolute; bottom:0px; right:0px; background:url(/images/v3/shop/page-sales/frame/Page_1_r3_c3.gif) no-repeat left top #FFF; }
* html #page-sales .frame .images-holder .bottom-right { height:26px; bottom:-1px; right:0px; }


#page-sales .paginate { width:100%; float:left; border-top:1px solid #CDCDCD; text-align:center; }
#page-sales .paginate ul { margin:10px 0px; }
#page-sales .paginate li { padding:0px 4px 0px 1px; display:inline; background:url(/images/generic/01homepage_r19_c20.gif) no-repeat right 2px; line-height:15px; }
* html #page-sales .paginate li { padding:0px 2px 0px 3px; } /* for IE 6 */
* + html #page-sales .paginate li { padding:0px 2px 0px 3px; } /* for IE 7 */
#page-sales .paginate li.left { padding:0px 13px 0px 0px; }
#page-sales .paginate li.right { background:none; padding:0px 0px 0px 13px; }
#page-sales .paginate li.start { background:none; }
#page-sales .paginate li.end { background:none; padding-left:5px; }
* html #page-sales .paginate li.end { padding-left:3px; }
* + html #page-sales .paginate li.end { padding-left:3px; }
#page-sales .paginate li img { margin-top:3px; }
#page-sales .paginate li a { color:#000000; }
#page-sales .paginate li.nav-on a { font-weight:bold; color:#C00000; }
#page-sales .paginate li a:hover { color:#C00000; }

#page-sales .search { width:296px; padding:0px; float:right; clear:right; font-size:105%; line-height:15px; border:0px none; background:url(/images/v3/shop/page-sales/detail_bg_mid.gif) repeat-y left top; }
#page-sales .search .top { width:296px; height:5px; line-height:0px; font-size:0px; float:left; background:url(/images/v3/shop/page-sales/detail_bg_top.gif) no-repeat left top; }
#page-sales .search .base { width:296px; height:5px; line-height:0px; font-size:0px; float:left; background:url(/images/v3/shop/page-sales/detail_bg_bot.gif) no-repeat left top; }
#page-sales .search form { width:260px; margin-left:18px; margin-bottom:-10px; float:left; display:inline; text-align:center; color:#FFFFFF; clear:both; }
#page-sales .search input { width:64px; margin:0px 8px 13px 0px; float:left; font-size:95%; display:inline; border:1px solid; }
#page-sales .search input.number { width:46px; }
#page-sales .search input.submit { width:auto; float:none; text-align:center; margin:-5px auto 13px auto; border:none;}
#page-sales .search label { width:85px; padding-top:3px; padding-left:18px; float:left; clear:left; text-align:left; font-weight:bold; }
#page-sales .search .price { color:#FFF; font-weight:bold; font-size:110%; }
#page-sales .search span { width:100%; padding-top:3px; float:left; text-align:left; font-weight:bold; }
#page-sales .search span.optional { width:auto; }
#page-sales .search span.red { width:auto; padding:0px; float:none; }
#page-sales .search h1 { padding-top:10px; padding-bottom:5px; padding-left:18px; margin-bottom:15px; font-size:200%; clear:both; color:#FFFFFF; border-bottom:1px solid #666; }
#page-sales .search br { clear:both; }
#page-sales .search .divider { width:100%; height:1px; margin-bottom:16px; line-height:1px; font-size:0px; background:#666; clear:both; }

#page-sales .shopping-cart { width:294px; margin:20px 0px 20px 0px; float:right; clear:right; border:1px solid #CECECE; position:relative; }
#page-sales .shopping-cart .top { width:226px; height:auto !important; height:19px; min-height:19px; margin:-1px 0px 0px -1px; padding:10px 50px 10px 20px; float:left; display:inline; background:url(/images/v3/shop/page-sales/shop_cart_head.gif) no-repeat left top; position:relative; color:#FFFFFF; }
#page-sales .shopping-cart .top h2 { line-height:19px; color:#FFFFFF; }
#page-sales .shopping-cart ul { width:260px; margin-left:17px; padding-bottom:4px; float:left; display:inline; }
#page-sales .shopping-cart li { width:230px; padding:10px 0px 10px 30px; float:left; position:relative; border-bottom:1px solid #CCCCCC; font-size:105%; }
#page-sales .shopping-cart img { /*margin-right:20px;*/ }
#page-sales .shopping-cart .detail { width:160px; float:left; display:block; position:absolute; bottom:10px; right:0px; }
#page-sales .shopping-cart .button { width:100%; float:left; text-align:center; }
#daterequired_msg{display:none;}

#page-sales .checkout { width:938px; height:auto !important; height:374px; min-height:374px; border:1px solid #CECECE; }
.checkout .top { width:940px; height:auto !important; height:39px; min-height:39px; /*margin:-1px 0px 0px -1px;  eoneill 20091124*/ float:left; display:inline; background:url(/images/v3/shop/page-sales/cart_top_mid.gif) repeat-x left top; position:relative;  *overflow:hidden;}
.checkout .top .left { width:4px; height:39px; float:left; background:url(/images/v3/shop/page-sales/cart_top_left.gif) no-repeat left top; display:inline; }
.checkout .top .right { width:40px; height:39px; float:right; background:url(/images/v3/shop/page-sales/cart_top_right.gif) no-repeat left top; display:inline; }
.checkout .top h2 { width:870px; padding:7px 0px 7px 10px; margin:0px; float:left; line-height:25px; color:#FFFFFF; display:inline; }
* html .checkout .top h2 { width:866px; padding-left:0px; margin-left:-10px; }
* html .checkout .top .right { margin-right:-21px; position:relative; }
.checkout form{width:100%; float:left; padding-bottom:20px;}
.checkout form#checkout_id{border:solid #CECECE; border-width:0 1px 1px 1px; width:938px;}
.checkout table, .checkout tbody, .checkout tr,  .checkout th, .checkout td { /*float:left; display:block;*/ }
.checkout table { width:902px; margin:15px 0px 0px 20px; display:inline; clear:both; }
.checkout th { font-weight:bold; padding-bottom:2px; }
.checkout td { padding:10px 0px; vertical-align:top; }
.checkout td.spacer-1 { width:902px; height:2px; min-height:2px; padding:0px; font-size:0px; line-height:0px; background:url(/images/v3/shop/page-sales/checkout_tr_bg.gif) no-repeat right top; }
.checkout td.spacer-2 { width:902px; height:2px; min-height:2px; padding:0px; font-size:0px; line-height:0px; border-top:1px solid #F2F1EC; background-color:#000000; }
.checkout td.base { height:30px; }
.checkout td.right { padding-right:50px; text-align:right; }
.checkout td.right ul { float:right; display:block; width:100%; }
.checkout td.right ul li { width:100%; float:left; clear:left; vertical-align:bottom;}
.checkout td.right input { margin-left:5px; float:left; display:inline; }
.checkout td.right label { width:400px; margin-top:3px; float:left; }
.checkout td.right div.fValidator-msg{float:left; padding:3px 0 2px;} 
.checkout td img { margin-right:15px; float:left; display:inline; }
.checkout form a { float:left; clear:left; }
.checkout form a.terms { float:none; }
.checkout form a.image-size { padding-right:20px; background:url(/images/v3/shop/page-sales/red_plus.gif) no-repeat right 3px; }
.checkout form a.delete { margin:22px 0px 0px 10px; display:inline; }
.checkout form a.continue { margin:10px 0px 0px 10px; display:inline; }
.checkout form .price { margin-top:15px; display:block; font-size:150%; color:#000000; }
.checkout form .base .price { margin-top:0px; color:#D60000; }
.checkout form .submit { margin:10px 10px 0px 0px; display:inline; float:right; }
.checkout form .quantity { width:22px; margin-top:10px; }
.checkout form select { font-size:120%; }
.checkout form select.image-size { width:140px; margin-top:10px; }
.checkout form select.frames { width:110px; margin-top:10px; }
.checkout form #collection_container, .checkout form #delivery_container{width:150px;}
.checkout form select.location { width:150px; }
.address-red { clear:both; display:inline; width:100%; font-weight:bold; color:#c00000; }

.contact-us .content {padding: 5px; background: url(/images/v3/shop/page-sales/contact-us-bkgd.gif) repeat-y left top;}
.contact-us .top { height: 5px; background: url(/images/v3/shop/page-sales/contact-us-top.gif) repeat-y left top;}
.contact-us .base { height: 5px; background: url(/images/v3/shop/page-sales/contact-us-bottom.gif) repeat-y left top;}

/* Realex styling - eoneill 20091124 */
div.delivery_info { float:left; padding:0 10px 0 15px; width:445px; *overflow:hidden; margin-top:10px; }
div.delivery_info.single { width:100% !important; }
div.billing_info { float:right; width:445px; *overflow:hidden; padding-left:15px; border-left:1px solid #CCCCCC; margin-top:10px; }
table.deliverydetails, table.billingdetails{width:100%; margin:10px 0 0 10px; }
table.deliverydetails tbody, table.deliverydetails tr, table.deliverydetails td, table.billingdetails tbody, table.billingdetails tr, table.billingdetails td{padding:0;}
*html table.deliverydetails td, *html table.billingdetails td{zoom:1;}/*ie6*/

table.deliverydetails tr.delivery td.label, table.billingdetails tr td.label{padding:5px 0 0 0; width:435px;}
table.deliverydetails tr.delivery td.input, table.billingdetails tr td.input{padding:0 0 5px 0; width:435px;}
td.input input, td.input select{border:1px solid #A5ACB2;}
table.deliverydetails td input, table.billingdetails td input{width:200px;}
form#delivery_details{border:solid #CCCCCC; width:938px; border-width:0 1px 1px 1px;}
form#delivery_details span.check{font-size:65%; font-weight:normal; float:right; padding:3px 50px 0 0;}
*+html form#delivery_details span.check{padding:3px 30px 0 0; margin-top:-25px;}
*html form#delivery_details span.check{padding:3px 30px 0 0; margin-top:-25px;}

form#delivery_details span.check #chk_usesame{margin:0 3px 0 0; vertical-align:top !important; vertical-align:middle;}
*+html form#delivery_details span.check #chk_usesame{vertical-align:middle; }
table.deliverydetails.singleL { float:left; width:440px; }
table.deliverydetails.singleR { float:right; width:440px; clear:none; }
div.logos { clear:both; padding-top:10px; }
div.logos ul { text-align:center; margin:0 15px; padding:5px 0; border:solid #CCCCCC; border-width:1px 0; }
div.logos ul li { display:inline; }
div.logos ul li.last { padding-left:20px; }
div.logos ul li a { float:none; }
table.deliverydetails div.fValidator-msg, table.billingdetails div.fValidator-msg{margin-right:90px !important; margin-right:44px;}


/* confirmation page */
.confirmation .top { width:940px; height:auto !important; height:39px; min-height:39px; float:left; display:inline; background:url(/images/v3/shop/page-sales/cart_top_mid.gif) repeat-x left top; position:relative; *overflow:hidden}
.confirmation .top .left { width:4px; height:39px; float:left; background:url(/images/v3/shop/page-sales/cart_top_left.gif) no-repeat left top; display:inline; }
.confirmation .top .right { width:40px; height:39px; float:right; background:url(/images/v3/shop/page-sales/cart_top_right.gif) no-repeat left top; display:inline; }
.confirmation .top h2 { width:870px; padding:7px 0px 7px 10px; margin:0px; float:left; line-height:25px; color:#FFFFFF; display:inline; }
* html .confirmation .top h2 { width:866px; padding-left:0px; margin-left:-10px; }
* html .confirmation .top .right { margin-right:-21px; position:relative; }
.confirmation .confirm{clear:both; border:solid #CECECE; border-width:0 1px 1px 1px; width:938px;}
