@import url("nav.css");
@import url("typography.css");
* {border:0;  padding:0; margin:0; }

html {overflow-y: scroll !important;}

body { font: 12px  Arial, Verdana, Tahoma;   line-height: 20px; color: #333;  background-color: #ffffff;  background-image:url(../images/01bk.gif);  text-align:center; background-repeat:repeat-x}

/** images  **/

img {border:0px}
.pad {padding-top:3px; }
.padbt {padding-bottom:9px; }
.right {float:right}
.border {background-color:#FFFFFF; padding:5px; border:1px #f2f2f2 solid}

hr  {clear:both;border: 0;height: 1px;color: #b7d9ec;background-color: #b7d9ec; width:98%; margin:5px 0px; }
.hrl  { border-bottom:1px  #b7d9ec solid ; }


/** Links  **/

a:link, a:active, a:visited{ color: #0066cc; text-decoration: underline;}
a:hover{ color: #990099; border: 0 none; text-decoration:none;}

a.nu:link, a.nu:active, a.nu:visited{ color: #0066cc; text-decoration: none; text-transform:uppercase; font-size:11px}
a.nu:hover{ color: #990099; border: 0 none; text-decoration:none; text-transform:uppercase; font-size:11px}

/** Layout **/

#container {width: 100%; text-align: center; }

#header {	margin: 0px auto; width: 975px; height:93px;  text-align: left; line-height: 0px;  }
#headerLeft {width: 385px; margin: 0px auto; float:left}
#headerRight{	margin: 0px auto; width:590px; float:right }

#nav {	margin: 0px auto; width: 980px; height:65px; text-align: left; padding:0px;} 
* html #nav {	margin-bottom: -3px ; width: 980px; height:65px; text-align: left; padding:0px;} 
#navLeft {width: 385px; margin: 0px auto; float:left; line-height: 0px;  }
#navRight{	margin: 0px auto; width:595px; float:right ; }

#main {clear:both; margin: 0px auto; width: 979px; height:222px;  text-align: left; padding:0px;  }
#mainLeft {width:592px; margin: 0px auto; float:left; }
#mainRight{	margin: 0px auto; width:387px; float:right;}

#successStories {width: 975px; height:76px; margin:0 auto; padding-top:5px; }

#homeSection { clear:both; width: 975px;  margin:0 auto; padding:5px 0 0px 0px;}
#homeSection1{width: 267px;  margin:0 auto; float:left; height:165px; background:url(../images/bk_sc1.gif) no-repeat; text-align:left}
#homeSection2{width: 337px;  margin:0 auto; float:left; height:165px; background:url(../images/bk_sc2.gif) no-repeat;  margin-left:9px; }
#homeSection2a{width: 337px;  margin:0 auto; float:left; height:165px; background:url(../images/bk_ip.gif) no-repeat;  margin-left:9px; }
#homeSection3{width: 352px;  margin:0 auto; float:right; height:165px; background:url(../images/bk_sc3.gif) no-repeat;}

.sectionTitle {margin: 20px 0px 10px 20px; text-align:left; height:14px; padding:0; }
.sectionTitlea {margin: 20px 0px 0px 20px; text-align:left; height:14px; padding:0; }
.sectionTitle2010 {margin: 12px 0px 10px 20px; text-align:left; height:23px; padding:0; }
#sectionContent1 {margin: 5px 0px 0px 20px; text-align:left; width:240px}
#sectionContent2 {margin: 10px 20px 0px 20px; text-align:left;width:300px}
#sectionContent2a {margin: 0px 50px 0px 15px; text-align:left;width:250px; line-height:19px; }
#sectionContent3 {margin: 10px 20px 0px 20px; text-align:left; width:310px; line-height:15px}

#break {margin-top:10px;  clear:both; padding-top:10px }
#footer{ clear:both; margin:0 auto; background:url(../images/bk_footer.gif) no-repeat; height:95px; width:975px; text-align:center;  }
#footerLeft {padding:15px 0px 0px 20px; float:left; width:530px; text-align:left; margin: 0px;}
#footerLeft2{padding:0px; float:left; width:170px; text-align:left; margin: 0px; padding:15px 0px 0px 20px; }
#footerRight {float:right; width:180px; margin:0px; padding:15px 40px 0px 0px  }

#flashcontent {	width: 387px;	height: 222px; margin: 0; border:1px #00FF00 }
#flashcontent2 {	width: 975px;	height: 76px; margin: 0;}

#sub {width:975px; margin:0 auto; height: 61px; padding-top:3px}
#subLeft {width: 386px ; margin:0px; float:left}
#subRight {width: 589px ; margin:0px; float:right}

#mainInt {width:975px; margin:0 auto; padding-top:3px}
#mainIntLeft{width: 225px ; margin:0px; float:left; background:url(../images/bk_mainIntLeft.gif) no-repeat; min-height:500px; padding:20px 20px 10px 10px; text-align:left}
#mainIntRight{width: 710px ; margin:0px; float:right; text-align:left; padding: 20px 10px 0px 0px;   line-height: 23px; font-size:12px }
#mainPrint{width: 710px ; margin:0px; text-align:left; padding: 20px 10px 0px 0px;   line-height: 23px; font-size:12px }
#locatorBox {background:url(../images/bk_locator.gif) no-repeat; width:180px; height:155px; padding:10px; line-height:17px; font-size:11px }

.article { clear:both; width: 680px; margin:0 auto; text-align:left;}
.articleimg {width:135px; background:url(../images/bk_article.gif) no-repeat; height:135px; float:left; text-align:center; padding-top:7px}
.articletitle {width: 500px; float:right; margin:0px 20px 0px 20px;}
.articletext{width: 500px; float:right; margin:0px 20px 0px 20px;}

.articleimglg {width:200px; background:url(../images/bk_articlelg.gif) no-repeat; height:245px; float:right; text-align:center; padding-top:7px; margin-left:10px}
#printer {width:100px; float:right; text-align:right}


#testleft {width:350px; float:left; }
#testright{width:350px; float:right; text-align:left}

.testimonal{ clear:both;  }
.testimg {width:135px; background:url(../images/bk_article.gif) no-repeat; height:135px; float:left; text-align:center; padding-top:7px; margin-bottom:10px }
.testinfo{width:200px; padding:0px 0px 0px 10px; float:left; font-size:12px; line-height:18px}

#beforeafter {width:300px; float:right}
*html #beforeafter {width:320px; float:right}
.beforeimg {width: 135px; float:left; background:url(../images/bk_test.gif) no-repeat; height:215px; text-align:center; padding-top:7px; margin-bottom:10px; margin-left:20px; }
.afterimg{width: 135px; float:right; background:url(../images/bk_test.gif) no-repeat; height:215px; text-align:center; padding-top:7px; margin-bottom:10px}

#whatsnew {width:500px; float:left; margin:0 auto;}
#whatsnewlist {width: 170px; float:right}


/** forms **/

form { margin: 0px;}
.textbox{ font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  color:#333; background-color: #fff; border:1px solid #cccccc; padding:3px; text-align:left; margin-bottom:5px}
.formdrop {  font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  color:#451e02; background-color: #fef6e1; border:1px solid #cccccc; padding:3px}
.comments {	 font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  color:#333; background-color: #fff; border:1px solid #cccccc; padding:3px; text-align:left; }
.butstyle {background-color:#666633; color:#FFFFFF; text-transform:uppercase; font-size:10px}
.formborder {background-color:#eff7fe; 	 border:1px #bdddfd solid; width:600px}
.formborder  td {padding:1px 3px 1px 15px;}

.btn { position: relative; background: #aaa; padding: 1px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; line-height:14px; margin-right:5px; padding:5px}
.btn.purple { background: #8e429b; color:#FFFFFF; text-decoration:none; }

.btn2 { display: block; position: relative; float: left; text-decoration: none; text-transform:uppercase;  font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;  line-height:14px;  }

/** lists **/

ol.textlist {margin-left: 25px;}
.listi {list-style-image:url(../images/bullet.gif); 
margin-left:20px;
} 


/** tables **/

#products { margin:auto; }
#products td {padding:3px;text-align:center }
#products th {padding:3px;text-align:center; background-color:#f3f9ff }
.divright { border-right: #f3f9ff 1px solid; border-top: #f3f9ff 1px solid;}

table {width:100%; margin:0px; font-size:12px; line-height:20px; text-align:left}
table  td {padding:2px 5px 2px 5px; line-height:20px; }
table  th {padding:2px 5px 2px 5px; background-color:#eff9fd; font-weight:normal}

#productdetails { margin:auto; }
#productdetails td {padding:10px; text-align:left; color:#666666; line-height:25px; background-color:#fcf8fc }
#productdetails th {padding:6px; text-align:left; background-color:#f3f9ff; color: #0066cc; text-decoration: none; text-transform:uppercase; font-size:11px }
.divright { border-right: #f3f9ff 1px solid; border-top: #f3f9ff 1px solid;}
.divleft { border-right: #f3f9ff 1px solid; border-top: #f3f9ff 1px solid; border-left: #f3f9ff 1px solid;}

.sortable {width:95%; text-align:left; margin:0 auto; font-size:12px; line-height:25px; background-color:#fff }
.sortable th {padding:8px 6px 8px 6px; border:1px #fff solid; color:#0033cc; cursor: pointer; text-align:left;  font-size:11px; text-transform: uppercase; margin:0px;  background-color:#eff9fd ; }
.sortable td {border-bottom:1px #cccccc solid; border-right:1px #f2f2f2 solid;  text-align:left;  color:#666666; padding:6px 4px 6px 4px;  }
.leadsinfo {padding:5px; }
.status { text-align:left;}

/*accordian*/
.acchead{ cursor: pointer;padding:2px 5px 2px 0px;border: 1px solid #fff;background-color:#fff; color:#0033cc; margin:5px 0px 5px 0px;  font-weight:bold  }
.acccont{ background-color:#fff;color:#0033cc; border: 1px solid #fff; background-image:url(../images/minus.gif); background-position:top right; background-repeat:no-repeat}