body {
    margin: 0px !important;
    border: 0px;
    padding: 0px !important;
    width: 100%;
    min-height: 100%;
    font-family: Lato, Geneva, sans-serif;
    font-size: large !important;
    font-style: normal !important;
    color: #fff !important;
    position: relative;
    background: url("/../Content/images/winterBG.jpg") no-repeat center center fixed;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;    
}
body#startpage {
    background-color: #000;
    background: url("/../Content/images/startBG.jpg") no-repeat center center fixed;      
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;   
}
.black-outline {font-weight:400;}
.grey-outline {font-weight:400;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.2 !important;}
input, button, select, textarea {
}

html {
    height: 100%;
}

a:link {
    color: #555;
    text-decoration: none;
}

a:visited {
    color: #555;    
}

a:hover {
    color: #555 !important;
}

a:active {
    color: #555;
}
a.class2:link {
    color: #ddd;
    text-decoration: none;
}

a.class2:visited {
    color: #ddd;    
}

a.class2:hover {
    color: #ddd !important;
}

a.class2:active {
    color: #ddd;
}
a.class3:link {
    color: #fff;
    text-decoration: none;
}

a.class3:visited {
    color: #fff;    
}

a.class3:hover {
    color: #fff !important;
}

a.class3:active {
    color: #fff;
}
a.class4:link {
    color: #63bbff;
    text-decoration: none;
}

a.class4:visited {
    color: #63bbff;    
}

a.class4:hover {
    color: #63bbff !important;
}

a.class4:active {
    color: #63bbff;
}

.clear {
    clear: both;
}

.header {
    background: #000 url('images/header_BG2.jpg');
    background-repeat: no-repeat;    
    background-size: cover;  
    min-width: 100%;
    min-height: 60px;
    margin: auto;
    z-index: 20;
    text-align: center;
            
}

.dealername {
    font-size: 26px;
    color: #a5d8ff;
    font-weight: 600;
    text-transform: uppercase;     
    text-align: left;       
    height: 100%;
    width: 100%;
    margin-top: 0px;  
    padding: 5px;  
}

.dealername a, .headerHeading a { color: #FFF; }
.dealername a:hover, .headerHeading a:hover {text-decoration:none;}

.companyname {
	text-align:center;
	color:#fff;
	font-size: 24px;
    text-transform: uppercase;
    font-weight: bolder;
}

.pagetitle {
    font-size: 24px;            
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;    
    height: 100%;
    width: 100%;
    margin: 0px; 
    padding: 5px;   
}

.footer {
    background: #000 url('images/header_BG2.jpg');
    background-repeat: no-repeat;    
    background-size: cover;  
    width: 100%;
    min-height: 60px;
    margin-top: 0px;
    z-index: 20;
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #eee;
    vertical-align: middle;    
    line-height: 30px;
}

.footer-disclaimer {
	line-height:150%;
	font-weight:bold;
	font-size:13px;
	margin: 10px 10px;

}

.salesman {
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: -1;
    width: 400px;
}
    .salesman-wrap {bottom:0; position:fixed; margin-right:15%; right: 0px; bottom:60px; height:auto;}
.salesman-wrap img{height: auto; width: 100%}
.salesman-wrap.stick { 
}
/*Content elements
-----------------------------------------------------------------*/

.wrapper {
    display:block;
	padding-top:10px;
    margin-top: auto; 
    margin-bottom: auto;    
}
.overlay {
    background:rgba(0,0,0,0.7);
    text-align:center;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    z-index:9999;    
}
    .overlay .content {
        display:table-cell;
        height:100%;
        vertical-align:middle;
    }
.home-message {
    margin-bottom: 5%;
    margin-top: 5%;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding: 20px;    
    max-width: 650px;
    font-family: Lato, sans-serif;
    font-size: 60px;
    font-weight: bold;   
    z-index: 1;     
}
.VehicleSelect {
    height: 40px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


input[type="submit"], input[type="button"] {
    cursor: pointer;
}

.start-btn {
    border: 0px !important;
    cursor: pointer !important;
    width: 100%;         
    float: left;
    bottom: 0px;    
    z-index: 1;
    padding: 0px 5px 0px 5px;
             
}

.select-wrap {
    position: relative;
    margin-bottom:15px;
    padding:0px !important;
}
    .select-wrap .selectbox {
        background: #3498db;
        padding: 8px;
        border: 1px solid #3498db;
        border-radius: 3px;
        font-weight: bold;
        color: #fff;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance: none;
        width:100%;
        cursor:pointer;
    }
	.select-wrap select::-ms-expand {
		display: none;
	}
    .select-wrap:after {
        content: "-";
        background: #fff;
        position: absolute;
        border-radius: 3px;
        right: 0px;
        top: 0px;
        width: 10%;
        height: 100%;
        line-height: 100%;
        text-align: center;
        color: #0072ff;
        z-index: -1;
        font-size: 38px;
        font-weight: bold;
    }
.option-wrap { 
    background-image: url('/../Content/images/HC-BG.jpg');
    border-radius: 5px;
    min-height: 700px;
    overflow: auto;
    max-width: 675px;
    position: relative;
    margin: 20px 0px 0px 15px;    
    padding: 20px 0px 40px 0px;
    bottom: 0px;
    z-index: 1;
}
   
.blue-btn {
    background: #3498db;
    box-shadow: inset 0 0 1px 0 #fff;
    color: #fff !important;
    border: 1px solid #3498db;    
    border-radius: 3px;
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400;	
	line-height: 30px;
    white-space: normal;
}
    .blue-btn:hover,.blue-btn:focus {
        text-decoration:none !important;
        color: #ddd !important;
    }
    .blue-btn:active {
        background:#3498db;
    }

    .blue-btn:visited {
        background:#3498db;
    }
    .blue-btn:hover {
        text-decoration:none;
    }
    .grey-btn {
    background: #ddd;
    box-shadow: inset 0 0 1px 0 #fff;
    color: #333;
    border: 1px solid #bbb;    
    border-radius: 3px;
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400;	
	line-height: 30px;
    white-space: normal;
}
    .grey-btn:hover,.grey-btn:focus {
        text-decoration:none !important;
        color: #999 !important;
    }
    .grey-btn:active {
        background:#ddd;
    }

    .grey-btn:visited {
        background:#ddd;
    }
    .grey-btn:hover {
        text-decoration:none;
    }


.green-checkbox + label,.green-untickcheckbox  {
    background:url("images/checkbox-untick.png");
    background-repeat:no-repeat;
    background-position:left 7px;
    background-position:top 3px ;
    height:90px;
    padding-left:90px;    
    display: table-cell;
    vertical-align: middle;
    cursor:pointer;
}
    .green-checkbox + label h1,.green-untickcheckbox h1 {
        margin: 0px;
        font-weight: bold;        
    }
.green-checkbox:checked + label, .green-tickcheckbox{
    background:url("images/checkbox-tick.png");    
    background-repeat:no-repeat;
    background-position:left 7px;
    background-position:top 3px;
    height:90px;
    padding-left:90px;    
    display: table-cell;
    vertical-align: middle;
    cursor:pointer;
}
    .green-checkbox:checked + label h1,.green-tickcheckbox h1 {
        margin: 0px;
        font-weight: bold;        
    }
.blue-color {color:#63bbff !important;}
.grey-color {color:#2e2e2e;}
.black-color,.black-color:hover,.black-color:visited {color:#000 !important;text-decoration:none;}
.white-color {color:#fff;}
.no-margin {margin:0px;}
.no-margin-top {margin-top:0px;}
.no-margin-bottom {margin-bottom:0px;}
.product-thumb {margin-bottom:10px;margin-top:10px;max-width:205px;width:100%;}
.remark {
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color:yellow;
    font-style:italic;
    font-weight:bold;
}
.green-text {
color:#12a251;
}
.estimate-text {
    font-size: 24px;
    color: #fff;
}
.outline-title {
    border-bottom:1px solid #fff;
    display:table;
}

.outline-title-black {
    border-bottom: 1px solid #000;
    display: table;
}
.productimg-wrap ul {
list-style:none;
padding-top:15px;
padding-left: 0px;
margin:0px;
text-align: center;
}

.productimg-wrap img {
width:100%;border:1px solid #ddd;}
.productimg-wrap li:not(.bigimage) {
display:inline-table;width:100px; padding:5px;}
.productimg-wrap li.bigimage {
display: block;}
.text-right {
text-align:right;}

#tabs {
    margin:10px 0;
}
#tabs ul {
list-style:none;
padding:0px;
margin:0px;
border-bottom:1px solid #bbb;
border-radius: 3px;
}
#tabs li {
float:left;
padding:3px 10px;
text-align:center;
background:#aaa;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
border-top:1px solid #bbb;
border-top-left-radius:3px;
border-top-right-radius:3px;
width:50%;

}
#tabs li a,#tabs li a:hover,#tabs li a:focus,#tabs li a:visited {
color:#333 !important;
text-decoration:none;
outline: none;
}
#tabs li a h1{
	font-weight:600;
    font-size: 20px;
}

#tabs .tab-content {
background:#fff;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
padding:10px 20px;
display:block;
clear:both;
}
#tabs li.ui-tabs-active, #tabs li.ui-state-active {
background:#fff;
border: 1px solid #bbb;
border-bottom:1px solid transparent;
border-top-left-radius:3px;
border-top-right-radius:3px;
margin-bottom:-1px;
}
.top-black-grad {
background: -moz-linear-gradient(top,  #000, #555, #000); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(#555), to(black)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(black, #555, black); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(black, #555, black); /* Opera 11.10+ */
background: -ms-linear-gradient(black, #555, black); /* IE10+ */
background: linear-gradient(black, #555, black); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6acb3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
width:100%;
position: absolute;
top: 60px;
left:0px;
min-height:30px;
padding: 10px 15px 10px 15px;
z-index: 4;
}
    .top-red-grad div * {
        display: inline-table;
    }

.feature-row {
margin:0px 0 20px;clear:both;}

.grey-checkbox + input + label,.grey-untickcheckbox  {
    background:url("/Content/images/greycheckbox-untick.png");
    background-repeat:no-repeat;
    background-position:left center;
    height:80px;
    padding-left:90px;    
    display: table-cell;
    vertical-align: middle;
    cursor:pointer;
}
    .grey-checkbox + input + label h1,.grey-checkbox + input + label h3,.grey-untickcheckbox h1 {
        margin: 0px;
    }
.grey-checkbox:checked + input + label,.grey-tickcheckbox{
    background:url("/Content/images/greycheckbox-tick.png");    
    background-repeat:no-repeat;
    background-position:left center;
    height:80px;
    padding-left:90px;    
    display: table-cell;
    vertical-align: middle;
    cursor:pointer;
}
    .grey-checkbox:checked + input + label h1,.grey-checkbox:checked + input + label h3,.grey-tickcheckbox h1 {
        margin: 0px;      
    }

table.listing {
background:#fff;
border:2px solid #1F1F1F;
border-collapse: collapse;
}
    table.listing td {
        padding: 7px 5px;
        color: #000;
    }
    table.listing tr {
        border-top: 2px solid #918585;
    }
        table.listing tr:first-child {
            border-top:0px;
        }
        table.listing tr:last-child {
            border-top:2px solid #000;            
        }
        table.listing tr:first-child th:last-child, table.listing tr:first-child td:last-child {
            border-left:2px solid #918585;
        }
        table.listing tr th:last-child,table.listing tr td:last-child {
            border-left:2px solid #918585;
        }
    table.listing th {
        padding: 10px;
        border-bottom: 1px solid #eee;
        color: #000;
    }
.field-validation-error {
color:red;font-weight:bold;}
.input-field {
    border: 2px solid #000;
    border-radius: 5px 5px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    color: #000;
}

/*Master elements
-----------------------------------------------------------------*/
@media (max-width: 1400px) {
    .salesman-wrap {
        margin-right: 7%;
    }   
}
@media (max-height: 768px) {
    .home-message {
        margin: 0px 0px 10px 0px;    
        }

    .start-btn {
        width: 100%;
    }

    .option-wrap {       
        padding-bottom: 20px !important;
    }  
    
}
@media (max-width: 768px) {
    .dealername, .pagetitle {
        text-align: center !important; 
        font-size: 20px;              
    }
    body {padding: 75px 0 70px 0 ;}

    .container {
        padding-top: 10px !Important;
        padding-bottom: 10px !Important;
        padding-right: 0px;
        padding-left: 0px;
    }
    .home-message {       
        margin-left: 5px;
        margin-right: 5px;
        padding: 10px;
        max-width: 100%;
        font-family: Lato, sans-serif;
        font-size: 40px;
        font-weight: bold;
        z-index: 1;
    }
    .option-wrap {
        margin: 20px auto 0px auto;
        float: none !important;
        padding: 0px 0px 20px 0px;
    }
    .top-black-grad {
        top: 0px;
        padding: 0px 10px 0px 10px;
    }
    .salesman {
        display: none;
    }
	
	.wrapper {padding:0 !important;}

    table {
        width: 100% !important;
    }
    
    h1 {
        font-size: 30px !important;
    }
    h2 {
        font-size: 25px !important;
    }
    h3 {
        font-size: 20px !important;
    }
    .footer {
        bottom: 0px;        
    }
	
	.footer-disclaimer {text-align:left;}
	
	.blue-btn, .green-btn {font-size:24px;line-height:24px;}
	
	#tabs li a h1{font-size:18px !important;}
}


@media (min-width: 768px) {
    .header {
        position: fixed;
        top: 0px;
    }
    .dealername, .pagetitle {
        margin-top: 5px;               
    }
    .main {
        margin-top: 70px;
        margin-bottom: 60px;
    }
	
	body {padding: 75px 0 70px 0 ;}

    .footer {
        bottom: 0px;
        position: fixed;
    }

}



.next-accordian {}
.ui-accordion-content:last-child .next-accordian{display:none;}

.head2 {font-size:20px; font-family:Lato, sans-serif; color:#333; padding:6px 10px; display:table; text-transform:uppercase; text-decoration:underline; font-weight:bold;}

.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.modal .input-icon > i {
  z-index: 10055;
}
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("assets/global/img/remove-icon-small.png") !important;
}
.modal .modal-header .close {
  margin-top: 0px !important;
}

@media all and (min-width:769px) and (max-width:991px){
    .dealername, .pagetitle{text-align:center}
}