html, body { width:100%; height:100%; }

body, ul, li, ol, p, h1, h2, h3, h4, table, tr, td, th { margin:0; padding:0; }
ul { list-style:none; }
ul li a:focus, ul li a:hover { text-decoration:underline; display:block; }

a { text-decoration:none; color:#857857; font-weight:bold; }
table { border-collapse:collapse; }

body { background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#CCCCCC; }

div#main { position:absolute; top:0; left:50%; margin-left:-350px; width:700px; height:100%; background-color:#333333; background-image:url(../img/jpg/jto_banner.jpg); background-position:center; background-position:top; background-repeat:no-repeat; }

div#main div { padding:50px 65px 50px 65px; }
div#main div div { padding:0; }

/* header */
div#main ul#topbanner_links { padding:12px 14px 0 0; }
div#main ul#topbanner_links li {  border-right:1px #C6C6C6 solid; float:right; font-family: 'Arial-BoldMT', 'Arial', 'sans-serif'; font-size: 10px; font-weight: bold; line-height: 11px; opacity: 1.00; padding:0 8px; }
div#main ul#topbanner_links li a { color:#C6C6C6; }
div#main ul#topbanner_links li a:focus, div#main ul#topbanner_links li a:hover { color:#FFFFFF; text-decoration:underline; }
div#main ul#topbanner_links li#last { border:0; }
/* div#main h1, div#main h2 { font-family:'HoeflerText-Regular', 'Hoefler Text', 'Times New Roman', 'serif'; } */
div#main h1 { color:#857857; font-size:2em; font-weight:normal; line-height:2em; }
div#main div p { padding:0 20px; margin-bottom:1em; }
div#goto { clear:both; float:left; width:100%; font-weight:bold; }
div#goto p { float:left; }
div#goto ul { margin:0 15px 0 0; padding:0 0 10px 0; }
div#goto li { float:left; padding:0 10px; border-right:1px #000 solid; }
div#goto td a:hover, div#main td a:focus, div#main td a:active { text-decoration:underline; color:#000; }
div#main hr { clear:both; margin-bottom:20px; }
div#main h2 { font-size:20px; margin-bottom:1em; }
div#main h2 span { font-weight:normal; }

ol { list-style:none; padding:0 0 1.5em 30px; height:12px; }
ol li { float:left; font-size:0.9em; padding-right:10px; background:url('../img/gif/bkg_ol_li.gif') right 3px no-repeat transparent; margin-right:5px; }
ol li.last { background:none; }
ol li { padding-left:15px; color:#C6C6C6; opacity:.10; filter:alpha(opacity=10); }
ol li#li_1, ol li#li_2, ol li#li_3, ol li#li_4, ol li#li_5 { background:left 1px no-repeat transparent;} 
ol li#li_1 { background-image:url('../img/gif/bkg_ol_bk_1.gif'); height:18px; }
ol li#li_2 { background-image:url('../img/gif/bkg_ol_bk_2.gif'); height:18px; }
ol li#li_3 { background-image:url('../img/gif/bkg_ol_bk_3.gif'); height:18px; }
ol li#li_4 { background-image:url('../img/gif/bkg_ol_bk_4.gif'); height:18px; }
ol li.li_active { opacity:.99; filter:alpha(opacity=99); }
ol li span { text-decoration:underline; color:#CCCCCC; } 
ol li a { font-weight:normal; opacity:.99; filter:alpha(opacity=99); color:#C6C6C6; }
ol li a:focus, ol li a:hover { text-decoration:underline; display:block; }

/* header */

/* index */
ul#photogallery li { border:0; padding:0; margin:0 10px 10px 0; vertical-align:bottom; }
ul#photogallery div { width:170px; height:180px; background-color:#DDD; margin:0; padding:0; text-align:center; }

form#wedding_photogallery table { margin-top:1em; width:100%; }
form#wedding_photogallery table td { /*width:170px;*/ vertical-align:bottom; text-align:center; padding-bottom:20px;  }
form#wedding_photogallery table td img { border:1px #000 solid; }
form#wedding_photogallery table td p { font-size:0.9em; }
/* index */

/* printing format */
#div_price { font-size:0.8em; width:120px; float:right; text-align:right; }
#div_price ul { padding:10px 0 10px 10px; }
#div_price span { font-weight:bold; font-size:1.1em; font-style:italic; }
div div#div_price p { border-top:1px #000 solid; text-align:right; padding:0; } 
#div_price p span { color:#857857; text-decoration:none; }

.oneforall { float:left; text-align:left; }
.oneforall p { margin:25px 10px 0 0; text-align:left; }
.oneforall select { margin-right:10px; }
* html body select { margin-bottom:-2px; }

form#form_printing_format { clear:both; }
form#form_printing_format table { display:block; padding-top:1em; }
form#form_printing_format table tr.tr_highlighted td { background-color:#454545; border:1px #DDD solid; border-left:0; border-right:0; }
form#form_printing_format table td { vertical-align:middle; text-align:center; width:100px; padding:0; }
form#form_printing_format table td.td_photos { width:300px; height:200px; border:0; } 
form#form_printing_format table td.td_photos img { border:1px #000 solid; }
form#form_printing_format table ul { width:100px; font-size:0.8em; }
form#form_printing_format table li { line-height:22px; font-size:1.5em; }
form#form_printing_format table ul.select li { margin:0; }
form#form_printing_format table li select { font-size:1em; }
p#bottom { text-align:right; margin-top:1em; }
/* printing format */

/* checkout */
ul#ul_main li { background:left 0 no-repeat transparent; margin:0 0 2em 20px; padding:5px 0 10px 8px; }
ul#ul_main li#li_main_1 { background-image:url('../img/gif/bkg_1_big.gif'); }
ul#ul_main li#li_main_2 { background-image:url('../img/gif/bkg_2_big.gif'); padding-top:0px; }
ul#ul_main li#li_main_3 { background-image:url('../img/gif/bkg_3_big.gif'); display:none; }
ul#ul_main li#li_main_4 { background-image:url('../img/gif/bkg_4_big.gif'); display:none; }

div#div_purchase { text-align:center; margin:3em 0; }
div#div_purchase table { display:inline; }
div#div_purchase table a { font-weight:normal; color:#777; background:url('../img/gif/bkg_more_details.gif') right 3px no-repeat transparent; padding-right:20px; }
div#div_purchase table a:focus, div#div_purchase table a:hover { background:url('../img/gif/bkg_more_details.gif') right -28px no-repeat; }
div#div_purchase table a:active { color:#857857; }
div#div_purchase table td, div#div_purchase table th { padding:5px 10px; border-right:1px #000 solid; font-weight:normal; }
div#div_purchase table td.last_td, div#div_purchase table th.last_td, div#div_purchase table tfoot th { text-align:right; border-right:0; }
div#div_purchase table thead th { border-bottom:2px #000 solid; text-align:left; background-color:#454545; }
div#div_purchase table tbody { border-bottom:1px #000 dotted; color:#777;}
div#div_purchase table tr#tr_tfoot th { border-top:2px #000 solid; }
div#div_purchase table tfoot th { color:#999; } 
div#div_purchase table th.th_total { border-top:2px #000 solid; font-weight:bold; color:#000; }
div#div_purchase table th span { color:#857857; border:1px #857857 solid; padding:0 2px; }
div#div_purchase table th#th_add_selection { font-size:0.8em; text-align:left; margin:0; padding:0; }
div#div_purchase table th#th_add_selection a { color:#857857; background:url('../img/gif/bkg_a_add.gif') left top no-repeat transparent; padding-left:15px; text-decoration:underline; }
p span { font-weight:bold; text-decoration:underline; color:#CCCCCC; }

div#div_shipment div#shipment_no, div#div_shipment div#shipment_required { display:none; }
div#div_shipment ul { border:1px #CCC solid; width:10em; padding:10px; margin-left:200px; }
div#div_shipment li { text-align:left; background:0; margin:0; }
div#div_shipment div#shipment_required div { padding-left:120px; width:300px; text-align:right; }
div#div_shipment textarea { border:0; background:url('../img/gif/bkg_textearea.gif') left 15px; width:300px; color:#999; }
div#div_shipment textarea:focus, div#div_shipment textarea.focusIE { color:#857857; }
div#div_shipment textarea input { padding-top:1em; }

div#div_creditcard table { margin-left:40px; }
li#li_main_4 input:focus, li#li_main_4 input.focusIE, li#li_main_4 select:focus, li#li_main_4 select.focusIE, div#div_creditcard input:focus, div#div_creditcard input.focusIE, div#div_creditcard select:focus, div#div_creditcard select.focusIE { color:#857857; border:1px #857857 solid; }

/* checkout */

/* Zoom in/out photo */
div#zoom_in_main { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }
div#zoom_in_background { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.90; filter:alpha(opacity:90); overflow:hidden; display:block; }
div#zoom_in_photo {  width:100%; height:100%; position:absolute; top:0; left:0; opacity:.99; filter:alpha(opacity:99); display:block; }
/*
div#zoom_in_background, div#zoom_in_photo { position:absolute; top:0; left:0; width:100%; height:100%; display:block; }
div#zoom_in_background { background-color:#000; opacity:.90; filter:alpha(opacity:90); overflow:hidden;  }
div#zoom_in_photo { opacity:.01	; filter:alpha(opacity:1); }
*/
div#zoom_in_photo table {  width:100%; height:100%; }
div#zoom_in_photo table td { text-align:center; }
div#zoom_in_photo table td img#zoom_photo { border:10px #FFF solid; margin:1px 0 1em 0; }
div#zoom_in_photo table td a { font-size:1em; color:#FFF; }
/* Zoom in/out photo */