/*body -- all --*/
body {background: #ffffff; color:#373636; margin: 0px; font-family: "Arial"; font-size: 12px;
}



#main {width:100%;
}

.contentsize {width:980px;
}

.load{background:url('images/spinner.gif') no-repeat center;}

.loadindexshowcase{background:url('images/spinner.gif') no-repeat center; width:130px; height:88px;}

.loadsolution{background:url('images/spinner.gif') no-repeat center; width:300px; height:106px;}

.loademail{background:url('images/spinner.gif') no-repeat center; width:370px; height:100px;}

.loadnewsletterbig {background:url('images/spinner.gif') no-repeat center; width:460px; height:544px;}

/*top menu -- all --*/
#topline {background-color:#0a5aba; height:2px;
}

#topbg {background:url(images/top-bgsmall.jpg) repeat-x top left; height:60px;
}

#logo {padding-top:0px;
}

/*top banner -- all --*/
#bannerbg {background:url(images/banner-bg.jpg) repeat-x top left; height:343px;
}

#banner {width:794px; float:left; margin-top:17px;
}

.sbanner {width:184px; float:left; padding-left:2px; margin-top:17px;
}

.sbannerpad {padding-bottom:2px; width:184px; height:102px;
}

/*bottom -- all --*/
#bottombg {background:url(images/bottom-bg.jpg) repeat-x top left #0c3459; padding-top:15px; padding-bottom:2px;
}

#bottomtext {color:#b6b6b6; font-size:11px; 
}

h6 {font-size:10px; color:#b6b6b6; font-weight:lighter; padding-bottom:10px; padding-top:20px
}

#h6noscript {font-size:10px; color:#b6b6b6; font-weight:lighter; padding-bottom:10px; padding-top:20px
}

.bottomscripts {padding: 0; color: #b6b6b6; font-size:11px;
}

a.h1taglink:link {
color: red; background-color: transparent; text-decoration:none;
}
a.h1taglink:visited {
color: red; background-color: transparent; text-decoration:none;
}
a.h1taglink:active {
color: red; background-color: transparent; text-decoration:none;
}
a.h1taglink:hover {
color: red; background-color: transparent; text-decoration: underline;
}

a.bottom1st:link {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:13px;
}
a.bottom1st:visited {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:13px;
}
a.bottom1st:active {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:13px;
}
a.bottom1st:hover {
color: #ffffff; background-color: transparent; text-decoration: underline; font-size:13px;
}

a.bottomnav:link {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:11px;
}
a.bottomnav:visited {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:11px;
}
a.bottomnav:active {
color: #ffffff; background-color: transparent; text-decoration:none; font-size:11px;
}
a.bottomnav:hover {
color: #ffffff; background-color: transparent; text-decoration: underline; font-size:11px;
}


/*content -- all --*/
#contentbg {background: url(images/content-bg.jpg) repeat-x top left; min-height:240px;
}

#page {width:740px; float:left;padding-top:24px; padding-bottom:20px;
}

#pagefull {width:710px; float:left;padding-left:30px;
}

#title {font-size:17px; color:#000000;
}

/*side nav --*/
#sidenavbg {width:240px; float:left; background:url(images/sidenavbg.png) no-repeat top right; height:766px;
}

#sidenavbgshort {width:240px; float:left; background:url(images/sidenavbgshort.png) no-repeat top right; height:500px;
}

#sidenav {padding-top:24px;
}

#sidenavtitle {padding-left:18px; font-weight:bold; color:#9b9b9b;
}

/*subscribe --*/
#subscribebg {background:url(images/subsribebg.png) no-repeat left top; width:308px; height:150px; margin-top:10px;
}

#subscribe {width:288px; padding: 61px 0px 10px 20px;
}

.inputsubscribe{
	border-top:1px solid #009966;
	border-left:1px solid #009966;
	border-right:1px solid #009966;
	border-bottom:1px solid #009966;
	border-color:#c2c2c2;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 	width:150px;
	height:17px;
 	margin:2px;
 	color:#666666;
}


/*index solution slide effect --*/
.stripViewer .panelContainer .panel ul {
text-align: left;
margin:0;
}
		
.slider-wrap {
margin:0px 0px 35px 0px;
position: relative;
width: 980px;
text-align:left;
}

.csw {width: 980px; height: 261px; overflow: scroll}
.csw .loading {margin: 100px 0 100px 0; text-align: center}

.stripViewer {
position: relative;
overflow: hidden; 
margin: auto;
width: 980px;
height: 261px;
clear: both;
}
		
.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}
		
.stripViewer .panelContainer .panel {
float:left;
height: 100%;
position: relative;
width: 980px;
}
		
.stripViewer .panelContainer .panel .wrapper { padding: 0;
}
		
.stripNav { margin: 0; display: none;
}
		
.stripNav ul { list-style: none;
}
		
.stripNav ul li {float: left; margin-right: 2px;
}
		
.stripNav a { font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; text-decoration: none; display: block; padding: 0 15px;
}
		
.stripNav li.tab1 a { background: #fff }
.stripNav li.tab2 a { background: #fff }
.stripNav li.tab3 a { background: #fff }
.stripNav li.tab4 a { background: #fff }
.stripNav li.tab5 a { background: #fff }
		
.stripNav li a:hover { color:#fff;
}

.stripNav li a.current {color:#fff;
}
		
.stripNavL{
position: absolute;
top: 260px;
text-indent: -2em;
}

.stripNavR {
position: absolute;
top: 260px;
text-indent: 8em;
}
		
.stripNavL a {
display: block;
height: 28px;
width: 89px;
color:#ffffff;
}

.stripNavR a {
display: block;
height: 27px;
width: 89px;
color:#ffffff;
}
		
.stripNavL { left: 0; margin-left:400px;
}
		
.stripNavR { right: 0; margin-right:404px; margin-top:1px;
}
		
.stripNavL { background: url("images/arrow-left.jpg") no-repeat center;
}
		
.stripNavR { background: url("images/arrow-right.jpg") no-repeat center;
}

/*index solution slide effect content--*/
.indexsolutionsbg1 {background:url(images/solutions1.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg2 {background:url(images/solutions2.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg3 {background:url(images/solutions3.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg4 {background:url(images/solutions4.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg5 {background:url(images/solutions5.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg6 {background:url(images/solutions6.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg7 {background:url(images/solutions7.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionsbg8 {background:url(images/solutions8.jpg) no-repeat left top; width:245px; height:261px;
}

.indexsolutionscontent {padding:75px 28px 3px 28px;
}

a.sup:link {
color: #198ed1; background-color: transparent; text-decoration:none; font-size:12px;
}
a.sup:visited {
color: #198ed1; background-color: transparent; text-decoration:none; font-size:12px;
}
a.sup:active {
color: #198ed1; background-color: transparent; text-decoration:none; font-size:12px;
}
a.sup:hover {
color: #000000; background-color: transparent; text-decoration:underline; font-size:12px;
}

a.indexsol:link {
color: #198ed1; background-color: transparent; text-decoration:underline; font-size:11px;
}
a.indexsol:visited {
color: #198ed1; background-color: transparent; text-decoration:underlinee; font-size:11px;
}
a.indexsol:active {
color: #198ed1; background-color: transparent; text-decoration:underline; font-size:11px;
}
a.indexsol:hover {
color: #000000; background-color: transparent; text-decoration:underline; font-size:11px;
}

/*index --*/
.indextitle {background:url(images/indexpic3.jpg) no-repeat top left; padding-bottom:8px;
}

.indexcontent {
}

#port {position: relative; width: 592px; height: 96px; margin: 0 auto;
}

#port-index {float: left; margin: 0 5px;
}

#port-index a img { border: 1px solid #c1c1c1; padding: 3px; vertical-align: top; margin:0 5px 0 0;
}

#port-index a:hover img { border: 1px solid #F5F5F5; padding: 3px; vertical-align: top; margin:0 5px 0 0;
}

/* index tab (page3) --*/
#resourceslink { text-align:left; width:100%; font-size:12px;
}

#resourceslink a { text-decoration:none; color:#333333; padding: 4px 3px 4px 3px;
}

#resourceslink a:hover {text-decoration: underline; color:#3333FF; padding: 4px 3px 4px 3px;
}

/*solutions --*/
.ecom {padding-bottom:12px; 
}

.emailmarketing {padding-bottom:10px; 
}

.newsletterbg {background:url(images/newsletterbg.jpg) no-repeat center top; width:317px; height:385px;
}

a.screenshot:link {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.screenshot:visited {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.screenshot:active {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.screenshot:hover {
color:#2a59d3; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}

#cms {border:solid 1px #eeeeee;
}

.cmstitle {background-color:#f6f6f6; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;
}

.cmstitlebottom {background-color:#f6f6f6; border-left:solid 1px #ffffff;
}

.cmstitleblank {background-color:#f6f6f6; border-right:solid 1px #eeeeee;
}

.cmscontent {background-color:#ffffff; border-top:solid 1px #eeeeee; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee; 
padding:8px 3px 8px 3px;
}

.cmscontentbottom {background-color:#ffffff; border-top:solid 1px #eeeeee; border-left:solid 1px #ffffff;padding:8px 3px 8px 3px;
}

.cmscontentblank {background-color:#ffffff; border-top:solid 1px #eeeeee; border-right:solid 1px #eeeeee;padding:8px 3px 8px 12px; font-weight:bold;
}

/*internet marketing --*/
#im {border:solid 1px #eeeeee;
}

.imtitle {background-color:#f6f6f6; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;
}

.imtitlebottom {background-color:#f6f6f6; border-left:solid 1px #ffffff;
}

.imtitleblank {background-color:#f6f6f6; border-right:solid 1px #eeeeee;
}

.imcontent {background-color:#ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;  border-bottom:solid 1px #eeeeee;
padding:8px 3px 8px 3px;
}

.imcontent2 {background-color:#ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;  border-bottom:solid 1px #eeeeee;
padding:15px 3px 8px 3px;
}

.imcontent3 {background-color:#ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;  border-bottom:solid 1px #ffffff;
padding:8px 3px 8px 3px;
}

.imcontentbottom {background-color:#ffffff; border-left:solid 1px #ffffff;padding:8px 3px 8px 3px; border-bottom:solid 1px #eeeeee;
}

.imcontentbottom2 {background-color:#ffffff; border-left:solid 1px #ffffff;padding:15px 3px 8px 3px; border-bottom:solid 1px #eeeeee;
}

.imcontentbottom3 {background-color:#ffffff; border-left:solid 1px #ffffff;padding:8px 3px 8px 3px; border-bottom:solid 1px #ffffff;
}

.imcontentblank {background-color:#ffffff; border-right:solid 1px #eeeeee;padding:8px 3px 8px 12px; font-weight:bold; border-bottom:solid 1px #eeeeee;
}

.imcontentblank3 {background-color:#ffffff; border-right:solid 1px #eeeeee;padding:8px 3px 8px 12px; font-weight:bold; border-bottom:solid 1px #ffffff;
}


.imcontentblankseo {background-color:#ffffff; border-right:solid 1px #eeeeee;padding:8px 3px 8px 12px; border-bottom:solid 1px #eeeeee;
}

.imcontentblank3seo {background-color:#ffffff; border-right:solid 1px #eeeeee;padding:8px 3px 8px 12px; border-bottom:solid 1px #ffffff;
}

.imcontentbottomseo {background-color:#ffffff; border-left:solid 1px #ffffff;padding:4px 3px 1px 3px; border-bottom:solid 1px #eeeeee;
}

.imcontentbottom3seo {background-color:#ffffff; border-left:solid 1px #ffffff;padding:4px 3px 2px 3px; border-bottom:solid 1px #ffffff;
}

.imcontentseo {background-color:#ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;  border-bottom:solid 1px #eeeeee;
padding:8px 3px 8px 8px;
}

.imcontent3seo {background-color:#ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #eeeeee;  border-bottom:solid 1px #ffffff;
padding:8px 3px 8px 8px;
}

.imcontenttopseo {background-color:#FF0000; color:#FFFFFF; font-weight:bold; border-right:solid 1px #eeeeee;padding:8px 3px 8px 3px; border-bottom:solid 1px #eeeeee;
}

.imcontentbtopseo {background-color:#ff0000; color:#FFFFFF; font-weight:bold; padding:8px 3px 8px 3px; border-bottom:solid 1px #eeeeee;
}

/*internet marketing accordian--*/
.im-accordion_headings{
	cursor:pointer;
}

.im-accordion_headings:hover{ 
	width:673px; 
}

/*promotion --*/
.ppfree {color:#FF0000;
}

/*promotion accordian--*/
* {
	margin:0;
	padding:0;
	list-style:none;
}

#basic-accordian{
	width:674px;
	position:absolute;
	z-index:2;
}

.accordion_headings{
	cursor:pointer;
	padding-top:20px;
}

.accordion_headings:hover{ 
background: url(images/promotion-titler.png) no-repeat right top; 
width:673px; 
}

.accordion_child{
	background:#EEE;
}

.header_highlight{
}


/*portfolio --*/
.gallery { margin:0; }

.list-none { list-style-type: none; padding:0px; margin:0px; }

.gallery li { float: left; padding-right:8px; padding-bottom:8px; }

.gallery li a { display: block; height: 175px; border: solid 1px #E5E5E5;  text-decoration:none;}
.gallery li a:hover { border: solid 1px #E2E2E2; text-decoration:none; background-color:#E2E2E2 }

.gallery li a img { display: block; padding: 8px 8px 5px 8px; }

.gallery li a .ptitle { color: #9E9E9E; padding-left:10px; float:left; width:195px
}

.gallery li a:hover .ptitle { color:#575757;; padding-left:10px; float:left; width:195px
}

.multimediavideobg {background:url(images/portfoliovideobg.jpg) no-repeat center top; height:484px;
}

/*newsletter --*/
a.newsletter:link {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.newsletter:visited {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.newsletter:active {
color:#3a3a3a; background-color: transparent; text-decoration:none; font-size:11px; font-weight: bold;
}
a.newsletter:hover {
color:#3a3a3a; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}

a.subnewsletter:link {
color:#3a3a3a; background-color: transparent; text-decoration:none;
}
a.subnewsletter:visited {
color:#3a3a3a; background-color: transparent; text-decoration:none;
}
a.subnewsletter:active {
color:#3a3a3a; background-color: transparent; text-decoration:none;
}
a.subnewsletter:hover {
color:#3a3a3a; background-color: transparent; text-decoration: underline;
}

.newsletterline {background:url(images/newsletter-rightcontentline.jpg) repeat-y left top;
}

.newsletterdot {background:url(images/newsletterdot.jpg) repeat-x left top; color:#828282; font-size:10px;
}

.prevnews ul {
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 23px;
}

.prevnews ul li {
}

/*contact --*/
a.googlemap:link {
color:#666666; background-color: transparent; text-decoration:none; font-size:10px;
}
a.googlemap:visited {
color:#666666; background-color: transparent; text-decoration:none; font-size:10px;
}
a.googlemap:active {
color:#666666; background-color: transparent; text-decoration:none; font-size:10px;
}
a.googlemap:hover {
color:#666666; background-color: transparent; text-decoration: underline; font-size:10px;
}

a.email:link {
color:#0066FF; background-color: transparent; text-decoration: underline;
}
a.email:visited {
color:#0066FF; background-color: transparent; text-decoration: underline;
}
a.email:active {
color:#0066FF; background-color: transparent; text-decoration: underline;
}
a.email:hover {
color:#666666; background-color: transparent; text-decoration: underline;
}

.input1{
	border-top:1px solid #009966;
	border-left:1px solid #009966;
	border-right:1px solid #009966;
	border-bottom:1px solid #009966;
	border-color:#c2c2c2;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:350px;
	height:75px;
}

.input2{
	border-top:1px solid #009966;
	border-left:1px solid #009966;
	border-right:1px solid #009966;
	border-bottom:1px solid #009966;
	border-color:#c2c2c2;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:350px;
	height:17px;
}

.input3{
	border-top:1px solid #009966;
	border-left:1px solid #009966;
	border-right:1px solid #009966;
	border-bottom:1px solid #009966;
	border-color:#c2c2c2;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:180px;
	height:17px;
}

/*news --*/
a.newsmore:link {
color: #055284; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}
a.newsmore:visited {
color: #055284; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}
a.newsmore:active {
color: #055284; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}
a.newsmore:hover {
color: #9d9d9d; background-color: transparent; text-decoration: underline; font-size:11px; font-weight: bold;
}

.newssection {padding:4px 0px 1px 0px;
}

a.newsbtn:link {
color: #333333; background-color: transparent; text-decoration: none;
}
a.newsbtn:visited {
color: #333333; background-color: transparent; text-decoration: none;
}
a.newsbtn:active {
color: #333333; background-color: transparent; text-decoration: none;
}
a.newsbtn:hover {
color: #0066FF; background-color: transparent; text-decoration: underline;
}



/*products --*/
#productlaunches {background:url(images/products-launchesbg.jpg) no-repeat top left; width:630px; height:288px;
}

#subscribeproduct {width:300px; padding: 110px 0px 10px 14px; color:#FFFFFF;
}

.inputsubscribeproduct{
	border-top:1px solid #009966;
	border-left:1px solid #009966;
	border-right:1px solid #009966;
	border-bottom:1px solid #009966;
	border-color:#c2c2c2;
	background-color:#F9F9F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 	width:185px;
	height:17px;
 	margin:2px;
 	color:#666666;
}

/* sitemap --*/
.mainsite {width:208px;
}

.site-h {background:url(images/articlesline.jpg) repeat-y top center; height:100%; width:4px;
}

.site-v {background:url(images/articlesline-v.jpg) repeat-x top left; height:4px;
}

.sitecat {font-size:24px; color:#003ecb; width:215px; text-align:left;
}

.sitecontent {font-size:11px; padding-top:3px; padding-bottom:20px; text-align:left; color:#969696;
}

.sitecontent > p {padding-bottom:8px; padding-top:5px;
}

a.sitemap:link {
font-size:12px; color:#000000; text-decoration:none;
}
a.sitemap:visited {
font-size:12px; color:#000000; text-decoration:none;
}
a.sitemap:active {
font-size:12px; color:#000000; text-decoration:none;
}
a.sitemap:hover {
font-size:12px; color:#000000; text-decoration:underline;
}

/* bottom articles --*/
.bottom-articles { width:673px; text-align:left; padding-top:30px;
}

.b-articlesbg {background:url(images/bottom-articlestop.jpg) no-repeat left top; width:673px; height:200px;
}

#b-articleslink {width:100%; height:140px;
}

#b-articleslink a { text-decoration:none; color:#333333; padding: 4px 3px 4px 3px;
}

#b-articleslink a:hover {text-decoration: underline; color:#3333FF; padding: 4px 3px 4px 3px;
}

/* testimonial --*/
.testi { margin:0; }

.list-none { list-style-type: none; padding:0px; margin:0px; }

.testi li { float: left; padding-right:8px; padding-bottom:8px; }

.testi li a { display: block; height: 301px; border: solid 1px #E5E5E5;  text-decoration:none;}
.testi li a:hover { border: solid 1px #E2E2E2; text-decoration:none; background-color:#E2E2E2 }

.testi li a img { display: block; padding: 8px 8px 5px 8px; }

.testi li a .ptitle { color: #9E9E9E; padding-left:10px; float:left; width:195px
}

.gallery li a:hover .ptitle { color:#575757;; padding-left:10px; float:left; width:195px
}

