/* Universal "star" selector */
*{margin:0;padding:0;}
hr { clear: both; height: 0px; border: 0; }


/* =Typography
--------------------------------------------------------------*/
body {font-size: 76%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #000000 url(../img/wood.jpg) no-repeat right top; }
img.right { float: right; margin: 0 0 20px 20px }
img.bordered { border: 5px solid #fff }
p{ margin-bottom: 10px; line-height:1.5em; }
ul, ol{ margin-bottom: 10px; }
div .orphan { margin-bottom: 0; }
embed { outline: none }

a:link,a:visited {color:#316366;}
a:hover {color:#000}

.postedby {
	background:url(../img/icon-testimony.gif) no-repeat;
	background-position:0 3px;
	margin-top:5px;
	padding:3px 0 3px 20px;
	color:#888;
	font-size:10px;
	}
.dom_button {
	color:#069;
	text-decoration:underline;
	cursor:pointer;
	}
.formhelp {font-size:10px;}

.discounted {
  line-height:18px;
  font-weight: bold;
  color:black;
} 

.address {
  text-align: center;
}

/* @group Form Messages */
#form_message { 
  overflow: hidden;
  position: fixed;
  z-index: 101;
  width: 100%;
  color: #fff;
}

#form_message.info {
  background: url(../img/form_message-info-bg.png) repeat-x;
}

#form_message.error {
  background: url(../img/form_message-error-bg.png) repeat-x;
}

#form_message h2 {
  margin:0px; 
  font-size: 18px; 
  font-weight: bold; 
  text-transform: uppercase; 
  letter-spacing: -1px; 
  color: #fff;
  margin-top: 25px;
}

#form_message ul, #form_message h2, #form_message p {
  margin-left: 25px;
  margin-right: 25px;
}

#form_message ul {
}

#form_message li {
  margin-left: 20px;
}

#form_message_close {
  float: right;
}

#form_message a {
  color: #fff;
}

#form_message a:hover {
  color: #ECECEC
}
/* @end */

/* @group Featured */
div.featured { background: #c3ebed; padding: 25px; margin-bottom: 10px; overflow: hidden; }
div.featured h2, div.featured h3 { 
  margin:0px; 
  font-size: 18px; 
  font-weight: bold; 
  text-transform: uppercase; 
  letter-spacing: -1px; 
  color: #316366; 
  padding-bottom: 10px;
}

div.featured h3 {
  color: #000;
  font-size:14px;
  text-transform: none;
}
div.featured ul li, div.featured ol li {
  margin: 0 0 3px 0;
  list-style-position: inside;
}

div.featured hr {
  height: 1px;
  border-top: 1px solid #9ACBCD;
  border-bottom: 1px solid #D4F7F8;
  margin: 20px 0;
}

div.featured blockquote {
  background: url(../img/icon-quote.png) no-repeat;
 padding-left: 60px;
}
div.featured blockquote h3 {
}
div.featured blockquote {
}
div.featured blockquote .author {
  font-weight: bold;
  font-size:14px;
}

div.featured .even {background: #B7E6E8; }

div.featured a, div.featured a:visited { color: black; } 
div.featured a:hover { color: #316366; }

/* @end */

/* @group Informative */
div.informative { background: #cffcc6; padding: 25px; margin-bottom: 10px; overflow: hidden; }
div.informative h2, div.informative h3 { margin:0px; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #4A683B; padding-bottom: 10px; }
div.informative h3 {
  color: #000;
  font-size:14px;
  text-transform: none;
}
div.informative ul li {
  margin: 0 0 0 20px;
}

/* @end */

/* @group Normal */
div.normal {
  background:none repeat scroll 0 0 #EEEEEE;
  margin-bottom:10px;
  margin-top:0;
  padding:25px;
  overflow: hidden;
}
div.normal h2, div.normal h3 {
  margin:0px;
  color:#535353;
  font-size:18px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-bottom:10px;
  text-transform:uppercase;
}

div.normal h2 .info {
  font-size: 12px;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
}

div.normal h3 {  
  color: #000;  
  font-size:14px;
  text-transform: none;
}
div.normal ul li {
  margin: 0 0 3px 20px;
}

div.normal .even {background:#EAEAEA;}  
div.normal .last { margin-bottom: 0; }

div.normal a, div.normal a:visited { color: #1797A6 }
div.normal a:hover { color: #000; }
/* @end */

/* @group Basic Layout */
div#wrapper { position:relative; width: 960px; margin:0 auto; }
  div.main { width: 960px; clear:left; overflow: hidden; background: #ffffff; margin-bottom: 10px; }
    div.content { float: left; padding: 20px; width: 915px; }

#branding { height: 130px; }
#branding img {border: none; position: relative; top: 25px; }



table#wrapper { width: 100%; }
  table.main td { width: 600px; }
    table.content td { margin: 20px; width: 560px; background: #ffffff; }

/* @end */

/* @group Forms */
form ul li {
  list-style: none;
  margin: 0 0 8px 0 !important;
  overflow: hidden;
}

form ul li label { 
  width: 180px;
  float: left;
}

form ul li input[type="text"], form ul li input[type="password"], form ul li select {
  width: 200px;
}

form ul .checkbox input {
  float:left;
  width: 20px;
}

form ul .checkbox label {
  width: inherit;
}

form .error {
  border: #E12325 solid 2px;
}

form #login, form #create_account, form #apply_discount, form #submit_button, form #form_upload_button, form #subscribe_button, form #verify_exemption, form #verify_button {
  border: none;
  text-indent: -9999em;
  overflow: hidden;
  width:88px;
  height: 36px;
	cursor:pointer;
	float: right;
}

form #create_account {
  background: url(../img/button-normal-create.png);
}

form #login {
  background: url(../img/button-normal-login.png);
}

form #apply_discount {
  background: url(../img/button-normal-apply.png);
	float: none;
}

form #form_upload_button {
  background: url(../img/button-normal-upload.png);
}

form #form_upload_button.replace {
  background: url(../img/button-normal-replace.png);
}

form #submit_button {
  background: url(../img/button-normal-submit.png);
}

form #subscribe_button {
  background: url(../img/button-featured-subscribe.png);
}

form #verify_exemption {
  background: url(../img/button-normal-verify.png);  
  float: none;
}

form #verify_button {
  background: url(../img/button-normal-verify.png);
}
  

/* @end */

/* @group Info Bar */
#info_bar {
  position:absolute;
  top:10px;
  right: 0;
  height:57px;
}
.loggedout { }
. {	}
#info_bar p {
  padding:0;
  font-size:10px;
  margin:0;
}
. p {	text-align:right;}	
.loggedout p {	text-align:center;	}	
#info_bar ul { list-style-type: none; }
#info_bar ul li { display: block; float: left; border-right: 1px solid #ffffff; padding: 3px 5px; }
#info_bar ul li a { color: #ffffff; text-decoration: none; font-size: 11px; }
#info_bar ul li a:hover { text-decoration: underline; }
#info_bar ul li.search { border-right: none; padding: 1px 0 0 6px;}
#info_bar #searchquery { width: 120px; height: 20px; border: none; }
#info_bar #search_btn { outline: none; }
#info_bar #search_btn img { outline: none; height: 20px; vertical-align: top; }
#info_bar ul li img { border: none; vertical-align: middle; margin-right: 4px;}
/* @end */

/* @group Cart View */
#cart_view {
	position:absolute;
	top: 37px;
	right: 4px;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	width:202px;
	color:#fff;
	height:30px;
	line-height:30px;
	text-align: right; 
}

#cart_view div { }

#cart_view img { float:left; padding:5px; width:55px; }
/* @end */

/* @group Pre Nav */
#prenav ul {
  display: block;
  overflow: hidden;

}

#prenav li {
  float:left;
  list-style: none;
  margin: 0 10px 5px 0;
}

#prenav li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #cccccc;
  margin-left: 3px;
  font-size: 12px;
}

#prenav li a:hover {
  text-decoration: underline;
}

#prenav li img {
  margin-top: 1px;
}

#prenav li.home {
  padding-left: 12px;
  background: url(../img/icon-home.png) no-repeat 0 1px;
}

#prenav li.about {
  padding-left: 9px;
  background: url(../img/icon-about.png) no-repeat 0 1px;
}

#prenav li.help {
  padding-left: 7px;
  background: url(../img/icon-help.png) no-repeat 0 1px;
}
/* @end */

/* @group Nav */
#nav, #nav ul { 
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 28px;
  position: relative;
  z-index: 100;
  clear: both;
  background: url(../img/nav-arrow.png) no-repeat !important;
}

#nav a {
  display: block; 
  text-decoration:none;
  padding: 0 6px;
  color:#fff;
  cursor: pointer;
}

#nav li { 
  float: left;
  display: block;
  text-align:left;
  position: relative;
  background: url(../img/nav-li-bg.png) no-repeat left top;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-right: 1px;
  cursor: pointer;
}

#nav li.c3 {
  background: url(../img/nav-li-bg-green.png) no-repeat left top;  
}

#nav li a {
/*  margin-bottom: 3px;*/
}

#nav li ul li { background: none; width: 189px; text-transform: none; padding: 0; margin: 0; letter-spacing: 0px;}


/* second-level lists */
#nav li ul {
  position: absolute;
  width: 189px;
  text-align:left;
  left: -999em;
  padding-top: 14px;
  border-bottom:1px solid #666666;
}

#nav li ul li a {
  border-left:1px solid #666666;
  border-right:1px solid #666666;  
  margin-bottom: 0;
}

#nav li ul li a:hover {
  background-color: #33898f;
  color: #fff;
}

#nav li ul a {background: #a2eff4; color:#000;line-height:28px;}

#nav li ul li a.extendable {
  background: url(../img/arrow-black-right.gif) no-repeat right center #a2eff4;
}
#nav li ul li a.extendable:hover {
  background-color: #33898f;
  color: #fff;
}

/* third-and-above-level lists */
#nav li ul ul { 
  border-top:1px solid #666666;
  background: none !important;
  margin: -30px 0 0 185px !important;
  padding-top: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

a.leftnav {cursor:text}
/* @end */

/* @group Sidebar */
#sidebar { display: none; }

.sidebar_box {
  padding-bottom:10px;
  text-align:center;
  font-size:10px;
  background: url(../img/bg-sidebarbox-gray-bottom.gif) no-repeat bottom right;
  /*margin-right: -5px;*/
  border-right: 0px solid #dbdbdb;
}

.sidebar_box h2 {
  font-size:10px;
  line-height:30px;
  padding:10px;
  text-transform:uppercase;
  color:#555;
  background: #e8e8e8 url(../img/bg-sidebarbox-gray-top.gif) no-repeat top right;
  line-height: 15px;
}	
.sidebar_box p img {
  border:5px solid #eee;
  margin-top:20px;
}

/* @end */

/* @group Category */
div.cat_intro { background:#000000; margin-bottom: 10px; padding: 15px 25px }
div.cat_intro h2 { font-size:36px; background:none; font-weight:normal; color: #ffffff; text-transform: uppercase; letter-spacing: -1px; }
div.cat_intro h3 {  font-size:14px; background:none; font-weight:normal; color: #cbcbcb; letter-spacing: -1px; }
div.cat_intro p { margin: 0; color: #cccccc; }
div.cat_intro p.speaker { margin: 0; color: #e6781f; }
div.cat_intro a { color: #e6781f; }
div.cat_intro a:hover { color: #C65A00; }
div.cat_intro .img_right { float:right; margin: 0 0 20px 10px; border:5px solid white; } 
div.sort { height: 30px; }
/* @end */

/* @group Testimonies */
#testimonies p {padding:0 10px;text-align:left}

#testimonies p.links{text-align:center}

#testimonies p.postedby {
  padding:0 10px 0 15px;
  margin-left:10px;
}

#testimonies blockquote {
  background: url(../img/bg-testimony-left.gif) no-repeat;
  margin:0 0 0 50px;
  text-align:left;
}

#testimonies blockquote p {
  /*background: url(../img/bg-testimony-right.gif) no-repeat top right;*/
  padding-left:10px
}
/* @end */

/* @group Product */
#product_description {
  overflow: hidden;
}
.content_box, .product_details {
  margin:25px 0;
  padding-bottom:2px;
}

h1.content_box_title, h2.content_box_title,	h2.kit_title {
  margin-left: -19px;
  cursor: pointer;
}

h2.kit_title img {
  padding-right:5px;
}	

h2.kit_title span.price {
  color:#555;
  float:right;
  margin: 0 10px 0;
  font-size:12px;
}

.preview_button {display:block;margin-top:10px;}
/* Product & Series Page: Pricing Grid*/

#sermon_details h4.sermon_title {
  font-size:18px;
  font-weight:normal;
}



.clear{display:block;clear:both;}

/* @end */

/* @group Related Products */

#related_products table {
  width: 100%
}

#related_products img {
		border:5px solid #fff;
}

#related_products a.rp_img {text-decoration:none;}

.content_buffer #related_products a:hover img {
  text-decoration:none;
  border:5px solid #069;
}

#related_products a.rp_title {
  font-weight:bold;
  text-decoration:underline;
}

#related_products td {
  text-align:center;
  padding:0 5px;
  width:30%;	
  font-size: 12px;
}

#related_products a {
  display:block;
}
/* @end */

/* @group format_grid */
a.arrow { text-align: center; background: url(../img/arrow-featured.png) no-repeat top right; color: #fff !important; text-transform: lowercase; display: block; line-height:20px; text-decoration: none; padding-right: 10px;}
a.arrow:hover { text-decoration: underline; }

.format_grid {
  background:url(../img/nav-li-bg.png) no-repeat scroll left top transparent;
}

table.format_grid td {
  text-align:center;
  border-bottom: 1px solid #fff;
  padding:4px 8px;
  background:#eee;
  font-size:11px;
  line-height: 28px;
}

table.format_grid th {
  font-size: 11px;
  text-transform:uppercase;
  font-weight:normal;
  padding:2px 8px;
  color: #fff;
  line-height: 22px;
  border-bottom: 1px solid #fff;
}

table.format_grid td.format {
  background:#E7E7E7 !important;
  border-right:0 !important;
  line-height:17px;
  width: 100px;
}

table.format_grid th.format {
  border-bottom:1px solid #fff;
  width: 100px;
}

table.format_grid td.format {background:#eaeaea;font-size:11px;}

table.format_grid td.addtocart { text-align: right; }
table.format_grid td.addtocart a { padding: 0 10px 0 10px; background: #909090; }
table.format_grid td.addtocart a.added { background: #BDBDBD; }

table.format_grid td.format span{display:block;float:left;width:100px;}
table.format_grid td.format img{display:block;margin-left:7px;}

table.format_grid tr.even {background:#c0db6a}


table.format_grid tbody.checkout td { text-align: right; border: none; height: 30px; background: #E7E7E7; }
table.format_grid tbody.checkout a { width: 60px; padding: 0 18px 0 10px; background: url(../img/arrow-featured.png) no-repeat top right; float: right; }



/* @end */

/* @group Receipt */
.oldqty  { color:#666 !important; 	text-decoration:line-through; }
.newqty{padding-left:2px;padding-right:10px;}
.item_refunded { color: #e6201f !important }
.refundmessage{text-decoration:none;color:#e6201f !important;}
.unit_price { padding-left: 0.5em; }
/*

/* @end */
		
/* @group Footer */
#footer{ padding: 10px 0; margin-top:0px; text-align:center; }
/* @end */

/* @group Hidden */
.hide {display:none !important}
.show {display:block !important;}
/* @end */

/* @group Promos */
div#promo-top5e {
  background-image: url(../img/promo-top5e-bg.jpg);
  margin: 0px 0px 20px 0;
  width: 260px;
  height: 214px
}

#promo-top5e ul {
  padding: 82px 20px 0px 35px;
  color: #fff;
  list-style: none;
}

#promo-top5e ul li {
  width: 216px;
  height: 22px;
  background-repeat: no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

#promo-top5e ul li:hover {
  background-position: 0 -24px;
}

#promo-top5e ul li a {
  display: block;
  height: inherit;
}

#promo-top5e-item1 {
  background-image: url(../img/promo-top5e-item1.png);
}
#promo-top5e-item2 {
  background-image: url(../img/promo-top5e-item2.png);
}
#promo-top5e-item3 {
  background-image: url(../img/promo-top5e-item3.png);
}
#promo-top5e-item4 {
  background-image: url(../img/promo-top5e-item4.png);
}
#promo-top5e-item5 {
  background-image: url(../img/promo-top5e-item5.png);
}
/* @end */

/* @group Calendar */
.calendar {
  width: 100%;
}
.calendar td { 
  text-align: center;
  padding: 4px;
}
.calendar th {
  padding: 4px;
}
/* @end */

