/* CSS Document */

/*body{
	background-color:#e3dfd6;
	margin:0px;
	padding:0px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	font-size:12px;
}
 *{
	margin:0px;
	padding:0px;
}
a  , img
{
	outline:0;
}*/
.main-container{
	margin:0 auto;
	width:980px;
}
.MainAbout
{
        background-color: White;
      box-shadow: 0 8px 8px rgb(100, 100, 100);
    float: left;
    height: auto;
    margin-left: 0;
    width: 100%;
   /* margin-left:15%;*/
    margin-right:15%;
 }





.header-area{
    float:left;
	width:980px;
	height:154px;
	margin-bottom:10px;
	*width:982px;
}
.header-left{
    float:left;
	width:8px;
	height:154px;
	background-image:url(../images/header-left.jpg);
	background-repeat:no-repeat;
}
.header-right{
    float:left;
	width:8px;
	height:154px;
	background-image:url(../images/header-right.jpg);
	background-repeat:no-repeat;
}
.header-mid{
    float:left;
	width:964px;
	height:154px;
	background-image:url(../images/header-mid.jpg);
	background-repeat:repeat-x;
}
.header-top{
    float:left;
	width:964px;
	*width:940px;
	height:84px;
	margin:8px 0 8px 0;
}
.header-bottom{
    float:left;
	width:964px;
	*width:940px;
	height:54px;
	margin:5px 0 0 0;
}
.logo{
    float:left;
	height:82px;
	width:569px;
	padding-top:4px;
	padding-left:5px;
	margin-left: -13px;
}
.login{
    float:right;
	background-image:url(../images/login-bg.jpg);
	background-repeat:no-repeat;
	width:242px;
	height:84px;
	margin-right:5px;
	padding:5px 5px 5px 12px;
}
.login1{
    float:right;
	
	background-repeat:no-repeat;
	width:242px;
	height:84px;
	margin-right: -164px;
	padding:20px 5px 5px 12px;
}
.signup-text{
	color:#5c3d28;
	font-size:18px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	float:left;
	
}
.signuperror
{
	font-size:12px;
	color:Black;
	float:right;

}
.signup-textbox-area{
	color:#5c3d28;
	font-size:11px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	float:left;
	width:240px;
	margin-top:5px;
}
.signup-textbox{
	color:#5c3d28;
	font-size:11px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	float:left;
	width:104px;
	height:18px;
	background-image:url(../images/textbox-bg.jpg);
	background-repeat:no-repeat;
	margin-right:5px;
	padding:2px 3px 2px 6px;
}
.signup-textbox input{
	width:90px;
	height:14px;
	border:none;
}
.login-button{
	float:left;
	width:69px;
	height:21px;
}
.content-area{
    float:left;
	width:99%;
}
.content-area-top{
    float:left;
	background-image:url(../images/rounded-top.jpg);
	background-repeat:no-repeat;
	width:99%;
	height:10px;
	font-size:0px;
}
.content-area-top2{
    float:left;
	background-image:url(../images/rounded-top.jpg);
	background-repeat:no-repeat;
	width:90%;
	height:150px;
	font-size:0px;
}
.content-area-mid{
    float:left;
	background-image:url(../images/rounded-mid.jpg);
	background-repeat:repeat-y;
	width:99%;
	padding:0 18px;
	min-height: 110px;
	color: #322525;
font-family: Georgia;
font-size: 15px;
margin-left:50px;
margin-top:15px;
}
.content-area-mid2{
    float:left;
	background-image:url(../images/rounded-mid.jpg);
	background-repeat:repeat-y;
	width:99%;
	padding:0 18px;
	min-height: 130px;
	color: #322525;
font-family: Georgia;
font-size: 15px;
margin-left:50px;
margin-top:25px;
}
.content-area-bottom{
    float:left;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	width:99%;
	height:61px;
	margin-bottom:10px;
}
.left-area{
    float:left;
	width:670px;
}
.right-area{
    float:left;
	width:252px;
	margin-left:22px;margin-top: 20px;
}
.latestnews-block{
	float:left;
	width:252px;
}
.news-heading{
    float:left;
	background-image:url(../images/latestnews-icon.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:32px;
	padding-left:57px;
	font-family:Georgia;
	color:#990000;
	font-size:25px;
	padding-top:14px;
	margin-bottom:5px;
	font-style:italic;
}
.news-content{
    float:left;
	width:252px;
}
.news-content span{
    float:left;
	list-style:none;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	padding:7px 0 7px 22px;
	border-bottom:1px solid #efefef;
	font-size:12px;
	background-position:0 9px;
	clear:left;
	width:230px;
}
.news-content span a{
	color:#c43d29;
	text-decoration:none;
	font-family:Georgia;
	font-size:13px;
}
.news-content span a:hover{
	text-decoration:underline;
}
.more{
	margin-top:7px; 
	margin-bottom:25px; 
	float:left; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:100px;
}
.more a{
	color:#275cd0;
	text-decoration:none;
}
.more a:hover{
	text-decoration:underline;
}
.innerpageheading
{
	float:left;
	text-align:left;
	font-family:Georgia;
	color:#990000;
	font-size:25px;
	width:90%;
	padding-top:10px;
	padding-bottom:10px;
	margin-left: 20px;
	border-bottom:1px solid #09b2da;
	/*font-style:italic;*/

	
	
	
	
	
	
}
.innerpagesubheading
{
	float:left;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5c3d28;
	font-size:21px;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #efefef;
}
.pageheading
{  float: left;
/* text-align: center; */
font-family: Georgia, "Times New Roman", Times, serif;
color: #5c3d28;
font-size: 25px;
width: 100%;
padding-top: 14px;
margin-left: 129px;
margin-bottom: 30px;
}
.details
{   float:left;
	text-align:left;
	color: #322525;
font-family:Georgia;
font-size: 15px;
line-height: 22px;
	width:90%;
	margin :10px 0 20px 30px;
	text-align:justify;
}
.list
{   float:left;
}
.list p
{   float :left;
    list-style:none;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	padding:7px 0 0px 22px !important;
	background-position:0 9px;
	clear:left;
	width:95%;
	margin:0px !important;
	
}
/*
.details img:hover
{float:left;
	border:5px solid #efefef;
	width:550px;
	margin-right:10px;
	position:absolute;
	left:-100px;
	top:-50px;
}*/
.detailvalue
{
	color: #259CBA;
width: 120px;
padding-top: 10px;
/* font-weight: bold; */
font-family: 'HelveticaNeueLTStd35Thin';
	
}
.detailvalue2
{  	width:800px;
	padding-top:10px;
}
.table
{
	border:0;
}
.table tr td
{
	padding:2px;
	vertical-align:top;
}
td.td-l
{
	width:150px;
	text-align:right;
}
td.td-r
{
	padding-left:5px;
}
.selectdwn
{
	width:110px;
	height:20px;
}
.signup-dwn , .login-button
{
	float:left;
	width:110px;
	height:18px;
	margin-right:10px;
}
.event-heading{
    float:left;
	background-image:url(../images/comingevents-icon.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:32px;
	padding-left:57px;
	font-family:Georgia;
	color:#990000;
	font-size:25px;
	padding-top:14px;
	margin-bottom:5px;
	font-style:italic;
}
.event-content{
    float:left;
	width:252px;
}
.event-content span{
    float:left;
	clear:left;
	width:252px;
}
.date{
    float:left;
	clear:left;
	width:252px;
	margin:7px 0
}
.date a{
	color:#c43d29;
	font-style:italic;
	text-decoration:underline;
}
.date a:hover{
	text-decoration:none;
}
.event-text{
    float:left;
	clear:left;
	width:252px;
	color:#666;
}
.welcome-heading{
    float:left;
	font-family:Georgia;
	color:#990000;
	font-size:23px;
	margin-bottom:5px;
	width:670px;
}
.welcome-block{
    float:left;
	width:670px;
	margin-top:30px;
}
.welcome-header{
    float:left;
	width:670px;
	border-bottom:2px solid #e8e7e6;
	padding-bottom:7px;
	margin-bottom:10px;
}
.subheading {
float: left;
font-family:Georgia;
color: #174698;
font-size: 19px;

width: 670px;
margin-bottom: 3px;
}
.welcome-text {
float: left;
width: 670px;
/* background-image: url(../images/welcome-image.jpg); */
background-repeat: no-repeat;
background-position: right top;
}
.red{
    float:left;
	
	font-family: Georgia;
color: #990000;

/*font-style:italic;*/
font-size:19px;

}
.red1{
    float:left;
	
	font-family: Georgia;
color: #990000;


font-size:16px;

}
.text {
float: left;
clear: left;
width: 665px;
color: #322525;
margin-top: 7px;
text-align: justify;
font-size: 13px;
font-family:Georgia;
}
.button{
    float:left;
	width:530px;
	text-align:right;
}
.block-left{
    float:left;
	width:220px;
	margin-right:10px;
}
.block-right{
    float:right;
	width:438px;
	*width:420px;
}
.block-top{
    float:left;
	width:210px;
	background-image:url(../images/calender-top.jpg);
	background-repeat:no-repeat;
	height:49px;
	font-family:Georgia;
	color:#990000;
	font-size:20px;
	padding-left:10px;
	line-height:47px;
	font-weight:bold;
	font-style:italic;
}
.block-mid{
    float:left;
	width:200px;
	background-image:url(../images/calender-mid.jpg);
	background-repeat:repeat-y;
	padding:10px;
	*padding:5px 10px;
	text-align:left;
	position:relative;
	height:270px;
}
.block-mid .date2
{
width:200px;
font-size:12px;
font-family:Verdana;
position:absolute;
left:10px;
top:0px;	
}
.block-mid .calender
{
width:200px;
position:absolute;
left:10px;
bottom:33px;
}
.block-mid .calender .calenderindex
{
	font-size:10px;
font-family:Verdana;
width:200px !important;
}
.block-bottom{
    float:left;
	width:220px;
	background-image:url(../images/calender-bottom.jpg);
	background-repeat:no-repeat;
	height:7px;
}

.gallery-top{
    float:left;
	width:428px;
	background-image:url(../images/gallery-top.jpg);
	background-repeat:no-repeat;
	height:49px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5c3d28;
	font-size:20px;
	padding-left:10px;
	line-height:47px;
	font-weight:bold;
}
.gallery-mid{
    float:left;
	width:422px;
	background-image:url(../images/gallery-mid.jpg);
	background-repeat:repeat-y;
	padding:10px 0 10px 18px;
}
.gallery-bottom{
    float:left;
	width:438px;
	background-image:url(../images/gallery-bottom.jpg);
	background-repeat:no-repeat;
	height:7px;
	*width:428px;
}
.block-mid span{
    float:left;
	clear:left;
	width:200px;
}
.date2{
    float:left;
	clear:left;
	width:200px;
	margin:7px 0
}
.date2 a{
    color:#c43d29;
	text-decoration:underline;
}
.date2 a:hover{
	text-decoration:none;
}
.event-text{
    float:left;
	clear:left;
	width:200px;
	color:#c43d29;
	font-family:Georgia;
	font-size:13px;
}
.button2{
    float:left;
	width:200px;
	text-align:right;
	margin-top:10px;
	position:absolute;
	right:10px;
	bottom:0px;
}
.footer-text{
    float:left;
	width:980px;
	text-align:center;
	margin-top:20px;
	color:#0D1A35;
}

.interschool
{
  float:left;
	text-align:left;
	font-family:verdana;
	color:#5c3d28;
	font-size:12px;
	width:100%;
	margin:10px 0 20px 0;
	text-align:justify;
	background-image:url(../images/static/intersc-collage.jpg);
	background-repeat:no-repeat;
	background-position:420px 20px; 
	height:330px;
}

.list-inter
{   float:left;
}
.list-inter p
{   float :left;
    list-style:none;
	background-image:url(../images/static/red.jpg);
	background-repeat:no-repeat;
	padding:7px 0 0px 15px !important;
	background-position:0 14px;
	clear:left;
	width:95%;
	margin:0px !important;
	
}

















/* -----------popmenu css start-----------     */

.menu{
    float:left;
	width:944px;
	*width:925px;
	/*height:28px;*/
	margin:7px 10px 0 10px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	line-height:28px;
}
.menu ul{
	float:left;
	list-style:none;
}
.menu ul li{
	float:left;
	list-style:none;
	font-family:arial;
	text-align:center;
	padding: 0 19px;
}
/*.menu ul li.big{
	width:135px;
		*width:133px;
}
.menu ul li.big a:hover{
	width:136px;
	background-image:url(../images/hover-l.png);
	background-repeat:no-repeat;
	height:28px;
}*/
.menu ul li a{
	color: #5e3c20;
text-decoration: none;
font-size: 17px;
font-family: 'MyriadProBold';
font-weight:bold;
}
.menu ul li:hover{
	color:#ff6600;
	text-decoration:none;
	padding: 0 19px;
	/*height:28px;
	background-image:url(../images/hover.png);
	background-repeat:no-repeat;*/
	display:block;
	background:#FFCC66;border-radius:10px;
}
.menu ul li a.active{
	color:#ff6600;
	text-decoration:none;
	width:97px;
	/*height:28px;*/
	background-image:url(../images/hover.png);
	background-repeat:no-repeat;
	display:block;
}
.jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #f08c18;
border: 1px solid #fff;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.jqpopupmenu li{
position: relative;
}

.jqpopupmenu li a{
display: block;
width: 206px; /*width of menu (not including side paddings)*/
color: #5e3c20;
background: #f7a227;
text-decoration: none;
padding: 4px 5px;
border-bottom:1px solid #efefef;
font-size:13px;
}

* html .jqpopupmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
background: #fdc03e;
color:#000;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* -----------popmenu css end-----------     */


.admin-left{
    float:left;
	width:170px;
	margin-right:22px;
}
.admin-right{
    float:left;
	width:752px;
	/*border:1px solid #ccc;*/
}
.admin-left .latestnews-block{
	width:170px;
}
 .admin-left .news-heading{
	width:170px;
	background:none !important;
	padding-left:0px !important;
	text-align:center;
	}
.admin-left .news-content{
	width:170px;
}
.admin-left .news-content span{
	width:147px;
}
.content-area-admin
{  float:left;
	width:980px;
}
span.lblmsg
{background:none ;
	padding-left:0px;
}
.textboxc
{
	width:200px;
	border:1px solid #ccc;
	height:20px;
	
}
.lblError1
{color:Red;
	
	
	}
	.imgdiv
	{float:left;
		width:100%;
		margin-bottom:10px;			
	}
	.imgdiv img
	{
		border:1px solid #ccc;
		margin-right:10px;
		height:200px;
		float:left;
		
	}
	
	.details .imgsection
{   float:left;
	text-align:center;
	font-family:verdana;
    width:120px;
    list-style:none;
    margin-right:10px;
}
	.details .imgsection .img_heading
	{ float:left;
		margin:5px 0 5px 0;
		color:#5c3d28;
	font-size:12px;
	 text-align:center;
	 width:100px;
	}
	.details .imgsection img
	{
		width:100px;
	}
	.academic-table
	{
		width:400px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	.academic-table td
	{
		height:35px;
		padding-left:10px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.management-name
	{
	float:left;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5c3d28;
	font-size:25px;
	width:60%;
	margin-left:30px;
	}
	
	.management-image
	{
		border:5px solid #efefef;width:150px; height:170px; margin-right:10px; float:left;
	}
	.management-allname
	{
	float:left;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5c3d28;
	font-size:18px;
	width:200px;
	}
	.teachers-cat
	{
	float:left;
	width:180px;
	margin-right:20px;
	}
	.contact_us
	{
		float:left;
		width:477px;
		margin-right:15px;
	}
	.contact_us_right
	{
		float:right;
		width:450px;
	}
	.contact_us_right .left
	{
		float:left;
		width:200px;
		color:#71728A;
		padding:10px 0;
		text-align:left;
		font-weight:bold;
	}
	.firstrow
	{
		float:left;
		width:477px;
	}
	.firstrow .left
	{
		float: left;
width: 161px;
color: #259CBA;
padding: 10px 0;
text-align: right;
/* font-weight: bold; */
font-family: 'HelveticaNeueLTStd35Thin';
font-weight: normal;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
letter-spacing: 2px;
	}
	.firstrow .right
	{
		float:left;
		width:295px;
		padding:10px;
		color: #555;
font-family: 'MyriadWebProRegular';
font-size: 14px;
	}
	/*  css of student registration  */
	.registration_page
	{
		float:left;
		width:550px;
	}
	.registration_page .firstrow
	{
		float:left;
		width:550px;
	}
	.registration_page .firstrow .left
	{
		float:left;
		width:200px;
		color:#5c3d28;
		padding:10px 0;
		text-align:right;
		font-weight:bold;
	}
	.registration_page .firstrow .right
	{
		float:left;
		width:300px;
		padding:3px;
		color:black;
	}
	.registration_page .firstrow .right .textbox
	{
		width:220px;
	}
	
	
	
	
	
	input , textarea
	{
	border:1px solid #55341e;	
	}
	.stdreg
	{
	 float:right;
	 margin-right:15px;
	}
	.stdreg a
	{
	 color:#fff;
	 text-decoration:none;
	}
	
	/*  result table  */
	.resulttable
{
	width:730px;
}
	.resulttd
{
	width:100px;
	background-color:#efefef;
	padding:7px;
	text-align:center;
}
	.resulttdheading
	{
		width:100px;
		padding:7px;
		background-color:lime;
		font-weight:bold;
		text-align:center;
	}
	
	
	
	
	
	/*GridViewCSS*/

.gridview

{

    font-family: Arial, Sans-Serif;

    font-size:small;

    table-layout: auto;

    border-collapse: collapse;

    border: #3379d0 4px solid;

}

/*Header and Pager styles*/

.HeaderStyle, .PagerStyle /*Common Styles*/
{
 background-image: url(Images/HeaderGlassBlack.jpg);
 background-position:center;
 background-repeat:repeat-x;
 background-color:#3379d0;
 text-align:center;
 color: #ffffff;
 padding: 2px;
}

.HeaderStyle th
{
padding: 5px;
color: #ffffff;
text-align:center;
}
 .itemtemp
{
width:100px;
text-align:center;
}
.HeaderStyle a
{
text-decoration:underline;
color:#ffffff;
display:block;
text-align:center;
font-weight:normal;
}

.PagerStyle table
{
text-align:center;
margin:auto;

}

.PagerStyle table td

{
    border:0px;

    padding:5px;

}

.PagerStyle td

{

    border-top: #3379d0 3px solid;

}

.PagerStyle a

{

    color:#ffffff;

    text-decoration:none;

    padding:2px 10px 2px 10px;

    border-top:solid 1px #3379d0;

    border-right:solid 1px #3379d0;

    border-bottom:solid 1px #3379d0;

    border-left:solid 1px #3379d0;

}

.PagerStyle span

{

    font-weight:bold;

    color:#FFFFFF;

    text-decoration:none;

    padding:2px 10px 2px 10px;

}

/*RowStyles*/

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/

{
    padding: 3px;
    border-right: solid 1px #3379d0;
}

.RowStyle td

{
    /*background-color: #f7f8c3;*/
}

.AltRowStyle td

{
    background-color: #fff;
}

.SelectedRowStyle td

{
    background-color: #ffff66;
}


#map {
    width: 450px !important;
}
.textbox1 {
border: 1px solid #ddd;
background-color: #f7f7f7;
border-radius: 3px;
padding: 5px 5px 5px 5px;
width: 200px;
margin-bottom: 7px;
outline: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
}
.textbox2 {
border: 1px solid #ddd;
background-color: #f7f7f7;
border-radius: 3px;
padding: 5px 5px 5px 5px;
width: 200px;
height: 100px;
margin-bottom: 7px;
outline: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
}
.button1 {
background: url(../images/button-arrow.png) right center no-repeat #3e7ddb;
color: #fff;
padding: 5px 30px 5px 10px;
box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
cursor: pointer;
border-radius: 5px;
border: 1px solid #15468f;
font-size: 14px;
text-shadow: 0px 1px #000;
}

.buttongo {
background: url(...../images/button-arrow.png) right center no-repeat #3e7ddb;
color: #fff;
padding: -1px 14px 5px 10px;
box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
cursor: pointer;
border-radius: 5px;
border: 1px solid #15468f;
font-size: 14px;
text-shadow: 0px 1px #000;}
/*grid button*/
.gbutton{
background: url(..vff/images/button-arrow.png) right center no-repeat #3e7ddb;
color: #fff;
padding: 5px 9px 5px 10px;
box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
cursor: pointer;
border-radius: 19px;
border: 1px solid #15468f;
font-size: 11px;
text-shadow: 0px 1px #000;
}

/*.login-box {
float: left;
font-family: 'candararegular';
border-radius: 8px;
padding: 10px;
border: 2px solid rgba(0,0,0,0.19);
margin-top: 30px;
width: 400px;
height: 400px;
margin-left: 117px;
}
.login-box h2 {
font-size: 21px;
color: #333333;
text-shadow: 0px 1px rgba(255,255,255,0.5);
background: none;
border-bottom: 4px solid rgba(0,0,0,0.19);
font-family: 'franklin_gothic_medium_condRg';
font-weight: normal;
text-transform: uppercase;
padding: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.mt10 {
margin-top: 10px;
}

.login-box table tr td {
vertical-align: top;
margin: 0;
padding: 0;
font-family: arial;
font-size: 13px;
padding-top: 20px;
}*/
/*gallery*/

.product-list {
float: left;
margin-top: 10px;
width: 930px;
}
.product-list ul {
margin: 0;
float: left;
padding: 0;
}
.product-list ul li {
list-style-type: none;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.product-list ul li .product-img {
width: 205px;
height: 150px;
padding: 5px;
background-color: #edeae3;
border: 1px solid #CCC;
}
.product-list ul li .product-img img {
width: 205px;
height: 150px;
}.product-list ul li .pcode {
color: #003F84;
font-size: 14px;
font-weight: normal;
display: block;
margin-top: 3px;
margin-left: 5px;
text-align: center;
width: 100%;
}


.hoverbox{list-style:none;position:relative;padding: 10px 15px;clear: both;} 
.hoverbox a{cursor:pointer;}.hoverbox a .preview{display: none;} .fct{margin: 10px;width: 97%;}
.hoverbox a:hover .preview{display:block;position:absolute;top:-45px;left:-5px;z-index:1;border:5px solid #ccc;box-shadow:0 3px 3px 0 #EAEAEA;}
.hoverbox .preview{border-color: #000;width:350px;height:450px;}
.hoverbox img{background:#fff;border-color: #aaa #ccc #ddd #bbb;border-style:dotted;border-width:1px;color:inherit;padding:2px;
vertical-align: top;width:190px;height:230px;}.hoverbox li{color: inherit;display: inline;float: left;margin:8px;position: relative;width: 197px;padding:5px;background:#F5F3F2}