#DirectBuyleft {
    position: absolute;
    top: 245px;
    left: 50%;
    margin-left: -388px;
}
#DirectBuyright, #DirectBuyrightBottom {
    position: absolute;
    display:block;
    background-color:#666666;
    font-size:5px;
    top: 245px;
    height:260px;
    width:352px;
    left: 50%;
    margin-left: 36px;
}
#DirectBuyrightBottom {
    top:357px;
    height:100%;
}

  #DirectBuynavDiv {
     position:absolute;
     top:56px;
     left:50%;
     width:552px;
     height:23px;
     margin-left:-162px;
}

  #DirectBuyNav_About {
     position:absolute;
     left:0px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_aboutus_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_About:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_aboutus_on.gif');
  }                                                                                      

  #DirectBuyNav_Products {
     position:absolute;
     left:92px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_products_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_Products:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_products_on.gif');
  }                                                                                      

  #DirectBuyNav_Testimonials {
     position:absolute;
     left:184px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_testimonials_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_Testimonials:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_testimonials_on.gif');
  }                                                                                      

  #DirectBuyNav_PhotoGallery {
     position:absolute;
     left:276px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_photogallery_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_PhotoGallery:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_photogallery_on.gif');
  }                                                                                      

  #DirectBuyNav_FAQs {
     position:absolute;
     left:368px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_faq_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_FAQs:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_faq_on.gif');
  }                                                                                      

  #DirectBuyNav_Locations {
     position:absolute;
     left:460px;
     top:0px;
     width:90px;
     height: 23px;
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_clublocations_off.gif');
     background-repeat: no-repeat;
  }

  #DirectBuyNav_Locations:hover {
     background: url('https://www.informationnetworkwebsite.com/goto/directbuy/images/nav_clublocations_on.gif');
  }                                                                                      

  #scrollGallery {
   width:780px;
   height:421px;
  }

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/

div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:780px;	
	height:331px;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/

div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	height:331px;
	
	/* decoration */
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:238px;
	height:331px;
	font-size:30px;
	font-family: 'bitstream vera sans';
}