/*  - - - - - - - - - - - - - - - - - - - - - - -

Title:	DaniJohnson.com1
Author: Jeribai Tascoe
URL: 	http:/www.danijohnson.com

- - - - - - - - - - - - - - - - - - - - - */


/* General HTML and Body Styles - - - - - - -

This controls the default font family, size, color and line spacing
This controls the background color and/or image

- - - - - - - - - - - - - - - - - - - - - - */


html,
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	background-color: white;
}

body {
	background-color: white;
	background-attachment: scroll;
}

.small_font{
	font-size: 11px;
	color: #000000;
}

b {
	color: #000000;
}

/* This controls the general link color and decoration as well as the link hover color and decoration */
a,
a:link {
	color: #003366;
	/*font-size: 12px;*/
	text-decoration: underline;
}
a:visited {
	color: #333333;
	/*font-size: 12px;*/
	text-decoration: underline;
}
a:hover {
	color: #666666;
	/*font-size: 12px;*/
	text-decoration: underline;
}
a:active {
	color: #003366;
	/*font-size: 12px;*/
	text-decoration: underline;
}
a img {
	border: none;
}



/* This controls the headline copy formatting size, color and decoration as well as the link styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0;
	color: black;
}

/*h1 {
	font-size: 40px;
	line-height: 43px;
}
h2 {
	font-size: 32px;
	line-height: 34px;
}
h3 {
	font-size: 28px;
	line-height: 28px;
}
h4 {
	font-size: 24px;
	line-height: 26px;
}
h5 {
	font-size: 18px;
	line-height: 125%;
}
h6 {
	font-size: 14px;
	line-height: 20px;
}*/

li {
	margin-bottom: 10px;
	list-style-image: url(assets/images/mini_right_arrow.gif);
}



/* Begin DJC Layout ===============================================================================

These styles control the entire page layout using <div> containers
The #container holds all other <div> tags for the entire layout except for the footer
See subsequent comments for individual layout parameters and styles

=================================================================================================== */

#container {
	margin: 0 auto;
	text-align: center;
}


/* Website header graphic goes in this block */
#header {
	width: 900px;
	margin: 0px auto 20px;
	text-align: left;
}


/* Header Content */
#title {
	color: black;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	text-align: left;
	margin: 5px 0 10px 0;
}

#shop_bar {
	width: 900px;
	margin: 0;
	clear: both;
	height: 30px;
	/*font-size: 11px;*/
	background: url(assets/images/shop_bar_bg2.gif);
}

#shop_bar2 {
	width: 680px;
	margin: 0;
	clear: both;
	height: 30px;
	/*color: #003366;*/
	/*font-size: 11px;*/
	background: url(assets/images/shop_bar_bg3.gif);
}

			#shop_bar a, shop_bar a:link {
				/*color: FFFFFF;*/
			}

			#shop_bar_left_txt {
				width: 200px;
				height: 28px;
				margin: 1px 0 0 20px;
				float: left;
				line-height: 30px;
				text-align: left;
			}

			#shop_bar_right_txt {
				width: 300px;
				height: 28px;
				margin: 1px 20px 0 0;
				float: right;
				line-height: 30px;
				text-align: right;
			}

						.logged_in_name {
							color: #003366;
							font-weight: bold;
						}


/* Website Nav */
#nav {
	width: 900px;
	height: 30px;
	margin: 0;
	clear: both;
	background: #782108;
	/*font-size: 12px;*/
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
}

			#nav a {
				color: #FFFFFF;
			}
			#nav a:hover {
				color: #FFCC66;
				text-decoration: underline;
			}

			#nav ul {
				margin-left: 0;
				padding-left: 0;
				display: inline;
				/*font-size: 12px;*/
			}
			#nav ul li {
				margin-left: 0;
				padding: 3px 15px;
				border-left: 1px solid #F06D25;
				list-style: none;
				display: inline;
				/*font-size: 12px;*/
			}
			#nav ul li.first {
				margin-left: 0;
				border-left: none;
				list-style: none;
				display: inline;
				/*font-size: 12px;*/
			}



#content {
	/*width: 680px;*/
	/*float: left;*/
	text-align: left;
	/*font-size: 13px;*/
	/*line-height: 18px;*/
}

			#content_header {
				/*width: 680px;*/
				width: 680px;
				height: 33px;
				background: url(assets/images/content_header_bg.gif) no-repeat left top;
				margin: 0;
				padding: 0;
			}

			#content_header2 {
				/*width: 680px;*/
				height: 6px;
				background: url(assets/images/content_header_bg.gif) no-repeat left top;
				margin: 15px 0 0 0;
				padding: 0;
			}

			#content_area {
				width: 658px;
				/*width: 678px;*/
				background: #FFFFFF;
				border-right: 1px solid #DDDDDD;
				border-left: 1px solid #DDDDDD;
				margin: 0;
				padding: 0px 10px;
            }

						#content_area p {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #333333;
							margin: 0px;
							padding: 10px 0 10px 0;
						}


			#content_footer {
				width: 680px;
				/*width: 680px;*/
				height: 35px;
				background: url(assets/images/content_footer_bg.gif) no-repeat left top;
			}


#subscriptions {
	width: 630px;
	height: 40px;
	text-align: left;
	/*font-size: 14px;*/
	/*color: #666666;*/
	line-height: 18px;
	margin: 0 0 0 20px;
	background: url(assets/icons/subscriptions.gif) no-repeat left top;
}

			#subscriptions_title {
				width: 597px;
				text-align: left;
				/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
				/*font-size: 13px;*/
				line-height: 18px;
				border-bottom: 1px solid #CCCCCC;
				margin: 0 0 0 40px;
				padding: 8px 0 0 0;
			}

			.subscriptions_title {
				/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
				/*font-size: 13px;*/
				color: #003366;
			}


#sidebar {
	width: 200px;
	float: right;
	text-align: left;
}

			#my_account {
				width: 200px;
				margin: 0 0 15px 0;
			}
			#sidebar_account {
				width: 200px;
				height: 33px;
				line-height: 33px;
				/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
				/*font-size: 13px;*/
				/*color: #003366;*/
				text-indent: 10px;
				background: url(assets/images/sidebar_account.gif) no-repeat center top;
				margin: 0;
				padding: 0;
			}

			#my_rewards {
				width: 200px;
				margin: 0 0 15px 0;
			}
			#sidebar_rewards {
				width: 200px;
				height: 33px;
				line-height: 33px;
				/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
				/*font-size: 13px;*/
				/*color: #003366;*/
				text-indent: 10px;
				background: url(assets/images/sidebar_rewards.gif) no-repeat center top;
				margin: 0;
				padding: 0;
			}

			#my_cart {
				width: 200px;
				margin: 0 0 15px 0;
			}
			#sidebar_cart {
				width: 200px;
				height: 33px;
				line-height: 33px;
				/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
				/*font-size: 13px;*/
				/*color: #003366;*/
				text-indent: 10px;
				background: url(assets/images/sidebar_cart.gif) no-repeat center top;
				margin: 0;
				padding: 0;
			}

						#sidebar_account_area {
							width: 198px;
							background: #FFFFFF url(assets/icons/icon_account.gif) no-repeat right bottom;
							border-right: 1px solid #DDDDDD;
							border-left: 1px solid #DDDDDD;
							margin: 0;
							padding: 10px 0 0 0px;
							/*color: #666666;*/
						}

										#sidebar_account_area a {
											line-height: 13px;
											font-size: 11px;
											color: #666666;
											text-decoration: none;
										}
										#sidebar_account_area a:hover {
											color: #003366;
											text-decoration: underline;
										}

										#sidebar_account_area ul {
											margin: 0;
										}
										#sidebar_account_area li {
											margin: 0;
										}
										#sidebar_account_area p {
											margin: 4px 20px;
											line-height: 13px;
											font-size: 11px;
										}


						#sidebar_rewards_area {
							width: 198px;
							background: #FFFFFF url(assets/icons/icon_rewards.gif) no-repeat right bottom;
							border-right: 1px solid #DDDDDD;
							border-left: 1px solid #DDDDDD;
							margin: 0;
							padding: 10px 0 0 0;
							/*color: #666666;*/
							line-height: 20px;
							/*font-size: 12px;*/
						}
										#sidebar_rewards_area a {
											line-height: 13px;
											font-size: 11px;
											color: #666666;
											text-decoration: none;
										}
										#sidebar_rewards_area a:hover {
											color: #003366;
											text-decoration: underline;
										}

										#sidebar_rewards_area ul {
											margin: 0;
										}
										#sidebar_rewards_area li {
											margin: 0;
										}
										#sidebar_rewards_area p {
											margin: 0 20px;
										}



						#sidebar_cart_area {
							width: 198px;
							background: #FFFFFF url(assets/icons/icon_cart.gif) no-repeat right bottom;
							border-right: 1px solid #DDDDDD;
							border-left: 1px solid #DDDDDD;
							margin: 0;
							padding: 10px 0 0 0;
							/*color: #666666;*/
							line-height: 20px;
							font-size: 12px;
						}
										#sidebar_cart_area a {
											color: #003366;
											text-decoration: underline;
											font-size: 11px;
										}
										#sidebar_cart_area a:hover {
											color: #999999;
											text-decoration: underline;
										}

										#sidebar_cart_area ul {
											margin: 0;
										}
										#sidebar_cart_area li {
											margin: 0;
										}
										#sidebar_cart_area p {
											margin: 0 20px 3px;
											text-align: center;
										}


			#sidebar_footer {
				width: 200px;
				height: 25px;
				background: url(assets/images/sidebar_footer_bg.gif) no-repeat center top;
				margin: 0;
				padding: 0;
			}

						#sidebar_footer a {
							color: #003366;
							/*font-size: 11px;*/
							text-decoration: underline;
						}

						#sidebar_footer a:hover {
							color: #999999;
							text-decoration: underline;
						}



/* Div Spacer */
#spacer {
	width: 100%;
	height: 3px;
	margin: 0;
	clear: both;
}



/* Begin Footer -- Copyright, Terms of Use, Privacy Statement */
#footer {
	width: 900px;
	clear: both;
	margin: 25px auto 0;
	padding: 10px 0 0;
	/*font-size: 10px;*/
	/*color: #333333;*/
	text-align: center;
	border-top: 1px solid #3D85B5;
}
			#footer a {
				font-weight: bold;
				color: #666666;
				margin: 3px;
			}
			#footer a:active {
				font-weight: bold;
				color: #666666;
				margin: 3px;
			}
			#footer a:hover {
				font-weight: bold;
				color: #003366;
				margin: 3px;
				text-decoration: underline;
			}



/* Call box styles for text boxes within the #content <div> */
.box_testimonial_right {
	width: 200px;
	margin: 0 20px 10px;
	padding: 20px;
	font-style: italic;
	background-color: #EEF3F9;
	border: 1px solid #84AED6;
	float: right;
}
.box_testimonial_left {
	width: 200px;
	margin: 0 20px 10px;
	padding: 20px;
	font-style: italic;
	background-color: #EEF3F9;
	border: 1px solid #84AED6;
	float: left;
}
.box_testimonial_center {
	width: 500px;
	margin: 10px auto;
	padding: 20px;
	font-style: italic;
	background-color: #EEF3F9;
	border: 1px solid #84AED6;
}
#box_bullet {
	width: 480px;
	padding: 5px 0 10px 35px;
	margin: 0 auto;
	background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
}
#box_order {
	width: 500px;
	padding: 10px;
	margin: 0 auto;
	border: 2px solid #84AED6;
}




/* End DJC Layout ========================================================================= */



/* Begin DJC Sales Copy Styles ----------------------------------

These styles control the entire sales letter text styles
These styles are best used as in-line styles

-------------------------------------------------------------- */

.preHead {
	/*color: #000;*/
	/*font-size: 12px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	line-height: 130%;
}

.head1_black {
	color: #000;
	/*font-size: 40px;*/
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	font-weight: bold;
	line-height: 45px;
}
.head1_red {
	color: #d8061f;
	/*font-size: 28px;*/
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	font-weight: bold;
	line-height: 130%;
}
.head1_blue {
	color: #003366;
	/*font-size: 28px;*/
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	font-weight: bold;
	line-height: 130%;
}
.head2_black {
	color: #000;
	/*font-size: 20px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-style: normal;
	font-weight: bold;
	line-height: 130%;
}
.head2_red {
	color: #d8061f;
	/*font-size: 20px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-style: normal;
	font-weight: bold;
	line-height: 130%;
}
.head2_blue {
	color: #003366;
	/*font-size: 20px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-style: normal;
	font-weight: bold;
	line-height: 130%;
}
.head3_black {
	color: #000000;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 16px;*/
	font-weight: bold;
	line-height: 130%;
}
.head3_red {
	color: #d8061f;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 16px;*/
	font-weight: bold;
	line-height: 130%;
}
.head3_blue {
	color: #003366;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 16px;*/
	font-weight: bold;
	line-height: 130%;
}
.highlight {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-style: normal;
	color: #000000;
	background-color: #FEFF00
}
.column_title_text {
	color: #000;
	/*font-size: 13px;*/
	font-weight: bold;
}
.column_tiny_text {
	color: #FFF;
	/*font-size: 10px;*/
}


/* Portal Styles */

.portal_bullet_green {
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	/*font-size: 14px;*/
	color: #333333;
	list-style-image: url(assets/icons/check_bullet_green.gif);
	line-height: 24px;
}
.portal_bullet_blue {
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	/*font-size: 14px;*/
	color: #333333;
	list-style-image: url(assets/icons/check_bullet_blue.gif);
	line-height: 24px;
}
.portal_bullet_2 {
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	/*font-size: 16px;*/
	color: #FF0000;
	list-style-image: url(assets/icons/check_bullet_big.gif);
	line-height: 26px;
}
.member {
	color: #009900;
	/*font-size: 23px;*/
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	font-weight: bold;
	line-height: 35px;
}
.pro_member {
	color: #003399;
	/*font-size: 24px;*/
	/*font-family: 'Trebuchet MS', 'Trebuchet', sans-serif;*/
	font-weight: bold;
	line-height: 35px;
}

/* End DJC Sales Copy Styles --------------------------------- */

TD a, TD a:link {
	color: #003366;
	/*font-size: 11px;*/
	text-decoration: underline;
}
TD a:visited {
	color: #333333;
	/*font-size: 11px;*/
	text-decoration: underline;
}
TD a:hover {
	color: #666666;
	/*font-size: 11px;*/
	text-decoration: underline;
}
TD a:active {
	color: #003366;
	/*font-size: 11px;*/
	text-decoration: underline;
}
TD a img {
	border: none;
}

/* Additional MISC CSS Styles */
.float_left {
	float: left;
	display:inline;
	margin-right: 15px;
}
.float_right {
	float: right;
	display:inline;
	margin-left: 15px;
}

.table_padding {
	width: 340px;
	float: right;
	text-align: right;
	margin-right: 20px;

}

.payment-method:hover{
	background-color: #F0F0F0;
}

/* - - - - - - - - - - - - - - - - - - - - -

Hans Johnson
CEO, DaniJohnson.com
Office: 209-463-5210, Fax: 209-586-2191

Take your business to greatness...
http:/www.danijohnson.com

- - - - - - - - - - - - - - - - - - - - - */