body
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.searchbox
{
    background: #3C5A9A;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
.increase_btn
{
   background-color:#DF6C39;
  color:#FFFFFF;
  display:block;
  margin-top:10px;
  padding:4px 3px;
  text-align:center;
}
.increasebox
{
    color: #3C5A9A;
    font-size: 11px;
    padding: 1px 0;
}
.padding0
{
    padding: 0 1px;
}
.padding5
{
    padding: 0 5px;
}
.paddingleft5
{
    padding: 0 5px 0 14px;
}
.greentick
{
    color: Green;
}
.redtick
{
    color: Red;
}
.lnkpumpinfo
{
    background: #ffdf34;
    color: #000;
    font-size: 9px;
    padding: 2px 5px;
    text-decoration: none;
    float: right;
}
.lnkpumpview
{
    background: #007d23 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 9px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px 5px;
    text-decoration: none;
}
.lnkpumpview:hover
{
    color: #000;
}
.lnkreferesh
{
    font-size: 10px;
    text-decoration: none;
    color: #183676;
}
.ratingEmpty1
{
    background-image: url(../images/ratingStarEmpty1.gif);
    width: 20px;
    height: 20px;
    margin: 1px;
}
.ratingFilled1
{
    background-image: url(../images/ratingStarFilled.gif);
    width: 20px;
    height: 20px;
    margin: 1px;
}
.ratingEmpty
{
    background-image: url(../images/ratingStarEmpty.gif);
    width: 20px;
    height: 20px;
    margin: 1px;
}
.ratingFilled
{
    background-image: url(../images/ratingStarFilled1.gif);
    width: 20px;
    height: 20px;
    margin: 1px;
}
.ratingSaved
{
    background-image: url(../images/ratingStarSaved.gif);
    width: 18px;
    height: 18px;
}
.noramlpump
{
    background-color: #f2f2f2;
    padding: 4px;
    margin: 0 0 3px 0;
    border: solid #e6e6e6;
    width: 286px;
}
.featuredpump
{
    background: #FFDF34;
    border: solid 3px #F1C931;
    min-height: 120px;
    font-size: 10px;
    width: 286px;
}
.featuredleft
{
    float: left;
    width: 150px;
}
.featuredright
{
    float: left;
    width: 110px;
}
.featuredright ul
{
    border-left: 2px solid #F1C931;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 5px;
}
.fuellink
{
    color: #1a3878;
    font-size: 13px;
}
.fuellink a
{
    color: #1a3878;
    font-size: 12px;
    text-decoration: none;
    line-height: 21px;
}
.fuellink a:hover
{
    text-decoration: underline;
}
.social
{
    cursor: pointer;
    height: 50px;
}
.social a
{
    text-decoration: none;
}
.social:hover
{
    opacity: 0.8;
}
fieldset
{
    border: solid 1px #dfdfdf;
    border-radius: 3px;
}
.txtauto
{
    list-style: none;
    margin: 0;
    padding-left: 0px;
    height: 22px;
    border-bottom: solid 1px #ccc;
    border: solid 1px #ccc;
    cursor: pointer;
    text-transform: capitalize;
}
.txtauto li
{
    border: solid 1px #ccc;
    background-color: #f2f2f2;
    font-size: 13px;
    padding: 3px;
}
.modalmap
{
    position: absolute;
    z-index: 999;
    height: 578px;
    width: 709px;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.35;
    -moz-opacity: 0.35;
    left: 433px;
    top: 257px;
}
.modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    left: 0;
}
.modalform
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.92;
    -moz-opacity: 0.92;
    left: 0;
    font-size: 12px;
    line-height: 20px;
}
.txtform
{
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    color: #101010;
    font: 12px "Monda" ,sans-serif;
    padding: 5px 2px;
    transition: all 0.5s ease 0s;
    width: 98%;
    background: #fff;
}
.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 67px;
    background-color: White;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    border-radius: 5px;
}
.centerform
{
    z-index: 1000;
    margin: 100px auto;
    padding: 15px;
    width: 50px;
    background-color: White;
    opacity: none;
    border-radius: 3px;
    box-shadow: 0 0 3px #000;
}
.centerbtn
{
    background-color: #3c5a9a;
    color: #fff;
    font-size: 12px;
    padding: 4px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    border: none;
    font-family: 'Monda' , sans-serif;
    cursor: pointer;
    width: 100%;
}
.lnksugg:hover
{
    background-color: #1a3878;
}
#tblloadlist th
{
    background: #e1e7f4;
    text-align: left;
}
#tblloadlist td
{
    background: #e1e7f4;
}
.lnksugg
{
    background-color: #3c5a9a;
    color: #fff;
    font-size: 12px;
    padding: 4px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    border: none;
    font-family: 'Monda' , sans-serif;
    cursor: pointer;
}
.lnksugg:hover
{
    background-color: #1a3878;
}
.divblue
{
    background-color: #3c5a9a;
    color: #fff;
    text-transform: uppercase;
    padding: 4px;
}
.divnewhead
{
    color: #3c5a9a;
    border-bottom: dotted 1px #e2e2e2;
    text-transform: uppercase;
    padding: 4px;
    margin-top: 3px;
}
.btntollboard_small
{
    background-color: #DF6C39;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 5px 7px;
    text-transform: uppercase;
}
.btntollboard
{
    background-color: #DF6C39;
    border: medium none;
    color: #101010;
    cursor: pointer;
    font-size: 15px;
    margin-right: 26px;
    margin-top: 20px;
    padding: 11px 15px;
    text-transform: uppercase;
    width: 250px;
    font-family: 'Monda' , sans-serif;
}
.lnkaddvia
{
    color: #fff;
    text-decoration: none;
}
.lnkvia
{
    border: solid 1px #fff;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    padding: 2px 7px;
}
.tollboardimg
{
    cursor: pointer;
    height: 33px;
    padding-top: 7px;
}
.txttollboard_small
{
    border: 1px solid #183676;
    color: #101010;
    font-family: "Monda" ,sans-serif;
    font-size: 13px;
    padding: 5px 13px;
}

.txttollboard
{
    border: 1px solid #183676;
    color: #101010;
    font-family: "Monda" ,sans-serif;
    font-size: 16px;
    padding: 7px 19px;
    width: 330px;
}
.drptollboard_small
{
    color: #101010;
    font-family: "Monda" ,sans-serif;
    font-size: 13px;
    padding: 3px 13px;
}
.drptollboard
{
    color: #101010;
    font-family: "Monda" ,sans-serif;
    font-size: 16px;
    padding: 7px 19px;
    width: 282px;
}
.blue_medium
{
    color: #183676;
    font-size: 17px;
}
.white_large
{
    color: #fff;
    font-size: 21px;
}
.white_medium
{
    color: #fff;
    font-size: 19px;
}
.white_small
{
    color: #fff;
    font-size: 13px;
}
.white_small a
{
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}
.white_small a:hover
{
    color: #df6c39;
    text-decoration: none;
}
.orange_color
{
    color: #DF6C39;
}
.blue_small
{
    color: #3C5A9A;
    font-size: 14px;
    font-weight: 600;
}
.blue_small a
{
    color: #3C5A9A;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
.blue_small a:hover
{
    color: #DF6C39;
    text-decoration: none;
}
.findtruck
{
    border-right: 1px solid #f1f1f1;
    color: #3c5a9a;
    float: left;
    font-size: 12px;
    font-weight: 400;
    height: 56px;
    margin-right: 5px;
    text-align: center;
    width: 100px;
}
.viewadmin
{
    background: #DF6C39 none repeat scroll 0 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    margin: 5px;
    padding: 2px 5px;
    text-decoration: none;
}
.grdpaging
{
    font: 13px 'Monda' , sans-serif;
}
.grdpaging a
{
    background: #eee none repeat scroll 0 0;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #717171;
    display: block;
    float: left;
    margin-right: 6px;
    padding: 5px 8px;
    text-decoration: none;
}
.grdpaging span
{
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #444;
    display: block;
    float: left;
    margin-right: 6px;
    padding: 5px 8px;
}
.tm
{
    color: #fff;
    font-size: 11px;
    margin-left: -123px;
    margin-top: 11px;
    position: absolute;
}
.divmainheader
{
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 66px;
}
.divmenu
{
    background: #183676;
    height: 36px;
    line-height: 36px;
    color: #fff;
}
.divcontentholder
{
    width: 1024px;
    margin: 0 auto;
}
.divmenuinner
{
    width: 1024px;
    margin: 0 auto;
    text-align: right;
}
.divmenuinner a
{
    text-decoration: none;
    color: #fff;
    margin-right: 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.divheader
{
    height: 70px;
    width: 1014px;
    margin: 0 auto;
}
.txtlogin
{
    font-family: 'Monda' , sans-serif;
    font-size: 11px;
    border: solid 1px #183676;
    padding: 4px;
    border-left: solid 2px #183676;
}
.txtlogin:focus
{
    font-family: 'Monda' , sans-serif;
    font-size: 11px;
    border: solid 1px #183676;
    padding: 4px;
    border-left: solid 2px #000;
    background: #f2f2f2;
}
.btnlogin
{
    background: #DF6C39;
    padding: 2px 5px;
    font-family: 'Monda' , sans-serif;
    font-size: 11px;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #DF6C39;
}
.btnlogin:hover, .btnlogin:focus
{
    background: #d9b72b;
    padding: 2px 5px;
    font-family: 'Monda' , sans-serif;
    font-size: 11px;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #000;
}
.forgotpassword
{
    color: #3C5A9A;
    font-size: 11px;
    text-decoration: none;
}
.divmainslider
{
    background: #fff;
}
.divtopcontent
{
    margin-top: 5px;
}
.divslider
{
    height: 80px;
    width: 1020px;
    margin: 0 auto;
}
.iframeslider
{
    border: none;
    width: 610px;
    height: 350px;
}
.divformheader
{
    background: #DF6C39;
    height: 330px;
    line-height: 30px;
    margin-top: 10px;
}
.divformtitle
{
    background-image: url(../images/truck.gif);
    color: #000;
    font-size: 14px;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: 14px 5px;
}
.divformbody
{
    height: 288px;
    border: solid 1px #DF6C39;
    background: #fff;
    padding: 5px;
}

.txtcon
{
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    color: #101010;
    font: 12px 'Monda' , sans-serif;
    padding: 3px 10px;
    transition: all 0.5s ease 0s;
    width: 168px;
}
.drpcon
{
    background: #faf7f7 none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
    color: #101010;
    font: 12px 'Monda' , sans-serif;
    padding: 2px 10px;
    transition: all 0.5s ease 0s;
    width: 190px;
}
.ui-datepicker-trigger
{
    position: absolute;
    cursor: pointer;
    height: 31px;
}
.btnsubmit
{
    background: #DF6C39;
    padding: 1px 19px;
    font-family: 'Monda' , sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #DF6C39;
}
.btnsubscribe
{
    background: #DF6C39;
    padding: 10px 87px;
    font-family: 'Monda' , sans-serif;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #DF6C39;
    margin: 0 10px;
}
.btndashtrans
{
    background: #DF6C39;
    padding: 6px 0px;
    font-family: 'Monda' , sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #DF6C39;
    margin: 0 10px;
    width: 238px;
    margin: 20px 0 50px 0;
}
.btndashtrans:hover, .btndashtrans:focus
{
    background: #d9b72b;
    padding: 6px 0px;
    font-family: 'Monda' , sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    border-bottom: solid 2px #000;
    margin: 0 10px;
    width: 238px;
    margin: 20px 0 50px 0;
}
.btndashboard
{
    background: #DF6C39;
    padding: 6px 0px;
    font-family: 'Monda' , sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #DF6C39;
    margin: 0 10px;
    width: 280px;
    margin: 20px 0 50px 0;
}
.btndashboard:hover, .btndashboard:focus
{
    background: #d9b72b;
    padding: 6px 0px;
    font-family: 'Monda' , sans-serif;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    border-bottom: solid 2px #000;
    margin: 0 10px;
    width: 280px;
    margin: 20px 0 50px 0;
}
.posttrucklink
{
    color: #183676;
    text-decoration: none;
    font-weight: 600;
}
#page
{
    box-sizing: border-box;
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    height: 341px;
}
#content-login
{
    display: block;
    position: relative;
}
#content-register
{
    display: none;
    left: 880px;
    position: absolute;
    top: 0;
    width: 100%;
}
.divloads
{
    width: 1024px;
    margin: 0 auto;
    height: 318px;
    clear: both;
    margin-top: 20px;
}
.divtrucks
{
    width: 1024px;
    margin: 0 auto;
    height: 318px;
    margin-top: 20px;
}
.smalltitle
{
    background-image: url("../images/ra3.png");
    background-position: 5px 2px;
    background-repeat: no-repeat;
    color: #183676;
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
    padding-left: 23px;
}
.largetitle
{
    background-image: url("../images/ra2.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #183676;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 23px;
}
.yellow
{
    color: #DF6C39;
}
.divloadtitle
{
    background: #3c5a9a;
    height: 35px;
    color: #fff;
    line-height: 34px;
    padding-left: 10px;
}
.divloadlist
{
    height: 250px;
    border: solid 1px #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    overflow-y: auto;
}
.grdheading
{
    background: #E0E5EA none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    font-weight: 300;
    height: 30px;
    text-align: left;
}
.grdsubheading
{
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    font-weight: 300;
    height: 30px;
    text-align: left;
}
.viewall
{
    background: #DF6C39 none repeat scroll 0 0;
    border: medium none;
    color: #000;
    float: right;
    margin: 5px;
    padding: 2px 5px;
    text-decoration: none;
    cursor: pointer;
}
.view
{
    background: #DF6C39 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 2px 8px;
    text-decoration: none;
    cursor: pointer;
    font-size: 11px;
}
.divfooter
{
    height: 150px;
    background: #faf7f7;
    border-top: solid 1px #ccc;
    margin-top: 30px;
}


.normaltxt
{
    color: #424042;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 0;
    text-align: justify;
    text-decoration: none;
    word-spacing: 0;
}
.text
{
    color: #000;
    font-size: 13px;
    line-height: 27px;
}
.text a
{
    color: #0a52a5;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    text-align: justify;
    word-spacing: 0;
}
.normaltxt a
{
    color: #265a78;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 0;
    text-align: justify;
    text-decoration: none;
    word-spacing: 0;
}
.social-networks
{
    border: medium none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.social-networks a
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    list-style-type: none;
    padding: 0;
    text-align: center;
    transition: all 0.2s ease 0s;
}
.textsub
{
    color: #000;
    font-size: 14px;
    line-height: 46px;
}
.style
{
    color: #3c5a9a;
    font-family: "Zurich Cn BT" ,sans-serif;
    font-size: 25px;
    font-weight: normal;
    height: 25px;
    text-transform: uppercase;
}
.style1
{
    color: #fff;
    font-family: "Zurich Cn BT" ,sans-serif;
    font-size: 25px;
    font-weight: normal;
    height: 25px;
    text-transform: uppercase;
}
.style4
{
    font-size: 28px;
}
.commoncontent
{
    width: 1024px;
    margin: 0 auto;
    box-shadow: 0 0 3px #ccc;
    background: #fff;
}
.link_api
{
    font-size: 11px;
}
.link_api a
{
    text-decoration: none;
    color: #3c5a9a;
    font-weight: bold;
}
.txtbox_api
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    font-family: "Oxygen" ,sans-serif;
    font-size: 13px;
    padding: 7px 0;
    width: 100%;
}
.txtbox1
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    font-family: "Oxygen" ,sans-serif;
    font-size: 13px;
    padding: 7px;
}
.required
{
    color: Red;
    font-weight: bold;
    margin-left: -14px;
    margin-top: 8px;
    position: absolute;
}
.aterm
{
    text-decoration: none;
    color: #183676;
}
.lnktoll
{
    text-decoration: none;
    color: #3c5a9a;
    font-weight: 700;
    border: none;
    font-family: 'Monda' , sans-serif;
    background: none;
    text-align: left;
    padding: 0;
    cursor: pointer;
}
.lnktoll:hover
{
    text-decoration: underline;
}