@charset "UTF-8";
/* CSS Document */



html, body {
 margin:0;
 padding:0;
 height:100%;
 line-height:18px;
}

body{
background-color:#000000;
background-image:url(background.jpg);
background-position: center top;
background-repeat: no-repeat;
}

a {
color: #235672;
text-decoration: none;

}
a:hover {
color: #3E97C8;
text-decoration: none;
}
#container {
 min-height:100%;
 position:relative;
}
#header{
width: 963px;
height: 134px;
margin: 0 auto;
position:relative;
}
#logo {
width: 231px;
height: 54px;
position: absolute;
top: 15px;
left: 15px;

}
#logo img{
border:none;
}

#fb {
position:absolute;
right:0;
width:155px;
height:25px;
vertical-align:top;
padding-top:0px;
}

#fb #tw {
width:91px;
display:block;
height:25px;
margin-right:5px;
}

#fb #tb {
display:block;
height:25px;
margin-top:15px;
}

#topnav {
position: absolute;
bottom: 10px;
margin: 0;
padding: 0;
}
#topnav li {
float: left;
display: block;
margin: 0 10px;
padding: 5px 10px;
font-family:Arial, Helvetica, sans-serif ;
font-size: 13px;
font-weight:bold;
color:#d8dee6;
width: 67px;
text-align: center;
}
#topnav li.active {
background-position: center;
background-image:url(topnavsel.png);
background-repeat: no-repeat;
}
#topnav li a {
color:#d8dee6;
text-decoration: none;
}
#topnav li a:hover {
color:#ffffff;
}
#homepageflash {
 height: 355px;
 width: 960px;
 margin: 0 auto;
}
#homebuttons {
 height: 117px;
 width: 100%;
 background-color: #000000;
 text-align:center;
}
#homebuttons a {
  margin: 0;
  padding: 0;
}
#homebuttons img {
  margin: 0;
  padding: 0;
  border: 0;
}
#breadcrumb {
background-image:url(breadcrumbbg.jpg);
background-repeat:no-repeat;
background-position: center top;
margin: 0 auto 20px auto;
width: 939px;
height: 30px;
}
.breadcrumb-class{
 padding: 8px 0 0 8px;
 font-family:Arial, Helvetica, sans-serif ;
 font-size: 12px;
 color: #c4d0e2;
}
.breadcrumb-class a{
  color: #FFFFFF;
  text-decoration: underline;
  margin: 0 10px;
}
.breadcrumb-class a:hover{
  color: #e99f6f;
}
.breadcrumb-class .current{
  margin: 0 10px;
  text-decoration: none;
}
#homecontainer {

}
#contentcontainer {
 margin-bottom: 10px;
}
#contentshell {
background-image:url(contentbg.gif);
background-repeat:repeat-y;
margin: 0 auto;
width: 964px;
}
#contentshellwhite, #contentshellwhite1 {
background:#FFFFFF;
background-repeat:repeat-y;
margin: 0 auto;
width: 964px;
}

#contentshellwhite1 {
overflow:auto;
}

#contentshellwhite1  p {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:160%;
margin:0px 75px 20px 75px;
}

#contentshellwhite1  ul, ol {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:160%;
margin:0px 75px 20px 75px;
}

#contentshellwhite1 .introtext  p {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
line-height:160%;
}


#contentshellwhite1 h1, #contentshellwhite1 h2 {margin:0px 75px 20px 75px;}

#contentshellwhite1 h1 {color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
line-height:160%;}

#contentshellwhite1 h2 {color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
line-height:160%;}


#contentshellwhite1 dl {margin:0px}

#contentshellwhite1 .csc-textpic-imagewrap {margin:0 75px 0 75px}
#contentshellwhite1 .csc-textpic-center .csc-textpic-imagewrap{margin:0px}
#contentshellwhite1 .csc-textpic-intext-left-nowrap p {padding-left:20px;}
#contentshellwhite1 .csc-textpic-intext-left-nowrap h2 {padding-left:20px;}
#contentshellwhite1 .csc-textpic-intext-right-nowrap p {padding-right:20px;}
#contentshellwhite1 .csc-textpic-intext-right-nowrap  h2 {padding-left:2px;}
#projectslisting {margin-top:5px;}
#projectslisting ul {margin:0 0 0 10px; padding:0}
#projectslisting p {color:#4DACDC; margin-left:10px}
#projectslisting li {
display:inline; padding-right:5px;


}
.customerBrowserWrapper {padding:10px;}
.customerBrowserWrapper h2 {
color:#4DACDC; font-size:22px; font-weight:normal; padding:0px; margin:0 0 5px 10px;
}

.customerBrowserWrapper a {
color:#4DACDC; font-size:16px; font-weight:normal;margin:0 0 0 10px; padding-bottom:10px;
}

.customerBrowserWrapper p {
	margin:13px 22px 10px 10px;
}

.customerFeedback {font-style: italic;}

.customerBrowserWrapper img {padding-top:10px;}

.aboutCustomerSpan {font-size:14px; margin-top:10px;}

#contentshelltop {
background-image:url(contenttop.gif);
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}

#contentshelltopwhite {
background-image:url(contenttop_white.gif);
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}

#topHeader {
background-image:url(header-showcase.jpg);
background-repeat:no-repeat;
margin: 0 auto;
width: 974px;
height: 140px;
}

#projectnav {
background-color:#eeeeee; 
width:272px;margin-top:-14px;

border-bottom:1px solid #CCC;
}

.rightRoundedContent#rightcolumn {margin:0 0 0 0;width:692px; min-height:650px; 
border-left:1px solid #ccc; 
border-bottom:1px solid #ccc; 
border-bottom-left-radius: 5px 5px;
-moz-border-radius-bottomleft: 5px 5px;
z-index:0;
position:relative;

}

.customersBntsWrapper {
margin:0 0 0 10px; padding:0;
}

.customersBntsWrapper ul {
margin:0 0 0 0; padding:10px 0 0 0;
}

.customersBntsWrapper li {
padding:0;
margin:0;
list-style:none;
width:260px;
height:110px;
}

.customersBntsWrapper li#selectedCustomer {
border-top-left-radius:3px 3px;
-moz-border-radius-topleft: 3px 3px;

border-bottom-left-radius:3px 3px;
-moz-border-radius-bottomleft: 3px 3px;

border-top:1px solid #ccc;
border-right:1px solid #fff;
width:260px;
z-index:1;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc; 
position:relative;
background:#fff;
}

.customersBntsWrapper img { margin:10px 0 10px 10px}



#contentshellbot {
background-image:url(contentbot.gif);
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}
#contentshellbotwhite {
background-image:url(contentbot_white.gif);
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}


#widecontentshell {
background-repeat:repeat-y;
margin: 0 auto;
width: 964px;
padding: 15px 0;
}
#widecontentshelltop {
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}
#widecontentshellbot {
background-repeat:no-repeat;
margin: 0 auto;
width: 964px;
height: 6px;
}
#leftcolumn {
 float: left;
 width: 230px;
 padding: 20px;
}

.devheader {
 font-family:Arial, Helvetica, sans-serif ;
 font-size: 14px;
 padding-bottom:5px;
 font-weight:bold;
}
#leftnav, #devleftnav {
margin: 0;
padding: 0 10px;
background-color: #FFFFFF;
}
#leftnav li, #devleftnav li {
 display: block;
 list-style-type: none;
 padding: 5px 8px;
 font-family:Arial, Helvetica, sans-serif ;
 font-size: 14px;
 border-top: 1px solid #dddddd;
}
#leftnav li.first, #devleftnav li.first {
 border-top: none;
}
#leftnav li a, #devleftnav li a{
 color: #235672;
 text-decoration: none;
}
#leftnav li a:hover, #devleftnav li a:hover{
 color: #3e97c8;
}
#leftnav li.active a, #devleftnav li.active a{
 color: #3e97c8;
 font-weight: bold;
}
#leftnavtop, #devleftnavtop{
background-image:url(leftnavtop.gif);
background-repeat:no-repeat;
width: 230px;
height: 11px;
}
#leftnavbot, #devleftnavbot{
background-image:url(leftnavbot.gif);
background-repeat:no-repeat;
width: 230px;
height: 11px;
}
#leftcontent {
 margin:20px 0;
}
#leftcontent img {
 border:none;
}
#rightcolumn {
 float: right;
 position: relative;
 width: 652px;
 margin: 20px;
 color: #333333;
 font-family:Arial, Helvetica, sans-serif ;
 font-size: 12px;
 line-height: 160%
}

#rightcolumncontainer {
 width: 652px;
}

#rightcolumn h3{
 font-size:15px;
 line-height:1.2;
  clear:right;
}
#rightcolumn h1, #rightcolumn h2,#rightcolumn h3,#rightcolumn h4 {
 padding: .2em 0 0 0;
}
#subleftcolumn {
 width: 320px;
}
#subrightcolumn {
 position:absolute;
 width: 320px;
 left: 330px;
 top: 0;
}
#footer {
 width:100%;
 height:auto;
/* background-image:url(footerbg.jpg);*/
 background-image:url(footer-repeat-y.jpg);
 background-repeat:repeat-y;

 background-position: center top;

}
.footernav {
width: 870px;
height: 251px;
margin: 0 auto;
}
#footerrepeater {
 width:100%;
 min-height:50px;
 background-image:url(footer-repeat-y.jpg);
 background-position: center top;
 background-repeat:repeat-y;
}

.footercolumn {
 font-family:Arial, Helvetica, sans-serif ;
 font-size: 12px;
 width: 130px;
 margin: 40px 0 0 15px;
 float: left;
}
.footercolumn li a {
 margin: 0 0 10px 0;
 color:#9ea6b1;
 text-decoration: none;
}
.footercolumnheader a{
 color: #FFFFFF;
 display:block;
 margin:0 0 19px;
 text-decoration:none;
 font-weight:bold;
}
.footercolumnheader a:hover{
 color:#3E97C8;
}
.footerlinks {
 margin: 0px;
 padding: 0px;






}
.footerlinks li {
 display: block;
 list-style-type: none;
 margin: 0px;


 padding: 0 0 5px 0;
 color:#9ea6b1;
}
.footerlinks li a {
 color:#9ea6b1;
 text-decoration: none;
}
.footerlinks li a:hover{
 color:#3E97C8;
}
#footerblend {
 height: 100px;
 background-image:url(footer-repeat-y.jpg);
 background-repeat:repeat-y;
 background-position: center top;
}
#searchform {
background-image:url(searchbg.gif);
background-repeat:no-repeat;
height:33px;
padding:0 10px 0 0;
position:absolute;
right:20px;
text-align:right;
top:35px;
width:168px;
}

#searchform .topnavsearchinput {
border:medium none;
font-family:Arial,Helvetica,sans-serif;
height:18px;
left:12px;
margin:0;
padding:0 3px;
position:absolute;
top:6px;
width:122px;
}

.producthl {
	width: 651px;
}
.producthlimg {
	width: 181px;
	float:right;
}
.producthlinfo{
	width: 460px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0;
}
.producthlinfo p {
	font-size: 16px;
	line-height: 160%;
}
p.producthldl {
 font-size: 14px;
 padding-left:22px;	
 background-image:url(pdficon.gif);
 background-position: left middle;
 background-repeat: no-repeat;
}
p.producthldl a {
color: #235672;
}
p.producthldl a:hover{
color: #3E97C8;
}
.twocolhdr{
 margin: 0 5px 0px 0;
 width: 310px;
 padding: 4px;
 background-color: #CCCCCC;
 float: left;
 font-weight: bold;
 color: #000000;
 font-size: 14px;
}

.twocolbody, #leftCenterContent,  #rightCenterContent {
 margin: 0 5px 0 0;
 width: 310px;
 padding: 4px;
 float: left;
}



/* Table Styles */
table.contenttable tbody {
	1.6em;
}
table.contenttable {
	border-collapse: collapse;
	border: 5px solid #ccc;
	width:650px;

}

table.contenttable td{
	text-align:center;
	padding: 3px 5px;
}

table.contenttable td.td-0 {
	text-align:left;
	font-weight:bold;
	padding-left:8px;
}
table.contenttable td.td-1 {
	width: 100px;
}
table.contenttable td.td-2 {
	width: 100px;
}
table.contenttable td.td-3 {
	width: 100px;
}
table.contenttable td.td-4 {
	width: 100px;
}
table.contenttable tr.tr-odd {
	background: #f3f3f3;
}

table.contenttable th, table.contenttable td {
	padding: 5px;
}


table.contenttable th {
	font-size: 18px;
}
table.contenttable th, table.contenttable td.td-0, table.contenttable td.td-1, table.contenttable td.td-2, table.contenttable td.td-3, table.contenttable td.td-4 {
	border-left: solid 1px #bbb;
}

table.contenttable tr.tr-0{
	border-bottom: solid 1px #bbb;
}
table.contenttable .subtitle_left {
	text-align: left;
}

table.contenttable img {
	margin: 4px 0px 4px 2px;
	border-style: none;
}

table.contenttable a:link {
	padding: 1px 2px;
	color: #235672;
	text-decoration: none;
	border-bottom: 1px dotted #235672;
}

/* News Styles */

.news-list-date {
	font-style: italic;
	color: #8e8e8e;
	font-size:12px;
}

.news-list-item h3 {
margin-bottom: -10px;
}

.news-list-item {
margin-bottom: 15px;
}

.news-list-item .bodytext{
margin-top: -9px;
}

.news-list-morelink {
margin-top: -9px;;
}


/* Curved Box FCE */

#curvedbox {
	padding-top:10px;
	width:650px;
	margin-top: 10px;
}

.curvedboxheader {
	background:url(content_bgtop.png) no-repeat 0 0;
	width: 650px;
 	 height: 10px;
}

.curvedboxbody {
	background:url(content_bg.png) repeat-y;
	width: 650px;
 	height: auto;

}
.curvedboxfooter {
	background:url(content_bgbottom.png) no-repeat 0 100%;
	width:650px;
	height: 10px;
}

#curvedbox  table {
	border:none;
	border-collapse: collapse;
	border-spacing: 0;
	margin:5px 15px 15px;
	width:620px;
}
.curvedboxbody table.contenttable th, .curvedboxbody table.contenttable table td {
	vertical-align:top;
	border-top:1px solid #d2d2d2;
}
.curvedboxbody table.contenttable th {
	background:#f9f9f9;
}
.curvedboxbody table.contenttable td {
	font-size:12px;
}

.curvedboxbody table.contenttable thead td img {
	display:block; margin:0 auto 20px;
	}
	
.curvedboxbody table.contenttable table thead td {
	border:none; padding:0; background:none;
}

.curvedboxbody table.contenttable thead th {
	border:none; padding-bottom:28px;
}
.curvedboxbody table.contenttable th, .curvedboxbody table.contenttable td.td-0, .curvedboxbody table.contenttable td.td-1, .curvedboxbody table.contenttable td.td-2, .curvedboxbody table.contenttable td.td-3, .curvedboxbody table.contenttable td.td-4 {
	border-left: none;
}

.curvedboxbody table.contenttable tr.tr-0{
	border-bottom: none;
}
.curvedboxbody table.contenttable thead h2 {
margin:10px 0 0; font-size:16px; line-height:18px; font-weight:bold;
}
.curvedboxbody table.contenttable thead h2 span {
font-weight:normal;
}
.curvedboxbody table.contenttable thead h4 {
margin:3px 0 0 0; color:#333; font-size:11px; font-weight:normal;
}

.curvedboxbody table.contenttable tbody th {
padding-right:24px; white-space:nowrap;
}
.curvedboxbody table.contenttable tbody h3 {
font-size:13px; line-height:18px; font-weight:bold;
}

.curvedboxbody table.contenttable tbody h4 {
margin-bottom:1em; font-size:12px; font-weight:normal;
}
.curvedboxbody table.contenttable tbody h4 a,
.curvedboxbody table.contenttable tbody h4 a:hover {
color:#08c;
}
.curvedboxbody table.contenttable tbody p {
	line-height:15px;
}
.curvedboxbody table.contenttable td.td-0 {
	text-align:left;
	font-weight:bold;
	padding-left:8px;
}

.samplecode   { 
	border:1px solid #cccccc;
	padding:5 0 5 0;
	background:#eeeeee;
	font-family:Courier New 
}

.introtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 160%;
}

.csc-textpic-equalheight {
 clear: both;
}

.csc-frame-frame1 {
 margin-left: 30px;
 border-bottom: 1px dotted #888888;
}

#subrightcolumn .csc-header, #subleftcolumn .csc-header{
 width:100%;
 margin: 0px;
 padding: 0px;
 background-color: #CCCCCC;
 font-weight: bold;
 color: #000000;
 font-size: 14px;
}

#subleftcolumn h1, #subleftcolumn h2,#subleftcolumn h3,#subleftcolumn h4,
#subrightcolumn h1, #subrightcolumn h2,#subrightcolumn h3,#subrightcolumn h4 {
 padding: 2px;
}

.majortitle {
 font-family:Arial, Helvetica, sans-serif;
 height:50px;
 font-size: 42px;
 text-align:center;
 font-weight:bold;
 padding-top:20px;
}

.majortitle p {
 padding:0px;
 margin:0px;
}

.tx-comments-pi1 {
  background-color: #ffffff;
  margin: 10px;
  padding: 10px;
  width: 964px;
}

.csc-frame-indent6633 {
 margin-left:80px;
}

#firstMenuItem {
margin:0;
height:58px;
background:url(1-1.gif) no-repeat;
}
#lastMenuItem {}

.videoLeftColumn {padding:0;}

.leftVideoMenu p {margin:0px 0px 0px 5px; padding: 22px 0px 0px 0px; float:left}
.leftVideoMenu li.selectedItem {height:58px;background:url(2-1.gif) repeat-x;}
.leftVideoMenu div.selectedItem { float:left; background:url(1.gif) repeat-x;}

.leftVideoMenu {font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold;}

.leftVideoMenu img {float:left; border:none; padding-top:5px; padding-left:20px}
.leftVideoMenu ul {list-style:none; padding:0px; margin:0px;}
.leftVideoMenu li {width:272px;   background:url(1-1.gif) repeat-x; cursor:pointer;height:58px;}
.leftVideoMenu li:hover {background:url(2-1.gif) repeat-x;}
.leftVideoMenu li.selectedItem {cursor:default; height:58px; }
.leftVideoMenu li.selectedItem:hover  {background:url(1-1.gif) repeat-x;}

.FeaturesVideo {margin-left:5px; padding-left:5px; }

#overlay { background-color: black; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } .csc-textpic-caption { display:none; } #prevLink, #nextLink { background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ } #prevLink { } #nextLink { } #prevLink:hover, #prevLink:visited:hover { background: url(typo3conf/ext/kj_imagelightbox2/lightbox/images/prevlabel.gif) left 15% no-repeat; }

 #nextLink:hover, #nextLink:visited:hover {
background: url(typo3conf/ext/kj_imagelightbox2/lightbox/images/nextlabel.gif) right 15% no-repeat;
}
.presentationmodeAct a:link {
color:#000000; font-weight:bold; text-decoration:none; width:100%;
} 


.presentationmode a:link, .presentationmode a:visited {							
  font-family:Verdana;
  size:11px;
  text-decoration:none;
  color:#999999;
  width:100%;						
}

									
.presentationmodeAct a:link {
/*  color:#000000; font-weight:bold; text-decoration:none; width:100%;	           */
}	                  
                  				
.presentationmodeSpan {	
  padding-right:20px;	
  font-family:Verdana;
  size:11px;
  text-decoration:none;
  color:#999999;	
  width:100%;													
}	
							
							
							








							

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { 
	border: none; 
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav { 
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	/*background: transparent url(../images/blank.gif) no-repeat;*/ /* Trick IE into showing hover */
	display: block;
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}


#prevLink:hover, #prevLink:visited:hover { 
	/*background: url(../images/prevlabel.gif) left 15% no-repeat; */
}

#nextLink:hover, #nextLink:visited:hover { 
	/*background: url(../images/nextlabel.gif) right 15% no-repeat; */
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption { 
	font-weight: bold;	
}

#imageData #numberDisplay {
 	display: block; 
 	clear: left; 
 	padding-bottom: 1.0em;	
}	
		
/*#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;	
}	*/
	
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #ff0000;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

							#overlay {
								background-color: black;
							}
							#imageData #bottomNavClose { 
								width: 66px; float: right; padding-bottom: 0.7em;								
							}
							.csc-textpic-caption {
								display:none;
							}	
							#prevLink, #nextLink {						
								background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
							}	
							#prevLink {
								
							}	
							#nextLink {
								
							}
														
							#prevLink:hover, #prevLink:visited:hover { 
								background: url(http://themidnightcoders.com/typo3conf/ext/kj_imagelightbox2/lightbox/images/prevlabel.gif) left 15% no-repeat; 
							}
							
							#nextLink:hover, #nextLink:visited:hover { 
								background: url(http://themidnightcoders.com/typo3conf/ext/kj_imagelightbox2/lightbox/images/nextlabel.gif) right 15% no-repeat; 
							}	
							.presentationmodeAct a:link {						
								color:#000000; font-weight:bold; text-decoration:none; width:100%;
							}								
.csc-textpic-intext-right {padding-right:50px;}				
.csc-textpic-intext-left {padding-left:50px;}

.productDescLink {margin:20px 0 0 100px; pagging-bottom:20px; overflow:auto;}
.productDescLink ul {margin:0px; padding:0px; float:left; }
.productDescLink li {margin:0px;list-style:none; display:block; padding-top:5px; }

.productDescLink li a {font-size:13px; }
.productDescLink li img {vertical-align:middle}


#subHeader h1 {margin:0; padding-top:16px; padding-bottom:16px; font-size:32px; font-family: Arial, sans-serif;}
.productDescText h2 {margin:0px; }

#subHeader {margin-right:20px}
#subHeader .csc-textpic-imagewrap {margin: 0 0 0 20px; padding-top:15px}
#subHeader .csc-textpic-text {margin:0 0 0 25px; padding:5px;}
#subHeader .bodytext {margin:20px; padding:18px 0 0 0; font-size:24px; line-height: 32px; }
#subHeader .csc-textpic-intext-left-nowrap p {margin:0px; padding:5px 0 0 0;}

.productImg {float:left}

.productSummary {width:550px; margin-left:20px; padding-bottom:10px; padding-top:30px; border-bottom:1px solid #ccc;
overflow:auto;
 }

#centerContent1 .productDescText .bodytext {font-size:12px; margin:0}

#licenseOptWrapp {width:225px; background-color:#ccc; }
#licenseOptWrapp h1 {font-size:24px;}

#leftClm1 {float:left; }

#rightClm1 {width:350px; float:right; background-color:#eaeaea; margin:30px 20px 0 0; 
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;

 }
 
#rightClm1 .csc-textpic-imagewrap {margin:0;}
#rightClm1 .csc-textpic-intext-left {padding-left:0;}

#rightClm1 h1 {font-size:24px; margin:15px 0 15px 0; text-align:center; font-family: Arial, sans-serif; }

.optionWrp {margin:15px; border-bottom:1px dotted; padding-bottom:15px; overflow:auto; }

#centerContent1 .optionWrp .csc-textpic-text h2 {font-size:12px; margin:0;}
#centerContent1 .optionWrp .csc-textpic-text p {font-size:10px; margin:0 0 0 85px;}


#devLinks1  {color:#999999; font-size:10px; font-family:Arial;
-moz-border-radius: 5px; margin-top:30px; margin-left:20px;
border-radius: 5px; background:#eaeaea; width:240px; 
}
#devLinks1 ul {margin:10px; padding:10px}
#devLinks1 li {display:inline; padding:0 10px 0 10px; }
#devLinks1 li a {color:#999999;}
#btrackLink {border-right:solid 1px #999999;}

#leardMoreDev1 {border:none; font-size:12px; color:#999999; float:right ; margin:0 15px 10px 0}
#leardMoreDev1 a {color:#999999; }
#leardMoreDev1 img {border:none; padding-left:3px; vertical-align:middle }

/* STYLES FOR CLOUD BILLING */

#cloudtypetitle
{
font-weight:bold;
font-size:1.2em;
background-color: #E6F0D7;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
float: left;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
width: 620px;
}

#meteredcomponents
{
background-color: #E6E6E6;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-color: white;
border-top-style: solid;
border-top-width: 1px;
float: left;
margin-bottom: 20px;
padding: 15px;
width: 620px;
}

ul#meteredlist
{
list-style-type:none;
margin:0px;
}

#meteredlist li
{
display:inline;
}

ul.highlight
{
background-color:#ebebeb;
}

#componentname
{
display:block;
width:350px;
}

#componentprice
{
display:block;
float:right;
}

/* SIDEBAR STYLES */
#sidebar {margin-left:-5px}
#sidebar div			{height:50px; border-top: 2px dotted #ccc; padding:0px 0 0 0; vertical-align:middle}
#sidebar div.first	{border:none}
#sidebar div.even	{ background-color:#f9f9f9}
#sidebar div.whitebg    {background:#ffffff}
#sidebar div img        {margin:8px 0px 0px 8px}


/* New Landing Page Start*/
.internalBox {width:100%; height:100%; float:left;}

.boxHeader {}
.boxHeader h2 {font-size: 18px; font-weight:normal;}
.boxData {width:100%; height:100%; float:left;}

.articleLinksEntry {float:left; width:145px; margin-right: 13px; }
.articleLinksEntry h4 { margin:0; border-bottom:3px solid #ccc; font-size:10px; width:135px;}
.articleLinksEntry ul { margin:0; padding:0 10px 0 0;}
.articleLinksEntry li {margin:5px 0 0 0; padding:0 0 5px 0;list-style-type: none;border-bottom:1px solid #ccc; line-height:110%;}
.articleLinksEntry a {font-size:10px;}

.internalBox {
width:652px;
}

#reasonsBoxBtns, #reasonsBoxData {
	width:50%;
	float:left;
	min-height: 340px;
height: auto !important;
}

#reasonsBoxData .csc-textpic-intext-left {
	display:none;
}

#reasonsBoxData .csc-textpic-intext-left  .csc-textpic-text h3 {
font-size:20px;
font-weight:normal;
min-height: 75px;
margin:0; padding:0;
height: auto !important;
}

.reasonBtnWrapper, .reasonBtn {
min-height: 40px;
height: auto !important;
cursor:pointer;
vertical-align: middle;
}

.reasonBtnWrapper {width:325px;}
.reasonBtnWrapper p {margin:0; padding:0;}
.reasonBtn { background:url('../images/menu_grey.png') repeat; width:315px; border-right:1px solid #ccc;}


.reasonBtn table {width:100%; }

.reasonBtn_img {height:40px; width:30px}

.reasonBtn_img .csc-textpic .csc-textpic-imagewrap .csc-textpic-image, 
.aboutBtn_img .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-left:0; margin-bottom: 0;}
.reasonDataWrapper {display:none; margin-top:20px;}
.reasonDataHeaderImg {float:left; width:80px; height:80px;}

.reasonDataHeaderText {float:left;  width:245px; height:80px;}
.reasonDataHeaderText h3 {font-weight:normal; margin:0 0 0 20px; font-size:20px !important; }
.reasonDataHeader { height:80px; margin:0 0 20px 0}
.reasonDataBodyText {margin-left:40px; margin-right:10px;}

#activeReasonWrapperBtn {
background:url('../images/menu_dark_grey_arrow.png') right center no-repeat; 
}

#activeReasonBtn  {background:url('../images/menu_dark_grey.png') repeat; border-right:1px solid #616161; color:#fff;}

#aboutLinksBox {border:1px solid #ccc; width:100%; float:left}

.aboutBtnWrapper {float:left; width:216px; height:50px;}
.aboutBtnWrapper table {height:50px;}
.aboutBtn_text .bodytext {margin:0; padding:0}

.headerBox {width:100%; height:100%; }
.headerBox , .headerBox_left, .headerBox_right {float:left}
.headerBox_right {width:180px;}
.headerBox_right div {margin-top:15px;}
.headerBox_left {width:100%;}

.headerBox_header2Txt {font-size:16px;line-height:160%;}
.headerBox_infoTxt p {font-size:14px;}
/* New Landing Page Finish*/