body, input.text, input.password, textarea, select {font-family: 'Lucida Grande', 'Calibri', Arial, Helvetica, Verdana, sans-serif;}

body {padding: 0 0 15px; background: #e9eaeb; color: #333;}
html>body {overflow-y: scroll;}
*+html body {overflow-y: auto;}

a {color: #002740; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

.clear {clear: both; overflow: hidden; height: 0;}

#wrapper {overflow: hidden; width: 980px; margin: 0 auto;}

/* @group Header */
#header {overflow: hidden; position: relative;}
* html #header {overflow: visible; height: 1%;}

h1, h1 a, h1 img {display: block; height: 53px; width: 130px; margin: 0;}
#home h1 {background: url(/i/andekan-home.gif) 0 0 no-repeat;}
#home h1 img {visibility: hidden;}

#nav {list-style-type: none; position: absolute; bottom: 0; right: -2px; margin: 0;}
#nav li {display: inline; float: left; margin: 0; font-size: 1.167em; font-weight: 700; line-height: 1;}
#nav a {display: block; padding: 24px 12px 18px; background: url(/i/nav-hover.gif) 0 -20px no-repeat; color: #003333; text-decoration: none;}
#nav a:hover {background-position: bottom center;}
* html #nav {bottom: -1px;}

body#revit-families #nav-revitfamilies a, body#revit-families-pricing #nav-pricing a, 
body#get-quote #nav-getquote a, body#blog #nav-blog a, body#contact #nav-contact a,
body#about-us #nav-aboutus a {background: url(/i/nav-selected.gif) bottom center no-repeat;}
/* @end */

/* @group Footer */
#footer {clear: both; padding: 10px 0 0 0; color: #666; line-height: 1.167;}

#footer-nav {float: right; width: 700px; margin: 0; padding: 0 12px 10px 0; text-align: right;}
#footer-nav-legal {float: left; width: 220px; margin: 0; padding: 0 0 10px 12px;}
#footer-nav a, #footer-nav-legal a {color: #002740; text-decoration: none;}
#footer-nav a:hover, #footer-nav-legal a:hover {text-decoration: underline;}

#footer .vcard {clear: both; border-top: 1px solid #b9b9ba; padding: 10px 12px 0;}
#footer .vcard p {margin: 0 0 1.5em;}
#footer .vcard p.tel {margin: 0;}
#footer .vcard strong {font-weight: normal;}
#footer .vcard abbr {border: none;}
/* @end */

/* @group Top Banners */
#banner-families, #banner-kdp, #banner-pricing, #banner-lights, #banner-contact, #banner-packs,
#banner-about, #banner-getaquote, #banner-getaquote-details, #banner-buydownload {height: 168px; width: 960px; border: 10px solid #fff; text-indent: -10000px;}
#banner-families {background: #fff url(/i/banner/revit-families.png) -10px 8px no-repeat;}
#banner-kdp {background: #fff url(/i/banner/revit-families.png) -1011px 8px no-repeat;}
#banner-packs {background: #fff url(/i/banner/packs.png) 0 0 no-repeat;}
#banner-pricing {background: #fff url(/i/banner/pricing.gif) -10px 8px no-repeat;}
#banner-lights {height: 399px; width: 980px; border: 0; margin: 0 0 10px; background: #120c0c url(/i/banner/turn-on-the-lights.jpg) 0 0 no-repeat;}
#banner-contact {background: #fff url(/i/banner/contact.jpg) 0 0 no-repeat;}
#banner-about {background: #fff url(/i/banner/contact.jpg) 0 0 no-repeat;}
#banner-getaquote {background: #fff16e url(/i/banner/get-a-quote.png) 165px 35px no-repeat;}
#banner-getaquote-details {background: #fff16e url(/i/banner/get-a-quote.png) 165px -133px no-repeat;}
#banner-buydownload {height: 160px; border-bottom-width: 15px; margin: 0 0 -22px; background: #062641 url(/i/banner/buy-download.jpg) 0 0 no-repeat;}


  /* @group Meet Andy */
  #meet-andy {position: relative; height: 132px; background: #fff592 url(/i/banner/meet-andy.jpg) 100% 0 no-repeat;}
  #meet-andy-content {position: absolute; left: 15px; bottom: 15px; color: #0c3753;}
  #meet-andy-content h2, #meet-andy-content p {margin: 0; color: #0c3753; font-size: 1.5em; line-height: 1.223;}

  #meet-andy-specs {overflow: hidden; height: 232px; width: 440px; margin: 0 0 10px; padding: 35px 90px 0 450px; background: #b2c6d1 url(/i/banner/meet-andy-specs.jpg) 0 0 no-repeat;}
  #meet-andy-specs dl {overflow: hidden; margin: 0; padding-left: 113px;}
  * html #meet-andy-specs dl {overflow: visible; height: 1%;}
  #meet-andy-specs dl.spec {border-bottom: 1px solid #fff592;}
  #meet-andy-specs dl.info {padding-top: 18px;}
  #meet-andy-specs dt {display: inline; float: left; width: 100px; margin-left: -110px; color: #fff; font-weight: normal;}
  #meet-andy-specs dd {padding: 0;}
  /* @end */

/* @end */

/* @group Promo Area */
#promotion {height: 188px; margin: 10px 0 0;}
#home #promotion {height: 310px;}

  /* @group Get Andy */ 
  #get-andy {display: inline; float: left; overflow: hidden; position: relative; height: 156px; width: 720px; margin: 0 10px 0 0; padding: 16px 20px; background: #ff9 url(/i/andy-home.jpg) 0 0 no-repeat; color: #002740;}
  #get-andy h3 {margin: 0 0 3px; font-size: 1.5em; line-height: 1.223; text-transform: uppercase;}
  #get-andy p {width: 320px; margin: 0; font-size: 1.167em;}
  #get-andy p.learnMore {height: 20px; width: 95px; margin: 10px 0 0; background: url(/i/andy-arrow.gif) 0 0 no-repeat;}
  #get-andy p.learnMore a {display: block; position: absolute; left: 0; top: 0; height: 188px; width: 760px; text-indent: -10000px;}

  #wrapper .get-andy-blog {height: 136px; width: 920px; border: 10px solid #fff; margin: 0 0 10px; background: #ff9 url(/i/andy.jpg) 100% -15px no-repeat;}
  #wrapper .get-andy-blog h3 {margin: 40px 0 3px;}
  #wrapper .get-andy-blog p.learnMore a {height: 168px; width: 960px;}
  
  #promotion .get-andy-blog {height: 156px; width: 940px; border: 0; margin: 0; background: #ff9 url(/i/andy.jpg) top right no-repeat;}
  #promotion .get-andy-blog h3 {margin: 50px 0 3px;}
  #promotion .get-andy-blog p.learnMore a {height: 198px; width: 980px;}
  /* @end */
  
  /* @group Content Packs */
  #promo-content-packs {display: inline; float: left; overflow: hidden; height: 292px; width: 400px; padding: 18px 330px 0 30px; background: url(../i/home-packs.jpg) 0 0 no-repeat;}
  #promo-content-packs h3 {font-size: 1.5em;}
  #promo-content-packs h4 {margin: 0 0 .5em; font-weight: normal;}
  #promo-content-packs h4 span {padding: 2px; background: #f5f565;}
  #promo-content-packs p.learnMore {margin: 0 0 48px;}
  #promo-content-packs p.learnMore a {padding: 4px 20px 4px 0; background: url(../i/home-arrow.gif) 100% 50% no-repeat; color: #063a5c; font-size: 1.167em; font-weight: 700; text-decoration: none;}
  #promo-content-packs p.learnMore a:hover {text-decoration: underline;}
  #promo-content-packs-available {width: 500px; color: #999;}
  #promo-content-packs-available a {text-decoration: none;}
  #promo-content-packs-available a:hover {text-decoration: underline;}
  /* @end */

  /* @group Download Sample */
  #download-sample {display: inline; float: right; overflow: hidden; height: 188px; width: 210px; background: #1e1d1b url(/i/bg-download-sample.jpg) 0 0 no-repeat;}
  #download-sample h3 {font-size: 1em;}
  #download-sample a {display: block; height: 173px; width: 200px; padding: 15px 5px 0; color: #fff; line-height: 1; text-align: center; text-decoration: none;}
  /* @end */
  
  /* @group Download Sample High */
  #download-sample-high {display: inline; float: right; overflow: hidden; position: relative; height: 310px; width: 210px; background: url(../i/home-sample-download.jpg) 0 0 no-repeat; color: #fff;}
  #download-sample-high h3 {margin: 0 0 .5em; padding: 150px 25px 0 30px; font-size: 1.5em; line-height: 1.2;}
  #download-sample-high p {padding: 0 25px 0 30px;}
  #download-sample-high p.learnMore {height: 0; margin: 0;}
  #download-sample-high p.learnMore a {display: block; position: absolute; top: 0; left: 0; height: 310px; width: 210px; text-indent: -10000px;}
  /* @end */
  
  /* @group Download Sample Wide */
  #download-sample-wide {position: relative; height: 164px; width: 952px; padding: 12px 14px; background: url(/i/bg-download-sample-wide.jpg) 0 0 no-repeat; color: #fff;}
  #download-sample-wide h3 {margin: 0 0 3px; font-size: 1.334em; line-height: 1;}
  #download-sample-wide p {width: 290px; margin: 0; font-size: 1.084em;}
  #download-sample-wide p.readMore a {position: absolute; left: 0; top: 0; height: 188px; width: 980px; text-indent: -10000px;}
  /* @end */
  
  /* @group US Plumbing Starter Pack */
  #upsp-wide {position: relative; height: 160px; width: 956px; padding: 14px 14px; background: url(../i/upsp-wide.jpg) 0 0 no-repeat; color: #083c5d;}
  #upsp-wide h3 {margin: 0 0 3px; font-size: 1.167em; line-height: 1;}
  #upsp-wide p {margin: 0; width: 200px;}
  #upsp-wide a {display: block; position: absolute; left: 0; top: 0; height: 188px; width: 980px; text-indent: -10000px;}
  /* @end */

/* @end */

/* @group Content */
#content {clear: both; overflow: hidden; width: 980px; background: #fff url(/i/bg-content.gif) 1px 0 repeat-y;}
* html #content {overflow: visible; height: 1%;}
#content-wrapper .onecol {width: 950px; padding: 18px 15px 36px; background: #fff;}
#content-wrapper .twocol-special {background-position: -209px 0;}
#content-alt {clear: both; overflow: hidden; width: 980px; padding: 0 0 10px;}
* html #content-alt {overflow: visible; height: 1%;}

#content a:hover {background: #002740; color: #fff;}

  /* @group Heading + Sub-nav */
  #content-wrapper {width: 980px; padding: 22px 0 0;}
  #wrapper .noHeader {padding: 0;}
  #content-wrapper h2 {display: inline; float: left; margin: 0; padding: 4px 28px 26px 15px; color: #666; font-size: 1.5em; font-weight: normal; line-height: 1;}
  
  #nav-sub {display: inline; float: left; list-style-type: none; width: 400px; margin: 0; padding: 0 0 10px;}
  #nav-sub li {display: inline; float: left; margin: 0 5px 0 0; font-size: 1.167em; font-weight: 700; line-height: 1.143;}
  #nav-sub a {display: block; padding: 6px 12px 8px; background: #d1d6da; color: #002740; text-decoration: none;}
  #nav-sub a:hover {background: #bac3c9;}
  #nav-sub li.selected a {padding: 6px 12px 19px; background: #bac3c9 url(/i/nav-sub-selected.gif) bottom center no-repeat;}
  #nav-sub li.selected a:hover {background: #bac3c9 url(/i/nav-sub-selected.gif) bottom center no-repeat;}

  #nav-revit-families {display: inline; float: right; list-style-type: none; width: 350px; margin: -14px 0 0;}
  #nav-revit-families li {display: inline; float: right; margin: 0; font-weight: 700; line-height: 1;}
  #nav-revit-families a {display: block; text-decoration: none;}
  #nav-revit-families a:hover {text-decoration: underline;}
  #nav-download-free-sample a {padding: 15px 12px 15px 70px; background: url(/i/download-free-sample.jpg) left center no-repeat;}
  #nav-get-a-quote a {padding: 15px 12px 15px 50px; background: url(/i/get-a-quote-icon.jpg) left center no-repeat;}
  /* @end */

  /* @group Columns */
  #main {float: left; width: 720px; padding: 18px 25px 54px 15px;}
  #main-alt {float: left; width: 760px;}
  .onecol #main {float: none; width: 520px; padding: 0;}
  .twocol-special #main {float: left; width: 424px; padding: 18px 100px 54px 15px;}
  #main h3 {display: -moz-inline-box; display: inline-block; margin: 0 0 12px -3px; padding: 3px 5px 4px 3px; background: #fff16e; font-size: 1.5em; line-height: 1.223;}
  * html #main h3 {display: inline; float: left; position: relative;}
  *+html #main h3 {display: inline; float: left; position: relative;}
  #main h4 {margin: 0 0 .25em; font-size: 1.167em;}
  #main p {width: 100%;}
  #main ol.inside {list-style: inside decimal;}
  #main ol.inside li {margin: 0 0 1em;}

  #main div.section {padding: 0 0 54px; zoom: 1;}
  #main div.section:after {content: " "; display: block; overflow: hidden; height: 0; clear: both;}
  #main div.left, #main div.right {clear: both; float: left; width: 300px;}
  #main div.right {float: right;}
  
  /* --> Columns */
  #content .col-standard {float: left; padding: 0 20px 0 0; width: 460px;}
  #content .col-half {float: left; padding: 0 20px 0 0; width: 350px;}
  #content .col-third {float: left; padding: 0 15px 0 0 ; width: 230px;}
  #content .col-last {padding: 0;}

  /* --> Sidebar */
  #sidebar {float: right; width: 200px; padding: 24px 10px;}
  .twocol-special #sidebar {width: 410px;}
  #sidebar-alt {float: right; width: 210px;}
  
  #sidebar h3 {margin: 0 0 0 5px; color: #1e1d1b; font-size: 1em; font-weight: normal;}
  #sidebar h3 span {padding: 1px 5px 1px 5px; background: #acf4fc;}
  
  #sidebar p {width: 186px; margin: 0; padding: 10px 0 10px 10px;}
  #sidebar p.updated {padding: 5px 0 0 10px; font-size: .917em;}
  
  #sidebar ul {list-style-type: none; width: 100%; margin: 0; padding: 0 0 2em; color: #002740;}
  #sidebar li {margin: 0; padding: 10px 10px 10px 10px; background: url(/i/sidebar-divider.gif) left bottom no-repeat;}
  #sidebar li ul {padding: 0;}
  #sidebar li li {padding: 0 0 0 36px; background: transparent;}
  #sidebar ul.images li {padding: 10px 0; text-align: center;}
  #sidebar span.check {display: block; padding: 0 0 0 20px; background: url(/i/sidebar-check.gif) 2px 50% no-repeat;}
  #sidebar ul a {text-decoration: none;}
  #sidebar ul a:hover {background-color: transparent; color: #002740; text-decoration: underline;}
  
  #sidebar dl {padding: 18px 10px 6px;}
  #sidebar dd {padding: 0 0 1.5em;}
  
  #sidebar p.pdf {padding: 0 0 15px 32px; background: url(/i/icon-pdf.gif) 10px 0 no-repeat;}
  
  #sidebar fieldset {padding: 0 0 0 10px;}
  #sidebar .field {margin: 0 0 6px;}
  #sidebar textarea, #sidebar input.text {display: block; width: 174px; border: 1px solid #999;}
  #sidebar input.default, #sidebar textarea.default {color: #666;}
  #sidebar .submit {width: 180px; text-align: center;}
  
  #sidebar .formError {margin: 0; padding: 0; background: transparent; color: #c00; font-size: .917em;}
  #sidebar .formError-message {border: 0; padding: 0; background: transparent;}
  #sidebar .formError p {width: auto; margin: 0;}
  #sidebar p.errorNotice-message {display: none; padding: 0; font-size: .917em;}
  #sidebar .field_ko input, #sidebar .field_ko textarea {border-color: #c00;}
  #sidebar .field_ko p.errorNotice-message {display: block;}

  #blog #sidebar ul {padding: .667em 0 2em;}
  #blog #sidebar li {padding: 4px 10px 4px 10px;}
  /* @end */

  /* @group Home Page */
  #home-intro {overflow: hidden; position: relative; height: 540px; width: 980px;}
  #home-intro h2 {position: absolute; top: 0; left: 0; z-index: 105; height: 110px; width: 980px; background: url(../i/banner/home.jpg) 0 0 no-repeat; text-indent: -10000px;}
  #home-intro h3 {margin: 0;}
  
  #home-intro ul {position: absolute; right: 100px; top: 54px; z-index: 110; margin: 0; font-size: 1.167em;}
  #home-intro li {margin: 0; display: inline; padding: 0 6px;}
  #home-intro a {padding: 2px 4px; color: #333; text-decoration: none;}
  #home-intro a:hover {background: transparent; color: #333; text-decoration: underline;}
  #home-intro li.selected a {background: #009dda; color: #fff;}
  #home-intro li.selected a:hover {text-decoration: none;}
  #home-intro a strong {font-weight: normal;}

  #home-intro p.learnMore {position: absolute; left: 0; top: 500px; z-index: 110; width: 100%; margin: 0; text-align: center;}
  #home-intro p.learnMore a {padding: 4px 20px 4px 0; background: url(../i/home-arrow.gif) 100% 50% no-repeat; color: #063a5c; font-size: 1.167em; font-weight: 700;}

  #home-intro-engineered {position: absolute; left: 0; top: 0; z-index: 100; height: 540px; width: 980px; background: #fff url(../i/banner/home.jpg) 0 0 no-repeat;}
  #home-intro-easy {position: absolute; left: 0; top: 0; z-index: 90; height: 540px; width: 980px; background: #fff url(../i/banner/home.jpg) -980px 0 no-repeat;}
  #home-intro-project {position: absolute; left: 0; top: 0; z-index: 80; height: 540px; width: 980px; background: #fff url(../i/banner/home.jpg) -1960px 0 no-repeat;}
  
  #home-intro-engineered-1 {position: absolute; left: 40px; top: 200px; width: 195px;}
  #home-intro-engineered-2 {position: absolute; left: 736px; top: 336px; width: 210px;}
  
  #home-intro-easy-1 {position: absolute; left: 40px; top: 290px; width: 195px;}
  #home-intro-easy-2 {position: absolute; left: 40px; top: 416px; width: 195px;}
  #home-intro-easy-3 {position: absolute; left: 736px; top: 336px; width: 210px;}
  
  #home-intro-project-1 {position: absolute; left: 40px; top: 400px; width: 195px;}
  #home-intro-project-2 {position: absolute; left: 736px; top: 172px; width: 210px;}
  /* @end */
  
  /* @group Forms */
  .basicForm fieldset {margin: 0 0 1.5em;}
  .basicForm p.required {margin: 0 0 .5em; color: #b92672; font-size: .917em;}
  .basicForm .field {margin: 0 0 3px;}
  .basicForm .field .details {margin: 1em 0 0;}
  .basicForm .submit {padding: 3px 0 0 100px;}
  .basicForm label {color: #666; font-size: .917em;}
  .basicForm label em {color: #b92672; font-style: normal;}
  .basicForm input.text, .basicForm textarea {width: 164px;}
  .basicForm .field p {margin: 0 0 3px; font-size: .917em;}
  #wrapper .basicForm .field p {width: 200px;}
  .basicForm .field p.errorNotice-message {display: none;}
  .basicForm ul.fields {margin: 0;}
  .basicForm div.inline label {display: block; float: none; width: auto; padding: 0 0 3px;}
  
  .formError {margin: 0 0 1em; padding: 0 0 16px; background: url(/i/form-error-arrow.gif) 0 100% no-repeat;}
  .formError-message {border: 1px solid #c00; border-bottom: 0; padding: 15px 10px 15px 42px; background: #ffd46e url(/i/form-error-excl.gif) 14px 50% no-repeat;}
  .formError-message p {margin: 0;}
  .basicForm .field_ko label {color: #c00;}
  .basicForm .field_ko input.text, .basicForm .field_ko textarea {border: 1px solid #c00;}
  .basicForm .field_ko p.errorNotice-message {display: block;}
  
  /* --> MultiFile upload */
  #attachment_wrap_list {display: block;}
  #attachment_wrap_list div {margin: .5em 0; padding: 0 0 0 20px; background: url(/i/icon-file.png) 0 45% no-repeat;}
  #attachment_wrap_list a {margin: 0 0 0 .25em; padding: 1px; color: #f30;}
  #attachment_wrap_list a:hover {background: #f30; color: #fff;}
  /* @end */
  
  /* @group Content Packs */
  #main-alt .content-pack-item {position: relative; margin: 0 0 10px; padding: 18px 240px 18px 20px; min-height: 166px; background: #fff url(../i/packs/bg-divider.png) 540px 50% no-repeat;}
  * html #main-alt .content-pack-item {height: 166px;}
  #main-alt .content-pack-item h3 {margin: 0 0 .67em; font-size: 1.5em;}
  #main-alt .content-pack-item h3 a {color: #009dda; text-decoration: none;}
  #main-alt .content-pack-item h3 a:hover {text-decoration: underline;}
  #main-alt .content-pack-item p {font-size: 1.167em;}
  #main-alt .content-pack-item p.specs {position: absolute; left: 550px; top: 48px; width: 190px; color: #666;}
  #main-alt .content-pack-item p.specs strong {color: #333;}
  #main-alt .content-pack-item p.learnMore {position: absolute; bottom: 54px; left: 550px; width: 190px; margin: 0;}
  #main-alt .content-pack-item p.learnMore a {padding: 4px 20px 4px 0; background: url(../i/home-arrow.gif) 100% 50% no-repeat; color: #063a5c; font-weight: 700; text-decoration: none;}
  #main-alt .content-pack-item p.learnMore a:hover {text-decoration: underline;}
  
  #content-pack-details {position: relative; margin: 0 0 10px; padding: 18px 240px 18px 20px; min-height: 166px; background: #fff url(../i/packs/bg-divider.png) 540px 50% no-repeat;}
  * html #content-pack-details {height: 166px;}
  #content-pack-details h3, #content-pack-content h4, #content-pack-sample h4 {margin: 0 0 .67em; color: #009dda; font-size: 1.5em;}
  #content-pack-details p {font-size: 1.167em;}
  #content-pack-details p.specs {position: absolute; left: 550px; top: 48px; width: 190px; color: #666;}
  #content-pack-details p.specs strong {color: #333;}
  #content-pack-details p.purchase {height: 0; margin: 0;}
  #content-pack-details p.purchase a {display: block; position: absolute; left: 550px; top: 102px; padding: 12px; background: #f60; color: #fff; font-weight: 700; text-decoration: none;}
  #content-pack-details p.purchase a:hover {background: #ed6003; color: #fff;}
  #content-pack-details ul.actions {list-style-type: none; overflow: hidden; margin: 28px 0 0;}
  * html #content-pack-details ul.actions {overflow: visible; height: 1%;}
  #content-pack-details ul.actions li {display: inline; float: left; margin: 0; padding: 0 20px 0 0;}
  #content-pack-details ul.actions li a {text-decoration: none;}
  #content-pack-details ul.actions li a:hover {text-decoration: underline;}
  #content-pack-details li.download-sample {width: 120px;}
  #content-pack-details li.pdf {width: 180px;}
  #content-pack-details li.pdf a {display: block; padding: 0 0 0 28px; background: url(/i/icon-pdf.gif) 0 6px no-repeat;}
  #content-pack-details li.contact {width: 160px; padding: 0 !important;}
  
  #content-pack-content {margin: 0 0 10px; padding: 18px 20px 18px; background: #fff;}
  #content-pack-content .content-pack-wrapper {border-top: 1px solid #e6e9ec;}
  #content-pack-content h5 {border-bottom: 1px solid #e6e9ec; margin: 0; padding: 6px 0 2px; font-size: 1em;}
  #content-pack-content ul {list-style-type: none; overflow: hidden; border-bottom: 1px solid #e6e9ec; margin: 0; padding: 0;}
  * html #content-pack-content ul {overflow: visible; height: 1%;}
  #content-pack-content li {display: inline; float: left; width: 100px; margin: 0; padding: 5px 10px; font-size: .917em;}
  #content-pack-content li img {display: block; margin: 0 0 5px;}
  
  #content-pack-sample {display: none; margin: 0 0 10px; padding: 18px 20px 18px; background: #fff;}
  
  #content-packs-info {background: #fff url(../i/packs/bg-info.jpg) 0 0 no-repeat; padding: 250px 20px 1.5em;}
  #content-packs-info h3 {color: #666; font-size: 1.167em;}
  /* @end */
  
  /* @group Content Pack */
  .contentpack {clear: both; position: relative; width: 720px; border-bottom: 1px solid #d1d6da; padding: 0 0 15px;}
  * html .contentpack {overflow: visible; height: 1%;}
  
  .contentpack-info {width: 355px;}
  .contentpack-info .description {font-size: 1.167em;}
  .contentpack-info .more {margin: 0; font-size: 1.167em; font-weight: bold;}
  #content .contentpack-info .more a {display: block; position: absolute; bottom: 12px; left: 0; height: 29px; width: 166px; padding: 0 0 0 12px; background: url(/i/arrow-contentpack.png) 0 0 no-repeat; line-height: 30px; text-decoration: none;}
  #content .contentpack-info .more a:hover {color: #002740;}
  
  .contentpack-buy {display: inline; float: right; position: relative; width: 238px; border: 1px solid #d1d6da; margin: -36px 0 0; padding: 20px 30px 30px;}
  .contentpack-buy .price {margin: 0; font-size: 1.5em; font-weight: bold;}
  .contentpack-buy p {margin: 0 0 1em; font-size: 1.167em; font-weight: bold;}
  .contentpack-buy .buy {margin: 0; font-size: 1em;}
  .contentpack-buy .buy a {display: block; width: 130px; border: 0; padding: 15px 10px; background: #ee5e25; color: #fff; font-size: 1.5em; font-weight: bold; text-align: center; text-decoration: none;}
  #content .contentpack-buy .buy a:hover {background: #ee5e25;}
  
  .contentpack-details {padding: 20px 0 0;}
  #main-alt .contentpack-details {background: #fff; padding: 18px 20px;}
  .contentpack-details .pulled-up {margin: -126px 0 0;}
  .contentpack-details h4 {margin: 0 0 .25em; font-size: 1.167em;}
  .contentpack-details img {float: right;}
  .contentpack-details .pulled-up img {float: none;}
  #content .contentpack-details p, #main-alt .contentpack-details p {width: 390px;}
  #main-alt .contentpack-details div.section {clear: both; padding: 0 0 54px; zoom: 1;}
  #main-alt .contentpack-details div.section:after {content: " "; display: block; overflow: hidden; height: 0; clear: both;}
  
  .contentpack-contents {border-bottom: 1px solid #d1d6da; margin: 0 0 20px; padding: 0 0 65px;}
  #main .contentpack-contents h4 {border-bottom: 1px solid #e6e9ec; padding: 6px 0 2px; font-size: 1em;}
  .contentpack-contents ul {list-style-type: none; overflow: hidden; border-bottom: 1px solid #e6e9ec; margin: 0; padding: 0 10px 0 50px;}
  * html .contentpack-contents ul {overflow: visible; height: 1%;}
  .contentpack-contents li {display: inline; float: left; width: 100px; margin: 0; padding: 5px; font-size: .917em;}
  .contentpack-contents li img {display: block; margin: 0 0 5px;}
  /* @end */
  
  /* @group Buy and Download */
  #buy-download #main {width: 730px;}
  #buy-download .buydownload-info {border-bottom: 1px solid #d1d6da; margin: 0 0 1em;}
  #buy-download .buydownload-info p {clear: both; width: 400px; margin: 0; padding: 0 0 .75em; font-size: 1.167em;}
  #buy-download .buydownload-info p.detail, #buy-download .buydownload-info p.price {width: auto; margin: -10px 0 24px; padding: 0; color: #333; font-size: 1.5em; font-weight: bold;}
  #buy-download .buydownload-info p.price {margin: 0 0 24px; padding: 0; line-height: 1;}
  #buy-download .buydownload-info p.price em {color: #777; font-style: normal; text-decoration: line-through;}
  #buy-download .buydownload-info p.highlight {width: auto; margin: .25em 0 1em; padding: 0; font-size: 1.334em; font-weight: bold;}
  
  #buy-download fieldset.contact-information {clear: none; display: inline; float: left; width: 350px; padding: 0 30px 18px 0;}
  #buy-download fieldset.billing-information {clear: none; display: inline; float: left; width: 350px; padding: 0 0 18px;}
  #buy-download fieldset.payment-method {border-top: 1px solid #d1d6da; padding: 1em 0 0;}
  
  #buy-download .basicForm select {width: 170px;}
  #buy-download fieldset.billing-information .field {padding-left: 130px;}
  #buy-download fieldset.billing-information .field label {width: 125px; margin-left: -130px;}
  #buy-download fieldset.billing-information .inline label {width: auto;}
  #buy-download fieldset.billing-information h5 {margin: 1em 0 .25em; font-size: 1em;}
  #buy-download #expdatem, #buy-download #expdatey {width: auto;}
  #buy-download .submit {padding: 1.5em 0 0 40px;}
  #buy-download .submit input {width: 130px; border: 0; padding: 15px 10px; background: #ee5e25; color: #fff; cursor: pointer; font-size: 1.167em; font-weight: bold; text-align: center;}
  
  #buy-download .buydownload-download {width: 360px; border-top: 1px solid #d1d6da; margin: 1em 0 0; padding: 1em 370px 0 0;}
  #buy-download .buydownload-download-link a {display: block; width: 100px; padding: 8px 10px 8px 100px; background: #b4bdc6 url(/i/packs/icon.jpg) 0 50% no-repeat; font-weight: bold; text-decoration: none;}
  #buy-download .buydownload-download-link a:hover {color: #002740; text-decoration: underline;}
  /* @end */
  
  /* @group Pricing */
  #sidebar #current-credit-pricing {clear: both; padding: 18px 7px 16px 7px; background: #eef8fe; text-align: left;}
  #sidebar #current-credit-pricing p.note {width: auto; margin: 0; padding: 0 3px; color: #666; font-size: .917em; font-style: italic; text-align: left;}
  #sidebar #current-credit-pricing table {border-collapse: collapse; width: 100%; margin: 0 0 16px;}
  #sidebar #current-credit-pricing th {width: 50%; font-weight: normal; text-align: left;}
  #sidebar #current-credit-pricing thead th {color: #666;}
  #sidebar #current-credit-pricing tbody th {border-bottom: 1px solid #bac3c9; padding: 3px 5px 2px 3px;}
  #sidebar #current-credit-pricing th em {display: block; border-bottom: 1px solid #bac3c9; padding: 0 10px 3px 3px; font-style: normal;}
  #sidebar #ccp-num-credits em {margin: 0 10px 0 0; padding: 0 0 3px 3px;}
  #sidebar #current-credit-pricing td {border-bottom: 1px solid #bac3c9; padding: 3px 5px 2px 3px;}
  #sidebar #current-credit-pricing .first th, #current-credit-pricing .first td {padding-top: 8px;}
  /* @end */
  
  /* @group Get a Quote */
  #howItWorks {list-style-type: none; margin: 0;}
  #howItWorks li {margin: 0;}
  #howItWorks h3 {display: block; height: 32px; margin: 0 0 1.5em; padding: 0 0 0 36px; background: url(/i/get-a-quote/digits.png) 0 0 no-repeat; font-size: 1.167em; line-height: 32px; white-space: nowrap;}
  #howItWorks-step2 h3 {background-position: -230px 0; line-height: 16px; white-space: normal;}
  #howItWorks-step3 h3 {background-position: -460px 0;}
  #howItWorks img {display: block; margin: 0 auto 1.5em;}
  
  #howItWorks #current-credit-pricing {width: 190px; border-top: 1px solid #bdc4ca; border-bottom: 1px solid #bdc4ca; margin: 0 auto 1.5em;}
  #howItWorks #current-credit-pricing h4 {margin: 0; padding: .5em 0; font-size: 1em; font-weight: normal; text-align: center;}
  #howItWorks #current-credit-pricing h4 em {color: #999; font-size: .917em; font-style: normal;}
  #howItWorks #current-credit-pricing table {border-collapse: collapse; width: 100%; line-height: 1.2; text-align: left;}
  #howItWorks #current-credit-pricing th {width: 50%; font-weight: normal;}
  #howItWorks #current-credit-pricing thead th em {display: block; margin: 0 0 .75em 0; padding: 3px; background: #d9dfe3; font-size: .917em; font-style: normal; text-align: right;}
  #howItWorks #current-credit-pricing #ccp-num-credits em {margin: 0 2px .75em 0; text-align: left;}
  #howItWorks #current-credit-pricing tbody th {border-bottom: 1px solid #ccd4d9; padding: 3px; font-size: .834em;}
  #howItWorks #current-credit-pricing td {border-bottom: 1px solid #ccd4d9; padding: 3px; font-size: .834em; text-align: right;}
  #howItWorks #current-credit-pricing p.note {width: auto; margin: 0 20px .25em; font-size: .834em; color: #999; font-style: italic; text-align: center;}
  
  #get-quote .basicForm .field {overflow: hidden; border-top: 1px solid #edeeef; margin: 0 0 1.5em; padding: 1em 0 0;}
  #get-quote .basicForm .left, #get-quote .basicForm .right {float: left; clear: none; width: 250px;}
  #get-quote .basicForm .field p {width: auto; color: #666; font-size: 1em;}
  #get-quote .basicForm .field p.errorNotice-message {margin: 0; font-size: .917em;}
  #get-quote .basicForm label {padding: 0 0 3px; color: #333; font-size: 1em; font-weight: 700;}
  #get-quote .basicForm li label {display: inline; padding: 0; color: #666; font-weight: normal;}
  #get-quote .basicForm input.text {width: 174px;}
  #get-quote .basicForm textarea {width: 424px;}
  #get-quote .basicForm .submit {padding: 0; text-align: center;}
  /* @end */
  
  /* @group Blog */
  #blog #main {width: 725px; padding-left: 10px; padding-bottom: 18px;}
  #blog .post {padding: 0 0 3em 210px; color: #333;}
  #blog .post h2 {display: block; float: none; border-bottom: 1px solid #e9eaeb; margin: 0 0 8px; padding: 0.25em 0 .25em; font-size: 2em; font-weight: normal; line-height: 1.21;}
  #blog .post h2 a {text-decoration: none;}
  #blog .post h2 a:hover {background: transparent; color: #002740; text-decoration: underline;}
  #blog .post h3 {display: block; float: none; background: transparent; padding: 0; margin: 0; font-size: 17px;}
  #blog .post h3 em {color: #666; font-size: 12px; font-style: normal;}
  #blog .post h3.withMargin {margin: 0 0 1.06em;}
  #blog .post h3 a {text-decoration: none;}
  #blog .post a:hover {background: transparent; color: #002740; text-decoration: underline;}
  #blog .post p {clear: none; width: auto;}
  #blog .navPosts {color: #e9eaeb; margin: 0; text-align: right;}
  #blog .navPosts a {padding: 3px 6px; font-size: .917em; font-weight: 700;}

  #blog .meta {display: inline; float: left; width: 200px !important; border-top: 1px solid #e9eaeb; margin: -9px 0 0 -210px; padding: 8px 0 0; font-size: .834em;}
  #blog .meta span {display: block;}
  #blog .meta a {text-decoration: none;}
  #blog .meta a:hover {background-color: transparent; color: #002740; text-decoration: underline;}
  #blog .meta .comments-count a {padding: 2px 0 2px 16px; background: url(/i/icon-comments.png) 0 50% no-repeat;}

  #blog #comments {border-top: 1px solid #666; margin: 4.5em 0 0 -210px; padding: 0; color: #333;}
  #blog #comments p.not-available {padding: 8px 0 0 210px; border-top: 1px solid #e9eaeb;}
  #blog #comments h2 {border-bottom: 0; margin: 0; padding: 4px 0 8px 3px; font-size: 1.167em;}
  #blog h2#postcomment {border-bottom: 1px solid #e9eaeb; border-top: 1px solid #666;}

  #blog #comments-list {list-style-type: none; overflow: hidden; margin: 0; padding: 0 0 0 210px;}
  * html #blog #comments-list {overflow: visible; height: 1%;}
  #blog #comments-list .comment {border-top: 1px solid #e9eaeb; margin: 0; padding: 6px 0 0;}
  #blog #comments-list .meta {margin: -7px 0 0 -210px; padding: 6px 0 18px; font-size: .917em;}
  #blog #comments-list .meta .author {font-weight: 700;}
  #blog #comments-list .clear {clear: both; display: block; overflow: hidden; height: 0;}

  #blog #comments form {overflow: hidden; padding: 0 0 18px 210px;}
  * html #blog #comments form {overflow: visible; height: 1%;}
  #blog #comments form a {text-decoration: none;}
  #blog #comments form a:hover {background: transparent; color: #002740; text-decoration: underline;}
  #blog #comments form p {margin: 0; padding: 7px 0 6px;}
  #blog #comments fieldset {margin: -1px 0 0;}
  #blog #comments div.field, #blog #comments div.submit {clear: both; width: 515px; border-top: 1px solid #e9eaeb; margin: 0; padding: 6px 0;}
  #blog #comments div.submit {position: relative; margin: 0 0 0 -110px; padding: 6px 0 6px 110px;}
  #blog #comments label {display: inline; float: left; position: relative; width: 100px; border-top: 1px solid #e9eaeb; margin: -7px 0 0 -110px; padding: 6px 10px 0 0;}
  #blog #comments span.loggedin {display: inline; float: left; width: 100px; margin: 0 0 0 -110px; padding: 0 10px 0 0;}
  #blog #comments input.text {width: 200px; padding: 2px;}
  #blog #comments textarea {display: block; width: 400px; max-width: 400px; padding: 2px;}
  /* @end */
  
  /* @group Contact */
  #contact .col-half h3 {font-size: 1.167em;}
  #contact .col-half h4 {margin: 0; font-size: 1.167em;}
  #contact .col-half h5 {margin: 0; font-size: 1em;}
  #contact .col-last strong {color: #666; font-weight: normal;}
  #contact .col-last em {font-size: .917em;}
  #office-contact {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-top: .75em;}
  #office-contact .office-location {margin: 0 0 1.286em;font-size: 1.167em;}
  #office-contact .office-hours {margin: 0 0 1.167em;}
  #office-contact .office-status {height: 46px; margin: 0 0 1.167em;}
  #office-contact .office-status * {line-height: 36px;}
  #office-contact .office-status p {float: left; height: 36px; width: auto; border: 1px solid #ddd; margin: 0; padding: 4px;}
  #office-contact .office-clock {float: left; height: 36px; padding: 0 12px; background: #333; color: #fff16e; font: 1.167em  "Courier New", Courier, monospace;}
  #office-contact .office-open, #office-contact .office-closed {float: left; width: 125px; padding: 0 0 0 4px; color: #090; font-weight: 700; text-align: center;}
  #office-contact .office-closed {color: #f60;}
  /* @end */
  
  /* @group Legal */
  #legal #content-wrapper {padding: 0;}
  #legal #content {width: 980px; padding: 0;}
  #legal #main {width: auto; padding: 30px 245px 54px 225px;}
  #legal #main h2 {display: block; float: none; border-bottom: 1px solid #e9eaeb; margin: 0 0 8px; padding: 0 0 .25em; color: #002740; font-size: 2em; font-weight: normal; line-height: 1.21;}
  #legal #main h3 {display: block; float: none; margin: 0; padding: 0; background: transparent; font-size: 1em;}
  #legal #main h4 {margin: 0; padding: 0; color: #666; font-size: 1em;}
  /* @end */
    
  /* @group Thank You and Sorry */
  #thank-you, #sorry-page {background: #fff; padding: 48px 0 72px;}
  
  #thank-you h2, #sorry-page h2 {height: 28px; width: 72px; margin: 0 auto 36px; background: url(/i/download-andy/sorry.gif) 0 0 no-repeat; text-indent: -10000px;}
  #thank-you h2 {width: 135px; background: url(/i/get-a-quote/thank-you.gif) 0 0 no-repeat;}
  #thank-you #thank-you-email-sent {height: 64px; width: 270px; margin: 0 auto; background: url(/i/header-thanks-email-sent.png) 0 0 no-repeat;}
  
  #thank-you p, #sorry-page p {width: 410px; margin: 1.5em auto 0; color: #666; font-size: 1.167em; line-height: 1.572; text-align: center;}
  /* @end */
  
  /* @group Download Andy */
  #download-andy {overflow: hidden; height: 327px; width: 357px; padding: 72px 610px 0 13px; background: #fff592 url(/i/download-andy/bg.jpg) 0 0 no-repeat;}
  #download-andy h2 {margin: 0 0 .5em; color: #0c3753; font-size: 1.5em;}
  #download-andy h3 {font-size: 1em;}
  #download-andy p {margin: 0 0 1.5em; font-size: 1em;}
  #download-andy p.download {margin: 0 0 35px;}
  #download-andy p.download a {display: block; height: 22px; width: 121px; background: url(/i/download-andy/download-now.gif) 0 0 no-repeat; text-indent: -10000px;}
  /* @group */

/* @end */