@charset "utf-8";
/* CSS Document */
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-family: Arial, Helvetica, sans-serif;
	font-family:helvetica, "Kozuka Gothic Pro R", Arial; */
	font-family:Calibri, Helvetica, sans-serif, Arial;
	background: #fff;
	/*background: #efefef;*/
	height:100%;
	
/*	font-family:Georgia, 'Times New Roman', Times, serif;

	background:url(http://www.jains.com/images/bg_str1.gif) repeat-x top;*/
}

h1{font-size:105%; color:#01A0E2; text-align:left; font-weight:bold; padding:2px 0px 4px 10px; margin:0px; height:29px}
h2{font-size:102%; color:#CC6600; text-align:left; padding:6px 0px 6px 10px; margin:0px}
h3{	font-size: 100%; color: #00BAFF; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}
h4{	font-size: 98%; color: #E87C3C; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}
h5{	font-size: 96%; color: #ffffff; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}

.rup{font:"Rupee Foradian"}

.paral {text-align:justify}
.para,.paral,.parac,.parar,.parari{font-size:100%; padding:1px 10px 0 14px; color:#000; text-decoration:none; line-height:25px;}
.paracs {text-align:right; color:#09c; font-size:100%; padding:1px 10px 0px 10px}
.paral {text-align:justify}
.parac {text-align:center}
.parar {text-align:right}
.parari {text-align:right; font-style: italic; font-weight: bold}

.para_p{ font-size:100%; padding:4px 1px 4px 1px; color:#666; text-decoration:none}
.copyright{font-size:80%; font-weight:bold; padding:1px 10px 0 14px; color:#000; text-decoration:none;}
	/* product rang css start */
	Table.SUBCAT {border-collapse:collapse;  border:1px solid #CCC; width:70%}
	TR.SUBCAT  {vertical-align:top; border:1px solid #E6E6E6; padding:2px 5px 2px 5px;}
	TR.SUBCAT1  {
	background: #E1EEFD;
}
	TR.SUBCAT2  {
	background: #E1EEFD;
}
	TD.SUBCATH {
	color: #fff;
	background: #158BC4;
	border: 0;
	font-size: 100%;
	font-weight: bold
}
	TD.SUBCAT {	border-bottom:5px solid #fff;}
	Td.SUBCATB {border-bottom:5px solid #fff;}
	/* product rang css end */

	TABLE.SPEC_w{font-size:8pt; border-collapse:collapse; width:80%; border:0px solid #888; cellpadding:0px; cellspacing:0px; margin-left:10px; margin-right:10px;} 
	TR.SPEC_w  {vertical-align:top}
	TD.SPEC_w {
	background: #FFFFFF;
	border: 0px solid #888;
	text-align: center;
	padding: 8px 2px 8px 5px;}
	Th.SPEC_w {
	background: #4397FE;
	border: 0px solid #888;
	text-align: center;
	padding: 2px 2px 2px 5px;
	width:33%;
	color:#FFF;
	font-size:12px
}

	TABLE.SPEC{font-size:8pt; border-collapse:collapse; width:95%; border:1px solid #888; cellpadding:0px; cellspacing:0px; margin-left:10px; margin-right:10px} 	
	TR.SPEC  {vertical-align:top}
	TD.SPECH {background: #D7D7D7; border: 1px solid #888; text-align: center; padding:2px 2px 2px 5px; font-size:12px}
	TD.SPECHL {background:#DFDFDF; border:1px solid #888; text-align:justify; padding:2px 2px 2px 5px}
	TD.SPECHH {background:#FFF0DB; border:1px solid #888; text-align:center; padding:2px 2px 2px 5px}
	TD.SPEC  {background: #F1F1E7; border: 1px solid #B6B6B6; text-align: center; padding:2px 2px 2px 5px; font-size:12px}
	TD.SPEL  {background: #F1F1E7; border: 1px solid #B6B6B6; text-align: center; padding:2px 2px 2px 5px}
	TD.SPECL  {background:#EFF0E8; border:1px solid #888; text-align:left; padding:2px 2px 2px 5px}
	TD.SPECBLUE  {
	background: #B1E0FC;
	border: 1px solid #888;
	text-align: center; padding:2px 2px 2px 5px
}
	TD.SPECGREEN  {
	background: #C8F9C6;
	border: 1px solid #888;
	text-align: center; padding:2px 2px 2px 5px
}
	TD.SPECORG  {
	background: #FCE0AD;
	border: 1px solid #888;
	text-align: center; padding:2px 2px 2px 5px
}
	TD.SPECWHITE  {background:#FFF; border:1px solid #888; text-align:center; padding:2px 2px 2px 5px}
	TD.SPECB  {background:#EFF0E8; border:1px solid #888; text-align:center; padding:2px 2px 2px 5px}
	TD.SPECIN  {background:#EFF0E8; border:1px solid #888; text-align:center; text-indent:5px; padding-left:3px; padding-right:3px; padding:2px 2px 2px 5px}
.note_expl{padding:0px 0px 0px 20px; font-size:11px; text-align:left}
.note_expl_r{padding:0px 0px 0px 20px; font-size:11px; text-align:right; padding-right:60px}
.div_ext{padding:0px 0px 0px 10px;}

.para_pipe {border: 0px solid;width: 100%; height:105px;}
.para_pipe a {display: block; background: #ffffff; height: 100%; text-align: center;}
.para_pipe a:hover {
	background: #E6F0FF;
}

/* site map new or job career */
.UL_LI { list-style:url(images/arrow_1.gif); line-height:24px; font:Arial, Helvetica, sans-serif 12px #000;}
.LI_r { list-style:url(images/round_blue.gif); line-height:24px; font:Arial, Helvetica, sans-serif 10px #000;}


/* global reach css start */
a.menu_sb:link {color: #000; text-decoration: none; background:#fff; text-decoration:none}
a.menu_sb:hover {color: #FFFFFF;
	text-decoration: underline;
	background: #999999;
	text-decoration: none;
}
a.menu_sb:visited {
	color: #666;
	text-decoration: none;
	background: #FFFFFF;
	text-decoration: none
}
/* global reach css start */

/* range css start */
a.rng_hd:link {
	color: #000;
	text-decoration: none;
	text-decoration: none;
	font-weight: bold
}
a.rng_hd:hover {
	color: #005FEC;
	text-decoration: underline;
	text-decoration: none;
}
a.rng_hd:visited {color: #0000; text-decoration: none;	text-decoration: none;	font-weight: bold}
/* range css start css start */

/* product css start */
a.prod_hd:link {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
}
a.prod_hd:hover {font-size: 100%; color: #0033FF; text-decoration: underline;}
a.prod_hd:visited {font-size: 100%; color: #333; text-decoration: none;	font-weight: bold}
/* product css end */



a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none
}
a:hover {color:#000; text-decoration:none}


a.ag_sr:link {	color: #0066CC;	text-decoration: none;}
a.ag_sr:visited {color:#0066CC; text-decoration:none;}
a.ag_sr:hover {	color: #0033FF;	text-decoration: underline;}


a.ur_hr:link {color:#A3A3A3; text-decoration:none;}
a.ur_hr:visited {color:#A3A3A3; text-decoration:none}
a.ur_hr:hover {color:#A3A3A3; text-decoration:underline}


a.find_dealers_location:link { background:url(images/find_dealers_location.gif) center center no-repeat; padding:10px 58px; }
a.find_dealers_location:visited { background:url(images/find_dealers_location.gif) center center no-repeat; padding:10px 58px}
a.find_dealers_location:hover { background:url(images/find_dealers_location_hvr.gif) center center no-repeat; padding:10px 58px}


a.customer_support:link { background:url(images/jain_customer_support.gif) center center no-repeat; padding:10px 58px; }
a.customer_support:visited { background:url(images/jain_customer_support.gif) center center no-repeat; padding:10px 58px}
a.customer_support:hover { background:url(images/jain_customer_support_hvr.gif) center center no-repeat; padding:10px 58px}


.news_div{padding:8px 6px 8px 6px; border-bottom:1px solid #CCC;}
.news_div1{padding:4px 4px 4px 4px; color:#0359B8}
.news_div2{padding:4px 4px 4px 4px; color:#666666; text-align:justify}
.news_spn{padding:0px 4px 0px 0px;}
.news_date{color:#999; font-size:9px; padding:1px 1px 1px 18px}
.newshd{color:#333; font-size: 100%; padding:1px 14px 1px 18px}

a.nws_hd:link {
	color: #073369;
	text-decoration: none;
	font-size: 100%;
	padding:0px 0px 0px 2px;
}
a.nws_hd:visited {color: #0369DA;text-decoration: none;	font-size: 100%; padding:0px 0px 0px 2px;}
a.nws_hd:hover {color:#0796E2; text-decoration:underline; font-size: 100%; padding:0px 0px 0px 2px;}

a.nws_hd2:link {color:#0359B8; text-decoration:none; font-size:10px; padding:0px 4px 0px 4px}
a.nws_hd2:visited {color:#0359B8; text-decoration:none; font-size:10px}
a.nws_hd2:hover {color:#0796E2; text-decoration:underline; font-size:10px}
	
	
	
.li_br{font-size: 100%; font-weight:bolder; width:150px; list-style: none; margin:0px; padding:0px; float:left; text-align:center; background:#844A17}
a.li_br_lk:link {text-decoration: none;	color: #CCCCCC;	display: block;}
a.li_br_lk:hover {color: #fff; display: block; background: #A75F1D}
a.li_br_lk:visited {text-decoration: none;	color: #CCCCCC;	display: block;}

.li_yl{	font-size: 100%;font-weight: bolder;width: 150px;list-style: none;margin: 0px;padding: 0px;	float: left;text-align: center;	background: #F1A912}
a.li_yl_lk:link {text-decoration: none;	color: #FFFFFF;	display: block;}
a.li_yl_lk:hover {color: #FFF;display: block;background: #F4C535}
a.li_yl_lk:visited {text-decoration: none; color: #ffffff; display: block;}

.li_bl{font-size: 100%; font-weight:bolder; width:150px; list-style: none; margin:0px; padding:0px; float:left; text-align:center; background:#006CAE}
a.li_bl_lk:link {text-decoration: none;	color: #FFFFFF;	display: block;}
a.li_bl_lk:hover {color: #FFF;display: block;background: #008BDF}
a.li_bl_lk:visited {text-decoration: none; color: #fff; display: block;}

.li_gr{font-size: 100%; font-weight:bolder; width:150px; list-style: none; margin:0px; padding:0px; float:left; text-align:center; background:#016D50}
a.li_gr_lk:link {text-decoration: none;	color: #FFFFFF;	display: block;}
a.li_gr_lk:hover {color: #FFF;display: block;background: #01925B}
a.li_gr_lk:visited {text-decoration: none; color: #fff; display: block;}

.li_gre{font-size: 100%; font-weight:bolder; width:150px; list-style: none; margin:0px; padding:0px; float:left; text-align:center; background:#949494}	
a.li_gre_lk:link {text-decoration: none;	color: #FFFFFF;	display: block;}
a.li_gre_lk:hover {	color: #FFF;display: block;	background: #AEAEAE}
a.li_gre_lk:visited {text-decoration: none; color: #fff; display: block;}
	



.container_yo {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* div open and close css start */
.contactexpand {
	color: #FFFFFF;
	background-position:left; 
	background:#fff;
	background-image:url(http://www.jains.com/images/plus_icon_home.png);
	background-repeat:no-repeat;
	padding:1px 1px 1px 12px;
}
.contactexpanda {
	color: #FFFFFF;
	background-position:left; 
	background:#F5F5F5;
	background-image:url(http://www.jains.com/images/collapse_icon.png);
	background-repeat:no-repeat;
	padding:1px 1px 1px 12px;
}
.contactexpand_news {
	color: #FFFFFF;
	background-position:left; 
	background:#fff;
	background-image:url(http://www.jains.com/images/plus_icon_home.gif);
	background-repeat:no-repeat;
	padding:1px 1px 1px 16px;
	margin:2px 2px 2px 10px;
}
.contactexpanda_news {
	color: #FFFFFF;
	background-position:left; 
	background:#F5F5F5;
	background-image:url(http://www.jains.com/images/collapse_icon.gif);
	background-repeat:no-repeat;
	padding:1px 1px 1px 16px;
	margin:2px 2px 2px 10px;
}
/* div open and close css start */

.dv_btm_mu{padding:2px 0px 2px 0px; font-size:12px}
.dv_dv_btm_mu{padding:2px}
a.btm_mu:link {color:#FFF; text-decoration:none;}
a.btm_mu:visited {color:#FFF; text-decoration:none;}
a.btm_mu:hover {color:#FFF; text-decoration:underline;}

a.fb_:link {background:url(images/social_icon/images/facebook.gif) top right no-repeat; padding:0px 18px 17px 17px; }
a.fb_:visited {background:url(images/social_icon/images/facebook.gif) right center no-repeat; padding:0px 18px 17px 17px;}
a.fb_:hover {background:url(images/social_icon/images/facebook.gif) right center no-repeat; padding:0px 18px 17px 20px;}

a.in_:link {background:url(images/social_icon/images/in.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.in_:visited {background:url(images/social_icon/images/in.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.in_:hover {background:url(images/social_icon/images/in.gif) bottom right no-repeat; padding:0px 18px 17px 20px;}

a.twt_:link {background:url(images/social_icon/images/twt.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.twt_:visited {background:url(images/social_icon/images/twt.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.twt_:hover {background:url(images/social_icon/images/twt.gif) bottom right no-repeat; padding:0px 18px 17px 20px;}

a.ytb_:link {background:url(images/social_icon/images/you_tube.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.ytb_:visited {background:url(images/social_icon/images/you_tube.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.ytb_:hover {background:url(images/social_icon/images/you_tube.gif) bottom right no-repeat; padding:0px 18px 17px 20px;}

a.gog_:link {background:url(images/social_icon/images/gog.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.gog_:visited {background:url(images/social_icon/images/gog.gif) bottom right no-repeat; padding:0px 18px 17px 17px;}
a.gog_:hover {background:url(images/social_icon/images/gog.gif) bottom right no-repeat; padding:0px 18px 17px 20px;}


.scl_dv{
	padding: 0px 0px 0px 0px;
	/*position: absolute;*/
	margin: 0 auto;
	height: 100%;
	width:400px;
	
}
.scl_mn_dv{ height:35px; padding:3px 0px 3px 0px; width:75px; float:left}



/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul{margin:0;
    padding:0;
    list-style:none;
	color: #D26A02;
	}


/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
	text-align: left;
	/*border-bottom: 2px dotted #CCCCCC;*/
    cursor: pointer;
    font-size: 105%;
    font-weight: normal;
    list-style: none outside none;
	color: #D26A02;
	background:#F7F7F7;
	margin:0px 0px 4px 0px;
    padding: 10px 2px 10px 12px;	
	
}

#menuwrapper ul li:hover{
	background: #00BAFF;
	position: relative;
	background: url("images/btn_lft.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
	border: medium none;
	color: #fff;
	text-align: left;
	margin: -0px 0px -6px -9px;
	padding: 10px 2px 20px 21px;

}

/* We apply the link style */
#menuwrapper ul li a{
   	text-decoration: none;
	color: #D26A02;
	
}
#menuwrapper ul li a:hover{
   	text-decoration: none;
	color: #fff;
	background: #00BAFF;

}


/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
	margin:0px 0px 0px 8px;
	
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:200px;
    top:0px;
    display:block;
	list-style-type: none;	
	border-left: 1px solid #F2F2F2;	
	border-top: 1px solid #F2F2F2;
	border-right: 1px solid #A8A8A8;  
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181; 
	-moz-box-shadow: 3px 3px 8px #818181;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
	
	margin:0px 0px 0px 0px;
	width:200px;
	color: black; 
	border-bottom: 1px solid #D3C9A9;	
	text-decoration: none; 
	padding: 7px 5px; 
	background: #fff;	
	
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background:#E8E8E8;	
	padding: 7px 5px; 
	border-bottom: 1px solid #D3C9A9;
	margin:0px 0px 0px 0px ;
	color:#333;
}
#menuwrapper ul ul li a{
   	text-decoration: none;
	color: #333;
	line-height:25px;
	font-size:90%;
}
#menuwrapper ul ul li a:hover{
   	text-decoration: none;
	color: #000;
	background:#E8E8E8;
}






/* top menu bar css start */

#menu-bar {
  width: 95%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 25px;
  line-height: 100%;
  border-radius: 8px;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: right;
  position: relative;
  list-style: none;
  text-align:right;
}
#menu-bar a {
	font-weight: bold;
	
	font-size: 110%;
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
}
#menu-bar .active a, #menu-bar li:hover > a { background: #666666; color: #fff; background:#666}
/* top menu bar css start */






#menu_plumbing{
	
	font-size:100%;
	/*color:#fff;*/
	list-style:none;
	font-weight:bold;
	width:90%;

	margin:0px;
	padding:6px;
}
#menu_plumbing li{
	/*float:right;
	margin-right:10px;
	 */ 
	position:relative;
	
}
#menu_plumbing a{
	display: block;
	/*padding:5px;*/
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	color: #666;
	padding: 2px 2px;
	border-radius: 5px;
}
#menu_plumbing a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
	
}

/*--- DROPDOWN ---*/
#menu_plumbing ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin:0px;
	padding:0px;
	
}
#menu_plumbing ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}

#menu_plumbing ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	
}
#menu_plumbing li:hover ul{ /* Display the dropdown on hover   sub menu main   */
	left:0; /* Bring back on-screen when needed */
	width:200px;
	

}
#menu_plumbing li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #666666;
	text-decoration: none;
	color: #fff;
	padding:4px;
}
#menu_plumbing li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	/*font-size:11px;
	text-decoration: none;
	width: 200px;
	padding:4px 2px 4px 2px;
	background: #fff;
	color: #666;
	text-align: left;
	border-radius: 1px;
	list-style-type: none;*/	
	/*border-left: 1px solid #F7F7F7;
	border-top: 1px solid #F7F7F7;
	border-right: 1px solid #E5E5E5;
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;	*/
	
	
	font-size:11px;
	text-decoration: none;
	width: 200px;
	padding:3px 2px 3px 2px;
	background: #fff;
	color: #666;
	text-align: left;
	border-radius: 1px;
	/*list-style-type: none;*/	
	border-left: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	border-right: 1px solid #A8A8A8;
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

#menu_plumbing ul li ul{
    position:absolute;
    display:none;
	margin:0px 0px 0px 6px;
	
	
	
	
}
#menu_plumbing ul li:hover ul{
	left:200px;
    top:0px;
    display:block;
	list-style-type: none;	

}

.glob_rec{
	font-size: 11px;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
	padding: 2px 2px 2px 6px;
	background: #759EFF;
	color: #fff;
	text-align: left;
	border-radius: 1px;
	border-left: 1px solid #F7F7F7;
	border-top: 1px solid #F7F7F7;
	border-right: 1px solid #E5E5E5;
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
	width: 195px
	}

#menu_plumbing li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	/*background: #F0F0F0;*/
	background: #EBEFF3;
}

.div_pro{padding:3px 4px}
a.pro_page:link {text-decoration: none;	color: #1F1F1F; font-size:110%; font-weight:bold}
a.pro_page:hover {text-decoration: none; color: #00366C; font-size:110%; font-weight:bold}
a.pro_page:visited{text-decoration: none; color: #1F1F1F; font-size:110%; font-weight:bold}


a.pg_link1:link {padding:10px 20px; border:#FFF solid 1px; color:#ffffff; font-size:130%}
a.pg_link1:hover {padding:10px 20px; border:#FFF solid 1px; color:#333333; font-size:130%; background:#FFF}
a.pg_link1:visited{padding:10px 20px; border:#FFF solid 1px; color:#ffffff; font-size:130%}


a.pg_link2:link {
	padding: 10px 20px;
	border: #1183EA solid 1px;
	color: #1183EA;
	font-size: 18px
}
a.pg_link2:hover {
	padding: 10px 20px;
	border: #FFF solid 1px;
	color: #FFF;
	font-size: 18px;
	background: #1183EA
}
a.pg_link2:visited{
	padding: 10px 20px;
	border: #1183EA solid 1px;
	color: #1183EA;
	font-size: 18px
}


a.dwn_link_pg:link {
	padding: 0px 0px;
	color: #005177;
	font-size: 100%;
	text-align: center;
}
a.dwn_link_pg:hover {
	padding: 0px 0px;
	color: #0164AD;
	font-size: 100%;
	text-align: center;
}
a.dwn_link_pg:visited{
	padding: 0px 0px;
	color: #005177;
	font-size: 100%;
	text-align: center;
}



/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 70px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 70px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	
	height: 60px;
}