@charset "utf-8";
.clearAll{ clear:both; height:5px;}
body{ margin:0px; padding:0px;  font-family:Tahoma ; font-size:9px; color:#999999;}
a{ color:#999999; text-decoration:none;}
.banner{ border:#CCCCCC solid 1px;  background:#FFF; padding:2px 0 2px 29px; position:relative; margin:5px; width:690px;  border-radius:4px;     border:solid #DDDDDD 0px;   -moz-border-radius:4px ;      -webkit-border-radius: 4px;background: #F8F9FA;behavior: url(PIE.htc);}
/* Gallery */
#carousel {	width:740px;			margin:0px auto;	overflow:hidden;}
#slides {	overflow:hidden;	/* fix ie overflow issue */	position:relative; width:655px;	height:30px; padding:0px 0 0px 0px; margin:0px 0 0 -3px;}

/* remove the list styles, width : item width * total items */	
#slides ul {	position:relative;	left:0;	top:0;	list-style:none;	margin:0;	padding:0;		width:800px;height:auto;	text-align:center ;		}
/* width of the item, in this case I put 250x250x gif */
#slides li {	width:160px; 	height:45px;  border-right:#CCC solid 1px !important; 	 margin:0px 5px 0 0px; padding:3px 0 0 0;	float:left; text-align:center; position:relative;}

#slides li a{ color:#6699AF;  display:block;  padding:3px 0 3px 0; margin:0 0 0 0px; width:155px;font-weight:bold;  }
#slides li a:hover{font-weight:bold; color:#6699AF; font-weight:bold; background:url(../images/topmenu-bg_Megneil_20032014.png);  border:solid #DDDDDD 0px;   -moz-border-radius:4px ;      -webkit-border-radius: 4px;behavior: url(PIE.htc); 
                    -moz-box-shadow:    inset 0 0 3px 0px #999;
                    -webkit-box-shadow: inset 0 0 3px 0px #999;
                     box-shadow:         inset 0 0 3px 0px #999;}
#slides li  a.topSelected{ font-weight:bold;color:#6699AF; background:url(../images/topmenu-bg_Megneil_20032014.png);  border:solid #DDDDDD 0px;   -moz-border-radius:4px ;      -webkit-border-radius: 4px;behavior: url(PIE.htc);}
.tabName{ font-weight:bold; display:block; color:#FFF;padding:8px 5px 8px 5px; background:url(../images/tab_mid_Megneil_20032014.png) left top repeat-x;  border:solid #DDDDDD 0px;   -moz-border-radius:4px ;      -webkit-border-radius: 4px;behavior: url(PIE.htc);}

/* Styling for prev and next buttons */

#buttons {	padding:0 0 5px 0; position:absolute;  margin:0px 0 0 0; }
#buttons a {	display:block; 	width:16px; 	height:17px; 	text-indent:-999em;	float:left;	outline:0;}
a#prev {	background:url(../images/leftArrowTop_Megneil_24032014.png) 0 0px no-repeat; z-index:500;  position:absolute; text-indent:-9000px; width:16px; height:17px; top:9px; outline:none; left:5px;}
a#next {	background:url(../images/rightArrowTop_megneil_24032014.png) 0px -0px no-repeat; margin:0px; right:5px; text-indent:-9000px; width:16px; height:17px; top:9px; position:absolute;  outline:none; z-index:5;}