/* 
	Pink: #e4618d
	Blue: #21388b
*/

*{
	padding: 0;
	margin: 0;
	color: 666666;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1,h2,h3,h4{
	font-family: Georgia, "Times New Roman", Times, serif;
}
	h1, h1 a{
		font-size: 18pt;
		color: #21388b;
	}
		h1 a:link.signout, h1 a:visited.signout, h1 a:hover.signout, h1 a:active.signout{
			font-size: 8pt;
			padding: 5px 0 0 0;
		}
	h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{
		font-size: 14pt;
		color: #21388b;
		text-decoration: none;
	}
		h2.pink{
			color: #e4618d;
			padding: 0 0 20px 0;
		}
	h3, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active{
		font-size: 10pt;
		color: #e4618d;
		padding: 0 0 10px 0;
		text-decoration: none;
	}
	h2 a:hover, h3 a:hover{
		text-decoration: underline;
	}

.color1{ color: #21388b; }
.color2{ color: #e4618d; }

p{
	color: #666666;
	margin: 0 0 15px 0;
}

a:link, a:visited, a:hover, a:active{
	color: #21388b;
}
	a:link.pink, a:visited.pink, a:hover.pink, a:active.pink{
		color: #e4618d;
	}
	a img{
		border: 0;
	}

.lineSeparator{
	border-bottom: 1px solid #f5f5f5;
	margin: 20px 0 10px 0;
}

.aboutGrievingFeetInner{
	margin: 0 60px 0 0;
}

.borderImage1{
	padding: 2px;
	margin: 0 6px;
	border: 1px solid #21388b;
}

.borderImage2{
	padding: 2px;
	margin: 0 6px;
	border: 1px solid #e4618d;
}

.intro1, .intro2{
	font-weight: bold;
	color: #e4618d
}
.intro2{
	color: #21388b
}
.specialNote{
	color: #ff0000;
}

div.clear{
	clear: both;
}

div.column{ float: left; }

#orderForm p.errore{
	padding: 10px;
	border: 1px solid #FF9900;
	background-color: #FFFF99;
	color: #ff0000;
	margin-bottom: 20px;
}

div#container{
	width: 825px;
	margin: 0 auto;
	border: 1px solid #f5f5f5;
}

#orderForm{
	background-color: #f5f5f5;
	padding: 20px 0;
}
	#orderForm p{
		margin: 0 20px;
	}
	#orderForm p input{
		border: 1px solid #21388b;
		font-size: 8pt;
		margin: 2px 0 10px 0;
		padding: 1px;
		width: 250px;
	}
	#orderForm p input.submit{
		width: 90px;
	}
	#orderForm p input.captchaInput{
		margin-right: 10px;
		width: 160px;
	}
	#orderForm p select{
		width: 250px;
		margin: 2px 0 10px 0;
	}

form div.btnPanel{ float: right; padding: 35px 0 0 0; }
form input.btnSubmit{ background-color: #ffffff; border: 1px solid #21388b; color: #21388b; cursor: pointer; }

form div.promoCode label{
	display: block;
	float: left;
	padding: 3px 0 0 0;
	width: 130px;
}

form#loginForm{
	margin: 0 auto;
	padding: 40px 0;
}
	form#loginForm fieldset{
		padding: 20px;
	}
	form#loginForm fieldset legend{
		font-size: 1.2em;
		font-weight: bold;
	}
	form#loginForm fieldset label,form#loginForm fieldset input{
		display: block;
		margin: 0 0 5px 0;
		width: 200px;
	}
	form#loginForm fieldset input#submit{
		width: auto;
	}
	form#loginForm fieldset p.problems{
		padding: 10px 0 0 0;
	}

form#registerForm{
	padding: 40px 0;
}
form#registerForm fieldset{
	padding: 20px;
}
	form#registerForm label, form#registerForm input{
		display: block;
		float: left;
	}
	form#registerForm label{
		padding: 2px 10px 0 0;
		text-align: right;
		width: 150px;
	}
	form#registerForm input{
		width: 200px;
	}
	form#registerForm input#submit{
		width: auto;
		float: none;
	}
	form#registerForm div.clear{
		padding: 2px 0;
	}
	form div.errorMessage{
		background-color: #FFFFCC;
		border: 1px solid #000000;
		color: #FF3333;
		margin: 0 0 10px 0;
		padding: 5px;
	}
	form div.errorMessage ul{
		list-style-position: inside;
	}
	form div.errorMessage p{
		font-size: 10pt;
		font-weight: bold;
		margin: 0;
	}

table#cartList{
	border-collapse: collapse;
	width: 100%;
}
	table#cartList tr.program td{
		background-color: #FFFFFF;
		padding: 10px 0 10px 0;
	}
	table#cartList tr.cert td{
		background-color: #CCCCCC;
		padding: 3px 5px 3px 5px;
	}

div.promoCode{
	padding: 20px 0;
}

div.cartActions{
	padding: 0 0 20px 0;
}
	div.cartActions input{
		margin: 0 10px 0 0;
	}

dl.certList dd{
	margin: 0 0 5px 0;
}
	dl.certList dd.submit{
		padding: 10px 0;
	}

div#navigation{
	padding: 0 0 0 35px;
	border-bottom: 10px solid #e4618d;
	background-color: #f5f5f5;
}
	div#navigation ul{
		padding: 30px 0;
		list-style-type: none;
	}
	div#navigation ul li{
		float: left;
		color: #21388b;
	}
	div#navigation ul li a.color1{ color: #21388b; }
	div#navigation ul li a.color2{ color: #e4618d; }
	div#navigation ul li.active, div#navigation ul li.activeLast{
		padding: 0 12px;
		border-right: 1px solid #e4618d;
	}
	div#navigation ul li.activeLast{
		border: 0;
	}
	div#navigation a:link, div#navigation a:visited, div#navigation a:hover, div#navigation a:active{
		color: #e4618d;
		padding: 0 12px;
		border-right: 1px solid #e4618d;
	}
	div#navigation a:hover{
		color: #21388b;
		text-decoration: none;
	}
	div#navigation a:link.last, div#navigation a:visited.last, div#navigation a:hover.last, div#navigation a:active.last{
		border-right: 0;
	}
	div#navigation a:link.cart, div#navigation a:visited.cart, div#navigation a:hover.cart, div#navigation a:active.cart{
		float: right;
		margin: -33px 0 0 0;
		border: 0;
	}
	div#navigation img{
		border: 0;
	}

div#topContent{
	/*background-color: #f5f5f5;*/
	background-color: #FFFFFF;
}

div#topContent div.store{
	padding: 5px 40px;
}

div#topContentLeft{
	width: 470px;
	padding: 0px 50px;
	float: left;
	background-color: #f5f5f5;
}
	div#topContentLeft.topContentLeftInner{
		width: 725px; 
		padding-bottom: 50px;
	}
	div#topContentLeftTopLeft{
		margin: 50px 0 0 0;
		float: left;
	}
	div#topContentLeftTopRight{
		padding: 10px 10px 20px 40px;
		margin: 50px 0;
		width: 190px;
		float: right;
		border-left: 1px solid #e4618d;
	}
		div#topContentLeftTopRight p{
			text-align: justify;		
		}
	div#topContentLeftBottom{
	}

div#topContentRight{
	width: 255px;
	float: right;
}

div#bottomContent{
	padding: 0px 40px 0 40px;
}
	div#bottomContentTop{
		border-bottom: 1px solid #f5f5f5;
		padding: 0 0 40px 0;
	}
		div#bottomContentTopLeft{
			margin: 50px 0 0 0;
			float: left;
		}
		div#bottomContentTopRight{
			margin: 50px 0 0 0;
			float: right;
			width: 480px;
		}
			div#bottomContentTopRight p{
				text-align: justify;
			}
	div#bottomContentBottom{
		padding: 40px 0 0 0;
	}
		div#bottomContentBottom p{
			text-align: justify;
		}
		div#bottomContentBottomLeft{
			float: left;
			width: 200px;
			margin: 0 70px 0 0;
		}
		div#bottomContentBottomMiddle{
			float: left;
			width: 200px;
			margin: 0 70px 0 0;
		}
		div#bottomContentBottomRight{
			float: left;
			width: 200px;
		}

div#innerPageContentLeft{
	float: left;
	width: 570px;
	background-color: #ffffff;
	padding: 0 0 100px 0;
}
	div#innerPageContentLeft ol{
		list-style-position: outside;
	}
	div#innerPageContentLeft ul li,div#innerPageContentLeft ol li{
		margin: 0 0 6px 0;
	}
	div#innerPageContentLeft ul{
		list-style-position: outside;
		list-style-type: none;
	}

div#innerPageContentRight{
	float: right;
	width: 255px;
	background-color: #f5f5f5;
}
	div#innerPageContentRight h1{
		margin: 0 0 0 30px;
		padding: 10px 0 10px 10px;
		font-size: 8pt;
		font-weight: normal;
		background: url(../../images/rightColumnHeaderGradient.jpg) repeat-y top;
	}
	div#innerPageContentRight ul{
		background: url(../../images/dotted_border.jpg) top repeat-x;
		list-style-type: none;
		margin: 1px 0 0 30px;
		padding: 10px 0 50px 10px;
	}
	div#innerPageContentRight ul li{
		padding: 0 0 3px 0;
		color: #666666;
	}
	div#innerPageContentRight a:link, div#innerPageContentRight a:visited, div#innerPageContentRight a:hover, div#innerPageContentRight a:active{
		color: #21388b;
	}

/* Store Styles */
div.item{
	margin: 25px 33px 25px 25px;
}
	body#details div.item{ margin: 25px 0 25px 0; }
	body#cart div.item{ margin: 25px 0 25px 0; }
	body#summary div.item{ margin: 25px 0 25px 0; }
	div.total{ color: #21388b; font-size: 10pt; font-weight: bold; }
	div.item div.icon{ float: left; width: 100px; }
	body#details div.item div.icon{ width: 150px; }
	div.item div.description{ float: left; width: 580px; }
	body#details div.item div.description{ width: 580px; }
	div.item dl dd{ padding: 0 0 5px 0; }
	div.item dl dd input{ margin: 0 3px 0 0; }

	div.cart{ padding: 0 0 30px 0;}
	div.cart div.item div.action{ position: relative; width: 80px; float: left; }
		div.cart div.item div.action input{ position: absolute; top: 10px; left: 25px; }
	div.cart div.item div.icon{ width: 50px; float: left; }
		div.cart div.total div.icon{ width: 60px; float: left; }
	div.cart div.item div.description{ width: 525px; float: left; }
		div.cart div.total div.description{ width: 575px; float: left; }
		body#summary div.cart div.total div.description{ width: 495px; float: left; }
	div.cart div.item div.price{ width: 80px; float: left; text-align: right; }

	div.name,div.status,div.completion,div.score,div.certificate{ float: left; }
	div.charges,div.payments,div.date,div.balance{ float: left; }
	div.name{ width: 370px; }
	div.status{ width: 70px; }
	div.completion{ width: 130px; }
	div.score{ width: 60px; }
	div.certificate{ width: 40px; }
	div.header{ border-bottom: 1px solid #21388b; }
	div.footer{ border-top: 1px solid #21388b; }
	div.charges{ width: 80px; }
	div.payments{ width: 80px; }
	div.date{ width: 80px; }
	div.balance{ width: 70px; }

div#footer{
	height: 107px;
	border-top: 1px solid #ffffff;
	background: url(../../images/footer_gradient.jpg) repeat-x top;
}
	div#footer p{
		margin: 20px auto;
		width: 300px;
		color: #ffffff;
	}
	div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
		color: #ffffff;
	}