/* CSS extra styles for parchment page style */
body {font-family: Georgia, 'Times New Roman', Times, serif; background-color: #D8C7AA}
#maincontainer {background:#F0E5DD url(graphics/parchment-bg.jpg)}
#mainleftedge {background: url(graphics/parchment-left.jpg) top left repeat-y}
#mainrightedge {background: url(graphics/parchment-right.jpg) top right repeat-y}
#mainrightedge h1, #mainrightedge h5, #mainrightedge p {color:#333300}
.clear {border-bottom:1px solid #333300}
#testimonial {background:#EEEEDD url(graphics/parchment-t-bg.jpg) repeat-y 0px 50px}
#testimonial h3 {background:#EEEEDD url(graphics/parchment-t-top.jpg) center no-repeat}
#testimonial h6 {background:transparent url(graphics/parchment-t-btm.jpg) center bottom no-repeat}
div.hr {background:url(graphics/parchment-footer.gif) center top repeat-x}
#contact a {color:#333300}
#contact a:hover {color:#666600}
.boxout a, #boxp {background:#F3ED9A url(graphics/parchment-highlight.jpg) top left}
html>body .quarter p a {background:#F3ED9A url(graphics/parchment-highlight.jpg) top left}
.dark-row {background:#e1d1c0 url(graphics/parchment-darker.jpg) repeat}

/* CSS rollover buttons for photo restoration prices */
#basicprice, #interprice, #advprice, #miracleprice {position:absolute; top:100px; right:0.5%; width:60px; height:40px; z-index:80; background-position:top left; background-repeat:no-repeat}
#basicprice {background:url(graphics/priceb.gif)}
html>body #basicprice {background: url(graphics/priceb.png)}
#interprice {background:url(graphics/pricei.gif)}
html>body #interprice {background: url(graphics/pricei.png)}
#advprice {background:url(graphics/pricea.gif)}
html>body #advprice {background: url(graphics/pricea.png)}
#miracleprice {background:url(graphics/pricem.gif)}
html>body #miracleprice {background: url(graphics/pricem.png)}
#prbasic a, #printer a, #pradvanced a, #prmiracle a {display:block; text-align:center; margin: auto; width:100px; height:140px; background-color:#cccccc; background-position: top left; border:2px solid white; margin-bottom:8px}
#prbasic a:hover, #printer a:hover, #pradvanced a:hover, #prmiracle a:hover {background-position:right; border-color:#333399}
#prbasic a {background-image:url(graphics/prbasic.jpg)}
#printer a {background-image:url(graphics/printer.jpg)}
#pradvanced a {background-image:url(graphics/pradvanced.jpg)}
#prmiracle a {background-image:url(graphics/prmiracle.jpg)}

/* Order Form Styles */
input, select, textarea, label, .label, .totalbox, .total {color:#333300; font:11px Tahoma, 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 16px}
.ordertable {margin:auto; margin-bottom:10px; text-align:center; width:400px; display: block}
.ordertable tr {text-align:left; height:20px}
.subtotal, .subtotala, .total, .note, .noteb {border:0 solid #333300; background:transparent}
.subtotal {width:40px; vertical-align:middle}
.subtotala {width:48px;	text-align:right;}
.note {font-size:11px; width:350px; color:red; font-style:italic; text-align:center}
.choicea {width:110pt}
.choiceb {width:165pt}
.qty {width:20px; text-align:center}
legend {font-size:14px;	font-weight:bold; color:#333300; padding-left:10px; padding-right:10px}
fieldset {width: 70%; min-width:400px; max-width:700px; margin:auto; text-align:center}
div.row span.formw #postcode {width:90px}
div.row span.formw #phone, div.row span.formw #mobile {width:150px}
.totalbox {border-bottom:double #333300 4px; width:220px; display:block; margin:auto; margin-bottom:20px; text-align:center}
.total, .totalbox {font-size:20px; font-weight:bold; line-height:25px}
#addy, #sign, #printlogo {visibility:hidden; display:none }
#addressdetails input {font-weight:bold}
#buttons input {width:40%; height:7%}