/******************************************************************
Start Custom STYLES

colors: 
red = #E31836
light grey = #B2B3B7
dark grey = #393939

******************************************************************/

/*Globals*/
 html {
    background: #eaeaea url(http://napoleonproducts.com/wp-content/themes/napoleon-website-theme-2011/images/site-background.jpg) 50% 0 repeat-y;
}
body {
    color:#393939;
    /*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family:"Myriad Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    height: 100%;
}
a, a:link, a:visited {
    color:#E31836;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
p, ul, ol {
    margin:10px 0 20px 0;
}
section p, section ul, section ol {
    font-size: 1em;
    line-height: 1.5em;
}
sup {
    font-size:.5em;
}
.minor_heading {
    margin:0;
    font-size: 1.55em;
    line-height: 0.7em;
}
h1, aside.first p.minor_heading {
    font-weight:normal;
}
h2, h3 {
    font-weight:normal;
}
header, section, footer, nav.toolbar {
    max-width:1000px;
    margin:0 auto;
    padding:0 10px;
}
section, footer, article, .product_list_item {
    min-width:235px;
}
a.button {
    background: none repeat scroll 0 0 #393939;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    padding:5% 3%;
    text-align: left;
    text-indent:12%;
    text-transform:uppercase;
    max-width:75%;
    min-width:150px;
    background:#393939 15px center url(../images/bullet_red.png) no-repeat;
    text-decoration:none;
    text-shadow:1px 1px 0px #000;
    margin:20px 0;
}
a.button:hover {
    background-color:#555;
    text-shadow:1px 1px 0px #000;
}
a.icon {
    display: block;
    float: left;
    max-width: 23%;
    padding: 10px;
    border:none;
}
a.icon img {
    /*width:100%; height:100%;*/
}
label {
    margin:0 5px 0 10px;
}
input, textarea {
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius: 15px;
    border:1px solid #ccc;
    padding:6px 10px 3px 10px;
    margin-right:2px;
    background:#eee;
}
.page-title {
    font-size: 250%;
}
#toolbar form input {
    width:100px;
    background:#fff;
}
/*header*/
 #pre_header {
    height:54px;
    overflow:hidden;
    background:#393939 left top url(../images/topbanner.jpg) repeat-x;
    color:#fff;
    text-transform:uppercase;
    max-width: 100%;
    width: 100%;
}
#pre_header ul {
    float:right;
    margin:6px auto;
    height:44px;
}
#pre_header ul li {
    float:left;
    padding-right:5px;
    height:44px;
    line-height:2.3em;
}
#pre_header input[type="submit"] {
    width:40px;
}
#logo {
    width:15%;
    float:left;
}
#logo h1 {
    margin: 0 0 0 -9999px;
    position: absolute;
}
#logo svg {
    
    position: relative;
  left: 20px;
}
nav#toolbar {
    height:54px;
    max-width:966px;
    margin:0 auto;
}
/*primary nav*/
 nav#primary {
    width:100%;
    float:right;
    position: relative;
    top: -10px;
}

@media (min-width: 1000px) {
    nav#primary {
        right: 25px;
    }
}
nav#primary ul {
}
nav#primary ul li {
    display:inline;
    float:right;
    padding:0 8px;
    border-left:1px solid #393939;
    margin:0 0 5px 0;
}
nav#primary ul li:last-child {
    border-left:none;
}
/*nav#primary ul li:first-child {border-left:none;}*/
 nav#primary ul li a {
    display:block;
    text-decoration:none;
    color:#393939;
    font-size:1.2em;
    letter-spacing:-1px;
    text-transform:uppercase;
    text-align:center;
    margin-top: -4px;
}
nav#primary ul li a:hover, nav#primary ul li a:active {
    color:#E31836;
}
nav#primary ul li.highlight a {
    font-weight:bold;
}
#navigation {
    float:right;
    width:85%;
    padding:5% 0 0 0;
}
nav#primary ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    top: 2px;
}
nav#primary ul li:last-child a {
}
nav#primary ul li a:hover {
}
nav#primary ul li.current-menu-item a, nav#primary ul li.current_page_item a {
}
nav#primary ul li ul.sub-menu {
    position: absolute;
    left: -9999em;
    z-index: 9999;
    min-width:220px;
    background:#333;
    margin-top:0px;
    padding:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
nav#primary ul li ul.sub-menu li {
    float:none;
    padding:0;
    margin:0;
    display:block;
}
nav#primary ul li ul li a {
    width: 91%;
    text-align:left;
    padding:10px 10px 5px 10px;
    color:#fff;
    font-weight:normal;
    font-size:.96em;
}
nav#primary ul li ul li a:hover {
    background-color: #ccc;
}
nav#primary ul li ul li:last-child a {
}
nav#primary ul li:hover ul {
    left: auto;
}
nav#primary ul li ul li ul.sub-menu {
    left: -9999em;
    position: absolute;
    margin-left: 200px;
    top: auto;
    margin-top: -30px;
}
nav#primary ul li ul li:hover ul.sub-menu {
    left: auto;
}
/*Search*/
 #search {
    float:right;
    width:30%;
    margin: 7px 0 0 0;
    text-align:right;
}
#search input {
    border-color:#ccc;
    width:60%;
    height:28px;
}
#search input[type="submit"] {
    max-width:90px;
    padding:4px 18px 2px 18px;
    text-align:center;
}
/*main*/
 #main {
}
/* --------------------------- */

/* -------- HOMEPAGE --------- */

/* --------------------------- */

/* --------------------------- */

/* ------ END HOMEPAGE ------- */

/* --------------------------- */
 section {
    padding-bottom:60px;
}
section aside {
    background: none repeat scroll 0 0 rgba(256, 256, 256, 0.75);
    *background-color: #FAFBFB;
    border-radius: 8px 8px 8px 8px;
    border-style: solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    display: inline-block;
    float: left;
    margin-right: 30px;
    max-width: 220px;
    min-width: 235px;
    padding: 3px 15px;
    padding-top: 10px;
}
section aside2 {
    display: inline-block;
    float: left;
    margin-right: 30px;
    max-width: 240px;
    min-width: 150px;
    padding: 3px 10px;
    padding-top: 10px;
}
section aside {
    float:left;
    width:28%;
    max-width:300px;
    min-width:235px;
}
section article.main {
    float:left;
    /*width:60%; padding-left:10%;*/
    max-width:656px;
    width: 70%;
    padding-left:0;
}
section article {
    background: none repeat scroll 0 0 rgba(256, 256, 256, 0.75);
    *background-color: #FAFBFB;
    padding: 15px !important;
    width: 62.5% !important;
    border-radius: 8px;
    border: 1px solid rgb(210, 210, 210);
    box-shadow: 0 1px 3px rgba (0, 0, 0, 0.4);
}
iframe {
    width: 99.8%;
}
section article header, section aside header {
    /*margin:0 0 5px 0;*/
    padding:0;
}
section article ul {
    padding-left:20px;
}
section article ul li {
    list-style-type:disc;
}
section article h1 a {
}
section#banner {
    padding-bottom:0;
}
section#banner aside {
    float:left;
    width:20%;
    max-width:200px;
    min-width:50px;
}
/*section#banner article {float:left; width:80%; max-width:756px; overflow:hidden;}*/
 section#banner article {
    float:left;
    width:73%;
    max-width:756px;
    overflow:hidden;
}
section#banner aside img {
    max-width:136px;
    max-height:500px;
}
section#banner article img, #banner_slider img {
}
#banner_slider {
    text-align:right;
    margin-top: 40px;
    overflow:visible;
}
.home #banner_slider {
    margin-top:0;
}
article[id*="post-"] {
    padding:0;
}
article h1 {
    color:#E31836;
    line-height:1em;
}
article h3 {
    margin-bottom:10px;
    font-weight:normal;
}
time {
}
/*aside*/
 a.social {
    clear: both;
    color: #1A90DB;
    display: block;
    height: 40px;
    line-height: 34px;
    text-decoration: none;
    text-indent: 10px;
}
a.social img {
    float:left;
}
aside#sidebar {
    margin-top:10px;
}
aside h2 {
    text-transform: uppercase;
    color: #e31836;
}
.sidebar_posts a {
    color:#333;
    text-decoration:none;
}
.sidebar_posts small a {
    color:#e31836;
    text-decoration:none;
}
.sidebar_posts a:hover {
    text-decoration:underline;
    color: #e31836;
}
.sidebar_posts strong a {
    text-decoration:none;
}
.sidebar_posts p, aside p {
    margin:0;
    padding-left: 10px;
}
.sidebar_posts li {
    margin-bottom:10px;
    border-top: 1px solid rgb(230, 230, 230);
    padding-left: 10px;
}
.facebook-like {
    height: 30px;
    width: 150px;
    float:left;
}
ul.social li {
    clear:both;
}
.social iframe {
    margin:5px;
}
#content aside .social .connect_widget td.connect_widget_vertical_center {
    max-width:160px;
}
/*product slider*/
 .jcarousel-container {
    /*overflow:hidden;*/
}
.jcarousel-skin-tango .jcarousel-container {
    background:none;
    border:none;
}
div#jcarousel_container .jcarousel-skin-tango .jcarousel-container-horizontal {
    width:976px;
}
/* #product_slider div{width:100%; text-align:center;}*/
 #product_slider div ul {
    text-align:center;
}
#product_slider div ul li {
    float: left;
    min-width: 100px;
    padding: 0 0.4%;
    text-align: center;
    width: 14%;
}
#product_slider div ul li a {
    display:block;
    width:75%;
    min-width:100px;
}
#product_slider div ul li a img {
    width:75%;
    min-width:100px;
}
#product_slider div ul li.prev, #product_slider div ul li.next {
    height: 50px;
    min-width: 40px;
    overflow: hidden;
    width: 40px;
    margin-top:30px;
    text-indent:999px;
}
#product_slider div ul li.prev a, #product_slider div ul li.next a {
    display:block;
    min-width:40px;
    height:100%;
}
#product_slider div ul li.prev {
    float:left;
    background:left top url(../images/sprite_gallery_slider_next-prev.png) no-repeat;
}
#product_slider div ul li.next {
    float:right;
    background:right top url(../images/sprite_gallery_slider_next-prev.png) no-repeat;
}
#featuredcontent .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background:left top url(../images/sprite_gallery_slider_next-prev.png) no-repeat;
    height:50px;
    width:50px;
}
#featuredcontent .jcarousel-skin-tango .jcarousel-next-horizontal {
    background:right top url(../images/sprite_gallery_slider_next-prev.png) no-repeat;
    height:50px;
    width:50px;
}
#featuredcontent .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding:20px 50px;
}
#featuredcontent div#jcarousel_container .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 845px !important;
}
#featuredcontent div#jcarousel_container .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 980px !important;
}
#featuredcontent div#jcarousel_container .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}
/*product list*/
 .product_list_item {
    width:33%;
    float:left;
    padding: 3%;
    min-height: 450px;
}
.product_list_item img {
    width:100%;
    height:100%;
    max-width:300px;
    max-height:300px;
}
.product_list_item a.button {
    display:inline;
    padding:12px 20px 10px 35px;
}
.product_list_item a.button:hover {
}
.product_list_item h2 {
    font-weight:bold;
}
#product_list h1 {
    text-shadow:none;
    font-weight:normal;
    font-size: 2em;
    padding-bottom:20px;
}
/*product page*/
 section.product article {
    float:left;
    /*width:60%; padding-left:10%;*/
    max-width:656px;
    /*padding-left: 5%;*/
    padding-left: 2.5%;
    width: 60%;
    margin-top: 9px;
}
section aside p, section aside div {
    clear:both;
}
section.product aside {
    float:left;
    width:28%;
    max-width:300px;
}
section.product aside h2, aside#sidebar h2 {
    color:#E31836;
    text-transform:uppercase;
    padding-bottom: 10px;
}
section.product article img {
    /*width:90%;*/
}
.careerCentreToolbar a:hover {
    border:none;
}
.single-products section.product article img {
    max-height:100%;
    max-width:100%;
}
.category section.product article img {
    max-height:450px;
    max-width:750px;
}
section.product article .small_col img {
    width:inherit;
    height:inherit;
}
aside.first {
    border:none;
    background:none;
    box-shadow:none;
}
section.product aside.first {
    margin-top:40px;
    width:260px;
}
/*section.product aside.first.toolbar {margin:0;}*/
 section.product aside.first header h1 {
    font-weight:normal;
    text-shadow:none;
    font-size: 2.5em;
    line-height: 1em;
    letter-spacing: -1px;
}
section.product aside2 header h1 {
    font-weight:normal;
    text-shadow:none;
    font-size: 2.5em;
    line-height: 1em;
    padding: 0 0 5px 0;
}
section.product aside.first h2 {
    color:#393939;
    font-size: 1.5em;
    line-height: 1.2em;
    text-transform:none;
}
section.product aside.first p {
    font-size:1.15em;
}
section.product aside.first p.minor_heading, section.product aside.first h2.minor_heading, h1.red_heading {
    font-weight:bold;
    font-size:2.3em;
    line-height:0.82em;
    color:#E31836;
    padding-bottom:6px;
}
section.product aside div {
    padding-bottom:10px;
    margin-bottom: 10px;
}
.social div {
    border-bottom: none;
}
div.hentry {
    margin:5px 0 10px 0;
}
div.hentry h2 a {
    color:#333;
}
/*find dealer*/
 section#find_dealer {
    width:105%;
    background:#393939 left top url(../images/banner3.jpg) repeat-x;
    color:#fff;
    max-width: 99%;
    width: 105%;
}
section#find_dealer article {
    width:956px;
    padding:0 10px;
    margin:0 auto;
}
section#find_dealer header {
    padding:20px 0 10px 0;
}
section#find_dealer div iframe {
    background: none repeat scroll 0 0 transparent;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
}
/* Manual list */
 div.small_col {
    width:20%;
    float:left;
    overflow:hidden;
    min-height:190px;
    text-align:center;
    margin-top:20px;
}
div.small_col a {
    text-decoration:none;
}
div.small_col a:hover {
    text-decoration:underline;
}
div.small_col p {
    margin:0;
}
/*Category Page*/
 div.cat_list_item {
    float: left;
    padding: 2% 10% 0 0;
    width: 33%;
}
/* ------------------------------------------------------------------ */

/* ------------------- COMPANY SIDEBAR BUTTONS ---------------------- */

/* ------------------------------------------------------------------ */
 .menu > li > ul > li, .menu > li > ul > li > ul > li {
    float: none;
    padding: 0;
    margin: 0;
    line-height: 2.5em;
}
#companySidebarSection {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}
#companySidebarNav {
    width: 100%;
    font-size: 120%;
    padding: 0;
    margin: 0;
}
#companySidebarNav > ul > li > a {
    display: none;
}
#companySidebarNav > ul > li > ul > li {
    border-top: 1px solid rgb(200, 200, 200);
}
#companySidebarNav > ul > li > ul > li:first-child {
    border-top: 2px solid #e31836;
}
#companySidebarNav > ul > li > ul > li > a {
    padding-left: 20px;
    line-height: 2.5em;
    font-weight: normal;
}
#companySidebarNav > ul > li > ul > li > a, #companySidebarNav > ul > li > ul > li > a:link, #companySidebarNav > ul > li > ul > li > a:visited {
    color: #000000;
}
#companySidebarNav > ul > li > ul > li > a:hover {
    color: #e31836;
    background-color: rgb(230, 230, 230);
}
/* ------------------------------------------------------------------ */

/* ----------------- END COMPANY SIDEBAR BUTTONS -------------------- */

/* ------------------------------------------------------------------ */

/*Career Centre Job Posting Table*/
 .career-tbl {
    width: 100%;
    vertical-align: middle;
}
.career-tbl > thead {
    text-align: left;
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
}
.career-tbl > thead > tr > td {
    padding: 10px;
    margin: 10px;
}
.career-tbl > thead + tbody > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    height: 35px;
}
.career-tbl > thead + tbody > tr:last-child {
    border-bottom: none;
}
.career-tbl > thead + tbody > tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.15);
}
.career-tbl > thead + tbody > tr > td, .career-tbl > thead > tr > th {
    padding: 10px;
}
.career-tbl > thead + tbody > tr > td > a, .career-tbl > thead + tbody > tr > td > a:link, .career-tbl > thead + tbody > tr > td > a:visited {
    text-decoration: none;
}
.career-tbl > thead + tbody > tr > td > a:hover {
    text-decoration: underline;
}
/*Support toolbar */
 nav#support_toolbar {
    margin:0 0 20px 0;
    padding-bottom: 20px;
}
nav#support_toolbar ul li {
    width:20%;
    float:left;
    display:block;
    padding-right: 2%;
    width: 18%;
}
nav#support_toolbar ul li a {
    display:block;
    text-align:center;
    padding:115px 0 0 0;
    background:left top url(../images/sprite_support_icons.png) no-repeat;
    text-decoration:none;
    font-size: 1.15em;
    font-weight:bold;
    width: 110px;
}
nav#support_toolbar ul li a:hover {
    background:left top url(../images/sprite_support_icons_hover.png) no-repeat;
    border:none;
}
nav#support_toolbar ul li.faq_icon a {
    background-position:left top;
}
nav#support_toolbar ul li.manual_icon a {
    background-position:-123px top;
}
nav#support_toolbar ul li.maintenance_icon a {
    background-position:-246px top;
}
nav#support_toolbar ul li.contact_icon a {
    background-position:-367px top;
}
nav#support_toolbar ul li.reg_icon a {
    background-position:-490px top;
}
/*Getting Started toolbar */
 nav#getting_started_toolbar {
    padding:30px 0 40px 0;
}
nav#getting_started_toolbar ul li {
    width:20%;
    float:left;
    display:block;
    padding-right: 2%;
    width: 18%;
}
nav#getting_started_toolbar ul li a {
    background: url("../images/sprite_start_icons.png") no-repeat scroll left top transparent;
    color: #333333;
    display: block;
    font-size: 1.15em;
    min-height: 120px;
    padding: 57px 0 0 40px;
    text-align: left;
    text-decoration: none;
}
nav#getting_started_toolbar ul li a span {
    clear: both;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
}
nav#getting_started_toolbar ul li a:hover {
    border:none;
    text-shadow:2px 3px 2px #BBBBBB;
}
#Apply-Now {
    width: 100%;
}
/*footer*/
 footer #menu-footer-navigation li {
    font-weight: normal;
    width: inherit;
    padding: 0 7.5px 0 7.5px;
    border-right: 1px solid #393939;
    line-height: 12px;
}
footer #menu-footer-navigation li:first-child {
    padding: 0 7.5px 0 0;
}
footer #menu-footer-navigation li:last-child {
    border-right: none;
}
footer {
    color:#393939;
    padding-top: 40px;
}
#footer_logo {
    float:right;
}
#footer_logo img {
    max-width:200px;
    position: relative;
    top: -18px;
}
footer nav ul.menu li {
    width:25%;
    float:left;
    text-align: center;
    font-weight:bold;
    padding-bottom: 20px;
}
footer > div > nav > ul > li > a:link, footer > div > nav > ul > li > a:visited, footer > div > p > a:link, footer > div > p > a:visited {
    color: #393939;
}
footer > div > nav > ul > li > a:hover, footer > div > p > a:hover {
    color: #e31836;
    text-decoration: underline;
}
footer nav ul.menu ul.sub-menu ul.sub-menu {
    padding:0;
    margin:0 0 0 10px;
    color:#999;
}
footer nav ul.menu ul.sub-menu ul.sub-menu a {
    color:#999;
}
footer #copyright {
    width:40%;
    float:left;
}
/*cforms */
 .linklove {
    display:none;
}
#content form {
    width:55%;
}
#content form ol li, .post_content form ol li {
    list-style-type:none;
}
#content form p, .post_content form p {
    padding:0;
}
#content label, .post_content form label {
    float: left;
    min-width:80px;
}
.reqtxt, .emailreqtxt {
    font-size:.9em;
    color:#aaa;
}
.cf_hidden {
    display:none;
}
p.cf-sb {
    float:right;
    width:100px;
    margin-right: 125px;
}
#content input[type=text], #content textarea, .post_content form input[type=text], .post_content form textarea {
    min-width:240px;
    width: 97%;
}
#form1 tr td {
    display: block;
    float: left;
    padding: 0 10px 10px;
    text-align: right;
    width: 45%;
}
#form1 table {
    margin:0 0 5px 0;
    padding:0;
}
div.jcarousel-item-detail {
    background-color: #FFFFFF;
    border: 3px solid #333333;
    box-shadow: 0 0 4px #333333;
    display: none;
    height: 124px;
    padding: 10px;
    position: absolute;
    top: 0px;
    margin-right:100px;
    /*width: 30%;*/
    width:250px;
    z-index: 999;
    border-radius: 8px 8px 8px 8px;
}
div.jcarousel-item-detail span {
    float:left;
    width:50%;
}
div.jcarousel-item-detail ul {
    padding-left:10px;
}
div.jcarousel-item-detail ul li {
    list-style-type:disc;
}
div.jcarousel-item-detail img {
    float:right;
    margin-top:-10px;
    width:40%;
    max-height:92%;
}
div#jcarousel_container jcarousel-container.jcarousel-container-horizontal {
    overflow:visible;
}
/******************************************************************
End Custom STYLES
******************************************************************/

/******home test **/
 #homecont {
    height:600px;
    width:980px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}
#homelogo {
    height:0px;
    width:0px;
}
#homenav1 {
    height:0px;
    width:0px;
    padding-top:100px;
    padding-left:175px;
}
#homenav2 {
    height:0px;
    width:0px;
    padding-left:480px;
}
#homenav3 {
    height:0px;
    width:0px;
    padding-left:785px;
}
/******END home test **/
 #home2cont {
    height:600px;
    width:980px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}
#home2logo {
    height:0px;
    width:0px;
}
#home2nav1 {
    height:0px;
    width:100%;
    margin:5px;
    padding-top:0px;
    padding-left:175px;
}
#home2nav2 {
    height:0px;
    width:100%;
    padding-left:500px;
}
#home2nav3 {
    height:0px;
    width:100%;
    padding-left:822px;
}
/******************************************************************
Start Custom STYLES
******************************************************************/
 #contest-cont {
    width:800px;
    position: relative;
    left:-22px;
    margin-left: auto;
    margin-right: auto;
}
#contest-cont section article.main {
    float: left;
    max-width: 800px;
    padding-left: 0;
    width: 102%;
}
#contest-cont section article {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    padding: 15px !important;
    width: 104.5% !important;
}