/* Updated: 101309 - 1440 - This stylesheet contains all classes related to tab and list view section */

/******************** Start => Product Details Tab view ********************/
#jumpLink {
	padding: 5px 0 3px 0;
	}
.tabView, .listView {
		clear: left;
		padding-top: 5px;
		margin-bottom: 10px;
		}
		.tabView a, .listView a{
			color: #003399;					
			}	
.tabView ul.tabMenu {
	list-style-type: none;
	list-style: none;
	display: inline;
	font-family: arial, helvetica, sans-serif;	
	}
	.listView ul.tabMenu {
	margin-left: 10px;
	padding-left: 10px;
	font-family: arial, helvetica, sans-serif;	
		}
.tabView li.tab, .tabView li.tabOn, .tabView li.tabLast, .tabView li.tabLastOn{
	float: left;
	margin-right: 2px;
	background: #19308D;	
	}
	.listView li.tab, .listView li.tabOn, .listView li.tabLast, .listView li.tabLastOn {
		list-style: square;
		/*width: 200px;  To Restrict the expansion of the LI till the full screen*/
		padding-bottom: 1px;
		}
.tabView li.tab a, .tabView li.tabLast a, .tabView li.tabOn a, .tabView li.tabLastOn a{ 
	text-align: center;
	color: #fff;
	background: #19308D;
	display: block;
	height: 39px;	 
	width: 87px; /* Needs to reduce as icreased the padding : Ram 07Feb */
	padding: 5px 2px; /* For the auto wrapping of the text withiin the tabs : Ram 07Feb*/
	text-decoration: none;
	font-weight: bold;
	outline:0;
	overflow: hidden;
	}
	.listView li.tab a, .listView li.tabLast a, .listView li.tabOn a, .listView li.tabLastOn a { 
		text-decoration: underline;
		font-weight: bold;
		color: #003399;
		}
	.listView li.tab a:hover, .listView li.tabLast a:hover, .listView li.tabOn a:hover, .listView li.tabLastOn a:hover { 
		text-decoration: none;
		}
		
.tabView li.tabSingle{
	float: left;
	margin-right: 0;
	background: #19308D;
	}
	.listView li.tabSingle {
		list-style: square;
		/*width: 200px;  To Restrict the expansion of the LI till the full screen*/
		padding-bottom: 1px;
		}
.tabView li.tabSingle a{ 
	text-align: center;
	color: #fff;
	background: #19308D;
	display: block;
	/*height: 39px;*/	 
	padding: 5px 2px; /* For the auto wrapping of the text withiin the tabs : Ram 07Feb*/
	text-decoration: none;
	font-weight: bold;
	outline:0;
	}

.tabView li.tabSingle a { 
	/*width: 489px;*/ 	
	}
.tabView li.tabLast a, .tabView li.tabLastOn a {
	width: 87px;
	background-color:#19308D;
	border: 1px solid #19308D;
	overflow: hidden;
	}
				
.tabView li.tab a:hover, .tabView li.tabOn a, .tabView li.tabLast a:hover, .tabView li.tabLastOn a{ /*active and clicked tab properties*/
	background: #fff;
	border: 1px solid #19308D;
	border-bottom: 2px double #fff;
	border-top: 0 solid #fff; 
	color: #000;	
	margin: -1px 0 0 0;
	position: relative;
	top: 2px; /* Important to push the tab little down to remove bottom border in IE */
	text-decoration: none;
	z-index: 3; /* Important to get the selected tab on the top of all */	
	}
	.listView li.tab a:hover, .listView li.tabOn a:hover, .listView li.tabLast a:hover { /*active and clicked tab properties*/	
		text-decoration: none;
		}
.tabView li.tab a {
	border: 1px solid #19308D;
	}
.tabView .tabDataContainer { /* common properties of the container inrelavant of the screen resolutions */
	clear: left;
	background: #fff;
	border: 1px solid #19308D;
	margin: 0;
	padding: 10px;
	color: #000;
	text-align: left;
	display: none;
	}
	.listView .tabDataContainer { /* common properties of the container inrelavant of the screen resolutions */
		clear: left;
		background: #fff;
		border-bottom: 1px solid #efefef;
		margin-top: 5px;
		padding: 5px;
		color: #000;
		text-align: left;
		display: block;
		}	
	.tabDataContainer { /*this adjust the container height*/
		min-height: 100px;
		height: 100% !important;
		height: 100px;
		}
.tabView .moduleTitle {
	display: none;
	}
.listView .moduleTitle {
	text-align: right;
	padding-bottom: 10px;
	display: block;
	}
.moduleTitle span {
	font-weight: bold;
	font-size: 12px;				
	}
	/*By Rafi*/
.tabView .sectionTitle {
	display: none
	}
.listView .sectionTitle {
	text-align: right;
	padding-bottom: 10px;
	display: block;   
	float: right;
	}
.sectionTitle{
	margin-bottom: 20px;
	}
.sectionTitle span {
	font-weight: bold; 
	font-size: 12px;
	float: left;
	}
.sectionTitle a {
	float: right;
	color: #003399;
	}
	.sectionTitle a:hover {
		text-decoration: none;
		}

.floatLeft{ /* Controls the form field alignment and also a class for float left */
	float: left;
	}
/* ************ Start Simple light Box styles ****************/	
#overLayBg{
	position:absolute; 
	z-index: 99; 
	width: 100%; 
	display: none; 
	height: 100%; 
	left: 0; 
	top: 0; 
	bottom:0; 
	background: #666; 
	opacity:0.4; 
	filter:alpha(opacity=40); 
	layer-background-color: #666; 
	margin:0; 
	overflow:visible;
	}
	#overLayBlock{
		position: absolute; 
		top: 0;
		left: 0;
		width: 100%; 
		height: 100%; 
		display: none; 
		text-align: center; 
		overflow: visible; 
		z-index: 100;
		}
		#overLayContent{
			background: #fff; 
			font: 12px Arial, Helvetica, sans-serif; 
			color: #407921; 
			width: 340px; 
			height: 300px; 
			margin: 124px auto 0 auto;
			text-align: left;
			}
#flashFrame{
	width: 340px;
	height: 300px;
	overflow: visible;
	}
.closeLayer{
	display: block;
	height: 18px;
	width: 18px;
	display: block;
	background-color: #FF0033;
	position: absolute;
	margin: -10px 0 0 330px;
	background: url(lightbox_closebtn_tcm859-209580.gif) no-repeat;
	cursor: pointer;
	}
.simpleLightBox{
	margin: 0 0 0 10px;
	}
/* ************ END Simple light Box styles ****************/		
/******************** End => Product Details Tab view ********************/