/*
  **** Begin special adjustment section. ****
  * The following ids are used to toggle the horizontal configuration of the content cells.
  * Simply comment and uncomment the appropriate settings.
*/

#bottom_area {
  margin-bottom: 0px;
}

div [id="bottom_area"] {
  margin-bottom: 5px;
}

#t_section_flash {
  float: left;
  width: 566px;
  height: 212px;
}

#t_section_fade {
  float: left;
  width: 7px;
  height: 212px;
  /* background-image: url(/_img/hp_product_fade.gif); */
  background-image: url(/_img/hp_product_fade2.gif);
  background-repeat: no-repeat;
}

#t_section_products {
  float: left;
  width: 750px;
  margin-left:0px;
}

.t_section_products_head {
  height: 27px;
  background-color: #999999;
  background-image: url(/_img/hp_product_arrow.gif);
  background-repeat: no-repeat;
  background-position: right top;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  line-height: 27px;
}

.t_section_products_content {
  padding: 4px 0px 4px 0px;
  height: 36px;
}

#m_section1 {
	width: 366px;
	height: 212px;
  padding: 0px;
  margin: 0px 4px 0px 0px;
	float: left;
}

#m2_section1 {

  /* background: #333333; */
	width: 366px;
	height: 212px;
  padding: 0px;
  margin: 5px 0px 0px 0px;
	float: left;
}

#m_section2 {
  float: left;
	margin: 0px 2px;
}

#m_section3 {
  margin: 0px 0px 0px 2px;
	float: left;
}
/*
#m2_section1 {
	float: left;
  margin: 5px 0px 0px 0px;
}
*/
#m2_section2a {
	float: right;
  margin: 5px 3px 0px 6px;
}

#m2_section2b {
  float: right;
	margin: 5px 0px 0px 3px;
}

#b_section1_block, #b_section3_block {
  float: left;
  margin: 5px 0px 0px 0px;
}

#b_section2_block, #b_section4_block {
  margin: 5px 0px 0px 2px;
	float: left;
}

#b_section1a, #b_section3a {
  float: left;
  margin: 0px 0px 0px 1px;
  width: 179px;
}

#b_section2a, #b_section4a {
  float: left;
  margin: 0px 0px 0px 2px;
  width: 186px;
}

#b_section1b, #b_section3b {
  float: right;
  margin: 0px 1px 0px 0px;
  width: 179px;
}

#b_section2b, #b_section4b {
  float: right;
  margin: 0px 0px 0px 2px;
  width: 186px;
}

/*
  **** End special adjustment section. ****
*/



/*
 * Sub-Section Definitions
*/

#b_section1a .section_header, #b_section1b .section_header, #b_section2a .section_header, #b_section2b .section_header, #b_section3a .section_header, #b_section3b .section_header, #b_section4a .section_header, #b_section4b .section_header {
  margin: 0px 6px;
	height: 14px;
	border-bottom: 6px solid #efefef;
	background: #ffffff;
	color: #333333;
	padding-left: 3px;
	font-weight: bold;
	font-variant: small-caps;
}

#b_section1a .section_content_white, #b_section1b .section_content_white {
  margin: 6px 2px 0px 2px;
  padding: 0px;
  vertical-align: top;
  text-align: center;
}

.section_content_img {
  margin: 8px 0px 0px 0px;
  text-align: center;
}

#b_section1_content p {
  margin: 2px 8px;
  font-family: verdana,arial,sans-serif,helvetica;
	font-size: 9px;
  font-weight: bold;
  color: #ffffff;
  line-height: 12px;
  text-align: left !important;
}

#b_section2_content p {
  margin: 2px 8px;
  font-family: verdana,arial,sans-serif,helvetica;
	font-size: 8px;
  color: #ffffff;
  line-height: 11px;
  text-align: left !important;
}

#m_section3 .section_header {
	height: 17px;
	background: #6AB3FF;
	color: #ffffff;
	padding: 3px;
	font-weight: bold;
}

#m_section3 .section_content {
	padding: 0px 4px 0px 5px !important;
}

#m_section3 .black_text {
	margin: 4px 0px 0px 9px !important;
  line-height: 15px;
}

#m_section1 .section_header {
	height: 17px;
	background: #6AB3FF;
	color: #ffffff;
	padding: 3px;
	font-weight: bold;
	font-variant: small-caps;
}

#b_section3 {
	background: #cfcfcf;
	width: 188px;
	height: 240px;
	margin-left: 0px;
	float: right;
}


/*
 * MISC 
*/

.list_holder {
	width: 360px;
	float: left;
}

.list_holder_proof {
	width: 180px;
	float: left;
}

#b_section1 .list_holder {
	margin-top: 10px;
}

#b_section2_l {
  margin: 8px 2px 0px 2px;
  float: left;
}

#b_section2_r {
  margin: 8px 0px 0px 2px;
  float: left;
}

div[id="b_section2_l"] {
  margin: 8px 3px 0px 6px !important;
}

div[id="b_section2_r"] {
  margin: 8px 6px 0px 3px !important;
}
