﻿.gray_box {
    background-color: #F3F3F3;
    padding: 6px;
}
.gray_box h1 {
    margin: 0px;
    padding: 0px;
}
.category, .category_selected {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.category_selected {
    background-color: #c5dafb;    
}
.category_sub, .category_sub_selected {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.category_sub_selected {
    background-color: #c5dafb;    
}
.jsb_category a {
	color: #cc0000 !important;
}
.right_content {
    padding: 15px;
    position: relative;
}
.select_product_image img {
    width: 90px
}
.shadow_text_back, .shadow_text_front {
    font-size: 20pt;
    font-weight: bold;
}
.shadow_text_back {
    position: absolute;
    left: 12px;
    top: 7px;
    color: #333333;
}
.shadow_text_front {
    position: absolute;
    left: -2px;
    top: -2px;
    color: White;
}
#template3 box1 {
    padding: 0px;
}
/*************** Control Bar - Sorting/Paging ***************/

.control_bar {
    background-color: #f3f3f3;
    padding: 4px;
    padding-left: 50px;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}
.control_bar a {
    font-size: 10pt;
    font-weight: bold;

}

/*************** Breadcrumb ***************/
#breadcrumb a {
    color: Black;
}
#breadcrumb span {
    padding-left: 5px;
    padding-right: 5px;
}

/*************** Product Box ***************/
.product_box {
    width: 138px;
    margin: 20px;
    float: left;
    margin-left: 36px;
    margin-right: 36px;
}
.product_box a {
    line-height: 1.5em
}
.product_box_image img {
    width: 130px;
    border: 0px;
}
.product_box_title {
    margin-top: 5px;
    margin-bottom: 5px;
}
.product_box_price {
    color: #990000;
    font-size: 10pt;
}
.product_table td {
    vertical-align: bottom
}

/*************** Custom Product Boxes (Overrides) ***************/

#might_also .product_box {
    margin-left: 22px;
    margin-right: 22px;
}
#feature_product1 .product_box {
    width: 150px;
}
#feature_product2 .product_box {
    width: 300px;
    text-align: center;
    margin-left: 0px;
}
#feature_product2 .product_box_image img {
    width: 400px;
}
#feature_product2 .product_box_title {
    width: 200px;
    padding-left: 100px; 
    padding-right: 100px;
}
#feature_product2 .product_learn_more_footer {
    width: 200px;
    padding-left: 100px; 
    padding-right: 100px;
}
#feature_products .product_box {
    width: 150px;
    margin-left: 30px
}


/*************** Product Box Small ***************/
.product_box_small {
    margin-bottom: 15px
}
.product_box_small img {
    width: 40px;
}
.product_box_small h1 {
    font-size: 12pt;
}
.product_box_small a {
    line-height: 1.5em
}
td.product_box_small_left {
    vertical-align: top;
    padding-top: 2px
}
td.product_box_small_middle {
    padding-left: 10px;
    vertical-align: top
}
td.product_box_small_right {
    padding-left: 5px;
    vertical-align: top;
    padding-top: 3px;
    width: 132px;
}
/*************** Cart Icon ***************/

#cart_icon {

}
#cart_icon a {
    text-decoration: none;
    cursor: pointer;
}
#cart_icon_inner {
    position: absolute;
    left: 31px;
    top: 3px;
    color: white;
    font-weight: bold;
    font-size: 10pt
}

/* Presale Countdown, added 10/1/14 */
.presale_ad_countdown {
	display: block;
	position: relative;
	text-decoration: none;
	margin: 50px 0 50px 30px;
	width: 500px;
	height: 251px;
	background: url('//s3-us-west-2.amazonaws.com/davidjeremiah.org/site/_images/monthly/1014/shop_presale_countdown_bg.jpg?092401') top left no-repeat;
}
.presale_ad_countdown_over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url('//s3-us-west-2.amazonaws.com/davidjeremiah.org/site/_images/1by1_trans.png?092401') top left repeat;
}
#presale_timer {
	position: absolute;
	top: 80px;
	left: 255px;
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}
.tp-2014-presale-timer span {
	display: inline-block;
	vertical-align: top;
}
.tp-2014-presale-timer .zeros {
	display: none;
}
.tp-2014-presale-timer .time-sep {
	margin: 0 10px;
}
.tp-2014-presale-timer .num.hours::after {
	content: "HOURS";
	display: block;
	font-size: 11px;
	margin-top: -5px;
	letter-spacing: 0.03em;
	font-weight: 400;
}
.tp-2014-presale-timer .num.minutes::after {
	content: "MINUTES";
	display: block;
	font-size: 11px;
	margin-top: -5px;
	letter-spacing: 0.03em;
	font-weight: 400;
}
.tp-2014-presale-timer .num.seconds::after {
	content: "SECONDS";
	display: block;
	font-size: 11px;
	margin-top: -5px;
	letter-spacing: 0.03em;
	font-weight: 400;
}
.btn_countdown {
	display: block;
	position: absolute;
	top: 171px;
	left: 287px;
	width: 146px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #0a3203;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 400;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.btn_countdown .background {
	height: 100%;
	background: rgb(36,102,19); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(36,102,19,1) 0%, rgba(19,74,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,102,19,1)), color-stop(100%,rgba(19,74,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(36,102,19,1) 0%,rgba(19,74,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(36,102,19,1) 0%,rgba(19,74,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(36,102,19,1) 0%,rgba(19,74,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(36,102,19,1) 0%,rgba(19,74,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246613', endColorstr='#134a09',GradientType=0 ); /* IE6-9 */
}
.btn_countdown:hover .background {
	background: rgb(19,74,9); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(19,74,9,1) 0%, rgba(36,102,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,74,9,1)), color-stop(100%,rgba(36,102,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(19,74,9,1) 0%,rgba(36,102,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(19,74,9,1) 0%,rgba(36,102,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(19,74,9,1) 0%,rgba(36,102,19,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(19,74,9,1) 0%,rgba(36,102,19,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134a09', endColorstr='#246613',GradientType=0 ); /* IE6-9 */
}