/* >>>>>>>>>> This area over-rides unreachable style sheets >>>>>>>>>> */
/* SEE MsgDetail.css for cartWidget styles */
/*
#cartWidget {
	float:right !important;
	margin:4px 0px 0px 0px !important;
	width:238px !important;
	border:0px !important;
	padding:0px !important;
	overflow:hidden !important;
	}
	*/
/* <<<<<<<<<< This area over-rides unreachable style sheets <<<<<<<<<< */





#outer_wrap{ margin-left:auto; margin-right:auto; width:100%; background-color:#DDDDDD; border:0px solid red; position:relative;}
#body_wrap{ position:relative; margin-left:auto; margin-right:auto; width:980px; height:auto; overflow:none; background-color:white; background-image:url(/Promotions/images/body_tile-.png); background-repeat: repeat-x; border:0px solid red;}
/* FOR MAKING WRAPPER SAME DEPTH AS CONTENTS: OVERFLOW:AUTO!! */

img {border:0px;}

body {
  padding: 0;
  margin: 0;
  /* background: #FFFFFF url(/Promotions/images/body_bkg_bk_iPad.jpg) no-repeat center top; */
  width: 100%;
  display: table;
	background:url(/Promotions/images/body_banner.jpg) no-repeat top center;
	background-color:#fffff !important;
}

/* body table {
	background-color:#ffffff !important;
} */

#header_ix { position:relative; background-color:; width:980px; height:190px; background-image:url(/Promotions/images/ix_header_trans.png); background-repeat:no-repeat; border-bottom:1px solid #DDDDDD;}
#left_column { width:180px; margin:0px; background-color:#ffffff; float:left; padding-top:10px; border-bottom:0px solid red;}	
#center_column { width:558px; /*min-height:850px;*/ overflow-x:hidden; overflow-y:auto; background-color:#ffffff; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-left:1px solid #eee; border-right:1px solid #eee;  border-bottom:0px solid red;}
#center_column_short { width:558px; overflow-x:hidden; background-color:white; margin:8px 0px 0px 0px; padding:0px 0px 18px 0px;}
/* #center_column_short was introduced when stacking the two desk & pocket calendar content blocks. Basically it's a #center_column div without a min-height property */
#content_extended { position:relative; width:798px; height:auto; background-color:; float:left; overflow:auto; margin-bottom:0px; border-left:1px solid #CCC; border-right:0px solid #CCC;}
/* #content_extended{ width:798px; background-color:#FFAA88; float:right; overflow:hidden; border-left:1px solid #CCC;  border-right:0px solid #CCC; margin-bottom:10px;}	*/
#right_column { width:238px; background-color:; margin:0px; padding:0px; overflow:hidden; background:; border-bottom:0px solid red;}	
#footer{ 
clear:both !important;
display:block !important; 
position:relative !important; 
width:980px !important; 
background-color:#FFFFFF;}	

#right_column #cartWidget {display: none !important;}

			
/*.header{ position:relative; background-color:Yellow; width:980px; height:175px; background-image:url(/images/ix_header.jpg); }*/

/* Left Column Properties */
.left_col{ width:180px; background-color:#FFFFFF;  float:left; padding-top:10px; border:0px;}	
#left_col_1{ width:180px; background-color:#FFFFFF;  float:left; padding-top:18px; border:0px;}	
/* This next left_column style is for the Authors in the News table of contents which needs to reveal in the left column on that page only, and be hiiden on all others. Thus, a display:none; in this general style sheet, and a display:block !Important; on the Authors in the News page, allowing it to show there. */
#auth_news_TOC {display:none;}



/* Middle Content Properties */						
.content{ width:558px; background-color:#FFFFFF; float:left; overflow:auto; border-left:0px solid #CCC;  border-right:0px solid #CCC; margin-bottom:10px;}	
.content_extended{ width:798px; background-color:#FFFFFF; float:right; border-left:1px solid #CCC;  border-right:0px solid #CCC; margin-bottom:10px;}	
.content_3-col{ width:980px; background-color:#FFFFFF; overflow:auto; margin-bottom:10px; overflow-x: hidden;}	
/*
.right_col{ width:240px; background-color:#ffffff; float:left; margin-top:0px; padding-top:2px !important; overflow:hidden;}		
.right_col_specific { width:240px; background-color:#FFFFFF; padding:0px;}	
*/	
.footer{ clear:both; display:block; width:980px; background-color:#FFFFFF;}	


/* Right Column Category Divs */
/* Previous Construct:  
.rtCol_common {overflow:auto; background-color:#EEE;}
.rtCol_ancient {background-image: url(/Promotions/images/RtColArt_ancient.jpg); repeat: none; background-color:#EEE;}
.rtCol_bible {background-image: url(/Promotions/images/RtColArt_bible.jpg); repeat: none;}
.rtCol_children {background-image: url(images/RtColArt_children.jpg); repeat: none;}
.rtCol_csw {background-image: url(images/RtColArt_csw.jpg); repeat: none;}
.rtCol_ethics {background-image: url(/Promotions/images/RtColArt_ethics.jpg); repeat: none;}
.rtCol_faithCult {background-image: url(images/RtColArt_faithCult.jpg); repeat: none;}
.rtCol_faithForm {background-image: url(images/RtColArt_faithForm.jpg); repeat: none;}
.rtCol_history {background-image: url(images/RtColArt_history.jpg); repeat: none;}
.rtCol_liturgy {background-image: url(images/RtColArt_liturgy.jpg); repeat: none;}
.rtCol_pastoral {background-image: url(images/RtColArt_pastoral.jpg); repeat: none;}
.rtCol_persGrow {background-image: url(images/RtColArt_persGrow.jpg); repeat: none;}
.rtCol_philos {background-image: url(images/RtColArt_philos.jpg); repeat: none;}
.rtCol_sacPrep {background-image: url(images/RtColArt_sacPrep.jpg); repeat: none;}
.rtCol_sacra {background-image: url(images/RtColArt_sacra.jpg); repeat: none;}
.rtCol_spirit {background-image: url(images/RtColArt_spirit.jpg); repeat: none;}
.rtCol_theol {background-image: url(images/RtColArt_theol.jpg); repeat: none;}
.rtCol_worldRel {background-image: url(images/RtColArt_worldRel.jpg); repeat: none;}
*/


/* Used in all instances of center, centerright content text headers */
#content_head {
	width: 518px; 
	margin: 22px 20px 0px 20px; 
	border-bottom:1px solid #CCCCCC;
}
.content_head {
font-family: 'Times New Roman', times, Georgia, serif;
font-size:28px;
letter-spacing:.05em;
font-weight:normal;
text-align: left;
color:#750000;
}

/* These are the 4 content blocks of the front page center column. */
.content_main_1 {
	position:relative; 
	width:558px; 
	margin:0px; 
	padding:0px 0px 0px 0px;
	/* overflow:hidden; */
}
.content_main_2 {
	position:relative; 
	width:558px; 
	margin:0px; 
	padding:2px 0px 6px 0px;

}

.-content_main_2 /* Gradients */{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjFjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
background: -moz-linear-gradient(top,  rgba(252,241,207,.3) 0%, rgba(255,255,255,0) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,241,207,1)), color-stop(40%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,241,207,.3) 0%,rgba(255,255,255,0) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,241,207,.3) 0%,rgba(255,255,255,0) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,241,207,.3) 0%,rgba(255,255,255,0) 40%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,241,207,.3) 0%,rgba(255,255,255,0) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf1cf', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
.content_main_3 {
	position:relative; 
	width:558px; 
	margin:0px; 
	padding:2px 0px 6px 0px;
}
.content_main_4 {
	position:relative; 
	width:558px; 
	margin:0px; 
	padding:2px 0px 6px 0px;
}




/* >>>>>>>>> TO BE MOVED TO NEW CSS >>>>>>>>>> */
/* >>>>>>>>> TO BE MOVED TO NEW CSS >>>>>>>>>> */
/* >>>>>>>>> TO BE MOVED TO NEW CSS >>>>>>>>>> */


/* SEARCH PAGE */

h2 {
font-family: verdana, helvetica, arial, sans-serif;
font-size:22px;
font-weight:normal;
color:#750000;
margin: 0px 0px 0px 0px !important;	
}

.itemLabelBurg_11 {
font-family: verdana, helvetica, arial, sans-serif;
font-size:11px;
color:#750000;
margin: 10px 0px 4px 4px;	
}
.sepText_11 {
font-family: verdana, helvetica, arial, sans-serif;
font-size:11px;
color:#750000;
margin: 0px 12px 0px 12px;	
}


#search_topRule {
width: 518px; 
margin: 0px 0px 12px 0px; 
border-top: solid 1px #cccccc;
}

#search_bottomRule {
width: 518px; 
margin: 0px 0px 0px 0px; 
border-top: solid 1px #cccccc;
}

#search_wrap {
	text-align:left;
	width:518px;
	padding:0px;
	margin: 30px 20px 0px 20px; 
	/* background:pink; (for diagnostics) */
}
#criteria_wrap {
	float: left;
	width: 310px;
	margin:0px;
	/* background:yellow; (for diagnostics) */
}
	
#categories_wrap {
	float: left; 
	width: 200px; 
	height:auto; 
	/* background:green; (for diagnostics) */
}





/* >>>>>>>>> CART PAGE >>>>>>>>>> */
/* >>>>>>>>> CART PAGE >>>>>>>>>> */

/*

#verideancart {
	background: #FFFFFF;
	padding:0px !important;
	border:0px !important;
}
.verideancart {
	border:0px !important;
}

#veridedancart_default {

	padding:0px 30px 30px 30px !important;
	border:1px solid red !important;
}

*/	



/* >>>>>>>>>> FOOTER DIV >>>>>>>>>> */	
/* >>>>>>>>>> FOOTER DIV >>>>>>>>>> */



#footer_nav {		/* set the position for the nav elements */
	position:relative;
	left:0px;
	top:0px;
	/* margin-top:18px;
	Added border to top of footer_nav because margin was ineffective and I'm sick of having to figure this wierd shit out... */
	border-top:18px solid white;
	width:980px; 
	height:202px; 
	background-image:url(/Promotions/images/footer_bkg.png); 
	background-repeat:no-repeat;
	overflow:auto;
}	

#ftr_nav_cols {
	position:relative;
	width:750px;
	left:95px;
	top: 18px;
	border:0px solid yellow;
}

#footer_nav ul {		/* set the position for the nav elements */
	font-family: arial, verdana, helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 11px;
}	
#footer_nav ul {				/* turn off all the normal list behavior */
    list-style: none;
    margin: 0px 18px 0px 0px;
    padding: 0;
}	
#footer_nav li {				/* turn off the normal list item behavior */
    padding: 0;
	line-height:16px;
}

.ftr_nav_li_head {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#750000;
	font-weight:bold;
	margin-bottom:3px;
}

.ftr_nav_col_1 {
	position:absolute;
	left:0px;
	top: 0px;
}
.ftr_nav_col_2 {
	position:absolute;
	left:160px;
	top: 0px;
}
	
.ftr_nav_col_3 {
	position:absolute;
	left:340px;
	top: 0px;
}
	
.ftr_nav_col_4 {
	position:absolute;
	left:510px;
	top: 0px;
}
	
#footer_nav #bullet {
  width: 8px;
	height:20px;
  	padding: 0;
	background: url("../images/nav_bullet.png");
	background-position: 0px -3px;
	background-repeat: no-repeat;
}

#footer_nav a:link {color:#222222; text-decoration:none;}      /* unvisited link */
#footer_nav a:visited {color:#222222; text-decoration:none;}  /* visited link */
#footer_nav a:hover {color:#000086; text-decoration:underline;}  /* mouse over link */
#footer_nav a:active {color:#222222; text-decoration:underline;}  /* selected link */ 


/* >>>>>>>>>> SOCIAL MEDIA LINKS - FLOATER >>>>>>>>>> */
/* >>>>>>>>>> SOCIAL MEDIA LINKS - FLOATER >>>>>>>>>> */

#soc-med_float {
position:fixed;
width:50px;
height:400px;
top:240px;
/* right:50%; */
margin-top:-50px;
margin-left:990px;
padding-top:0px;
background:url(../images/loyalty_card.png) no-repeat 0 0;
/*background:red;*/
border:0px solid #000;
text-align:center;
z-index:5;
background:; 
}

#soc-med_1 a:link {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_fb.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#soc-med_1 a:hover {background-position: 0px -50px;}
#soc-med_1 a:active {background-position: 0px -100px;}
#soc-med_1 a:visited {background-position: 0px -150px;}

#soc-med_2 a:link {
	position:absolute;
	left:0px;
	top:60px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_twit.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#soc-med_2 a:hover {background-position: 0px -50px;}
#soc-med_2 a:active {background-position: 0px -100px;}
#soc-med_2 a:visited {background-position: 0px -150px;}

#soc-med_3 a:link {
	position:absolute;
	left:0px;
	top:120px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_link-in.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;
	outline:none;	
}
#soc-med_3 a:hover {background-position: 0px -50px;}
#soc-med_3 a:active {background-position: 0px -100px;}
#soc-med_3 a:visited {background-position: 0px -150px;}

#soc-med_4 a:link {
	position:absolute;
	left:0px;
	top:180px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_tumblr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#soc-med_4 a:hover {background-position: 0px -50px;}
#soc-med_4 a:active {background-position: 0px -100px;}
#soc-med_4 a:visited {background-position: 0px -150px;}

#soc-med_5 a:link {
	position:absolute;
	left:0px;
	top:240px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_pinterest.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#soc-med_5 a:hover {background-position: 0px -50px;}
#soc-med_5 a:active {background-position: 0px -100px;}
#soc-med_5 a:visited {background-position: 0px -150px;}

/* ===== Lower Right Link ===== */
#soc-med_6 a:link {
	position:absolute;
	left:0px;
	top:300px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_instagram.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#soc-med_6 a:hover {background-position: 0px -50px;}
#soc-med_6 a:active {background-position: 0px -100px;}
#soc-med_6 a:visited {background-position: 0px -150px;}

#floater-:hover{
background:url(../images/loyalty_card_ov.png) no-repeat 0 0;	
}

/* <<<<<<<<<< SOCIAL MEDIA LINKS - FLOATER <<<<<<<<<< */
/* <<<<<<<<<< SOCIAL MEDIA LINKS - FLOATER <<<<<<<<<< */

/* >>>>>>>>>> SOCIAL MEDIA LINKS - FOOTER >>>>>>>>>> */
/* >>>>>>>>>> SOCIAL MEDIA LINKS - FOOTER >>>>>>>>>> */
#soc_media {
	position:absolute;
	top:24px;
	left:825px;
	width:100px;
	height:100px;
	border:0px solid blue;
}
/* ===== Uper Left Link ===== */
#up_left a:link {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_fb_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#up_left a:hover {background-position: 0px -50px;}
#up_left a:active {background-position: 0px -100px;}
#up_left a:visited {background-position: 0px -150px;}

/* ===== Upper Middle Link ===== */
#up_mid a:link {
	position:absolute;
	left:50px;
	top:0px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_link-in_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#up_mid a:hover {background-position: 0px -50px;}
#up_mid a:active {background-position: 0px -100px;}
#up_mid a:visited {background-position: 0px -150px;}

/* ===== Upper Right Link ===== */
#up_right a:link {
	position:absolute;
	left:100px;
	top:0px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_link-in_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#up_rght a:hover {background-position: 0px -50px;}
#up_rght a:active {background-position: 0px -100px;}
#up_rght a:visited {background-position: 0px -150px;}

/* ===== Lower Left Link ===== */
#low_left a:link {
	position:absolute;
	left:0px;
	top:50px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_twit_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;
	outline:none;	
}
#low_left a:hover {background-position: 0px -50px;}
#low_left a:active {background-position: 0px -100px;}
#low_left a:visited {background-position: 0px -150px;}

/* ===== Lower Middle Link ===== */
#low_mid a:link {
	position:absolute;
	left:50px;
	top:50px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_instagram_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;
	outline:none;	
}
#low_mid a:hover {background-position: 0px -50px;}
#low_mid a:active {background-position: 0px -100px;}
#low_mid a:visited {background-position: 0px -150px;}

/* ===== Lower Right Link ===== */
#low_rght a:link {
	position:absolute;
	left:100px;
	top:50px;
	width:50px;
	height:50px;
	text-indent: -5000px;
	background-image:url(/Promotions/images/sprite_instagram_ftr.png);
	background-position: 0px -0px; 
	background-repeat:no-repeat;	
	outline:none;
}
#low_rght a:hover {background-position: 0px -50px;}
#low_rght a:active {background-position: 0px -100px;}
#low_rght a:visited {background-position: 0px -150px;}

/* <<<<<<<<<< SOCIAL MEDIA LINKS - FOOTER <<<<<<<<<< */
/* <<<<<<<<<< SOCIAL MEDIA LINKS - FOOTER <<<<<<<<<< */







/* >>>>>>>>>> Culture-Sensitive Ministry Resources >>>>>>>>>> */
#csm_handouts a:link {color:white; text-decoration:none;}
#csm_handouts a:visited {color:white; text-decoration:none;}
#csm_handouts a:hover {color:#FFFFCC; text-decoration:underline;}
#csm_handouts a:active {color:white; text-decoration:underline;}






/* >>>>>>>>>> Book Reviews >>>>>>>>>> */

#review_container {
	position:relative;
	overflow:auto;
	width:558px;
}
#review_cover img {
	position:relative;
	width:170px;
	height:auto;
	border-width:0px;
	margin:0px 20px 0px 20px;
}
#review_cover {
	float:left;
	width:210px;
	margin:14px 0px 0px 0px;
	border:0px solid red;
	}
.review_imgLink { }
.review_dropShad {
	-moz-box-shadow: 0px 3px 5px #888;
	-webkit-box-shadow: 0px 3px 5px #888;
	box-shadow: 0px 3px 5px #888; } 
.review_link {
	color:#750000 !important;
	font-weight:bold;
}
.review_author {
	font-size: 12px; 
	margin: 6px 20px 0px 0px;
}
#review_body_text {
}
.review_bkTitle {
    font-size: 16px;
    color:#000086;
    font-weight:bold;
    font-family:Verdana,Arial,sans-serif;
    margin:20px 0px 5px 0px;
}
.review_body_text {
	font-size: 11px; 
	letter-spacing:.075em; 
	line-height:1.3em; 
	margin: 6px 20px 12px 20px;
}

.reviewed_by {
	font-size: 11px; 
	color:#750000;
	letter-spacing:.075em; 
	line-height:1.3em; 
	margin: 6px 20px 12px 20px;
}


