@charset "utf-8";
/* CSS Document */

/* this makes it possible to add next button beside scrollable */
			  .scrollable {
				  /*float:left;	*/
			  }
			  
			  /* prev, next, prevPage and nextPage buttons */
			  a.browse {
				  background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
				  display:block;
				  width:30px;
				  height:30px;
				  float:left;
				  margin:40px 10px;
				  cursor:pointer;
				  font-size:1px;
			  }
			  
			  /* right */
			  a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
			  /*a.right:hover 		{ background-position:-30px -30px; }
			  a.right:active 	{ background-position:-30px -30px; clear:right;}*/ 
			  
			  
			  /* left */
			  a.left				{ margin-left: 0px; } 
			  /*a.left:hover  		{ background-position:-30px 0; }
			  a.left:active  	{ background-position:-60px 0; }*/
			  
			  /* up and down */
			  a.up, a.down		{ 
				  background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
				  float: none;
				  margin: 10px 50px;
			  }
			  
			  /* up */
			  a.up:hover  		{ background-position:-30px 0; }
			  a.up:active  		{ background-position:-60px 0; }
			  
			  /* down */
			  a.down 				{ background-position: 0 -30px; }
			  a.down:hover  		{ background-position:-30px -30px; }
			  a.down:active  	{ background-position:-60px -30px; } 
			  
			  
			  /* disabled navigational button 
			  a.disabled {
				  visibility:hidden !important;		
			  } 	*/

			/*
				root element for the scrollable.
				when scrolling occurs this element stays still.
			*/
			.scrollable {
			
				/* required settings */
				position:relative;
				overflow:hidden;
				clear:both;
			
				/* custom decorations 
				border:1px solid #ccc;*/
				/*background:url(/img/global/gradient/h300.png) repeat-x;*/
			}
			
			/*
				root element for scrollable items. Must be absolutely positioned
				and it should have a extremely large width to accomodate scrollable items.
				it's enough that you set the width and height for the root element and
				not for this element.
			*/
			.scrollable .items {
				/* this cannot be too large */
				width:20000em;
				position:absolute;
				clear:both;
			}
			
			.items div {
				float:left;
				/*width:680px;*/
			}
			
			/* single scrollable item 
			.scrollable img {
				float:left;
				margin:20px 5px 20px 21px;
				background-color:#fff;
				padding:2px;
				border:1px solid #ccc;
				width:100px;
				height:75px;
				
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
			}
			*/
			/* active item */
			.scrollable .active {
				border:2px solid #000;
				position:relative;
				cursor:default;
			}



			.scrollable{height:272px;width:950px;}
			.scrollable .items{ position:relative;}
			#sign_up {
				width: 950px;
				height: 272px;
				background: url("../images/index_page_scroll_div1_bg.png") no-repeat top left;
			}
			#business_profile_feature {
				width: 950px;
				height: 272px;
				background: url("../images/index_page_scroll_div2_bg.png") no-repeat 0px 0px;
			}
			#business_profile_feature2 {
				width: 950px;
				height: 272px;
				background: url("../images/index_page_scroll_div3_bg.png") no-repeat 0px 0px;
			}
			#business_profile_feature3 {
				width: 950px;
				height: 272px;
				background: url("../images/index_page_scroll_div4_bg.png") no-repeat 0px 0px;
			}
			a.prev {
				width: 100px;
				height: 200px;
				position: absolute;
				top: 50px;
				left: 10px;
				background: url("../images/index_page_scroll_left.png") no-repeat 0px 0px;
				display: block;
				text-indent: -9999px;
				z-index: 0;
			}
			a.next {
			  -moz-background-clip:border;
			  -moz-background-inline-policy:continuous;
			  -moz-background-origin:padding;
			  background:transparent url(../images/index_page_scroll_right.png) no-repeat scroll 0 0;
			  display:block;
			  height:200px;
			  right:24px;
			  position:absolute;
			  text-indent:-9999px;
			  top:37px;
			  width:60px;
			  z-index:10;/*3000*/
		  }
		  a.disabled {
			  background: url("../images/index_page_scroll_left.png") no-repeat 0px 0px;
		  }
		  .items p {
			  font-size: 12px;
			  margin-bottom: 40px;
			  line-height: 20px;
			  text-align: left;
		  }
		  .items h1 {
			  font-size: 1.4em;
			  margin-bottom: 15px;
			  text-align: left;
		  }
		  .items a.sign_up_btn {
				width: 225px;
				height: 37px;
				margin-bottom: 50px;
				display: block;
				background: url("../images/index_page_btn_sign_up.png") no-repeat 50% 0px;
				text-indent: -9999px;
			}
			.items a.sign_up_btn:hover {
				background-position: 50% -37px;
			}
			.imagedisplay{width:240px; float:left; text-align:left; color:#fff; margin-top:75px;margin-left:10px;}