@import url(resets.css);

/********
 GLOBALS
 *******/

html {
	overflow-y:scroll;	
}

body {
	background: #faf5f0 url(../images/bg-body.gif) repeat-y center 14px;
	font-size: 12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 745px;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.h1-homepage {
	background:transparent url(../images/h1-educators-youve-inspired-us.png) no-repeat 0 0;
	height:71px;
	width:234px;
	text-indent:-9999px;
}

.h1-loftforum {
	background:transparent url(../images/h1-loft-forum.gif) no-repeat 0 0;
	height:23px;
	width:194px;
	text-indent:-9999px;
}

.h1-in-the-community {
	background:transparent url(../images/h1-loft-community.png) no-repeat 0 0;
	height:23px;
	width:272px;
	text-indent:-9999px;
	margin-left:1px;
}
.h2-in-the-community {
	background:transparent url(../images/h2-loft-community.png) no-repeat 0 0;
	height:66px;
	width:319px;
	text-indent:-9999px;
	margin-left:-1px;
	margin-top:13px;
}

.h1-spread-the-word {
	background:transparent url(../images/h1-spread-the-word.png) no-repeat 0 0;
	height:23px;
	width:306px;
	text-indent:-9999px;
	margin-left:1px;
}
.h2-spread-the-word {
	background:transparent url(../images/h2-spread-the-word.png) no-repeat 0 0;
	height:32px;
	width:309px;
	text-indent:-9999px;
	margin-top:12px;
}

.h1-join-now {
	background:#FFFFFF url(../images/h1-join-now.gif) no-repeat 0 0;
	height:23px;
	width:153px;
	text-indent:-9999px;
}
.h2-join-now {
	background:#FFFFFF url(../images/h2-join-now.gif) no-repeat 0 0;
	height:13px;
	width:371px;
	text-indent:-9999px;
	margin-left:-1px;
	margin-top:9px;
}

h2 {
	color: #302b28;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: normal;
}

p {
	color:#333333;
	line-height:18px;
}

a {
	color:#333333;
}

/*******
 HEADER
 ******/
.logo-llt {
	display:block;
	margin: 5px auto 0 auto;
}

.beige-tape {
	left:-28px;
	position:absolute;
	top:100px;
	z-index:1;
}

.beige-tape-bottom {
	position:absolute;
	right:-28px;
}	

.wrapper_ForgotPassword {
	float:right;
	margin-top:20px;
	margin-bottom:54px;
}
	.wrapper_ForgotPassword .link_ForgotPassword {
		font-size:11px;
		color:#000000;
		text-decoration:none;
	}

ul.nav {
	display:block;
	height:13px;
	margin:20px 0 0 2px;
	position:relative;
	z-index:2;
}
	ul.nav li {
		float: left;
		padding:0 11px;
	}
		ul.nav li a {
			display: block;
			height: 13px;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
			ul.nav li a.active,
			ul.nav li a:hover {
				background-position: 0px -14px;
			}
		
		ul.nav li.home a {
			width: 49px;
			background-image: url(../images/nav/home.png);
		}
						
		ul.nav li.forum a {
			width: 103px;
			background-image: url(../images/nav/loft-forum.png);
		}
		
		ul.nav li.tips a {
			width: 88px;
			background-image: url(../images/nav/style-tips.png);
		}
		
		ul.nav li.community a {
			width: 154px;
			background-image: url(../images/nav/in-the-community.png);
		}
		
		ul.nav li.spread a {
			width: 155px;
			background-image: url(../images/nav/spread-the-word.png);
		}
		
		ul.nav li.join a {
			width: 82px;
			background-image: url(../images/nav/join-now.png);
		}
		
		ul.nav li.first {
			padding-left:0;
		}
		ul.nav li.last {
			padding-right:0;
		}

/********
 CONTENT
 *******/

.mainContent {
	padding: 12px 12px 0 11px;
	border-bottom: solid 1px #ffffff;
}

	/* separate tall bg image for Style Tips page */
	.tall {
		background: url(../images/bg_woman.jpg) no-repeat 0 0;
		height: 582px;
	}
	
	.style_tips_tall {
		background: url(../images/20090403_bg_woman.jpg) no-repeat 0 0;
		height: 541px;
	}
	
	.womanAndChild1 {
		background: url(../images/bg_womanAndChild.jpg) no-repeat 0 0;
		height:480px;
	}
	
	.womanAndChild2 {
		background: url(../images/bg_womanAndChild2.jpg) no-repeat 0 0;
		height:398px;
	}
	
	.whiteFadeBoxLight {
		background-image: url(../images/fade2.png);
		height: 448px; /* 468 - 20 */
	}
	
	.whiteFadeBoxTall {
		background-image: url(../images/fade3.png);
		height: 568px;
	}
	
	.style_tips_whiteFadeBoxTall {
		background-image: url(../images/fade3.png);
		height: 522px;
	}
	
	.separator {
		border-bottom: solid 1px #9c0e00;
	}
	
	.contentBlock {
		color: #302b28;
	}
		
		.contentBlock p {
			margin: 5px 0 0 0;
		}
		
			.contentBlock p span {
				text-transform: uppercase;
			}
			
			.contentBlock p a {
				color: #000000;
				text-decoration: none;
				border-bottom: solid 1px #000000;
				position:relative;
			}
	
	.required {
		font-size: 10px;
		font-weight: bold;
		color: #e82d2f;
	}
	
	/*****
	 HOME
	 ****/
		
		.home .contentBlock .intro1 {
			color: #080707;
			font-size: 30px;
			font-weight: normal;
			text-transform: none;
		}
				
		.home .contentBlock intro2 {
			color: #000000;
			text-transform: uppercase;
			font-size: 18px;
			font-weight: normal;
		}
		
			.home .contentBlock h2 span {
				font-weight: bold;
				color: #c93d00;
			}
		
		.home .contentBlock p {
			line-height: 1.5em;
			text-align:justify;
		}
		
		.home .contentBlock ol {
			list-style-type: decimal;
			list-style-position: outside;
			padding: 0 0 0 23px;
			
		}
		
			.home .contentBlock ol li {
				color: #000000;
				font-size: 13px;
				margin: 15px 0 0 0;
			}
			
				.home .contentBlock ol li span {
					color: #C93D00;
					font-weight: bold;
					text-transform: uppercase;
				}
		
		.home .contentBlock .joinWrapper {
			margin: 10px 0 0 18px !important;
			margin: 10px 0 0 23px;
		}
	
		a.btnJoin {
			display: block;
			width: 198px;
			height: 29px;
			background: url(../images/btnJoin.gif) no-repeat 0 0;
			text-indent: -9999px;
		}
		
		a.btnJoin2 {
			display: block;
			width: 189px;
			height: 29px;
			background: url(../images/btn-join.gif) no-repeat 0 0;
			text-indent: -9999px;
		}
		
		a.btnSignIn {
			display: block;
			width: 198px;
			height: 29px;
			background: url(../images/btnSignIn.png) no-repeat 0 0;
			text-indent: -9999px;
		}

	/*****************
	 IN THE COMMUNITY
	 ****************/			
		.in-the-community {
			background:transparent url(../images/bg-in-the-community.jpg) no-repeat scroll 0 0;
			height:380px; /* 491 - 121 */
			margin:5px 0 0 0;
			padding:111px 0 0 40px;
			position:relative;
		}
			.in-the-community p {
				color:#FFFFFF;
				margin:17px 0 0 0;
				width:330px
			}
				.in-the-community p a {
					color:#FFFFFF;
				}
			.in-the-community p.first {
				margin:19px 0 0 0;
			}
			.in-the-community .logo-loftcares {
				position:absolute;
				bottom:24px;
				left:41px;
			}
		
	/****************
	 SPREAD THE WORD
	 ***************/	
		.spread-the-word {
			background:transparent url(../images/bg-spread-the-word.jpg) no-repeat scroll 0 0;
			height:239px;
			margin:5px 0 0 0;
			padding:252px 0 0 40px;
		}
			.spread-the-word p {
				color:#FFFFFF;
				margin-top:17px;
				width:300px
			}
				.spread-the-word p a {
					color:#FFFFFF;
					font-weight:bold;
					text-transform:uppercase;
				}

	/***********
	 STYLE TIPS
	 **********/
		.style-tips {
			background:#FFFFFF url(../images/bg-style-tips.jpg) no-repeat 0 0;
			height:313px;
			margin:5px 0 0 0;
			padding:95px 0 0 114px;
			width:632px;
		}
			.style-tips h1 {
				background:transparent url(../images/h1-coming-soon.png) no-repeat 0 0;
				height:41px;
				text-indent:-9999px;
				width:234px;
			}
			
		.style-tips p {
			line-height: 17px;
			color: #302b28;
		}
		
		.style-tips ol {
			
		}
			.style-tips ol li {
				list-style-type: decimal;
				list-style-position: inside;
				line-height: 16px;
				color: #302b28;
				margin: 0 0 15px 0;
				font-size:12px;
			}	
				.style-tips ol li span.callout {
					text-transform: uppercase;
					color: #9c0e00;
					font-weight: bold;
					font-style:italic;
				}
		
		.style-tips-footer {
			
			background-color: #282E37;
			color:#FFFFFF;
			height:40px;
			margin:21px 0 0 0;
			position:relative;			
		}
			.style-tips-footer .content {
				bottom:5px;
				font-size:8px;
				position:absolute;
				right:10px;				
			}

	/*********
	 JOIN NOW
	 ********/
		.join-now {
			background:transparent url(../images/bg-join-now.jpg) no-repeat scroll 0 0;
			height:463px;
			margin:5px 0 0 0;
			padding:14px 304px 14px 12px;
		}
			.join-now .formFields {
				background-color:#FFFFFF;
				padding:22px 18px 15px 18px;
			}
	
		.join-now ul {
			color: #302b28;
			font-size: 11px;
			line-height: 13px;
			list-style-type: disc;
			margin:13px 0 0 0;
			padding: 0 0 0 13px;
		}
		
		.join-now hr {
			margin:18px 0 7px 0;
		}
		
		.joinForm .row {
			height: 32px;
			margin: 0 0 3px 0;
		}
		
			/* specific rows */
			.joinForm .row1 { /* first and last name */
				margin-top:12px;
			}
			
			.joinForm .row2 { /* address */
			}
			
			.joinForm .row3 { /* city, state, zip */
			}
			
			.joinForm .row4 { /* email */
			}
			
			.joinForm .row5 { /* username, password */
				height: 32px;
			}
			
			.joinForm .row6 {
				height:auto;
				margin-top:18px;
			}
			
			.joinForm .row7 {
				margin-top:18px;
			}
		
			.joinForm .row label,
			.already-registered .row label {
				clear: right;
				font-size: 11px;
				line-height: 11px;
				color: #000000;
				font-weight: bold;
				margin: 0 0 2px 0;
				width: 195px;
				display: block;
			}
			
			.joinForm .row input[type="text"],
			.already-registered .row input[type="text"],
			.row input[type="password"],
			.joinForm .row .txtBox {
				width: 189px;
				height: 13px;
				line-height: 13px;
				font-size: 10px;
				padding: 1px 2px;
				margin: 0;
				border-top: solid 1px #7c7c7c;
				border-bottom: solid 1px #dddddd;
				border-left: solid 1px #c3c3c3;
				border-right: solid 1px #c3c3c3;
			}
			
			.joinForm .state {
				width: 75px;
				float: left;
			}
			
				.joinForm .state label {
					width: 40px;
				}
				
				.joinForm .state select {
					height: 17px;
					border: 0;
					line-height: 17px;
					font-size: 10px;
					padding: 1px 2px;
					margin: 0;
					border-top: solid 1px #7c7c7c;
					border-bottom: solid 1px #dddddd;
					border-left: solid 1px #c3c3c3;
					border-right: solid 1px #c3c3c3;
				}
			
			.joinForm .zip,
			.joinForm .txt-Zipcode {
				width: 120px;
				float: left;
			}
			
				.joinForm .zip label {
					width: 50px;
				}
				
				.joinForm .zip input[type="text"] {
					width: 114px; /* 120 - 2 - 2 - 1 - 1 */
				}
			
			.joinForm .row .emailList {
				padding: 0;
				margin: 13px 0 0 0;
				width: 195px;
			}
			
				.joinForm .row6 .checkbox {
					display:block;
					float:left;
					width:20px;
				}
					.joinForm .row6 .checkbox input {
						margin-left:0;
					}
				.joinForm .row6 .checkbox-label {
					display:block;
					float:left;
					width:373px;
				}
				
					.joinForm .row .emailList .checkbox input {
						border: 0;
						width: 14px;
						height: 14px;
						font-size: 0;
						padding: 0;
						margin: 0;
					}
				
				.joinForm .row .emailList label {
					float: right;
					clear: right;
					width: 180px;
				}
				
			.joinForm .row .privacyLink {
				padding: 15px 0 0 0;
			}
			
				.joinForm .row .privacyLink a {
					color: #000000;
					font-size:10px;
					text-decoration: underline;
					text-transform: uppercase;
				}
				
			.joinForm .row6 label {
				clear:none;
				color:#000000;
				display:inline;
				font-size:11px;
				font-weight:bold;
				line-height:11px;
				margin:0 0 2px;
				width:auto;
			}
				
/*******
 HP
 ******/
.hpMainContent {
	padding:215px 12px 0 17px;
	border-bottom: solid 1px #ffffff;
}

.bg-homepage {
	background:transparent url(../images/bg-homepage.jpg) no-repeat 0 0;
	height:359px;
	margin:5px 0 0 0;
	padding:49px 0 0 61px;
}
	.bg-homepage h1 {
		margin:0 0 0 3px;
	}
	.bg-homepage p {
		color:#DDDDDD;
		margin:15px 0 0 0;
		width:314px;
	}

.hp {
	width:365px;
	.width:360px;
	height:149px;
}
	.hp div {
		line-height:20px;
	}
	.hp div span {
		text-transform:none;
	}
	.hp div span.callout {
		font-size:37px;
	}
	.hp div span.emphasized {
		font-size:15px;
	}
	.hp p {
		margin-top:5px;
		.margin-top:10px;
		padding-bottom:0px;
		.padding-bottom:7px;
	}
	
	.copyEarnBenefits {
		color:#333333;
		font-size:17px;
		font-weight:bold;
		margin:10px 0 0 0;
		text-align:center;
		text-transform:uppercase;		
	}
	
	.homepage-offers {
		border-right:solid 1px #000000;
		color:#343434;
		float:left;
		padding:11px 0 11px 56px;
		margin:16px 0 0 0;
		width:317px;
	}
		.homepage-offers div {
			line-height:15px;
			margin:19px 0 0 0;
		}
		.homepage-offers div.first {
			margin:0;
		}
			.homepage-offers div span.standOut {
				color:#fc4f4f;
				font-size:16px;
				font-weight:bold;
			}
	
	.IdLikeToJoin {
		display:block;
		float:left;
		margin:0 0 0 98px;
		width:197px;
	}
	
	.blockDonorsChoose {
		background-color:#282E37;
		margin-top:11px;
		text-align:right;
		padding:3px 5px 5px 0;
	}
		.blockDonorsChoose a {
			color:#ffffff;
			font-size:10px;
			text-decoration:underline;
		}
		.blockDonorsChoose div.left {
			width:348px;
			margin-right:20px;
			float:left;
		}
		.blockDonorsChoose div.right {
			width:352px;
			float:left;
		}
/*******
 FOOTER
 ******/

.footer {
	padding: 22px 33px 0 32px;
	width: 685px; /* 745 - 33 - 32 */
}

	.footer .donors-choose {
		margin: 0 0 15px 0;
		background-color: #000;
	}
	
		.footer .donors-choose .main {
			float: left;
			width: 410px;
			position: relative;
		}
		
			.footer .donors-choose .main a {
				color: #ffffff;
				text-decoration: underline;
			}
		
		.footer .donors-choose .side {
			float: right;
			margin: 41px 23px 0 0;
		}
		
			.footer .donors-choose .side .promo {
				background: url(../images/promoGiveAway.gif) no-repeat 0 0;
				width: 189px;
				height: 139px;
			}
		
		.donors-choose h3 {
			color: #ffffff;
			font-size: 30px;
			font-weight: normal;
		}
		
		.donors-choose p {
			margin: 15px 0 0 0;
			line-height: 14px;
			text-align: justify;
		}
		
			.donors-choose p.important {
				font-weight: bold;
				text-transform: uppercase;
			}
			
			.donors-choose p span {
				text-transform: uppercase;
			}
			
			.donors-choose p b {
				font-weight: bold;
			}
	
	.footer .already-registered {
		width: 410px;
	}
	
		.footer .already-registered h5 {
			text-transform: uppercase;
			color: #000000;
			font-weight: bold;
			font-size: 15px;
			margin: 0 0 10px 0;
		}
		
		.footer .already-registered p {
			color: #000000;
			line-height: 15px;
		}
		
		.footer .already-registered .row {
			margin: 6px 0 0 0;
		}
	
	.footer .legal {
		color: #000000;
		font-size: 10px;
		text-transform: uppercase;
		border-top: solid 1px #000000;
	}
	
		.footer .legal p {
			margin: 10px 0 0 0;
			text-align: justify;
		}
		
.footerLinks {
	color:#555555;
	float:left;
	font-size:10px;
	margin: 9px 0 0 0;
}
	.footerLinks div {
		margin: 5px 0 0 0;
	}
	.footerLinks div.first {
		margin:0;
	}
		.footerLinks div a {
			font-size:10px;
			color:#555555;
		}
 
 /**************
 MISC
 **************/
 
 .forum-footer {
	height:40px;
	background-color: #282e37;
	color:#f7d145;
	font-size:8px;
	position:relative;
	margin-left:10px;
	margin-top:30px;
	width:725px;
}
	.forum-footer .content {
		position:absolute;
		right:10px;
		bottom:5px;
	}
	
	.forum-footer_outside {
		width:745px;
		margin:30px auto 0 auto;
	}
	
 .forum-footer_special {
	height:40px;
	background-color: #282e37;
	color:#ffffff;
	font-size:8px;
	position:relative;
	margin-left:0px;
	margin-top:21px;
	width:745px;
}
	.forum-footer_special .content {
		position:absolute;
		right:10px;
		bottom:5px;
	}
 
 .copyright {
	color:#555555;
	float:right;
	font-size:10px;
	margin:9px 0 0 0;
 }

 .shop_new_arrivals {
	margin-left:250px;
	cursor:pointer;
	height:12px;
	width:159px;
 }
	.shop_new_arrivals .floatingDiv {
		height:12px;
		width:159px;
		position:absolute;
	}

.outbound {
	background: #70a7ca url(../images/popupHeader.jpg) no-repeat 0 0;
	margin: 0 auto;
	width: 360px;
	padding: 125px 20px 20px 20px;
	text-align: left;
	color: #000000;
}

	.outbound h1 {
		font-size: 17px;
		font-weight: bold;
		text-align: center;
	}
	
	.outbound h2 {
		font-size: 16px;
		font-weight: bold;
		font-variant: small-caps;
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	.outbound p {
		padding: 10px 0;
		font-size: 12px;
		line-height: 14px;
		text-align: justify;
	}
	
		.outbound p a {
			color: #000000;
			text-decoration: underline;
		}
		
.linkForgotUsernameAndPassword {
	margin-bottom:10px;
	margin-left:430px;
	.margin-left:470px;
}
	.linkForgotUsernameAndPassword a {
		color:#000000;
		font-size:11px;
		text-decoration:none;
	}
	
#TB_title {
	/*display:none;*/
}

#TB_window {
	/*border:none;*/
}

#TB_iframeContent {
	/*height:600px;
	width:750px;*/
}

p.llt-goal {
	color:#FFFFFF;
	margin-top:30px;
}
p.last-llt-goal {
	margin-top:15px;
}

h1.comingSoon {
	font-size:16px;
	font-weight:bold;
	margin:50px 0;
	text-align:center;
}