/*General Stuff*/
*
	{
	margin:0;
	padding:0;
	}
a
	{
	outline:none;
	border:none;
	}
img
	{
	border:none;
	margin:0;
	}

body,td,th 
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	color:#3b3b3b;
	line-height:16px;
	}

html,body
	{
	width:100%;
	height:100%;
	background:url(../Images/bg-dots.gif);
	}

.clearfix:after {content:"."; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;}
/* Hide from IE Mac */
.clearfix       {display:block;}
/* End hide from IE Mac */
* html .clearfix{ height:1px;}

.clear 
	{
	clear: both;
	height:1px;
	}

/*Layout*/

#container
	{
	width:100%;
	min-height:100%;
	background:url(../Images/bg-container.gif) repeat-x;
	}
#wrapper
	{
	width:868px;
	margin:0 auto;
	}
#header
	{
	}
#header img
	{
	display:block;
	}
/*Content Stuff */
#content
	{
	background:url(../Images/left-shadow.gif);	
	}
#main
	{
	
	background:url(../Images/right-shadow.gif) top right repeat-y;
	padding:20px 30px;
	}

/*Footer Stuff*/
#footer
	{
	text-align:center;
	}

ul#footer-menu
	{
	list-style:none;
	background:url(../Images/bg-footer-menu.gif) no-repeat;
	margin:6px auto 8px auto;
	width:738px;
	text-align:center;
	height:22px;
	padding-top:3px;
	}
ul#footer-menu li
	{
	margin:3px 8px;	
	display:inline;
	}
ul#footer-menu li a
	{
	color:#0c88c9;
	font:10px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}
ul#footer-menu li a:active
	{
	color:#0c88c9;
	text-decoration:underline;
	text-transform:uppercase;
	}
ul#footer-menu li a:hover
	{
	color:#2da2de;
	text-decoration:none;
	}
#footer p
	{
	margin-bottom: 0px;
	font-size:9px;
	color:#6c7880;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	}
#footer img
	{
	display:block;
	}
#footer a.dist, #footer a.dist:visited
	{
	color:#a75a1c;
	font-size:9px;
	text-decoration:none;
	}

#footer a.dist:hover
	{
	color:#104C68;
	text-decoration:underline;
	}

/* Wider Pages*/

#wide #wrapper
	{
	width:940px;
	margin:0 auto;
	}
#wide #content
	{
	background:url(../Images/left-shadow-blue.gif);
	}


p
	{
	margin-bottom:20px;
	}
h1 { font:28px Georgia,serif ;color:#390011;text-align:center; }
h2 { font:24px "trebuchet ms",Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#96002e;margin-bottom:25px;text-align:center; }
h3 { font:15px Georgia,serif;margin-top:30px; }

.yellow { color:#e6b441; }
.redish { color:#96002e; }
.dark { color:#774c58; }
.light { color:#347fc0; }
.blue { color:#347fc0; }
.blue-dark { color:#104C68; }

.section 
	{
	background:#f8f8f5;
	padding:10px 20px;
	}
	
.line 
	{
	background:url(../Images/bg-section.gif) repeat-x; 
	height:3px;
	margin:15px 0px;
	}
.line-thin 
	{
	background:#fff; 
	height:2px;
	margin:10px 0px;
	}
	
a.red-link
	{
	font-size:95%;
	color:#91002D;
	}
a.red-link:hover
	{
	color:#104C68;
	}	

a.red-link-close
	{
	font-size:95%;
	color:#91002D;
	background:url(../Images/close.gif) no-repeat center right;
	padding-right:18px;
	}
a.red-link-close:hover
	{
	color:#104C68;
	}
	
a.cards
	{
	display:block;
	text-decoration:none;
	float:left;
	margin:0px 45px 10px 45px;
	width:291px;
	color:#390011;
	}
* html a.cards
	{
	margin:0px 30px 10px 30px;
	}
a.cards .h4, a.cards:visited .h4, a.cards:active .h4 
	{ 
	font:1.8em "trebuchet ms",Arial,Helvetica,sans-serif;
	color:#390011;
	letter-spacing:-1px;
	background:url(../Images/arrow.gif) no-repeat left center;
	padding-left:17px;
	margin-left:10px;
	}
a.cards:hover
	{
	text-decoration:underline;
	}

a.cards img { border-left:30px solid #fff;border-right:30px solid #fff;border-top:8px solid #fff;border-bottom:8px solid #fff;display:block; }
a.cards:hover img { border-left:30px solid #f1eedf;border-right:30px solid #f1eedf;border-top:8px solid #f1eedf;border-bottom:8px solid #f1eedf; }	

.shadow { background:url(../Images/shadow.gif)  top right no-repeat;height:10px;display:block; }

.al-center { text-align:center; }

.section2 
	{
	background:#f8f8f5;
	padding:20px 50px;	
	}
	
.article
	{
	margin-bottom:10px;
	}
.article span.title
	{
	font:1.8em "trebuchet ms",Arial,Helvetica,sans-serif;
	color:#390011;
	letter-spacing:-1px;
	background:url(../Images/arrow.gif) no-repeat left center;
	padding-left:17px;
	margin-left:10px;
	}
.article .inside
	{
	background:#fff;
	padding:10px 30px;	
	border-top:1px solid #f5f2e7;
	}
.article img 
	{
	display:block;
	float:left;
	padding-right:15px;
	}
.article ul
	{
	list-style:none;
	float:left;
	width:270px;
	}
.article ul li
	{
	background:url(../Images/li-arrow.gif) left 5px no-repeat;
	padding-left:12px;
	color:#6d6a5b;
	font-size:105%;
	margin:4px 0px;
	}	
.article .inside div
	{
	float:right;
	border-left:1px solid #aeaca0;
	padding-left:22px;
	width:90px;
	}

.article .inside div span
	{
	display:block;
	text-align:right;
	font-weight:bold;
	font-size:95%;
	line-height:24px;
	color:#214174;
	}
.article input
	{
	border:1px solid #cccbc6;
	height:18px;
	line-height:18px;
	width:53px;
	margin-left:8px;
	padding-right: 5px;
	text-align: right;
	}
	
.article .inside span
	{
	font-size:90%;
	padding-top:10px;
	clear:both;
	color:#347fc0;
	display:block;
	}

.article .inside div a
	{
	background:url(../Images/btn.gif) no-repeat;
	width:67px;
	height:26px;
	text-align:center;
	font:11px/26px Arial, Helvetica, sans-serif;
	color:#f5f2e7;
	text-decoration:none;
	display:block;
	margin-left:25px;
	margin-top:5px;
	}
.article .inside div a:hover
	{
	background:url(../Images/btn.gif) bottom no-repeat;
	}

.article .inside .sub_button
	{
	cursor: pointer;
	border: none;
	background:url(../Images/btn.gif) no-repeat;
	width:67px;
	height:26px;
	text-align:center;
	font:11px/26px Arial, Helvetica, sans-serif;
	color:#f5f2e7;
	text-decoration:none;
	display:block;
	margin-left:25px;
	margin-top:5px;
	padding: 0 0 0 0;
	}
.article .inside .sub_button:hover
	{
	background:url(../Images/btn.gif) bottom no-repeat;
	}

.small
	{
	font-size:90%;
	}

#pack .article .inside div.opt
	{
	float:right;
	border-left:1px solid #aeaca0;
	width:70px;
	}
#pack .article .inside
	{
	background:#fff;
	padding:10px 15px;	
	border-top:1px solid #f5f2e7;
	}
#pack .article .inside div.btn
	{
	padding-left:0px;
	padding-top:0px;
	}
.center 
	{
	text-align:center;
	}

#top-links a
	{
	font-size:100%;
	color:#104C68;	
	margin-left:20px;
	text-align:center;
	float:right;
	}
#top-links a img
	{
	display:block;
	width:30px;
	}
#top-links a:hover
	{
	color:#32a3ff;
	}	
#top-links2 a
	{
	font-size:100%;
	color:#104C68;	
	text-align:center;
	float:left;
	}
#top-links2 a img
	{
	display:block;
	width:30px;
	}
#top-links2 a:hover
	{
	color:#32a3ff;
	}		
	
a.last
	{
	margin:0px auto 10px 236px;
	}

/*###############################################################################################################################################################*/
/*###############################################################################################################################################################*/

/* Cart */
div#table table
	{	
	width:100%;
	border:1px solid lightgrey;
	padding:2px;
	}
div#table table input
	{	
	text-align:right;
	}
div#table table tr.white
	{
	background:#fff;
	}
div#table table tr th,td 
	{
	padding:4px 0px 4px 10px;
	}
div#table table tr th
	{
	text-align:left;
	}
div#table table tr td
	{
	font-size:90%;
	}
div#table table tr td.price,div#table table tr th.price
	{
	text-align:right;
	padding-right:5px;
	}
div#table table tr td.price span
	{
	padding-right:5px;
	}
div#table table tr td.prod
	{
	border-right:1px solid #f8f8f5;
	}
.extra-line
	{
	background:lightgrey;
	height:1px;
	margin:10px 0px;
	}
div#table table#total
	{
	text-align:right;
	border:none;
	}
div#table table#total tr td span
	{
	font-weight:bold;
	padding-right:10px;
	}
div#table table#total tr td
	{	
	padding-right:5px;
	}

div.btn a
	{
	float:right;
	background:url(../Images/btn.gif) no-repeat;
	width:67px;
	height:26px;
	text-align:center;
	font:11px/26px verdana,"Trebuchet ms",Arial, Helvetica, sans-serif;
	color:#f5f2e7;
	text-decoration:none;
	display:block;
	font-weight:bold;
	letter-spacing:-1px;
	}
div.btn a:hover
	{
	background:url(../Images/btn.gif) bottom no-repeat;
	}
.flt, .flt2
	{
	float:left;
	}
.flt input
	{
	padding:0 10px;
	}

.flt2 input
	{
	padding: 0 0 2px 0;
	cursor: pointer;
	border: none;
	background:url(../Images/btn.gif) no-repeat;
	width:67px;
	height:26px;
	text-align:center;
	font:11px/26px verdana,"Trebuchet ms",Arial, Helvetica, sans-serif;
	color:#f5f2e7;
	text-decoration:none;
	display:block;
	font-weight:bold;
	letter-spacing:-1px;
	}

.flt2 input:hover
	{
	background:url(../Images/btn.gif) bottom no-repeat;
	}

/* Checkout */
div.form h2
	{
	font:18px Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	color:#104C68;
	margin-bottom:10px;
	text-align:center;
	}
div.form ul
	{
	list-style:none;
	padding:10px 0px;
	border-top:1px solid lightgrey;
	}
div.form ul li
	{
	margin:2px 0px;
	}
div.form ul li span
	{
	display:block;
	width:290px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	float:left;
	line-height:22px;
	}
div.form ul li input
	{
	height:20px;
	font-size:90%;
	border:1px solid #888;
	padding-left:5px;
	width:245px;
	}

div.form .input-button {
	height:20px;
	font-size:90%;
	border: none;
	padding-left:5px;
	width: 20px;
	}
	
div.form ul li select
	{
	font-size:90%;
	width:252px;
	height:20px;
	}
div.form ul li select.small
	{
	float:left
	font-size:90%;
	width:100px;
	height:20px;
	}
div.form ul li select.smallest
	{
	float:left
	font-size:90%;
	width:52px;
	height:20px;
	}
div.form ul li p
	{
	font-size:90%;
	line-height:12px;
	padding-left:300px;
	}
.process
	{
	text-align:center;
	font-size:90%;
	margin-top:10px;
	}
.separator
	{
	height:2px;
	}
	
/* login page */
	.formRow {
		text-align: right;
		margin: 0px auto 20px auto;
	}

		.formRow .label {
			text-align: center;
			color: #003471;
			font-weight: bold;
		}

			.formRow span input {
				width: 170px;
			}
			
	.yellowHeader {
		background: #eee0c4;
		height: 26px;
		line-height: 2em;
		padding: 0px 0px 0px 10px;
	}
/* unique to faq */
	div.faq {
		display: none;
	}

	h4.faq a {
		text-decoration: none;
	}		
.darkblue {
	color: #065876;
}	
.orange {
	color: #f26522;
}
		td form div {
			text-align: right;
			font-weight: bold;
			color: #003471;
			margin: 0px 0px 7px 0px;
		}
	.disclaimer {
		color: #909090;
		font-size: .8em;
	}
	.pkgBullet {
		float: left;
		margin: 0px 10px 13px 0px;
		clear: both;
	}			
