@import url(common.css);

/* layout */
#sidebar1 { display: block; width: 180px; margin: 0px 0px 0px 40px;  }
#sidebar2 { display: none; }
#content { border: 0px solid #000; width: 928px; margin: 0px 0px 0px 10px; }
#content .border { border: 0px solid #000;  padding: 20px 10px 0px 10px;  }
#content .containers {  width: 280px; height: 840px; border-right: 2px solid #cccccc; float: left; margin: 5px 0px 0px 15px; }
#content .containers .hdr {  background: #FFFFFF; height: 75px; width: 255px; padding: 0px 0px 0px 0px; text-align: left; color: #60213c; margin: 10px 0px 0px 10px; font-size: 1.6em; font-weight: bold;}
#content .containers .hdr a{ display:block; background: #FFFFFF; height: 75px; width: 255px;  text-align: left; color: #60213c; padding: 0px 0px 0px 0px;  font-size: 1em; font-weight: bold; text-decoration: none;}
#content .containers .hdr a:hover{  display:block;  background: #60213c; color: #FFFFFF; padding: 0px 0px 0px 0px;  text-decoration: none;}
#content .containers .copy {  width: 220px; height: 350px; border: 0px solid #000; padding: 0px 0px 0px 15px;  color: #60213c;  font-size: 1.2em; line-height: 18px; margin: 0px; background: #FFFFFF;  }
#content .containers .copy2 {  width: 220px; height: 591px; border: 0px solid #000; padding: 0px 0px 0px 15px;  color: #60213c;  font-size: 1.1em; margin: 0px; background: #FFFFFF;  }
#content .containers .subhdr {  color: #60213c;  font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px 0px;}
#content .containers .subhdr2 {  color: #60213c;  font-size: 1.2em; font-weight: bold; margin: 10px 0px 6px 0px;}
#content .containers .copy .bttn { padding: 20px 0px 25px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; }

#content .containers2 {  width: 280px; height: 840px; border-right: 0px solid #cccccc; float: left; margin: 5px 0px 0px 15px; }
#content .containers2 .hdr {  background: #FFFFFF; height: 75px; width: 255px; padding: 0px 0px 0px 0px; text-align: left; color: #60213c; margin: 10px 0px 0px 10px; font-size: 1.6em; font-weight: bold;}
#content .containers2 .hdr a{ display:block; background: #FFFFFF; height: 75px; width: 255px;  text-align: left; color: #60213c; padding: 0px 0px 0px 0px;  font-size: 1em; font-weight: bold; text-decoration: none;}
#content .containers2 .hdr a:hover{  display:block;  background: #60213c; color: #FFFFFF; padding: 0px 0px 0px 0px;  text-decoration: none;}
#content .containers2 .copy {  width: 220px; height: 350px; border: 0px solid #000; padding: 0px 30px 0px 20px;  color: #60213c;  font-size: 1.2em; line-height: 18px; margin: 0px; background: #FFFFFF;  }
#content .containers2 .copy2 {  width: 220px; height: 591px; border: 0px solid #000; padding: 0px 30px 0px 30px;  color: #60213c;  font-size: 1.1em; margin: 0px; background: #FFFFFF;  }
#content .containers2 .subhdr {  color: #60213c;  font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px 0px;}
#content .containers2 .subhdr2 {  color: #60213c;  font-size: 1.2em; font-weight: bold; margin: 10px 0px 6px 0px;}
#content .containers2 .copy .bttn { padding: 20px 0px 25px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; }


#content .containers .archive .bttn { padding: 15px 0px 10px 170px; margin: 0px 0px 0px 0px; border: 0px solid #000; }
#content .containers .archive { background: #f1f1f3; width: 220px; height: 180px; border: 0px solid #000; padding: 0px 30px 20px 30px;  color: #60213c;  font-size: 1.1em; margin: 0px;  }
#content .containers .archive ul { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; }
#content .containers .archive li { margin: 0px; padding: 0px 0px 10px 0px; color: #233b91; font-size: 1.1em; line-height: 14px; list-style: none; font-weight: normal; }
#content .containers .archive li a{ color: #233b91; text-decoration: underline;   font-weight: normal; }
#content .containers .archive li a:hover{ color: #FFFFFF;  background: #233b91; text-decoration: none;  }

/* styles */
#columns .homepic { border: 0px solid #000; width: 930px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 10px; height: 360px; }

.form-field { width: 200px; background: #f1f1f3; border: 1px solid #CCCCCC; }
.text-area { width: 205px; background: #f1f1f3; border: 1px solid #CCCCCC; } 
h3 { font-size: 1.7em; font-weight: bold; color: #60213c; padding: 0px 0px 0px 50px; margin: 0px; line-height: 24px; }

.subtitle { color: #999999; font-size: .8em;  font-weight: normal; padding: 0px 0px 0px 0px;  }

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

#content-products .holder {  width: 928px; margin: 0px 0px 0px 90px; padding: 0px;  border: 0px solid #000;  }
#content-products .products { float: left;  width: 500px; color: #60213c;  padding: 0px 20px 10px 0px;  }
#content-products .products .prod-group { border: 0px solid #CCC; color: #60213c; background: #FFFFFF; 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 #CCC; 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; border: 0px solid #000; }

.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; }

.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.3em;  }
.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; }

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

.home-bttn{
background: #60213c url(../images/gradient.png) repeat-x 0 -130px;
display: inline-block;
font-size: 1em;
padding: 5px 5px 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 2px solid #222;
position: relative;
cursor: pointer;
zoom:1; *display: inline; _height: 30px;
}

.home-bttn a{
background: #60213c url(../images/gradient.png) repeat-x 0 -120px;
display: inline-block;
font-size: 1em;
padding: 4px 8px 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
border-top: 1px solid #222;
position: relative;
cursor: pointer;
zoom:1; *display: inline; _height: 30px;
}

.home-bttn a:hover{ background-color: #85435f;  }
.home-bttn:hover	{ background-color: #60213c; color: #fff; }
.home-bttn a:active	{ top: 1px; left: 1px; background-color: #60213c; }

.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;  }

#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; }

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


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

#step-content { float: left;  width: 355px; color: #60213c;  padding: 0px 20px 10px 0px;  }
#step-content ul {  margin: 10px 0px 0px 0px; padding: 0px;  }
#step-content ul li {  color: #60213c;  padding: 0px; font-size: 1.2em; margin: 0px;  line-height: 21px; font-weight: normal; }
#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-scrn { float: right; width: 320px; }
#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;  }

#content .press-copy { color: #60213c; font-size: 1em; 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.6em;  font-weight: bold; padding: 0px 0px 0px 0px;  }

#press-content { float: left;  width: 400px; color: #60213c;  padding: 0px 20px 10px 0px;  }
#press-links { float: right; width: 240px;  color: #60213c; margin: 50px 0px 0px 0px; border-left: 1px solid #999999; 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.2em; color: #60213c; font-weight: bold; padding: 0px 0px 10px 0px; }
#press-links .
 { 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; }

#opt-in { float: right; width: 240px;  color: #60213c; margin: 50px 0px 0px 0px; border-left: 1px solid #999999;  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; }