﻿body {
}

#bodyright
{
    width:64%;
    padding-right:18%;
    padding-left:18%;
}

#bodydivmaster
{
    width:100%;
}

#bodydivmasterfilter
{
    /*width:96.8%;*/
    width:100%;
    border-top: solid 1px #bcbec0;
    float:left;
    /*padding:1.6%;*/
    
}

#ctl00_ContentPlaceHolder1_bodyheaderdiv
{
 width : 100%;	
 position:relative;
 /*background:pink;*/


 /*margin-left:1.6%;
 margin-right: 1.6%;*/
 margin-top:20px;
}

.divProductFilterName
{
    float:left;
    width:64%;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 35px;
    color:#48494c;
    /*margin-left:1.6%;
    margin-right:1.6%;*/

    color:#fff;
    background-color:#0071cf;
    padding: 15px;
    padding-left:18%;
    padding-right:18%;
}


/************************************************************* PULL DOWNS ***/

.quicklinkmaindiv
{
    width:20%;
    margin-right:1.6%;
    float:left;
}

#producthomelink,
.FilterMenuDiv #lstmodel,
.FilterMenuDiv #lstproduct
{
    float:left;
    border-radius:2px;
    font-family:'Open Sans', helvetica, Arial;
    font-size:12px;
    border:none;
    background-color:#0071cf;
    color:#fff;
    width:58.4%;
    padding:9px;
    margin-bottom:0px;
    margin-right:20px;
    /*margin-top:20px;*/
}
#producthomelink {width: 36px; padding:10px; background-color:#47a951; cursor:pointer;}
.FilterMenuDiv #lstmodel {width:100px;}
.FilterMenuDiv #lstproduct {width:150px;}


/************************************************************* FILTERS ***/


.FilterMenuDiv
{
    float:left;
    /*margin-bottom:20px;*/
    width:100%;
    /*background-color:pink;*/
}

.FilterMenuDiv > .uldiv
{
  /*background-color : Blue;*/
  /*top: 0px;*/
  /*width:120px;*/
  color : #808080;
  font-weight:bold;
  font-family:'Open Sans', helvetica, Arial;
  font-size:12px;
  margin-right : 10px;
  /*margin-bottom:20px;*/
  float:left;
  position:relative;
  /*margin-top:20px;*/
  margin-bottom:10px;
}

.FilterMenuDiv > .uldiv > ul
{
	 margin-top :0px;
	 padding-top :0px;
	 margin-bottom :0px;
	 padding-bottom :0px;
     list-style-type : none;
     display:none ;	
     /*top:100px;*/
     top:38px;
     position:relative;
     width:240px;
     
}

.FilterMenuDiv > .uldiv > ul > .checkinput
{
  display : block ;
  clear :left;
  padding-bottom:7px;
  cursor:pointer;
  
  
}

.checkinput label
{
    font-family:'Open Sans', helvetica, Arial;
    font-size:12px;
    font-weight:normal;
    padding-left:3px; 
}
.checkinput label:hover
{
    color:#0063be;
}

.uldiv li
{
    /*background-color:aquamarine;*/
    float:left;
    border:solid #bcbec0 1px; 
    border-radius:2px;
    padding:10px;
    cursor:pointer;
}

.uldiv li div
{
    float:right;
    margin-left:5px;
}

li 
{
	padding: 0;
    list-style-type :none;	
}

.FilterMenuDiv > .uldiv:hover > ul
{
	float :left;
    display:block;	
    position:absolute;
    z-index:100;
    background-color: #fff;
    border-radius:2px;
    box-shadow: 2px 2px 6px #888888;
    padding:10px;
    padding-right:17px;
    padding-bottom:5px;
    /*top:20px;*/
}

.clearitem
{
	background-color:#424245;
	color:#fff;
	display:inline-block;
	position:relative;
    padding:5px; 
    padding-left: 10px;
    padding-right:5px;
    border-radius:50px;
    float:left;
    margin-right:15px;
    font-family:'Open Sans', helvetica, Arial, sans-serif;
    font-size: 12px; 
    font-weight:bold;
}

.clearitem div
{
    float:right;
    margin-left:7px;
    background-color:#fff;
    border-radius: 15px;
    font-weight:bold;
    padding:2px;
    padding-left:6px;
    padding-right:6px;
    font-family:'Open Sans', helvetica, Arial, sans-serif;
    font-size: 10px; 
    color:#424245;
}

#clearmenumaindiv
{
    position:relative;
    float:left;
    width:100%;
	display:block;
    margin-top:10px;
    /*background-color:orange;*/
}
#clearallitems
{
	display:inline-block;
	background-color:#fff;
    color:#0063be;
    font-family:'Open Sans', helvetica, Arial, sans-serif;
    font-size: 12px; 
    font-weight:bold;
	z-index:110;
    padding:7px; 
}

.clearitem:hover,  #clearallitems:hover
{
    cursor:pointer ;		
}

/************************************************************* RESULTS ***/

#ResultDiv
{
	position:relative;
	display:inline-block;
	width:100%;
	/*top:40px;
	left:10px;*/
    float:left;
    margin-top:20px;
    padding-top:20px;
    border-top:solid 1px #bcbec0;
    float:left;
}

.resultpagetitle
    {
        font-family:Oswald, Arial, helvetica, sans-serif;
        font-size: 35px;
        color:#48494c; 
    }

.ResultProductDiv
{
	display:inline-block;
	position: relative;
	/*width : 100%;*/
	background-color:Gray;
    clear:both;
    width:100%;
}

.ResultProducTitle          /* ******** HIDDEN ******* */
{
   float: left;	
   display:none;
}

.ResultModelsDiv
{
	clear:left ;
	display:inline-block ;
    width:100%;
    margin-bottom:40px;
}

.ResultModelDiv
{
    float:left;
    position:relative;
    display:inline-block;
    /*width:150px;*/	
    /*background-color:green;*/    
    width:11.1%;
    margin-right:1.6%;
    float:left;
    height:240px;
    margin-bottom:20px;  
    
    /*background-color:#e6e7e8; 
    padding:10px;
    box-sizing:border-box;*/
}

.ResultModelDiv:nth-child(8n) { margin-right:0px;}

.ResultModelDiv > span {display : block;}

.ResultModelDiv img 
{
    max-width:186px;
    /*position:relative;
    top:10px;
    left:20px;*/
    /*padding:10px;*/
    /*border-radius: 3px 3px 0px 0px;
    box-shadow: 2px 2px 6px #888888;*/
}

.ResultModelDiv .modelname 
{
    font-family:'Oswald', helvetica, Arial, sans-serif;
    font-size: 15px; 
    font-weight:normal;
    color:#0063be;
    margin-top:0px;
    margin-bottom:5px;
    
}

.ResultModelDiv .modeldesc 
{
    font-family:'Open Sans', helvetica, Arial, sans-serif;
    font-size: 13px; 
    font-weight:normal;
    /*margin-top:10px;*/
    /*margin-bottom:5px;*/
}

/**********************************************************************************/

@media screen and (max-width:1920px) {
    .divProductFilterName, #bodyright  {width: 76%; padding-left:12%; padding-right:12%;}
}

@media screen and (max-width:1500px) {
    .divProductFilterName, #bodyright  {width:96.8%; padding-left:1.6%; padding-right:1.6%;}
}




@media screen and (max-width:1280px) {
    .ResultModelDiv {width: 15.33%;  /*background-color:azure;*/}
    .ResultModelDiv:nth-child(8n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(6n) {margin-right:0px;}
}

@media screen and (max-width:1024px) {
    .ResultModelDiv {width: 18.72%;  /*background-color:pink;*/}
    .ResultModelDiv:nth-child(8n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(6n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(5n) {margin-right:0px;}
}

@media screen and (max-width:980px) {
    .ResultModelDiv {width: 18.72%; /*background-color:purple;*/}
}

@media screen and (max-width:800px) {
    .ResultModelDiv {width: 18.72%;  /*background-color:red;*/}
}

@media screen and (max-width:768px) {
    .ResultModelDiv{width: 23.8%;  /*background-color:yellow;*/}
    .ResultModelDiv:nth-child(8n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(6n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(5n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(4n) {margin-right:0px;}
}

@media screen and (max-width:480px) {
    .ResultModelDiv {width: 32.26%;  /*background-color:orange;*/}
    .ResultModelDiv:nth-child(8n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(6n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(5n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(4n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(3n) {margin-right:0px;}
    #producthomelink, .FilterMenuDiv #lstmodel, .FilterMenuDiv #lstproduct {margin-right:10px; margin-bottom:10px;}
    #ctl00_EcatBody_div_EcatBody{margin-left:0px;}
}

@media screen and (max-width:360px) {
    .ResultModelDiv {width: 49.2%;  /*background-color:lime;*/}
    .ResultModelDiv:nth-child(8n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(6n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(5n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(4n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(3n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(3n) {margin-right:1.6%;}
    .ResultModelDiv:nth-child(2n) {margin-right:0;}
    #producthomelink, .FilterMenuDiv #lstmodel, .FilterMenuDiv #lstproduct {margin-right:2px; margin-bottom:10px;}
}