/*
	
	Global styles
	
*/

body
{	
	padding:0;
	margin:0;
	background:white;
	
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
}

div#debug
{	
	position:fixed;
	top:5px;
	left:5px;
}





/*
	Header styles
*/

div#divHeaderTop
{		
	width:960px;
	height:60px;
	background:white;/*#fafbff;*/
}

div#divHeaderLogo
{	
	width:300px;
	height:40px;
	float:left;
	background:url(images/spire_logo_1.gif) no-repeat center left;
	text-indent:-99999px;
	margin:10px 0px;
}

div#divHeaderRight
{	
	width:480px;
	height:40px;
	float:right;
	vertical-align:top;
	text-align:right;
	margin-top: 7px;
}



ul.small
{	
	padding: 0;
	margin: 0;
	display: block;
}
ul.small li
{	
	display:inline;
	padding:0px 10px;
	margin:0;
	border-left:1px solid gray;
	font-size: 11px;
}
ul.small li.first
{	
	border:none;
	padding-left:0px;
}
ul.small li.first a
{	
	color: #991c2f !important;
}
ul.small li.last
{	
	padding-right:0px;
}



ul.medium
{	
	padding: 0;
	margin: 0;
	display: block;
}
ul.medium li
{	
	display:inline;
	padding:0px 10px;
	margin:0;
	border-left:1px solid gray;
	font-size: 13px;
}
ul.medium li.first
{	
	border:none;
	padding-left:0px;
}
ul.medium li.first a
{	
	color: #991c2f !important;
}
ul.medium li.last
{	
	padding-right:0px;
}



div#divSearch
{	
	margin:20px 0 20px 0;
	font-size:14px;
	font-weight:bold;
}









div#divHeaderMenu
{	
	background:#f4f4f4;
	border-top: 1px dotted #A9A9A9 /*#991c2f*/;
	border-bottom: 1px dotted #A9A9A9 /*#991c2f*/;
}

/* rollover effect light grey for nav Header

div#divHeaderMenu:hover
{	
	background:#f4f4f4;
}

*/


div#divHeaderMenu ul
{	
	display:block;
	width:960px;
	height:30px;
	margin:0;
	padding:0;
	text-align:left;
}

div#divHeaderMenu ul li
{	
	display:inline;
	float:left;
	margin:0px 10px 0px 10px;
		padding:7px 10px 5px 10px;
		
	font-size:16px;
	text-transform:uppercase;
}
	div#divHeaderMenu ul li[class~=current]
	{	
		background:#991c2f;
		color:white;
	}
	div#divHeaderMenu ul li[class~=first]
	{	
		margin-left:0;
	}
	div#divHeaderMenu ul li[class~=last]
	{	
		margin-right:0;
		float:right;
	}
	div#divHeaderMenu ul li:hover
	{	
		cursor:pointer;
		/*background:#eeeeee;/*#efe1e1;*/
		color:#991c2f;/*black;*/
	}div#divHeaderMenu ul li[class~=current]:hover
	{	
		background:#991c2f;
		color:white;
	}

div#divHeaderMenu ul li a
{	
	height:30px;
	color:inherit;
	text-decoration:none;
}

div#divHeaderMenu ul li a span.alt
{	
	color:#991c2f;
}
div#divHeaderMenu ul li.current a span.alt
{	
	color:white;
}






/*	tab-style version of sub-menu.
div#divSubheadMenu
{	
	margin-top: 1px;
}
div#divSubheadMenu ul
{	
	display:block;
	width:960px;
	height:30px;
	margin:0;
	padding:0;
	text-align:left;
}

div#divSubheadMenu ul li
{	
	display: inline;
	float: left;
	margin: 0px 10px 0px 10px;
		padding: 7px 10px 5px 10px;
		
	font-size: 13px;
	text-transform: uppercase;
}
	div#divSubheadMenu ul li.current
	{	
		background: #991c2f;
	}
	div#divSubheadMenu ul li.current a
	{	
		color: white;
	}
	div#divSubheadMenu ul li.first
	{	
		margin-left: 0;
	}
	div#divSubheadMenu ul li.last
	{	
		margin-right: 0;
		float: right;
	}

div#divSubheadMenu ul li a
{	
	height: 30px;
	color: #991c2f;
	text-decoration: none;
}
div#divSubheadMenu ul li a:hover
{	
	text-decoration: underline;
}
div#divSubheadMenu ul li a.current:hover
{	
	text-decoration: none;
}
*/

/*	link-style version of sub-menu */
div#divSubheadMenu
{	
	margin-top: 10px; /* 0px with grey bkgnd*/
	padding: 10px 0 10px 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	/*background: #f4f4f4;*/
}

div#divSubheadMenu ul
{	
	padding: 0;
	margin: 0;
	display: block;
}
div#divSubheadMenu ul li
{	
	display:inline;
	padding:0px 12px;
	margin:0;
	/*border-left:1px solid #f8f8f8;*/
	font-size: 11px;
}
div#divSubheadMenu ul li.first
{	
	border:none;
	padding-left:0px;
}
div#divSubheadMenu ul li.last
{	
	padding-right:0px;
}

div#divSubheadMenu ul li a
{	
	color: #A9A9A9;
}
div#divSubheadMenu ul li a:hover
{	
	color: #991c2f;
	text-decoration: none;
}










div#divHeaderLinks
{	
	/*background: #f4f4f4;*/
	border-bottom: 1px dotted #A9A9A9;
	margin: 0;
	padding: 4px 0;
	font-weight: bold;
}
div#divHeaderLinks a
{	
	color: #A9A9A9;
}
div#divHeaderLinks a:hover
{	
	color: #991c2f;
	text-decoration: none;
}






div.coupons_header
{	
	position: relative;
	float: right;
	background: #f4f4f4/*#eaf2e6 or #FFFFCC*/;
	margin: 2px 0 0 0;
	padding: 2px 5px;
	max-width: 480px;
	max-height: 45px;
	border-radius: 5px;	font-size: 12px;
	border: 1px solid #A9A9A9;
}
div.coupons_header table
{	
	width: 100%;
	height: 35px;
}
div.coupons_header table th
{	
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}
div.coupons_header td
{	
	/*color: #5F705F;/*7b8079;*/
	font-size: 12px;
}
div.coupons_header td.nowrap
{	
	white-space: nowrap;
	padding: 0 20px 0 5px;
}
div.coupons_header strong
{	
	color: #994955;
}
div.coupons_header img.fade_right
{	
	position: absolute;
	left: 332px;
	top: 5px;
	width: 30px;
	height: 30px;
}

form#coupon_form
{	
	padding: 0;
	margin: 0;
}



/*
	Footer styles
*/

div#divFooter
{	
	margin-top: 30px;
	background: #f4f4f4;
	border-top: 1px dotted #A9A9A9;
	border-bottom: 1px dotted #A9A9A9;
}
div#divFooterContent
{	
	width:960px;
	text-align:left;
	font-size: 11px;
	padding: 10px 0;
}

div#divFooterLeft
{	
	width: 350px;
	margin-top: 10px;
	padding-bottom: 10px;
	float: left;
}

div#divFooterLeft a
{	
	color: #991c2f;
	font-weight: bold;
	text-decoration: none;
}


div#divFooterRight
{	
	text-align: right;
	float: right;
	width: 610px;/*480px;  not enough space for links*/
	margin-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

div#divFooterRight a
{	
	color: #A9A9A9;
}

div#divFooterRight a:hover
{	
	color: #991c2f;
	text-decoration: none;
}





/*
	Common elements
*/

div#content
{	
	width:960px;
	min-height: 475px;
	margin:0 auto 20px auto;
	text-align:left;
	font-size:14px;
}

div#subhead
{	
	padding:0 0 15px 0;
	border-bottom: 2px solid #e5e5e5;
}



div.left
{	
	float:left;
}
div.right
{	
	float:right;
}



div.details
{	
	padding:5px 10px;
	font-size:12px;
	line-height:120%;
}



.fieldnote
{	
	font-size:12px;
	color:gray;
}


div.churchtitle1
{	
	font-size: 16px;
	font-weight: bold;
	color: black;
}
div.churchtitle2
{	
	font-size: 14px;
	font-weight: normal;
	color: #A9A9A9;
	padding: 3px 0;
}
div.churchtitle3
{	
	font-size: 14px;
	font-weight: normal;
	color: #A9A9A9;
}
div.churchtitle3 span
{	
	color: #808080;
}




table.button
{	
	background:#be1e0e;
	cursor:pointer;
}
table.button td.button_content
{	
	font-family:Helvetica,sans-serif;
	font-size:16px;
	color:white;
	padding:10px 20px;
}


input.button
{	
	cursor:pointer;
	background: white url(images/simpleBtn_gray_bg.gif) bottom repeat-x;
	border: 1px solid #aaaaaa;
	padding: 3px 10px;
	border-radius: 5px;}
input.green2
{	
	background: #EAFEB6 url(images/simpleBtn_green_bg1.gif) bottom repeat-x !important;
	border: 1px solid #AAD402 !important;
}
input.green1
{	
	color: white !important;
	background: #C3D797 url(images/simpleBtn_green_bg.gif) bottom repeat-x !important;
	border: 1px solid #8AAB44 !important;
}
input.green
{	
	color: black !important;
	background: #9cd078 url(images/simpleBtn_green_bg2.gif) bottom repeat-x !important;
	border: 1px solid #169835 !important;
}
input.brown
{	
	cursor:pointer;
	background: white url(images/simpleBtn_gray_bg.gif) bottom repeat-x;
	border: 1px solid #aaaaaa;
	padding: 3px 10px;
	border-radius: 5px;	
	/*background: #FBD31F url(images/simpleBtn_brown_bg1.gif) bottom repeat-x !important;
	border: 1px solid #D18B00 !important;*/
}








h1
{	
	font-size:24px;
	color:#991c2f;
	font-weight:bold;
	margin-top: 25px;
}
h1.serious
{	
	padding: 7px 14px;
	color: white;
	background:#991c2f;
	border-radius: 5px;}

h2
{	
	font-size:20px;
	color:#991c2f;
	font-weight:bold;
}

h2.subhead
{	
	padding:45px 0 15px 0;
}
h2.bordered
{	
	border-bottom: 1px solid #e5e5e5;
}


h3
{	
	font-size:18px;
	/*color:#991c2f;*/
	font-weight:bold;
}

h4
{	
	font-size: 16px;
	color: #991c2f;
	font-weight: bold;
	margin: 25px 0 10px 0;
}



a
{	
	color: #991c2f/*#0000EE*/;
	text-decoration:none;
}
a:hover
{	
	color: #991c2f/*#0000EE*/;
	text-decoration:underline;
}
a:visited
{	
	color: #991c2f/*#0000EE*/;
}
a:active
{	
	color: #991c2f/*#0000EE*/;
}

a.boxed
{	
	padding: 5px 15px;
	border: 1px solid #cccccc;
	text-transform: uppercase;
}

.go	{
	text-align: center;
	color: #A6A6A6; /*#666;*/
	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
.go a  
{
	color: #A9A9A9;
	text-decoration: none;
}

.go a:hover 
{
	color: #991c2f;
	text-decoration: underline;
}



strong
{	
	font-weight:bold;
	color:#991c2f;
}

em
{	
	font-style:italic;
	font-weight:bold;
	color:#991c2f;
}



.rounded_corners
{	
	border-radius: 5px;	
}





/*
	common decorative elements
*/

span.arrow
{	
	font-family:serif;
	font-size:14px;
}

span.good
{	
	color:DarkBlue;
}
span.bad
{	
	color:#991c2f;
}
span.green
{	
	color:green;
}

div.invoice_note
{	
	font-size: 12px;
	text-align: center;
}

















/*
	page messages box styles
*/

div#divPageNotes
{	
	margin: 10px 0;
	padding: 10px 20px;
	background: #ffffcc;
	border: 1px solid #A9A9A9;
	color: black;
	
	border-radius: 5px;}

div#divPageMessages
{	
	margin: 10px 0;
	padding: 10px 20px;
	background: #ffffcc /*#f8fff3*/;
	border: 1px solid #A9A9A9 /*#e7fadc*/;
	/*color: #7fb535;*/
	/*font-weight: bold;*/
	
	border-radius: 5px;}

div#divPageErrors
{	
	margin: 10px 0;
	padding: 10px 20px;
	background: #fff6f3;
	border: 1px solid #A9A9A9 /*#fae5dc*/;
	/*color: #b34135;*/
	/*font-weight: bold;*/
	
	border-radius: 5px;}






























/*
	btButton styles...
*/
button.btButton
{	padding:0;
	margin:0;
	margin-left:0px;
	margin-right:0px;
	border:none;
	background:transparent;
	cursor:pointer;
}
button.btButton table
{	padding:0;
	margin:0;
}
button.btButton table td
{	padding:0;
	margin:0;
}
button.btButton table a
{	color:white;
	text-decoration:none;
}
button.btButton table h2
{	
	margin:0;
	padding:0;
	font-size:32px;
	line-height:100%;
}
button.btButton table td.topLeft
{	width:13px;
	max-width:13px;
	background:url(btButton_left_bg.gif) repeat-y left;
	vertical-align:top;
}
button.btButton table td.topLeft img
{	vertical-align:top;
	width:13px;
	height:49px;
	margin:0;
	padding:0;
}
button.btButton table td.top
{	background: #169835 url(btButton_top_bg.gif) repeat-x top;
	padding-top: 14px;
	text-align: center;
	vertical-align: middle;
	font-family: sans-serif;
	color: white;
	font-size: 14px;
}
button.btButton table td.topRight
{	width:13px;
	max-width:13px;
	background:url(btButton_right_bg.gif) repeat-y right;
	vertical-align:top;
}
button.btButton table td.topRight img
{	vertical-align:top;
	width:13px;
	height:49px;
	margin:0;
	padding:0;
}
button.btButton table td.bottomLeft
{	width:13px;
	max-width:13px;
	height:14px;
	max-height:14px;
	background:url(btButton_bottom_left.gif) no-repeat bottom left;
}
button.btButton table td.bottom
{	height:14px;
	max-height:14px;
	background:url(btButton_bottom_bg.gif) repeat-x bottom;
}
button.btButton table td.bottomRight
{	width:13px;
	max-width:13px;
	height:14px;
	max-height:14px;
	background:url(btButton_bottom_right.gif) no-repeat bottom right;
}


































































/*
	
	Specific-use styles...
	
*/





/*
	home
*/

div#divPanel_frame
{	
	border: 1px solid #A9A9A9;
	cursor: pointer;
	margin-right: 40px;
	border-radius: 5px;}

.fadeIn {
	opacity: 1;
}
.fadeOut {
	opacity: 0;
}

div#divBodyRow1
{	
	width:960px;
	text-align:left;
	
	margin-top:30px;
}

div#divProd_svp
{	
	/*width:667px;
	height: 382px;
	background:url(images/prod_svp5.jpg) no-repeat top left;*/
	
	width: 476px;
	height: 300px;
	background: url(images/prod_svp3.jpg) no-repeat top left;
	
	border: 1px solid #A9A9A9; /*#e9e6e1;*/
	text-align: left;
	cursor: pointer;
	margin-right: 40px;
	
	border-radius: 5px;}
div#divProd_svp:hover
{	
	border:1px solid #A9A9A9;
}

div#divBlurb
{	
	width:268px; /*270 old*/
	height:124px; /*150 old*/
	background:url(images/home_blurb3.gif) no-repeat center left;
	text-indent:-9999px;
	margin-top: 25px;
	margin-left: 40px;
	padding: 10px 0px;
	border-top: 1px dotted #A9A9A9;
	border-bottom: 1px dotted #A9A9A9;
}

div#divButton
{	
	width:270px;
	height:80px;
	background:url(images/home_button.gif) no-repeat top left;
	margin-top:30px;
	margin-bottom:30px;
	margin-left: 40px;
	cursor:pointer;
	text-indent:-9999px;
}


div#divBodyRow2
{	
	background:#f8f8f8;
	/*border-top: 1px dotted #A9A9A9 /*#991c2f*/;*/
	/*border-bottom: 1px dotted #A9A9A9 /*#991c2f*/;*/
}


div.product
{	
	width:130px;
	height:130px;
	text-align:left;
	margin-bottom:30px;
	border:1px solid #f4f4f4;
	
	border-radius: 5px;	
	cursor:pointer;
}
div.product:hover
{	
	border:1px solid #A9A9A9;
}

div#divProd_33d
{	
	background:url(images/prod_33d1.jpg) no-repeat top left;
}
div#divProd_g2g
{	
	background:url(images/prod_g2g2.jpg) no-repeat top left;
}
div#divProd_pma
{	
	background:url(images/prod_pma2.jpg) no-repeat top left;
}
div#divProd_fth
{	
	background:url(images/prod_fth2.jpg) no-repeat top left;
}


td.balloon_arrow
{	
	height:8px;
	background:url(images/balloon_arrow.gif) no-repeat right top;
}
td[class~=balloon_arrow][class~=large]
{	
	height:16px;
}

td.balloon_content
{	
	font-size:12px;
	text-transform:uppercase;
	color: #f6e6a9;
	background:black;
	padding:5px 5px 3px 5px; 
}
td[class~=balloon_content][class~=large]
{	
	font-size:16px;
	padding:8px 10px 5px 10px;
}
td.balloon_content a
{	
	color:#f6e6a9;
	text-decoration:none;
}









/*
	products
*/

ul.products
{	
	margin: 0;
	padding: 0 0 50px 0;
	list-style: none;
	/*border-bottom: 1px solid #e5e5e5;*/
}

ul.products li
{	
	/*border-bottom: 1px solid #e5e5e5;*/
	
		padding: 1px 0 0 10px;
	margin: 5px 0 0 0;
		
		min-height: 135px;
		line-height:140%;
}

ul.products li div
{	
	/*max-width: 640px;*/
}



ul.products li table.discounts
{	
	line-height:140%;
	margin:0 0 10px 0;
}
ul.products li table.discounts caption
{	
	text-align:left;
	/*padding:5px 10px;
	background:#f4f4f4;*/
	font-weight:bold;
	/*border-bottom:1px solid #e5e5e5;*/
}
ul.products li table.discounts th
{	
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	padding:5px 10px 5px 0;
	width:1px;
}
ul.products li table.discounts td
{	
	vertical-align:top;
	padding:5px 0;
}



ul.products li fieldset.discounts
{	
	padding:0 10px 10px 10px;
	margin:0 0 10px 0;
	border:none;
	/*width: 480px;
	background:#f4f4f4;
	border-radius: 5px;	*/
}
ul.products li fieldset.discounts legend
{	
	font-weight:bold;
	text-transform:none;
	font-size:14px;
	line-height:18px;
	color:black;
	padding:5px 20px 5px 10px;
	margin:0 0 0 -10px;
	/*background:#f4f4f4;
	border-radius: 5px;	*/
}









/*
	details
*/

table#customize
{	
	width:480px;
}

table#customize select
{	
		width: 100%;
		
}
table#customize input
{	
	width:100%;
}
table#customize textarea
{	
	width:100%;
}

table#customize th
{	
	border-bottom:1px solid #eeeeee;
}
table#customize tr.top td
{	
	border-bottom:1px solid #eeeeee;
}
table#customize tr.bottom td
{	
	border-top:1px solid #eeeeee;
}

table#customize div#divUnpaidImprintNote
{	
	text-align: right;
}



h2.details
{	
	margin:0;
	padding:10px 0 0 0;
}

h3.details
{	
	margin:0;
	padding:5px 0 0 0;
}


div.details_discount_row
{	
	margin: 2px 0 5px 0;
}





/*
	Staff Area
*/
div#divStaffTools
{	
	padding-top: 20px;
}

div#divStaffTools fieldset
{	
	
}











































































/*
	other
*/

div.page_message
{	
	padding-bottom:10px;
}