@import url(common.css);

/* layout */

#container {width: 1000px; border: 0px solid #000; }
#sidebar1 {display: block; width: 180px; margin-left: 60px; padding: 20px 0px 0px 0px; border: 0px solid #000;  }
#sidebar2 { display: block; width: 440px; padding: 0px 0px 0px 20px; border: 0px solid #000; } 
#content { border: 0px solid #CCC; width: 680px; margin-left: 240px; padding: 0px 0px 0px 0px; border: 0px solid #000; font-size: 1em; }
#content-contact { border-right: 1px solid #CCC; width: 400px; height: 400px; margin-left: 80px; padding: 20px 30px 0px 0px;  font-size: 1.1em; }
#content-contact .border{ border: 0px solid #CCC; }
#content .terms { padding: 0px 20px 0px 0px; font-size: 1em; }
#columns { border: 0px solid #000;  }

/* template style */

#content-products {   padding: 0px 0px 0px 0px; border: 0px solid #000; margin: 0px; clear:both; 	}
#content-products .border { border: 0px solid #000; }

#content-products .holder {  width: 880px;  padding: 0px; display: block; border: 0px solid #000; margin: 0px;  }
#content-products .products { float: left;  width: 500px; color: #60213c;  padding: 0px 20px 10px 0px; border: 1px solid #000; }
#content-products .products .prod-group { border: 0px solid #000; color: #60213c; background: url(../images/products-grad-sm.jpg) no-repeat; width: 500px; height: 98px; margin: 15px 0px 0px 0px; }
#content-products .products .prod-group .logo { border: 0px solid #000; float: left;  width: 110px; color: #60213c; padding: 20px 0px 0px 20px; }
#content-products .products .prod-group .logo-cheque { border: 0px solid #000; float: left;  width: 110px; color: #60213c; padding: 30px 0px 0px 0px; }
#content-products .products .prod-group .copy { border: 0px solid #000; float: right;  width: 330px; color: #60213c; padding: 25px 10px 0px 10px; }
#content-products .products .prod-group .bttn-open { border: 0px solid #000; width: 500px; height: 45px;  }
#content-products .products .prod-group .bttn-close { border: 0px solid #000; width: 500px; height: 45px;  }
#content-products .products .expand { border: 0px solid #000; color: #60213c; width: 500px; height: 200px; }
#content-products .products .expand .video { border: 0px solid #000; color: #60213c; width: 330px; float: left; padding: 0px 0px 0px 15px; }
#content-products .products .expand .bttns { border: 0px solid #000; color: #60213c; width: 120px; float: right; padding: 30px 25px 0px 0px; }

#content-products .products ul {  margin: 10px 0px 0px 0px; padding: 0px;  }
#content-products .products ul li {  color: #60213c;  padding: 0px; font-size: 1.2em; margin: 0px;  line-height: 21px; font-weight: normal; }
#content-products .products ul li a{  color: #60213c;  font-size: 1em; text-decoration: underline;  }
#content-products .products ul li a:hover{  text-decoration: none; }
#content-products .products .subhdr { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 6px 0px; }
#content-products .products .subhdr2 { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 10px 0px; }
#content-products .products .copy { color: #60213c;  font-size: 1em; padding: 0px 0px 10px 0px; line-height: 16px; }
#content-products .products .space { padding: 0px 0px 5px 0px; }

#content-products .banners { float: right; width: 320px; display: block; }
#content-products .social { float: right; width: 290px; display: block; padding: 0px 0px 0px 0px; }

.prod-name { color: #60213c;   }
.prod-name a{ color: #60213c; text-decoration: none; font-size: 1.4em; font-weight: bold; padding: 4px; }
.prod-name a:hover{ background: #60213c; color: #FFFFFF; padding: 4px; text-decoration: none; }

.v { color: #0815c7; }

.bcrumb-subhdr { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 6px 0px;  }
.bcrumb { color: #60213c;  font-size: 1em; padding: 0px 0px 6px 0px; }
.bcrumb a{ color: #60213c;  font-size: 1em; text-decoration: underline; }
.bcrumb a:hover{ text-decoration: none; }

.keypoint-hdr {  color: #60213c;  font-weight: bold;  font-size: 1.8em; padding: 0px 0px 10px 0px;  }
.keypoint {  border: 0px solid #000;  }
.keypoint ul {  margin: 10px 0px 0px 15px; padding: 0px;  }
.keypoint ul li {  color: #60213c; font-weight: bold; padding: 0px; font-size: 1em;  margin: 0px;  line-height: 20px;  }

.form-name { font-weight: bold; color:#60213c; }
.form-field { width: 250px; background: #f1f1f3; border: 1px solid #CCCCCC; height: 25px; }
.text-area { width: 250px; background: #f1f1f3; border: 1px solid #CCCCCC; }

.quote {   padding: 0px 40px 0px 20px; }

#submit-bttn { padding-top: 6px; }

.bullets ul {  margin: 10px 0px 0px 15px; padding: 0px;  }
.bullets ul li {  color: #2a4b77;  padding: 0px; font-size: 1.1em;  margin: 0px;  line-height: 20px; font-weight: bold;  }



#step-content { float: left;  width: 375px; color: #60213c;  padding: 20px 20px 10px 0px; font-size: 1em;  }
#step-content ul {  margin: 10px 0px 0px 20px; padding: 0px;  }
#step-content ul li {  color: #60213c;  padding: 0px 0px 10px 0px; font-size: 1.2em; margin: 0px;  line-height: 19px; font-weight: bold; }
#step-content ul li a{  color: #60213c;  font-size: 1em; text-decoration: underline;  }
#step-content ul li a:hover{  text-decoration: none; }
#step-content .subhdr { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 0px 0px; }
#step-content .subhdr2 { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 10px 0px; }
#step-content .copy { color: #60213c;  font-size: 1em; padding: 0px 0px 10px 0px; line-height: 16px; }
#step-content .space { padding: 0px 0px 5px 0px; }
#step-content p { font-size: 1.2em; font-weight: normal; }

#step-content .brochure { background: url(../images/acrobat.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-content .brochure a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-content .brochure a:hover{ text-decoration: none; }

#step-content .video { background: url(../images/flash.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-contact .video a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-contact .video a:hover{ text-decoration: none; }

#step-content .update-hdr { font-weight: bold;  font-size: 1.1em; }

#testimonial-content { border: 0px solid #000; width: 650px; color: #60213c;  padding: 20px 20px 10px 0px; font-size: 1.2em; line-height: 20px;  }
#testimonial-content .logo { border: 0px solid #000; padding: 0px 0px 50px 20px; float: right;  }
#testimonial-content ul {  margin: 10px 0px 0px 0px; padding: 0px;  }
#testimonial-content ul li {  color: #60213c;  padding: 0px; font-size: 1.2em; margin: 0px;  line-height: 21px; font-weight: bold; }
#testimonial-content ul li a{  color: #60213c;  font-size: 1em; text-decoration: underline;  }
#testimonial-content ul li a:hover{  text-decoration: none; }
#testimonial-content .subhdr { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 0px 0px; }
#testimonial-content .subhdr2 { color: #60213c;  font-weight: bolder; font-size: 1.4em; padding: 0px 0px 10px 0px; }
#testimonial-content .copy { color: #60213c;  font-size: 1em; padding: 0px 0px 10px 0px; line-height: 16px; }
#testimonial-content .space { padding: 0px 0px 5px 0px; }
#testimonial-content p { font-size: 1em; font-weight: normal; margin:  0px 0px 25px 0px;}
#testimonial-content a{ font-size: 1em; font-weight: normal; text-decoration: none; }
#testimonial-content a:hover{ text-decoration: underline; }
#testimonial-content .keypoint-hdr {  color: #60213c;  font-weight: bold;  font-size: 1.6em; padding: 0px 0px 10px 0px;  }

#step-content-diagram { float: left;  width: 350px; color: #60213c;  padding: 20px 20px 10px 0px; font-size: 1.2em;  }

#step-content-diagram .brochure { background: url(../images/acrobat.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-content-diagram .brochure a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-content-diagram .brochure a:hover{ text-decoration: none; }

#step-content-diagram .video { background: url(../images/flash.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-contact-diagram .video a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-contact-diagram .video a:hover{ text-decoration: none; }

#step-scrn { float: right; width: 260px; border: 0px solid #000; padding: 30px 0px 0px 0px; }
#step-scrn-diagram { float: right; width: 300px; border: 0px solid #000; padding: 20px 0px 0px 0px; }
#step-scrn ul {  margin: 10px 0px 0px 15px; padding: 0px;  }
#step-scrn ul li {  color: #2a4b77;  padding: 0px; font-size: 1.2em;  margin: 0px;  line-height: 19px;  }
#step-scrn .forward { border: 0px solid #000; width: 265px; margin: 10px 0px 10px 0px; line-height: 15px; padding: 10px; background: #e3e3e3;  }

#step-scrn .datasheet { background: url(../images/acrobat.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-scrn .datasheet a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-scrn .datasheet a:hover{ text-decoration: none; }

#step-scrn .steps { background: url(../images/5steps.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-scrn .steps a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-scrn .steps a:hover{ text-decoration: none; }

#step-scrn .video { background: url(../images/flash.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#step-scrn .video a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-scrn .video a:hover{ text-decoration: none; }

#step-scrn .brochure { background: url(../images/acrobat.jpg) no-repeat;  padding: 5px 0px 0px 35px;  height: 30px; border: 0px solid #000; }
#step-scrn .brochure a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#step-scrn .brochure a:hover{ text-decoration: none; }

#content .press-copy { color: #60213c; font-size: .9em; line-height: 18px; padding: 10px 0px 10px 0px;  }
#content .press-copy a{ text-decoration: underline;  color: #60213c; font-size: 1em; }
#content .press-copy a:hover { text-decoration: none; }
#content .press-info { color: #60213c; font-size: 1.2em;  font-weight: bold; padding: 0px 0px 0px 0px;  }
#content .press-hdr { color: #60213c; font-size: 1.7em;  font-weight: bold; padding: 0px 0px 20px 0px;  }

#press-content { float: left;  width: 400px; color: #60213c;  padding: 20px 20px 10px 0px;  }
#press-content .press-hdr { color: #60213c; font-size: 1.6em;  font-weight: bold; padding: 0px 0px 20px 0px;  }
#press-links { float: right; width: 220px;  color: #60213c; margin: 50px 0px 0px 0px; border-left: 1px solid #CCCCCC; padding: 0px 0px 20px 20px; }
#press-links ul {  margin: 10px 0px 0px 0px; padding: 0px;  }
#press-links ul li {  color: #60213c;  padding: 0px; font-size: 1em; margin: 0px;  line-height: 19px; list-style: none; }
#press-links ul li a{  color: #60213c;  font-size: 1em; text-decoration: underline;  }
#press-links ul li a:hover{  text-decoration: none; }
#press-links .subhdr { font-size: 1.4em; color: #60213c; font-weight: bold; padding: 0px 0px 10px 0px; }
#press-links .check-back { width: 150px; line-height: 16px; padding: 0px 0px 10px 20px; background: url(../images/icon-press.jpg) no-repeat; }
#press-links .check-back a{ line-height: 14px; font-weight: normal; color: #60213c; font-size: 1em; text-decoration: underline; }
#press-links .check-back a:hover{  text-decoration: none; }


#press-content p{ font-size: 1.1em; font-weight: normal; color: #60213c; line-height: 18px; }


#opt-in { float: right; width: 220px;  color: #60213c; margin: 50px 0px 0px 0px; border-left: 1px solid #CCCCCC;  padding: 0px 0px 20px 20px; }
#opt-in .subhdr { font-size: 1.2em; color: #60213c; font-weight: bold; }
#opt-in .check-back { width: 150px; line-height: 16px; padding: 10px 0px 0px 0px; }
#opt-in .submit { float: right; padding: 4px 0px 0px 0px; }
#opt-in .form { padding: 6px 0px 0px 0px; }
.opt-field { width: 145px; }

.iq  { font-size: 1.7em; font-weight: bold; color: #60213c; padding: 0px 0px 0px 0px; margin: 0px; line-height: 24px; }

#datasheet { background: url(../images/acrobat.jpg) no-repeat;  padding: 5px 0px 0px 35px; height: 30px; border: 0px solid #000; }
#datasheet a{ font-weight: bold; text-decoration: underline; font-size: 1em; }
#datasheet a:hover{ text-decoration: none; }

#content .bio  { width: 760px; margin: 20px 0px 25px 0px; padding: 0px 0px 0px 0px;  border-bottom: 0px solid #a88897; float: left; }
#content .bio-pic { float: right; border: 0px solid #a88897; width: 100px;  padding: 0px 0px 20px 20px; }
#content .bio-copy { float: left; border: 0px solid #a88897; width: 600px; line-height: 15px; padding: 0px 0px 0px 0px; color: #61223c;  }
#content .bio-copy p { margin: 0px 0px 10px 0px;  }
#content .bio-hdr { padding: 0px 0px 5px 0px; color: #61223c; font-size: 1.4em; }

#content .terms-hdr { font-size: 1.3em; font-weight: bold; color: #60213c; padding: 0px 0px 10px 0px; }
#content .next { float: right; padding: 10px 40px 0px 0px; color: #60213c; font-size: 1.2em;}
#content .next a{ font-size: 1em; font-weight: bold; color: #60213c; text-decoration: underline; padding: 4px; }
#content .next a:hover{ text-decoration: none; background: #60213c; color: #FFFFFF; padding: 4px; }