<!--

/*
  Layout file specific to home page.
*/


/******************************************************************/
/**************** Image Controls And Info Settings ****************/
/******************************************************************/
.imgINCSlideMainHeading {
     font-family: Arial, Tahoma, Geneva, sans-seriff;
     font-size: 40px;
     color: white;
}

.imgINCSlideMainHeading_details {
     font-family: Arial, Tahoma, Geneva, sans-seriff;
     font-size: 18px;
     color: white;
}

.imgINCSlideMainHeading_linkBtn {
     font-family: Tahoma, Geneva, sans-seriff;
     background: url('../../../images/btnBgGradGreen.png');
     border: solid thin white;
}

.imgINCSlideMainHeading_linkBtn a {
     text-decoration: none;
     color: white;
     cursor: pointer;
}

.imgINCSlideSubHeadingColor {
     color: #fbdf2a;
}

.imgINCSlideSubHeading_wsimg {
     border: solid thin #fbdf2a;
}

.imgINCSlideSubHeading {
     font-family: Arial, Tahoma, Geneva, sans-seriff;
     font-size: 30px;
}

.imgINCSlideSubHeading_details {
     font-family: Arial, Tahoma, Geneva, sans-seriff;
     font-size: 18px;
}

.imgINCSlideSubHeading_details #bullet {
     color: white;
}

.imgINCSlideSubHeading_details .alink {
     text-decoration: none;
     cursor: pointer;
}
/******************************************************************/
/******************************************************************/

#info-major {
     width: 974px;
     /* height: 358px; */
     margin-top: 1px;
     margin-left: 2px;
     padding: 0px;
     padding-top:20px;
     border: solid thin black;
     border-top: 0;
     font-family:Tahoma, Geneva, sans-seriff;
     overflow: auto;
     background: rgb(99,85,81);
}

#info-major #left-minor {
     float: left;
     width: 24%;
     /* height: 99%; */
     vertical-align: middle;
     border: 0px;
     /* background: url('../../../images/gp.png'); */
     font-size: 12px;
     text-align: left;
     padding-left: 8px;
     padding-right: 4px;
     color: #ffffff;
}

#info-major #left-minor #header {
     text-decoration: none;
     font-size: 17px;
     color: black;
}

#info-major #left-minor a {
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     text-decoration: none;
     color: #13fff0;
     font-size: 14px;
}

#info-major #center-major {
     width: 48%;
     /* height: 99%; */
     vertical-align: middle;
     margin-left: 5px;
     margin-right: 5px;
     border: 0px;
     /* background: url('../../../images/gp2.png'); */
     font-size: 13px;
     text-align: left;
     padding-left: 4px;
     padding-right: 4px;
     color: #ffffff;
}

#info-major #center-major a {
     cursor: pointer;
     text-decoration: none;
     color: #13fff0;
}

/*************************************/
/*** style for sides of flipper ***/
/*************************************/
#info-major #center-major .front {
}

#info-major #center-major .back {
     border: solid thin #ffffff;
}
/*************************************/
/*************************************/

#info-major #center-major #header {
     text-align: center;
     text-decoration: none;
     font-size: 18px;
     color: black;
     display: block;
     height:35px;
     border-bottom: solid thin black;
}

#info-major #center-major #header a {
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     text-decoration: none;
     color: #13fff0;
}

#info-major #center-major #productFeaturesUL {
     list-style-image:url('../../../images/bulletGreen.png');
}

#info-major #right-minor {
     float: right;
     width: 24%;
     /* height: 99%; */
     vertical-align: middle;
     border: 0px;
     /* background: url('../../../images/gp.png'); */
     font-size: 12px;
     text-align: right;
     padding-left: 4px;
     padding-right: 8px;
     color: #ffffff;
}

#info-major #right-minor #header {
     text-decoration: none;
     font-size: 17px;
     color: black;
}

#info-major #right-minor a {
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     text-decoration: none;
     color: #13fff0;
     font-size: 14px;
}

.ldemoOpenImgSpritePart1 {
     position: relative;
     margin: 0 12px 0 27px;
     padding: 6px 5px 0 2px;
     height: 46px;
     background: url('../../../images/controls.png') repeat-x 0 -188px;
     color: white;
}

.ldemoOpenImgSpritePart2 {
     display: block;
     position: absolute;
     background: url('../../../images/controls.png') no-repeat -20px -84px;
     height: 52px;
     width: 27px;
     left: -27px;
     top: 0;
}

.ldemoOpenImgSpritePart3 {
     display: block;
     position: absolute;
     background: url('../../../images/controls.png') no-repeat 0 -126px;
     height: 62px;
     width: 15px;
     right: -15px;
     top: 0;
}

.ldemoCloseImgSprite {
     display:inline;
     position:absolute;
     background:url('../../../images/controls.png') no-repeat 0 -20px;
     height:54px;
     width:64px;
     left:7px;
     top:11px;
}

.centralImgContainer {
     background: rgb(237, 236, 220);  /* url('../../../images/g1.png'); */
}

#glassPane {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     overflow: auto;
     z-index: 999;
     background: rgb(99,85,81);  /* for browsers without rgba support */
     background: rgba(99,85,81,0.5);
}

#topHeaderMiniContentPane {
     height: 260px;
     position: fixed;
     top: 61px;
     bottom: 0px;
     left: 115px;
     right: 115px;
     padding: 5px;
     text-align: center;
     overflow: auto;
     opacity: 0.92;
     background: rgb(99,85,81);
     border-top: 1px solid rgb(99,85,81);
     border-left: 1px solid #3784ff;
     border-bottom: 1px solid #3784ff;
     border-right: 1px solid #3784ff;
     z-index: 11;
}

.topHeaderHeight {
     height: 60px;
}

#topHeader {
     background: rgb(99,85,81); /* Old browsers */
     height: 60px;  /* If you change this height then change the corresponding height and line-height values in .topHeaderHeight, #headerLinks, .bracket-logo, .skin-switcher */
     border: 1px solid #3784ff;
     position: fixed;
     top: 0px;
     right: 0px;
     left: 0px;
     overflow:auto;
     z-index: 10;
}

#headerLinks {
     top: 4px;
     bottom: 4px;
     vertical-align:middle;
     display: inline;
     line-height:60px;
}

#headerLinks a {
     text-decoration: none;
     color: #ffffff;
     font-weight: bold;
     font-family:Tahoma, Geneva, sans-seriff;
     font-size: 13px;
     margin: 0 40px 0 0;
     cursor: pointer;
}

#headerLinks #liveDemo {
     color: #fbdf2a;
}

#headerLinks a:hover {text-decoration: underline;}

.bracket-logo {
     top: 4px;
     bottom: 4px;
     margin-left: 15px;
     display: inline;
     float: left;
     height: 60px;
     line-height: 58px;  /* 2 pixels less than height since we display border around top header */
}

.skin-switcher {
     top: 4px;
     bottom: 4px;
     margin-right: 15px;
     display: inline;
     float: right;
     height: 60px;
     line-height: 58px;  /* 2 pixels less than height since we display border around top header */
}

.bracket-logo i {
     display: inline-block;
     height: 40px;
     margin: 0 0 0 0;
     position: relative;
     top: 4px;
     width: 150px;
}

.bracket-logo i {
     background: url('./images/logoanim.gif') no-repeat 0 0;
}

.bracket-logo a {
     color: #13fff0;
     font-size: 28px;
     font-weight: 400;
     text-decoration: none;
     vertical-align: middle;
}

.skin-switcher a {
     background: #13fff0;
     font-size: 15px;
     font-weight: 400;
     text-decoration: none;
     vertical-align: middle;
}

/***************************************/
/****** Start - Footer related css******/
/***************************************/
#footer {
     position: absolute;
     left: 0px;
     right: 0px;
     margin-top: 0px;
     height: 60px;
     line-height: 60px;
     vertical-align: middle;
     background: #f0efef;
}

#footer #centerSpanWrapper {
     width: 974px;
     display: block;
     font-family: Tahoma, Geneva, sans-seriff;
     font-size: 14px;
}

#footer #centerSpanWrapper #leftLinks {
     float: left;
     text-align: left;
     margin-left: 2px;
}

#footer #centerSpanWrapper #leftLinks a {
     color: #6d9952;
     text-decoration: none;
     cursor: pointer;
     margin-right: 15px;
}

#footer #centerSpanWrapper #copyrightNotice {
     color: #9b9b9b;
     float: right;
     text-align: right;
     margin-right: 2px;
}
/*************************************/
/****** End - Footer related css******/
/*************************************/


/******************************************************************/
/**************** SBT Theme Settings ****************/
/******************************************************************/
.sbtTheme {
     background: rgb(237, 236, 220);  /* url('../../../images/g1.png'); */
}
/******************************************************************/
/******************************************************************/
 -->