@charset "utf-8";
body {font: normal 11px Tahoma; margin: 0px}
h6 {color: #337687; display: inline; font: normal 26px Arial; margin: 0px; padding: 0px}
h1 {color: #006FDE; display: inline; font: normal 19px Arial; margin: 0px; padding: 5px; border-bottom:#CCCCCC dashed 1px;}
h2 {color: #337687; display: inline; font: normal 11px Tahoma; margin: 0px; padding: 0px}
h3 {color: #333; display: inline; font: bold 14px Arial; margin: 0px; padding: 5px; border-bottom:#CCCCCC dashed 1px;}
h4 {color: #7e7e7e; display: inline; font: normal 18px Arial; margin: 0px; padding: 0px}
h5 {color: #777777; display: inline; font: normal 18px Tahoma; margin: 0px; padding: 0px}
a, a:link, a:hover, a:visited, a:active {outline: none}
img, input {vertical-align: middle}
a img {border: none; vertical-align: middle}
.hr {background: url(../images/hr-bg.gif) repeat-x; height: 2px; margin: 0px 0px 15px 0px}
.block-divider {background-color: #e0e0e0; border: none; color: #e0e0e0; height: 1px; margin: 10px 0px; padding: 0px}
.left-float {float: left}
.clr {clear: both; height: 0px; margin: 0px; padding: 0px}
.input1 {border: solid 1px #e3e3e3; color: #666666; height: 23px; width: 185px; padding: 0px 0px 0px 2px; font: normal 11px Tahoma; color: #333333}
.select1 {border: solid 1px #e3e3e3; color: #666666; height: 23px; width: 189px; padding: 0px 0px 0px 2px; font: normal 11px Tahoma; color: #333333}
.input1-small {border: solid 1px #e3e3e3; color: #666666; height: 23px; width: 112px; padding: 0px 0px 0px 2px; font: normal 11px Tahoma; color: #333333}
.textarea2 {border: solid 1px #e3e3e3; color: #666666; height: 50px; width: 185px; padding: 0px 0px 0px 2px; font: normal 11px Tahoma; color: #333333}
.input1:focus, .textarea2:focus, .input1-small:focus {border: solid 1px #cccccc}
.input-blank {background: none; border: none; color: #575757; font: normal 11px Tahoma; height: 21px; padding: 0px 0px 2px 5px; width: 170px}
.input-grey {background: url(../images/grey-input.gif) no-repeat; border: none; color: #8d8d8d; height: 17px; font: normal 11px Tahoma; padding: 5px; width: 250px}
.button-grey {background: url(../images/grey-button.gif) no-repeat; border: none; color: #8d8d8d; height: 25px; font: bold 13px Tahoma; padding: 0px 0px 2px 0px; width: 92px}
.button1 {background: url(../images/button1-bg.html) no-repeat; border: none; color: #ffffff; font: normal 10px Tahoma; height: 14px; padding: 0px 0px 2px 0px; width: 44px}
.button2 {background: url(../images/top-nav-bg.gif) repeat-x center center; border: none; color: #ffffff; cursor: pointer; font: normal 11px Tahoma; height: 26px; padding: 0px 15px 2px 15px}
#map_canvas {height: 100%}
.button2:active {background: none #02497D}
.button-green1 {background: url(../images/button-green1-bg.html) no-repeat; border: none; color: #e9ffcc; font: bold 11px Tahoma; height: 23px; padding: 0px 0px 4px 0px; width: 62px}
.img-border {border: solid 1px #eee}
.img-border:hover {border: solid 1px #333}
.textarea1 {border: dashed 1px #bbbbbb; color: #666666; background-color: #f6f6f6; margin: 10px 0px; padding: 10px; font: normal 11px Tahoma}
.textarea1.readonly {border: solid 1px #bbbbbb; color: #666666; font: normal 11px Tahoma}
.domain-input {background: url(../images/domain-input.html) no-repeat; border: none; color: #4d8a99; font: bold 16px Arial; height: 29px; margin: 5px 0px 0px 0px; padding: 5px 5px; width: 294px}
.domain-button {background: url(../images/a-button2-bg.html) no-repeat; border: none; color: #fbfbfb; cursor: pointer; display: inline; float: right; font: bold 14px Arial; height: 40px; padding: 0px 0px 5px 0px; width: 113px}
.domain-button:hover {background: url(../images/a-button2-bg-hover.html) no-repeat; color: #ffffff}
.a-button1 {background: url(../images/a-button1-bg.gif) no-repeat; float: right; margin: 10px 0px 0px 0px; width: 153px}
.a-button1 a {color: #fbfbfb; display: block; font: bold 14px Arial; height: 30px; padding: 10px 0px 0px 0px; text-align: center; text-decoration: none}
.a-button1 a:hover {background: url(../images/a-button1-bg-hover.gif) no-repeat; color: #ffffff; text-decoration: none}
.hidden {display: none}
.visible {display: block}
#wrapper {margin: 0px}
#head {background: url(../images/top-bg.gif) repeat-x center top; margin: 0px}
.head-fixed {margin: 0px auto; position: relative; width: 990px}
.logo {display: inline; float: left; width: 480px; height: 123px; margin: 17px 0px 0px 17px; background:url(../images/swetechlogo.png) no-repeat left top;  }
.logo a {display: block; height: 123px}
.head-right {float: right; width: 500px}
.head-right .top-contact {color: #595959; font: bold 12px Arial; padding: 21px 10px 0px 0px; text-align: right}
.head-right .top-contact .cntct {color: #595959; float: right; margin: 3px 0px 0px 0px; width: 350px}
.head-right .top-contact .cntct a {color: #595959; text-decoration: none}
.head-right .top-contact .cntct a:hover {color: #000000; text-decoration: none}
.head-right .top-contact .social-icons {float: right; width: 130px}
.head-right .contact-numbers {color: #666666; font: bold 11px Tahoma; padding: 10px 12px 5px 0px; text-align: right}
.head-right .contact-numbers img {margin: -2px 0px 0px 0px}
.social-icons ul {list-style: none; margin: 0px; padding: 0px}
.social-icons ul li{display: inline; float: left; height: 23px; list-style: none; margin: 0px 0px 0px 8px; padding: 0px; width: 24px}
.social-icons ul li a {display: block; float: left; height: 23px; width: 24px}
.social-icons ul li.twitter a {background: url(../images/twitter.gif) no-repeat}
.social-icons ul li.twitter a:hover {background: url(../images/twitter-over.gif) no-repeat}
.social-icons ul li.facebook a {background: url(../images/facebook.gif) no-repeat}
.social-icons ul li.facebook a:hover {background: url(../images/facebook-over.gif) no-repeat}
.social-icons ul li.rss a {background: url(../images/rss.gif) no-repeat}
.social-icons ul li.rss a:hover {background: url(../images/rss-ho.gif) no-repeat}
.social-icons ul li.linkedin a {background: url(../images/linkedin.gif) no-repeat}
.social-icons ul li.linkedin a:hover {background: url(../images/linkedin-over.gif) no-repeat}
.head-right .shopping-cart {display: inline; float: right; margin: 7px 10px 0px 0px; width: 190px}
.head-right .search {background: url(../images/search-bg.gif) no-repeat; float: right; height: 23px; margin: 23px 0px 0px 0px; text-align: right; width: 201px}
.search .search-icon {background: url(../images/search-icon.gif) no-repeat left 5px; border: none; cursor: pointer; height: 23px; width: 20px}
.head-right .top-navigations {display: inline; float: right; margin: 5px 10px 0px 0px; width: 180px}
.top-navigations .nav-left {background: url(../images/top-nav-left.gif) no-repeat; float: left; height: 31px; width: 4px}
.top-navigations .nav-mid {background: url(../images/top-nav-bg.gif) repeat-x; color: #ffffff; float: left; font: bold 16px arial; height: 23px; padding: 8px 0px 0px 0px; text-align: center; text-shadow: 1px 1px 0px #0170a9; width: 160px}
.top-navigations .nav-mid a {color: #ffffff; text-decoration: none}
.top-navigations .nav-mid a:hover {color: #ffffff; text-decoration: underline}
.top-navigations .nav-right {background: url(../images/top-nav-right.gif) no-repeat; float: left; height: 31px; width: 4px}
#navigation {padding: 10px 0px 0px 0px}
#navigations {background: url(../images/navigation-bg.gif) repeat-x; height: 50px}
#navigation .navigations {margin: 0px auto; height: 1%; width: 965px}
ul#topnav {list-style: none; margin: 0px; padding: 0px; z-index: 100}
ul#topnav li {display: inline; float: left; font: normal 14px Arial; list-style: none; margin: 0px; padding: 0px; position: relative}
ul#topnav li a {color: #ffffff; display: block; float: left; text-decoration: none; text-shadow: 1px 1px 0px #000000}
* html .navigations ul li a {display: inline-block}
.navigations ul#topnav li a span {display: block; float: left}
.navigations ul#topnav li a span span {
	display: block;
	float: left;
	height: 25px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.navigations ul#topnav li a:hover {background: url(../images/navigation-hover.gif) repeat-x; color: #ffffff; text-decoration: none}
.navigations ul#topnav li a:hover span {background: url(../images/navigations-hover-arrow.gif) no-repeat center bottom}
.navigations ul#topnav li a.selected {background: url(../images/navigation-hover.gif) repeat-x; color: #ffffff; text-decoration: none}
.navigations ul#topnav li a.selected span {background: url(../images/navigations-hover-arrow.gif) no-repeat center bottom}
.navigations ul#topnav li a:active {background: url(../images/navigation-active-left.gif) no-repeat left top; color: #ffffff; text-decoration: none}
.navigations ul#topnav li a:active span{background: url(../images/navigation-active-right.gif) no-repeat right top}
.navigations ul#topnav li a:active span span {background: url(../images/navigations-hover-arrow.gif) no-repeat center bottom}
.navigations ul#topnav li a#active {background: url(../images/navigation-active-left.gif) no-repeat left top; color: #c2eaff; text-decoration: none}
.navigations ul#topnav li a#active span{background: url(../images/navigation-active-right.gif) no-repeat right top}
.navigations ul#topnav li a#active span span {background: url(../images/navigations-hover-arrow.gif) no-repeat center bottom}
ul#topnav li .sub {position: absolute; top: 48px; left: 0; background: #333333; padding: 0px 0px 10px 0px; float: left; display: none}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 200px;	float: left}
ul#topnav .sub ul li { width: 100%;	font: normal 11px Tahoma}
ul#topnav .sub ul li a {float: none; border-top: dotted 1px #666666; padding: 10px 5px 10px 15px; display: block; text-decoration: none; color: #eeeeee}
ul#topnav .sub ul li:first-child a { border-top: none}
ul#topnav .sub ul li a:hover {color: #dddddd; background: none #000000}
#mid {background: url(../images/bottom-logos-bg.gif) repeat-x center bottom; padding: 0px 0px 0px 0px}
#mid .mid {margin: 0px auto; padding: 0px 0px 25px 0px; width: 983px}
#mid .mid .banner {padding: 10px 0px 0px 9px}
#banner {background: url(../images/banner-bg.jpg) no-repeat center center}
#banner .banner-services {display: inline; float: right; height: 258px; margin: 0px 130px 0px 0px; padding: 40px 0px 10px 0px; text-align: right; width: 425px}
.banner-services ul.features {display: inline; float: left; height: 1%; margin: 30px 0px 0px 75px; padding: 0px; text-align: left; width: 180px}
.banner-services ul.features li {color: #2a6675; font: normal 11px Tahoma; line-height: 16px; list-style-image: url(../images/check.gif); list-style-position: outside;  padding: 0px}
.banner-services ul.services {float: left; margin: 30px 0px 0px 0px; padding: 0px; text-align: left; width: 170px}
.banner-services ul.services li {color: #2a6675; font: normal 11px Tahoma; line-height: 16px; list-style-image: url(../images/check.gif); list-style-position: outside; padding: 0px}
.banner-services ul li a {color: #2a6675; text-decoration: none}
.banner-services ul li a:hover {color: #2a6675; text-decoration: underline}
.left {display: inline; float: left; margin: 10px 0px 0px 10px; width: 242px} .left img{ padding:5px 0px;}
.left-box:first-child {margin: 0px 0px 0px 0px}
.left-box {background: url(../images/grey-x-bg.gif) repeat-x left bottom; border:#CCCCCC solid 1px;  box-shadow: 1px 1px 1px 3px #eee; margin: 10px 0px 0px 0px; padding: 10px}
.left-box .news-content {border-bottom: dashed 1px #585858; color: #585858; font: normal 11px Tahoma; line-height: 16px; padding: 5px 0px 5px 0px}
.left-box .view-all {color: #666666; font: normal 11px tahoma; float: right; text-decoration: none; margin: 10px 0px 0px; width: 37px}
.left-box .view-all:hover {color: #333333; text-decoration: underline} 
.left-box .news-content strong a {color: #003b7d; float: none; text-decoration: none}
.left-box .news-content strong a:hover {color: #003b7d; float: none; text-decoration: underline}
.left-box .news-content a {color: #585858; float: right; text-decoration: underline}
.left-box .news-content a:hover {color: #585858; float: right; text-decoration: none}
.left-box .news-content-desc {height: 28px; line-height: 15px; overflow: hidden; text-align: justify;}
.left-box .news-flash {height: 256px; overflow: hidden}
.left-box ul {list-style: none; margin: 5px 0px 0px 0px; padding: 0px}
.left-box ul li {list-style: none; margin: 1px 0px 0px 0px; padding: 0px}
.left-box ul li a {background-color: #efefef; color: #666666; display: block; font: normal 11px Tahoma; margin: 0px; padding: 5px 10px; text-decoration: none}
.left-box ul li a:hover {background-color: #f7f7f7; color: #333333; text-decoration: none}
.right {background: url(../images/grey-x-bg.gif) repeat-x left bottom; border:#CCCCCC solid 1px;  box-shadow: 1px 1px 1px 3px #eee; float: left; min-height: 293px; margin: 10px 0px 0px 10px; padding: 10px; width: 683px}
.right p {color: #606060; font: normal 11px Tahoma; line-height: 16px; margin: 10px 0px 0px 0px; padding: 0px; text-align: justify}
.right ul {list-style: outside circle; margin: 10px 10px 10px 25px; padding: 0px}
.right ul li {color: #606060; font: normal 11px Tahoma; margin: 10px 0px}
.right a {color: #4c8b00; font: normal 11px Tahoma; margin: 10px 0px 0px 0px; text-decoration: none}
.right a.read-more {color: #4c8b00; float: right; font: normal 11px Tahoma; margin: 10px 0px 0px 0px; text-decoration: none}
.right a:hover {color: #4c8b00; text-decoration: underline}
.right h2 {padding-left: 35px; margin-top: -12px; display: block}
.right .content-block, .right .content-block1 {background-color: #ffffff; border: dashed 1px #cccccc; padding: 10px}
.right .content-block1:hover {background-color: #f7f7f7}
.right .content-block table {border: solid 1px #cccccc; border-collapse: collapse; color: #666666; font: normal 11px Tahoma; margin: 10px}
.right .content-block table tr.headings {background-color: #f0f0f0; color: #006699; font: bold 11px Tahoma}
.right .block {background-color: #f9f9f9; border: dashed 1px #cccccc; color: #666666; display: inline; float: left; font: normal 11px Tahoma; line-height: 16px; margin: 10px 5px 0px 5px; padding: 9px; text-align: justify; width: 310px}
.right .block:hover {background-color: #f5f5f5}
.right .block h3 {color: #006699; font: bold 13px Arial}
.right .block h3 a {color: #006699; font: bold 13px Arial; text-decoration: none}
.right .block h3 a:hover {color: #000000; text-decoration: none}
.right .promotion {margin: 10px 0px 10px 12px}
.right .promotion ul {list-style: none; margin: 0px; padding: 0px}
.right .promotion ul li {float: left; list-style: none; margin: 0px 10px 0px 0px; padding: 0px; text-align:center; width: 152px}
.right .promotion ul li a {background-color: #f7f7f7; color: #999999; border: solid 1px #cccccc; display: block; font: normal 18px Tahoma;  list-style: none; margin: 0px 10px 0px 0px; padding: 10px; text-decoration: none}
.right .promotion ul li a:hover {background-color: #ffffff; color: #666666; text-decoration: none}
.right .promotion ul li a span {display: block; margin: 0px 0px 10px 0px}
.right .form {margin: 10px auto; width: 340px}
.right .form-input1 {float: left; font: normal 11px Tahoma; margin: 5px 0px; padding: 0px 5px; text-align: right; width: 100px}
.right .form-input2 {float: left; margin: 5px 0px; padding: 0px 5px; text-align: left; width: 200px}
.right .form-input1 span {display: block; padding: 7px 0px 0px 0px}
.right .form-input2 input[type=text] {border: solid 1px #e3e3e3; color: #666666; height: 25px; width: 200px}
.right .form-input2 textarea {border: solid 1px #e3e3e3; color: #666666; height: 75px; width: 202px}
.right .form-input2 input[type=text]:focus, .right .form-input2 textarea:focus {border: solid 1px #cccccc}
.right .content-block1 .block-thumb {border: solid 2px #f0f0f0; float: left; height: 150px; overflow: hidden; width: 430px}
.right .content-block1 .block-thumb:hover {border: solid 2px #cccccc}
.right .content-block1 .block-description {float: left; font: normal 11px Tahoma; line-height: 15px; padding: 0px 0px 0px 19px; overflow: hidden; width: 208px}
.right #slider {margin: 0 0 0 8px}
.right #slider ul {list-style: none; margin: 0; padding: 0}
.right #slider ul li {float: left; font: bold 11px Tahoma; height: 200px; list-style: none; margin: 0; padding: 0; text-align: center; width: 216px}
p#controls {margin:0; padding:0; position:relative}
#prevBtn {display:block; margin:0; overflow:hidden; width:32px; position:absolute; left: 0; top: -140px; z-index: 1000}
#nextBtn {display:block; margin:0; overflow:hidden; width:32px; position:absolute; left: 630px; top: -140px; z-index: 1000}
#prevBtn a {display:block; height:26px !important; background:url(../images/l_arrow.html) no-repeat}
#nextBtn a {display:block; height:26px !important; background:url(../images/r_arrow.html) no-repeat}
.bottom-logos {margin: 10px 14px 10px 10px}
#quote{position: fixed; right: 0; top: 220px; width: 28px; z-index: 100}
#quote .quote {float: right; width: 240px}
#quote .quote a#quote-link {background: url(../images/live-chat.gif) no-repeat; display: block; float: right; height: 130px; width: 28px}
#quote .quote #quote-content {background: #ffffff; border: solid 1px #c7d4ec; display: none; float: right; margin: 0px 0px 0px -1px; padding: 10px; width: 190px}
#quote .quote #quote-content .input1, #quote .quote #quote-content .select1, #quote .quote #quote-content .input1-small, #quote .quote #quote-content .textarea2 {margin: 0px 0px 5px 0px}
.bottom-links {margin: 20px 0px 0px 10px}
.bottom-links .btm-link {background: url(../images/bottom-link-bg.gif) no-repeat; float: left; height: 181px; margin: 0px 12px 0px 0px; padding: 22px 19px 0px 19px; width: 273px}
.btm-link .link-icon{background: url(../images/link-icon.png) no-repeat center center; clear: both; float: left; height: 100px; margin: 15px 0px 0px 0px; width: 95px}
.btm-link .info-icon{background: url(../images/info-icon.png) no-repeat center center; clear: both; float: left; height: 100px; margin: 15px 0px 0px 0px; width: 95px}
.btm-link h4 span {color: #006FDE}
.btm-link .btm-content {display: inline; color:#666666; float: left; margin: 5px; width: 150px; padding:5px; font-size:12px; line-height:20px;}
.btm-link .btm-content ul {list-style: none; margin: 0px; padding: 2px}
.btm-link .btm-content ul li {color: #7b7b7b; font: normal 11px Tahoma; list-style: none; line-height: 24px; margin: 0px; padding: 0px}
.btm-link .btm-content ul li a {color: #7b7b7b; text-decoration: none}
.btm-link .btm-content ul li a:hover {color: #000000; text-decoration: none}
.btm-link .testimonial {background: url(../images/quotes.png) no-repeat center center; margin: 5px -10px 0px -10px}
.testimonial .testi-content {color: #5a5a5a; font: normal 11px Tahoma; line-height: 15px; text-align: justify}
.testimonial .testi-info {color: #5a5a5a; font: normal 11px Tahoma; line-height: 15px; margin: 7px 0px 0px 0px; text-align: right}
.testimonial .testi-info strong {color: #3683c9; font: bold 11px Tahoma; line-height: 15px; text-align: right}
#footer {background-color: #474747; border-bottom: solid 1px #575757; border-top: solid 1px #373737}
#footer .footer {margin: 0px auto; width: 960px}
.footer .footer-services {display: inline; float: left; margin: 0px 0px 0px 11px; width: 300px}
.footer .footer-we-are {display: inline; float: left; margin: 0px 0px 0px 40px; width: 300px}
.footer .newsletter {display: inline; float: left; margin: 0px 0px 0px 40px; width: 260px}
.footer h5 {
	display: block;
	margin: 20px 0px;
	padding-left: 8px;
}
.footer .footer-content {color: #8d8d8d; font: normal 11px Tahoma}
.footer .footer-content .cert-1 {display: inline; float: left; margin: 10px 0px 0px 10px; text-align: left; width: 100px}
.footer .footer-content .cert-2 {display: inline; float: left; margin: 10px 0px 0px 25px; text-align: right; width: 140px}
.footer .footer-content ul {display: inline; float: left; list-style: none; margin: 0px 0px 0px 10px; padding: 0px}
.footer .footer-content ul.footer-nav-1 {width: 150px}
.footer .footer-content ul li{list-style: none; line-height: 20px; margin: 0px; padding: 0px}
.footer .footer-content ul li a {color: #8d8d8d; text-decoration: none}
.footer .footer-content ul li a:hover {color: #cccccc; text-decoration: none}
.footer .newsletter .input-grey {margin: 0px 0px 10px 0px}
.footer .newsletter .button-grey {float: right}
.footer .newsletter .valid-cert {margin: 15px 0px; text-align: right}
#footer-links {background-color: #383838; border-top: solid 1px #202020}
#footer-links .footer-links {color: #AAAAAA; font: normal 11px Tahoma; height: 30px; margin: 0px auto; padding: 20px 0px 0px 0px; width: 960px}
.footer-links .footer-left {display: inline; float: left; margin: 0px 0px 0px 20px; width: 300px}
.footer-links .footer-right {float: right; font: bold 11px Tahoma; width: 310px}
.footer-links a {color: #6b6b6b; text-decoration: none}
.footer-links a:hover {color: #cccccc; text-decoration: none}


.othrsitlnks { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .othrsitlnks a{ text-decoration:none; color:#FF9900} .othrsitlnks a:hover { text-decoration:none; color:#222}

.maillnks { font-family:Arial, Helvetica, sans-serif; font-size:12px;  } .maillnks a{ text-decoration:none; color:#ccc} .maillnks a:hover { text-decoration:none; color:#fff}







.heading1{
color: #006FDE;  font: normal 19px Arial; margin: 0px; padding: 5px; border-bottom:#E5E4E4 solid 1px;

}

.bodytext{
color: #333;  font: normal 12px Arial;  padding: 5px;
line-height:23px;
text-align:justify;

}






.imgborderadius{
border:#CCCCCC solid 1px;
padding:2px;
}



.top-navigations .nav-midle {background: url(../images/top-nav-bg.gif) repeat-x; color: #ffffff; float: left; font: bold 16px arial; height: 23px; padding: 8px 0px 0px 0px; text-align: center; text-shadow: 1px 1px 0px #0170a9; width: 300px; text-decoration:none;}
.nav-midle a { color: #ffffff;  font: bold 16px arial; text-decoration:none;  }

.nav-midle a :hover { color: #ffffff;  font: bold 16px arial; text-decoration:underline; }