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

/*----------------------------------------------------------------------*/
/* User summary                                                         */
/*----------------------------------------------------------------------*/

#userSummary {
  float:right;
  width:230px;
  padding:10px;
  margin-bottom:10px;
}

	.l { text-align: left; }
	.c { text-align: center; }
	.r { text-align: right; }
	
	.clear {
		clear: both;
		height: 0px;
		width: 0px;
	}
	.float-left { float:left; }
	.float-right { float: right; }
	
	html {
		height:100%;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(/images/bg_page_content.gif);
		background-repeat: repeat-x;
		background-position: top;
		padding: 0px;
		margin: 0px;
		border: 0px;
		height:100%;
	}
	body.indexCTA {
		background-image: url(/images/bg_page_index.gif);
	}
	#page {
		margin: 0px auto;
		
		position: relative;
		min-height: 100%;
	}
	
	#page_container{
		width: 890px;
		margin: 0px auto;
		padding-bottom: 270px;
	}
	
	#header {
		height: 120px;
		width: 890px;
		margin: auto;
		text-align:center;
	}
	
	#chipsplit_logo{
		width: 150px;
		height: 35px;
		padding-top: 3px;
		float: left;
	}
	
	#chipsplit_login {
		width: 198px;
		float: right;
	}
	#chipsplit_login form{
		margin: 0;
	}
	#chipsplit_login .text {
		color: #7F7F7F;
		font-size: 11px;
		width:190px;
		background:url(/images/text/input_username.png) right top no-repeat;
		border:1px solid #979797;
		height:18px;
		margin-bottom:4px;
		padding:0 2px;
	}
	
	#twitter {
		float:right;
		height:87px;
		padding-right:55px;
		width:163px;
	}
	#twitter img {
		margin-top:45px;
		vertical-align:bottom;
	}
	#chipsplit_nav {
		clear: both;
		margin: auto;
		padding-top: 13px;
	}
	
	#chipsplit_nav span {
		text-transform: uppercase;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 15px;
		font-weight: normal;

		padding-top: 18px;
		color: #444444;
	}
	
	#chipsplit_nav span a {
		text-decoration: none;
		color: #444444;
	}
	#chipsplit_nav span a:hover,
	#chipsplit_nav span a.curpage {
		color: #3cade1
	}
	
	#feature_promo {
		height: 293px;
		background: url(/images/featurepromo_bg.png) center top repeat-y;
	}
	#feature_promo .fpleft {
		float: left; 
		width: 210px; 
		margin-top: 70px; 
		text-align: center; 
		margin-left: 5px;
	}
	#feature_promo .fpright {
		float:left; 
		margin-top: 44px; 
		width: 595px;

	}
	#feature_promo p {
		font-size: 15px;
		line-height: 120%;
		text-align:justify;
		color: #FFF;
	}
	
	#feature_promo a {
		color: #3CABE2;
		text-decoration: none;
	}
	
		
	#content_container {
		width: 890px;
		padding-top: 45px;
	}
	
	#content_container p {
		font-size: 12px;
		color: #000;
		padding-bottom: 10px;
	}
	
	#content_container a {
		color: #3CABE2;
		text-decoration: none;
	}
	
	#content_container ul {
		list-style: disc;
		font-size: 12px;
	}
	#content_container dd ul {
		margin: 10px 0px 0px 10px;
	}
	#content_container ul li {
		margin-left: 14px;
	}
	.title_text {
		margin-top: 20px;
		margin-left: -4px;
		margin-bottom: 5px;
	}
	.fCTA {
		position: absolute;
		top: 346px;
		margin-left: 470px;
	}
	h1 {
		font-size: 26px;
		text-transform: uppercase;
		color: #FFFFFF;
		font-weight: bold;
	}
	h1 span.blue {
		color: #3CABE2;
	}
	h1 span.grey {
		color: #444444;
	}

	#content_container h4 {
		font-size: 12px;
		color: #000;
		padding-bottom: 5px;
		font-weight: bold;
		margin-top: 15px;
	}
	
	.testimonial_container {
		width: 170px; 
		margin-left: 15px; 
		text-align: justify;
	}
	
	#content_container .testimonial_container p {
		font-size: 11px;
	}
	
	.list_tick {
		margin-left: 20px;
	}
	
	.list_tick li {
		padding: 0 0 0 20px;
		margin: 0px;
		list-style:none;
		background: url(/images/icons/tick.png) no-repeat; 
	}
	
	#content_container .list_tick h4 {
		font-size: 15px;
		padding: 0px;
		margin: 0px;
	}
	
	#content_container .list_tick p {
		font-size: 14px;
		margin-top: 0px;
		line-height:1.5;
	}
		
	#footer_container {
	   position:absolute;
	   bottom:0;
	   width:100%;

	   
	   background-image: url(/images/footer_bg.jpg);
	   background-repeat: repeat-x;
	   text-align: center;
	   
	   padding-top: 0px;
	   margin-top: 0px;
	}
	
	#footer_content_bg {
		background: url(/images/featurepromo_bg.png) center top repeat-y;
		width: 890px;
		height: 251px;   /* Height of the footer */
		margin: 0px auto;
		margin-top: -12px;
	}
	
	#footer_content_container {
		width: 890px;
		top: 30px;
		margin-top: 12px;
		padding-top: 10px;
	}
	
	#footer_content_container span {
		margin-left: 5px;
		margin-right: 5px;
		color: #737373;
		font-size: 15px;
		text-transform: uppercase;
	}
	
	#footer_content_container a {
		color: #747474;
		font-size: 12px;
		text-decoration: none;
	}
	#footer_content_container span a.curpage,
	#footer_content_container a:hover {
		color: #40b2e6;
	}	

	#footer_content_container p {
		font-size: 12px;
		color: #737373;
	}
	
/*
	brands-page
*/
	#brands-overview {
		float:left;
		line-height:1.5;
		margin-top: 0px;
		width: 670px;
	}
	
	#slide-prev {
		width:43px;
		height:35px;
		margin-top:60px;
		float:left;
		cursor:pointer;
	}
	#slide-next {
		width:34px;
		height:35px;
		margin-top:60px;
		float:left;
		cursor:pointer;
	}
	
	.brand-screenshot {
		background: url(/images/screen-shot_bg.jpg) no-repeat;
		height:153px;
		width:620px;
	}
		.slideshow {
			height: 103px;
			width: 140px;
			margin-top: 29px;
			float:left;
		}
		.slideshow img {
			border: 1px solid #fff;
		}
	
	#brand-lobby-screenshot {
		float:left;
		margin: 6px 0 0 33px;
	}
	
	.slideshow2 {
		height: 103px;
		width: 140px;
		margin-top: 29px;
		margin-left:33px;
		float:left;
	}
	.slideshow2 img {
		border: 1px solid #fff;
	}
	
/*
	fisheye gallery
*/	
	.infiniteCarousel {
	  width: 500px;
	  position: relative;
	  margin: 0px auto;
	}
	
	.infiniteCarousel .wrapper {
	  width: 400px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  height: 200px;
	  overflow: auto;
	  min-height: 10em;
	  margin: 0 0 0px 40px;
	  position: absolute;
	  top: 0;
	}
	
	.infiniteCarousel ul a img {
	
	}
	.infiniteCarousel ul a span {
		color: #000;
	}
	.infiniteCarousel ul a{
		text-align:center;
		text-decoration:none;
	}
	.infiniteCarousel ul li{
		text-align:center;
		margin: auto;
	}
	.infiniteCarousel .wrapper ul {
	  width: 9999px;
	  list-style-image:none;
	  list-style-position:outside;
	  list-style-type:none;
	  margin: 50px 0px 0px 0px;
	  padding:0;
	  position: absolute;
	  top: 0;
	}
	
	.infiniteCarousel ul li {
	  display:block;
	  float:left;
	  margin: 0px;
	  padding: 0px;
	  height: 110px;
	}
	
	.infiniteCarousel ul li.empty {
	  padding: 0px;
	}

	#content_container .infiniteCarousel ul li {
		margin: 0px;
	}
	
	.infiniteCarousel ul li a img {
		display:block;
		padding: 5px;
	}
	
	.infiniteCarousel a.arrow {
		text-decoration: none;
	}
	.infiniteCarousel .arrow {
	  display: block;
	  margin-top: 55px;
	  height: 35px;
	  width: 35px;
	  background: url(/images/buttons/arrows.png) no-repeat 0 0;
	  text-indent: -999px;
	  position: absolute;
	  top: -15px;
	  cursor: pointer;
	}
	
	.infiniteCarousel .forward {
	  background-position: 0 0;
	  right: 20px;
	}
	
	.infiniteCarousel .back {
	  background-position: 0 -70px;
	  left: 0;
	}
	
	.infiniteCarousel .forward:hover {
	  background-position: 0 -35px;
	}
	
	.infiniteCarousel .back:hover {
	  background-position: 0 -105px;
	}
	
	
	div.jqDock {background-color:transparent;}
	div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:14px; font-style:italic; white-space:nowrap; color:#000000; background-color:transparent;}
	div.jqDockLabelLink {cursor:pointer;}
	div.jqDockLabelImage {cursor:default;}	
	
/*
	FAQ
*/	
	dl#faqs,
	dl.faqs{
		margin-left: 80px;
		width: 720px;
	}
	#faqs dd,
	.faqs dd {
		color: #444444;
		font-size:13px;
		margin: 5px 0px 15px 23px;
	}
	#faqs .hide
	.faqs .hide{

	}
	#faqs .show,
	.faqs .show{
		
	}	
	#faqs .toggleOff,
	#faqs .toggleOn,
	.faqs .toggleOff,
	.faqs .toggleOn{
		background: #f4fafc;
		border-bottom: 1px solid #e6ebed;
		border-top: 1px solid #e6ebed;
		margin: 3px 0px 3px 0px;
		padding: 3px 0px 3px 0px;
		color: #2996c6;
		font-size:13px;
		font-weight: bold;
	}

	#faqs .toggleOff,
	.faqs .toggleOff{
		background: url(/images/buttons/expand.png) center right no-repeat;
	}
	#faqs .toggleOn,
	.faqs .toggleOn{
		background: url(/images/buttons/collapse.png) center right no-repeat;
	}
	#faqs .toga,
	.faqs .toga {
			cursor: pointer;
			z-index: 50;		
	}
/*
	Contact us
*/
	#contactform td,
	#contactform th {
		padding: 5px;
		
	}
	
/*
	hover box
*/	
	.hoverBoxAnchor {
		cursor: pointer;
	}
	.hoverBox {
		position: absolute;
		display: none;
	} 
	.hoverBox .close{
		background: url(/images/buttons/xclose.png) 0 0 no-repeat;
		width: 24px;
		height: 24px;
		position:absolute;
		top: -10px;
		right: -10px;
	}
	.hoverBox .close:hover{
		background: url(/images/buttons/xclose.png) 0 -24px no-repeat;

	}	
	.shadow {
		padding: 3px;
		background-color: #777777;
		/* background: url(/images/shadow.png); */
	}
/*
	sIFR
*/
/* These are standard sIFR styles... do not modify */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}
@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

form fieldset dt {
	width:10em!important;
}

form fieldset dd textarea {
	width:230px;
}
form fieldset dd input {
	width:226px;
}
form fieldset dd {
	margin-left:12.2em!important;
}

#dtl_newsletter {
	margin-bottom:15px;
}
#dtl_newsletter input,
#dtl_t_and_c input {
	width:auto;
	float:left;
	margin-right:10px;
}
#dtl_newsletter div,
#dtl_t_and_c div {
	float:left!important;
	width:300px!important;
}