@charset "utf-8";
/*
Project: Adroit Techsupport
Code by: Nishanth
Last modified: 01-05-13
Color Swatches
33A1FF - blue
2A85E8 - dark blue
00ADF2 - light BLue
f7f7f7 - light grey
e5e5e5 - medium grey
d82214 - orange
fa6938 - Dark Orange
*/
*{ margin:0;  outline:0 none;  padding:0}
@font-face{font-family:'RokkittRegular';
src:url('../fonts/Rokkitt-webfont.eot');
src:url('../fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rokkitt-webfont.woff') format('woff'),
    url('../fonts/Rokkitt-webfont.ttf') format('truetype'),         
	url('../fonts/Rokkitt-webfont.svg#RokkittRegular') format('svg');     
	font-weight:normal;font-style:normal}
	
@font-face {
    font-family: 'UbuntuLight';
    src: url('../fonts/Ubuntu-L-webfont.eot');
    src: url('../fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-L-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-L-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, 
button, 
input, 
select, 
textarea{ color:#222}
html, body{margin:0; padding:0; height:100%; background: none  repeat scroll 0 0 #fff; min-width:1000px;  font-size:1em;  line-height:1.7}
::-moz-selection{background:#33A1FF; text-shadow:none; color:#FFF}
::selection{background:#33A1FF; text-shadow:none; color:#FFF}
hr{display:block;  border:0; margin:1em 0; padding:0;height:1px; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.20),rgba(0,0,0,0)); background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.20),rgba(0,0,0,0)); background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.20),rgba(0,0,0,0)); background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.20),rgba(0,0,0,0)); width:100%}
img{vertical-align:middle}
fieldset{border:0; margin:0; padding:0}
textarea{resize:vertical}
.chromeframe{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}

 .left{float:left}
.right{float:right}
.clear{clear:both}

 .alignleft{margin:0px 20px 20px 0; float:left}
.alignright{margin:0 0 20px 20px; float:right}
a img{border:none}
 
 /*=====link-styles=====*/
a:link, a:active, a:visited{text-decoration:none; color:#fff}
a:hover, a:active{text-decoration:none; color:#fff}

a[href^="mailto"]{color:#2A85E8; text-decoration:none}
a[href^="mailto"]:hover{color:#329a2b; text-decoration:underline}
a.link{color:#fa6938; text-decoration:underline}
.green{color:#329a2b} .blue{ color:#2A85E8} .red{ color:#D74634}


a.button{color:white; text-decoration:none} a:hover.button{ text-decoration:none}
input.btn{	 display: inline-block;
  padding:8px 24px;
  font-size: 15px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #154c86;
  background-color: #247edd;
  border: 1px solid;
  border-color: #1c65b2 #18589c #18589c;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));}
  

  
  
  
.button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  min-width: 96px;
  line-height: 40px;
  padding: 0 24px;
  font-size: 15px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px #154c86;
  background-color: #247edd;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #1c65b2 #18589c #18589c;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
}
.button:before {
  content: '';
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -20%;
  right: -20%;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
}
.button:hover {
  background-color: #1a74d3;
}
.button:active {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px #154c86;
  background: #1f71c8;
  border-color: #113f70 #154c86 #1c65b2;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -moz-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: -o-linear-gradient(top, #1a5da5, #3a8be0);
  background-image: linear-gradient(to bottom, #1a5da5, #3a8be0);
}
.button:active:before {
  top: -50%;
  bottom: -125%;
  left: -15%;
  right: -15%;
  -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2);
}

.btngreen {
  text-shadow: 0 1px #0d4d09;
  background-color: #1ca913;
  border-color: #147b0e #11640b #11640b;
}
.btngreen:hover {
  background-color: #159b0d;
}
.btngreen:active {
  text-shadow: 0 -1px #0d4d09;
  background: #189210;
  border-color: #093606 #0d4d09 #147b0e;
  background-image: -webkit-linear-gradient(top, #126d0c, #20c016);
  background-image: -moz-linear-gradient(top, #126d0c, #20c016);
  background-image: -o-linear-gradient(top, #126d0c, #20c016);
  background-image: linear-gradient(to bottom, #126d0c, #20c016);
}

.btnSmall {
    font-size: 13px!important;
    padding: 0px 20px;
}

.btncont {
    font-size: 13px!important;
    padding: 0px 0px;
	height:28px;
	line-height:28px;
}

.btnSmaller {
    font-size: 10px!important;
    padding: 0px 20px;
}


/*=====link-styles=====*/
#mainwrap{width:1000px; margin:0 auto; position:relative; display:block}
/*-------------header-----------------*/
#header{width:100%; min-height:70px; float:left;  margin:0; padding:0; position:relative; z-index:40000; background:#FFF; box-shadow: 0 5px 5px -5px #bbb; -moz-box-shadow: 0 5px 5px -5px #bbb; -webkit-box-shadow: 0 5px 5px -5px #bbb; -ms-box-shadow: 0 5px 5px -5px #bbb; -o-box-shadow: 0 5px 5px -5px #bbb;behavior:url(PIE.htc); zoom:1;}
.no-js nav, .lt-ie9 nav{margin:0; padding:0; display:block; float:left }
#header:before{background: url("../images/ribbonpattern.png") repeat-x scroll 0 0 transparent; top:0; content:""; height:6px; left:0; position:absolute; width:100%; z-index:20}
header hgroup{margin:0; padding:0}
.logo{float:left; width:428px; height:70px; padding:20px}
.mscertificate{ position:absolute; float:left; right:20px; top:40px;}
.advt{position:fixed;right:10px;top:120px; width:236px; height:220px;  }
.closeadvt{ position:absolute;cursor:pointer; font-size:10px;float:right; bottom:35px; background:#11406e; right:70px; color:#FFF; padding:2px 5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}

h1.keyword,h2.keyword,h3.keyword{ display:inline!important; margin:0; padding:0;clear:none; font-style:inherit; font-weight:inherit; font-size:inherit;vertical-align:absbottom;}
.cparagraph{ margin:1em 0; text-align:center;}
.jparagraph{ margin:1em 0; text-align:justify;}



/*=========minicart==========*/
.titleBlock{width:100%; background:#fa6938; clear:both}

.bannergroup{    color:#FFF;     height:40px;     margin:10px;     padding:20px}
.titleBlock .bannergroup h1{    color:#FFF;     display:inline-block;     margin:0;     padding:0;     vertical-align:middle}
.titleBlock .bannergroup h1.page-heading{    font-size:2em;     line-height:1.7em}
.titleBlock .bannergroup h1.page-heading:after{    margin:0 15px}
.titleBlock .bannergroup .page-sub-heading{    display:inline-block;     vertical-align:middle}
.titleBlock .bannergroup .page-sub-heading:before{    content:"/";  margin:0 15px}

/*======1-level or 2-level or 3-level navigation=======*/
/* Main nav */
#nav{ margin:0; padding:0; list-style:none;float:left;   height:105px;width:530px; }
#nav li{float:left; display:table-cell; position:relative; line-height:0; }
#nav li:last-child{border-right:none}
#nav a{float:left; height:105px; padding:0 15px ; color:#666; text-transform:uppercase;font:0.95em/105px  'UbuntuLight', Arial, sans-serif; text-decoration:none; }
#nav li:hover >a{color:#FFF; background:#00ADF2 }
*html #nav li a:hover{color:#FFF; background:#00ADF2}
#nav li:hover >ul{display:block}
#nav li a.active{color:#FFF; background:#00ADF2}

/* Sub-nav */
#nav ul{list-style:none;  margin:0;  padding:0;  display:none;  position:absolute;  top:104px;  left:0;  z-index:99999;  background:#00ADF2;  width:200px; }
#nav ul li{left:0; border:none}
#nav ul ul{top:0;  left:0px;}
#nav ul li{float:none;  margin:0;  padding:0;  display:block}
#nav ul li:last-child{ -moz-box-shadow:none;  -webkit-box-shadow:none;  box-shadow:none}
#nav ul a{ padding:8px 8px;  height:5px; width:184px; height:auto;  line-height:1;  display:block;  white-space:nowrap;  float:none;font:10px 'UbuntuLight', Arial, sans-serif; color:#fff; border-bottom:1px solid #0293cc;}
*html #nav ul a{height:5px}
*:first-child+html #nav ul a{height:5px}
#nav ul a:hover{color:#fff; background:#0293cc}
*html #nav ul a:hover{color:#fff; background:#0293cc}


#nav ul ul li:first-child a:after{left:-8px;  top:12px;  width:0;  height:0;  border-left:0;  border-bottom:5px solid transparent;  border-top:5px solid transparent;  border-right:8px solid #444}
#nav ul li:first-child a:hover:after{border-bottom-color:#04acec}
#nav ul ul li:first-child a:hover:after{border-right-color:#04acec;  border-bottom-color:transparent}
#nav:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
* html #nav{zoom:1}
*:first-child+html #nav{zoom:1}
/*-------------header ends-----------------*/
/*-------------homecontent-----------------*/
#banner{width:100%; height:500px; position:relative; float:left; background:url(../images/bannerbg.jpg) 50% 50% no-repeat #FFF; }
.bannerCaption{ padding:20px; position:absolute; right:20px; top:20px; width:400px;}
.bannerCaption p{ text-align:center}
.bannerCaption p.highlight{ font-size:35px; color:#000; text-transform:capitalize}
#slides{position:absolute; top:0px; left:0px; z-index:100}
.slides_container{width:1000px; overflow:hidden; position:relative; display:none}
.slides_container div{width:1000px; height:423px; display:block}

#slides .next, #slides .prev{position:absolute; bottom:0; left:465px; width:35px; height:40px; display:block; z-index:101}
#slides .next{left:500px}
/*Caption*/
.caption{z-index:500; position:absolute; top:100px; right:50px; width:300px; min-height:150px; padding:0px; color:#FFF; padding:10px}
.caption h3{margin:0 0 5px 0; font-weight:normal; color:#FFF; font-size:1.5em}
.caption h3 span{border-bottom:1px solid #FFF}
.caption ul{margin:0; padding:0 0 0 15px}
.caption ul li{list-style-type:square; font-size:0.875em}

#innerBanner{width:998px; height:250px; position:relative; float:left; background:#FFF; border:1px solid #dadada; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; -ms-border-radius:0.3em; -o-border-radius:0.3em}
#innerBan{position:absolute; top:0px; left:0px; z-index:100}
#innerBan .slides_container{width:998px; overflow:hidden; position:relative; display:none}
#innerBan .slides_container div{width:998px; height:250px; display:block}
#innerBan .next, #innerBan .prev{position:absolute; top:100px; left:5px; width:35px; height:70px; display:block; z-index:101}
#innerBan .next{left:960px}
/*Caption*/
#innerBan div.innercap{z-index:500; position:absolute; top:100px; left:50px; width:300px; min-height:150px; color:#444; padding:10px; background:transparent; background:rgba(255,255,255,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFFFF,endColorstr=#CFFFF)";     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFFFF,endColorstr=#CFFFF);         zoom:1}
#innerBan div.innercap h3{margin:0 0 5px 0; font-weight:normal; color:#8c0000; font-size:2em}
#innerBan div.innercap h3 span{border-bottom:1px solid #8c0000}
#innerBan div.innercap ul{margin:0; padding:0 0 0 15px}
#innerBan div.innercap ul li{list-style-type:square; font-size:0.875em}







footer a.button{ color:#FFF!important;}

footer{ width:100%; min-height:50px; float:left; margin-top:20px; background: url(../images/footerbg.png) scroll 0 0 #1c1c1c  ; padding-top:10px;}
#footer{width:960px; min-height:50px; padding:0 20px; margin:0 auto;}
#footer nav{float:left; width:100%; min-height:50px;  color:#f1f1f1;}
#footer nav ul{float:left; width:100%;  min-height:30px; margin:10px 0 ; padding:0; position:relative;}
#footer h4{color:#555; font-weight:bold; margin:0 0 5px }
#footer nav ul li{ list-style-type:none; font:0.8em/22px 'UbuntuLight', Arial, sans-serif;color:#f1f1f1; float:left; text-transform:uppercase}
#footer nav ul li:after{ content:"/"; padding:0 5px;}
#footer nav a{color:#00ADF2; border-bottom:1px dotted #1c1c1c; text-decoration:none;transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; display:inline-block; -webkit-transition:all 0.3s ease-in-out}

#footer nav a:hover{color:#FFF; text-decoration:none; border-bottom:1px dotted #00ADF2}

.desclaimer{width:100%; float:left; text-align:justify; border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 0}
.desclaimer p{font:0.7em/16px 'UbuntuLight', Arial, sans-serif;color:#bababa;}

.footer_left{width:400px; float:left;}





/*========shareicons======*/
#shareicons li{padding:0; width:33px; float:left;height:35px;list-style-type:none;  margin:0 8px 0   0;}
#shareicons li a{ height:35px;}
ul#shareicons li.fb{background: url(../images/social.png) no-repeat 0 0;}
ul#shareicons li.twitter{background:url(../images/social.png) no-repeat -33px 0}
ul#shareicons li.gplus{background:url(../images/social.png) no-repeat -66px 0}
ul#shareicons li.linkedin{background:url(../images/social.png) no-repeat -99px 0}

#payicons li{padding:0; width:56px; height:35px;list-style-type:none;  margin:0 8px 0   0; display:block;}
ul#payicons li a{ height:35px;}
ul#payicons li.visa{background: url(../images/pay_icons.png) no-repeat 0 0; display:block;}
ul#payicons li.master{background:url(../images/pay_icons.png) no-repeat 0 -35px}
ul#payicons li.paypal{background:url(../images/pay_icons.png) no-repeat 0 -76px}
ul#payicons li.american{background:url(../images/pay_icons.png) no-repeat 0 -111px}



.ir{display: block;border:0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}







/*=========copyright=========-*/

.copyright{float:left; font:11px/44px  Arial, sans-serif; width:960px; height:44px;  color:#777; text-transform:uppercase}
.copyright a{color:#777}

/*-------------Footer Ends-----------------*/
/*======innerpagestyles=======*/
.titleStyled{font-family:'RokkittRegular', Arial, sans-serif;font-size:2.2em;  margin:0 ; text-align:center; line-height:1.45}

.black{font-family:'RokkittRegular', Arial, sans-serif;font-size:1.4em;  margin:0 ;  line-height:1.2}

#page{float:left; padding:0 10px 40px; margin:10px 0 0 0; width:980px; min-height:200px; position:relative}
#homepage,#supportpage, #innerpage{float:left; padding:0 100px 10px; margin:10px 0 0 0; width:100%; min-height:200px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
#homepage p,#supportpage p{ text-align:center} #innerpage p{ text-align:justify}
.title{border-bottom:1px solid #DDD; color:#8c0000; padding:0 0 0.1em 0}
.title span{border-bottom:2px solid #8C0000; padding:0 0 0.1em 0}
#prodpage{float:left; padding:20px 20px 40px; margin:15px 0 0 0; background:#FFF; width:100%; min-height:200px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#mailpage{float:left; padding:0 100px 10px; margin:10px 0 0 0; width:100%; min-height:285px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
#mailpage p{ text-align:center}

.servicesList{ margin:0; padding:0; list-style:none; width:100%; float:left;}
.servicesList li{float:left; margin:0.6em 0; padding:0 30px 0 0;}
div.subtitle{ font-family:'RokkittRegular', Arial, sans-serif; color:#33A1FF;font-size:1.17em;  margin:0 0 0.9em;  }
.servicesList li p{ text-align:justify; margin:0.5em 0}
.list{ font-size:1em;   list-style-image:url(../images/tick.png);}
.list li{ float:none;}

.supportList{ margin:10px 0; padding:0; list-style:none; width:100%; float:left;}
.supportList li{ width:150px; height:80px; text-align:center; float:left; margin: 0 20px 20px 0; border:4px solid #2A85E8; padding:10px; position:relative; font-size:0.9em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;box-shadow: 0 5px 5px -5px #333; -moz-box-shadow: 0 5px 5px -5px #333; -webkit-box-shadow: 0 5px 5px -5px #333; -ms-box-shadow: 0 5px 5px -5px #333; -o-box-shadow: 0 5px 5px -5px #333;}


#innerpage{float:left; padding:0 50px 10px; margin:20px 0 0 0; width:100%; min-height:200px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
#pricingpage{float:left; padding:0 50px 10px; margin:20px 0 0 0; width:100%; min-height:200px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.tick{ background:url(../images/tick.png) 50% 0 no-repeat; height:20px; display:block;}


.tableWrapper{ margin:0 100px;}
.pricing-table {font-size: 12px; color: #555;   display: block; margin: 0; text-shadow: 0 1px 0 #fff; border: none;}
.pricing-table th, .pricing-table td {vertical-align:middle; border: 1px solid #E2E2E2;text-align: center;width: 250px;} 

table h4 {font-size:18px;margin:15px 0;} 

.pricing-table th.noborder, .pricing-table td.noborder {border:none;} 
.pricing-table td.htitle {font-size: 20px;font-family:'RokkittRegular', Arial, sans-serif;  color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); padding: 15px;line-height:20px; border-right: 1px solid #5c5e62; border-left: 1px solid #8b8e91; border-bottom: 1px solid #555;background-color: #7f8287;background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(127, 130, 135)), to(rgb(96, 98, 102)));background-image: -webkit-linear-gradient(top, rgb(127, 130, 135), rgb(96, 98, 102));background-image: -moz-linear-gradient(top, rgb(127, 130, 135), rgb(96, 98, 102));background-image: -o-linear-gradient(top, rgb(127, 130, 135), rgb(96, 98, 102));background-image: -ms-linear-gradient(top, rgb(127, 130, 135), rgb(96, 98, 102));background-image: linear-gradient(top, rgb(127, 130, 135), rgb(96, 98, 102));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7f8287', EndColorStr='#606266');}
.pricing-table th.tpricing {background-color: #00ADF2; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.4); font-size: 32px; line-height: normal; border-right: 1px solid #2b79aa; border-left: 1px solid #569ecb; padding:25px 0;}
.pricing-table th.tpricing .dollar {font-size: 16px; vertical-align: top; display: inline; color: #fff; }

.pricing-table th.tpricing .ptag {font-size: 16px; vertical-align: bottom; display: inline; color: #fff;} 
.signupbt td {padding:15px 0;}  
#pricing-col {margin-bottom:15px;padding-top:22px;position:relative;} 



.accPage{padding:30px 50px 50px; margin:20px 0 0 0;  width:100%; min-height:150px; float:left;   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }






/*====aside====*/
#leftblock{float:left; width:210px; min-height:400px; padding:0 15px 0 0; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#leftblock div{ margin:10px 0 0 0}
#leftblock ul{ margin:0; padding:0; list-style:none}
#leftblock form label{ vertical-align:middle;}

/*====rightBlock====*/
.rightBlock{float:left; width:770px;  min-height:500px}



.breadcrumbs ul{width:100%; font-size:80%; font-weight:bold; float:left; line-height:20px; margin-bottom:5px; padding:0 30px 10px; border-bottom:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-sizing:border-box}
.breadcrumbs ul li{float:left}
.breadcrumbs ul li:after{content:'\2192'; padding:0 5px}
.breadcrumbs ul li a{float:left; display:block; color:#8d8d8d; text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline; color:#fa6938}



/*======contact page======*/
.locator{width:350px; min-height:250px}
.routeMap{width:730px; float:left; height:200px;    box-shadow:0 0 4px #DDD; position:relative; behavior:url(PIE.htc); zoom:1; margin:0 0 15px 0; padding:5px; background:#FFF}
a.click{font-size:0.875em; color:#414141; margin:10px 0 20px 0; background:#c7df56; padding:2px 5px; display:block; float:left; text-decoration:none}
a:hover.click{background:#8e0000; color:#fff; text-decoration:none}

.icons{margin:10px 0 0 0; padding:0; list-style:none}
.icons li{font:13px/20px Segoe,"Segoe UI","Helvetica Neue",Arial,sans-serif; color:#666;  margin:0 0 8px 0; height:20px; padding:0 0 0 25px}
.icons li.mob{background:url('../images/contact.png') no-repeat 0 0}
.icons li.phone{background:url('../images/contact.png') no-repeat 0 -20px}
.icons li.email{background:url('../images/contact.png') no-repeat 0 -40px}
.icons li.url{background:url('../images/contact.png') no-repeat 0 -60px}
.icons li.fax{background:url('../images/contact.png') no-repeat 0 -80px}





/*=========table styles========*/
.striped{background-color:#f5f5f5; color:#414141}
.striped2{background-color:#fff; color:#414141}

td{padding:8px;  border-left:none}
td a.button{font-weight:normal}

#page-call-to-action {
float:left;
text-align: center;
padding: 30px 0 30px 0;
background:#f0f0f0;
width:100%;
 -moz-box-shadow:    inset 0 0 10px #cbcbcb;
   -webkit-box-shadow: inset 0 0 10px #cbcbcb;
   box-shadow:         inset 0 0 10px #cbcbcb;
}

#page-call-to-action .call-text {
color: #000;
font-size:1.5em;
padding: 15px 20px 0 0;
}

#page-call-to-action .signup a{
display: inline-block;
margin:-4x 0 0 0;
font-size:1.2em;
}
.captcha{ height:30px; padding:2px; list-style:none; margin:5px 0; display:block; float:left; width:100%; }
.captcha li{ float:left; margin:0 0px 0 0;}
.capimg{ position:relative;  }
a.refresh{ width:30px; height:30px; position:absolute; right:-15px; top:0; z-index:50;}
.captcha input{ width:70px;  }

.max{ width:100%; float:left; margin:5px 0 10px 0;}
#frmenq{ float:left;position:relative}
.formall{float:left; width:450px; }
#frmenq textarea,#frmfeed textarea{ width:550px; resize:vertical; min-height:100px;}
input.element, select.element{ width:350px;}
#frmenq div{margin:5px 5px 5px 0; float:left; }
.errors{position:absolute; z-index:100; right:0; top:50px; width:150px; min-height:50px;}

#frmfeed{ float:left; position:relative; min-height:250px;}
#frmfeed div{ margin:0 10px 10px 0; float:left;}

#conform{float:left;position:relative; width:350px;}
#conform textarea,#frmfeed textarea{ width:350px; resize:vertical; min-height:100px;}
#conform div{margin:5px 5px 5px 0; float:left; }

form input.button{color:#fff;}
/* placeholder */
.placeholder{color:#888888}
/* webkit placeholder */
::-webkit-input-placeholder{color:#888888}
/* moz placeholder */
:-moz-placeholder{color:#888888}
/* input field */

.innerError{font:0.7em/10px Helvetica, Arial, sans-serif; color:#f00; background:#fbe3e4; padding:5px; border:1px solid #fbc2c4; width:150px; height:10px; border-radius:0.25em;-moz-border-radius:0.25em; -webkit-border-radius:0.25em; margin:2px 0; }
.errors{position:absolute; float:left;  width:165px; min-height:50px;  right:-60px; top:0}
.errors span{display:block; margin:5px 0}


input[type=password],input[type=text], input[type=date],textarea,select{
	
	border: solid 1px #dddddd;
	outline: none;

	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;

 padding:5px;}
input:focus, textarea:focus{color:#000; background-color:#e9e9e9;border: solid 1px #00ADF2;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; /* 1 */-webkit-appearance:button; /* 2 */ *overflow:visible;  /* 3 */}
button, input, select, textarea{font-size:90%; /* 1 */margin:0; /* 2 */vertical-align:baseline; /* 3 */ *vertical-align:middle; /* 3 */}

#sitemap-col {
background :url(../images/graypixel.png) 15px 0 repeat-y transparent;
width : 270px;
margin :30px auto;
padding : 0;
}
#sitemap-col li {
font-size : 16px;
margin : 10px 0;
padding : 0 0 0 10px;
list-style : none;
}
#sitemap-col li a {
background : #FFF;
color : #000;
display : block;
padding : 3px;
text-align : left;
border : #DDD solid 1px;
}
#sitemap-col li a:hover {
color : #FFF;
background : #2c72d2;
border : #DDD solid 1px;
text-decoration : none;
}
#sitemap-col li ul {
margin : 10px 0;
padding : 0;
}
#sitemap-col li ul li {
background : url(../images/graypixel.png) 0 8px repeat-x transparent;
font-size : 13px;
margin : 4px 0 4px 5px;
padding : 0 0 0 20px;
}
#sitemap-col li ul li a {
padding : 0 0 0 3px;
}
#sitemap-col li ul li ul {
background : url(../images/graypixel.png) 15px 0 repeat-y transparent;
margin-bottom : 10px;
}
#sitemap-col li ul li ul li {
margin-left : 16px;
padding-left : 10px;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.invisible {
    visibility: hidden;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.dislist{ font-size:1em;   list-style-image:url(../images/tick.png);}
.dislist li{ float:none; margin:8px 0;}

.mail a{ color:#2A85E8}
.mail a:hover{color:#fa6938;}