@charset "utf-8";
/* CSS Document */
/*inventory page	*/
.In_left{ float:left;border-radius:6px;  margin:19px 0 0 0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out; }
.In_right{ float:left;margin: 19px 0 0 1%; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); padding:0;}

 .In_left .cont1{ float:left; width:100%;margin:16px 0 0 0;overflow:hidden;}
 .height1{ max-height:247px !important;}
 .height2{ height:auto;}
 .In_left .cont1 > h3{ font-size:18px; font-weight:400; margin:0; padding:0;}
 .In_left .cont1 > ul{ float:left; width:100%; margin:0; padding:0;}   
 .In_left .cont1 > ul > li{ float:left; width:100%; margin:0 0 0 32px; font-size:14px; line-height:32px; text-align:left;  list-style:none;}

 
 .In_left .cont1 > ul > b{ font-size:12px; width:20%; float:left; margin: 10px 0 0 75%;}
 .In_left .cont1 > ul >  b > a{  color:#FF0000; }
.well-sm h1 {
    float: left;
    width: 100%;
    font-size: 20px !important;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.dwBoxInvList { width:100%; float:left; margin:0; padding:0; }
.caption > ul >li { font-size:14px;}	

.leftmore { float: left; width: 100%;  font-size:14px; padding: 0 0 6px 32px; ;  border:none; border-bottom :1px solid #e9e9e9;}
.leftmorelnk{font-weight:600;}

#divInvHeading .panel-title,.In_left .panel-title{margin-left:14px}


.bdr-btm{ border-bottom:1px solid #e9e9e9;}



.col-item{float:left;width:100%}
.avaliul{border-bottom:1px solid #e9e9e9;}

.col-item-inv{margin-bottom:5px;}
.col-item-inv .photo-inv img{width:100%;}

.csslistinv{margin-right:7px;}
.listitemlink{font-weight:bold;}


.imgInvOverlay{position:absolute;border:0 !important;top:12px;left:11px;}





.container { width:100%}

.glyphicon { margin-right:5px; }



.btn-group-sm > .btn{ border:1px solid #000;}

.dwNormalImgBox{border:5px solid #fff;overflow:hidden;width:100%;float:left;}
.dwStockImgBox{border:5px solid #fff;}
#products {float: left;width: 100%;}

.stock {background: #FFFFFF; float:left; width:100%;}
.stock img{margin:12.6% 0}
.caption { float:left; width:100%;}

.ClBtn{ position:relative; z-index:111; font-size:24px;}
.grid-group-item .ClBtn{font-size:1.5em;}
.grid-group-item .InvSpecialComments,.grid-group-item .FinaceC,.grid-group-item .FinaceLnk1{display:none}
.list-group-item .stock img{margin: 12.5% 0;} 
.list-group-item .InvSpecialComments{white-space: pre-wrap;}
.grid-group-item .FinaceC1 a{font-size:10px;line-height:11px}
.grid-group-item .FinaceC1{float:left;padding-top:5px}
.thumbnailmain{background:#fFF;float:left; width:100%; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; float:left; 
	width:100%; border:none !important;
}
.coverImg { float:left; margin:10px;}
.item.list-group-item
{
    float: none;
    width: 100%;
    margin-bottom: 10px !important;
    white-space: nowrap; border-radius: 5px !important;   
}
.list-group-item{ font-size:14px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
/*{
    background: red;
}*/
/*.item.list-group-item .coverImg{ float:left; width:100%; }*/

.item.list-group-item.coverImg .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
	width:100%;
}













/* changes 22-01-2016 }*/

.item.list-group-item .caption .list-group {margin: 2px 0 ;} 
.caption .list-group .list-group-item { line-height:25px  !important;}
	

.caption .list-group { width:62%; margin:0 0 0 1% !important}
.caption .price-group { width:36%; margin:0 0 0 1%;}

.item.list-group-item .price-group { float:left;border-top-left-radius: 4px;
    border-top-right-radius: 4px;border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: #fff;
    }
 .item.grid-group-item .price-group {padding: 9px 0;}  
	
.pricetag{ float:left; width:100%; text-align:center;}

.FinaceC{ font-size:11px; text-align:justify;white-space:normal;font-weight: normal; line-height:15px !important;float:left;position:absolute;bottom:10px;padding-right:13px;}
.FinaceC1{ font-size:11px; text-align:center;white-space:normal;font-weight: normal; line-height:15px !important;}
.invv-priceStrike{float:left;width:100%;}
.invv-priceStrike div{text-decoration: line-through;}

.list-group-item .FinaceLnk2,.list-group-item .FinaceC1{display:none}



@media only screen and  (max-width: 1510px)  
{
    .list-group-item .FinaceC{display:none !important;}
	.list-group-item .FinaceC1{display:block !important;}
}
@media only screen and  (max-width: 1310px)  
{
    .list-group-item .FinaceLnk1{display:none !important;}
	.list-group-item .FinaceLnk2{display:block !important;margin:0 !important}
}














.viewbtn{padding-left:0 !important}


.monthly-Ins { margin: 0 auto; width:auto; font-size:0.8em;text-align:center;font-weight:600;}
.monthly-Ins span{text-align:center; font-size:14px;font-weight:600;}
 /* changes 22-01-2016 }*/
 .NowOnlyText{font-size:0.8em;}
.dwHrefPaymentPrice{font-size:12px;}
 .callnowprice { margin: 0 auto; width:100%; text-align:center; font-size:17px; line-height:23px; font-weight:700; border-radius:6px; padding:1%; margin:0;}
 .callnowprice a,.callnowprice a:hover{color:#fff;}
 
 .grid-group-item .callnowprice, .grid-group-item .internet-price{font-size:14px;}
 .list-group-item .internet-price{padding:8px 0;}
 .list-group-item .iRprice{padding-top:0 !important}
 .list-group-item .monthly-Ins{padding:0 0 10px 0}
 .grid-group-item .monthly-Ins{line-height:36px}
 
 
 .fa-info3{margin:0 10px 0 10px !important;}
.fa-info-view{margin:3px 10px 0 10px !important;font-size:14px;}
 .dwHrefFinanceDisclosure{    font-size: 11px;    font-weight: 600;}
 .dwHrefPaymentPriceLnk{    font-size: 11px;    font-weight: 600;}
 .btnwrap
{
  display: block;
  padding: 10px 10px 10px 0;
  margin: 0;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff !important;
  text-align:left;
    }
 
 
 
 
/* 
.item.list-group-item .thumbnail .Img1
{
    margin-bottom: 0px; float:left;
	width:56%;
}
.item.list-group-item .caption
{
    padding: 0 1.5% 0px 0%;
	float:right; width:40.5%; overflow:hidden;
}
*/
.item.list-group-item .iconCrl, .iconCrl{
    margin:7px 0 0 0 !mportant; float:left;
	width:96%; display:block;
}

.item.list-group-item .iconCrl span{ float:left;  width:100%;   margin:-80px 0 0 0;}
.iconCrl span{ float:left;  width:100%; height:75px;  margin:-80px 0 0 0;}
.spciIcon{ float:left; width:46%; margin:2% 1.75% 2% 2.25%; border-radius:6px;height:70px; }


.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item img
{
    float: left; wwidth:100%;
}
.item.grid-group-item img
{
    float: left; width:100%;
    
}
.item.list-group-item img
{
    float: left; width:100%;
    
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

a {
				
				outline: none;
				text-decoration: none;
			}

#products .item { mmargin:0 !important; padding:0.5% !important}


.Lst-car .badge {
    align-items: center;
    display: flex;
    height:20px;
    justify-content: center;
}
.badge-wrapper { float:left;
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
}
.well { min-height:50px !important;
    min-height: 90px;
    padding: 19px 13px;
    margin-bottom: 20px;
    background-color:none !important;
    border: none !important;
    border-radius:none !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(214, 214, 214, 0.24);
  transition: all 0.2s ease-in-out;
        }
.well h1{ float:left; width:100%; font-size:20px !important; font-weight:400; margin:0; padding:0;}
.col-lg-6 .thumbnail > h3{ font-size:14px;margin:5px 10px 5px 10px; padding:0;  font-weight:700;color:#FF0000}
.item .list-group-item .thumbnail h2{ font-size:100px !important; background:red;}
 
 

.ImgCover {
    width: 100%;
    height: 100%;
}

.stockIm{ margin:3% 0 3% 0;}
.VH_name{ float:left; width:100%; text-align:center;font-family: 'Open Sans', sans-serif;font-size:14px;  line-height:20px; text-transform:uppercase; font-weight:bold;}
.VH_name span{ font-weight:600;text-transform: capitalize;}
.VH_more{ float:left; width:100%; height:auto;}

.VH_dl{ float:left; width:100%; height:30px; border-top:1px solid #e9e9e9; margin:5px 0 0 0; font-size:12px; }
.VH_dl span{float:left; border-right:1px solid #e9e9e9; text-align:center; color:#666666; line-height:30px;}
.VH_dlVal{border-right-width:0px !important;margin-left:5px;}
.VH_dlHead{border-right-width:0px !important;margin-right:5px;float:right;}
.VH_dl span i{ margin:0 3px 0 0}
.brN{ border:none !important;}
.fTitle{ float:left; width:100%; margin: 0 0 1% 0; padding:5px 0%; font-size:16px; font-weight:700; line-height:30px;}

/*inventorypage Sp*/
.dwBoxInvPriceTopText    
{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    position:absolute;
    height: 30px;
    width:100%;
    }
.dwInvSoldimgMedium
{
    text-align: center;
    font-weight: bold;
    position:absolute;
    color: #FF0000;
    font-size: 6.5em;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    margin: 20% 0 0px 25%;
    }


.dwInvSoldimgMedium,.dwBoxInvPriceTopText{display:none}


.inC{ margin: 0 auto; width:100%; max-width:1200px;}
.inC_in{ float:left; width:100%; height:auto; border: 1px solid #ccc; font-family: 'Open Sans', sans-serif;}

.dwBoxInvItemDiv{ float: left; height:100%;width:100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border:1px solid 

#e9e9e9;position:relative;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
.dwBoxInvItemDiv:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

.dwBoxInvItemDivL{ float: left; height:100%;  border:1px solid #e9e9e9}




.ImgCover{ width:100%;height:100%;}
.stockIm{ margin:3% 0 3% 0;}
.VH_name{ float:left; width:100%; text-align:center;font-size:14px;  line-height:20px; text-transform:uppercase; font-weight:bold;}
.VH_name span{  font-weight:600;text-transform: capitalize;}
.VH_more{ float:left; width:100%; height:auto;}
.VH_more1{ width:100%; margin:0 auto;  height:30px; line-height:30px; font-size:15px;text-align:center; font-weight:600;text-decoration:none}
.VH_more1 a{ background:#FF0000; color:#fff; }
.VH_more1:hover{ background:#000; color:#fff; cursor: pointer;}
.VH_dl{ float:left; width:100%; height:30px; border-top:1px solid #e9e9e9; margin:5px 0 0 0; font-size:12px; }
/*.VH_dl span{ float:left; width:24.5%; border-right:1px solid #e9e9e9; text-align:center; color:#666666; line-height:30px; }*/
.VH_dl span i{ margin:0 3px 0 0}
.brN{ border:none !important;}
.inv_priceStrikeSea{text-decoration: line-through}
 /*Color and fills*/





.dwBoxInvCarDetails{ float:left; width:100%;  margin:.5% 0; font-family:"trebuchet ms", verdana; font-size:13px;  text-align:center; font-weight:bold; line-height:20px; 

height:42px; background: #9933CC;}
    .dwBoxInvCarDetails a{ text-decoration:none; }
    .dwBoxInvCarDetails a:hover{ text-decoration:underline; }
	

/* Forms
---------------------------------- */
.form-control {
	height: 45px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
	top: 15px;
}


.Bsh{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); float:left; width:90%; padding:5% !important; }

/*Contacts page	*/

/*Inventory page changes
.panel-primary >.panel-heading, .invpaging{ background:#FF5252; border:1px solid #FF8A80; } */
.panel-primary { border:none; margin-left:0 !important; padding-left:0 !important;}
.panel-heading { padding:0 !important; margin:0 !important}
.cover001 >.panel { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;} 
.Lst-car{ float:left; width:16%; margin-left:.6%; font-size:14px;  text-align:left; padding:4px 0; }
.Lst-car > span  { float: left; width:auto; width:auto; height:20px; margin: 0 10px 0 0}
.panelbottom{    border-bottom: 1px solid #e9e9e9;    float: left; width: 100%;}
/*read more css*/

/*read more css End*/
.divMobileViewOnDesk{float:left;width:100%;}
.divMobileViewOnDesk .photo-inv img{float:left;}

.DeatilsPageContiner{ width:100%; max-width:1200px;  margin:0 auto;}
@media only screen and  (max-width: 1050px)  {
	/*.dwBoxInvItemDiv{ height:100%; max-height:370px;}*/
	
	.stockIm{  margin:7% 0 6% 0; height:170px;}
	.dwBoxInvPriceTop{top:-210px;}
	
	}
	@media only screen and (min-width:1051px)   {
		
			.stockIm{ margin:35px 0 19px 0; height:200px; }
	}
	@media only screen and (max-width:767px)   	
	{
	    .row{ margin:none !important; padding:none !important;}
	    .dwBoxInvItemDiv {
        height: 100%;
        max-height:100%; margin:0 0 30px 0; 
        }
        /*#divInvMakeContainer,#divDwInvView,{display:none;}*/
        /*#divInvMakeContainer.ClsMobile_False,#divDwInvSort.ClsMobile_False,.invpaging.ClsMobile_False #divDwInvSort,.invpaging.ClsMobile_False #divDwInvView{display:none;}*/
        
        #divInvMakeContainer,#divDwInvSort,.invpaging #divDwInvSort,.invpaging #divDwInvView{display:none;}
        
        #DWRecentViewRight.contentbgD_Left{display:none !important;}
        /*#products.list-group{display:none;}*/
        #products .invItems{display:none;}
        .well{padding:2px;}
        #divFilterButton{padding:7px 10px;color:#fff;cursor:pointer;z-index:1001;display:block;margin-bottom:10px;}
        .In_left{display:block !important;left:-100%;position: absolute;width:75%;z-index:1002;background:#fff;overflow-y:scroll;overflow-x:hidden;top:34px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px; 
                 }
       .cont1{height:auto !important;}
       .cssoverlay{width:100%}
       .In_right {margin:0 1% 0 1% !important;width:98% !important;}
        .DWAdvSearch{display:none !important;}
        .dwUrlImage360 {
            cursor: pointer;
            max-width: 200px;
            width: 50% !important;
            margin: 0 auto !important;
            float: none !important;
        }
	}
	@media only screen and (min-width:768px)   	
	{
	    .divMobileViewOnDesk{display:none;}
	    #divFilterButton{display:none;}
	}
	
     @media only screen and (min-width : 1000px) and (max-width : 1117px) {
        .Lst-car{width:19%}
    }
    
    @media screen and (min-width:768px) and (max-width:999px)
	{
	    
	    .Lst-car{width:24%}
	    .In_right{margin:0;width:100%}
	
	}
	/*hint*/
	
	.hint--bottom:after,.hint--top:after{margin-left:-18px}.hint,[data-hint]{position:relative;display:inline-block}
	.hint:after,.hint:before,[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;
	-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}
	.hint--always:after,.hint--always:before,.hint:focus:after,.hint:focus:before,.hint:hover:after,.hint:hover:before,[data-hint]:focus:after,
	[data-hint]:focus:before,[data-hint]:hover:after,[data-hint]:hover:before{opacity:1;visibility:visible}.hint:hover:after,.hint:hover:before,
	[data-hint]:hover:after,[data-hint]:hover:before{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
	.hint:before,[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}
	.hint:after,[data-hint]:after{content:attr(data-hint);padding:8px 10px;font-size:12px;line-height:17px;wwhite-space:nowrap; text-align: left;font-weight: normal;}
	.hint--top:before{margin-bottom:-12px}.hint--bottom:before{margin-top:-12px}
	.hint--top:after,.hint--top:before{bottom:100%;left:50%;}
    .hint--top-left:after, .hint--top-left:before{bottom:100%;right:0%;width: 320px;}
	.hint--top:focus:after,.hint--top:focus:before,.hint--top:hover:after,
	.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
	.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}
	.hint--bottom:focus:after,.hint--bottom:focus:before,.hint--bottom:hover:after,
	.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
	.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}
	.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,
	.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}
	.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,
	.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before
	{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--top:after,.hint--always.hint--top:before
	{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before
	{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before
	{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before
	{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}
	
	/*hint end*/
.MFinanceDisclosure{width:100%;text-align:center;cursor:pointer}
	#PopupDisclosure{padding-right:26px !important}
        .jssort01-99-66 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 99px;
            height: 66px;
            cursor:move !important;
        }
        
        .jssort01-99-66 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01-99-66 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01-99-66 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
            box-sizing: content-box;
            /*background: url('../images/inv/t01.png') -800px -800px no-repeat;*/
        }
        
        .jssort01-99-66 .pav .c {
            top: 0px;
            left: 0px;
            width: 95px;
            height: 62px;
            border: #fff 2px solid;
            background-position: 50% 50%;
            
        }
        
        .jssort01-99-66 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 97px;
            height: 62px;
            border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p.pdn .c {
            background-position: 50% 50%;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
        }
.btn-grid#grid,.btn-list#list{ border-color: transparent;}
#divSpciIcon1,#divSpciIcon2{display:none}
.invpaging{float:left;width:100%; padding: 0.5% .70% 0.45% .70%;  font-size:14px; border-radius:6px;
    
           }
           
      .invpaging .divDwInvSort select{ float:left; width:150px; background:red;}
.invpaging select
{
    display: block;height:33px; line-height:24px;
padding: 2px 10px; 
-webkit-writing-mode: horizontal-tb;  text-align: start;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
    -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
    -webkit-appearance: textfield; box-shadow:none; border:1px solid #fff;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666666; font-size:14px;
    
    }

   
   
    #divDwInvSort{float:right}
	#ipages{padding: 5px 0;
    float: left;}
#ipagesBot{font-size: 14px; margin: 8px 3px 0 0; float: right;}
.list-group-item .DWDetailsPriceFinLink{float:left;text-align:center;margin-bottom:5px;width:100%}
.grid-group-item .DWDetailsPriceFinLink{float:left;text-align:center;margin-bottom:0;width:100%;line-height: 15px;}

.DWAdvSearch{float: right;border-radius: 4px;}
    
    
    
 /*mobile inv listing   */
.InvMakeModel{float:left; width:102%;height:auto;margin:0;font-family:Arial, Helvetica, sans-serif;}

.InvMakeModel ul{width:100%;height:auto; float:left;padding:0;margin:0}
.InvMakeModel ul li{font-size:1.1em;color:#fff;list-style:none;cursor:pointer;display:block; vertical-align:middle;background:#FFF;
                    margin:15px 15px 0 15px;    border: 1px solid #D8D8D8;padding:5px
                    }
.InvMakeModel ul li:last-child{margin:15px}
.InvMakeModel ul li a,.InvMakeModel span{text-decoration:none;font-size:16px;text-transform:uppercase}
.InvMakeModel ul li a:hover{text-decoration:none;}
    .InvMakeModel h2, .InvMakeModel span {
        margin: 0;
        padding: 0;
        float: left;
        font-weight: normal;
        margin: 0;
        font-size: 16px;
        text-transform: uppercase;
    }
.InvMakeModel ul li div{ display:table-cell; vertical-align:middle;line-height: 62px;}
.InvMakeModel ul li div center{height:45px;}
.InvMakeModelLogo{ height:55px; width:55px; margin:0 10px 0 0; }
.InvMakeModelLogo img{height:50px; width:50px; }
.InvMakeModel ul li a{float:left}
#divStock,.divStock{font-size:14px;text-align:center;}
.InvMakeModelcnt{padding-left:20px}
.C-F-List{margin: 0 -1%;width:102%; float: left;}




.DWMobileContentInventory{margin:10px 10px 0 10px !important;border: 1px solid #D8D8D8;padding:7px;}
.divMobileViewOnDesk .DwLastRow {margin-bottom: 10px !important;}

/*new*/

.tblInvList {
	width:100%;
	padding: 0;margin:3px;
}
.tblInvList td.invHeadTD{ max-width: 1px;}
.tblInvList td{vertical-align:top;}
/*.tblInvList *{color:#000;}*/
.tblInvList h2{font-size:15px;font-weight:bold;    margin-top: -7px;}
.tblInvList .tdimg{width:140px}
.tblInvList .tddesc{font-size:13px;line-height:17px;}
.tblInvList .tddesc .DWBasicInfo{float:left;width:100%;}
.tblInvList .tddesc .spanBasicInfo{float:left;}
.tblInvList .tddesc .pipe{margin:0 !important;}



.tblPriceM *{font-weight:bold}
/*new*/





.DWMobileContentInventoryCol2 a{  text-decoration:none;font-size:13px }
.DWMobileContentInventoryCol2 a:hover{ text-decoration:underline; }
.DWMobInvH2{ margin:0; padding:0; font-size:1em; font-weight:normal; overflow:hidden;white-space:nowrap;
        text-overflow:ellipsis; /* do NOT remove this */
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -moz-binding:url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis);     }
.DWMobileContentInventoryMiles{ float:right; margin-left:10px; line-height:25px;  font-size:1em; text-align:right; font-weight:normal; width:30%; }
.CallNow{ clear:both; position:absolute; margin-left:140px; margin-top:83px; line-height:17px; font-size:1.3em; float:left; border:1px solid #777; border-top:1px solid 

#f5f7f0; padding:5px;  }
.CallNow a{ text-decoration:none; }
.CallNow a:hover{  text-decoration:underline; }

.CallNowa2{cursor:pointer;float:left;height:25px;text-align:center;border:1px solid #B8AF97;border-top:1px solid #F5F4F0;margin:2px 0 0 

10px;padding:2px;width:135px;color:#000}

.DWMobileContentInventoryMakeModel{ float:left; width:65%; line-height:25px; font-size:1em; text-align:left; font-weight:normal; }
.DWMobileContentInventoryListHead{ float:left; width:100%; height:25px; margin-bottom:1px; }
.DWMobileContentInventoryImage{ float:left; width:116px; height:86px; padding:2px; border: #999 solid 1px; margin-bottom:1px; }
.DwMobileContentInventoryComments{ color:red; font-size:14px; font-weight:bold; padding-left:10px; width:90%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis); }
.DWMobileContentInventoryCol2{ float:left; width:70%; ppadding:1px; height:auto; text-align:left; lline-height:14px; margin-left:auto; margin-right:auto; }
.DWMobileContentInventoryFacebook{ ffloat:left; width:46px; margin:3px; height:auto; }

@media screen and (max-width:430px)
{

    .DWMobileContentInventoryImage{ float:left; padding:1%; border: #999 solid 1px; margin-bottom:1px; }
    .DwMobileContentInventoryComments{ color:red; font-size:14px; font-weight:bold; padding-left:10px; width:90%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis); }
    .DWMobileContentInventoryCol2{ float:left; width:61%;height:auto; font-size:11px;  text-align:left;
        overflow:hidden;white-space:nowrap;
        text-overflow:ellipsis; /* do NOT remove this */
        -o-text-overflow:ellipsis;
        -ms-text-overflow:ellipsis;
        -moz-binding:url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis);
        margin-left:auto; margin-right:auto;
    }        
    
    .DWMobileContentInventoryFacebook{ float:left; width:25%; margin:2%; height:auto;}
    .DWMobileContentInventoryPrice{float:left; width:24%; padding:1%; height:auto; font-size:11px;  font-style:normal; text-align:right; line-height:20px;}
}

.dwInvSoldimgNone {position: absolute;background-color: rgba(0, 0, 0, 0);width: 135px;height: 100px;background: url(../images/sold_tumb.png) no-repeat;display: none;}
.dwInvSoldimgBlock {position: absolute;background-color: rgba(0, 0, 0, 0);width: 135px;height: 100px;background: url(../images/sold_tumb.png) no-repeat;display: block;background-position: center;}
.dwInvPendingimg{position: absolute;background-color: rgba(0, 0, 0, 0);width: 135px;height: 100px;background: url(../images/pending_thumb.png) no-repeat;display: block;background-position: center;}
.dwInvComingimg{position: absolute;background-color: rgba(0, 0, 0, 0);width: 135px;height: 100px;background: url(https://www.occarsandcredit.us/1/images/coming_thumb.png) no-repeat;display: block;background-position: center;}

.dwInvStockOverlay{position: relative;background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;display: block;
                     background: url(../images/stock_big.png) repeat; 
                      -webkit-background-size: cover;
                      -moz-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;background-size: 100%;
                     }
                     
.dwInvStockOverlayHide{display:none;}


.CssClassCustomOverlay{position: relative;background-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;display: none;
                     /*background: url(../images/stock_big.png) repeat; */
                      -webkit-background-size: cover;
                      -moz-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;background-size: 100%;
                     }
.CssClassCustomOverlay img{position:absolute;left:0;top:0;width: 100%;}


.dwInvSoldimgNone_L {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: none;
    background: url(../images/sold_big.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
}
.dwInvSoldimgBlock_L {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/sold_big.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
}
.dwInvPendingimg_L {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/pending_big.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
}

.dwInvComingimg_L {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/coming_big.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
}


.inv_imgg{border:0;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;margin-left:1px;}
.inv_details{width:110px;height:80px;vertical-align:middle;text-align:center;display:table-cell}

#DivMobileListingContainer{padding:0}
	
.DWInvPrice{ float:left; text-align:center; }
.DWInvPriceTxt{float:left; width:auto; height:auto; margin:0px; text-align:center; position:relative; vertical-align:middle; top:0px;  font-weight:normal;  }
.DWMobileContentInventoryPrice{ float:right; width:20%; padding:1%; height:auto; font-size:14px; font-style:normal;text-align: right; line-height:23px;}
.DwInvPriceReducedNowOnly{ padding:0px; margin:0px; font-style:normal;display:none}
.DwPaymentFreq{ padding:0;margin:0px; font-style:normal;  color:red; text-align:center;display:inline-block;margin:0 2px} 
.DwInvPriceLineThrough{ text-align:left;padding:0px; margin:0px; font-style:normal; font-size:1em; text-decoration:line-through; display:inline-block;float:left}
.DwInvPriceReducedPrice{ float:left; padding:0 0 0 5px; margin:0px;  text-align:left;display:inline-block;float:left}
.inv_col1{margin:0 auto;width:200px;}
.inv_pay{padding:0;margin:0;color:red;text-align:center;font-size:0.9em;line-height:20px;float:left}
 /*mobile inv listing   */

.col-sm-4margin30{margin-bottom:30px}


.dwBoxInvImgStock {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background: #fff url(../images/stock_big.png) repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100%;
}



.dwInvStockOverlay {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/stock_big.png) repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100%;
}

.dwBoxInvImgStock img{
    margin: 12.6% 0 !important;
    float: left;
    width: 100%;
}
.dwBoxInvImgTag,.dwBoxInvImgStock {
   
}


/*latest*/
#divDwInvView{float:right; margin: 0 12px}



/*-17 Mar 2016*/
.tblListInv{padding:0;margin:0;width:100%;height:100%}
.item.list-group-item .tblListInv td{padding:6px}

.item.grid-group-item .tblListInv td{
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(https://www.occarsandcredit.us/ellipsis-xbl.xml#ellipsis);
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    padding:0 4px 4px 4px;
}
.item.grid-group-item .tblListInv .tdPriceInfo{padding-left:0}

.item.grid-group-item .tblListInv .tdImg{width:100%;position:relative;}
.item.list-group-item .tblListInv .tdImg{width:30%;position:relative;}

.item.grid-group-item .tblListInv .tdBasicInfo{width:60%}
.item.list-group-item .tblListInv .tdBasicInfo{width:45%}
	
.item.grid-group-item .tblListInv .tdPriceInfo{width:40%}
.item.list-group-item .tblListInv .tdPriceInfo{width:25%}



.tblListInv .divBox
{
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    float:left;

}
.tblListInv .divBox .divBoxIn{padding:6px;float:left;width:100%;height:100%;font-size:17px;position:relative;}
.tblListInv .divBox .divBoxIn .price-group{width:100%;}
 .list-group-item .tblListInv .tdPriceInfo .divBox .divBoxIn{padding:13px;}
	
	



.photoIconM img{ background: #fff;}
.photoIcon{ float:left; width:auto;padding:5px;}
.photoIcon i { margin:4px 4px 0 4px ; padding:0; float:left;}
.photoIcon span { margin:0 0 0 10%; padding:0; font-size:14px;   text-align:left; float:left; }
.photoIconM{  padding:2px 5px 2px 11px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.item.grid-group-item .photoIconM{width:33%; margin:2% 1%;float: right;}
.item.list-group-item .photoIconM{float:left}
	
.item.grid-group-item .photoIcon{margin:2% 0;padding:5px 1px;}
.item.list-group-item .photoIcon{margin:3px 0 0 0;}
.item.list-group-item .tdicons{padding-bottom:0px !important}


.photoIconM a,.photoIconM1 a { margin:0; padding:0;}
.photoIconM img, .photoIconM1 img{ width:100%; height:100%; }
.item.list-group-item .list-group{height:100%;margin:0;float:left;width:100%}
.item.list-group-item .list-group li.list-group-item {
    vertical-align: middle;
    padding:0 10px;
    /*height:16.66%;
    position: relative;height:50px;*/
    
    display:table-cell;
}
.item.grid-group-item .list-group li.list-group-item 
{
    padding:10px 0;
}
.item.list-group-item .list-group li.list-group-item span{ /* new */
  /*position: absolute;*/
  width: 100%;
  /*left: 0;
  top: 50%;*/
  -webkit-transform: translateY(-50%);
  padding: 0 10px;
}

.clrall{    float: left;
    /*display: none;*/
    height: 0;
    max-height: 0;}

/*-17 Mar 2016*/
.dwBoxInvItemDivOut{max-width:317px;}


  /*.contentbgDP{float:left;}*/
  .contentbgD_Left{
    float: left;
    margin: 12px 0 0 0;
    padding-left: 1%;
    }
  .recently_Viewed { float:left; width:100%; margin:2%  0 2%  0; padding:2% 2% 0 2%; border:1px solid ; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 

5px;}
  .recently_Viewed > h2{ font-size:16px; font-weight:600; text-align: center; line-height:25px;}
  .RV_con{ float:left; width:100%; margin:2% 0;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background:#fff;}
  .RV_con  img { width:100%; border:0;}
  .RV_con >i{ float:left; width:auto; padding:5px;font-weight:bold; font-size:15px; width:100%;text-align:center}
  .RV_con .pricetag,.RV_con .pricetag .inv-price{font-size:16px !important;line-height:20px !important;}
  .RV_con > span{ float:left; width:100%; font-size:14px;  text-align:left; line-height:30px; line-height:20px; margin:10px 0; padding:0 10px} 
  .RV_con > b{ font-size:14px; padding:5px 10px; float:right;} 
  #DWRecentlyViewed .pricetag{width:100%}
  #DwInvPriceReducedNowOnly{font-weight:normal;margin-top:10px;}


.inv-price { margin: 0 auto; width:100%; font-size:0.8em;font-weight:700; padding:5px 0;font-style:normal;}

#DWRecentlyViewed .inv-price{padding:0 0 10px 0 !important;}
/*.inv-price { margin: 0 auto; width:100%;  font-size:20px !important; text-align: center; font-weight:700; padding:10px 0 !important;  line-height: 15px !important;}*/

.internet-price { margin: 0 auto; width:100%; text-align:center; font-size:1em;  font-weight:700; border-radius:6px; padding:0;}
.internet-price p { float:left; width:100%; text-align:center; font-size:14px; line-height:10px; font-weight:400;  margin:0 !important}
.monthly-Ins P { float:left; width:100%; text-align:center; font-size:14px; line-height:10px; font-weight:400; margin:0 !important}
.priceDt{ float:left; width:100%; text-align: justify; font-size:11px; line-height:13px; font-weight:400; margin:0}
#DWInvPriceSpan{line-height:55px;}




@media screen and  (max-width:1300px) 
{
 .contentbgD_Left{padding:0;margin:0;}
 .contentbgDP{width:100%; float:left;padding:0 !important; }
 .contentbgD_Left{width:100%; float:left; display: block;margin:0;padding:0 !important;}
 .RV_con{ float:left; width:93.5%;border:1px solid #fff; padding:0%;background:#fff;    margin: 0 0 2% 3% !important;}
 .recently_Viewed{padding: 0 1% 1% 1% !important;width: 100% !important;margin: 0%;}
  #owl-demo-similar .owl-item .RV_con_o{padding-right:0;padding-left:0;}
  .recently_Viewed{margin-top:18px}
  .recently_Viewed > h2{margin:10px 0;}
 
}
@media screen and (min-width: 1751px) 
{  
   .In_left{width:17%;}
   .In_right,.contentbgDP{width:62%;}
   .contentbgDP1{width:82%}
   .contentbgD_Left{width:20%}
}

@media screen and (min-width:1300px)  and (max-width: 1750px) 
{
   .In_left{width:21%;}
   .In_right,.contentbgDP{width:58%;}
   .contentbgDP1{width:78%}
   .contentbgD_Left{width:20%;}

}
 
    
@media screen and (min-width:1000px) and (max-width:1299px) 
{

    .In_left{width:24%}
    .In_right{width:75%}

}
@media screen and (max-width:999px){
    .In_left{display:none}
}



/*featured cars*/
.dwBoxInvList .item{float:left;padding:0 1%;}
.margbot10{margin-bottom:15px;float:left;width:100%;padding:0}
.dwBoxInvNoImgTag{margin:0 !important;}
.col-featured-topbar{font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    width: 100%;
 
    }
/*featured cars*/

/* stock search*/

.searchBox
{
    display: block;
    height:35px; 
    line-height:24px;
     color: #000; 
 font-size:14px;
background-color:#eeeeee;
width:87%;
padding: 2px 10px; 
margin-left:15px;
margin-bottom: 16px;
-webkit-writing-mode: horizontal-tb;  
text-align: start;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
    -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
    -webkit-appearance: textfield; 
    box-shadow:none;
     border:1px solid #eeeeee;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

    
    }
    
     .searchIcon
    {
        line-height: 45px;
        text-align: center;
        padding: 2px 10px; 
        height:35px;
       cursor:pointer;
       margin-bottom: 16px; 
       margin-right:15px;
       background-color: #eeeeee;
       -webkit-appearance: textfield; 
        box-shadow:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
       width:78%;
       text-align:center;
       float:right;
        }

/* stock search*/
.list-group-item .DWCertified{float:left;padding:0 4px 0 4px;margin-top:-2px;}
.list-group-item .DWCertified img{border-width:0px !important;max-width:60px;}
.grid-group-item .DWCertified{float:left;padding:2px 4px 0 4px;}
.grid-group-item .DWCertified img{border-width:0px !important;max-width:50px;}


@media screen and (min-width: 1751px) 
{  
#DWContentDP .griditem{max-width:33.33% !important;}

}

@media screen and (min-width: 1200px) and (max-width: 1750px) 
{  
#DWContentDP .griditem{max-width:50% !important;}

}

.divFilterButtonFloat{top:51px;border-top:1px solid #fff;left:0px;width:100%;}
.overFH{overflow-y:hidden;}
.DW_ShowAllList {width: 100%;margin-bottom: 12px;}
.DW_ShowAll {
    margin: 0 15px;
    float: none;
}

.dwUrlImage360{cursor:pointer;}
#div_myPopup_AFDWUrlImage360Cnt .ricoh-theta-spherical-image{width:960px !important;height:540px !important}
.ricoh-theta-iframe{width:960px !important;height:540px !important}