
/* Global */

@import "dropdown.css";

body
	{
	margin:0;
	padding:0;
	background:#080714 url("/image/page/hbc/background3.jpg") no-repeat fixed top left;
	font: 12px trebuchet ms;
	text-align:left;
	color: #ffffff;
	overflow: hidden;}
	
a
	{
	color:#c7d4f7;
	text-decoration:none;}
	
a:hover
	{
	color:#ffffff;}
	
a img
	{
	border:0;}
	
ul {list-style: none;}

p
	{color: #ffffff;
	line-height: 15px;
	z-index: -1;}

	
h1
	{
	padding:6px;
	background:url(/image/page/hbc/h1.gif) top left repeat;
	font-size:17px;
	color: #efe543;
	line-height: 17px;
	z-index: -1;}

	
#hsa_message, .hsa_message
	{
	text-align:left;
	display:block;
	margin:auto;
	background: url(/image/page/shared/page_message_icon.gif) 0px 6px no-repeat;
	padding:5px 0 0px 20px;}
	
	
/* Head */

#head_container
	{
	background-color:#000000;
	width:auto;
	height: 75px;
	margin:0;
	text-align:left;
	position: absolute;
	left: 0px;}
	
#head
	{
	position:relative;
	margin:0 auto;
	}
	
#head_brand
	{
	width:428px;
	padding: 0px 0 0 10px;
}
	
#head_brand h1
	{
	padding:0;
	margin:0;
}
	
#head_brand a
	{
	display:block;
	width:428px;}

#head_brand a span
	{
	display:none;}

#head_brand_right
	{
	position: absolute;
	top: 20px;
	left: 900px;
	width:85px;
	height:33px;
	}

#enroll {
	position: absolute;
	top: 31px;
	left: 790px;
	width:100px;
	height:30px;
	 color: #efe543;
	 font-weight: bold;
	 font-size: 17px;

}

a#enroll {
	 color: #efe543;
	 font-weight: bold;
	 font-size: 17px; }
	
#head_brand_right h1
	{
	padding:0;
	margin:0;}
	
#head_brand_right a
	{
	display:block;
	width:85px;
	height:33px;
	background:url(/image/head/brand_right.gif) top left no-repeat;}

#head_brand_right a span
	{
	display:none;}


#head_container hr
	{
	display:none;}

		
/* Content */

#content
	{
	width:475px;
	height: 530px;
	float:left;
	position: absolute;
	top: 96px;
	left: 43px;
	clear: both;
	z-index: -1;
	}
	
#logo 
	{
	float:left;
	position: absolute;
	left: 0px;}

/* Table */

body.hbc tr.page_body_table_head td
	{
	background:#c7d4f7;
	font-weight:bold;
	padding: 4px;}
		
body.hbc table.page_body_table td
	{
	padding: 2px 10px 2px 5px;
	color: #000000;}
	
/* Blockquotes */

body.hbc .page_body_quote_crimson
	{
	background:   url("/image/page/hbc/page_blockquote_crimson.gif") no-repeat;
	color:#FFFFFF;
	margin:0;
	padding:10px 10px 0 140px;
	height:90px;
	overflow:hidden;}

body.hbc .page_body_quote_globe
	{
	background:  url("/image/page/hbc/page_blockquote_globe.gif") no-repeat;
	color:#FFFFFF;
	margin:0;
	padding: 10px 10px 0 140px;
	height:90px;
	overflow:hidden;}
	
body.hbc .page_body_quote_wallstjournal
	{
	background:   url("/image/page/hbc/page_blockquote_wallstjournal.gif") no-repeat;
	color:#FFFFFF;
	margin:0;
	padding:10px 10px 0 140px;
	height:90px;
	overflow:hidden;}

/* Products */
#Message, .Message
	{
	width:430px;
	text-align:left;
	display:block;
	color: #ffffff;
	margin:auto auto 5px auto;
	background: url(/image/page/shared/page_message_icon_large.gif) 10px 15px no-repeat;
	padding:12px 0 10px 50px;}
	
#ErrorMessage, .ErrorMessage
	{
	width:430px;
	height:32px;
	color: #ffffff;
	text-align:left;
	display:block;
	margin:auto auto 5px auto;
	background: url(/image/page/shared/page_warning_icon_large.gif) 10px 15px no-repeat;
	padding:12px 0 10px 50px;}
	
.shop_price
	{
	font-weight:bold;
	font-size: 15px;}
	
fieldset.attributes
	{
	border:0px; 
	margin-left:-7px;}

fieldset.shop_addcart
	{
	margin-left:-7px;
	border:0px; }
	
fieldset.shop_addcart a
	{
	vertical-align:bottom;}
	
.shop_hbc_product_image_tshirt
	{
	float:left;
	background:url(/image/page/hbc/page_body_product_background_shirt.jpg) top left no-repeat;
	width:180px;
	height:240px;
	text-align:center;
	padding:8px;
	}

.shop_hbc_product_image_barkit
	{
	float:left;
	background:url(/image/page/hbc/page_body_product_background_barkit.jpg) top left no-repeat;
	width:180px;
	height:240px;
	text-align:center;
	padding:8px;
	}
	
.shop_hbc_product_image_barkit #barkit1 a
	{
	float:left;
	background:url(/shop/images/barkit1withborder.jpg) top left no-repeat;
	width:180px;
	height:240px;
	display:block;
	overflow:hidden;
	}
	
.shop_hbc_product_image_barkit #barkit1 a:hover
	{
	cursor:default;
	width:640px;
	height:400px;
	display:block;
	background-position:330px -240px;
	position:absolute;
	left:-130px;
	}
	
.shop_hbc_product_image_tshirt #tshirt a
	{
	float:left;
	background:url(/shop/images/hbctshirtwithborder.jpg) top left no-repeat;
	width:180px;
	height:240px;
	display:block;
	overflow:hidden;
	}
	
.shop_hbc_product_image_tshirt #tshirt a:hover
	{
	cursor:default;
	width:640px;
	height:400px;
	display:block;
	background-position:330px -240px;
	position:absolute;
	left:-130px;
	}
	
#barcoursebook 
	{
	float:left;
	display:block;
	overflow:hidden;
	}

.shop_hbc_productinfo
	{
	float:left;
	color: #ffffff;
	width:300px;
	margin:0 0 0 20px;
	}

.shop_hbc_productinfo ul
	{
	margin:0;
	}
	
.shop_hbc_productinfo_kits
	{
	float:left;
	width:261px;
	margin:0 0 0 10px;
	color: #ffffff;
	}
	
.shop_hbc_productattributes_kits
	{
	float:left;
	border: 0px;
	}

/* Form */

form#send_message
{
  width: 400px;
  color: #3E4A49;
  background-color: #c7d4f7;
  padding: 5px;
  border: 2px solid #005773;
}


fieldset.user_input
	{
	padding:5px;}
	
fieldset.user_input br
	{
	clear: left;}
	
fieldset.user_input input.text
	{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 5px;}
	
fieldset.user_input select
	{
	display: block;
	width: 205px;
	float: left;
	margin-bottom: 5px;}
	
fieldset.user_input textarea
	{
	width:350px;
	behavior:url(/file/xml/maxlength.htc);}
	
fieldset.user_input input.image
	{
	margin:10px 0 10px 0;}
	
fieldset.user_input image.image
	{
	margin:10px 0 10px 0;}
	
fieldset.user_input img.image
	{
	margin:10px 0 10px 0;}
	
.input_required
	{
	font-weight:bold;}
	
fieldset.user_input label
	{
	display: block;
	width: 145px;
	float: left;
	margin-bottom: 5px;
	padding:0 5px 0 0;}
	
fieldset.user_input label.radio
	{
	display:inline;
	float:none;
	margin:0;
	padding:0;}
	