body {
    font: 14px Arial, Helvetica, Sans-Serif;
    color: #555555;
    margin: 0;
    padding: 0 0 30px 0;
    background-image: url(/assets/top-bg-0ad4b59b72e97b90d3fc90c7b3b99bb32d53cd5cd04d7d02a732c8bc6b7ec09d.gif);
    background-repeat: repeat-x;
    background-color: #666699;
}

a {
    text-decoration: underline;
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #CD004D;
}

a:visited {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
    color: #000000;
}

a img {
    border: 0;
}

h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bolder;
    color: #222222;
    padding: 0;
    margin: 0 0 5px 0;
    line-height: 1.5em;
}

h1 {
    font-size: 26px;
    letter-spacing: -1px;
}

h2 {
    font-size: 24px;
    letter-spacing: -.7px;
}

h3 {
    font-size: 21px;
    letter-spacing: -.4px;
}

h2, h3 {
    margin: 25px 0 5px;
}

h4 {
    font-size: 16px;
    margin: 20px 0 5px;
}

h5 {
    font-size: 16px;
    margin: 20px 0 5px;
}

p {
    line-height: 1.6em;
    padding: 0;
    margin: 0 0 15px 0;
}

blockquote {
    line-height: 1.7em;
}

small {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

ul {
    list-style-type: square;
    line-height: 2em;
    margin: 10px 0 0 40px;
    padding: 0;
}

ul li ul {
    margin: 5px 0 10px 30px;
}

hr {
    height: 1px;
    color: #CCCCCC;
    background-color: #CCCCCC;
    border: 0;
    margin: 10px 0 15px 0;
}

.hr2 {
    background-image: url(/assets/content_seperator-aab5bc925e5f3dbac9c01b58ae85465e0cfaf253df3ed6dd726cf62a51f29e63.gif);
    width: 550px;
    height: 20px;
    margin: 15px auto 15px auto;
}

input, textarea {
    background: #F5F5F5;
    border: 1px solid #CCCCCC;
    padding: 4px;
    font: 14px Arial, Helvetica, Sans-Serif;
}

button {
    background-color: #666699;
    height: 30px;
    font: bolder 12px Arial, Helvetica, Sans-Serif;
    color: #FFFFFF;
    padding: 2px 15px 5px 15px;
    border: none;
}

button:hover {
    background-color: #CD004D;
}

form {
    margin: 0;
    padding: 0;
}

.leftimg {
    float: left;
    margin: 0 20px 20px 0;
}

.rightimg {
    float: right;
    margin: 0 0 20px 30px;
}

.rightimg-border {
    float: right;
    margin: 15px 0px 15px 20px;
    padding: 5px;
    background-color: #d1d1d1;
    border: 1px white solid;
}


#titleheader_bg {
    background: #ccc;
    height: 35px;
    text-align: center;
    border-bottom: 1px #E8E8E8 solid
}

#titletext {
    width: 960px;
    text-align: right;
    font: normal 11px Arial;
    color: white;
    margin: 0 auto;
    padding-top: 9px;
    padding-right: 20px
}

#logo{
    height: 55px;
    width: 960px;
    text-align: center;
    margin: 0 auto;
}

#topmenu {
    font-family: Arial;
    text-align: right;
    padding-right: 12px;
    padding-top: 30px;
    color: white;
    font-size: 11px;
    font-weight: bold
}

#topmenu a{
    color: white;
    vertical-align: top
}

.tspacer {
    padding-left: 8px;
    padding-right: 8px
}

#gradient {
    height: 429px;
    margin-bottom: -389px;
}

.gradient_highlight {
    width: 960px;
    height: 300px;
    margin: 0 auto;
}

#container {
    position: relative;
    background: #FFFFFF;
    width: 960px;
    margin: 0 auto;
}

#navigation {
    background: url(/assets/navigation_bg-e2dd3ceae28a416b375557fce57621a6dbc517d5da5efaff2e3c7f59131bffbc.gif) repeat-x;
    height: 43px;
    font-size: 12px;
    border-bottom: 1px solid #FFFFFF;
}

#navigation ul li ul li {
    display: block;
    list-style-type: none;
}

#navigation ul {
    float: left;
    z-index: 100;
    margin: 1px 0 0 1px;
    padding: 0;
    list-style-type: none;
    line-height: 1.7em;
}

#navigation ul li {
    background: url(/assets/navigation_divider-aa8a65224c94b14b37c2b1642a57aab20d07fc54d8253903557cff3e2976d8df.gif) no-repeat top right;
    position: relative;
    display: inline;
    float: left;
    margin-left: -1px;
    padding: 0 2px 0 0;
}

#navigation ul li a {
    display: block;
    padding: 12px 10px 11px 10px;
    color: #333333;
    text-decoration: none;
}

* html #navigation ul li a {
    display: inline-block;
}

#navigation ul li a:link, #navigation ul li a:visited {
    color: #333333;
}

#navigation ul li a.selected {
    background: #FFFFFF;
    color: #333333;
    z-index: 100;
}

#navigation ul li a:hover {
    background: #FFFFFF;
    color: #333333;
    z-index: 100;
}

#navigation ul li ul {
    position: absolute;
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    left: 0;
    display: none;
    visibility: hidden;
    margin: 0 0 0 -1px;
    z-index: 99;
}

#navigation ul li ul li {
    background: none;
    display: list-item;
    float: none;
    border-bottom: 1px solid #CCCCCC;
    padding-right: 0;
}

#navigation ul li ul li a {
    margin-right: -2px;
}

#navigation ul li ul li a:hover {
    background: #F5F5F5;
    margin-left: 1px;
    padding: 7px 0 6px 14px;
}

#navigation ul li ul li ul {
    top: 0;
    margin: -1px 0 0 2px;
}

#navigation ul li ul li a {
    width: 175px;
    background: none;
    padding: 7px 0 6px 15px;
}

* html #navigation {
    height: 1%;
}

.downarrowclass{
    padding: 8px 5px 5px 0;
}

.rightarrowclass{
    padding: 5px 5px 5px 0;

}


.search {
    float: right;
    margin: 7px 10px 0 7px;
}

.search input {
    background: #E5E5E5;
    border: 1px solid #CCCCCC;
    width: 214px;
    padding: 6px;
    font: 12px Arial, Helvetica, Sans-Serif;
    color: #333333;
    margin-right: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search {
        margin: 5px;
    }

    .search input {
        margin: 2px 3px 0 0;
        padding: 6px;
    }

    .search button {
        padding: 3px 15px 4px 15px;
    }
}

#display {
    background: #E5E5E5;
    height: 273px;
    width: 940px;
    padding: 10px 10px 7px 10px;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
}

.product-info h1{
    font-family: Arial;
    font-size: 18px;
    color: black;
    padding-bottom: 5px;
    padding-left: 10px;
    letter-spacing: 0px
}

.product-desc{
    font-size: 12px;
    padding: 15px 10px 10px 10px;
}

.products-option {
    background-color: #E8E8E8;
    font-weight: bold;
}

#display h4 {
    margin: 0 0 4px 0;
    line-height: 1.2em;
}

ul#pikame {
    float: right;
}

.pika_main img {
    width: 920px;
    background: #FFFFFF;
    padding: 9px;
    border: 1px solid #CCCCCC;
}

#flashcontent{
    width: 920px;
    background: #FFFFFF;
    padding: 9px;
    border: 1px solid #CCCCCC;
}

#content_container {
    width: 960px;
    border-top: 1px solid #CCCCCC;
    font-size: 14px;
}

#content_container_articles {
    width: 960px;
    border-top: 1px solid #CCCCCC;
    font-size: 14px;
}

#content {
    background: url(/assets/content_topbg-e0726686ca92b63513fbdf39cf7faa1145a0f084a6d31c2f04287d93b01e90d3.gif) top right no-repeat;
    float: left;
    width: 580px;
    padding: 20px 40px 0px 20px;
    color: #555555;
}

#inner-content {
    background: url(/assets/content_topbg-e0726686ca92b63513fbdf39cf7faa1145a0f084a6d31c2f04287d93b01e90d3.gif) top right no-repeat;
    float: left;
    width: 597px;
    padding: 20px 20px 0px 20px;
    color: #555555;
}

#inner-content-articles {
    background: url(/assets/content_topbg-e0726686ca92b63513fbdf39cf7faa1145a0f084a6d31c2f04287d93b01e90d3.gif) top left repeat-x;
    width: 920px;
    padding: 20px 20px 0px 20px;
    color: #555555;
}

#quotes {
    background-color: #efefef;
    border: 1px #dcdcdc solid;
    width: 575px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 5px;
    color: black;
    font-family: Arial;
    font-size: 12px;
}

.download-header-li {
    list-style-image: url(/side-bullet-pdf.gif);
    font-size: 14px;
    font-weight: bold;
    color: black;

}

.read-more {
    color: green;
    font-weight: bold;
}

.post {
    margin: 35px;
}

.post_title {
    margin-bottom: 20px;
}

.post_title span {
    font-size: 12px;
    color: #999999;
    font-style: italic;
}

ul.tabs {
    float: right;
    list-style-type: none;
    margin-top: -25px;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 1.7em;
}

ul.tabs li {
    position: relative;
    padding: 12px 20px 10px 20px;
    display: inline;
    cursor: pointer;
}

ul.tabs li.selected {
    background: #FFFFFF;
    padding-bottom: 13px;
    z-index: 100;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
}

.folioGallery {
    width: 588px;
    margin: 14px 0 0 -28px;
}

.folioGallery div {
    float: left;
    margin: 0 0 14px 14px;
}

.folioGallery div img {
    background: #F5F5F5;
    padding: 8px;
    border: 1px solid #CCCCCC;
}

.contact_form {
    padding-top: 5px;
}

.contact_form label {
    color: #333333;
    display: block;
    font: bolder 14px Arial, Helvetica, Sans-Serif;
    line-height: 1.3em;
}

.contact_form .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.contact_form input, textarea {
    width: 540px;
    padding: 10px;
    margin: 10px 0 25px 0;
    color: #444444;
    line-height: 1.7em;
}

.contact_form button {
    background: #333333;
    margin-top: 5px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    height: 100%;
    font-weight: normal;
}

.contact_form button:hover {
    cursor: pointer;
}

.support-back {
    font-size: 11px;
    text-decoration: underline
}

.support-back:hover {
    font-size: 11px;
    text-decoration: underline;
    color: #CD004D
}

#sidebar {
    background: url(/assets/sidebar_bg-d2cb5c3a364540aeafdd12d3c83108a49965dc69c26cf5d91121b35f11f54f9c.gif) repeat-y;
    float: right;
    width: 320px;
    font-size: 12px;
}

#sidebar h4 {
    margin-top: 0;
}

#sidebar h5 {
    margin-top: 0;
    font-size: 14px
}

.sidebar_section {
    width: 269px;
    padding: 15px 25px 15px 25px;
    margin-left: 1px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D5D5D5;
}

.sidebar_title {
    margin-bottom: 15px;
}

.side-bullet-ul{
    margin-left: 18px;
}

.main-bullet-ul{
    margin-left: 18px;
}

.main-bullet-ul-image{
    margin-left: 23px;
    vertical-align: middle
}

.side-bullet {
    list-style-image: url(/assets/side-bullet-76d0bbec7c34546ba85d6aaef80ad343f88b6a41314a4618fbb23983c1dac6ce.png);
}

.sidebar_title h4 {
    margin-bottom: 2px;
}

.sidebar_title small {
    font-size: 10px;
    font-style: italic;
}

.sidebar_link {
    text-align: left;
    color: black
}

.dl-green {
    color: green;
    font-weight: bold
}

.left_column {
    float: left;
    clear: both;
    font-weight: bolder;
    margin-bottom: 7px;
    line-height: 1.7em;
}

.right_column {
    float: right;
    text-align: right;
    line-height: 1.7em;
    margin-bottom: 7px;
}

.spacer {
    clear: both;
}

.links {
    background-image: url(/assets/content_topbg-e0726686ca92b63513fbdf39cf7faa1145a0f084a6d31c2f04287d93b01e90d3.gif);
    background-repeat: repeat-x;
    margin: 0 auto;
    width: 960px;
    height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 10px #e5e5e5 solid;
    background-color: white;
}

.linkstitle {
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px;
}

.linksul {
    margin-left: 17px
}

.linksli {
    list-style-image: url(/assets/arrow-957144b96b4fe9ec28b7aa651de4eca9d58ef12162c570fc8587168f743d8b8a.gif)
}

#footer {
    width: 960px;
    height: 40px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 11px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

#footer {
    color: #fff;
}

#contact { display: block; width: 587px; background-color: #FFF; }

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.1em;}
#contact input, textarea, select {
    width: 280px;
    margin: 0;
    padding: 5px;
    color: #666;
    background: #f5f5f5;
    margin: 0px 0 10px 0;
    font: 1.1em Arial;
}
#contact input:focus, textarea:focus, select:focus { background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:0px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; }

acronym { border-bottom:1px dotted #ccc; }


.highlight { margin: 0 auto; width: 503px; margin-bottom: 10px;}

th { text-align: left;}

.hltop {background: url(/assets/hilite-box-top-a7607c74de6a5e6b4bdc75014f23d4b1ebf5086a0f1ddbee799980609eb48273.gif) no-repeat top; width: 503px; height: 3px; overflow: hidden; margin-top: 5px;}

.hlinfo {background: #f7f7f7; border-right: 1px solid #d4e8d1; border-left: 1px solid #d4e8d1; padding: 5px 10px; width: 481px;}

.hlbottom {background: url(/assets/hilite-box-bottom-8fe69a5404aa6fbc2009d232c97c90204c8cb29bbf5423e1072d2a87b32521e2.gif) no-repeat top; width: 503px; height: 3px; overflow: hidden; margin: 0;}



#templates-list {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#templates-list td {
    text-align: center;
    vertical-align: top;
}

#template {
    width: 172px;
    height: 370px;
    text-align: left;
}

#template img.thumb {
    border: 1px solid #d1dde8;
    margin-left: 1px;
    width: 145px;
    height: 156px;
}

#template .image {
    margin-left: 12px;
    margin-bottom: 6px;
    width: 145px;
    height: 156px;
}

#template .link {
    color: #000;
    margin-left: 22px;
    margin-bottom: 5px;
    margin-top: 4px;
    height: 12px;
    font-weight: bolder;
    padding-top: 2px;
}

#template .links {
    color: #000;
    width: 172px;
    margin-top: 7px;
    text-align: center;
    margin-bottom: 4px;
}


#template .link a, .links a { color: #000; text-decoration: underline; }
#template .link a:hover, .links a:hover { text-decoration: none; }

#template .info {
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    line-height: 110%;
}

#template-info {
    width: 210px;
    float: right;
    background-color: #E8EEF6;
    border: 1px solid #93ACC2;
    padding: 5px;
}

#template-info h2 {
    font-size: 125%;
    margin: 0 0 5px 10px;
}


#template-info hr { width: 200px; height: 1px; border: 0px; border-top: 1px solid #AEADAD; margin-top: 10px; margin-bottom: 10px; }

#template-info .template-prices {
    margin: 5px;
    margin-top: 10px;
    font-size: 110%;
}

.logo_img {
    float: left;
    padding-top: 14px;
}

.nav-links {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.w40 {
    width: 35% !important;
}

#bg-success{
    background-color: #28a745!important;
}

#bg-danger {
    background-color: #dc3545!important;
}

.alert {
    background-color: #55a1c5 !important;
    width: 100%;
    padding: 2rem;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/*# sourceMappingURL=application.css-061c3db75aa09593e9598ca877464ac9e4eb46c9f1a5a1d7fa28f5840f232ddd.map */