@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	background:#fff;
}

h1 {
	margin:0 0 15px;
	padding:0;
	line-height:1.2em;
	font-size:2.2em;
	font-weight:normal;
}

h2 {
	margin:0 0 14px;
	padding:0;
	font-size:1.6em;
	line-height:1.2em;
}

h3 {
	margin:0 0 14px;
	padding:0;
	font-size:1.3em;
}

p {
	margin:0 0 14px;
	padding:0;
}

a:link,
a:active,
a:visited {
}

a:hover {
}

a img { border:0; }

div { position:relative; }

/* -- misc -- */

.fine {
font-size:.7em;
line-height:1.2em;
}

a span {
	position:absolute;
	left:-9999px;
}

.btn {
	display:inline-block;
	margin:5px 0 0;
	padding:5px 20px;
	color:#fff;
	font-size:.95em;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1em;
	text-decoration:none;
	text-transform:uppercase;
	background:#ed1c2d;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
}

.btn:hover {
	background:#9b121d;
}

.clear { clear:both; }

#header .adspace {
	position:absolute;
	top:48px;
	right:10px;
	width:697px;
	height:85px;
	background:#fff;
}

/* -- layout -- */

.content {
	padding:15px;
	line-height:1.5em;
}

#cite {
	margin:15px 33px 0;
	float:right;
}

#cite a {
	color:#282828;
	text-decoration:none;
}

#cite a span {
	position:static;
	left:auto;
	border-bottom:1px #333 solid;
}

#cite a:hover span { border:none; }

#copyright {
	margin:15px 33px 0;
	float:left;
}

#main_container {
	margin:0 auto;
	padding:0 14px 70px;
	width:1000px;
	background:url(/images/repeat-bkgs.png) left repeat-y;
}

#header {
	margin:0 0 3px;
	width:1000px;
	height:142px;
	background:url(/images/sprites.png) 0 -13px no-repeat;
}

#content_left {
	margin:10px 0 0 -1px;
	width:720px;
	float:left;
	clear:both;
}

#content_left .content {
	padding:23px 35px 0;
	border:1px #e6e6e6 solid;
	-moz-box-shadow: 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 1px #ddd;
}

#content_right {
	margin:10px -1px 0 0;
	width:273px;
	float:right;
}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:1028px;
	height:60px;
	font-size:0.9em;
	background:url(/images/sprites.png) 0 47px no-repeat;
}

#homelink {
	position:absolute;
	display:block;
	top:16px;
	left:16px;
	width:250px;
	height:112px;
}

.widget {
	margin:0 0 10px;
	line-height:1.5em;
	border:1px #e6e6e6 solid;
	-moz-box-shadow: 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 1px #ddd;
}

.widget h3 {
	margin:0;
	padding:0;
	color:#e11b2b;
	font-size:1em;
}

.widget .promo {
	margin:8px 8px 0;
}

/* -- nav -- */

.nav {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

.nav li {
	margin:0;
	padding:0;
	float:left;
}

.nav a {
	display:block;
	height:35px;
	background-image:url(/images/sprites.png);
}

#nav_mem {
	width:359px;
	background-position:0 -155px;
}#nav_mem:hover {
	background-position:0 -190px;
}

#nav_ers {
	width:322px;
	background-position:-359px -155px;
}#nav_ers:hover {
	background-position:-359px -190px;
}

#nav_courses {
	width:143px;
	background-position:-681px -155px;
}#nav_courses:hover {
	background-position:-681px -190px;
}

#nav_workbooks {
	width:176px;
	background-position:-824px -155px;
}#nav_workbooks:hover {
	background-position:-824px -190px;
}

#user_nav {
	width:1000px;
	height:34px;
	background:url(/images/sprites.png) #1e778f 0 -225px;
	clear:both;
}

#user_nav a {
	position:relative;
	margin:0 8px;
	padding:8px 13px 0;
	height:26px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	background:none;
}

#user_nav a:hover,
#user_nav .active a {
	background:url(/images/sprites.png) #025B73 0 -259px;
}

#user_nav a:hover span,
#user_nav .active a span {
	position:absolute;
	top:0;
	left:auto;
	right:0;
	width:13px;
	height:34px;
	background:url(/images/sprites.png) -258px -259px;
}

#header .nav {
	position:absolute;
	top:6px;
	right:0px;
	width:auto;
}

#header .nav a {
	margin:0;
	padding:6px 12px 0;
	height:20px;
	color:#282828;
	font-size:14px;
	background:none;
	text-decoration:none;
}

#header .nav a:hover {
	text-decoration:underline;
}

#nav_login {
	margin:-6px 5px 0  12px !important;
	padding:0 !important;
	width:174px;
	height:40px !important;
	background:url(/images/sprites.png) -405px -259px !important;
}
#nav_login:hover {
	background-position:-579px -259px !important;
}

#ie6nav_login {
	margin:-6px 5px 0  12px !important;
	padding:0 !important;
	width:174px;
	height:40px !important;
	background:url(/images/sprites.png) -405px -259px !important;
}
#ie6nav_login:hover {
	background-position:-579px -259px !important;
}

/* -- forms -- */

form {
	margin:0;
	padding:0;
}

form p			{ position:relative; margin:0; padding:0; }
form p label	{ position:absolute; top:2px; left:5px; color:#888; background:none; z-index:2; }
form p br		{ display:none; }

input[type=text],
input[type=password],
textarea {
	position:relative;
	margin:0;
	padding:0 3px;
	width:174px;
	height:23px;
	font-size:1em;
	border:1px #aaa solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

input.schBox {
	width:90%;
}

textarea {
	width:250px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

input.submit {
	padding:0 10px;
	width:auto;
	height:23px;
	color:#fff;
	cursor:pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	letter-spacing:1px;
	background:#066985;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

form .error {
	border-color:red;
}

#create_account {
	padding:34px 0 0;
	width:271px;
	height:295px;
	background:url(/images/sprites.png) 0 -293px no-repeat;
}


#create_account form {
	margin:0 auto;
	padding:20px 0 0;
	width:254px;
	border-top:1px #aaa dashed;
}

#create_account .submit {
	padding:0;
	width:88px;
}

#acct_name,
#acct_org {
	width:239px;
}

#acct_phone,
#acct_email,
#acct_promo {
	width:111px;
}

/* -- rotating image -- */

#splash_img {
	height:331px;
}

#splash_img ul {
	margin:0;
	padding:0;
	list-style:none;
}

#splash_img ul li {
	position:absolute;
}

#splash_img img {
	border:1px #e6e6e6 solid;
	-moz-box-shadow: 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 1px #ddd;
}

/* -- news -- */

#news {
	margin:10px 0 0;
	padding:0 0 10px;
	width:292px;
	height:auto;
	background:url(/images/repeat-bkgs.png) right repeat-y;
	border:1px #e6e6e6 solid;
	-moz-box-shadow: 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 1px #ddd;
	float:left;
}

#news h4 {
	display:inline-block;
	margin:10px 0 0;
	padding:5px 10px;
	color:#fff;
	font-size:.95em;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#ed1b2d;
	-moz-box-shadow: 1px 2px 3px #bbb;
	-webkit-box-shadow: 1px 2px 3px #bbb;
}

#news ul {
	margin:5px 0 0;
	padding:0 18px;
	list-style:none;
	font-size:0.9em;
}

#news li {
	padding:10px 0;
	border-bottom:1px #fff dashed;
}

#news a {
	display:block;
	color:#066985;
	text-decoration:none;
}

#news a:hover {
	color:#044253;
	text-decoration:underline;
}

/* -- metlife page -- */

#metlife h3 {

	display:inline-block;
	margin:10px 0 6px;
	padding:5px 10px;
	color:#fff;
	font-size:.95em;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	background:#ed1b2d;
	-moz-box-shadow: 1px 2px 3px #bbb;
	-webkit-box-shadow: 1px 2px 3px #bbb;
	clear:both;
}

#metlife .btn {
	margin:10px 0;
	padding:8px 20px;
	background:#066985;
	border:none;
	-moz-box-shadow: 1px 2px 3px #bbb;
	-webkit-box-shadow: 1px 2px 3px #bbb;
	float:none;
	clear:both;
}

#metlife .btn:hover {
	background:#044557;
}

#metlife .offer {
	margin:0 0 0 20px;
	padding:10px 10px 0;
	width:40%;
	border:3px #ED1B2D solid;
	float:right;
}
#metlife .offer h2 {
	font-size:1.3em;
	line-height:1.3em;
}
#metlife .offer sup {
	line-height:0;
	font-weight:normal;
	font-size:.8em;
}

#metlife ol {
	margin:5px 0 30px;
	height:85px;
	padding:0;
	list-style-position:inside;
}

#metlife ol li {
	margin:0 10px;
	padding:10px;
	height:85px;
	background:#E5E5E5;
	text-align:center;
	font-size:.85em;
	line-height:1.4em;
	float:left;
}

ol li.step1 {
	margin:0 13px 0 0 !important;
	width:75px;
}
ol li.step2 {
	width:120px;
}
ol li.step3 {
	width:140px;
}
ol li.step4 {
	margin:0 0 0 13px !important;
	width:160px;
}

/* -- links -- */

#links {
	padding:0 0 10px;
	height:auto;
	background:url(/images/repeat-bkgs.png) right repeat-y;
}

#links h4 {
	margin:0;
	padding:0;
	height:88px;
	background:url(/images/sprites.png) bottom right no-repeat;
}

#links h4 span {
	position:absolute;
	left:-9999px;
}

#links ul {
	margin:-5px 0 0;
	padding:0 18px;
	list-style:none;
	font-size:0.9em;
}

#links li {
	padding:8px 0;
	border-bottom:1px #fff dashed;
}

#links a {
	display:block;
	color:#066985;
	text-decoration:none;
}

#links a:hover {
	color:#044253;
	text-decoration:underline;
}

/* -- featured -- */

#featured {
	margin:10px 0 0;
	width:415px;
	border:1px #e6e6e6 solid;
	-moz-box-shadow: 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 1px #ddd;
	float:right;
}

#featured .btn {
	float:right;
}

#featured h3 {
	margin:0;
	padding:0;
	color:#e11b2b;
	font-size:1em;
}

#featured .content {
	padding:15px 20px;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

#featured .featured_img {
	margin:8px;
}

/* -- shop -- */

.shop p {
	margin:0 0 14px;
}

.shop .product_image {
	margin:0;
	padding:0 0 0 10px;
	float:right;
}

#qty {
	width:30px;
}

/* -- account sidebar -- */

#account_logout {
	padding:5px 0 0 16px;
	height:29px;
	color:#fff;
	background:#414141;
}

#account_logout .btn {
	margin:0 5px;
	background:#292929;
	float:none;
}
#account_logout .btn:hover {
	background:#000;
}

.quote_container {
	padding:38px 28px 5px;
}
.quote_container p {
	position:relative;
	color:#066985;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index:2;
}

.quote {
	font-style:italic;
}

.quote_left,
.quote_right {
	position:absolute;
	top:12px;
	left:14px;
	width:67px;
	height:50px;
	background:url(/images/sprites.png) -271px -259px no-repeat;
}
.quote_right {
	top:auto;
	left:auto;
	right:15px;
	bottom:18px;
	background-position:-338px -259px;
}

/* -- login modal box -- */

#login_container {
	width:447px;
	height:auto;
	background:#fff;
}

#login_container h4 {
	margin:0;
	padding:30px 27px 0;
	height:37px;
	color:#fff;
	font-size:23px;
	background:#e11b2b;
}

#login_container .content {
	padding:10px 30px;
}

.login_tools {
	margin:8px 0 25px;
}

.login_tools a {
	margin:0 30px 0 0;
	color:#e11b2b;
	font-weight:bold;
	text-decoration:none;
	border-bottom:2px #e11b2b solid;
}

#login_error {
	position:absolute;
	bottom:-8px;
	left:auto;
	color:#e11b2b;
	font-weight:bold;
}

#login_container .btn {
	margin:20px 0 5px 10px;
	padding:9px 18px;
	background:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:2px 2px 3px #ddd;
	-webkit-box-shadow:2px 2px 3px #ddd;
	float:right;
}

#login_container label {
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
}

#login_container input {
	font-size:13px;
	width:180px;
	border:1px #444 solid;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-box-shadow:2px 2px 3px #eee;
	-webkit-box-shadow:2px 2px 3px #eee;
}
