@charset "utf-8";





/*





Theme Name: TSP Right side





Theme URI: http://wordpress.org/





Description: Tech Support Pro theme is the custom theme created for Tech Support Pro website. 





Author: Black Zone





Version: 1.0





License: GNU General Public License





License URI: license.txt





*/











/* Reset css starts here */





/* http://meyerweb.com/eric/tools/css/reset/ 





   v2.0 | 20110126





   License: none (public domain)





*/





html, body, div, span, applet, object, iframe,





h1, h2, h3, h4, h5, h6, p, blockquote, pre,





a, abbr, acronym, address, big, cite, code,





del, dfn, em, img, ins, kbd, q, s, samp,





small, strike, strong, sub, sup, tt, var,





b, u, i, center,





dl, dt, dd, ol, ul, li,





fieldset, form, label, legend,





 caption, tbody, tfoot, thead, tr, th, td,





article, aside, canvas, details, embed, 





figure, figcaption, footer, header, hgroup, 





menu, nav, output, ruby, section, summary,





time, mark, audio, video {





	margin: 0;





	padding: 0;





	border: 0;





	font-family:Arial, Helvetica, sans-serif;





}





/* HTML5 display-role reset for older browsers */





article, aside, details, figcaption, figure, 





footer, header, hgroup, menu, nav, section {





	display: block;





}





body {





	line-height: 1; 





}





ol, ul {





	/* list-style: none; */





}





blockquote, q {





	quotes: none;





}





blockquote:before, blockquote:after,





q:before, q:after {





	content: '';





	content: none;





}





/* Reset css ends here */











body{font:normal 13px/20px Arial, Helvetica, sans-serif; background:url(http://outlooksetting.com/bg17.jpg) repeat-x #e8f6ff}





#wrapper{width:984px; margin:auto; background:url(images/horizontal-bg.jpg) repeat-y;}





.wrapper-b{width:984px; height:auto; background:url(images/horizontal-bg.jpg) repeat-y; float:left; }





#banner{width:984px; height:265px; overflow:hidden; background:url(images/main-banner1.jpg) no-repeat;}





#header{height:55px; width:954px; float:left; position:relative; overflow:hidden; padding-left:30px;}





.logo{





	position:absolute;





	top:4px;





	left:21px;





	background:url(images/logo.png) no-repeat;





	width:265px;





	height:50px;





}











.right-navmenu{





	position:absolute;





	background:none;





	top:0px;





	left:170px;





	width:655px;





	height:29px;





	padding-top:20px;





	padding-left:90px;





	font:normal 12px Arial, Helvetica, sans-serif;





	color:#000000;





}





.nav-menu{padding:0;}





.nav-menu ul{padding:0; display:block; float:left}





.nav-menu ul li{float:left; display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#000000; padding:0px 30px 0px 30px; border-right:1px solid #a1a1a1}





.nav-menu ul li a{text-decoration:none; white-space:default; color:#000000}





.nav-menu ul li a:hover, .nav-menu ul li a.select{text-decoration:none; color:#328bc3}











.right-b{ position:relative; overflow:hidden; width:720px; height:331px; padding-left:250px; float:left}





.right-l{ width:405px; height:260px; float:left; overflow:hidden; padding-top:0px;}





.right-r{width:270px; height:260px; float:left;}





.call{ width:228px; height:46px; font:bold 22px Arial, Helvetica, sans-serif; color:#ee8300; padding-left:128px; padding-top:0px;}











h1{font:bold 18px Arial, Helvetica, sans-serif; color:#338bc4;}





h2{font:bold 14px Arial, Helvetica, sans-serif; color:#000000; padding-top:20px;}





h3{font:bold 17px Arial, Helvetica, sans-serif; color:#ee8400; padding-top:2px;}





h3 span{color:#000000;}





p{padding-bottom:10px;}











.chat-s1{ width:117px; height:35px; float:left; margin-left:110px; display:block; margin-top:0px; display:none} 





.chat-s2{ width:155px; height:35px; float:left;  margin:13px 0px 0px 110px; display:none}





.chat-s3{width:146px; height:35px; float:left; margin:20px 0px 0px 110px; display:none}











/* .body-b1{width:271px; height:250px; background:url(images/services.jpg) #f4f4f4 no-repeat; padding-top:55px; float:left}





.body-b1 ul{float:left; margin-top:5px; display:block; margin-left:15px; }





.body-b1 ul li{ padding:10px 0px 10px 30px; background:url(images/bullet1.jpg) no-repeat 0px 10px; white-space:nowrap; display:block} */











.body-b1{width:271px; height:auto; background:url(images/services.jpg) #f4f4f4 no-repeat; padding-top:55px; float:right;}





.body-b1 ul{margin-top:5px; margin-left:10px; }


.body-b1 ul li{ padding:3px; white-space:default; list-style:none;}


.body-b1 ul li a{display:block; background:url(images/bullet3.png) left 7px no-repeat; padding-left:15px; color:#000000; text-decoration:none;}


.body-b1 ul li a:hover{text-decoration:none; color:#000000; text-decoration:underline;}





.body-b2{width:323px; height:300px; float:left; padding:0px 0px 0px 25px;}





.body-b2 h3{font:bold 18px Arial, Helvetica, sans-serif; color:#000000; padding:0;}





.body-b2 img{float:left; padding:10px;}





.body-b2 h1, h2, h3{padding-bottom:10px;}








/* .body-b2 ul{float:left; margin-top:5px; display:block; margin-left:5px; width:300px;}





.body-b2 ul li{ padding:8px 0px 8px 20px; background:url(images/bullet2.jpg) no-repeat 0px 10px; white-space:nowrap; display:block} */








.body-b2 ul{ margin-top:5px; margin-left:15px; width:600px; margin-bottom:20px;}





.body-b2 ul li{padding:5px 0px 5px 20px; white-space:normal; background:url(images/bullet2.jpg) no-repeat 0px 10px;  display:block}

















.body-b3{width:332px; height:282px; float:left; padding:6px 0px 0px 10px;  }





.body-sub{width:650px; height:auto; padding:10px 20px; float:left;}





.body-sub a{color:#ee8400}


.body-sub a:hover{color:#000000;}





.body-b2 a{color:#505050;}


.body-b2 a:hover{color:#ee8400;}





.body-sub ul{ margin-top:5px;margin-left:5px; width:600px; margin-bottom:20px;}





.body-sub ul li{ padding:5px 0px 5px 20px; background:url(images/bullet2.jpg) no-repeat 0px 10px;  display:block}





.body-sub h1{padding:10px 0px; padding-bottom:5px;}


.body-sub img{float:left; padding:10px;}


.entry-meta , .entry-meta a, .entry-meta:hover{ font:normal 11px Arial, Helvetica, sans-serif; color:#505050; padding-bottom:10px;}





.entry-utility {padding-bottom:15px;}


.entry-utility a{ color: #ee8400;}


.entry-utility a:hover{color:#000000;}





.navigation1 {padding-bottom:15px; width:100%; float:left;}


.nav-previous {padding:5px;border:0px solid #DADBDD; float:left; width:47%;}


.nav-next{padding:5px;border:0px solid #DADBDD; float:right;}


.nav-previous a, .nav-next a{color:#ee8400; text-decoration:none;font: bold 17px Arial, Helvetica, sans-serif;}


.nav-previous a:hover, .nav-next a:hover{color:blue; text-decoration:underline;font: bold 17px Arial, Helvetica, sans-serif;}








.big-txt {





    color: #3C3C3C;





    font-size: 18px;





    font-weight: bold;





    padding: 15px 0 15px 15px;





}





.big-txt span {





    color: #00BAFB;





}





.free-session {





    color: #3C3C3C;





    font-size: 18px;





    font-weight: bold;





    padding: 15px 0 15px 15px;





}











.free-session span {





    color: #00BAFB;





}

















.callt {





    background: url("images/phone-icon.jpg") no-repeat scroll 0 15px transparent;





    height: 41px;





    padding-left: 50px;





}











.call1 {





    color: #232323;





    font-size: 29px;





    font-weight: bold;





    padding-top: 20px;





    text-align: left;





	margin-left:20px;





}





.reduced-costs{width:348px; height:228px; padding:20px }











.txtbox {





    background: none repeat scroll 0 0 #F7F7F7;





    border: 1px solid #E9EEF4;





    height: 97px;





    vertical-align: top;





    width: 80%;





}











.footer{background:#a1c8ea; padding:20px; height:50px; margin:0 auto; width:930px; font-size:11px;}





.footer a{color:#000066; text-decoration:none; font-size:11px;}





.footer a:hover{color:#2e4e69;}











div.footer div.menu {





	width: 970px;





	margin: 0px auto;





	text-align: center;





}





div.footer div.menu ul {





	list-style: none;





	margin: 0 auto;





	width: 100%;





	text-align: center;





}





div.footer div.menu ul li {





	display: inline;





	padding: 0px 5px;





	font-size:9px;





}





#commentform p {





	margin-top: 5px;





	margin-bottom: 3px;





}





#commentform p span.required {





	padding-right:5px;





	color: red;





}





#commentform p label {





	padding-right:5px;





}





#commentform p input, .contact p input, #comment, #ccomment {





	border:1px solid #D4D0C8;





	height: 26px;





}





.contact p { margin:5px 0px; }





.contact p label.caption { display: inline-block; width: 60px; }





.contact p.comment { display: inline-block; width: 120px; }











input.error { border: 1px dotted red !important; }





input:focus { border: 1px dotted black !important; }





form.frmContact label.error, label.error { margin-left: 10px;color: red; font-style: italic; }





textarea { font-family: inherit; font-size: inherit; }











#primary { padding:0px 5px; margin-bottom:0; float:left}





.widget-area h2, .widget-area h3 { padding:0px 10px; margin-top:10px;}








.widget-area li {list-style:none; width:245px; float:left; padding-bottom:0;}





.widget-area li a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; max-width: 260px; vertical-align: middle; }





.widget-area li div { margin: 5px; }





/*.widget-container { clear: both;} */





#secondary .widget-container ul { margin-left:0px; }








img.alignright {float:right; margin:0 0 1em 1em}


img.alignleft {float:left; margin:0 1em 1em 0}


img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.alignright {float:right; }


.alignleft {float:left; }


.aligncenter {display: block; margin-left: auto; margin-right: auto}


.outlook{background:url(images/outlook-support.png) no-repeat; float:left; width:115px; height:38px; margin-left:15px;}


#content {


margin: 0 34% 0 2%;


width:75%;


}


#secondary {


margin-right: 2.6%;


width:16%;


}