@charset "utf-8";

/*==================================*/

/* Theme Name: Infogird Technology */
/* Theme URI: http://www.infogird.com */
/* Author Name: Team Infogird */
/* Author URI: http://www.infogird.com */
/* Date: 22,04,2015 */

/*==================================*/


/*	_RESET
-----------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-style: normal;}
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }


/*	_BODY
-----------------------------------------------*/
Body{ padding:0; margin:0; font-family: 'OpenSansRegular'; font-size:14px; color:#333; text-align:left; background-color:#fafafa; }
.clr{ clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }


/*	_SELECTION BACKGROUND COLOR
-----------------------------------------------*/

::selection { background:#3bbdfb; color:#fff; }
::-moz-selection { background:#3bbdfb; color:#fff; }
::-webkit-selection { background:#3bbdfb; color:#fff; }


/*	_INCLUDED FONT
-----------------------------------------------*/

@font-face {
    font-family: 'OpenSansSemiboldRegular';
    src: url('../font/opensans-semibold-webfont.eot');
    src: url('../font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-semibold-webfont.woff') format('woff'),
         url('../font/opensans-semibold-webfont.ttf') format('truetype'),
         url('../font/opensans-semibold-webfont.svg#OpenSansSemiboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-regular-webfont.woff') format('woff'),
         url('../font/opensans-regular-webfont.ttf') format('truetype'),
         url('../font/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	_HEADER
-----------------------------------------------*/

#BlueStrip{ width:100%; height:auto; float:left; background-color:#3bbdfb; }
.BlueStripInnerDiv{ width:1000px; height:32px; margin:auto; }

.QuickContactDiv{ width:325px; height:32px; float:left; }
.MobileIcon{ width:10px; height:17px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll 0 0 transparent; }
.MobileNo{ width:auto; height:32px; line-height:32px; float:left; margin:0 0 0 5px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#fff; font-weight:normal; }

.EmailIcon{ width:15px; height:15px; float:left; margin:8px 0 0 20px; background:url(../images/sprite.png) no-repeat scroll -20px -1px transparent; }
.EmailId{ width:auto; height:32px; line-height:32px; float:left; margin:0 0 0 5px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#fff; font-weight:normal; }

.TopLinkDiv{ width:auto; height:32px; float:right; }
.EnquiryIcon{ width:16px; height:12px; float:left; margin:10px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -45px -3px transparent; }
.EnquiryTitle{ width:auto; height:32px; line-height:32px; float:left; margin:0 0 0 5px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#fff; font-weight:normal; }
.EnquiryTitle a{ text-decoration:none; color:#fff; }

.QuickContTitle{ width:auto; height:32px; line-height:32px; float:left; margin:0 0 0 5px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#fff; font-weight:normal; }
.QuickContTitle a{ text-decoration:none; color:#fff; }
.QuickContIcon{ width:16px; height:14px; float:left; background:url(../images/sprite.png) no-repeat scroll -71px -2px transparent; margin:9px 0 0 15px;}



#HeaderWrapper{ width:100%; height:auto; float:left; background-color:#fff; }
.HeaderInnerDiv{ width:1000px; height:90px; margin:auto; }

.Logo{ width:151px; height:62px; float:left; margin:14px 0 0 0; }

/*MENU START*/
#MenuWrapper{ width:auto; height:auto; float:right; margin:20px 0 0 0; }

.green-black ul.dropdown li:hover,.green-black ul.dropdown li a:hover{ color:#3bbdfb; }

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{ background:url(../images/linen.jpg) repeat;}
.clear:before,.clear:after{content:'';display:table}.clear:after{clear:both}.clear{zoom:1}.nav{height:49px;position:relative;z-index:999;font-family:'OpenSansRegular'}.nav ul,.nav ol,.nav dl,.nav li{line-height:1.5em;list-style:none;}.menu-icon{display:none}ul.dropdown,ul.dropdown li,ul.dropdown ul{margin:0;padding:0}ul.dropdown{float:left;width:100%;position:relative}ul.dropdown li{float:left;vertical-align:middle;zoom:1}ul.dropdown li{font-size:13px;text-transform:uppercase}ul.dropdown a,ul.dropdown a:visited,ul.dropdown a:hover,ul.dropdown a:active{text-decoration:none}ul.dropdown a,ul.dropdown span{display:block;outline:0;cursor:pointer;padding:13px 10px}ul.dropdown ul a,ul.dropdown ul span{padding:12px 15px}ul.dropdown li:hover,ul.dropdown li.hover{position:relative;cursor:pointer}ul.dropdown ul{display:none;position:absolute;z-index:598;width:220px;top:100%;left:0}ul.dropdown li:hover>ul{display:block}ul.dropdown ul li{float:none;font-size:13px;font-weight:normal;text-transform:none;position:relative}ul.dropdown ul ul{top:0;left:100%}ul.dropdown *.sub{padding-right:15px;background-image:url(../images/nav-arrow-down-thin.gif);background-position:95% 50%;background-repeat:no-repeat}ul.dropdown ul *.sub{padding-right:15px;background-image:url(../images/nav-arrow-right-thin.gif);background-position:100% 50%;background-repeat:no-repeat}ul.dropdown li.sub:hover{background-image:url(../images/nav-arrow-down.gif)}ul.dropdown ul li.sub:hover{background-image:url(../images/nav-arrow-right.gif)}ul.dropdown li.divider{padding:0 !important;margin:0 !important;border:0 !important;display:block;height:49px;float:left;width:2px}.animation1{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}.animation2{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}.animation3{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}.animation4{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}.animation5{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}.animation6{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}.animation7{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}.animation8{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip}.animation9{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}.animation10{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}ul.dropdown li.rtl ul{position:absolute;top:100%;right:0;z-index:598;left:auto}ul.dropdown li.rtl ul ul{top:0;right:100%;left:auto}ul.dropdown li.ltr ul,ul.dropdown li.ltr ul ul{top:0;left:100% !important;right:auto !important}.green-black,.green-black ul.dropdown{background:#fff}.green-black ul.dropdown ul{background:#fafafa; opacity:0.9; filter: alpha(opacity=90); }.green-black ul.dropdown a,.green-black ul.dropdown a:visited,.green-black ul.dropdown a:hover,.green-black ul.dropdown a:active,.green-black ul.dropdown li{color:#202020}.green-black ul.dropdown li:hover,.green-black ul.dropdown li.hover{background-color:#fff; color:#202020; }.green-black ul.dropdown ul li{border-bottom:1px solid #ccc;}.green-black ul.dropdown ul li.hover,.green-black ul.dropdown ul li:hover{background-color:#3bbdfb;color:#202020}.green-black ul.dropdown ul li a:hover{color:#fff;}.green-black ul.dropdown li.divider{background:#3c3c3c url(../images/divide.gif) center no-repeat; width:1px;}@media screen and (max-width:980px){.menu-icon,.menu-icon span,.menu-icon{color:#fff;width:100%;height:50px;line-height:40px;padding:5px;font-size:1.3em;font-weight:bold;cursor:pointer;display:block;position:relative; background-color:#333;}.menu-icon span{width:auto;padding:0 15px;padding-left:40px;height:40px;background:#333333 url(../images/nav-toggle.png) center no-repeat;color:#fff;text-align:center;text-indent:-999em;display:inline-block;position:absolute;top:5px;right:5px}.nav{position:relative}.nav,ul.dropdown,.menu-icon,.menu-icon span,ul.dropdown *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}ul.dropdown{display:none;position:relative;top:-1px;border-top:1px solid #d1d1d1;}ul.dropdown li{position:relative;float:none;display:block;border-bottom:1px solid #d1d1d1;}ul.dropdown li li{border-top:0}ul.dropdown ul a{padding-left:25px}ul.dropdown ul ul a{padding-left:45px}ul.dropdown ul a:hover{background-color:#3c3c3c}ul.dropdown *.sub{padding:0 !important;background-image:none !important}ul.dropdown ul{overflow:hidden;max-height:0;width:auto;display:block;position:static}ul.dropdown ul.current{display:block;max-height:100em}ul.dropdown li.sub>a{padding-right:25px}ul.dropdown li.sub>a.current{background:#3bbdfb; color:#fff;}ul.dropdown li.sub>ul a.current{background:#1e2935}ul.dropdown li.sub>a:after,ul.dropdown li.sub>a.current:after{position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:.55em .5em}ul.dropdown li.sub>a:after{content:'\002B'}ul.dropdown li.sub>a.current:after{content:"\2013";top:-2px}ul.dropdown li.rtl ul,ul.dropdown li.ltr ul,ul.dropdown li.ltr ul ul,ul.dropdown li.rtl ul ul{position:static}ul.dropdown li.divider{display:none !important}}@media screen and (min-width:769px){ul.dropdown{display:block !important}}.contx p{ color:#3F5974; font-size:1.3em; font-weight:300; }


/*	_IMAGE SLIDER
-----------------------------------------------*/
#SliderWrapper{ width:100%; height:auto; float:left; border-top:2px solid #ccc; border-bottom:2px solid #ccc; position:relative; }
.SliderBg img{ width:100%; height:auto; z-index:-1; position:absolute; left:0; top:0; }

.jssorb21 div,.jssorb21 div:hover,.jssorb21 .av{background:url(../images/b21.png) no-repeat;overflow:hidden;cursor:pointer}.jssorb21 div{background-position:-5px -6px}.jssorb21 div:hover,.jssorb21 .av:hover{background-position:-36px -6px}.jssorb21 .av{background-position:-66px -6px}.jssorb21 .dn,.jssorb21 .dn:hover{background-position:-96px -6px}

.jssora21l,.jssora21r,.jssora21ldn,.jssora21rdn{position:absolute;cursor:pointer;display:block;background:url(../images/a21.png) center center no-repeat transparent; overflow:hidden; }.jssora21l{background-position:-3px -32px}.jssora21r{background-position:-63px -32px}.jssora21l:hover{background-position:-123px -32px}.jssora21r:hover{background-position:-183px -32px}.jssora21ldn{background-position:-243px -32px}.jssora21rdn{background-position:-303px -32px}


/*	_MAIN BODY
-----------------------------------------------*/

#BodyWrapper{ width:100%; height:auto; float:left; padding:25px 0 25px 0; background-color:#fafafa; }
.BodyInnerDiv{ width:1000px; height:auto; margin:auto; }

.WelcomeContent{ width:1000px; height:auto; float:left; padding:0; background:url(../images/shadow.png) no-repeat scroll 0 bottom; }
.WelcomeContent > h1{ width:1000px; height:auto; float:left; padding:0; margin:0; font-family: 'OpenSansRegular'; font-size:25px; text-align:center; color:#202020; font-weight:normal; 
display:block; }
.WelcomeContent > p{ width:1000px; height:auto; float:left; padding:0; margin:5px 0 40px 0; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; color:#494949; font-weight:normal; line-height:22px; display:block; }


.ServicesOuterDiv{ width:1000px; height:auto; float:left; margin:40px 0 0 0; }

.CreativeDesignIcon{ width:70px; height:70px; float:left; background:url(../images/sprite.png) no-repeat scroll 0 -27px transparent; z-index:1001; left:82px; top:-30px; position:absolute;}

.CreativeDesignBox{ width:235px; height:228px; float:left; position:relative; border-right:1px solid #cacaca; margin:0 19px 0 0; }

.CreativeDesignBox > h1{ width:215px; height:auto; float:left; margin:50px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:18px; text-align:center; color:#202020; font-weight:normal; }
.CreativeDesignBox > p{ width:215px; height:auto; float:left; margin:8px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; line-height:22px; color:#494949; font-weight:normal; }

.ReadMoreBtn a{ width:110px; height:30px; line-height:30px; float:left; background-color:#3bbdfb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block; margin:15px 0 0 62px; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; color:#fff; font-weight:normal; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.ReadMoreBtn a:hover{ background-color:#464646; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


.PremiumSupportIcon{ width:70px; height:70px; float:left; background:url(../images/sprite.png) no-repeat scroll -80px -27px transparent; z-index:1001; left:82px; top:-30px; position:absolute;}

.PremiumSupportBox{ width:235px; height:228px; float:left; position:relative; margin:0 19px 0 0; border-right:1px solid #c1c1c1; }

.PremiumSupportBox > h1{ width:215px; height:auto; float:left; margin:50px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:18px; text-align:center; color:#202020; font-weight:normal; }
.PremiumSupportBox > p{ width:215px; height:auto; float:left; margin:8px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; line-height:22px; color:#494949; font-weight:normal; }


.ResponsiveBox{ width:235px; height:228px; float:left; position:relative; margin:0; }
.ResponsiveBox > h1{ width:215px; height:auto; float:left; margin:50px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:18px; text-align:center; color:#202020; 
font-weight:normal; }
.ResponsiveBox > p{ width:215px; height:auto; float:left; margin:8px 0 0 10px; padding:0; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; line-height:22px; color:#494949; font-weight:normal; }


.ResponsiveDesignIcon{ width:70px; height:70px; float:left; background:url(../images/sprite.png) no-repeat scroll -160px -27px transparent; z-index:1001; left:82px; top:-30px; position:absolute;}

.ManySettingIcon{ width:70px; height:70px; float:left; background:url(../images/sprite.png) no-repeat scroll -240px -27px transparent; z-index:1001; left:82px; top:-30px; position:absolute;}


#OurProcessWrapper{ width:100%; height:auto; float:left; background-color:#f4f4f4; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:25px 0 25px 0; }
.OurProcessInnerDiv{ width:1000px; height:auto; margin:auto; }


.ThreeStepOuter{ width:475px; height:auto; float:left; }
.ThreeStepOuter > h1{ width:475px; height:auto; float:left; padding:0 0 15px 0; margin:0; font-family: 'OpenSansRegular'; font-size:22px; text-align:left; color:#202020; font-weight:normal; border-bottom:1px solid #cacaca; }

.RequirementTitle{ width:475px; height:auto; float:left; font-family: 'OpenSansRegular'; font-size:18px; text-align:left; color:#202020; font-weight:normal; margin:15px 0 15px 0;}
.RequirementOuterDiv{ width:475px; height:auto; float:left; }

.RequirementIcon{ width:57px; height:57px; float:left; background:url(../images/sprite.png) no-repeat scroll -340px -27px transparent; margin:0 0 0 20px; }
.DesignDevIcon{ width:57px; height:57px; float:left; background:url(../images/sprite.png) no-repeat scroll -417px -27px transparent; margin:0 0 0 20px; }
.TestDeliIcon{ width:57px; height:57px; float:left; background:url(../images/sprite.png) no-repeat scroll -490px -27px transparent; margin:0 0 0 20px; }

.RequirementOuterDiv > p{ width:370px; height:auto; float:right; padding:0; margin:0; display:block; font-family: 'OpenSansRegular'; color:#494949; font-size:14px; text-align:justify; line-height:20px; font-weight:normal; }


.OurServicesOuter{ width:475px; height:auto; float:right; }
.OurServicesOuter > h1{ width:475px; height:auto; float:left; padding:0 0 15px 0; margin:0; font-family: 'OpenSansRegular'; font-size:22px; text-align:left; color:#202020; font-weight:normal; border-bottom:1px solid #cacaca; }


/*	_TOGGLE NAVIGATION
-----------------------------------------------*/
.container { width:475px; height:auto; float:left; margin:0; }

.acc_trigger { background:url(../images/hide-show.png) no-repeat scroll 0 0 transparent; margin:0; height:auto; width:475px; padding:0; font-size:16px; font-weight: normal; text-align:left; float: left; border-bottom:1px solid #cacaca; }
.acc_trigger a { width:475px; height:40px; line-height:40px; color: #202020; text-decoration: none; display: block; text-align:left; text-indent:10px; }
.acc_trigger a:hover { color: #202020;}

.ToggleWebDesignIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll 0 -140px transparent; }

.ToggleWebDevIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -35px -140px transparent; }

.ToggleSeoIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -70px -140px transparent; }

.ToggleIntMarkIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -104px -140px transparent; }

.ToggleMobileAppIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -140px -140px transparent; }

.ToggleResponsiveIcon{ width:25px; height:25px; float:left; margin:7px 0 0 0; background:url(../images/sprite.png) no-repeat scroll -175px -140px transparent; }

.activeToggle { width:475px; height:40px; line-height:40px; background-position: left bottom;}

.acc_container { width:475px; height:auto; float:left; border-bottom:1px solid #cacaca; }
.acc_container > p{ width:475px; height:auto; float:left; padding:10px 0 10px 0; margin:0; display:block; font-size:14px; text-align:justify; color:#494949; font-weight:normal; line-height:20px; }

.LearnMore a{ width:110px; height:30px; line-height:30px; float:right; background-color:#3bbdfb; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; color:#fff; font-weight:normal; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none; margin:0 0 15px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.LearnMore a:hover{ background-color:#464646; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.acc_container ul{ padding:0; margin:0; list-style-type:none; }
.acc_container li{ padding:0; margin:0;}
.acc_container li a{ width:475px; height:auto; padding:10px 0 10px 0; float:left; text-indent:15px; color:#575757; text-decoration:none; background:url(../images/toogle-icon.png) no-repeat scroll 0 15px transparent; border-top:1px solid #ccc; }
.acc_container li a:hover{ color:#f93038; background:url(../images/toogle-icon-active.png) no-repeat scroll 0 15px transparent; }

.acc_container a.selected{ width:475px; height:auto; padding:10px 0 10px 0; float:left; text-indent:15px; color:#f93038; text-decoration:none; background:url(../images/toogle-icon-active.png) no-repeat scroll 0 15px transparent; border-top:1px solid #ccc;}


/*	_BOTTOM IMAGE SCROLLER
-----------------------------------------------*/

#ImageScrollerWrapper{ width:100%; height:auto; float:left; background-color:#fafafa; padding:15px 0 15px 0; }
.ImageInnerDiv{ width:1000px; height:auto; margin:auto; }
.ImageInnerDiv > h1{ width:1000px; height:auto; float:left; padding:0 0 15px 0; margin:0; border-bottom:1px solid #cacaca; font-family: 'OpenSansRegular'; font-size:22px; text-align:left; color:#202020; font-weight:normal; }



#ImageScroller{ width:1000px; height:130px; float:left; margin:15px 0 0 0; }
.elastislide-list { list-style-type: none; display: none; }
.no-js .elastislide-list { display: block; }
.elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ }
.elastislide-wrapper { position: relative; margin: 0 auto; min-height: 60px; }
.elastislide-wrapper.elastislide-loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; }
.elastislide-carousel { overflow: hidden; position: relative; }
.elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.elastislide-horizontal ul { white-space: nowrap; }
.elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; }
.elastislide-horizontal ul li { height: 100%; display: inline-block; }
.elastislide-vertical ul li { display: block; }
.elastislide-carousel ul li a { display: inline-block; width:100%; }
.elastislide-carousel ul li a img { display: block; max-width:100%; }
/* Navigation Arrows */
.elastislide-wrapper nav span { position: absolute; background: #ddd url(../images/clients/nav.png) no-repeat 4px 3px; width: 23px; height: 23px; border-radius: 50%; text-indent: -9000px; cursor: pointer; opacity: 0.8; }
.elastislide-wrapper nav span:hover { opacity: 1.0 }
.elastislide-horizontal nav span { top: 50%; left: 10px; margin-top: -11px; }
.elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; }
.elastislide-horizontal nav span.elastislide-next { right: 10px; left: auto; background-position: 4px -17px; }
.elastislide-vertical nav span.elastislide-next { bottom: 10px; top: auto; background-position: -17px -18px; }


/*	_FOOTER
-----------------------------------------------*/

#FooterWrapper1{ width:100%; height:auto; float:left; background-color:#3bbdfb; }
.FooterInnerDiv1{ width:1000px; height:70px; margin:auto; }
.GetToKnow{ width:300px; height:70px; float:left; border-right:1px solid #fff; }
.GetToKnow > h1{ width:290px; height:auto; float:left; display:block; padding:0; margin:10px 0 0 0; font-family: 'OpenSansRegular'; font-size:22px; text-align:left; color:#fff; font-weight:normal; }
.GetToKnow > h2{ width:290px; height:auto; float:left; display:block; padding:0; margin:5px 0 0 0; font-family: 'OpenSansRegular'; font-size:13px; text-align:left; color:#fff; font-weight:normal; }

.SocialIcon{ width:170px; height:70px; float:left; margin:0 0 0 5px; border-right:1px solid #fff; }

.FacebookIcon a{ width:25px; height:25px; float:left; display:block; margin:22px 0 0 10px; background:url(../images/sprite.png) no-repeat scroll -220px -109px transparent; }
.FacebookIcon a:hover{ background-position:-365px -109px;}

.TwitterIcon a{ width:25px; height:25px; float:left; display:block; margin:22px 0 0 10px; background:url(../images/sprite.png) no-repeat scroll -255px -109px transparent; }
.TwitterIcon a:hover{ background-position:-400px -109px;}


.LinkdineIcon a{ width:30px; height:30px; float:left; display:block; margin:20px 0 0 10px; background:url(../images/sprite.png) no-repeat scroll -288px -109px transparent; }
.LinkdineIcon a:hover{ background-position:-433px -109px;}

.FlickerIcon a{ width:30px; height:30px; float:left; display:block; margin:20px 0 0 10px; background:url(../images/sprite.png) no-repeat scroll -326px -109px transparent; }
.FlickerIcon a:hover{ background-position:-471px -109px;}

.SignUpDiv{ width:215px; height:70px; float:left; margin:0 0 0 5px; border-right:1px solid #fff; }
.SignUpDiv > h1{ width:205px; height:auto; float:left; padding:0; margin:10px 0 0 0; font-family: 'OpenSansRegular'; font-size:22px; text-align:left; text-indent:5px; color:#fff; font-weight:normal; }
.SignUpDiv > h2{ width:205px; height:auto; float:left; padding:0; margin:5px 0 0 0; font-family: 'OpenSansRegular'; font-size:13px; text-indent:5px; text-align:left; color:#fff; font-weight:normal; }

.SubscribeDiv{ width:290px; height:70px; float:left; margin:0 0 0 5px; }
.SubscribeInput{ width:195px; height:40px; float:left; border:2px solid #fff; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background:none; margin:15px 0 0 4px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; text-indent:10px; color:#fefefe; font-weight:normal; }
.SubscribeBtn{ width:auto; height:44px; float:left; background-color:#fff; border:none; cursor:pointer; font-family: 'OpenSansRegular'; font-size:14px; text-align:center; color:#202020; font-weight:normal; margin:15px 0 0 0; padding:0 3px 0 3px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }


#FooterWrapper2{ width:100%; height:auto; float:left; background-color:#fafafa; 
padding:15px 0 15px 0;}
.FooterInnerDiv2{ width:1000px; height:auto; margin:auto; }

.SitemapAbout{ width:238px; height:auto; float:left; margin:0 16px 0 0; }
.SitemapAbout > h1{ width:238px; height:auto; float:left; padding:0; margin:0 0 5px 0; font-family: 'OpenSansRegular'; font-size:18px; text-align:left; color:#202020; font-weight:normal; }

.SitemapAboutList{ width:238px; height:auto; float:left; }
.SitemapAboutList ul{ padding:0; margin:0; list-style-type:none; }
.SitemapAboutList li{ padding:0; margin:0; display:block; }
.SitemapAboutList li a{ width:238px; height:auto; float:left; display:block; padding:5px 0 5px 0; font-family: 'OpenSansRegular'; font-size:13px; text-align:left; text-indent:12px; color:#494949; font-weight:normal; text-decoration:none; background:url(../images/list-arrow.png) no-repeat scroll 0 8px transparent; }
.SitemapAboutList li a:hover{ text-decoration:underline; }


.SitemapAbout2{ width:238px; height:auto; float:left; margin:0; }
.SitemapAbout2 > h1{ width:238px; height:auto; float:left; padding:0; margin:0 0 5px 0; font-family: 'OpenSansRegular'; font-size:18px; text-align:left; color:#202020; font-weight:normal; }


#FooterWrapper3{ width:100%; height:auto; float:left; background-color:#2f2f2f; 
padding:15px 0 15px 0;}
.FooterInnerDiv3{ width:1000px; height:auto; margin:auto; }

.FooterLinkDiv{ width:500px; height:auto; float:left;}
.FooterLinkDiv ul{ padding:0; margin:0; list-style-type:none; }
.FooterLinkDiv li{ padding:0; margin:0; display:inline; float:left; }
.FooterLinkDiv li a{ display:block; font-family: 'OpenSansRegular'; color:#8a8a8a; font-size:12px; text-align:left; font-weight:normal; text-decoration:none; padding:0 5px 0 5px; border-right:1px solid #8a8a8a;  }
.FooterLinkDiv li a:hover{ text-decoration:underline; }

.CopyRightDiv{ width:460px; height:auto; float:right; font-family: 'OpenSansRegular'; color:#8a8a8a; font-size:12px; text-align:right; font-weight:normal;}


/*	_INNER PAGE
-----------------------------------------------*/
#InnerPageBanner{ width:100%; height:auto; float:left; border-top:2px solid #ccc; border-bottom:2px solid #ccc; position:relative; }
#InnerPageBanner img{width: 100%; height: auto; }
.overlay-pattern{ width:100%; height:100%; float:left; background:url(../images/overlay-pattern.png) repeat scroll 0 0; z-index:1; left:0; top:0; position:absolute; }


#PagePathWrapper{ width:100%; height:auto; float:left; background-color:#f4f4f4; border-bottom:1px solid #ccc; }
#PagePathWrapper ul{ width:1000px; height:35px; margin:auto; padding:0; display:block; }
#PagePathWrapper li{ padding:0; margin:0; list-style-type:none; display:inline; float:left; background:url(../images/path-arrow.png) no-repeat scroll right 13px transparent; }
#PagePathWrapper li a{ width:auto; height:35px; line-height:35px; display:block; padding:0 15px 0 5px; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#202020; font-weight:normal; text-decoration:none; }
#PagePathWrapper li:last-child{ background-image:none; }
#PagePathWrapper li .Selected{ color:#8d8d8d; }


.InnerPageNavigation{ width:250px; height:auto; float:left; border:1px solid #ccc;}
.InnerPageNavTitle{ width:250px; height:45px; line-height:45px; float:left; background-color:#f4f4f4; text-transform:uppercase; font-family: 'OpenSansRegular'; font-size:18px; text-align:left; text-indent:10px; color:#202020; font-weight:normal;}

/*START INNER PAGE TOGGLE*/
.container2 { width:250px; height:auto; float:left; margin:0; }

.acc_trigger2 { background:url(../images/hide-show-in-page.png) no-repeat scroll 0 0 transparent; margin:0; height:auto; width:250px; padding:0; font-family: 'OpenSansRegular'; font-size:14px; font-weight: normal; text-align:left; text-indent:10px; float: left; border-top:1px solid #ccc; }

.acc_trigger02 { margin:0; height:auto; width:250px; padding:0; font-family: 'OpenSansRegular'; font-size:14px; font-weight: normal; text-align:left; text-indent:25px; float: left; border-top:1px solid #ccc; }
.acc_trigger02 a { width:250px; height:40px; line-height:40px; font-family: 'OpenSansRegular'; color: #202020; text-decoration: none; display: block; text-align:left; background:url(../images/menu-arrow.png) no-repeat scroll 10px 0 transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.acc_trigger02 a:hover{ color:#3bbdfb; background-position:10px bottom; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.acc_trigger02 .SelectedTab{ color:#3bbdfb; background-position:10px bottom; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.acc_trigger2 a { width:250px; height:40px; line-height:40px; font-family: 'OpenSansRegular'; color: #202020; text-decoration: none; display: block; text-align:left; }
.acc_trigger2 a:hover { color:#3bbdfb;}

.activeNew { width:250px; height:40px; line-height:40px; background-position: left bottom;}

.acc_container2 { width:250px; height:auto; float:left; }
.acc_container2 ul{ padding:0; margin:0; list-style-type:none; }
.acc_container2 li{ padding:0; margin:0;}
.acc_container2 li a{ width:250px; height:auto; padding:10px 0 10px 0; float:left; text-indent:20px; color:#575757; font-family: 'OpenSansRegular'; font-size:13px; text-decoration:none; background:url(../images/toogle-icon.png) no-repeat scroll 5px 15px transparent; border-top:1px solid #ccc; }
.acc_container2 li a:hover{ color:#3bbdfb; background:url(../images/toogle-icon-active.png) no-repeat scroll 5px 15px transparent; }

.acc_container2 a.selected{ width:250px; height:auto; padding:10px 0 10px 0; float:left; text-indent:20px; font-family: 'OpenSansRegular'; color:#3bbdfb; text-decoration:none; background:url(../images/toogle-icon-active.png) no-repeat scroll 5px 15px transparent; border-top:1px solid #ccc;}

/*ENDS PAGE TOGGLE*/

.InnerPageContWrapper{ width:730px; height:auto; float:right; font-family: 'OpenSansRegular'; font-size:14px; text-align:justify; color:#494949; line-height:20px; font-weight:normal; }


/*	_CAREER PAGE
-----------------------------------------------*/

#CareerBoxWrapper{ width:730px; height:auto; float:left; margin:25px 0 0 0; border:1px dashed #f00; }

.CareerBoxTitle{ width:730px; height:auto; text-indent:15px; float:left; font-family: 'OpenSansRegular'; font-size:18px; text-align:left; color:#202020; font-weight:bold; margin:0 0 15px 0; padding:10px 0 10px 0; border-bottom:1px solid #ccc; background-color:#f3f3f3; }

.CareerBoxTitle2{ width:730px; height:auto; float:left; font-family: 'OpenSansRegular'; font-size:16px; text-align:left; color:#3bbdfb; font-weight:bold; margin:15px 0 0 0; }

.SkillList{ width:730px; height:auto; float:left; margin:10px 0 0 0; }
.SkillList ul{ padding:0; margin:0; }
.SkillList li{ width:730px; height:auto; padding:5px 0 5px 15px; margin:0; float:left; display:block; font-family: 'OpenSansRegular'; text-align:left; color:#494949; font-weight:normal; background:url(../images/list-arrow.png) no-repeat scroll 0 11px transparent; }

.JobLocation{ width:710px; height:auto; float:left; margin:0 0 0 10px; font-family: 'OpenSansRegular'; text-align:left; font-size:14px; color:#494949; font-weight:normal; line-height:20px; }

.SendResume{ width:710px; height:auto; float:left; margin:25px 0 10px 10px; font-family: 'OpenSansRegular'; text-align:left; font-size:14px; color:#494949; font-weight:normal; }
.SendResume a{ text-decoration:none; color:#0492ff; }

/*CAREER TOGGLE*/
#jobs-list { font-family: 'OpenSansRegular'; font-size:14px; display: block; 
width: 250px; float: left; }
#jobs-list ul { padding:0; margin:0;}
#jobs-list ul li { border-top: 1px solid #ddd; list-style-type:none; }
#jobs-list ul li a { text-indent:25px; display: block; width: 100%; height:40px; line-height:40px; text-decoration: none; font-weight:normal; color: #202020; background:url(../images/menu-arrow.png) no-repeat scroll 10px 0 transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#jobs-list ul li a:hover { color: #3bbdfb; background-position:10px bottom; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#jobs-list ul li a.active { display: block; color: #3bbdfb; position: relative; background-position:10px bottom; }

#job-info { display: block; float: left; width:730px;  min-height: 300px; margin:20px 0 0 0; border:1px solid #ccc; }

#jobs { display: block; margin-bottom: 0px; }
.jobitem { display: none; }
.jobitem.displayed { display: block; }

.details-list { width:710px; height:auto; float:left; font-size:14px; color: #202020; list-style: disc; margin-left: 11px; margin-bottom: 25px; }
.details-list li { line-height: 1.35em; margin-bottom: 4px; padding-top: 2px; list-style:inside; }
/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/*	CONTACT US PAGE
-----------------------------------------------*/

.AddressDiv{ width:360px; height:auto; float:left; margin:0 10px 5px 0;}
.AddressDiv h1{ width:360px; height:auto; padding:0 0 10px 0; margin:0; font-family: 'OpenSansRegular'; font-size:16px; text-align:left; color:#3bbdfb; border-bottom:1px solid #ccc; }
.AddressDiv p{ width:360px; height:auto; float:left; padding:0; margin:10px 0 0 0; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#494949; font-weight:normal; line-height:22px; }

.AddressDiv2{ width:360px; height:auto; float:left; margin:0 0 5px 0;}
.AddressDiv2 h1{ width:360px; height:auto; padding:0 0 10px 0; margin:0; font-family: 'OpenSansRegular'; font-size:16px; text-align:left; color:#3bbdfb; border-bottom:1px solid #ccc; }
.AddressDiv2 p{ width:360px; height:auto; float:left; padding:0; margin:10px 0 0 0; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#494949; font-weight:normal; line-height:22px; }


/*	_CLIENTELE PAGE
-----------------------------------------------*/

.container3 { width:730px; height:auto; float:left; margin:0; }

.acc_trigger3 { background:url(../images/hide-show3.png) no-repeat scroll 0 0 #f4f4f4; margin:0 0 5px 0; height:auto; width:730px; padding:0; font-family: 'OpenSansRegular'; font-size:16px; font-weight: normal; text-align:left; float: left; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.acc_trigger3:hover{ background:url(../images/hide-show3.png) no-repeat scroll 0 bottom #2d2d2d; border:1px solid #2d2d2d; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.acc_trigger3 a { width:730px; height:40px; line-height:40px; font-family: 'OpenSansRegular'; color: #202020; text-indent:10px; text-decoration: none; display: block; text-align:left; }
.acc_trigger3 a:hover { color: #fff;}

.ActiveTab3 { width:730px; height:40px; line-height:40px; background:url(../images/hide-show3.png) no-repeat scroll 0 bottom #2d2d2d; color:#fff; border:1px solid #2d2d2d; }
.ActiveTab3 a{ color:#fff;}

.acc_container3 { width:730px; height:auto; float:left; padding:5px 0 5px 0; margin:0 0 5px 0; background-color:#f4f4f4; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.accListLeft{ width:355px; height:auto; float:left; margin:0 0 0 5px; }
.accListLeft ul{ padding:0; margin:0; }
.accListLeft li{ width:355px; height:30px; line-height:30px; float:left; list-style-type:none; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; text-indent:15px; color:#494949; background:url(../images/toogle-icon.png) no-repeat scroll 0 12px transparent; }

.accListRight{ width:355px; height:auto; float:right; margin:0 5px 0 0; }
.accListRight ul{ padding:0; margin:0; }
.accListRight li{ width:355px; height:30px; line-height:30px; float:left; list-style-type:none; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; text-indent:15px; color:#494949; background:url(../images/toogle-icon.png) no-repeat scroll 0 12px transparent; }

/*	_CORPORATES PAGE
-----------------------------------------------*/
.CorporateImg{ width:247px; height:252px; float:left; margin:0 0 0 5px; background-color:#fff; border:1px solid #ccc; }
.CorporateImg img{ width:245px; height:250px; float:left; margin:1px 0 0 1px; }

.CorporateContDiv{ width:455px; height:auto; float:right; margin:0 5px 0 0; font-family: 'OpenSansRegular'; font-size:14px; text-align:justify; font-weight:normal; line-height:20px; color:#494949;}

/*	_HARDWARE AND NETWORKING
-----------------------------------------------*/
.OurClientLogo{ width:100%; height:auto; float:left;}
.ClientLogoDiv{ width:210px; height:auto; float:left; margin:0 10px 0 0; }
.ClientLogoDiv img{ width:210px; height:136px; float:left; }
.ClientLogoDiv h1{ width:210px; height:auto; float:left; padding:0; margin:5px 0 0 0; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#3bbdfb; font-weight:normal; }

/*	_SMS GATEWAY TBL
-----------------------------------------------*/
.SmsGateWayDiv{ width:730px; height:auto; float:left; border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 15px 0;}

.SmsGateWayTitleRow{ width:730px; height:30px; float:left; border-bottom:1px solid #ccc;}
.SmsGateWayTitleCol1{ width:240px; height:30px; line-height:30px; float:left; border-left:1px solid #ccc; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; text-indent:10px; color:#3bbdfb; font-weight:bold;}
.SmsGateWayTitleCol2{ width:240px; height:30px; line-height:30px; float:left; border-left:1px solid #ccc; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; text-indent:10px; color:#494949; font-weight:normal;}

/*	_ENQUIRY PAGE
-----------------------------------------------*/
.EnquiryInputDiv{ width:730px; height:auto; float:left; margin:0 0 10px 0; }
.EnqTitle{ width:140px; height:35px; line-height:35px; float:left; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:right; font-weight:normal; }

.EnquiryInputBox{ width:300px; height:35px; line-height:35px; float:left; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 5px 5px #dddddd; -moz-box-shadow: inset 0px 5px 5px #dddddd; box-shadow: inset 0px 5px 5px #dddddd; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:left; text-indent:5px; font-weight:normal; margin:0 0 0 10px; }
.EnquiryInputBox:focus{ border:1px solid #3bbdfb;}

.EnquiryInputSelectBox{ width:300px; height:35px; line-height:35px; float:left; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 5px 5px #dddddd; -moz-box-shadow: inset 0px 5px 5px #dddddd; box-shadow: inset 0px 5px 5px #dddddd; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:left; font-weight:normal; margin:0 0 0 10px; }
.EnquiryInputSelectBox:focus{ border:1px solid #3bbdfb;}

.EnquiryInputCommentBox{ width:290px; height:100px; line-height:20px; float:left; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 5px 5px #dddddd; -moz-box-shadow: inset 0px 5px 5px #dddddd; box-shadow: inset 0px 5px 5px #dddddd; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:left; font-weight:normal; margin:0 0 0 10px; resize:none; padding:5px; }
.EnquiryInputCommentBox:focus{ border:1px solid #3bbdfb;}

.EnquiryInputCodeBox{ width:190px; height:35; line-height:35px; float:left; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 5px 5px #dddddd; -moz-box-shadow: inset 0px 5px 5px #dddddd; box-shadow: inset 0px 5px 5px #dddddd; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:left; text-indent:5px; font-weight:normal; margin:0 0 0 10px; }
.EnquiryInputCodeBox:focus{ border:1px solid #3bbdfb;}

.EnquiryCapchaBox{ width:100px; height:35px; line-height:35px; float:left; margin:0 0 0 10px; font-family: 'OpenSansRegular'; font-size:14px; color:#494949; text-align:center; font-weight:normal;  background-color:#fafafa;}

.EnquirySendBtn{ width:110px; height:40px; float:left; background-color:#3bbdfb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-family: 'OpenSansRegular'; font-size:14px; color:#fff; text-align:center; font-weight:normal; cursor:pointer; -webkit-box-shadow: inset 0px -3px 0px #008ed1; -moz-box-shadow: inset 0px -3px 0px #008ed1; box-shadow: inset 0px -3px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 0 0 150px; }
.EnquirySendBtn:hover{ background-color:#1faaec; -webkit-box-shadow: inset 0px -2px 0px #008ed1; -moz-box-shadow: inset 0px -2px 0px #008ed1; box-shadow: inset 0px -2px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.EnquiryCancelBtn{ width:110px; height:40px; float:left; background-color:#3bbdfb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-family: 'OpenSansRegular'; font-size:14px; color:#fff; text-align:center; font-weight:normal; cursor:pointer; -webkit-box-shadow: inset 0px -3px 0px #008ed1; -moz-box-shadow: inset 0px -3px 0px #008ed1; box-shadow: inset 0px -3px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 0 0 10px; }
.EnquiryCancelBtn:hover{ background-color:#1faaec; -webkit-box-shadow: inset 0px -2px 0px #008ed1; -moz-box-shadow: inset 0px -2px 0px #008ed1; box-shadow: inset 0px -2px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


/* personalized styles */
.compactlabel-wrapper {display: inline-block; position: relative;}
.compactlabel-wrapper-on {z-index: 5;}
.compactlabel-wrapper label {position: absolute; z-index: 4;}
.compactlabel-wrapper label.compactlabel-hide {z-index: 2;}
.compactlabel-wrapper input {position: relative; z-index: 3;}
.compactlabel-label-backing {position: absolute; z-index: 1;}
/* personalized styles */
.compactlabel-label-backing {padding: 0px 3px 1px 3px; margin-left:2px; border-style: solid; border-width: 2px 2px 2px 2px; -moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px; background-color: #e0e0e0; -webkit-transition: 1s background-color; width:350px;}
.compactlabel-wrapper label {font-family:Arial;	color: #636363; padding:4px 7px; font-size:12px; font-weight:bold;}
.compactlabel-wrapper-on,.compactlabel-wrapper-on .compactlabel-label-backing {-moz-box-shadow: SkyBlue 0 0 5px; -webkit-box-shadow: SkyBlue 0 0 5px; box-shadow: SkyBlue 0 0 5px;}

/* personalized styles */
.compactlabel-label-backing1 {padding: 0px 3px 1px 3px; margin-left:2px; border-style: solid; border-width: 2px 2px 2px 2px; -moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px; background-color: #e0e0e0; -webkit-transition: 1s background-color; width:350px;}
.compactlabel-wrapper1 label {font-family:Arial;	color: #636363; padding:4px 7px; font-size:12px; font-weight:bold;}
.compactlabel-wrapper-on1,.compactlabel-wrapper-on1 .compactlabel-label-backing1 {-moz-box-shadow: SkyBlue 0 0 5px; -webkit-box-shadow: SkyBlue 0 0 5px; box-shadow: SkyBlue 0 0 5px;}


.compactlabel-wrapper2 {display: inline-block; position: relative;}
.compactlabel-wrapper-on2 {z-index: 5;}
.compactlabel-wrapper2 label {position: absolute; z-index: 4;}
.compactlabel-wrapper2 label.compactlabel-hide2 {z-index: 2;}
.compactlabel-wrapper2 textarea {position: relative; z-index: 3;}
.compactlabel-label-backing2 {position: absolute; z-index: 1;}
/* personalized styles */
.compactlabel-label-backing2 {padding: 0px 3px 1px 3px; margin-left:2px; border-style: solid; border-width: 2px 2px 2px 2px; -moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px; background-color: #e0e0e0; -webkit-transition: 1s background-color; width:350px;}
.compactlabel-wrapper2 label {font-family:Arial;	color: #636363; padding:4px 7px; font-size:12px; font-weight:bold;}
.compactlabel-wrapper-on2,.compactlabel-wrapper-on2 .compactlabel-label-backing2 {-moz-box-shadow: SkyBlue 0 0 5px; -webkit-box-shadow: SkyBlue 0 0 5px; box-shadow: SkyBlue 0 0 5px;}

/*	_BUY COMPUTERS AND PERIPHERALS
-----------------------------------------------*/
.EnquiryButton2Div{ width:100%; height:auto; float:left; margin:15px 0 0 0; }

.EnquiryBtn2 a{ width:110px; height:40px; line-height:40px; float:left; background-color:#3bbdfb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; font-family: 'OpenSansRegular'; font-size:14px; color:#fff; text-align:center; font-weight:normal; cursor:pointer; -webkit-box-shadow: inset 0px -3px 0px #008ed1; -moz-box-shadow: inset 0px -3px 0px #008ed1; box-shadow: inset 0px -3px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0; display:block; text-decoration:none; }
.EnquiryBtn2 a:hover{ background-color:#1faaec; -webkit-box-shadow: inset 0px -2px 0px #008ed1; -moz-box-shadow: inset 0px -2px 0px #008ed1; box-shadow: inset 0px -2px 0px #008ed1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.EnqProImgDiv{ width:210px; height:auto; float:left; margin:0 30px 0 0; }
.EnqProImgDiv h1{ width:210px; height:auto; float:left; padding:0; margin:0 0 5px 0; display:block; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#3bbdfb; font-weight:bold; }
.EnqProImgDiv p{ width:210px; height:auto; float:left; padding:0; margin:5px 0 0 0; display:block; font-family: 'OpenSansRegular'; font-size:14px; text-align:left; color:#494949; font-weight:normal; }
.EnqProImgBox{ width:210px; height:150px; float:left; border:1px solid #ccc; }

.ddimgtooltip{ display:none; position:absolute; border:1px solid black; background:white; color: black; z-index:2000; padding: 4px; }