/* BEGIN RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END RESET STYLES */

/* BEGIN MAIN STYLES */
body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    overflow-y: scroll;
}
#container {
    min-width: 928px;
    max-width: 1392px;
    position: relative;
    margin: 0 auto;
    /*padding: 14px 11px 11px 11px;*/
    /*box-shadow: 0 0 15px #ddd;
    -webkit-box-shadow: 0 0 15px #ddd;
    -moz-box-shadow: 0 0 40px #e6e6e6;*/
}
/*header section*/
#header {
    height: 60px;
}
#header .homelink {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    height: 106px;
    position: absolute;
    text-decoration: none;
    top: 0px;
    padding-bottom: 3px;
}
#header span {
    float: left;
    display: block;
    /*padding-top: 5px;*/
    margin-left: 3px;
}
#header .tagline{
    position:relative;
    top:-34px;
    left: 30px;
    left: 50px;
    z-index:2;
}
/*display section*/
#display {
    color: #fff;
    font-size: .8em;
    background-color: #3d3833;
    height: 379px;
    position: relative;
}
#display h1 {
    padding: 6px 0 0 1em;
    font-size: 1em;
    font-weight: normal;
    float: left;
}
#display .displayLink {
    float:right;
    padding: 6px 1em 0 0;
    color: #fff;
    text-decoration: none;
}
#display .displayLink:hover {
    text-decoration: underline;
}
#gallery,
#gallery a,
#gallery img {
    min-width: 928px;
    max-width: 1392px;
    height: 353px;
    cursor: default;
}
.carrotImg {
    width: 69px;
    height: 74px;
    padding: 10px 0 0 10px;
    float:left;
    background: url("../png/main-sprite.png") no-repeat -10px -299px;
}
.powerfulEasy {
    width: 312px;
    height: 22px;
    background: url("../png/main-sprite.png") no-repeat -10px -278px;
}
#descriptionContainer {
    /*background: url("https://cloud.chiefarchitect.com/1/images/style/gradient-sprite.png") repeat-x 0px -157px;*/
    height: 130px;
}
#descriptionContainer div {
    float: left;
    width: 47%;
    padding-left: 3%;
    padding-top: 1.0em;
    line-height: 1.5em;
    font-size: 0.75em;
    font-family: 'Open Sans', sans-serif;
}
#descriptionContainer .summaryBullets ul,
#descriptionContainer .summaryBullets img {
    display: block;
    float: left;
    padding-left: 10px;
}
#descriptionContainer .summaryBullets ul li {
    margin-left: 5px;
    color: #9fb567;
    background: none;
}
#slide_navigation {
    position: absolute;
    z-index: 50;
    bottom: 39px;
    right: 20px;
    width: 54px;
    height: 20px;
}
#slide_next,
#slide_prev {
    width: 27px;
    height: 20px;
    float: left;
    cursor: pointer;
}
#slide_prev {
    background-image: url("../png/main-sprite.png");
    background-position: -10px -74px;
}
#slide_next {
    background-image: url("../png/main-sprite.png");
    background-position: -10px -114px;
}
#slide_prev:hover {
    background-image: url("../png/main-sprite.png");
    background-position: -10px -11px;
}
#slide_next:hover {
    background-image: url("../png/main-sprite.png");
    background-position: -10px -44px;
}
#slide_navigation a {
    display: none;
}
.transparentWhite {
    background: url("../png/transparent-white.png");
}
#gallery .show-cursor img {
    cursor:pointer;
}
/*Home Page's content section*/
#homeContent,
#bottomInformation {
    padding: 6px 0 0 0;
}
#homeContent a,
#bottomInformation a {
    margin-right: 17px;
    line-height: 0;
    float: left;
    box-shadow: 0 0 8px #aaa;
    -webkit-box-shadow: 0 0 8px #aaa;
    -moz-box-shadow: 0 0 8px #aaa;
}
#homeContent .last-img,
#bottomInformation .last-img {
    margin-right: 0;
}
/*standard page's content section*/
#content {
    position: relative;
    /*background: url("https://cloud.chiefarchitect.com/1/images/style/stndrd-page-back.jpg") 0 76px no-repeat;*/
    font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    min-width: 928px;
    max-width: 1392px;
}
#content #pageHeader {
    min-width: 928px;
    max-width: 1392px;
    height: 63px;
    padding-top:0px;
    margin-bottom:5px;
    /*background: url("https://cloud.chiefarchitect.com/1/images/style/gradient-sprite.png") repeat-x 0px 0px;*/
}
#content h1 {
    color: #fff;
    /*background: url(https://cloud.chiefarchitect.com/1/images/style/premier-top.jpg) top right no-repeat;*/
    height: 100%;
    padding: 22px 0 0 20px;
    font-size: 2.7em;
}
#content h2 {
    color: #3D3833;
    font-size: 2.2em;
    line-height: 1.2em;
    margin-bottom: .8em;
    font-family: 'Open Sans', sans-serif;
}
#content a {
    color: #0049A9;
    text-decoration: none;
    cursor: pointer;
}
#content a:hover {
    color: #c74b15;
    text-decoration:underline;
}
#content p,
#content ul li {
    line-height: 1.6em;
}
#content .arrowLi, #content .arrowList li{
    background: url(../gif/listmark-01.gif) no-repeat 0 50%;
    padding: 0 0 0 20px;
    margin-bottom: 1.1em;
    line-height: 1em;
    margin-left: 1.3em;
}
#content .boldList li {
    background:url("../gif/listmark-02.gif") no-repeat scroll 0 8px transparent;
    padding:0 0 3px 15px;
}
#descriptionContainer ul li {
    margin-bottom: 0.9em;
    margin-left: 1.5em;
    line-height: 1em;
    color: #464646;
}
#descriptionContainer ul {
    margin-top: 0.5em;
}
#content p {
    margin-bottom: 1em;
}
#content h3 {
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 1em;
}
#content h3 span {
    font-size: .75em;
    font-weight: normal;
}
#content .listIndent {
    margin-left:3em;
    margin-bottom:1em;
}
#content .introCopy,
#content .copy,
#content .copy2 {
    overflow: hidden;
}
#content .introCopy {
    margin-bottom: 2em;
}
#content .introCopy img {
    float: right;
    margin-top: .8em;
}
#content .copy .imgCaption {
    float: right;
    text-align: center;
}
#content .copy .imgCaption img {
    float: none;
    display: block;
    margin: 0;
}
#content .copy .imgCaption span {
    font-weight: bold;
    font-size: .85em;
}
#content .introCopy h2 {
    margin-bottom: .3em;
}
#content .introCopy p,
#content .copy p,
#content .copy2 p {
    margin-bottom: 0;
}
#content .introCopy cite,
#content .copy cite,
#content .copy2 cite {
    font-style: italic;
}
#content .introCopy cite:before,
#content .copy cite:before,
#content .copy2 cite:before {
    content: "\2014  ";
}
#content .introCopy p {
    font-size: 1.3em;
    width: 580px;
}
#content .copy p,
#content .copy ul {
    width: 564px;
}
#content .copy2 p,
#content .copy2 ul {
    float: right;
    width: 574px;
}
#content .copy2 li,
#content .copy li {
    background: url(../gif/listmark-01.gif) no-repeat 0 7px;
    padding: 0 0 3px 10px;
}
#content .copy img {
    float: right;
    margin-left: 2.5em;
    clear:right;
    padding-top: 10px;
}
#content .copy2 img {
    float: left;
    margin-right: 2.5em;
    margin-bottom: 2em;
}
#content .copy,
#content .copy2 {
    line-height: 1.8em;
    margin-bottom: 2em;
}
#content .copy h3,
#content .copy2 h3 {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 2em;
}
#content .copy h4,
#content .copy2 h4 {
    font-size: 2em;
    margin-bottom: 1em;
}
#content .showDescription,
#content .categoryHeading,
#content .expandCollapse {
    cursor: pointer;
}
#content h4 {
    color: #3D3833;
}
/*links section*/
#links {
    margin-top: 13px;
    /*background: url("https://cloud.chiefarchitect.com/1/images/style/gradient-sprite.png") repeat-x 0px -275px;*/
    color: #464646;
    overflow: hidden;
    padding-bottom: 20px;
    clear:both;
}
#links .links-container {
    float: left;
    width: 16%;
}
#links .special {
    width: 17%;
}
#links h3 {
    font-size: .7em;
    padding-left: 20px;
    margin-top: 20px;
}
#links ul {
    font-size: .6em;
    padding-left: 20px;
}
#links ul li {
    background: url("../png/main-sprite.png") no-repeat -10px -144px;
    padding: 1em 0 0 6px;
    margin-left: 0;
}
#links ul .noDeco {
    background: none;
    padding: 1em 0 0 0;
    vertical-align: bottom;
}
#links .searchInput {
    width: 8em;
    height: 14px;
    font-size: 1em;
    padding: 0;
}
#links .searchSubmit {
    height: 18px;
    width: 18px;
    vertical-align: bottom;
}
#links a {
    color: #464646;
    text-decoration: none;
}
#links a:hover {
    text-decoration: underline;
}
#links .longLi {
    width: 110%;
}
#links .social-button {
    margin-right:5px;
}
#links .social-button:hover {
    text-decoration: none;
}
/*footer section*/
#footer {
    color: #7c7c7c;
    text-align: center;
    font-size: .55em;
}
#footer ul {
    padding: 7px 0;
}
#footer ul li {
    display: inline;
    background: url("../png/main-sprite.png") no-repeat -10px -257.5px;
    padding-left: 11px;
    margin-left: 4px;
}
#footer ul .first {
    background: none;
}
#footer a {
    color: #7c7c7c;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
/*account section*/
#account {
    position: absolute;
    top: 7px;
    right: 0px;
    font-size: .65em;
    text-align:right;
}
#account ul li {
    display: inline;
    background: url(../gif/account-point.gif) no-repeat;
    padding-left: 6px;
    margin-left: 4px;
}
#account ul .first {
    background: none;
}
#account a {
    color: #000;
    text-decoration: none;
}
#account a:hover {
    text-decoration: underline;
}
#account .login {
    position: absolute;
    top: -3px;
    right: 200px;
    font-size: 1.7em;
    line-height: 1.1em;
}

/*main navigation section*/
#nav {
    position: absolute;
    z-index: 50; /*wanted to make sure the nav menu is still on top even if there are lots of gallery images*/
    top: 36px;
    right: 11px;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    font-weight: bold;
}
#nav li {
    float: left;
    margin-left: 20px;
}
#nav li ul li {
    font-size: 1.2em;
}
#nav li:hover {
    /*   background: url("https://cloud.chiefarchitect.com/1/images/style/gradient-sprite.png") repeat-x 0px -614px;*/
}
#nav a,
#nav .fake-anchor {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 6px 22px 8px 12px;
    background: url("../png/main-sprite.png") no-repeat right -172px;
}
#nav a.no-arrow {
    background: none;
}
#nav .short-link {
    padding: 12px 22px 14px 12px;
}
#nav li ul {
    position: absolute;
    left: -999em;
    top:38px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#nav li:hover ul {
    left: auto;
}
#nav li:hover .right-edge {
    right: 0;
}
#nav li ul li {
    float: none;
    background:#fff;
    font-weight: normal;
    filter: alpha(opacity=95);
    opacity: 0.95;
    border-bottom: 1px solid #aaa;
    margin: 0;
}
#nav li ul .menuDivider {
    border-bottom: 1px solid #000;
}
#nav li ul .last-item {
    border-bottom: none;
}
#nav li ul li:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
    background:#fff;
}
#nav li ul li a {
    text-shadow: none;
    background: none;
    padding: 12px 11px;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
#nav li ul li .blueLogo,
#nav li ul li .greenLogo {
    background: url(../png/blue-logo.png) no-repeat 8px 8px;
    padding-left: 30px;
}
#nav li ul li .greenLogo {
    background:url("../png/main-sprite.png") no-repeat -2px -213px;
}
/* SLIDING HEADERS STYLES */
#content .heading {
    background-color: #CFCFCF;
    height: 34px;
    padding: 4px;
    margin-bottom: 1px;
}
#content .heading,
#content .subHeading {
    cursor: pointer;
}
#content .heading h2,
#content .subHeading h3 {
    font-size: 1.5em;
    line-height: 1em;
    padding: 6px 0px 0px 20px;
    font-weight: normal;
}
#content .subHeading {
    background-color:#D0E79F;
    font-family: 'Open Sans', sans-serif;
    margin:1px 0px 1px 25px;
    min-height:34px;
    padding:4px 0;
    width: 864px;
}
#content .oddRow {
    background-color:#E3F3C2;
}
#content .expand {
    float: left;
    padding-top: 1em;
    padding-left: 5px;
}
#content .subHeadingText {
    margin-left: 50px;
    padding: 10px;
}
#content .headingContent {
    padding: 15px 50px;
}
.tileContent {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 5px;
}
#noMoreItems {
    margin: auto;
}
.greyDropShadow {
    box-shadow: 0 0 8px #aaa;
    -webkit-box-shadow: 0 0 8px #aaa;
    -moz-box-shadow: 0 0 8px #aaa;
}
.radius {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.productForm .newTooltip,
.productForm .tooltip {
    display: none;
    padding:0 6px 6px;
    background-color: #FFF;
    width: 300px;
    z-index: 10;
    position:absolute;
    right:66px;
    top:84px;
    border: 2px solid #656565;
}
#content #productSelectForm .closeTooltip {
    font-family: 'Open Sans', sans-serif;
    font-size:1.4em;
    font-weight:bold;
    float:right;
    padding-left: 0px;
    cursor:pointer;
}
#content #productSelectForm .tooltipText {
    padding: 19px 0 0 0;
}
#content .printChecked {
    display: none;
}
/* GENERAL TOOLS SECTION */
/*makes image buttons "press down" when clicked on*/
.clicky:active {
    position: relative;
    top: 1px;
}
/* Class for spans around ® symbols, since IE7 doesn't render sup well */
#container #content .reg {
    font-size:55%;
    vertical-align:super;
    text-decoration:none;
    padding-left: 0;
}
/*smaller text for notes on pages*/
.smallNote {
    font-size:.75em;
}
sup {
    font-size: .75em;
    vertical-align: 25%;
}
/*centers something underneath floated columns/elements*/
.centerUnderFloats {
    clear: both;
    text-align: center;
    margin-bottom: 1em;
}
/* images with or without captions on the left that text flows around */
.floatLeft {
    float: left;
    text-align: center;
    margin:0 1em 1em 0;
}
.floatLeft img {
    display: block;
    margin: 0 auto;
}
#content ul li {
    padding: 0 0 3px 0px;
}

/*ritside class def carried over to simplify migration*/
div.ritside {
    float: right;
    padding: 0 5px 0 10px;
    width: 300px;
}
.clear-fix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clear-fix {
    display: inline-block;
}
html[xmlns] .clear-fix {
    display: block;
}
* html .clear-fix {
    height: 1%;
}
/* END MAIN STYLES */

/* BEGIN PRINT STYLES */
@media print {
    * {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    body {
        background-color: #fff;
        color: #000;
        font-family: 'Open Sans', sans-serif;
    }
    #content .printChecked {
        display: block;
        font-size: 2.0em;
    }
    #menu_m,
    #menu,
    #header_m,
    #header,
    #banner,
    #dontsee,
    #footer,
    #footer2,
    #noprint,
    #nav,
    #links {
        display: none !important;
    }
    img {
        border: none;
    }
    h1 span {
        font-size: 12pt;
    }
    .cntr {
        margin: 0 auto;
        text-align: center;
    }
    .cntrtext {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    table.infotable tr.stripe td,
    table.infotable tr.graystripe td,
    table.infotable td.title1 {
        border-bottom: 1px solid #000;
    }
    .bigpreview, .lowpreview {
        display: none;
    }
}
/* END PRINT STYLES */
/* BEGIN product update pages */
.update-page {
    overflow:hidden;
}
.update-page #update-text {
    float:left;
    margin-right:40px;
    width:640px;
}
.update-page #update-text ol {
    list-style:decimal outside none;
    margin-left:20px;
}
.update-page #update-text ol li {
    margin-bottom:5px;
}
.update-page #update-product {
    float:left;
    width:200px;
}
.update-page #product-container,
.floating-box-container {
    text-align:center;
    border:1px solid #959595;
}
.update-page #product-header,
.floating-box-header {
    background-color:#CFCFCF;
    font-size:0.9em;
}
.update-page #product-header h3,
#content .floating-box-header-text {
    padding:5px 0;
    margin:0;
}
.update-page #product-body,
.floating-box-body {
    background-color:#FFF;
    text-align:center;
    padding:20px 0;
}
/* END product update pages */