/**************************************************************************************

	TEEHAN+LAX	 
 	GELASKINS - help.css
	----------------------------------------------------------
	agency: teehan+lax 
	authors: zack ginies - zack@teehanlax.com
	date: April 4, 2010 

	INDEX
	----------------------------------------------------------
	- Table of Contents
	- Answers
	
*************************************************************************************/

#main_content h1 {
	margin-bottom: 30px;
	padding: 15px 0 30px 0;
	border-bottom: 1px solid #d6d6d6;
}

	#main_content h1 a {
		color: #000;
	}

#main_content h3 {
	margin-bottom: 15px;
	font-size: 19px;
	font-style: italic;
	color: #000;
}

/* TABLE OF CONTENTS ----------------------------------------------------------*/

.table_of_contents {
	margin-bottom: 30px;
	border-bottom: 1px solid #d6d6d6;
	
	zoom: 1;
}

	.table_of_contents .contents {
		float: left;
		width: 630px;
	}
	
		.table_of_contents .contents ol {
			margin: 0 0 30px 20px;
			*margin-left: 25px;
			list-style: decimal;
			color: #717171;
		}
		
			.table_of_contents .contents ol li {
				margin-bottom: 5px;
			}
		
				.table_of_contents .contents ol li a {
					color: #717171;
				}	
					
					.table_of_contents .contents ol li a:hover {
						color: #000;
					}
					
	.table_of_contents .sidebar {
		margin-left: 630px;
		background: #F6F6F6 url(/images/backgrounds/help_sidebar.jpg) right bottom no-repeat;
		padding-bottom: 50px;
	}
	
		#main_content .table_of_contents .sidebar h3 {
			padding: 15px;
			margin: 0;
			border-bottom: 1px solid #cbcbcb;
		}
		
		.table_of_contents .sidebar p {
			margin: 0;
			padding: 15px;
			font-size: 14px;
			border-top: 1px solid #fff;
		}
		
		.table_of_contents .blue_button {
			margin-left: 15px;
			padding: 6px 15px 7px 15px;
			font-size: 16px !important;
		}
	
/* ANSWERS ----------------------------------------------------------*/

.answer_block {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d6d6d6;
}

	.answer_block .title {
		margin: 0 0 15px 0;
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
	
		#main_content .answer_block .title h2 {
			margin: 0;
			padding: 0;
			font-style: italic;
		}
	
		.answer_block .title a {
			position: absolute;
			bottom: 0;
			right: 0;
			font-size: 12px;
			text-decoration: underline;
			color: #717171;
		}

  .answer_block .answer {
    margin-left: 30px;
    margin-top: 10px;
  }
	.answer_block p {
		margin-bottom: 15px;
		line-height: 21px;
		color: #717171;
	}
	
	.answer_block select {
		margin-bottom: 20px;
	}
	
	#main_content .answer_block h3 {
		margin: 0 0 5px 0;
		padding: 15px 0 0 0;
	}
	
		.answer_block h3 a {
			color: #000;
		}
	
 /* NEW Help page styles */	
	
/* css inherit reset */	
	#main_content h1 {
		margin-bottom: 0;
		padding: 0;
	}	
	
/* END reset */	
	
.helpPageWrap {
	margin: -15px -20px 0;
	padding: 0;
}

.helpMasthead {
	text-align: center;
	background: #070707; /* change HELP background here! */
	padding: 33px 0 45px;
}

	.helpMasthead h1 {
		color: #fff;
		margin: 0;
		padding: 0;
		border-bottom: none!important;	
		font-size: 57px;
	}

	.helpMasthead h2 {
		color: #999!important;
		font-size: 22px!important;
		font-style: italic;
		padding: 0;
		margin: 5px 0 0!important;
	}

	.helpMasthead .anchorLinks {
		width: 800px;
		margin: 0 auto;
		padding: 15px 0 0;
	}

	.helpMasthead .anchorLinks a {
		color: #999;
		width: 130px;
		float: left;
		margin: 0 15px 0;
	}

	.helpMasthead .anchorLinks a.shipping { 
		background: url('/resources/images/icons/help/shippingIconUP.png') no-repeat;
	}

		.helpMasthead .anchorLinks a:hover.shipping { 
			background: url('/resources/images/icons/help/shippingIconOVR.png') no-repeat;
			color: #fff;
		}
	
	.helpMasthead .anchorLinks a.skins { 
		background: url('/resources/images/icons/help/skinsIconUP.png') no-repeat;
	}

		.helpMasthead .anchorLinks a:hover.skins { 
			background: url('/resources/images/icons/help/skinsIconOVR.png') no-repeat;
			color: #fff;
		}

	.helpMasthead .anchorLinks a.gallery { 
		background: url('/resources/images/icons/help/galleryIconUP.png') no-repeat;
	}

		.helpMasthead .anchorLinks a:hover.gallery { 
			background: url('/resources/images/icons/help/galleryIconOVR.png') no-repeat;
			color: #fff;
		}

	.helpMasthead .anchorLinks a.website { 
		background: url('/resources/images/icons/help/websiteIconUP.png') no-repeat;
	}
	
		.helpMasthead .anchorLinks a:hover.website { 
			background: url('/resources/images/icons/help/websiteIconOVR.png') no-repeat;
			color: #fff;
		}

	.helpMasthead .anchorLinks a.phone { 
		background: url('/resources/images/icons/help/phoneIconUP.png') no-repeat;
	}

		.helpMasthead .anchorLinks a:hover.phone { 
			background: url('/resources/images/icons/help/phoneIconOVR.png') no-repeat;
			color: #fff;
		}

	.helpMasthead .anchorLinks p {
		line-height: 1.3em;
		margin: 130px 0 0;
	}

.helpBody {

}	

.helpBody .helpEntry .helpUnderline {
	border-bottom: 1px solid #dedede;
	width: 620px;
	padding: 0px 12px;
	margin:0px 0px 40px 0px;
}

.helpBody .helpEntry .leftIcon {
	float: left;
	width: 220px;
	padding: 90px 0 0 25px;
}	

.helpBody .helpEntry .leftIcon img { }

.helpBody .helpEntry .rightBlock {
	float: right;
	width: 680px;
}	
	
	.helpBody .helpEntry .rightBlock .localNav {	
		text-align: right;
		margin: 45px 42px 35px 0;
	}
	
	.helpBody .helpEntry .rightBlock .localNav a.textLink {		
		position: relative;
		top: 10px;
		color: #999;
		font-size: 13px;
	}

	.helpBody .helpEntry .rightBlock .localNav a.ship { 
		width: 35px;
		height: 35px;
		background: url('/resources/images/icons/help/navShip_inactive.png') no-repeat;
		display: block;
		margin: 0 0 0 7px;
		padding: 0;
		float: right;		
	}	
		.helpBody .helpEntry .rightBlock .localNav a:hover.ship { 
			background: url('/resources/images/icons/help/navShip_inactiveOVR.png') no-repeat;	
		}
			.helpBody .helpEntry .rightBlock .localNav a.ship.active { 
				background: url('/resources/images/icons/help/navShip_active.png') no-repeat;	
			}
		
	.helpBody .helpEntry .rightBlock .localNav a.skins { 
		width: 35px;
		height: 35px;
		background: url('/resources/images/icons/help/navSkins_inactive.png') no-repeat;
		display: block;
		margin: 0 0 0 7px;
		padding: 0;	
		float: right;
	}
		.helpBody .helpEntry .rightBlock .localNav a:hover.skins { 
			background: url('/resources/images/icons/help/navSkins_inactiveOVR.png') no-repeat;
		}
			.helpBody .helpEntry .rightBlock .localNav a.skins.active { 
				background: url('/resources/images/icons/help/navSkins_active.png') no-repeat;
			}

	.helpBody .helpEntry .rightBlock .localNav a.gallery { 
		width: 35px;
		height: 35px;
		background: url('/resources/images/icons/help/navGallery_inactive.png') no-repeat;
		display: block;
		margin: 0 0 0 7px;
		padding: 0;
		float: right;
	}

		.helpBody .helpEntry .rightBlock .localNav a:hover.gallery { 
			background: url('/resources/images/icons/help/navGallery_inactiveOVR.png') no-repeat;
		}
			.helpBody .helpEntry .rightBlock .localNav a.gallery.active { 
				background: url('/resources/images/icons/help/navGallery_active.png') no-repeat;
			}

	.helpBody .helpEntry .rightBlock .localNav a.website { 
		width: 35px;
		height: 35px;
		background: url('/resources/images/icons/help/navWebsite_inactive.png') no-repeat;
		display: block;
		margin: 0 0 0 7px;
		padding: 0;
		float: right;
	}

		.helpBody .helpEntry .rightBlock .localNav a:hover.website { 
			background: url('/resources/images/icons/help/navWebsite_inactiveOVR.png') no-repeat;	
		}
			.helpBody .helpEntry .rightBlock .localNav a.website.active { 
				background: url('/resources/images/icons/help/navWebsite_active.png') no-repeat;	
			}

	.helpBody .helpEntry .rightBlock .localNav a.phone { 
		width: 35px;
		height: 35px;
		background: url('/resources/images/icons/help/navPhone_inactive.png') no-repeat;
		display: block;
		margin: 0 0 0 7px;
		padding: 0;
		float: right;
	}

		.helpBody .helpEntry .rightBlock .localNav a:hover.phone { 
			background: url('/resources/images/icons/help/navPhone_inactiveOVR.png') no-repeat;	
		}
			.helpBody .helpEntry .rightBlock .localNav a.phone.active { 
				background: url('/resources/images/icons/help/navPhone_active.png') no-repeat;	
			}

.helpBody .helpEntry .rightBlock .description { }	

.helpBody .helpEntry .rightBlock .description h3 {		
	font-size: 32px!important;
	font-style: normal!important;
	//background: url('/resources/images/icons/help/dotUnderline.gif') repeat-x 0 45px;
	display: inline-block;
	padding: 0 0 10px 0;
}	

.helpBody .helpEntry .rightBlock .description p {		
	font-size: 18px;
	color: #646464;
	padding: 0 40px 30px 0;
	line-height: 1.3em;
}

.helpBody .helpEntry .rightBlock .description h4 {		
	font-size: 20px;
	font-weight: bold;
	color: #888888;
	padding: 0 0 10px;
}	
div.largerthanh4 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	padding: 0 0 10px 0;
}
	
.helpquestion {
	width: 620px;
	height:25px;
	padding:12px;
	cursor: default;
	border-top:1px solid #cccccc;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	
}
.helpanswer {
	display:none;
	width: 620px;
	padding:0px 12px;
}
.expandhelpbutton {
	background: url('/resources/images/systemimage/plus_minus.png');
	background-position:0px 38px;
	width:20px;
	height:19px;
	margin:3px 15px 0px 15px;
	float:right;
	cursor:pointer;
	}	

div.colorword {
	display:inline-block;
	position:relative;
	top:-1px;
	left:5px;
	color: #0093e2;
	font-size:14px;
	}
.helptopicontext {
	color:#eeeeee;
	}
	
.emph { 
	color: #999; 
}

.large { 
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0 15px;
}
	
	
	
	
	/* END new Help page styles */