/* You can put content styles here */
h1.hc_blue_heading, h4.hc_blue_heading {
	color: #006CB7;
}

h1.blue_heading {
	font-size: 24px;
}

h4.blue_heading {
	font-size: 14px;
}

.box {
	padding: 0 !important;
	width: 770px !important;
}

/* */

#template_generator {
	position: relative;
	top: 20px; left: 0px;
	width: 300px;
	margin: 0px auto;
	z-index: 400;
}

#template_generator a {
	color: #FFFFFF;
}

#template_generator a:hover {
	color: #F4560F;
}

#template_cover {
	position: absolute;
	top: 20px; left: 0px;
	width: 300px; height:150px;
	background: url(/img/helpcenter/ajax-loader.gif) top center no-repeat;
	visibility: hidden;
	display: none;
	background-color: #53a2d8;
	z-index: 800;
}

#template_gen_header {
	position: relative;
	top: 0px; left: 0px;
	width: 300px; height: 20px;
	background-color: #006CB7;
}
	
#template_gen_header div {
	position: relative;
	top: 2px; left: 0px;
	width: 300px; height: 18px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

#template_gen_content {
	position: relative;
	top: 0px; left: 0px;
	width: 300px; height: 150px;
	background-color: #53a2d8;
	text-align: center;
}

#temp_gen_products {
	position: relative; 
	top: 30px; left: 0px;
	margin: 0px auto;
}

#temp_gen_sizes {
	position: relative; 
	top: 40px; left: 0px;
	margin: 0px auto;
}

#temp_gen_button {
	position: relative; 
	top: 48px; left: 0px;
	margin: 0px auto;
}
	
#template_gen_footer {
	position: relative;
	top: 0px; left: 0px;
	width: 300px; height: 20px;
	background-color: #006CB7;
}
		
#hc_header {
	position: relative;
	top: 0px; left: 0px;
	height: 58px; width: 100%;
	background: transparent url(/img/helpcenter/welcomeBannerBkgd.png) top left repeat-x;
	margin-bottom: 0px;
}

#hc_header p {
	position: relative;
	top: 10px; left: 350px;
	width: 150px;
	display: inline;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
	text-shadow: #333333 3px 2px 2px;
	margin-bottom: 0px;
}

#hc_body {
	position: relative;
	top: 0px; left: 0px;
	background-color: #FFFFFF;
}

#hc_leftnav {
	position: relative;
	top: 0px; left: 0px;
	width: 220px;
	background-color: #868c92;
	float: left;
	z-index: 500 !important;
	padding: 10px;
}

.toggler {
	width: 220px;
	background: url('/img/helpcenter/leftnav.png') top left no-repeat;
	margin-bottom: -2px;
}

.last_toggler {
}

.toggler p {	
	margin: 0px;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	font-size: 11px;
}

.wrapper {
	padding: 0;
	width: 218px;
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.wrapper ul {
	margin: 0;
	margin-left: 10px;
	padding: 10px;
}

.wrapper ul li {
	list-style-image: url('/img/helpcenter/leftnav_dot.png');
	margin-bottom: 7px;
	cursor: pointer;
}
	
.wrapper ul li:hover {
	text-decoration: underline;
	color: #25408F;
}

#hc_content {
	position: relative;
	top: -6px; left: 5px;
	width: 520px;
	vertical-align: top;
	overflow: hidden;
}

#hc_content table {
	width: 520px;
}
		
#search {
	width: 150px;
	margin-bottom: 10px;
	font-size: 12px;
}

#searchButton {
	width: 60px;
}

#search_result_panel {
	position: absolute;
	width: 310px;
	z-index: 700;
}

#search_result_panel_header {
	height: 21px;
	background: url('/img/helpcenter/search_panel.png') top left no-repeat;
}

#search_result_panel_content {
	background: url('/img/helpcenter/search_panel.png') 0px -40px no-repeat;
}

#search_result_panel_content div {
	margin: 0px 12px;
	padding: 3px 17px;
	cursor: pointer;
}

#search_result_panel_content div:hover, .search_result_item {
	background: #1B44F3 url('/img/helpcenter/selected_item.png') top left repeat-x;
}

#search_result_panel_content h3 {
	color: #FFFFFF;
	margin: 5px 0px 2px 0px;
}

#search_result_panel_content p {
	color: #BBBBBB;
	margin: 3px 0px;
}

#search_result_panel_footer {
	height: 14px;
	background: url('/img/helpcenter/search_panel.png') bottom left no-repeat;
}

.empty_search {
	color: #A7A7A7;
}

.prev_next_page {
	font-size: 16px;
	font-weight: bold;
}