@charset "UTF-8";
/* CSS Document */
html {
/*overflow: -moz-scrollbars-vertical; */
}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ffffff;
}

body {	
	text-align: center;
}
a { color: #393996; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
small { font-size: 11px; }
big { font-size: 16px; }

h1 { 
	font-size: 16px; 
	font-weight: bold; 
	color: #393996; 
	margin: 10px 0 5px 0; 
}
h2 {
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	margin: 0 0 5px 0; 
}
h3 { 
	font-size: 12px; 
	font-weight: bold; 
	/*color: #258C42;*/
	color: #000000;
	margin: 0 0 3px 0; 
}
h3:hover { text-decoration: underline}
h4 { 
	font-size: 11px; 
	font-weight: normal; 
	color: #258c42; 
	margin: 0 0 3px 0; 
}
h4:hover { text-decoration: underline}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}
div, form {
	margin: 0px;
	padding: 0px;
}
dl, dt, dd {
	margin:0;
	padding:0;
}
.clear, .clearSpacer {
	clear: both;
  font-size: 1px;
}
.clearSpacer {
  padding: 0 0 5px;
}
.more{
	text-transform: uppercase;
  padding: 8px 0 0 0;
  margin: 0;	
}
.card{
	border: 1px solid #c1c1c1;
	width: 248px;
	height: 220px;
	padding: 10px 0px;
	float:left;
	margin: 10px 0px;
	display: inline;
}
	.card h2{
		font-size: 16px; 
		font-weight: bold; 
		color: #393996; 
		margin: 0 0 5px 0;
	}
	.card h2, .card h3, .card p{
		padding: 0px 5px;
	}
  
  .card h3 {
    height: 30px;
    vertical-align: middle;
  }

/* New Design */
#container{
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
}
#header{
	width: 1000px;
	height: 141px;
}
#blurb{
	float: right;
  width: 300px;
	height: 44px;
  text-align: center;
  margin-top: 15px;
  color: #393996;
  /**/
}
  #blurb strong {
    font-size: 14px;
    color: #258c42
  }
#user{
	width: 280px;
	height: 89px;
	float: right;
	text-align: right;
  position: relative;
  padding-right: 10px;
}
#logo{
	width: 360px;
	vertical-align: middle;
}
#info{
	padding: 15px 0 5px 0;
  float: left;
  width: 360px;
}
#phone{
	position: absolute;
  right: 0px;
  top: 25px;
  width: 160px;
  height: 30px;
  background: url(media/images/1-888-832-4153.png) no-repeat scroll 0px 0px;
}
#tagline{
	clear: both;
	width: 1000px;
	line-height: 20px;
	background: transparent url(media/images/top_bar.png) no-repeat scroll left top;	
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
  text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0 0;
}
html>body #tagline{
	width: 1000px;
}

h2.tagline {
	font-size: 12px;
	color: #393996;
}

/* Top Navigation */
#nav{
	clear: right;
	float: right;
  position: relative;
	line-height: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 600px;
}
	#nav li{
		float: left;
		margin-left: 0px;
	}
	#nav li, #nav li a{
		height: 30px;
		line-height: 30px;
		display: block;
		text-decoration: none;
		outline: none;
	}
	#nav li span{
		display: none;
		font-size: 0px;
	}

	#nav .nav-home a{
		width: 100px;
		background: url(media/images/home.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-home a:hover {
		background-position: 0px -30px;
	}

	#nav .nav-about a{
		width: 100px;
		background: url(media/images/about.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-about a:hover{
		background-position: 0px -30px;
	}

	#nav .nav-christmas a{
		width: 100px;
		background: url(media/images/christmas.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-christmas a:hover {
		background-position: 0px -30px;
	}
	
	#nav .nav-greeting a{
		width: 100px;
		background: url(media/images/greeting.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-greeting a:hover {
		background-position: 0px -30px;
	}

	#nav .nav-announcements a{
		width: 100px;
		background: url(media/images/announcements.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-announcements a:hover {
		background-position: 0px -30px;
	}
	
	#nav .nav-cause a{
		width: 100px;
		background: url(media/images/cause.png) no-repeat scroll 0px 0px;
	}
	#nav .nav-cause a:hover {
		background-position: 0px -30px;
	}
	
	#nav .current a{
		background-position: 0px -60px;
	}

/* Main Content */
#main{
	width: 1000px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	background: transparent url(media/images/grey_bg.png) repeat-y scroll left top;
}

/* Left Navigation */
#leftNav{
	width: 200px;
	float: left;
	background-color: transparent;
	display:inline;
	padding-bottom: 10px;
	position: relative;
}
#search{
	width: 180px;
	height: 50px;
	background: transparent url(media/images/search_bg.png) no-repeat scroll 0px 0px;
	padding: 10px;
	
}
	#search p{
		padding: 0px;
		margin: 0px;
	}
	.search_input {
		color:#393996;
		font-size:10px;
		font-weight:bold;
		width:140px;
}
#sub_nav dt{
	margin: 0 0 4px 2px;
	padding: 0px 2px;
	width: 192px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}
  #sub_nav dt a {
    color: #ffffff;   
  }
	#sub_nav dt a:hover {
    text-decoration: none; 
  }
#sub_nad dd{
	display:none;
}
#sub_nav dd ul {
	font-size:11px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
	padding: 0px 2px;
	width: 196px;

}
	#sub_nav dd ul li{
		background: #ffffff url(media/images/sec_nav-right.png) no-repeat scroll right top;
		margin: 2px;
		padding: 0px;
		position: relative;
		z-index: 0;
	}
	#sub_nav dd ul li ul li{
		background: #ffffff none;
	}

	#sub_nav dd ul li ul {
		padding:0 0 0 10px;
		z-index: 0;
		width: 180px;
	}
	#sub_nav dd ul li ul li ul{
		width: 170px;
	}
	#sub_nav li a, #sub_nav li a:hover{
		color:#393996;
		padding-left: 12px;
		background: #ffffff url(media/images/sec_nav-left.png) no-repeat scroll left top;
		z-index: 0;

	}
	#sub_nav dd ul li ul li a, #sub_nav dd ul li ul li a:hover{
		background: #ffffff none;
	}
	
#blog{
	color: #666666; 
	padding: 12px 7px 7px; 
	background-color: #FFFFFF;
	margin: 0px 2px;
}

/* Main Content */
#content, #homeFlash{
	width: 790px;
	float: right;
	display:inline;
	padding-left: 10px;
}
#content {
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#homeFlash{
	height: 300px;
	padding-top: 3px;
	padding-bottom: 10px;
	position: relative;
}
	#splash_zone {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		position: relative;
		height: 300px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	#flashInfo{
		width: 155px;
		height: 270px;
		background: transparent url(media/images/flash_info.png) no-repeat scroll left top;
		top: 0px;
		right: 0px;
		color: #FFFFFF;
		padding: 15px;
		font-size: 11px;
		position: absolute;
		z-index: 10;
	}
/*
	#flashInfo h2, #flashInfo div.flash_title{
		color: #FFFFFF;
		padding-top: 10px;
    	margin: 0 0 10px 20px;
    /*margin: 10px 0px 10px 10px; 
	}
*/
	 #flashInfo div.flash_title{
		color: #FFFFFF;
		padding-top: 10px;
    	margin: 0 0 10px 20px;
    	font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		line-height: 16px;
	}
	#flashInfo a, #flashInfo a:active, #flashInfo a:link{
		color: #FFFFFF;
	}


/* Mini Basket */
#miniBasket {
  border: 1px solid #258C42;
  text-align: center;
  background-color: #ffffff;
 
}
#miniBasket .green {
  padding: 2px 10px;
  width: 60%;
  float: left;
  text-align: right;
}
#miniBasket .purple {
   padding: 2px 0;
   width: 24%;
   float: left;
   text-align: right;
}
#miniBasket .red {
  float: left;
  text-align: right;
  font-weight: bold;
}

.specs {
  margin: 2px 0 2px 18px;
  height: 22px;
  width: 260px;
  padding: 0 4px;
  text-align: center;
  background-color: #eeeeee;
  border: solid 1px #999999;
}
  .specsVal {
    padding: 4px 0;
    float: right;
  }
  .specsLabel {
    float: left;
    padding: 4px 0;
    font-weight: bold;
    color: #666666;
    font-size: 11px;
    margin: 0;
  }
  .specsQ {
    float: left;
    padding-top: 8px;
    width: 18px;
  }
  
/* Card List View */
.cardListBoxH, .cardListBoxV {
  float: left;
  position: relative;
  width: 170px;
  padding: 0px; 
  margin: 5px 10px 5px 0px;
  bottom: 0px;
  /*border: 1px solid #c1c1c1;*/
}
  .cardListBoxH {
    height: 175px;  
  }
  .cardListBoxV {
    height: 220px; 
  }
	.cardListInner {
	  position: absolute;
	  bottom: 0px;
    width: 160px;
    margin: 5px; 
	  text-align: center;  
	}
		.cardListText {
		  margin: 5px 0px 0px;
		  height: 40px;
		}
			.cardListText a {
				display: block;
				margin-bottom: 3px;
			}
			.cardListText a.name {
				font-size: 12px;
				font-weight: bold;
			}
			.cardListText a.sku {
				font-size: 11px;
			}
	.cardListPaginate {
	  	margin: 0 40px 0 0;
    	padding: 25px 0 0px;
	  	color: #333333;
    	font-size: 13px;
    	text-align: center;
	}
  .cardListLinks {
	 	margin: 0 40px 0 0;
	    padding: 12px 0 10px;
	    text-align: center;
	}

/* Shopping Cart */
.couponRow {
}
.couponLabel {
  text-align: right;
	border-bottom: 1px solid white;
	height: 30px;
}

/* Card Customization */
#cardContainer{
	width: 750px;
	position: relative;
	margin-top: 20px;	
}
#shoppingCart{
	width: 196px;
	padding: 0 2px;
}
	#shoppingCart dt{
		background: #ffffff url(media/images/green-header_left.png) no-repeat scroll left top;
		width: 192px;
		padding-left: 4px;
		height: 21px;
	}
	#shoppingCart dt p{
		color: #FFFFFF;
		font-weight: bold;
		background: #ffffff url(media/images/green-header_right.png) no-repeat scroll right top;
		line-height: 21px;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
#cardStep{
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	margin: 10px 0px;
	padding: 0px 2px;
	width: 750px;
	height: 20px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
}
	#cardStep li{
		float: left;
		margin: 0px 38px 0px 0px;
		padding: 0px;
		line-height: 20px;
	}
	#cardStep li, #cardStep li a{
		height: 20px;
		text-decoration: none;
	}
	#cardStep .current{
		color: #CC0033;
	}
	
.greenTitle, .orangeTitle, .redTitle, .purpleTitle{
	width: 748px;
	height: 21px;
	padding-left: 4px;
	background: #ffffff url(media/images/purple-header_left.png) no-repeat scroll left top;
}
.greenCatalog, .orangeCatalog, .redCatalog, .purpleCatalog, .redCatalog {
  width: 194px;
  height: 21px;
  padding-left: 4px;
  background: #ffffff url(media/images/purple-header_left.png) no-repeat scroll left top;
}
	.greenTitle h3, .orangeTitle h3, .redTitle h3, .purpleTitle h3, .redCatalog h3 {
		color: #FFFFFF;
		font-weight: bold;
		background: #ffffff url(media/images/purple-header_right.png) no-repeat scroll right top;
		line-height: 21px;
		padding: 0px;
		margin: 0px;
		text-align: center;
	}
	.greenCatalog h3, .orangeCatalog h3, .redCatalog h3, .purpleCatalog h3, .redCatalog h3 {
    color: #FFFFFF;
    font-weight: bold;
    background: #ffffff url(media/images/purple-header_right.png) no-repeat scroll right top;
    line-height: 21px;
    padding: 0px;
    margin: 0px;
    text-align: center;
  }
  .greenTitle h3:hover, .orangeTitle h3:hover, .redTitle h3:hover, .purpleTitle h3:hover { text-decoration: none}
	
	.greenTitle, .greenCatalog{
		background: #ffffff url(media/images/green-header_left.png) no-repeat scroll left top;
	}
		.greenTitle h3, .greenCatalog h3 {
			background: #ffffff url(media/images/green-header_right.png) no-repeat scroll right top;
		}
	.orangeTitle, .orangeCatalog{
	background: #ffffff url(media/images/orange-header_left.png) no-repeat scroll left top;
}
		.orangeTitle h3, .orangeCatalog h3 {
			background: #ffffff url(media/images/orange-header_right.png) no-repeat scroll right top;
		}
	.redTitle, .redCatalog {
	background: #ffffff url(media/images/red-header_left.png) no-repeat scroll left top;
}
		.redTitle h3, .redCatalog h3 {
			background: #ffffff url(media/images/red-header_right.png) no-repeat scroll right top;
		}

.cardBox{
	width: 740px;
	border: 1px #258c42 solid;
	border-top: none;
	padding: 5px 5px 26px 5px;
	position: relative;	
}
  .cardBox h3 {
    padding-bottom: 3px;
    color: #333333;
    text-decoration: none;
  }
  .cardBox h3:hover { 
    text-decoration: none;
  }
  .cardBox label {
    float: left;
    margin: 10px 10px 0px 0px;
    color: #666666;
    font-size: 12px;
  }
.greenBox{
	width: 750px;
	border: 1px #258c42 solid;
	border-top: none;
	position: relative;
  padding: 15px 0;
}

#topCard{
	width: 740px;
	height: 360px;
  padding-top: 10px;
}
#topCard .vertical {
  height: 360px;
}
#verseTop, #frontTop, #envelopeTop{
	width: 740px;
	height: 340px;
  display:none;
}

.cardInfo{
	float:left;
	width: 290px;
	text-align: center;
}
.cardImage{
	float: left;
	width: 450px;
	text-align: center;
}
.redButton, .redGreyButton {
	width: 150px;
	height: 26px;
	padding: 0 0 0 10px;
  margin: 0;
  background: #ffffff url(media/images/red-button_left.png) no-repeat scroll left top;
}
	.redButton h3, .redGreyButton h3 {
		color: #ffffff;
		line-height: 22px;
		height: 26px;
		text-align: center;	
		padding: 0px 10px 0px 0px;
    margin: 0;
    background: #ffffff url(media/images/red-button_right.png) no-repeat scroll right top;
	}
  
  .redGreyButton {
    height: 26px;
		margin: 15px 0 0;
    background: #ffffff url(media/images/red-grey_button_left.png) no-repeat scroll left top;
  }
	.redGreyButton h3 {
		height: 26px;
		background: #ffffff url(media/images/red-grey_button_right.png) no-repeat scroll right top;
	}
  
.blueButton, .blueGreyButton {
	width: 150px;
	height: 26px;
	padding-left: 10px;
	background: #ffffff url(media/images/blue-button_left.png) no-repeat scroll left top;
}
	.blueButton h3, .blueGreyButton h3 {
		color: #ffffff;
		line-height: 22px;
		height: 26px;
		text-align: center;
		padding: 0px 10px 0px 0px;
		background: #ffffff url(media/images/blue-button_right.png) no-repeat scroll right top;
	}
  .blueGreyButton {
  	background: #ffffff url(media/images/blueGrey-button_left.png) no-repeat scroll left top;
  }
	.blueGreyButton h3 {
		background: #ffffff url(media/images/blueGrey-button_right.png) no-repeat scroll right top;
	}  
.blueButtonSm{
  width: 110px;
	height: 18px;
	padding-left: 7px;
	background: #ffffff url(media/images/blue-button_left_sm.png) no-repeat scroll left top;
}
	.blueButtonSm h3{
		color: #ffffff;
		font-weight: normal;
    font-size: 10px;
    line-height: 15px;
		height: 18px;
		text-align: center;	
		padding: 0px 7px 0px 0px;
	  background: #ffffff url(media/images/blue-button_right_sm.png) no-repeat scroll right top;
	}  
#tabs{
	clear: both;
  width: 740px;
	border-bottom: 2px solid #3B9C4F;
}
	.tab{
		float: left;
		height: 32px;
		padding-left: 20px;
		background: #ffffff url(media/images/tab_left.png) no-repeat scroll 0px 0px;
		margin-right: 2px;
		width: 85px;
	}
	.tab:hover{
		cursor: pointer;
	}
		.tab h3{
			color: #ffffff;
			line-height: 32px;
			text-align: center;	
			padding: 0px 10px 0px 0px;
			margin: 0px;
			background: #ffffff url(media/images/tab_right.png) no-repeat scroll right 0px;
		}
	#tabs .current{
		background-position: 0px -32px;
	}
	#tabs .current h3{
		background-position: right -32px;
	}
	#tabs .completed{
		background-position: 0px -64px;
	}
	#tabs .completed h3{
		background-position: right -64px;
	}

/* Customization Areas */
#card_front, #card_verse, #card_personalize, #card_cause, #card_logo, #card_signature, #card_envelope {
	background-color: #ffffff;
	min-height: 100px;
	width: 720px;
	display: none;
	padding: 10px 10px 30px;
}

#card_envelope {
	padding: 10px 10px 10px;
}

  /* Globals */
  .instruction, .intro, .instructions {
    color: #333333;
    font-size: 12px;
    margin: 5px 0 5px 5px;
  }
    .intro {
      float: left;
      width: 600px;
    }
    .instructions {
      clear: both;
      display: none;
      padding: 0;
    }
      .instructions ul, .instruction ul {
        padding: 0 15px;
        margin: 0 5px 10px;
      }
      .instructions li, .instruction li {
        padding: 0 0 7px;
      }
  .help {
    text-align: right;
    float: right;
    padding: 0 0 15px;
    margin: 5px 0 5px 5px;
    width: 100px;
    color: #666666;
    font-size: 11px;
    cursor: pointer;
  }
    .helpIcon {
      vertical-align: -2px;
    }
  .checkLabel {
    color: #258c42;
    font-size: 11px;
  }
  .checkInput {
    vertical-align: -3px;
  }
  .textInput  {	
    width: 275px;
    height: 20px;
    padding-top: 5px;
    color: #000000;
    font-size: 11px;
  }
  .inputs, .verseNone {
    margin: 0 0 0 15px;
    width: 375px;
    float: left;
  }
	.verseNone {
    padding-top: 20px;
	}
	
  .options {
    width: 320px;
    float: left;
  }
	 
  .cOptions {
    position: inherit; 
    text-align: left;
    width: 100px;
    padding-top: 20px;
    float: left;
  }
    .cOptions h3 {
      display: block;
    }
  .inkOptions {
    padding-top: 3px;
    position: absolute;
    top: 5px;
    right: 20px;
  }
    .inkOptions h3 {
      display: none;
      float: left;
      padding-top: 5px;
      padding-right: 5px;
      color: #666666;
    }
   
    .styled { 
      position: relative; 
      width: 137px;
      height: 23px;
      opacity:0; 
      -moz-opacity: 0; 
      filter: alpha(opacity=0);
      z-index: 5; 
	}
    .ink_foil {
      display: block;
      position: absolute;
      width: 108px;
    	height: 20px;
    	padding: 3px 23px 0 6px;
    	font-size: 13px;
	    background: url(media/images/inkSelectBg.png) no-repeat;
    	overflow: hidden; 
    }
  
  /* Cause Tab */
  .causeButton, .causeButtonSelected {
    width: 200px;
    height: 28px;
    margin: 5px 5px;
    padding: 6px 10px; 
    float: left;
    border: 1px solid #666666; 
    color: #336699;
    text-align: center;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #666666;
  }
    .causeButton:hover, .causeButtonSelected {
      background-color: #336699;
      color: white;
      cursor: pointer;
    }
    
    .causeCategory {
      padding: 30px 15px 0px;
      text-align: left;
      color: black;
      font-weight: bold;
    }
 
 /* Verse Tab */
 .verseTile {
    margin: 10px 10px;
    padding: 5px; 
    float: left;
    border: 1px solid #666666; 
    text-align: center;
    vertical-align: middle; 
 }
 .verseLabel {
    text-align: center;
    font-size: 11px;
    color: #666666;
 }
 
 #dialog, #required {
   text-align: left;
   line-height: 1.4;
   padding: 15px;    
 }
   #dialog ul, #required ul {
     margin: 20px 0;
   }
   #dialog li, #required li {
     list-style-type: none;
     height: 20px;
     color: #242382;
     cursor: pointer;
   }
   #dialog li:hover, #required li:hover {
     text-decoration: underline;
   }
   #dialog a, #required a {
     color: #242382;
     outline: none;
   }
	 
/* Envelope */
#envelope_color_box {
  display: none;
  width: 130px;
}
#envelope_quantity_box {
	/* float: left; */
	width: 300px;
	margin-top: 7px;
}
 
/* Footer */
#footer{
	width: 1000px;
	clear: both;
	overflow:hidden;
}
	#footer_left{
		width: 200px;
		float: left;
		display:inline;
		text-align: center;
		margin-top: 20px;
    background-color: #eeeeee;
	}
	#footer_right{
		width: 800px;
		float:left;
		background-color: #FFFFFF;
		padding: 22px 0px;
	}
#footerNav{
	clear: both;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 2px 0 0 90px;
	height: 16px;
	background: transparent url(media/images/header_hr-bg.png) repeat-x scroll left top;
	width: 710px;
	color: #FFFFFF;
}
	#footerNav li{
		float: left;
		padding-right: 3px;
	}
	#footerNav li, #footerNav li a{
		height: 16px;
		text-decoration: none;
	}
	#footerNav li a:hover{
		text-decoration: underline;
	}
#footer_logos{
	float: left;
	padding-right: 15px;	
}
#footer p{
	padding: 0px;
	margin: 10px 0px;
}

.addlText {
  color: #666666;
  font-size: 11px;
  margin: 15px 0 5px 5px;
}

/* HTML elements */ 

td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black; /* empty-cells: show;*/ }

.eventTitle { font-size: 11px; color: black; text-decoration: none; }
.header { font-size: 28px; font-weight: bold; text-decoration: none; }
.navbartab { font-size: 11px; }
.title { font-size: 15px; color: black; font-weight: bold; text-decoration: none; }
.title:visited { color: black; }
.title:hover { text-decoration: underline; }
.tableStyle { border-spacing: 1px; background-color: #cccccc; border-width: 1px; border-collapse: collapse; border-color: #cccccc; color: #000000; }
.listBody, .listHeader { background-color: #ffffff; color: #000000; padding: 5px; border-spacing: 1px; border-width: 1px; border-collapse: collapse; border: 1px solid #cccccc; vertical-align: middle; }
.listHeader { background-color: #eeeeee; font-weight: bold; color: #000000; }
.miniBasket { background-color: #ffcc00; }
        
.blogReply { font-weight: bold; }
.blogTopic { }
.feedbackHeader { font-weight: bold; }
.feedbackPath { color: gray; }

/* CATALOG */
.BTcatalogTitle { font-weight: bold; text-decoration: none; }
.BTcatalogProduct { font-weight: bold; }
.BTcatalogDescription { color: #000000; }
.BTcatalogFinePrint { font-weight: bold; }
.BTcatalogPrice { color: #ff0000; }
.BTcatalogLink { text-decoration: none; }
.BTcatalogSmall { font-size: 10px; }

.BTcatalogRelatedTitle { font-weight: bold; }
.BTcatalogRelatedProduct { }
.BTcatalogRelatedPrice { color: #ff0000; font-weight: bold; }

#BTcatalogScheduleForm td { font-size: 10px; }
#BTcatalogScheduleForm select { font-size: 10px; }

/* cart */
.cartWhite    { color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; }

/* orderform */
.formWhite    { color: #ffffff; font-size: 11px; text-decoration: none; }

/* error */
.error { color: #ff0000; font-size: 12px; }

/* custom content */
.contentLinkTitle { color: #000000; font-size: 12px; }
.contentLinkIntro { color: #000000; font-size: 11px; text-decoration: none; }
.BTTcontentTableBorder { text-align: left; }
.BTTcontentTableHeader { text-align: left; background-color: white; }
.BTTcontentTableContent { text-align: left; background-color: white; }

/* event */
.BTeventTitle { font-size: 18px; }
.BTeventDate  { font-weight: bold; }

.BTcalendarBackground {}
.BTcalendarHeader { background-color: #000000; font-size: 11px; color: #ffcc00; }
.BTcalendarWeekday { background-color: #cccccc; color: #000000; font-size: 11px; font-weight: bold; }
.BTcalendarCurrent { font-size: 11px; }
.BTcalendarEvent { font-size: 11px; background-color: #ffcc00; color: #ff0000; font-weight: bold; text-decoration: none; }
.BTcalendarNoEvent { font-size: 11px; }
.BTcalendarDayHeader { background-color: #000000; color: #ffffff; font-size: 10px; }
.BTcalendarPastEvent { font-size: 11px; color: #ff0000; font-weight: bold; text-decoration: none; }

/* calendar */
.BTTCalendarBackground { background-color: #000000; }
.BTTcalendarHeader { background-color: #d1c7ad; height: 35px; }
.BTTcalendarHeaderToggle{ color: #000000; font-weight: bold; font-size: 13px; }
.BTTcalendarHeaderLink, .BTTcalendarHeaderLink:visited { color: #000000; font-weight: bold; font-size: 11px; text-decoration: none }
.BTTcalendarHeaderSelected, .BTTcalendarHeaderSelected:visited { color: #cc0000; font-weight: bold; font-size: 11px; text-decoration: none }
.BTTcalendarSubheader { background-color: #eeeeee; height: 35px; color: #666666; font-weight: bold; font-size: 13px; }
.BTTcalendarSubheaderT { color: #990000; font-weight: bold; font-size: 12px; height: 25px; }
.BTTcalendarSubheaderY { color: #990000; font-weight: bold; font-size: 15px; }

.BTTcalendarDayColumn { background-color: #d1c7ad; color: #000000; font-weight: bold; font-size: 11px;}
.BTTcalendarDayRow { background-color: #d1c7ad; color: #000000; font-weight: bold; font-size: 12px; }
.BTTcalendarDayCell { background-color: #eeeeee; }
.BTTcalendarDayContent { background-color: #990000; }

.BTTcalendarWeekColumn { background-color: #d1c7ad; color: #000000; font-weight: bold; font-size: 11px; }
.BTTcalendarWeekTitle {  background-color: #990000; font-size: 10px; color: #ffffff; }

.BTTcalendarYearCell { background-color: #ffffff; color: #000000;}

#BTTcalendarCompact .BTTcalendarLayoutBackground { background-color: #000000; }
#BTTcalendarCompact .BTTcalendarLayoutHeader { background-color: #d1c7ad; font-size: 11px; color: #ffcc00; }
#BTTcalendarCompact .BTTcalendarLayoutWeekday { background-color: #d1c7ad; color: #000000; font-size: 11px; font-weight: bold; }
#BTTcalendarCompact .BTTcalendarLayoutCurrent { background-color: #990000; font-size: 11px; }
#BTTcalendarCompact .BTTcalendarLayoutEvent { font-size: 11px; background-color: #eeeeee; font-weight: bold; text-decoration: none; }
#BTTcalendarCompact .BTTcalendarLayoutNoEvent { font-size: 11px; }
#BTTcalendarCompact .BTTcalendarLayoutDayHeader { background-color: #000000; color: #ffffff; font-size: 10px; }
#BTTcalendarCompact .BTTcalendarLayoutPastEvent { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }

#BTTcalendarStandard .BTTcalendarLayoutBackground { background-color: #000000; }
#BTTcalendarStandard .BTTcalendarLayoutHeader { background-color: #d1c7ad; font-size: 11px; color: #ffcc00; }
#BTTcalendarStandard .BTTcalendarLayoutWeekday { background-color: #d1c7ad; color: #000000; font-size: 11px; font-weight: bold; }
#BTTcalendarStandard .BTTcalendarLayoutCurrent { background-color: #990000; font-size: 11px; }
#BTTcalendarStandard .BTTcalendarLayoutEvent { font-size: 11px; background-color: #eeeeee; color: #000000; font-weight: bold; text-decoration: none; }
#BTTcalendarStandard .BTTcalendarLayoutNoEvent { font-size: 11px; background-color: #eeeeee; color: #000000;}
#BTTcalendarStandard .BTTcalendarLayoutDayHeader { background-color: #d1c7ad; color: #000000; font-size: 11px; font-weight: bold; }
#BTTcalendarStandard .BTTcalendarLayoutPastEvent { font-size: 11px; color: #eeeeee; font-weight: bold; text-decoration: none; }
#BTTcalendarStandard .BTTcalendarLayoutEventTitle { background-color: #990000; font-size: 10px; color: #ffffff; }

/* media */
.BTmediaTitle { font-weight: bold; }

/* galleries */
.BTgalleryTitle { color: #cc0000; font-weight: bold; font-size: 13px; }
.BTgalleryDate { color: #000000; }
.BTgalleryCaption { color: #cc0000; }
.galleryRank { font-size: 11px; width: 80px; }

/* news blog */
.BTTblogNewsListTitle { font-size: 13px; font-weight: bold; }
.BTTblogNewsListLink { font-size: 12px; }

.BTTblogListTitle { font-size: 15px; font-weight: bold; color: #C89632; }

/* breadcrumb */
.breadcrumb { color: #666666; }
.level2Path { color: #666666; }
.breadcrumb:hover { color: #666666; }
.breadcrumb:hover { color: #666666; }

/* colors */
.white { color: #ffffff; }
.blue { color: #0000ff; }
.orange { color: #ff9900; }
.black { color: #000000; }

.eventCalendarHeader { color: #C89632; font-size: 12px; font-weight: bold; }
.eventCalendarHeaderWhite { color: #ffffff; font-size: 12px; font-weight: bold; }


.purple {
	color:#393996;
}
.green {
	color: #258c42;
}
.grey {
	color:#666666;
}
.red {
	color:#FF0000;
}
.small_grey {
	color:#666666;
	font-size:9px;
}
.white_large {
	color:#ffffff;
	font-size: 12px;
  line-height: 1;
  margin: 0px;
  padding: 0px;
}

.verse{
	color:#393996;
	font-size:10px;
	font-weight:bold;
	width:210px;
	height:20px;
}
.qty {
	color:#393996;
	font-size:10px;
	font-weight:bold;
	width:40px;
	
}
.dotted_border {
	border-bottom-color:#258c42;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.green-solid_border {
	border-bottom-color:#258c42;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#258c42;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#258c42;
	border-right-style:solid;
	border-right-width:1px;
}
.green-bottom_border {
	border-bottom-color: #258c42;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0px;
  empty-cells: show;
}
.grey-solid_border {
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}
.purple_titles {
	color:#393996;
	font-size:16px;
	font-weight: bold;
}
.green_titles {
	color:#258c42;
	font-size:16px;
	font-weight: bold;
}
.border_grey {
	border: 1px solid #cccccc;
}
.green_bold {
	color:#258c42;
	font-weight: bold;
}
.big_green_bold {
	color:#258c42;
	font-weight: bold;
	font-size: 15px;
}
.page_title {
	color:#393996;
	font-size:16px;
	font-weight: bold;
	margin-top: 20px;
}
.purple_bold {
	color:#393996;
	font-weight: bold;
}
.purple_subtitles {
	color:#393996;
	font-size:14px;
	font-weight: bold;
}

.bannerBody {
  margin: 0 5px 5px; 
  padding: 0 5px 5px; 
  border-top: 1px solid #333333; 
  font-size: 12px;
}

.bannerImage {
  padding: 7px 0; 
}

.ui-tabs { border: none; }

#overlay{
	background:#000000 none repeat scroll 0 0;
    height:1200px;
    left:0;
    filter:alpha(opacity=50);
    opacity: 0.5;
    top:0;
    width:100%;
    z-index:50;
    display:block;
    position:absolute;	
}
.carousel ul{
	list-style-image:none;
	list-style-type:none;
	overflow-y:hidden;
}
#cardProcessing {
	background-color: #ffffff;
	padding-top: 10px;
	text-align: left;
}
	#cardProcessing table {
		background-color: #ffffff;
	}
		#cardProcessing table#options {
			padding: 15px 0 15px 15px;
			width: 500px;
		}
#cardProcessing td {
	background-color: #ffffff;
	border: none;
	font-size: 12px;
	padding: 0 5px;
	vertical-align: middle;
}	
	#cardProcessing td.top { vertical-align:top; }
	#cardProcessing td.required_submit {
		padding-right: 50px;
		text-align:right;
	}
	
#calendarCollage {
	float: right;
	width: 290px;
}
  #calendarCollage div {
    width: 137px;
		margin: 20px auto 0;
		text-align: right;
  }
	
	
/* Facebox CSS */
#facebox .b {
  background:url(media/images/facebox/b.png);
}

#facebox .tl {
  background:url(media/images/facebox/tl.png);
}

#facebox .tr {
  background:url(media/images/facebox/tr.png);
}

#facebox .bl {
  background:url(media/images/facebox/bl.png);
}

#facebox .br {
  background:url(media/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}