.btnBlue {
		background: #007fd3  !important; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #007fd3 0%, #0059c2 100%)  !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fd3), color-stop(100%,#0059c2))  !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #007fd3 0%,#0059c2 100%)  !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #007fd3 0%,#0059c2 100%)  !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #007fd3 0%,#0059c2 100%)  !important; /* IE10+ */
		background: linear-gradient(top, #007fd3 0%,#0059c2 100%)  !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fd3', endColorstr='#0059c2',GradientType=0 )  !important; /* IE6-8 */
		-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
		border:#333 solid 1px;
		font-size:14px !important; color:#FFF; padding:4px 8px 4px 8px !important; text-align:center; 
		text-shadow:#4ea7ff 0px 0px 4px;
		font-smooth:always;
}

.btnBlue:hover{
		-moz-box-shadow: 0 0 10px #003451;-webkit-box-shadow: 0 0 10px #003451;box-shadow: 0 0 10px #003451;
		border-top:#003451  solid 1px;border-right:#003451 solid 1px;border-bottom:#003451 solid 1px;border-left:#003451 solid 1px;
}



.btnBlue.freeQuote span{background: url(../images/topBottom.png) 0px -241px no-repeat;padding: 5px 10px; margin-left:5px;}

.bottomPanel  .btnGrey:hover{-moz-box-shadow: 0 0 10px #181717;-webkit-box-shadow: 0 0 10px #181717;box-shadow: 0 0 10px #181717;}


#freeQuote .btnBlack:hover {-moz-box-shadow: 0 0 10px #7babdf;-webkit-box-shadow: 0 0 10px #7babdf;box-shadow: 0 0 10px #7babdf;}		
.btnBlue:hover {}


/*--------------Customer Login Section------------------------*/
#customerLoginSection
{
background:#c6c6c6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #c6c6c6 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c6c6c6 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c6c6c6 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c6c6c6 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #c6c6c6 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
overflow:auto; 
display:none; 
padding:8px 5px 5px 5px;
 }
#customerLoginSection  .fromContainer { float:left; margin:0px 50px 0px 20px}
#customerLoginSection form {padding:5px;}
 #customerLoginSection .customerLogin {overflow:auto;} 
#customerLoginSection .customerLogin .btnClosePopup img{float:right;width:30px;margin-left:-3px;}
#customerLoginSection .customerLogin img{float:left;padding-bottom:15px;}
#customerLoginSection .customerLogin .logoinfrm 
{ 
position:relative !important; 
top:0px;
background: #e7e7e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #e7e7e7 0%, #efefef 51%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(51%,#efefef), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7e7e7 0%,#efefef 51%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7e7e7 0%,#efefef 51%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e7e7e7 0%,#efefef 51%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(top, #e7e7e7 0%,#efefef 51%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7',  endColorstr='#d4d4d4',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;
width:380px;
height:80px;
margin-left: -15px;
padding-left:8px;
}
#customerLoginSection .customerLogin .logoinfrm .txt { margin:2px 0px 2px 0px;padding:0px; width:145px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; border-radius: 2px; height:22px; margin-left:3px;  font-size:12px; color:#666;}
#customerLoginSection .customerLogin .logoinfrm .forgetPass{float: right;margin-right: 78px;margin-top: 8px;}
#customerLoginSection .customerLogin .logoinfrm .txt a:hover{text-shadow:0px 0px 1px #F9B184;}
#customerLoginSection .customerLogin .logoinfrm span{display:block;}
#customerLoginSection .customerLogin .staticTest{float:left; padding:3px 5px; font-size:12px; width:410px; color:#272727;text-align:justify;}
#customerLoginSection .customerLogin .size { width:68px; height:24px; position:absolute;top:25px; right:8px;/* margin:5px 22px;*/  }
#customerLoginSection .customerLogin .btnClosePopup {cursor:pointer;}

/*----------------------------------------*/









/*---------------Left page-------------*/
.leftSection {width:228px;float:left;}
.leftSection .leftPannel .leftActive,.leftSection .leftPannel .leftActive a{color:#0E58A4; text-decoration:underline;}
.leftPannel h3{font-family:'swiss_721',Arial, Helvetica, sans-serif !important; font-size:18px !important;color:#636363 !important;font-weight:normal !important; }
.leftPannel .mainCat{ border:solid 1px #CCC;	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px; font-size:15px; }
.leftPannel .mainCat li.last{padding-bottom:10px;}
.leftPannel .mainCat li{text-decoration:none; border-bottom:#CCC 1px solid;	 cursor:pointer; color:#636363; }
.leftPannel .mainCat li a {display:block; padding:10px 0px 10px 25px;}
.leftPannel .mainCat li a:hover{color:#0E58A4; text-decoration:none;}
.leftPannel .mainCat .subCat{font-size:14px; margin-left:40px;}
.leftPannel .mainCat .subCat li{background:none; color:#666; list-style:url(../images/smallarrow.png);font-size:13px;	font-weight:normal;	border:0px;}
.leftPannel .mainCat .subCat li a{display:block;padding:2px 0px 2px 1px;}
.leftPannel .mainCat .subCat li:hover {text-decoration:none; color:#0E58A4;}

.leftPannel .latestProjects{width:228px;float:left;padding-top:15px;}
.leftPannel .latestProjects li {display:none;}
.leftPannel .latestProjects h3{	padding:13px;}
.leftPannel .latestProjects ul.lpData{border:solid 1px #CCC; height:140px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	padding:10px;	color:#FFF;	text-align:center;	padding-bottom:29px;}

.leftPannel .otExpertise{width:228px;float:left;padding-top:15px;}
.leftPannel .otExpertise li {display:none;}
.leftPannel .otExpertise h3{padding:13px;}
.leftPannel .otExpertise ul.otData{border:solid 1px #CCC; height:90px; color:#666; font-size:14px; text-shadow:0 0 1px #999	-webkit-border-radius: 5px;	-moz-border-radius: 5px;border-radius:5px;	padding:10px;text-align:center;list-style:none;}
.leftPannel .otExpertise li .otImage {	display:block;width:80px;height: 50px;margin-top: 0px;margin-left:55px;background:url(../images/ourtechExp_icns-1.png) no-repeat;}

.leftPannel .otExpertise li#php  .otImage {background-position:0px -50px; }
.leftPannel .otExpertise li#dotnet  .otImage {background-position: -75px -50px;}
.leftPannel .otExpertise li#apache .otImage  {background-position: -155px -50px;}
.leftPannel .otExpertise li#mysql  .otImage {background-position: -235px -50px;}
.leftPannel .otExpertise li#flash .otImage  {background-position: -315px -50px;}
.leftPannel .otExpertise li#magento  .otImage {background-position: -395px -50px;}
.leftPannel .otExpertise li#wordpress  .otImage {background-position: -475px -50px;}
.leftPannel .otExpertise li#joomla  .otImage {background-position: -555px -50px;}
.leftPannel .otExpertise li#iphone .otImage  {background-position: -635px -50px;}
.leftPannel .otExpertise li#ebay  .otImage { background-position: -715px -50px;}
.leftPannel .otExpertise li#facebook  .otImage {background-position: -800px -50px; width:99px !important;}


.leftPannel .leftTestimonials{	width:228px;	float:left;	padding-top:15px;}
.leftPannel .leftTestimonials h3{padding:13px;}
.leftPannel .leftTestimonials  em {color: #525252;display: inline;    font-size: 60px; font-family:Georgia, "Times New Roman", Times, serif !important;}
.leftPannel .leftTestimonials .ql {top:-5px;position: relative;}
.leftPannel .leftTestimonials .qr{float:right;position:relative; top:-5px; right:5px;}
.leftPannel .leftTestimonials .contents {overflow:hidden; display:none; margin:20px;width:185px;color:#636363;font-family:'swiss_721',Arial, Helvetica, sans-serif;	font-size:14px;	font-style:italic; }
.leftPannel .leftTestimonials .contents.active {display:block !important;}
.leftPannel .leftTestimonials .contents span{float: left;	color: #636363;	margin-top:20px;	font-style: italic;	font-size:16px;	font-family: Georgia, "Times New Roman", Times, serif;}
.leftPannel .leftTestimonials strong{	color: #2A2A2A;	font-size:16px;	font-family:Georgia, "Times New Roman", Times, serif;	font-style:italic;}
.leftPannel .leftTestimonials a{	float:left;margin-left:10px;	color: white;}


/*------------------------------------*/
/*------------Middle Section-----------*/
.middleSection { margin:auto; clear:both; display:block; overflow:auto; padding:15px 0px;}


/*--------------------------------------*/
/*---------Free Ouote-----------------*/
#freeQuote {display:none; position:absolute; top:47px; left:627px; width:250px; height:110px;background:#2864a5;  border:#77b9f1 solid 1px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;z-index:20005;
			-moz-box-shadow: inset 0 0 5px #77b9f1;-webkit-box-shadow: inset 0 0 5px #77b9f1;box-shadow: inset 0 0 5px #77b9f1;
			-webkit-box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.87);-moz-box-shadow:0px 0px 30px rgba(50, 50, 50, 0.87);box-shadow:0px 0px 30px rgba(50, 50, 50, 0.87);
			
			
 }
#freeQuote .header {background:url(../images/quoteHeader.jpg) repeat-x; height:33px; color:#fff; font-family:"Times New Roman", Times, serif; font-size:24px; text-align:center;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;position:relative; }    
#freeQuote .header span{position:absolute;right:2px;top:3px;color:#000; cursor:pointer;}
#freeQuote .upArrow {background:url(../images/freeQuoteArrow.png) 110px 0px  no-repeat; height:14px; margin-top:-14px; }
#freeQuote .downArrow{background:url(../images/freeQuoteArrow.png) 112px -20px  no-repeat; height:18px; margin-bottom:-16px; display:none; }
#freeQuote .content {font-size:12px; padding:10px 20px;  text-shadow:3px 2px 0px #1b518c; font-weight:bold; letter-spacing:1px; }
#freeQuote .content label{display:block; padding:5px; color:#FFF; text-align:left; position:relative;}
#freeQuote .content label input,#freeQuote .content label select ,#freeQuote .content label select option {display:block;}
#freeQuote .content label ::-webkit-input-placeholder {color:#546271;}
#freeQuote .content label :-moz-placeholder {color:#546271;}




#freeQuote .content label input ,
#freeQuote .content label select ,
#freeQuote .content label textarea {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
 									width:190px; padding:3px; background:#b7cbf9; border:solid 1px #012b58; color:#012b58; margin:1px;
									 letter-spacing:1px;
									 outline:none;
}
#freeQuote .content label select {width:196px;  }
#freeQuote .content label select option {width:196px; letter-spacing:0px;  }
#freeQuote .content input[type=text]:focus,#freeQuote .content input[type=email]:focus,#freeQuote .content input[type=tel]:focus, #freeQuote .content textarea:focus
{
		-webkit-box-shadow:0 0 25px #7babdf;-moz-box-shadow:0 0 25px #7babdf;box-shadow:0 0 25px #7babdf;
		-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);
}

#freeQuote .userDetail { margin-top:10px; display:none;}
#freeQuote .userDetail .btnSubmit {margin-top:10px; margin-left:35px;}
#freeQuote .makeDisable { position:absolute; background:rgba(40,100,165,.8);display: block; width:100%;height:0px; top:250px; margin-left:-20px; border:solid 0px black;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#freeQuote .makeDisable.loaded{background:url(../images/ajaxLoader_freeQuote.gif) center no-repeat rgba(40,100,165,.8);}
#freeQuote .showMsz{top: 47%;position: absolute;z-index:99;color:#fff;}

/*-------------------------------------*/
/*--------breadcrumb-----------------*/
#breadcrumb {margin:10px 0px 0px 20px;color:#585858; font-size:12px;}
#breadcrumb a {}
#breadcrumb a:hover{color:#0E58A4;}
#breadcrumb span {margin:5px;}
#breadcrumb b{color:#0E58A4;font-weight:normal;}
/*-----------------------------------*/



/*Mobile Pop up*/
#popupBg {background:rgba(0, 0, 0, .8);position:absolute;left:0px;top:0px;z-index:20002;}
/*---------Popup Box---------*/
#popup{position:fixed;border:solid 1px #ACACAC;  background:#fff;box-shadow:0px 0px 10px #ACACAC;z-index:20003;border:2px solid rgba(0, 0, 0, 0.9);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#popup #content { text-align:justify;}
#popup .backLink {cursor:pointer; display:none;}
#popup #title{padding:9px;font-size:25px;border-bottom:2px solid rgba(0, 0, 0, 0.9); color:#fff; 
background: #346fae; /* Old browsers */
background: -moz-linear-gradient(top, #346fae 0%, #0f549d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#346fae), color-stop(100%,#0f549d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #346fae 0%,#0f549d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #346fae 0%,#0f549d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #346fae 0%,#0f549d 100%); /* IE10+ */
background: linear-gradient(top, #346fae 0%,#0f549d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346fae', endColorstr='#0f549d',GradientType=0 ); /* IE6-8 */
}
#popup #title .btnClosePopup{right: -8px;top: -13px;position: absolute;cursor: pointer;}
#popup #footer{height:300px}







#popup .menuList ul br {display:none;}
#popup .menuList ul { list-style: none; }
#popup .menuList ul li { }
#popup .menuList ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:3; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; font-size:18px; }
#popup .menuList ul li a:hover { color:#FFFFFF; background:-webkit-gradient(linear, left top, left bottom, from(#0091F7), to(#0068E8));}
#popup .menuList ul li a strong { margin-right:10px; }
#popup .menuList ul.menuListInner {margin-bottom:20px;}
#popup .menuList ul.menuListInner li{}
#popup .menuList ul.menuListInner li a{font-size:16px; padding-left:30px; color:#666; font-weight:bold;}
#popup .menuList ul.menuListInner li a:hover {color:#FFFFFF;}




/*----------------------------*/
#wrapper {position:absolute; z-index:1;	top:88px; bottom:0px; left:0;	width:97%; padding:0px; padding-left:5px; padding-right:5px;	overflow:auto;}
nav .details #wrapper {position:absolute; z-index:1;	top:0px; bottom:0px; left:0;	width:100%;	overflow:auto;}
#scroller {	position:absolute;	 z-index:1;	-webkit-tap-highlight-color:rgba(0,0,0,0);	width:96%; 	padding:0;}
#scroller ul {	list-style:none;	padding:0;	margin:0;	text-align:left;}
#scroller li {	padding:0 0px;}


.hide-desktop{display:none}