﻿

#Content{
  width:960px;
  float:none;
  margin:0;
  padding:0;
}

.content .container{
  padding:25px 30px 140px 30px;
  width:900px;
  color:#666;
}

.contentEmpty .container{
  padding:0px 30px;
}

div.leftColumn{
  width:450px;
  float:left;
}

div.rightColumn{
  width:425px;
  float:left;
  margin-left:25px;
  padding-top:0;
}

#ConServ div.rightColumn{ padding-top:50px; }
#ManInfra div.rightColumn{ text-align:right; }
#IntDesign div.rightColumn{ padding-top:40px; }
#AppServ div.rightColumn{ padding-top:95px; text-align:right; }

#SideBar{
  display:none;
}

#ScrollContainer{
  width:960px;
  height:450px;
  margin:0 auto;
  position:relative;
}

div.scrollable {
  position:relative;
  overflow:hidden;
  width: 960px;
  height:450px;
}

#thumbs {
  position:absolute;
  width:9500px;
  height:400px;
  clear:both;
}

#thumbs div {
  float:left;
  width:960px;
  height:450px;
}

#thumbs a {
  cursor:pointer;
}

div.slide{
  padding:40px 30px;
  position:relative;
}

div.slide p{
  padding:10px 0 0 80px;
  width:385px;
  color:#666;
  line-height:1.3em;
  font-size:16px;
}

div.slide p.scribble{
  color:#424142 !important;
  line-height:1em;
}

div.slide p.redSquare{ background:url(../App_Themes/Jelecos/Images/defaultSquare.jpg) no-repeat 55px 15px; }
div.slide p.blueSquare{ background:url(../App_Themes/Jelecos/Images/conServSquare.jpg) no-repeat 55px 15px; }
div.slide p.tanSquare{ background:url(../App_Themes/Jelecos/Images/appServSquare.jpg) no-repeat 55px 15px; }
div.slide p.lightBlueSquare{ background:url(../App_Themes/Jelecos/Images/manInfraSquare.jpg) no-repeat 55px 15px; }
div.slide p.greenSquare{ background:url(../App_Themes/Jelecos/Images/intDesignSquare.jpg) no-repeat 55px 15px; }
div.slide p.asigraSquare{ background:url(../App_Themes/Jelecos/Images/asigraSquare.jpg) no-repeat 55px 15px; }

div.slide p.small{
  padding:0 0 0 80px !important;
  margin-top:6px;
}

div.slide img.background{
  position:absolute;
  top:40px;
  right:0px;
}

/*  Arrows
-------------------------------------------------------------------------- */
#ScrollContainer a.prev, #ScrollContainer a.next {
  position:absolute;
  top:194px;
}

#ScrollContainer a.prev, #ScrollContainer a.next, #ScrollContainer a.prevPage, #ScrollContainer a.nextPage {
  display:block;
  width:33px;
  height:48px;
  background-image:url(../App_Themes/Jelecos/Images/previousArrow.png);
  background-repeat:no-repeat;
  background-position:center;
  float:left;
  margin:0px;
  cursor:pointer;
}

#ScrollContainer a.prev{
  left:0;
}

#ScrollContainer a.disabled {
  visibility:hidden !important;
}

#ScrollContainer a.next, #ScrollContainer a.nextPage {
  background-image:url(../App_Themes/Jelecos/Images/nextArrow.png);
  right:0;
  float:right;
}

div.navi {
  margin:0;
  height:24px;
  text-align:center;
  padding:10px 0 0 0;
  position:absolute;
  bottom:30px;
  left:35px;
  border-top:1px solid #CCC;
  width:475px;
}

div.navi a {
  width:16px;
  height:16px;
  float:left;
  margin:3px;
  background:url(../App_Themes/Jelecos/Images/slideCounter.png) 0 0 no-repeat;
  cursor:pointer;  
}

div.navi a:hover {
  background-position:0 -16px;
}

div.navi a.active {
  background-position:0 -32px;
}

.move{ margin-left:54px; }

fieldset.sf_newsletterSubscriptionForm{
  width:900px;
  padding:0 0 100px 0;
  margin:0 auto;
}

fieldset.sf_newsletterSubscriptionForm label{
  float:left;
  font-weight:bold;
  padding:3px 10px 0 0;
}

fieldset.sf_newsletterSubscriptionForm input{
  float:left;
}

fieldset.sf_newsletterSubscriptionForm input.sf_subscribeBtn{
  background:url(../App_Themes/Jelecos/Images/newsletterButton.png) 0 0 no-repeat;
  width:125px;
  height:28px;
  border:none;
  cursor:pointer;
  font-weight:bold;
  color:#FFF;
  font-size:11px;
  padding:0 0 0 18px;
  text-shadow: #000 1px 1px 3px;
}

fieldset.sf_newsletterSubscriptionForm input.sf_subscribeBtn:hover{
  background:url(../App_Themes/Jelecos/Images/newsletterButton.png) 0 -28px no-repeat;
}

ul.optionsDrop{
  margin:10px 0 25px 0 !important;
  padding:0 !important;
  height:36px;
}

ul.optionsDrop li{
  margin:0 !important;
  padding:0 !important;
  display:block;
  float:left;
  position:relative;
}

ul.optionsDrop li a{
  display:block;
  height:30px;
  margin-top:3px;
}

ul.optionsDrop li a.size{
  width:125px;
  margin-left:3px;
}

ul.optionsDrop li a.type{
  width:170px;
}

ul.optionsDrop li a.objective{
  width:146px;
}

.CS{  background:url(../App_Themes/Jelecos/Images/conServSolutions.jpg) no-repeat; }
.MI{  background:url(../App_Themes/Jelecos/Images/manInfraSolutions.jpg) no-repeat; }
.ID{  background:url(../App_Themes/Jelecos/Images/intDesignSolutions.jpg) no-repeat; }
.AS{  background:url(../App_Themes/Jelecos/Images/appServSolutions.jpg) no-repeat; }

ul.optionsDrop li div.sub{
  padding:15px 6px 5px 6px;
  display:none;
  position:absolute;
  top:30px;
  left:0;
  z-index:5000;
}

ul.optionsDrop li div.size    { background:url(../App_Themes/Jelecos/Images/size.png) no-repeat; width:113px; height:69px; }
ul.optionsDrop li div.type    { background:url(../App_Themes/Jelecos/Images/type.png) no-repeat; width:170px; }
ul.optionsDrop li div.objective   { background:url(../App_Themes/Jelecos/Images/objective.png) no-repeat; width:149px; }

ul.optionsDrop li div.size ul{
  width:113px;
  margin:0;
  padding:0;
}

ul.optionsDrop li div.type ul{
  width:158px;
  margin:0;
  padding:0;
}

ul.optionsDrop li div.objective ul{
  width:138px;
  margin:0;
  padding:0;
}

ul.optionsDrop li div.sub ul li{
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid #798590;
  border-top:1px solid #2C3F52;
}

ul.optionsDrop li div.sub ul li:first-child{
  border-top:none;
}

ul.optionsDrop li div.sub ul li:last-child{
  border-bottom:none;
}

ul.optionsDrop li div.sub ul li a{
  margin:0 !important;
  padding:5px 0 4px 0 !important;
  font-size:11px;
  font-weight:normal;
  color:#FFF !important;
  text-shadow: #000 1px 1px 3px;
  text-decoration:none !important;
  text-align:center !important;
  display:block;
  height:auto;
  line-height:1.2em;
}

ul.optionsDrop li div.size ul li a{
  width:113px;
}

ul.optionsDrop li div.type ul li a{
  width:158px;
}

ul.optionsDrop li div.objective ul li a{
  width:138px;
}

ul.optionsDrop li div.sub ul li a:hover{
  background:#CCC;
  text-shadow: #FFF 1px 1px 3px !important;
  color:#2C3F52 !important;
}

.adios{
  display:none;
}
