﻿

@media screen and (min-width: 768px){
    #myModal .modal-dialog {width:900px;}
    #myModalAdvDis .modal-dialog {width:900px;}
}

@media screen and (max-width: 991px){
    .columns{
        height: 350px;
        overflow:scroll;
    }

    .styleDD{
        height: 400px;
        overflow:scroll;
    }
}

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
        width: auto;
    }

    .styleDD{
        width: 400px;
    }
}


#myModal .modal-dialog {width:75%;}
#myModalAdvDis .modal-dialog {width:75%;}
#vehicleConfigureModal .modal-dialog {width:75%;}


body {background: url(/Content/images/bg-header.gif) repeat-x; }

/* header */
#header { height:111px; width:960px; margin-left:10px; float:left; }
#header-nav { float:right;  margin-top:9px; text-align:center;line-height:normal; }
#header-nav a,
#header-nav a:visited  { display:block; /*width:100%; /* height:100%; */ color:#fff; font-size:13px; text-decoration:none; }
#header-nav ul { margin:0; padding:0; line-height:normal;}
#header-nav ul li { height:25px; float:left; margin-right:6px; height:24px; display:block; line-height:normal; }

#header-nav ul li .tabLeft { float:left;background: url(/Content/images/bg-header-nav-left.gif) no-repeat;display:block; height:24px; width:9px; }
#header-nav ul li a {float:left;background: #00518B; padding:0px 14px; display:block;height:24px; }
#header-nav ul li a sup {margin-top:-4px; float:right; *float:none; *font-size:10px;}
#header-nav ul li .tabRight { float:left;background: url(/Content/images/bg-header-nav-right.gif) no-repeat;display:block; height:24px; width:9px; }
/* end header */

#logo {
    width: 736px;
    height: 141px;
    background: url(/Content/images/FPWebHeader.png) no-repeat;
    float: left;
}
    #logo a {
        width: 736px;
        height: 141px;
        display: block;
    }


/* Search Box */

.search {float:right;   width:303px;height:26px; overflow:hidden; margin-right:5px; }
    #header .search {margin-top:20px;display:inline; }
    #headline-section .search {margin-top:-3px; margin-right:0px;}
.search input.searchBox { padding:0px 0px 0px 28px; margin:2px 5px 0px 0px; line-height:24px; background: url(/Content/images/bg-search-box.png) no-repeat;  border:none; width:196px; height:24px; font-size:11px; float:left; }
.search .button{ height:26px; float:left; margin:0px; padding:0px;}
input.btnSearch,
.search .button input {border:none; background: url(/Content/images/btn-search.png) no-repeat;width:74px; margin:0px; padding:0px; text-align:center; height:26px; color:#fff; cursor:pointer; font-size:15px; line-height:12px; }
input.btnSearch:hover,
.search .button input:hover {background-position: 0px -26px;}

#contactInfo tr {
    font-size:x-small;
}
#contactInfo label {
    font-size: x-small;
    font-weight:normal;
}
#asterisk {
    font-size: xx-small;
}

.footer {
    font-size: xx-small;
    font-weight: normal;
    border: 1px solid #ddd;
    padding: 5px 5px 5px 5px;
}

.printSummaryRow {
    font-size: xx-small;
    border-bottom: 1px solid;
}

.printSummaryHeader {
    font-size: x-small;
    font-weight: bold;
    border-bottom: 1px solid;
    padding: 5px 0 5px 0;
}
