/*------------------------------------------------------------------
[Master Stylesheet]
Project:	    Calculus
Version:	    1.0
Author:			VentureChest.com 
-------------------------------------------------------------------*/

/* IMPORT STYLESHEETS ----------------------------------------------*/
@import "reset.css";  /* Reset All the Default Rules for browser compatibility */

body{	background:#112D5C; color:#2E3F54}


.outer{
	clear:both;
	display:block;
	margin:0 auto;
	width:1000px;
}

.container{
	background: url(../images/bg_main.png) top repeat-x #fff;
	clear:both;
	display:block;
	float:left;
	width:1000px;
}

.top1{
	background:url(../images/bg_top1.gif) top no-repeat;
	clear:both;
	display:block;
	height:121px;
	float:left;
	width:1000px;
}


.venture-chest-logo{
	clear:left;
	float:left;
	display:inline;
}

.online-trading-kse{
	display:inline;
	float:right;
	padding:25px 0px 0px 0px;
	width:240px;
}

.online-trading-kse h1{
	color:#f4f4f4;
	display:block;
	clear:both;
	font-size:20px;
}

.online-trading-kse h2{
	color:#f4f4f4;
	clear:left;
	font-size:14px;
	float:left;
	margin:-5px 20px 0px 30px;
}


.online-trading-kse h3{
	color:#f4f4f4;
	display:inline;
	font-size:11px;
	float:left;
	margin:0px 20px 0px 10px;
}

.online-trading-kse h4{
	color:#fff;
	display:inline;
	/*font:italic 11px Georgia, "Times New Roman", Times, serif;*/
	float:left;
	margin:0px 20px 0px 0px;
	display:none;
}

/* **********************************************************************************************************************  NAVIGATION */
.navigation{
	background:url(../images/bg_navigaiton.gif) repeat-x #ccc;
	clear:both;
	display:block;
	height:34px;
	width:1000px;
}

.header{
	background:url(../images/bg_header.png) top repeat-x;
	clear:both;
	display:block;
	height:274px;
	width:1000px;
}


.main1{
	clear:both;
	display:block;
	float:left;
	margin:15px 15px 15px 15px;
	width:970px;
}

/* **********************************************************************************************************************  LEFT AREA */
.left-panel{
	clear:both;
	color:#333333;
	display:block;
	float:left;
	width:600px;
	line-height:18px;
	

}

.left-panel h1{
	clear:both;
	color:#112D5C;
	display:block;
	border-bottom:1px dotted #999999;
	font:normal 15px Aial,Segoe UI, Arial, Helvetica, sans-serif;
}

.left-panel h2{
	clear:both;
	color:#112D5C;
	display:block;
	border-bottom:1px dotted #999999;
	font:normal 15px Aial,Segoe UI, Arial, Helvetica, sans-serif;
	margin-top:30px;
	margin-bottom:10px;
}

.left-panel SPAN{
	color:red;
	display:inline;
	float:right;
	font:normal 11px Aial,Segoe UI, Arial, Helvetica, sans-serif;
}


.box2{
	display:inline;
	float:left;
	height:240px;
	overflow:hidden;
	margin:5px 0px 10px 5px;
	width:295px;
	position:relative;
}

.box2 a{
	font-weight:bold;




}
.box3{
	display:inline;
	float:left;
	margin:5px 0px 10px 5px;
	width:600px;
	position:relative;
}


.read-more{
	bottom:0px;
	background:#E0E2E5;
	border-top:1px dotted #FFFFFF;
	color:#2E3F54;
	clear:both;
	display:block;
	left:0;
	position:absolute;
	padding:5px 15px;
	text-align:right;
	width:260px;
	z-index:10;

}

.logos{
	background: url(../images/logos1.gif) no-repeat center;
	clear:both;
	display:block;
	height:60px;
	width:100%;
}

/* **********************************************************************************************************************  RIGHT AREA */
.right-panel{
	clear:right;
	float:right;
	width:350px;
}


.right-panel H1{
	clear:both;
	display:block;
	margin-bottom:10px;
} 
.right-panel H1 SPAN{ 
	color:#2E3F54;
	display:inline; 
	float:right; 
	}



.box1{
	background:#DADCDF;
	border:1px solid #ccc;
	clear:both;
	display:block;
	height:115px;
	padding:10px 0px;
	width:350px;
}
.box4{	height: auto; float:left; padding:0px;}
.box4 UL{ display: block; clear:both; list-style-type:none; padding:10px; float:left;}
.box4 UL LI{ display: block; clear:both; line-height:20px; float:left;}
.box4 UL LI a{ 
	display:block; 
	float:left; 
	line-height:22px; 
	padding:3px 30px; 
	width:270px; 
	border-bottom:1px dotted #ccc; 
	border-top:1px solid #fff;
	background: url(../images/bullet2.gif) left no-repeat #E5E7EB;
	}
.box4 UL LI a:hover{ background: url(../images/bullet1.gif) left no-repeat #1B4594; color:#fff;}

.box4 UL LI em{ color:#999999; font-size:10px; color:#E5E7EB; float:right; display:inline;}

.box4 UL LI a.current{background: url(../images/bg_current.gif) repeat-x #75AC44; cursor:default;}
.box4 UL LI a.current em{ color:#333;}
.box4 UL LI a.current:hover{ color:#000000}


.box1 H1{
	border-bottom:1px dotted #2E3F54;
	display:inline;
	float:right;
	font-weight:bold;
	margin:5px 10px 0px 0px;
	width:225px;
}

.box1 P{
	display:inline;
	float:right;
	margin:5px 10px 0px 0px;
	width:225px;
}

IMG.product-box{
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:-15px;
}

/* **********************************************************************************************************************  FOOTER */

.footer{
	clear:both;
	color: #B7B7B7;
	display:block;
	font:93%/13px segoe UI;
	padding:10px;
	text-align:center;
}

.footer h1{
	padding:0px; margin:0px;
	display:inline;
}

.footer a{ color:#CCCCCC; text-decoration:none;}
.footer a:visited{ color:#CCCCCC; text-decoration:none;}
.footer a:hover{ color:#fff; text-decoration:none;}

/* **********************************************************************************************************************  JQUERY HEADER */
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:274px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
/*    opacity:0.0;*/
}

#slideshow IMG.active {
    z-index:10;
    /*opacity:1.0;*/
}

#slideshow IMG.last-active {
    z-index:0;
}



/* **********************************************************************************************************************  JQUERY News Ticker */

#newsticker-demo { 
width:290px; 
padding:5px 5px 0;
height:170px;
overflow:hidden;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

.newsticker-jcarousellite { width:280px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:170px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }



/* **********************************************************************************************************************  PAge Wise */


/* **********************************************************************************************************************  Product Table */

.product1{	clear:both;	width:550px;	margin:20px auto; }
.product1 TD { padding:10px 10px; border-bottom:0px dotted #777; position:relative;}
/*.product1 TD:hover { background:#D2D5DA}*/
.product1 TD IMG{ float:left; display:inline;}
.product1 H1{
	color:#112D5C;
	clear:both;
	display:block;
	width:560px;
	margin-bottom:5px;
	border-bottom:1px solid #999999;
	font:normal 13px Aial,Segoe UI, Arial, Helvetica, sans-serif;
}
.product1 P{
	display:inline;
	float:right;
	width:450px;
}

.read-more2{
	clear:both;
	display:block;
	float:right;
	text-align:right;
}
.read-more2 a{ text-decoration:underline;}


/* **********************************************************************************************************************  Product Detail page */
.product2{	clear:both;	margin:10px auto; }
.product2 TD { border-bottom:0px dotted #777; position:relative; vertical-align:top;}
.product2 H1{
	color:#112D5C;
	clear:both;
	display:block;
	margin-bottom:5px;
	border-bottom:1px solid #999999;
	font:normal 13px Aial,Segoe UI, Arial, Helvetica, sans-serif;
}
.product2 P{
	display:inline;
}
.product-icons{
	clear:both;
	display:block;
	float:right;
	text-align:center;
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f4f4f4;
}
.product-icons IMG{ padding:10px 3px; float:none;  }
.product2 ul{
	display:block;
	clear:both;
	margin:20px 25px;
	list-style-type:disc;
}

.product2 ul li dd{

}

IMG.float-left { border:0px solid red; float:right; display:inline;}