/* JS SLIDER CSS */
#jss, #jss_2 {
	position: relative;
	width: 685px;
	height: auto;
	}

/* left and right latteral move buttons */
/* Set your latteral button HEIGHT here */
#jss table.jss_main td div.left,
#jss table.jss_main td div.right {
	margin-top: 0px;
	display: block;
	width: 19px;
	height: 260px;
	cursor:pointer;
	}
#jss table.jss_main td div.left div,
#jss table.jss_main td div.right div {
	width: 19px;
	height: 33.3%;
	background-image: URL(../images/jss_lateral_tall.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	}
#jss table.jss_main td div.left div.lb_t {
	background-position: left top;
	}
#jss table.jss_main td div.left div.lb_m {
	background-position: left center;
	}
#jss table.jss_main td div.left div.lb_b {
	background-position: left bottom;
	}
#jss table.jss_main td div.left:hover div.lb_t {
	background-position: -19px top;
	}
#jss table.jss_main td div.left:hover div.lb_m {
	background-position: -19px center;
	}
#jss table.jss_main td div.left:hover div.lb_b {
	background-position: -19px bottom;
	}

#jss table.jss_main td div.right div.rb_t {
	background-position: right top;
	}
#jss table.jss_main td div.right div.rb_m {
	background-position: right center;
	}
#jss table.jss_main td div.right div.rb_b {
	background-position: right bottom;
	}
#jss table.jss_main td div.right:hover div.rb_t {
	background-position: -57px top;
	}
#jss table.jss_main td div.right:hover div.rb_m {
	background-position: -57px center;
	}
#jss table.jss_main td div.right:hover div.rb_b {
	background-position: -57px bottom;
	}
/*laterral buttons end*/

/* left and right latteral move buttons */
#jss table.jss_main td a.left,
#jss table.jss_main td a.right,
#jss_2 table.jss_main_2 td a.left,
#jss_2 table.jss_main_2 td a.right {
	margin-top: 25px;
	display: block;
	width: 19px;
	height: 308px;
	background-image: URL(../images/jss_lat_buttons.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	}
#jss table.jss_main td a.left,
#jss_2 table.jss_main_2 td a.left {
	background-position: left center;
	}
#jss table.jss_main td a.left:hover,
#jss_2 table.jss_main_2 td a.left:hover {
	background-position: -19px center;
	}
#jss table.jss_main td a.right,
#jss_2 table.jss_main_2 td a.right {
	background-position: right center;
	}
#jss table.jss_main td a.right:hover,
#jss_2 table.jss_main_2 td a.right:hover {
	background-position: -57px center;
}

/* Set your JSS Module WIDTH here */
#jss table.jss_main td.middle,
#jss_2 table.jss_main_2 td.middle_2 {
	position: relative;
	width: 610px;
	height: auto;
}
/* Set your JSS Module HEIGHT here */
#jss table.jss_main td.middle div.jss_body,
#jss_2 table.jss_main_2 td.middle_2 div.jss_body_2 {
	position: relative;
	width: 610px;
	/*width: 2100px;*/
	overflow: hidden;
	height: 308px;
	border-left: 1px solid #1981d5;
    border-right: 1px solid #1981d5;
	text-align: center;
	background: #eef1f4 URL(../images/jss_main_back.png) repeat-x 0px 0px;
}

div.jss_scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px;
	height: 130px;
	overflow: hidden;
	margin:0 0 0 10px;
	/*border:1px solid #000000;*/

}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:635px;
	height:115px;
	overflow:hidden;
	float:left;
	padding:0.5em;		
}
div.jss_body div.jss_content,
div.jss_body_2 div.jss_content_2 {
	width: 2800px;
}

#jss table.jss_main .bottom,
#jss_2 table.jss_main_2 .bottom {
	position: relative;
	width: 50%;
	height: 10px;
    background-image: URL(../images/jss_main_back_bottom.gif);
    background-color: #eef1f4;
	background-repeat: no-repeat;
}
#jss table.jss_main #jss_bl.bottom,
#jss_2 table.jss_main_2 #jss_bl_2.bottom {
	float: left;
	background-position: left top;
}
#jss table.jss_main #jss_br.bottom,
#jss_2 table.jss_main_2 #jss_br_2.bottom {
	float: right;
	background-position: right top;
}

/* Browser skin browser */
#jss table.jss_main td.middle div#jss_body div#jss_browsers {
	position: relative;
	top: 17px;
	width: 590px;
	height: 330px;
	margin: 0 auto 0 auto;
	}
#jss table.jss_main td.middle div#jss_body div#jss_browsers{
	width: auto;
	height: auto;
	background-image: URL(../images/jss_browse_window.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#jss table.jss_main td.middle div#jss_body div#jss_browsers div.top {
	width: auto;
	height: 320px;
	}
#jss table.jss_main td.middle div#jss_body div#jss_browsers div.browse_bottom {
	width: auto;
	height: 10px;
	background-image: URL(../images/jss_browse_window.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
/* Content height sets the height for the module container */
#jss table.jss_main td.middle div#jss_body div#jss_browsers div.browse_content {
	width: auto;
	height: 260px;
	padding: 10px 10px 0 10px;
	text-align: center;
	}

/* THEME and CONTINUE BUTTONS */
 div a.select_theme {
	position: absolute;
	top: -5px;
	right: 16px;
	width: 116px;
	height: 44px;
	background-image: url(../images/select_theme_button.png);
	background-repeat: no-repeat;
	background-position: right top;
	outline: none;
}
div a.select_theme:hover {
		background-position: right center !important;
		outline: none !important;
	}
div a.select_theme:active {
		background-position: right bottom;
		outline: none;
	}

	.coninue_black {
		height: 44px;
		width: 116px;
		border: none;
		margin: 0px;
		padding: 0px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		background: url(../images/continue_button.png) no-repeat right top;
		color: #fff;
		outline: none;
		}
	.coninue_black:hover, .coninue_black:focus {
		background: url(../images/continue_button.png) no-repeat right center;
		color: #000;
		cursor:pointer;
		outline: none;
		}
	.coninue_black:active {
		background: url(../images/continue_button.png) no-repeat right bottom;
		color: #000;
		outline: none;
		}
/* THEME and CONTINUE ENDS */

/* Cause Links and Content */
#jss table.jss_main td.middle div#jss_body div.jss_section {
	position: relative;
	top: 17px;
	width: 645px;
	height: auto;
	overflow:hidden;
	float:left;
	margin: 0 auto 0 auto;
}
#jss_cause_content {
	float:left;
	height: 280px;
	width: 319px;
	margin: 0;
	padding: 0;
	background: URL(../images/jss_cause_content.gif) no-repeat right top;
	}
#jss_cause_content img {
	/*width:300px;
	height:180px;*/
	margin:7px 0 0px 0px;
}
#jss_cause_content p {
	background-color: #D8E7FE;
	color:#565652;
	font:11px/13px Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 5px;
	width:293px;
    margin-left:7px;
	height: 60px;
}
#jss_causelinks {
	float:left;
	height: 280px;
	width: 271px;
	margin: 0;
	padding: 0;
	background: URL(../images/jss_cause_content.gif) no-repeat left top;
	}
#jss_causelinks ul {
	padding: 0px;
	margin: 0;
	text-align: left;
	text-indent: 0px;
	}
#jss_causelinks ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 271px;
	line-height: 28px;
	}
#jss_causelinks a, #jss_causelinks a:link {
	display: block;
	width: 271px;
	line-height: 28px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-indent: 30px;
	color: #747EEF;
  	outline: none;
	background-image: URL(../images/jss_causelink.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#jss_causelinks a.hover {
	color: #000;
	background-position: right bottom;
	}
	
/* TABBED LINKS */
#jss_tabs,#jss_tabs_2 {
	position: relative;
	height: 26px;
	margin: 0;
	padding: 0;
	background: URL(../images/jss_tabs_back.gif) repeat-x 0px bottom;
	}

#jss_tabs ul,#jss_tabs_2 ul {
	padding: 0px;
	margin: 0px;
	text-align: left;
	text-indent: 0px;
	height: 26px;
	}
#jss_tabs ul li, #jss_tabs_2 ul li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	text-align: center;
	line-height: 26px;
	}
#jss_tabs a, #jss_tabs a:link,
#jss_tabs_2 a, #jss_tabs_2 a:link  {
	display: block;
	width: 140px;
	line-height: 26px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #747EEF;
  	outline: none;
	background: URL(../images/jss_tabs.gif) no-repeat 0px 0px;
	}
#jss_tabs a:hover,#jss_tabs_2 a:hover {
	color: #0000ff;
	background: URL(../images/jss_tabs.gif) no-repeat 0px -26px;
	}
#jss_tabs.tab_t1 a.t1, #jss_tabs.tab_t1 a.t1:link, #jss_tabs.tab_t1 a.t1:hover,
#jss_tabs.tab_t2 a.t2, #jss_tabs.tab_t2 a.t2:link, #jss_tabs.tab_t2 a.t2:hover,
#jss_tabs.tab_t3 a.t3, #jss_tabs.tab_t3 a.t3:link, #jss_tabs.tab_t3 a.t3:hover,
#jss_tabs.tab_t4 a.t4, #jss_tabs.tab_t4 a.t4:link, #jss_tabs.tab_t4 a.t4:hover,
#jss_tabs.tab_t5 a.t5, #jss_tabs.tab_t5 a.t5:link, #jss_tabs.tab_t5 a.t5:hover{
	color: #0000ff;
	font-weight: bold;
	background: URL(../images/jss_tabs.gif) no-repeat 0px -52px;
	}
	
#jss_tabs a.selected,	
#jss_tabs_2 a.selected{
	color: #0000ff;
	font-weight: bold;
	background: URL(../images/jss_tabs.gif) no-repeat 0px -52px;
}