/*** Base Elements ***/
html, body { height:100%; margin:0 auto; }
body { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:0px; top:0px; color:#6a6967; background-color:#ffffff;  background-repeat:repeat-y; }
input, textarea { color:#666666; font-size:10px; padding:2px; padding-top:4px; border-style:solid; border-color:#b7b4af; border-width:1px; line-height:14px; height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
/*input { border: expression( this.type=="checkbox"?'none':this.type=="radio"?'none':this.type=="image"?'none':'1px #aeaeae solid');}*/
select, option { border-width:1px; border-style:solid; border-color:#b7b4af; color:#666666; font-size:10px; }
select { border-style:solid; font:10px verdana ; color:#666666; border-color:#969696; border-width:1px; line-height:18px; vertical-align:middle; }
ul,li { margin-left:10px; padding-left:0px; }
input { border-width: expression( this.type=="checkbox"?'0':this.type=="radio"?'0':this.type=="image"?'0':'1px'); }
a img { border-width:0; }
input[disabled]{ border: 1px solid #ccc }


/*** Misc Utils ***/
div.nohover a:hover, .nohover a:hover { background-color: transparent; filter:none; }
.no_margin { margin:0;}


/*** Div Float Hack ***/
.clearfix:after {content: "."; display: block ;height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*** Containers ***/
.container_top { margin-left:23px; text-align:left; background-image:url(../images/top_bg.jpg); background-repeat:no-repeat; min-height:600px; }
.top_inner { text-align:left; width:960px; }


/*** Headings ***/
h1{ font-size:20px; font-weight:normal; color:#a05e08; margin:0 0 10px 0; text-align:left; }
h2{ font-size:18px; font-weight:normal; color:#333333; margin:0 0 10px 0; text-align:left;  }
h2.steps{  }
h2.steps span.subsection { color:#03b3d9; }
h3{ font-size:14px; font-weight:normal; color:#3d3c39; margin:0 0 10px 0; text-align:left;  }
h3.profile { font-size:14px; font-weight:normal; color:#595959; margin:0 0 10px 0; text-align:left;  }
h3.image_picker{ font-size:14px; font-weight:bold; color:#3d3c39; margin:0 0 10px 0; text-align:left;  }
h1 span { display:none; }


/*** Nav ***/
.nav { position:absolute; z-index:100; }
ul.nav  { padding:0; margin:0; list-style:none; z-index:100; }
ul.nav li { margin:0; list-style:none; float:left; z-index:100;}
ul.nav li a { text-decoration:none; height:69px; display:block; background:url(../images/spacer.gif) repeat-x center; }
ul.nav li a span { display:none; }
ul.nav li a:hover, ul.nav li a.selected { text-decoration:none; background:url(../images/nav_over.png) repeat-x center; }
ul.nav li.home a { width:105px; }
ul.nav li.create a { width:131px; }
ul.nav li.visit a { width:119px; }
ul.nav li.how a { width:108px; }
ul.nav li.faq a { width:142px; }
ul.nav li.contact a { width:131px; }


/*** Middle Nav ***/
.nav_middle { position:absolute; left:19px; top:260px; width:906px; height:68px; }
ul.nav_middle  { padding:0; margin:0; list-style:none; }
ul.nav_middle li { margin:0; list-style:none; float:left; }
ul.nav_middle li a { text-decoration:none; height:68px; display:block; position:absolute; top:0; }
ul.nav_middle li a span { display:none; }
ul.nav_middle li a:hover { text-decoration:none; background:url(../images/nav_over.png) repeat-x center; }
ul.nav_middle li.nav_middle_01 a, ul.nav_middle li.nav_middle_01 { left:0px; width:166px; background:url(../images/nav_middle_01.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_02 a, ul.nav_middle li.nav_middle_02 { left:166px; width:193px; background:url(../images/nav_middle_02.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_03 a, ul.nav_middle li.nav_middle_03 { left:359px; width:206px; background:url(../images/nav_middle_03.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_04 a, ul.nav_middle li.nav_middle_04 { left:565px; width:148px; background:url(../images/nav_middle_04.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_05 a, ul.nav_middle li.nav_middle_05 { left:713px; width:193px; background:url(../images/nav_middle_05.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_01 a:hover, ul.nav_middle li.nav_middle_01 a.selected { background:url(../images/nav_middle_over_01.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_02 a:hover, ul.nav_middle li.nav_middle_02 a.selected { background:url(../images/nav_middle_over_02.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_03 a:hover, ul.nav_middle li.nav_middle_03 a.selected { background:url(../images/nav_middle_over_03.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_04 a:hover, ul.nav_middle li.nav_middle_04 a.selected { background:url(../images/nav_middle_over_04.png) no-repeat 0 0; }
ul.nav_middle li.nav_middle_05 a:hover, ul.nav_middle li.nav_middle_05 a.selected { background:url(../images/nav_middle_over_05.png) no-repeat 0 0; }


/***Subnav ***/
.subnav { width:205px; border-top:#e9e9e9 solid 1px; }
ul.subnav  { padding:0; margin:0; list-style:none; }
ul.subnav li { margin:0 0 0 10px; list-style:none; border-bottom:#e9e9e9 solid 1px;  }
ul.subnav li a { text-decoration:none; height:20px; display:block; font-size:14px; color:#03b3d9; padding:5px 0 5px 20px; }
ul.subnav li a:hover { text-decoration:none; background:url(../images/arrow_left_blue.jpg) no-repeat 0 8px; }
ul.subnav li.home a { width:105px; }


/*** Logo ***/
.logo { position:absolute;  margin-left:25px; margin-top:85px; display:inline-block; height:40px; width:250px; z-index:101; }
.logo a { height:40px; width:250px; display:block; background:url(../images/spacer.gif) repeat-x center; }


/*** Content ***/
.content_container { width:800px; padding:300px 0 0 20px; }
.content { color:#5c5c5c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.content a { color:#03b3d9; text-decoration:none; }
.content a:hover { color:#03b3d9; text-decoration:underline; }


/*** Footer ***/
.footer { width:900px; padding:40px 0 20px 35px; display:inline-block; }
.footer .footer_line { background-color:#e2e1dd; float:left; height:1px; overflow:hidden; width:100%; margin-bottom:10px; }
.footer_logo a { background:url(../images/logo_footer.jpg) no-repeat left; width:128px; height:18px; margin:0 20px 0 0; float:left; display:block; }
.footer_right { float:left; margin:0 0 0 0; font-size:10px; color:#949494; }
.footer_links { color:#5ecde5; font-size:10px; margin:2px 0 0 0;  }
.footer_links a { color:#5ecde5; text-decoration:none; }
.footer_links a:hover { color:#5ecde5; text-decoration:underline; }
																	

/*** Box ***/
.box {  }
.box .box_line { background-color:#e7e6e3; float:left; height:5px; overflow:hidden; }
.box .upper_left { background:url(../images/corner_upper_left.png) no-repeat left; width:5px; height:5px; margin:0 0 0 0; background-color:#ffffff; float:left;  }
.box .upper_right { background:url(../images/corner_upper_right.png) no-repeat left; width:5px; height:5px; margin:0 0 0 0; background-color:#ffffff;float:left;   }
.box .lower_left { background:url(../images/corner_lower_left.png) no-repeat left; width:5px; height:5px; margin:0 0 0 0; background-color:#ffffff;float:left;  }
.box .lower_right { background:url(../images/corner_lower_right.png) no-repeat left; width:5px; height:5px; margin:0 0 0 0; background-color:#ffffff;float:left;  }
.box .box_outer { background-color:#e7e6e3; display:inline-block; width:100%;  }
.box .box_inner { padding:20px; font-size:12px; color:#80807f; }
.wide_box { width:880px; margin:20px 0 0 0; }
.wide_box .box_line { width:870px;  }
.wide_box .box_copy { margin-bottom:10px; }


/*** Buttons ***/
.btn_login, input.btn_login { width:89px; height:29px; background:url(../images/btn_login.png) no-repeat left; border:0 none; cursor:pointer; position:absolute; }
input.btn_login:hover  { background:url(../images/btn_login_over.png) no-repeat left; }
.btn_begin a, .btn_begin { width:136px; height:47px; background:url(../images/btn_begin.png) no-repeat left; display:block; }
.btn_begin a:hover  { background:url(../images/btn_begin_over.png) no-repeat left; }
input.btn_submit { width:107px; height:29px; background:url(../images/btn_next.png) no-repeat left; border:0 none; cursor:pointer; position:absolute; }
input.btn_submit:hover  { background:url(../images/btn_next_over.png) no-repeat left; }
.btn_submit, .btn_submit a { width:107px; height:29px; background:url(../images/btn_next.png) no-repeat left; border:0 none; cursor:pointer; display:block; }
.btn_submit:hover  { background:url(../images/btn_next_over.png) no-repeat left; }
.btn_save { float:right; margin:20px 20px 0 0; }
.btn_save a, .btn_save { width:107px; height:29px; background:url(../images/btn_save.png) no-repeat left; display:block; }
.btn_save a:hover  { background:url(../images/btn_save_over.png) no-repeat left; }
.btn_save a span { display:none; }
.btn_search a, .btn_search { width:107px; height:29px; background:url(../images/btn_search.png) no-repeat left; display:block; }
.btn_search a:hover  { background:url(../images/btn_search_over.png) no-repeat left; }
.btn_search a span { display:none; }

/*** Home ***/
.home_content { width:600px; font-size:13px; }
.home_steps { background:url(../images/home_steps.jpg) no-repeat left; width:774px; height:252px; margin:20px 0 0 0; }
.home_steps .steps { position:absolute; width:170px; height:100px; color:#cccccc; font-size:12px; }
.home_steps .steps a { text-decoration:none; color:#cfa80f; }
.home_steps .step_1 { margin:100px 0 0 70px; }
.home_steps .step_2 { margin:120px 0 0 318px; }
.home_steps .step_3 { margin:90px 0 0 564px; }
.home_steps .begin { position:absolute; margin:90px 0 0 740px; }
.login_box { width:334px; margin:20px 0 0 15px; }
.login_box .box_line { width:324px;  }
.login_box .box_heading { background:url(../images/home_login_header.png) no-repeat left; width:128px; height:19px; margin:0 0 10px 0; }
.login_box .box_copy { margin-bottom:10px; }
.home_input { width:180px; height:18px; line-height:18px; color:#b2b2b2; border:#cdcdcd solid 1px; padding-left:10px; font-size:11px; margin:5px 0 0  0; /* border-radius:4px; */ -moz-border-radius:4px; }


/*** How It Works ***/
.interior_col_container { width:915px; float:left; display:inline-block; clear:both; }
.interior_col_1 { width:680px; float:left;   }
.interior_content { color:#595959; font-size:12px;display:inline-block; ; margin-top:10px; }
.interior_content td { color:#595959; font-size:12px; margin-top:10px; }
.interior_content a { color:#03b3d9; text-decoration:none; }
.interior_content a:hover { color:#03b3d9; text-decoration:underline; }

/*** How It Works ***/
.how_col_container { width:915px; float:left; display:inline-block; clear:both; margin-top: 20px;}
.how_col_1 { width:425px; float:left;   }
.how_col_2 { width:205px; float:left; margin-left:50px; }
.how_col_3 { width:205px; float:left; margin-left:30px; }
.icon_theme { background:url(../images/icon_theme.jpg) no-repeat left; width:30px; height:28px; float:left; }
.icon_upload { background:url(../images/icon_upload.jpg) no-repeat left; width:32px; height:28px; float:left; }
.icon_share { background:url(../images/icon_share.jpg) no-repeat left; width:30px; height:32px; float:left; }
h2.how { color:#595959; font-size:14px; float:left; margin:0 0 0 20px; padding:0; font-weight:normal; line-height:28px; }
.how_top { display:inline-block; } 
.how_content, .how_content td { color:#595959; font-size:12px;display:inline-block; margin-top:10px; }
.how_content p { margin:0; clear:both; }
.how_it_works_sample a { background:url(../images/how_it_works_sample.jpg) no-repeat left; width:185px; height:140px; display:block; float:left; }


/*** Steps ***/
.steps_heading_cols { display:inline-block; padding:50px 0 0 0; }
.steps_heading_col_1 { float:left; width:550px; }
.steps_heading_col_2 { float:left; width:120px; margin-left:130px; }
.preview_memorial a { background:url(../images/preview_memorial.jpg) no-repeat left; width:113px; height:61px; display:block; float:left; }
.preview_memorial a span { display:none; }
.purchase_memorial a { background:url(../images/purchase_memorial.jpg) no-repeat left; width:140px; height:61px; display:block; float:left; }
.purchase_memorial a span { display:none; }
.steps_cols { display:inline-block; padding:10px;  }
.steps_col_1 { float:left; width:296px; }
.steps_col_2 { float:left; width:484px; margin-left:0; }
.step_2_cols { float:left; width:243px; margin-left:40px; }
.steps_cols .first { margin-left:0; }
.steps_item { float:left; width:138px; height:204px; margin: 0 0 55px 23px;  }
.steps_thumb { width:138px; height:154px; border:#cccccc solid 1px; }
.steps_checkbox { margin:0 auto; text-align:center; width:138px; margin:10px 0 0 0;  }
.steps_checkbox input { border:none; }
.steps_buttons, .steps_buttons_wide { display:inline-block; padding:10px 0 10px 10px; width:224px; float:right; text-align:right;  }
.steps_buttons_wide { width:344px; }
.btn_back a, .btn_back { float:left; width:107px; height:29px; background:url(../images/btn_back.png) no-repeat left; display:block; }
.btn_back a:hover  { background:url(../images/btn_back_over.png) no-repeat left; }
.btn_next a, .btn_next { float:left; width:107px; height:29px; background:url(../images/btn_next.png) no-repeat left; display:block; }
.btn_next { margin-left:10px; }
.btn_next a:hover  { background:url(../images/btn_next_over.png) no-repeat left; }
.btn_upload a, .btn_upload { float:left; width:107px; height:29px; background:url(../images/btn_upload.png) no-repeat left; display:block; }
.btn_upload a:hover  { background:url(../images/btn_upload_over.png) no-repeat left; }
.btn_send a, .btn_send { float:left; width:107px; height:29px; background:url(../images/btn_send.png) no-repeat left; display:block; }
.btn_send a:hover  { background:url(../images/btn_send_over.png) no-repeat left; }
.btn_cancel a, .btn_cancel { float:left; width:107px; height:29px; background:url(../images/btn_cancel.png) no-repeat left; display:block; }
.btn_cancel a:hover  { background:url(../images/btn_cancel_over.png) no-repeat left; }
.link_browse a, .link_browse { float:left; width:107px; height:29px; background:url(../images/link_browse.png) no-repeat left; display:block; }
.link_browse a:hover  { background:url(../images/link_browse.png) no-repeat left; }
.line_item { margin:0 0 5px 0; display:inline-block; width:253px; }
.line_item_split { float:left; margin-right:0; width:115px; }
.line_item .first { margin-right:15px; }
.line_item input { width:238px; height:16px; line-height:16px; border:#cdcdcd solid 1px; padding-left:5px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.line_item_split input { width:108px; }
.line_item select { width:253px; height:19px; line-height:19px; border:#cdcdcd solid 1px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.line_item_split select { width:123px; }
.line_item option { color:#b2b2b2; font-size:11px; border:none; }
.line_item textarea { width:805px; height:100px;  border:#cdcdcd solid 1px; padding-left:10px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }


/*** Profile ***/
.profile_container { width:915px; float:left; display:inline-block; clear:both; margin-top: 20px;}
.profile_col_1 { width:375px; float:left;  }
.profile_col_2 { width:475px; float:left; margin-left:65px; }
.profile_item { margin:0 0 5px 0; display:inline-block; }
.profile_label, .profile_memorial { float:left; width:100px; line-height:22px; color:#595959; font-size:12px; }
.profile_memorial { width:373px; }
.profile_link { width:102px; float:right; white-space:nowrap; }
.profile_input { float:left; width:275px; color:#595959; font-size:12px; }
.profile_input input { width:238px; height:16px; line-height:16px;  border:#cdcdcd solid 1px; padding-left:10px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.profile_input select { width:253px; height:19px; line-height:19px;  border:#cdcdcd solid 1px; font-size:11px; /* border-radius:4px; */ -moz-border-radius:4px; }
.profile_input option { color:#b2b2b2; font-size:11px; border:none; }
.profile_buttons {  width:375px; text-align:right; float:right; }


/*** Misc ***/
#validation, #message, .message, #message_window { position:absolute; width:450px; background-color:#ffffff; border:#d5d5d5 solid 1px; padding:20px; margin-left:20px; z-index:10000; }
.line { background-color:#e9e9e9; display:inline-block; height:1px; width:100%; margin:0 0 20px 0; }
a.link_arrow { padding:0 15px 0 0; background:url(../images/arrow_right_blue.png) no-repeat right 3px; text-decoration:none; font-size:13px; color:#03b3d9; line-height:13px; }
.required { font-size:12px; font-weight:bold; }

/*** Memorial Top Nav ***/
/*
.memorial_top_nav { width:100%; height:58px; }
.memorial_top_nav_link { margin-left:783px; width:152px; height:57px; }
.memorial_top_nav_link a { display:block; height:57px; }
.memorial_top_nav_link li a span { display:none; }
.memorial_top_nav_link a:hover { text-decoration:none; background:url(../images/nav_over.png) repeat-x center; }
*/

.memorial_top_nav {  width:100%; height:58px; background:url(../images/nav_memorial.jpg) no-repeat; }
ul.memorial_top_nav  { padding:0; margin:0; list-style:none; }
ul.memorial_top_nav li { margin:0; list-style:none; float:left; }
ul.memorial_top_nav li a { text-decoration:none; height:58px; display:block; }
ul.memorial_top_nav li a span { display:none; }
ul.memorial_top_nav li a:hover, ul.memorial_top_nav li a.selected { text-decoration:none; background:url(../images/nav_over.png) repeat-x center; }
ul.memorial_top_nav li.logo a { width:240px;  }
ul.memorial_top_nav li.logo a:hover { background:none; }
ul.memorial_top_nav li.home a { width:105px; margin-left:235px; }
ul.memorial_top_nav li.create a { width:131px; }
ul.memorial_top_nav li.visit a { width:119px; }
ul.memorial_top_nav li.how a { width:108px; }
ul.memorial_top_nav li.faq a { width:142px; }
ul.memorial_top_nav li.contact a { width:119px; }


/*** Default Layout Styles ***/
.layout_1_container { display:inline-block; margin-left:30px; }
.layout_1_container a { color:#00aae6; text-decoration:none; }
.layout_1_container a:hover { text-decoration:underline; }
.layout_1_col_1 { float:left; width:430px; margin-top:230px; }
.layout_1_pic_1_container { padding:0;/*6px 0 0 6px;*/ width:430px;  /*background-color:#ffffff*/ }  
.layout_1_pic_1_container img { border: solid 6px #ffffff; }        	
.layout_1_pic_1 { width:424px;  overflow:hidden;  }
.layout_1_bio_title { width:380px; color:#509400; font-size:13px; margin:10px 0 0 10px; }
.layout_1_bio_content { width:380px; color:#595959; font-size:12px; margin:10px 0 30px 10px; }
.layout_1_col_2 { float:left; width:424px; margin-left:35px;  margin-top:236px; }

.layout_2_container { display:inline-block; margin-left:30px;  }
.layout_2_container a { color:#bc5312; text-decoration:none; }
.layout_2_container a:hover { text-decoration:underline; }
.layout_2_col_1 { float:left; width:424px; margin-top:230px; }
.layout_2_col_2 { float:left; width:424px; margin-left:10px;  margin-top:236px; }
.layout_1_tribute_bottom, .layout_2_tribute_bottom { margin-left:-16px;}


.layout_2_pic_container {  display:inline;  }
.layout_2_pic_1_container { margin:0 auto; text-align:left; padding:5px; /*width:204px;  background-color:#ffffff;*/ float:left;   }
.layout_2_pic_1_container .first { margin-left:0; }        	
.layout_2_pic_1 { width:100%;  }
.layout_2_bio_title { width:424px; color:#007683; font-size:14px; margin:10px 0 0 20px; }
.layout_2_bio_content { width:424px; color:#3d3c39; font-size:12px; margin:10px 0 30px 20px; }

.memorial_photo_item { overflow:hidden; }


table.image_picker input { height:20px; }

/*** Tips ***/
.tip, .tool-tip {	width: 139px; z-index: 13000; padding:10px; font-size:12px; color:#80807f; background-color:#e7e6e3; border:#cdcdcd solid 1px; -moz-border-radius:4px; }
.tool-title { color:#80807f; } 
.tool-text { color:#80807f;  }


/*** Sortables ***/
#sorts { text-align:left; margin-left:-10px; overflow:hidden; }
#sorts li { cursor: pointer; list-style: none; float:left; width:100px; height:100px; margin: 10px 0 0 0; }
ul#sortables { /*width: 300px;*/ margin: 0; padding: 0; }
/*li.sortme { padding: 4px 8px; color: #fff; cursor: pointer; list-style: none; float:left; width:200px;} */ 
ul#sortables li {margin: 10px 0;}