﻿@charset "utf-8";
@font-face {
       font-family: 'AllerBold';
       src: url('../_fonts/aller-webfont.eot');
       src: url('../_fonts/aller-webfont.eot?#iefix') format('embedded-opentype'),  url('../_fonts/aller-webfont.woff') format('woff'),  url('../_fonts/aller-webfont.ttf') format('truetype'),  url('../_fonts/aller-webfont.svg#AllerBold') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
       font-family: 'AllerLightRegular';
       src: url('../_fonts/aller_lt-webfont.eot');
       src: url('../_fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),  url('../_fonts/aller_lt-webfont.woff') format('woff'),  url('../_fonts/aller_lt-webfont.ttf') format('truetype'),  url('../_fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
       font-family: 'AllerRegular';
       src: url('../_fonts/aller_rg-webfont.eot');
       src: url('../_fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),  url('../_fonts/aller_rg-webfont.woff') format('woff'),  url('../_fonts/aller_rg-webfont.ttf') format('truetype'),  url('../_fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
       font-weight: normal;
       font-style: normal;
}
body {
       /*font-family: 'AllerLightRegular';*/
       font-family: Arial, Helvetica, sans-serif;
       background:#555;
       margin: 0;
       padding: 0;
       color:#333;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
       padding: 0;
       margin: 0;
       color:#666;
}


h1, h2, h3, h4, h5, h6, p {
       margin-top: 0;
       padding-right: 15px;
       padding-left: 15px;
}
h1 {
       font-family:'AllerLightRegular';
       font-size:24px;
       color:#333333;
       font-weight:normal;
       /*border-bottom:1px dotted #ccc;*/
       padding-bottom:10px;
       padding-left:0px;
       padding-right:0px;
}
h2 {
       
       font-size:12px;
       color:#666;   
       font-weight:normal;
       padding-left:0px;
       padding-right:0px;
       font-family: 'AllerBold';
       text-transform:uppercase;
}
h3 {
       font-weight:normal;
       color:#333;
       padding:6px 0px;
       margin:0;
       font-size:14px;
    font-family:'AllerRegular';
}


p {
       font-size:12px;
       padding-left:0px;
       padding-right:0px;
       color:#666;
}
a img {
       border: none;
}
a:link, a:active, a:focus, a:visited {
       text-decoration: none;
       color:#015e9b;
       /*border-bottom: 1px dotted #ccc;*/
}
a:hover{
color:#0a75cf
}
.container {
       width: 100%;
       margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
       background:#666;
       float:left;
       margin-top:115px;
}

.header-bg {
       float:left;
       width:100%;
       background:#fff;
       /*border-bottom:3px solid #ffc61f;*/
       height:115px;
       position:fixed;
       z-index:3000;
       
}

header {
       width:960px;
       margin:0 auto;
}


.logo {
       float:left;
       padding-top:33px;
       padding-bottom:18px;
}

.tollfree {
       float:right;
       padding-bottom:6px;
       padding-top:12px;
       font-family:'AllerLightRegular';
       font-size:18px;
       color:#015e9b;
       width:700px;
       text-align:right;
}
.tollfree img {
    margin-bottom:-3px;
    margin-right:5px;
}


.tollfreefooter {
       float:right;
       padding-bottom:0px;
       margin-top:-4px;
       font-family:'AllerRegular';
       font-size:14px;
       text-align:right;
       margin-right:105px;
}

/*topNav-search*/

.top-search {
       float:right;
       margin-top:8px;
       border:1px solid #ccc;
       /*border-left:none;*/
       height:23px;
       width:152px;
       text-align:right;
       background:url(../_images/newimages/icon_search.png) 4px no-repeat;
       
}
.top-search input[type=text] {
       border:none;
       background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
       background: -moz-linear-gradient(top, #ffffff, #ffffff);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
       width:120px;
    height:18px;
}

/*--------------------------------Main navigation */

.mainNav {
       padding-top:10px;
       color:#000;
       float:right;
}
.topnav {
       display: inline-block;
       /*margin-left:8px;*/
       margin-right:22px;
}
html[xmlns] .topnav {
       display: block;
}
* html .topnav {
       height: 1%;
}
.topnav li {
       float: left;
       position: relative;
       list-style: none;
       z-index:1010;
       
}
/* main level link */
.topnav a {
       /*width:99px;*/
       color: #666;
       text-decoration: none;
       display: block;
       text-align:center;
       padding-top:5px;
       font-size:12px;
       font-family:'AllerRegular';
       text-transform:uppercase;
/*     border-right:1px solid #ccc;*/
       /*background: url(../_images/newimages/nav_line.png) no-repeat right;*/
       height:24px;
       border-bottom:none;
       padding-bottom:39px;
       padding-right:22px;
       padding-left:22px;
}

.topnav .last-link a{
       background:none;
       border-bottom:none;
}

.topnav li:hover > a {
       /*background-position:center;*/
       color: #000;
       /*background-image: url(../_images/newimages/nav_hover.png);
       background-repeat: no-repeat;*/
}

.topnav .current a {
       background-position:center;
       color: #000;
       /*background : url(../_images/newimages/nav_arrow.png) no-repeat bottom;
       border-bottom:3px solid #fff;*/
       font-family:'AllerBold';
       position: relative;
}

/* level 2 list */
.topnav ul {
       background: #ffc61f /*url(../_images/newimages/drop_down_arrow.png) top no-repeat left*/;
       color: #000; /* for non-css3 browsers */
       display: none;
       margin: 0;
       padding: 0;
       position: absolute;
       top: 24px;
       /*opacity:.98;
       filter:alpha(opacity=98);
       filter: “alpha(opacity=98)”;*/
       padding-top:0px;
       text-align:left;
       left:-1px;
       font-family:'AllerRegular' !important;
       z-index:auto;
       margin-left:15px;
}
/* sub levels link hover */

.topnav ul li a {
       background: none;
       color: #000;
       text-transform:none;
       font-size:11px;
       padding-bottom:0px;
       width:140px;
       text-align:left;
       padding-left:10px;
       height:20px;
       padding-top:8px;
       border-bottom:1px solid #fed55c;
       font-family:'AllerRegular' !important;
}

.topnav ul li:hover a, .topnav li:hover li a {
       background: none;
       color: #000;
}
.topnav ul a:hover {
       background: #fed55c !important;/*  /*for non-css3 browsers 
       color: #000 !important;*/
}

/* dropdown */
.topnav li:hover > ul {
       display: block;
}
.topnav ul li {
       float: none;
       margin: 0;
       padding: 0;
       background: #ffc61f;
       }
.topnav ul a {
       font-weight: normal;
}
/* level 3+ list */
.topnav ul ul {
       left: 145px;
       top: 0px;
       border-left:1px solid #999;
}
/* clearfix */
.topnav:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
}

/*HOMEPAGE STYLES-----------------------------------------*/

/*SLIDER*/

.slider{
       height:350px;
       overflow:hidden;
}

.industries{
       position:absolute;
       width:1000px;
       height:34px;
       top:430px;
       margin-left:-40px;
       z-index:1000;
       display:none;
}

.industries ul{
       float:right;
       position:absolute;
       left:130px;
       }

.industries li{
       float: left;
       position: relative;
       list-style: none;
       display: inline-block;
       text-align:center;
       margin:0;
       padding:0;
       width:144px;
       border-right:1px dotted #222;
}

.industries a{
       color:#fff;
       font-family:'AllerRegular';
       font-size:14px;
       text-transform:uppercase;
       display:block;
       height:26px;
       padding-top:8px;
       width:100%;
       opacity:0.9;
       filter:alpha(opacity=90); /* For IE8 and earlier */
       background:#000;
       border-bottom:none;
}

.industries a:hover{
       filter:alpha(opacity=100); /* For IE8 and earlier */
       opacity:1;
       background:#000;
       }

/*homepage content*/

.homeCol1{
       width:210px;
       padding-left:20px;
       padding-right:10px;
       padding-top:20px;
       float:left;
}

.homeCol1-ext{
       width:320px;
       padding-left:20px;
       padding-right:10px;
       padding-top:20px;
       float:left;
}

.homeCol1-ext h1
{
    padding-bottom:0; 
}

.homeCol2{
       width:220px;
       padding-left:10px;
       padding-right:10px;
       padding-top:20px;
       float:left;
}

.homeCol3{
       width:210px;
       padding-left:10px;
       padding-right:20px;
       padding-top:20px;
       float:left;
}

.news{
       overflow:hidden;
       /*border-bottom:1px dotted #bbb;*/
       margin-bottom:7px;
       padding-top:5px;
       padding-bottom:10px;
       width:315px;
       font-size:12px;
       float:left;
       margin-right:4px;
}

.news p{
       padding:0;
}

.newsImg{
       float:left;
}

.newsImg img{
       /*border:1px solid #ddd;*/
}

.newsTxt{
       float:right;
       width:246px;
       padding-top:0px;
       color:#333;
       font-size:12px;
       padding-left:4px;
}

.newsTxt a
{
    /*font-weight:bold;*/
}

.date{
       /*font-style:italic;*/
       color:#666666;
       font-size:11px;
}

.readMore{
       text-align:left;
       font-size:12px;
       padding-top:8px;
       font-family: 'AllerRegular';
       width:316px;
       }


/* UsefulLink*/

.usefulLinks{
       width:240px;
       float:right;
       padding-bottom:0px;
       /*border-left:1px solid #eee;*/
       background:transparent;
}

.usefulLinks-item{
       height:67px;
       /*border-top:1px solid #ccc;*/
       border-top:1px solid #eee;
       display:block;
       cursor:pointer;
}

.usefulLinks-item:hover{
       background-color:#eee;
       /*border-top:1px solid #acacac;*/
}

.usefulLinks-item span{
       float:right;
       padding:17px 0 0 1px;
       width:165px;
}



.usefulLinks-itemCTRS{
       height:67px;
       display:block;
       cursor:pointer;
       background:#a90c0c;
       border-top:1px solid #840808;
       border-left:1px solid #840808;
       border-right:1px solid #b30d0d;
       border-bottom:1px solid #b30d0d;
}

.usefulLinks-itemCTRS:hover{
       background-color:#9b0b0b;
}

.usefulLinks-itemCTRS span{
       float:right;
       padding:8px 8px;
       width:120px;
       color:#fff;
}

.usefulLinks-itemCTRS span p{
       color:#fff;
       margin-top:5px;
}

.usefulLinks-itemCTRS img{
       padding-left:8px;
       padding-top:8px;
}

.usefulLinks h2{
       font-size:12px;
       font-family: 'AllerBold';
       color:#333;
       text-transform:uppercase;
       padding:0;
       margin:0;
       padding-bottom:4px;
}

.usefulLinks p{
       font-size:12px;
       font-family: 'AllerRegular';
       color:#333;
       padding:0;
       margin:0;
}






/*COntent*/

.masthead {
       height:120px;
       float:left;
       
}

.content-shadow {
       margin:0 auto;
       width:960px;  
       background:url(../_images/newimages/bg_content.png) repeat-y #fff;
       overflow:hidden;
       
}

.content {
       padding:40px 60px;
       width: 598px;
       float: right;
       background:#fff;
       min-height:400px;
}

.content-Products {
       padding:40px 30px;
       width: 658px;
       float: right;
       background:#fff;
       min-height:400px;
}
.MenuIcon{
    width:200px;background:gray;position:fixed;margin-left:865px;margin-top:250px;transform:rotate(-90deg)
 translateX(-90px);font-size:25px;font-weight:700;padding:10px 20px;text-align:center;color:#fff;cursor:pointer
}
.content-full{
       padding:40px 60px;
       width: 840px;
       float: right;
       background:#fff;
       min-height:400px;
}

.content ul, .content ol {
       padding: 0 15px 15px 15px;
       color:#666;
}

.content p{
       line-height:16px;
       color:#666;
}



/* list styles */

.genList{
       /*list-style-type: none;*/
       padding-left: 12px  !important;
       margin: 0;
       padding-right:0px !important;
       padding-bottom:0px !important;
       color:#666 !important;
}
.genList li {
       font-size: 12px;
       /*background: url(../images/green_check.png) no-repeat top left;*/
       padding-left:0px !important;
       margin-bottom:4px;
       margin-left:0;
}

.genList li ul li{
       padding-left: 5px;
       margin-top: 14px;
       line-height: 16px;
       list-style:circle;
       background:none;
}


/* list styles end */



/* form elements*/

.wrapperField {
       float:left;
/*     width:248px;*/
       padding-right:30px;
       padding-bottom:20px;
}
label {
       font-size:12px;
       float:left;
}
input[type=text] {
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       border:1px solid #999;
       width:240px;
       font-size:12px;
       padding-top:2px;
       height:19px;
       background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff));
       background: -moz-linear-gradient(top, #f3f3f3, #ffffff);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff');
}

select {
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       border:1px solid #999;
       width:250px;
       font-size:12px;
       padding:4px;
       background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff));
       background: -moz-linear-gradient(top, #f3f3f3, #ffffff);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff');
}

textarea {
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       border:1px solid #999;
       font-size:12px;
       padding-top:2px;
       background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff));
       background: -moz-linear-gradient(top, #f3f3f3, #ffffff);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff');
}

.buttonContainer{
       float:left;
       padding-top:8px;
       width:515px;
       text-align:right;
}


/* contact form styles */

.contact-form .wrapperField {
       float:left;
       /*width:240px !Important; */
       margin-right:20px !Important; 
       padding-bottom:10px;
       padding-top:10px;
       padding-right:0 !Important; 
}


.contact-form input[type=text], .contact-form select
{
    width:240px !Important;
}

.contact-form textarea
{
    width:510px;
}


/* end contact form styles */



/* Buttons*/
.btn-yellow {
       color: #000;
       padding:8px 15px;
       border:none;
       /*border-bottom: solid 1px #ffb400;
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;*/
       font-family:'AllerRegular';
       background: #ffd025;
       font-size:14px;
      /* background: -webkit-gradient(linear, left top, left bottom, from(#ffd025), to(#ffb400));
       background: -moz-linear-gradient(top, #ffd025, #ffb400);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd025', endColorstr='#ffb400');*/
}
.btn-yellow:hover {
       background: #ffb400;
}
.btn-yellow:active {
       background:#ffb400;
}
.btn-black {
       color: #ffcc11;
        padding:8px 15px;
       border:none;
       font-family:'AllerRegular';
       font-size:14px;
       background: #0c0c0c;
}
.btn-black:hover {
       background: #373737;
}
.btn-black:active {
       background: #2e2e2e;

}

.btn-grey {
       color: #333;
       border-radius: 2px;
       -moz-border-radius:2px;
       -webkit-border-radius: 2px;
       font-size:10px;
       height:16px;
       background: #c1c1c1;
       border: solid 1px #c1c1c1;
       text-transform:uppercase;
}
.btn-grey:hover {
       background: #ccc;
       border: solid 1px #ccc;
}
.btn-grey:active {
       background: #666;
       border: solid 1px #666;
       
}

.card{
    float:left;
    width:249px;
    padding:10px;
    display:block;
    margin-right:15px;
    margin-left:15px;
    margin-bottom:15px;
    margin-top:15px;
    min-height:224px;
    border-bottom:1px solid #ccc;
    background: #f1f1f1;
    cursor:pointer !important;
}

.card:hover{
   background:#eee;  /*url(../_images/newimages/arrow_yellow.png) no-repeat;*/
}

.card h3
{
    padding-top:10px;
    padding-bottom:10px;
}

.card-plain, .card-plain-rt{
    float:left;
    width:280px;
    padding:10px;
    padding-top:0;
    padding-left:0;
    display:block;
    margin-right:15px;
    /*margin-left:15px;*/
    margin-bottom:15px;
    /*margin-top:15px;
    min-height:220px;
    border-bottom:1px solid #ccc;
    background: #f1f1f1;*/
}

.card-plain-rt
{
     margin-right:0px !important;
}

.card-plain h3, .card-plain-rt h3
{
     padding-top:0px;
     padding-bottom:15px;
}

.newsItem 
{
    width:550px;
    border-bottom:1px solid #ccc;
    background: #f1f1f1;
    padding:10px;
    margin:30px 15px;
    }
    
.newsDate {font-size:11px; color:#666; font-style:italic;}
.newsTitle 
{
    font-weight:normal;
       color:#000;
       padding:6px 0px;
       margin-bottom:10px;
       font-size:14px;
    font-family:'AllerRegular';
    }
    
.newsLocation {font-weight:bold; font-size:11px; color:#000; margin-bottom:10px;}


.genericTable {
       width: 100%;
       font-size: 1.1em;
       background-color: #eee;
       outline: 1px solid #000;
       border-collapse: collapse;
       text-align:left;
       border-bottom: 1px solid #000;
}
.genericTable td {
       border: 1px solid #000;
       outline: .5px solid #000;
       
}
.genericTable th {
       color: #fff;
       font-size: 1.1em;
       font-weight: bold;
       padding: 5px;
       background-color: #666;
       border: 1px solid #000;
       outline: .5px solid #000;
       text-align: left;
}

.productsTable {
    width:100%;
    padding-top: 5px;
    padding-bottom:10px;
}

.productsTable td {
    width:50%;
    padding:5px;
    border-bottom: 1px solid #eee;
}

.productsTable td h2 {
    padding-top:5px;
}

.longProductsTable {
    width:100%;
    padding-top: 5px;
    padding-bottom:10px;
}

.longProductsTable td {
    text-align:center;
    padding:5px;
    border-bottom: 1px solid #eee;
}

/* amperage chart */
#psAmp td {text-align: center;}



/* usedPartsMain */

.usedParts{
       padding-top:20px;
}


/* SEARCH */

.search {     background-color:#f0f0f0;
       padding:30px 0px 30px 30px;
       float:left;
       width:95%;
}
.search-results {
       padding-top:12px;    
       float:left;   
       width:100%;
}
.results-found {
       float:right;
       color:#999;
       font-size:10px;
       text-align:right;
       font-weight:bold;
       text-transform:uppercase;
       padding-top:3px;
}
.boxTable {
       width: 100%;
       text-align: left;
       border-collapse: collapse;/*      border:1px solid #bebec4;*/
}
.boxTable th {
       font-size: 11px;
       font-weight:bold;
       text-transform:uppercase;
       padding:8px;
       background: #ddd;
       color: #666;
       font-weight:bold;
}
.boxTable td {
       padding: 8px;
       background: #eee;
       border-top: 1px solid #ccc;
       color: #333;
       text-transform:uppercase;
       font-size:11px;
}
.boxTable tr:hover td {
       background: #f8f8f8;
       color: #000;
       cursor:hand;
}


/*paging*/

.paging-cont {
       font-size: 10px;
       font-weight:bold;
       text-transform:uppercase;
       padding:8px 0px;
       background: #ddd;
       color: #555;
       font-weight:bold;
       width: 100%;
       text-align: center;
}
.paging {
       text-align: center;
       color:#999;
}
.paging a {
       padding:2px 4px;
       border-bottom:none;
}
.paging span {
       font-weight:bold;
       background-color:#bbb;
       color:#333;
       padding:2px 6px;
       margin-left:6px;
}


/*detail page*/

.det-icons{
       float:right;
       padding-top:6px;
}

.det-icons img{
       padding-left:20px;
       opacity:.50;
       filter:alpha(opacity=50);
       filter: “alpha(opacity=50)”;
}

.det-icons img:hover{
       opacity:.80;
       filter:alpha(opacity=80);
       filter: “alpha(opacity=80)”;
}

.det-left{
       width:290px;
       margin-right:1px;
}
.det-right{
       width:290px;
       float:right;
}

.det-right strong{
       color:#666666;
       font-weight:bold;
       width:80px;
       display:inline-block;
}

.det-line{
       border-bottom:1px solid #eee;
       margin-top:10px;
       margin-bottom:10px;
       height:1px;
}

.det-right ul{
       list-style:none;
       font-size:12px;
       margin:0;
       padding:0;
       padding-bottom:20px;
       padding-top:5px;
}

.det-right li{
       padding-bottom:5px;
       }

.det-gallery{
       background:#e1e1e1;
       width:290px;
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       margin-bottom:20px;
}

.det-gallery img{
       padding:5px;
}

.det-gallery-nav{
       padding-left:5px;
       padding-right:5px;
}

.det-gallery-navON{
       float:left;
       display:block;
       height:10px;
       width:10px;
       margin:4px;
       background:url(../_images/newimages/gallery_nav_on.png) no-repeat;
       }
       
.det-gallery-navOFF{
       float:left;
       display:block;
       height:10px;
       width:10px;
       margin:4px;
       background:url(../_images/newimages/gallery_nav_off.png) no-repeat;
       cursor:pointer;
       }

.det-price{
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       color: #fff;
       background: #0d78d1;
       background: -webkit-gradient(linear, left top, left bottom, from(#3dadf8), to(#0d78d1));
       background: -moz-linear-gradient(top, #3dadf8, #2e20d78d1e2e);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dadf8', endColorstr='#0d78d1');
       font-size:12px;
       font-weight: bold;
       width:276px;
       padding:7px;
       margin-bottom:20px;
       text-align:center;
}

.det-info{
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       color: #000;
       background: #e1e1e1;
       font-size:12px;
       width:276px;
       padding:7px;
       }


.contact{
       width:290px;
       margin-right:1px;
}

.contact ul{
       list-style:none;
       font-size:12px;
       margin:0;
       padding:0;
       padding-bottom:20px;
       padding-top:5px;
}

.contact li{
       padding-bottom:5px;
       }

.contact strong{
       /*color:#666666;
       font-weight:bold;*/
       width:110px;
       display:inline-block;
}

.contact-form{       background-color:#f0f0f0;
       padding:20px 20px 20px 40px;
       float:left;
    width: 540px;
       margin-bottom:20px;
}

/* SideBar*/

.sidebar1 {
       float: right;
       width: 240px;
}
.sidebar-info {
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       background-color:#d6d6d6;
       padding:10px;
}

.sideNav{
       width: 202px;
       padding:20px 0px 10px 20px;
}

.sideNav p {
       padding:0;
       margin:0;
       color:#333;
       /*text-shadow: 0px 1px 0px #fff8e0;
       filter: dropshadow(color=#fff8e0, offx=0, offy=1);*/
       font-size:12px;
}

.sideNav h2 {
       font-size:12px;
       color:#333;
       font-weight:normal;
       padding-left:20px;
       padding-right:0px;
       padding-top:8px;
       /*padding-bottom:2px;*/
       font-family: 'AllerBold';
       text-transform:uppercase;
}
/* Right Navigation */

.sideNav nav ul {
       list-style: none; 
       font-family:'AllerRegular';
       color:#000;
}
.sideNav nav ul a {
       padding-top:5px;
       padding-bottom:5px;
       padding-left:20px;
       /*height:21px;*/
       display: block;
       /*width: 195px;*/
       text-decoration: none;
       font-size:12px;
       color:#333;
       border-bottom:none;
}
.sideNav nav ul li a:hover{
       color:#000;
}
.sideNav nav ul li a.navSelected {
       background: url(../_images/newimages/rightNav_selectG.png) no-repeat right;
       color:#000;
}

.sideNav nav ul li ul a:before {
       content:"\2023";
       padding-right:6px;
       padding-bottom:4px;
}

.sideNav nav ul li{
       margin-top:3px;
}

.sideNav nav ul li ul a{
       text-decoration: none;
       font-size:11px;
       /*padding-left:22px;*/
       margin:0;
       color:#333;
       padding-bottom:2px;
       padding-top:2px;
       /*line-height: 16px;*/
       border-bottom:none;
}

.sideNav a.navSelected2{   
       color:#000;
       font-family: 'AllerBold';
}

.sideNav nav ul li ul li ul{
       margin-top:0px;
}

.sideNav nav ul li ul li ul a{
       padding-left: 42px;
       text-indent: -10px;
       border-bottom:none;
}

.sideNav nav ul li ul li ul li ul{
       padding-left: 10px;
       text-indent: -10px;
       border-bottom:none;
}

.sideNav nav ul li ul li ul li ul a:before {
       content:none;
}

.navbadge{
       padding:10px 0px 10px 6px;
}

.navbadge img{
       padding:10px;
}

/* ~~ Error Handling ~~ */

.errorBubble {
       font-size: 8pt;
       position: absolute;
       color: #b30005;
       margin-top:40px;
       margin-left:5px;
}
.errorBubble span.top {
       display: block;
       background: url(../_images/newimages/bubble.png) no-repeat bottom left;
       padding: 9px 0px 0;
}


.errorBubble span.bottom {
       display: block;
       padding: 2px;
       border-right: 1px solid #ff6767;
       border-left: 1px solid #ff6767;
       border-bottom: 1px solid #ff6767;
       background-color: #ffbebe;
       font-weight: bold;
}

/* loading */

.loader{
       position:fixed;
       top: 520px;
       margin:0 auto;
}



/*-------country styles STARTS HERE -------*/

/* country Container (default to float:right) */
.countryContainer {
    position:relative;
    float:right;
    z-index: 1000;
    margin-right:-9px;
}

/* country Button */
/*.countryButton { 
    display:inline-block;
    background:#fff; 
    position:relative;
    z-index:30;
    cursor:pointer;
       padding:14px 10px 6px 10px;
       margin-left:2px;
       margin-top:4px;
}

.countryButton img {
    padding:0;
    display:block;
}

.countryButton img:hover 
{
    opacity:0.7;
    filter:alpha(opacity=70);
}


.countryBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

.countryBox li{
       list-style:none;
       padding:5px;
}

.countryBox a{
       font-size:10px;
       color:#333;
       border-bottom:none;
}

.countryBox a:hover{
       color:#666;
}

.countryButton.active {
       background-color:#ccc;
}

.countryButton.active span {
    background-position:53px -76px;
}


.countryButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}


.countryForm {
    width:148px;
       background:#ccc;
    margin-top:-1px;
    padding:6px;
}


.countryForm img {
    padding-right:7px;
}
*/



/* ~~ The footer ~~ */
.footer-container {
       width:100%;
       overflow:auto;
       float: left;
}
footer {
       padding:20px 0;
       position: relative;/* this gives IE6 hasLayout to properly clear */
       clear: both;
       margin: 0 auto;
       width:960px;
       font-size:11px;
       color:#ccc;
       font-family:'AllerRegular';
}

.footer-cont{
       width:960px;
       margin:0 auto;
       padding-top:20px;
       padding-bottom:20px;
       overflow:auto;       
       border-bottom:#686868 1px dotted;
}
.footer-col{
       width:220px;
       margin-right:20px;
       float:left;
}
.footer-col-last{
       width:224px;
       float:left;
}
.footer-cont h4{
       font-family:'AllerRegular';
       font-size:12px;
       font-weight:normal;
       /*border-bottom:#686868 1px solid;*/
       color:#ffc61f;
       text-transform:uppercase;
       margin-left:0;
       padding-left:0;
       margin-bottom:7px;
       padding-bottom:5px;
}

.footer-cont ul{
       margin:0;
       padding:0;
}

.footer-cont li{
       list-style:none;
       color:#a7a7a7;
       font-size:11px;
       line-height:16px;
}

.footer-cont a{
       color:#BFBFBF;
       border-bottom:none;
       font-family:'AllerRegular';
}

.footer-cont a:hover{
       color:#CACACA;
}


.soc-icons
{
    float:right;
    margin-top:-6px;
}

.soc-icons img
{
    padding-left:10px;
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */    
}

.soc-icons img:hover
{
    padding-left:10px;
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */    
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
       display: block;
}


.flt-rt{
       float:right;
}




/* country selector */

.country-sel:focus {
    background: #ccc;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.country-sel:focus:after {
    border-color: #ccc transparent;
}

.country-sel:focus .dropdown {
    border-bottom: 1px solid #ccc;
    max-height: 410px;
}


.country-sel {
    /* Size & position */
    position: relative;
    width:21px;
    margin-top:9px;
    margin-left:2px;
    padding:8px 5px 5px 9px;

    /* Styles */
    /*background: #ccc;*/
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size:11px;
}

.dropdown img{
       border:none;
       margin-right:5px;
}


.country-sel .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left:-120px;

    /* Styles */
    background: #ccc;
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
       width:155px;
}


.country-sel .dropdown li {
    /*padding:0px 8px ;*/
}

.country-sel .dropdown li {
    display: block;
    text-decoration: none;
    color: #555;
    padding:8px 0 8px 10px;
    transition: all 0.3s ease-out;
}

.country-sel .dropdown li:last-of-type a {
    border: none;
}

.country-sel .dropdown li:hover 
{
    color:#000;
}

/* Hover state */

.country-sel .dropdown li:hover a {
    color: #000;
}

/* Active state */

.country-sel.active {
    background: #ccc;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.country-sel.active:after {
    border-color: #ccc transparent;
}

.country-sel.active .dropdown {
    border-bottom: 1px solid #ccc;
    max-height: 400px;
}

/*Search Page */

#searchdiv
{
    background:#fff;
    padding:40px 60px;
    overflow:auto;
}

.suggest {
	font-style: normal;
	font-size: px;
	font-weight: normal;
}
.suggest a {
	font-size: px;
	font-weight: normal;
	font-style: normal;
}
.status {
	padding: 5px 10px;
	font-style: normal;
	font-weight: normal;
}
.status ul li {
color:;
}

.bar
{
    margin:-10px;
}

.query
{
    font-size:12px;
    float:left;
    color:#999;
}

.matches
{
    font-size:12px;
    float:right;
    color:#999;
}


.pagination {
	padding: 10px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size:12px;
}
.pagination a , .pagination b 
{
    padding:4px;
}

.result
{
    margin:20px 0;
}

.result .link {
	text-align: left;
	margin: 0;
	padding: 2px;
}
.result .link a {
	font-size: px;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	font-size:14px;
}
.result .desc {
	font-size: px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: inline-block;
}

.result .hiliter
{
    font-weight:bold;
    color:#000;
}

.result .date {
	font-weight: normal;
	text-align: left;
	display: inline-block;
	margin-top:10px;
	color:#999;
}
.result .docurl {
	font-size: px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: inline-block;
}
.result .relevance {
color:;
background:;
	font-size: px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	display: none;
}


/* LandingPage Styles */

.landingcontent-header {
       margin:0 auto;
       width:650px;  
       background-color:#FFFFFF;
       overflow:hidden;
       
}

.landinglogo {
       float:left;
       padding:20px;
}

.landingtollfree {
       float:right;
       padding-bottom:6px;
       padding-top:14px;
       padding-right:20px;
       font-family:'AllerRegular';
       font-size:16px;
       color:#015e9b;
       text-align:right;
}

.landingtollfree h1
{
    font-family:'AllerRegular';
       font-size:24px;
       color:#333333;
       font-weight:normal;
       padding-left:0px;
       padding-right:0px;
       border:none;
       padding-top:15px;
       padding-bottom:0 !important;
       margin-bottom:0;
}

.landingcontent-shadow {
       margin:0 auto;
       width:650px;  
       background-color:#FFFFFF;
       overflow:hidden;
       
}

.landingcontent {
       padding:40px 50px 0;
       width: 540px;
       float: right;
       background:#fff;
       min-height:320px;
}

.landingcontainer {
       width: 100%;
       margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
       float:left;
}

.landingfooter {
       margin:0 auto;
       width:650px;  
       overflow:hidden;
       padding:20px 0;
       position: relative;/* this gives IE6 hasLayout to properly clear */
       clear: both;
       margin: 0 auto;
       font-size:11px;
       color:#ccc;
       font-family:'AllerRegular';
       
}


/* LandingPage Styles */

.promocontent-header {
       margin:0 auto;
       width:650px;  
       background-color:#FFFFFF;
       overflow:hidden;
       
}

.promologo {
       float:left;
       padding:20px;
}

.promotollfree {
       float:right;
       padding-bottom:6px;
       padding-top:14px;
       padding-right:20px;
       font-family:'AllerRegular';
       font-size:16px;
       color:#015e9b;
       text-align:right;
}

.promotollfree h1
{
    font-family:'AllerRegular';
       font-size:24px;
       color:#333333;
       font-weight:normal;
       padding-left:0px;
       padding-right:0px;
       border:none;
       padding-top:15px;
       padding-bottom:0 !important;
       margin-bottom:0;
}

.promocontent-shadow {
       margin:0 auto;
       width:650px;  
       background-color:#FFFFFF;
       overflow:hidden;
       
}

.promocontent {
       padding:10px;
       width: 616px;
       float: right;
       background:#fff;
       min-height:320px;
}

.promocontent ul {
       padding-left:20px;  
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
}

.promocontainer {
       width: 100%;
       margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
       float:left;
}

.promofooter {
       margin:0 auto;
       width:650px;  
       overflow:hidden;
       padding:20px 0;
       position: relative;/* this gives IE6 hasLayout to properly clear */
       clear: both;
       margin: 0 auto;
       font-size:11px;
       color:#ccc;
       font-family:'AllerRegular';
       
}


/* Homepage Video Carousel */

.image_carousel {

    padding: 20px 30px 20px 33px;
    position: relative;
    background-color: #fff;
    border-bottom:1px solid #eee;
    margin: 0;

}
.image_carousel img {
	/*border: 1px solid #ccc;*/
	padding: 1px;
	margin: 0px 6px 0px 6px;
	display: block;
	float: left;
}

.image_carousel img:hover 
{
    opacity:0.8;
filter:alpha(opacity=80);

}

a.prev, a.next {
	width: 45px;
	height: 80px;
	display: block;
	position: absolute;
	top: 45px;
	opacity:0.5;
    filter:alpha(opacity=50);
}

a.prev:hover, a.next:hover {
	opacity:1;
    filter:alpha(opacity=100);
}

a.prev {			left: 8px;
        			top:53px;
                    background: url(../_images/homepage/VideoArrowLeft.png) no-repeat transparent;
}
a.next {			right: -14px;
        			top:53px;
                    background: url(../_images/homepage/VideoArrowRight.png) no-repeat transparent;
}

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}



/*power systems rental*/

.psr-helpBanner {
    background: url(../_images/newimages/ps_phone_banner.png) top no-repeat;
    width: 600px;
    height: 50px;
    margin-left:-64px;
    color:#fff;
    font-size:20px;
    font-family:'AllerLightRegular';
    padding-top:24px;
    padding-left:123px;
    margin-top:30px;
    margin-bottom:30px;
}

.psr-card-cont {
    margin:0 -15px;
}

.psr-card{
    float:left;
    width:269px;
    display:block;
    margin-right:30px;
    margin-left:15px;
    margin-bottom:30px;
    margin-top:15px;
    border-bottom:1px solid #ccc;
    background: #363636;
    cursor:pointer !important;
}

.psr-card img {
        opacity: 0.95;
        filter:alpha(opacity=95);
    }
.psr-card h2 {
        padding:20px;
        color: #ffc61f;
        font-family:'AllerLightRegular';
        text-transform:uppercase;
        font-weight:normal;
        background:  url(../_images/newimages/arrow_yellow.png) no-repeat;
        background-position:250px 16px;
    }
.psr-card h3 {
        padding:20px;
        color: #ffc61f;
        font-family:'AllerLightRegular';
        text-transform:uppercase;
        font-weight:normal;
        background:  url(../_images/newimages/arrow_yellow.png) no-repeat;
        background-position:250px 16px;
    }

    .psr-card p {
        padding: 0 20px 20px 20px;
        color:#ddd;
    }

.psr-contact {
    width: 29%;
    padding-right: 20px;
    float:left;
}



#tabs_wrapper {
    float:left;
}
#tabs_container {
    border-bottom: 1px solid #333;
}
#tabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font: 0.75em arial;
    }

.tabs{
        border-bottom: 1px solid #ccc;
        margin-bottom:20px;
    }

ul.tabs{
        padding:4px;
    }

.tabs li {
    display: inline;
}
.tabs li a {
    
    padding: 4px 6px;
    text-decoration: none;
    background-color: #ddd;
    border-bottom: none;
    outline: none;
      color:#333
}
.tabs li a:hover {
    background-color: #ccc;
    padding: 4px 6px;
    color:#333;
}
.tabs li.active a {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
.tabs li.active a:hover {
    color:#666;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
 
.tabs li a.icon_accept {
    background-image: url(accept.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
.tabs li a.icon_accept:hover {
    padding-left: 24px;
}

.tabs_content_container {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
}
.tab_content {
    display: none;
}


#tabs h1 {
    font-size: 18px;
    padding-bottom:18px;
    margin:0;
}

#tabs .productsTable {
    padding-top: 0;
    margin-top:-7px;
    
    margin-left:-2px;
}

#tabs .productsTable td{
    padding-left: 0;
}

.salesTeam {
    float:left;
    width:269px;
    height:320px;
    display:block;
    margin-right:30px;
    margin-left:15px;
    margin-bottom:30px;
    margin-top:15px;
    background: #363636;
    color:#fff;
}
.salesTeam h2 {
        color: #ddd;
        font-family:'AllerLightRegular';
        text-transform:uppercase;
        font-weight:normal;
        font-size:16px;
        padding-left:20px;
        padding-top:20px;
        margin:0;
    }

.salesTeam small {
        color: #ffc61f;
        font-size: 12px;
        font-family:'AllerLightRegular';
        padding-left:20px;
    }

    .salesTeam ul {
        margin-top: 10px;
        margin-bottom:0;
        padding-bottom:20px;
        padding-left:20px;
    }

    .salesTeam ul li {
        list-style: none;
        padding-bottom:5px;
        color:#ddd;
    }

    .salesTeam ul li a{
        color:#ddd;
    }

    .salesTeam ul li strong{
        color:#fff;
    }

    .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 690px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.hide {
  display: none;
}
.show {
  display: block;
}

.PStitleToll {
    float:left;
    width:100%;
}

.PStitleToll h1 {
    float:left; 
    width:50%;
}

.PStitleToll h3 {
    float:right; 
    text-align:right;
    color:#fff;
    padding-left:60px;
    background: #e84c3d url(../_images/newimages/24-7.png) no-repeat;
    background-position:0px;
    font-size:12px;
}

.PStitleToll a {
        color: #fff;
        border-left:1px dotted #fff;
        padding:6px 10px;
        margin-left:5px;
        background:#666;
}

.PStitleToll a:hover {
        background:#999;
}

.VLtitleToll {
    float:left;
    width:650px;
    margin-left:-26px;
}

.VLtitleToll h1 {
    float:left; 
    width:55%;
}

.VLtitleToll h3 { 
    text-align:right;
    color:rgb(232, 76, 61);
    padding-left:0px;
    background-position:8px;
}

.VLtitleToll a {
        color: #fff;
        border-left:1px dotted #fff;
        padding:6px 10px;
        margin-left:0px;
        background:rgb(232, 76, 61);
}

.VLtitleToll a:hover {
        background:#999;
}

.salesMember 
{
    width:577px;
    height:156px;
    border-bottom:1px solid #ccc;
    background: #f1f1f1;
    padding:10px;
    margin:15px 0px;
    display:block;
    float:left;
    background: #363636;
    color:#fff;
    }

    .salesMember ul li
    {
        list-style-type:none;
        color:#fff;
    }


.salesMember h2 {
        color: #ddd;
        font-family:'AllerLightRegular';
        text-transform:uppercase;
        font-weight:normal;
        font-size:16px;
        padding-top:0px;
        margin:0;
    }

.salesMember small {
        color: #ffc61f;
        font-size: 13px;
        font-family:'AllerLightRegular';
    }

.salesMember p {
        color:#fff;
        padding-top:10px;
    }

.salesMember ul li a{
        color:#ddd;
    }