body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	color: #000000;
}

#testimg, 
#trailerpic{
max-width:320px;
max-height:240px;}
.mfgpic{margin-right:8px;}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 10px;
	line-height: normal;
}
h1 {
	font-size: 18px;
	color:#573e22;
border-bottom:solid 2px #EAB14F;
	
}



.even {background-color:#fff;}
.col1 {width:90px;}
.smalltable{border:1px solid #e2b98b;
    background-color:#eee8aa;
    width:190px;
    margin:4px auto;
    }

.largetablestyle{padding:0px;margin:0px;border:1px solid #e2b98b;background-color:#fafad2; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#1c4113}
#map{width:397px; height:300px}
#photobox{border:1px solid #e2b98b;
    background-color:#fafad2;
    padding-bottom:12px;
    margin-bottom:24px;}


#payments, #payments p
    {font: 10px verdana; text-align:left; 
        }
#payments input, #payments textarea 
    {font: 10px verdana;
        }
 #payments ol {margin-top:4px;margin-bottom:4px;padding:0px;padding-left:16px}
 

    td{font: 12px Verdana;
        }
table.onegrid {border:solid 1px #D2B48c; background-color:#D2B48c;}

table.onegrid tr.pager td{background-color: #AF8D62; }

table.onegrid tr th{ border-top:solid 1px #eee8aa; font: 14px Verdana; }
table.onegrid tr th a{ text-decoration:none; padding:0px 4px; text-align:center;}
table.onegrid tr th a:hover{  background-color:#fafad2;}

 
 tr.lro, tr.dro, tr.tro {background-color:#fafad2;}
 tr.lre, tr.dre, tr.tre {background-color:#eee8aa;}
 
 
 

table.onegrid tr td{padding:0px 8px; text-align:center; vertical-align:top;}
table.onegrid tr.lro td, table.onegrid tr.lre td{text-align:left; vertical-align:middle;padding:2px 2px;}
table.onegrid tr.dro td, table.onegrid tr.dre td {text-align:left;padding:2px 4px 8px 4px;border-top:solid 2px #fff;}
table.onegrid tr.tro td, table.onegrid tr.tre td{ padding:4px 4px 4px 4px;}
 
 
table.onegrid table tr td{padding:0px 2px; text-align:center;}

table.viewoptions {margin:0px; padding:0px; float:right; margin-right:8px }
table.viewoptions td{width:122px; height:20px; vertical-align:top;margin:0px; padding:0px; }
table.viewoptions td label{margin:0px; padding:0px;}
table.viewoptions td label img{margin:0px; padding:0px; margin-top:0px; margin-bottom:-2px}

table.filter{margin:0px auto; padding:0px;background: #fff url(/images/filter.gif) no-repeat; width:635px; height:75px;}
table.filter td.tdfilter{margin:0px; padding:0px;text-align:right;vertical-align:bottom;height:40px;}
table.filter td.tdfilter div{margin-right:8px;vertical-align:top;margin-bottom:2px;}
table.filter td.tdview{margin:0px; padding:0px;text-align:right;height:35px;vertical-align:top;}
.httdealerinventory{text-align:center ; display:table-cell;width:700px; overflow:visible;}

.listing{}
.newlisting{background: url(/images/newlisting.gif) no-repeat right top;}

/* Mobile view */
/* Extra small devices / Phones */
@media screen and (max-width: 767px) {

    
    table.filter {
        width: 96%;
        background: #fff496;
        border: solid 2px #a1784a;
        margin-top: 28px
    }

        table.filter > tbody > tr > td {
            display: block;
        }

            table.filter > tbody > tr > td.tdfilter {
                padding-top: 8px;
                display: block;
                text-align: left;
                height: auto
            }

        table.filter td.tdfilter div {
            margin: auto;
            display: block
        }

        table.filter > tbody > tr > td.tdfilter select {
            height: 42px;
            margin: 2px
        }

        table.filter > tbody > tr > td.tdfilter input {
            height: 42px;
            margin: 2px
        }

        table.filter td.tdview {
            height: auto;
            display: block;
            background: #fafad2;
            text-align: left;
            padding: 2px 8px;
            border: solid 1px #ffe577
        }


    table.onegrid {
        display: block;
        width: 100% !important
    }
    
        table.onegrid > tbody {
            display: block;
            width: 100% !important
        }
        
            table.onegrid > tbody > tr > th {
                display: inline;
                float: left;
                padding: 8px
            }
            
            table.onegrid > tbody > tr.lre,
            table.onegrid > tbody > tr.lro {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                text-align: left !important
            }
            
                table.onegrid > tbody > tr.lre > td,
                table.onegrid > tbody > tr.lro > td {
                    display: inline;
                    width: 100% !important;
                    padding: 0 4px
                }
                
                    table.onegrid > tbody > tr.lre > td a,
                    table.onegrid > tbody > tr.lro > td a {
                        display: block;
                        padding: 0 4px
                    }
                    
            table.onegrid > tbody > tr.dre,
            table.onegrid > tbody > tr.dro {
                display: block;
                padding-top: 12px
            }
            
                table.onegrid > tbody > tr.dre > td,
                table.onegrid > tbody > tr.dro > td {
                    display: inline;
                    width: 100% !important;
                    padding: 0 4px;
                    border: none
                }
                
                    table.onegrid > tbody > tr.dre > td > span,
                    table.onegrid > tbody > tr.dro > td > span {
                        margin-bottom: 2px;
                        display: block;
                        padding: 8px;
                        font-size: 14px !important;
                        line-height: 140% !important;
                        font-family: verdana !important
                    }
                    
            table.onegrid > tbody > tr.tre,
            table.onegrid > tbody > tr.tro {
                display: block;
                padding-top: 12px;
                width: 100% !important
            }

                table.onegrid > tbody > tr.tre > td,
                table.onegrid > tbody > tr.tro > td {
                    display: inline-block;
                    border: none;
                    width: 47%;
                } 
                
    table.viewoptions {
        float: none
    }

        table.viewoptions > tbody > tr > td {
            width: auto;
            text-align: left;
            display: block;
            vertical-align: middle !important;
            padding: 4px 8px;
            font-size: 16px
        }

    .viewbutton {
        float: left
    }

    .imagecolumn,
    .largetablestyle {
        display: block;
        width: 100% !important
    }

    .smalltable {
        width: 96% !important
    }

    .detailrow {
        display: block;
        width: 100%
    }

    .col1 {
        width: 40%
    }

    #payments {
        display: none
    }

    .detailrow #map {
        display: none
    }

    .imgLogoImg {
        width: 90%
    }

    #dng_photo1,
    #dng_photo2,
    .GalleryLayout,
    .GalleryPhotoContainer,
    .GalleryPhotoImage,
    .dotnetgalleryslideshow {
        width: 100% !important;
        margin: 0 !important;
        padding: 0
    }

    .similartrailers {
        display: none
    }
}