@charset "utf-8";
/* CSS Document */
div, img {
	padding:0;
	margin:0 auto;
	border:0px;
	
}
/*---------------Top Nav Tabs------------------*/
#industyFocusDiv {
	background:url(/_layouts/cybage/images/menu/arrow.jpg) #999999;
	width:889px;
	height:308px;
	float:left;
}
#aboutUsDiv {
	background:url(/_layouts/cybage/images/menu/cybage.jpg) #999999;
	width:889px;
	height:308px;
	float:left;
}
#excelShoreDiv {
	background:url(/_layouts/cybage/images/menu/excelShore.jpg) #999999;
	width:889px;
	height:308px;
	float:left;
}
#excelShoreDiv h1 {
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	padding-left:130px;
	padding-top:10px;
	text-align:left;
}
#containerE {
	width:640px;
	padding-left:130px;
	padding-top:20px;
	float:left;
	text-align:left;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:14px;
	color:#373737;
	font-weight:bold;
	line-height:28px;
}
#servicesPortfolioNew {
	background:url(/_layouts/cybage/images/menu/servicesportfolio.jpg) #999999;
	
	width:889px;
	height:308px;
	float:left;
}
#coe {
	background:url(/_layouts/cybage/images/menu/COE.jpg) #999999;
	width:889px;
	height:308px;
	float:left;
}
#newsAndEvents {
	background:url(/_layouts/cybage/images/menu/newsEvents.jpg)#999999;
	width:889px;
	height:308px;
	float:left;
}
#containerNav {
	width:830px;
	padding:18px 10px 5px 25px;
	display:block;
	float:left;
	text-align:left;
}
/*------------------Links-----------------------------------*/
/*table a:link, a:visited{
	color:#646262;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}*/
#containerNav a.heading{
	color:#3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
/*table a:hover{
	color:#bd2321;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}*/
a.bottomlink{
	color:#990000;
}
/*------------------Inner Tab Nav---------------------------*/
#industryFocus_in{
	width:889px;
	height:146px;
	float:left;
	background:url(/_layouts/cybage/images/menu/IndustryFocusBg_in.jpg) left top no-repeat;
}
#containerNav_in {
	width:860px;
	padding:14px 10px 5px 15px;
	display:block;
	float:left;
	text-align:left;
}
.menuHead_in{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:11px;	
	line-height:10px;
}
.menuHead_in a.heading{
	color:#3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.menuHead_in a.headingIn{
	color:#3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
/*table td{
	height:10px;
	/*border:solid 1px #333333;
}
*/
/*----------Big Texts used on Navigation bg-----------------*/
.textsNav {
	color:#555555;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}
.textsBlackNav {
	color:#555555;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:14px;
	font-style:italic;
	line-height:20px;
	font-weight:normal;
}
/*--------------Menu heading on main navigation---------------*/
.menuHeadingNew {
	color:#000;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:11px;
	/*line-height:19px;*/
	font-weight:bold;
	text-decoration:underline;
}
.menuItemNew {
	color:#3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
/*----------Black menu heading----------------------------*/
.menuHeadingDarkNew {
	color:#000;
	font-family:Tahoma, Arial, Verdana, Times New Roman;
	font-size:9px;
	font-weight:bold;
}
.menuItemDarkNew {
	color:#303030;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
.clearboth {
	clear:both;
	display:block;
	
}
/*-------------------Middle Section--------------------------*/

#cybHomeMidBox {
	width:889px;
	height:221px;
	background:url(/_layouts/cybage/images/menu/middleTabBg.png) top left no-repeat;
	margin-top:5px;
	border:thin solid #c9c9c9;
}



/*------------Tabs inside tabs for Middle section---------------*/

.boxBorderNew{
	border-left: 18px solid #717171;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	
	/*border-top: 1px solid #c4c4c4;*/
	float:left;
	height:205px;
	/*background:#FFFFFF;*/
	margin-top:0px;
	overflow:hidden;
	width:689px;
}
/*----------------Combined Field(News, clientale, logos)---------------*/

#combinedBox{
	margin-top:5px;
	background:url(/_layouts/cybage/images/menu/combinedBg.jpg) top left repeat-x;
	width:889px;
	height:140px;
}
#commonLinks{
	width:889px;
	text-align:left;
	line-height:11px;
}
.lineDivider{
	width:889px;
	height:1px;
	margin-top:15px;
	background:#adadad;
	margin-bottom:15px;
}
#fotterNew{

}
#banner_in{
	width:889px;
	height:146px;
}

/*-------------------------New Middle tab-----------------------*/
/* get rid of those system borders being generated for A tags */
#middletabContainer{
	margin:2px auto;
	padding:0;
	width:889px;
	position:relative;
	overflow:hidden;
	height:199px;
}
#caseStudyContainer{
	margin:2px auto;
	padding:0;
	width:619px;
	/*position:relative;*/
	overflow:hidden;
	height:500px;
}
a:active {
  outline:none;
  
}

:focus {
  -moz-outline-style:none;
}

/* navigation */
#midTab {
	background:#cad3da;
	/*border:1px solid #000;*/
	height:198px;	
	width:200px;
	float:left;
}
#midTab ul {	
	/*width:250px;*/
	margin:0;	
	background:#ddd;
	padding-top:0px;
	/*border:solid 1px #666666;*/
}

#midTab li {	
	/*border-right:1px solid #ddd;*/
	float:left;
	/*padding-left:1px;*/
	width:200px;
	list-style-type:none;
	text-align:left;
	margin:0px;
}

#midTab a {
	color:#000;
	display:block;
	padding:2px;
	/*position:relative;*/
	word-spacing:-2px;
	font-size:11px;		
	height:44.5px;
	border-bottom:solid 1px #c1c1c1;
	text-decoration:none;
}	

#midTab a.current {
	background:#fff;	
	color:#025f90;
	border-left:solid 1px #CCCCCC;
}

#midTab img {
	/*background-color:#fff;*/
	border:0;
	margin:3px 0 5px 3px;
	padding:4px;		
	/*display:block;*/
}

#midTab strong {
	/*display:block;*/		
	font-size:12px;
	
}

/*--------------Tabs for CaseStudy-Can be removed if not used---------------------*/

#midTabCaseStudy {
	background:#cad3da;
	/*border:1px solid #000;*/
	height:152px;	
	width:120px;
	float:left;
}
#midTabCaseStudy ul {	
	/*width:250px;*/
	margin:0;	
	background:#ddd;
	padding-top:0px;
	/*border:solid 1px #666666;*/
}

#midTabCaseStudy li {	
	/*border-right:1px solid #ddd;*/
	float:left;
	/*padding-left:1px;*/
	width:120px;
	height:30px;
	list-style-type:none;
	text-align:left;
	margin:0px;
}

#midTabCaseStudy a {
	color:#000;
	display:block;
	/*padding:2px;*/
	/*position:relative;*/
	word-spacing:-2px;
	font-size:11px;		
	height:30px;
	
	border-top:solid 1px #c1c1c1;
	text-decoration:none;
}	

#midTabCaseStudy a.current {
	background:#fff;	
	color:#dd6c08;
	/*height:30px;*/
	border-left:solid 1px #CCCCCC;
}

#midTabCaseStudy img {
	/*background-color:#fff;*/
	border:0;
	margin:3px 0 3px 3px;
	padding:3px;		
	/*display:block;*/
}

#midTabCaseStudy strong {
	/*display:block;*/		
	font-size:12px;
	
}

#panesCaseStudy {
	background:#fff;
	
	border-top:solid 1px #c1c1c1;
	width:491px;	
	height:500px;
	float:left;
	/*margin-bottom:20px;*/
	/*margin-left:10px;*/
	padding-bottom:10px;
	/*background:url(/_layouts/cybage/images/menu/midTabmainBg.jpg) top repeat-x;*/
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}
#padding {
	padding:10px 5px 0px 20px;
	height:500px;
	/*margin:5px;*/
	/*border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;*/
}

/* panes */
#panes {
	background:#fff;
	border-color:#fff;
	border-style:solid;
	border-width:0px 0px 0 0px;
	width:688px;	
	height:198px;
	float:left;
	/*margin-bottom:20px;*/
	margin-left:0px;
	padding-bottom:10px;
	background:url(/_layouts/cybage/images/menu/midTabmainBg.jpg) top repeat-x;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}



/* crossfading effect needs absolute positioning from the elements */
/*#panes div {
	display:none;		
	/*position:absolute;
	top:2px;
	left:0px;
	font-size:14px;
	color:#444;	
	width:669px; 
	height:197px;
	
}*/


.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}
/*---------------------Display Conf on home------------------*/

.CybageBoxConf {
	display:block;
	height:102px;
	background:#f9f9f9;
	border: 1px solid #d8d5d5;
	margin: 0;
	float:left;
	padding: 0px;
	width:886px;
	text-align:left;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#download_now {
	background:url(/_layouts/cybage/images/Home/QA_StarEast.jpg) no-repeat scroll 0 0;
	display:block;
	height:95px;
	/*margin:10px 10px 10px 20px;*/
	overflow:hidden;
	text-indent:-999em;
	width:119px;
	cursor:pointer;
	
}
#conf_TnH {
	background:url(/_layouts/cybage/images/Home/WTM.jpg) no-repeat scroll 0 0;
	display:block;
	height:87px;
	/*margin:10px 10px 10px 20px;*/
	overflow:hidden;
	text-indent:-999em;
	width:184px;
	cursor:pointer;
}
#conf_Hc2011 {
	background:url(/_layouts/cybage/images/Home/Conf_SES.jpg) no-repeat scroll 0 0;
	display:block;
	height:95px;
	/*margin:10px 10px 10px 20px;*/
	overflow:hidden;
	text-indent:-999em;
	width:354px;
	cursor:pointer;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(/_layouts/cybage/images/Home/Blue_Arrow_Big.png);
	height:173px;
	padding:30px 30px 10px 30px;
	width:310px;
	font-size:8px;
	color:#fff;
	z-index:50;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:#ffb400;
	font-family: Arial, Verdana, Times New Roman;
	font-size:14px;
	font-weight:bold;
	width:35px;
	line-height:20px;
}
.tooltip ul li{
	font-size:9px;
	
	}
.tooltip a {
	color:#ffb400;
	font-size:10px;
	font-weight:bold;
}
#EventsBoxHome{
	width: 450px;
	
	/*background:url(../images/Home/exbox.jpg) repeat-x top #f6f6f6;*/
	height:102px;
	float:left;
	
	/*border: 1px solid #cccccc;*/
}

#EventsBoxHome h1{
	margin-left:2px;
	padding-left:0px;
	text-align:left;
	margin-bottom:2px;
	padding-bottom:2px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#025f90;
	/*background:url(../images/bullet.gif) no-repeat left;*/
	border-bottom: 1px solid #d7d7d7;
}
#EventsBoxHome ul li a.news{
	color:#3d3a41;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	
	/*line-height:14px;*/
	
	text-align:left;
	color:#586370;

	
}
#EventsBoxHome ul li a.news:hover{
	color:#d87a03;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;

	
}
#EventsBoxHome ul li{
	list-style-image:url(/_layouts/cybage/images/orange_bullet2.gif);
	text-align:left;
	margin-left:20px;
	line-height:14px;
	
}

/*---------------BikeManiak---------*/

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      /*border: 1px solid #CCC;*/
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(/_layouts/cybage/images/ExpoImages/bikeManiak/images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/_layouts/cybage/images/ExpoImages/bikeManiak/images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/_layouts/cybage/images/ExpoImages/bikeManiak/images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -10px;
      width: 13px;
      display: block;
      background: url(/_layouts/cybage/images/ExpoImages/bikeManiak/images/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -10px;
      width: 13px;
      background: url(/_layouts/cybage/images/ExpoImages/bikeManiak/images/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              /*border: 3px solid #CCC;*/
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              /*border: 3px solid #616161;*/
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

#gallery {
	padding: 10px;
	background: #000;
}
#descriptions {
	position: relative;
	height: 50px;
	background: #EEE;
	margin-top: 10px;
	width: 610px;
	padding: 10px;
	overflow: hidden;
}
#descriptions .ad-image-description {
	position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
	display: block;
}