/* IE & FF Fix */
* {margin:0; padding:0;}

/*  Main  */
html, body {margin:0px; padding:0px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align: center }

/* calon tables */
table { margin: 20px auto }
td, td.li, td p, p, li.gt, li {  background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
li, li.gt { background: none }
td ul { margin: 10px 20px }
/*  Classes  */
a:link {color:#639aba; text-decoration:none;}
a:visited {color:#639aba; text-decoration:none;}
a:hover {color:#FFF; background:#639aba; text-decoration:none;}
a:hover img, A:hover IMG {color:#FFF; background: white; text-decoration:none;}
a:active {color:#639aba; text-decoration:none;}

/* admin group */
a.AdminGroup:link {color:white; text-decoration:none;}
a.AdminGroup:visited {color:white; text-decoration:none;}
a.AdminGroup:hover {color:#FFF; background:#639aba; text-decoration:none;}
a.AdminGroup:active {color:white; text-decoration:none;}


p {margin:0px; padding:1.0em 0 0; line-height:145%; text-decoration:none;}
p2 {margin:0px; padding:1.0em 0 0; line-height:145%; text-decoration:none;font-size: 14px}
p3 {text-align: center; margin:0px; padding:1.0em 0 0; line-height:145%; text-decoration:none;font-size: 14px}
h1 { text-align: left; font-size: 18px }
h2 {clear:both; text-align: left; font-size: 14px; }
h3 {font-size:11px;}
h4 { text-align: center; font-size: 18px }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
img { border: none }
img.floatRightImage { float: right; margin: 20px }

/*  Page Titles  */

#sideSearchTtl {margin-top: 10px; height:23px; background: url(images/headings/sideSearchTtl.jpg) no-repeat; text-indent:-9999px; width: 168px }
#sideAssociatesTtl {height:23px; background: url(images/headings/sideAssociatesTtl.jpg) no-repeat; text-indent:-9999px; width: 168px }
#sideServicesTtl {height:23px; background: url(images/headings/sideServicesTtl.jpg) no-repeat; text-indent:-9999px; width: 168px; }
#sideProductsTtl {height:23px; background: url(images/headings/sideProductsTtl.jpg) no-repeat; text-indent:-9999px; width: 168px }
#sideAffiliatesTtl {height:23px; background: url(images/headings/sideAffiliatesTtl.jpg) no-repeat; text-indent:-9999px; width: 168px }
#homeProductsTtl {height:33px; background: url(images/headings/homeProductsTtl.jpg) no-repeat; text-indent:-9999px;}
#homeCompanyTtl {height:33px; background: url(images/headings/companyTtl.jpg) no-repeat; text-indent:-9999px;}
#homeLocationTtl {height:33px; background: url(images/headings/locationTtl.jpg) no-repeat; text-indent:-9999px;}
#welcomeTtl {height:24px; background: url(images/headings/welcomeTtl.jpg) no-repeat; text-indent:-9999px;}
#networkTtl {height:24px; background: url(images/headings/networkTtl.jpg) no-repeat; text-indent:-9999px;}
#contactTtl {height:24px; background: url(images/headings/contactTtl.jpg) no-repeat; text-indent:-9999px;}

#programroomTtl {margin-top: 12px; height:24px; background: url(images/headings/programmable-room-control.gif) no-repeat; text-indent:-9999px;}

#forecourtcontrolTtl {margin-top: 12px; height:24px; background: url(images/headings/forecourt-control.gif) no-repeat; text-indent:-9999px;}

#lightingcontrolTtl {margin-top: 12px; height:24px; background: url(images/headings/lighting-control.gif) no-repeat; text-indent:-9999px;}

#downloadTtl {margin-top: 12px; height:24px; background: url(images/headings/download.gif) no-repeat; text-indent:-9999px;}

#stratosphereTtl {margin-top: 12px; height:24px; background: url(images/headings/stratosphere.gif) no-repeat; text-indent:-9999px;}

#networkinfrastructureTtl {margin-top: 12px; height:24px; background: url(images/headings/network-infrastructure.gif) no-repeat; text-indent:-9999px;}

#catalogueTtl { margin: 12px 0px; height:24px; background: url(images/headings/product-catalogue.gif) no-repeat; text-indent:-9999px; } 

/*  Page Container  */
#page-container {width:880px; margin:0 auto; background:url(images/General/mainBg.jpg) repeat-y 50% 50%; text-align: left }

/*  Header  */
.mainLogo {float:left; padding:40px 0 20px 25px; background: none }
.toploginBox {float:right; padding:20px 25px 0 0; text-align:right;}
.toploginBox li { list-style:none; padding:2px;}

#flashHeader { clear: both; background: url(images/general/header.jpg); width: 880px; height: 262px; position: relative; }
#flashHeader p { position: absolute; text-align: center; width: 100%; bottom: 0px; background: none; padding-bottom: 10px } 

/*  Sidebar  */
#leftColum { clear:right;float:left; width:166px; background:url(images/General/sideBg.jpg) top right no-repeat; padding:0 25px;}
#leftColum ul {padding:10px 0 20px 0;}
#leftColum ul li {display:block; padding:2px; list-style:none;}
#leftColum ul li a {display:block; padding:2px 2px 2px 10px; color:#000}
#leftColum ul li a:hover {display:block; padding:2px 2px 2px 10px; background:#639aba; color:#FFF; text-decoration:none;}
#leftColum ul li.current {display:block; padding:2px 2px 2px 10px; background:#639aba; color:#FFF; text-decoration:none;}
#leftColum .sideSearch li {display:inline;}

div#calonNavMenu { }
div#calonUserHandling { margin: 20px 0px 10px 0px }
div#calonUserOptions { margin: 10px 0px 10px 0px }
div#calonAdmin {  margin: 10px 0px 20px 0px } 
/*  Content  */
#rightColum {float:left; width:615px; padding:0 22px;}
#rightColum .fullcol { padding: 10px 0px 20px 0px }
.homeColum1 {float:left; width:263px; padding:22px;}
.homeColum1 li {list-style:none;}
.homeColum2 {float:left; background: #f0f5f9 url(images/pages/homeProductsBg.jpg) bottom; padding:10px 10px 20px 10px;}

div.homePageAreaLink { width: 148px; float: left; background: #f0f5f9 }
div.homePageAreaLink h3 { text-align: center; background: #f0f5f9; margin: 10px }
div.homePageAreaLink a h3 { color: #639aba }
div.homePageAreaLink a:hover h3 { color: white; background: #639aba }

/* Above Footer  */
div#contentFooter { clear: both; text-align: center }
p#latestHeadline { font-size: 14px;  text-align: center } 
p#careLine {font-size: 16px; font-weight: bold ;  text-align: center} 
p#faultReport {text-align: center} 

/*  Footer  */
#footer {height:100px; clear:both; background:url(images/General/footerCurve.jpg) no-repeat #FFFFFF; padding-top:40px;}
#footerLeft {float:left; display:block; padding-left:25px;}
#footerLeft li {list-style:none;}
#footerLeft li.fortelink {margin-top: 10px;}
#footerRight {float:right; display:block; text-align:right; padding-right:25px;}
#footerRight li {list-style:none;}


/* homepage */
ul#companyInfo li { margin: 10px 0px }
ul#companyInfo address { font-style: normal }
ul#companyInfo li ul li { margin: 0px }


/* Product Overview Pages */
div.productOverview { }
p.strap { font-size: 14px; font-weight: bold; text-align: center; width: 462px; color:#00997d }
div.productOverview ul { list-style: none; margin: 20px 0px; }
div.productOverview ul.thin { width: 462px; float: left }
div.productOverview ul li { margin-top: 10px; clear: both }
div.productOverview ul li img.STDButton { float: right; margin: 5px 0px }
div.productOverview ul li img { float: left; margin-right:20px }
div.productOverview ul li h3, div.productOverview ul li p { margin-left: 140px }
div.productOverview ul li p.learnmore { text-align: right }
div.productOverview p.fullcat { clear: both; text-align: right; font-size: 12px }


td table { clear: both }