/*.container-12{padding:0 10px}*/
#top-container{margin-bottom:13px}
/*containers*/
.container-left{width:205px;float:left}
.container-right h2{margin-top:0}
.right-bar{width:180px;float:right}
.container {max-width:1200px !important;width:auto}
.center{margin:0 auto}
/*typeahead*/
.tt-suggestion{line-height:20px;font-size:13px}
.tt-dropdown-menu{width:100%}
.tt-cursor{background-color:#f0f0f0}
/*facetmenu*/
#search-container a{color:#333;font-size:13px;margin-bottom:0}
#search-container a:label{color:#333}
#search-container a label{font-weight:400;margin:0}
#search-container .firstRow h3{margin-top:0}
input, select {vertical-align:middle}


/*vehicle listing list*/
.grid-container{background:#eee;padding:0 10px 10px;border-radius:4px}
.listing{clear:both;background-color:#fff;padding:10px;margin-top:10px;border-radius:4px;cursor:pointer}
.listing-640x800{max-width:665px}
.listing .image-container{float:left;width:225px;min-height:1px}
.listing .image-container > div{max-width:225px;position:relative}
.listing .image-container div img{display:block;height:auto;margin:auto;max-height:225px;max-width:100%;text-align:center;width:auto;border-radius:3px;border: 1px solid #e4e4e4}
.listing .image-container div div{width:65px;height:20px;position:absolute;bottom:1px;left:1px;background-color: rgba(0, 0, 0, 0.2);z-index:1;border-top-right-radius:5px}
.listing .image-container div div div{position:absolute;text-align:center;color:#fff;z-index:2;opacity:2}
.listing .content{margin:0 0 5px 20px;padding-left:20px;overflow:hidden;width:auto}
.listing .content a:hover{text-decoration:underline}
.listing .content h3{margin:0 0 10px}
.listing .content h4{font-size:14px}
.listing .content p{line-height:1.7;margin:0}
.listing .content .price{font-size:18px;font-weight:700}  
.listing .content .category{white-space:nowrap}
.invisiblelayer{display:none}
/*Nav Tabs*/
.content-center ul.nav-tabs{margin-left:8px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:#eee;color:#333}
.nav-tabs > li > a:hover{background:#Fafafa;border-bottom:0}
/*#sortForm div{width:170px;float:right;margin-top:6px}
#sortForm select{width:130px;display:inline-block}
#sortForm label{margin-right:5px}*/

#breadcrumbs ul li{float:left}

#photoGallery{float:left;width:100%;min-width:300px}
#photoGallery .image-container{display:inline-block;position:relative;width:100%;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.22);border-radius:6px;background-color:#fff}
#photoGallery .image{margin:10px}
#photoGallery .image .glyphicon{position:absolute;z-index:2;color:#ccc;top:50%;cursor:pointer;font-size:30px;display:none;outline:0}
#photoGallery .image-container:hover .image .glyphicon{display:block}
#photoGallery .image .glyphicon-chevron-right{right:10px}
#photoGallery .image .glyphicon-chevron-left{left:10px}
#photoGallery .image img{margin:auto;max-width:100%;max-height:100%;height:auto;width:auto !important;position:absolute;top:0;bottom:0;right:0;left:0}
#photoGallery .image-changer{width:155px;margin:5px auto;text-align:center;font-weight:700;vertical-align:middle;font-size:14px}
#photoGallery .image-changer .button-prev{float:left}
#photoGallery .image-changer .button-next{float:right}
#photoGallery .image-changer a{outline:0}

#gallery-container{float:none}
#gallery-container .thumb li{height:55px;position:relative;width:71px;float:left}
#gallery-container .thumb li img{border:2px solid #fff;bottom:0;left:0;margin:auto;max-height:55px;max-width:70px;position:absolute;right:0;top:0}
#gallery-container .thumb li.active img{border-color:#eea236}

#dummy{padding-top:75%/* 4:3 aspect ratio */}

.boxshadow{background-color:#F5F6F8;border-radius:6px;padding:10px}

#vehicle-detail h3{margin:2px 0 8px}
#vehicle-detail .profilebox a strong{font-family:arial;font-weight:400} 
#vehicle-detail hr{margin: 5px 0 10px}
#vehicle-detail > div{border-radius:6px;padding:10px;min-width:300px}
#vehicle-detail div.boxshadow{margin-bottom:10px}
#vehicle-detail div.boxshadow > div > div{margin:2px 0}
#vehicle-detail .btn-group span{font-size:15px}
#vehicle-detail .location b{vertical-align:top}
#vehicle-detail .location div{display:inline-block;white-space:normal}
.rotator-horizontal{float:left;width:16.66%;min-width:125px;height:325px;padding:0 10px}
.rotator-horizontal img{max-width: 150px;max-height:150px}
.rotator{cursor:pointer}
#socialbar{padding:0 !important;margin-bottom:10px;border-radius:6px}
#socialbar .email em{background-image:none;width:0}

#titlebar h1,.vehiclePrice, #titlebar h2{margin:4px 0;font-size:24px;font-weight:700}
#titlebar h2{font-size:16px;font-weight:400;color:#5f5f5f}


/*search menu*/
#search-menu .top-bar a{text-align:right;display:block;font-weight:400;font-size:12px;margin-top:14px}
#search-menu .top-bar span.matches{font-weight:700}
#search-menu hr{margin:2px 0 7px}
#search-menu a{color:#3b5998}
#search-menu a:hover{color:#0654ba;text-decoration:underline}
#search-menu .form-group{margin-bottom:10px}
#search-menu .menu .col-xs-4, #search-menu .menu .col-xs-3 {padding-right:0}
#search-menu .bg-default{background-color:#fff;margin-bottom:13px;}
#menuForm .bg-default{background-color:#fff !important;margin-bottom:13px;}
#search-menu .menu:last-child .bg-default{margin-bottom:5px}
#search-menu .sort div{float:right}
#search-menu .sort div span{margin-right:10px}

#keyword .twitter-typeahead{display:block !important}
#keyword .col-xs-12 button{border-radius:0 4px 4px 0}
#keyword input{border-radius:4px 0 0 4px !important}
#keyword .tt-dropdown-menu{top:48px !important}

#breadcrumbs{margin-bottom:5px}
#breadcrumbs li{font-size:12px;float:left;padding:0px 6px;margin:0 6px 4px 0;background-color:#fff;border:1px solid #ccc;border-radius:4px}
#breadcrumbs li span{font-size:11px;color:#428bca;display:inline-block;margin-left:4px}
#breadcrumbs li a,#breadcrumbs li a:hover{color:#333;cursor:pointer}
#breadcrumbs li a:hover{text-decoration:underline}
ul.pagination{padding:0;margin:0}

#login h2{;margin:0 0 10px}
#login .sslcert{margin-top:20px}
#login .signin div{position:absolute;margin-left:100px;top:8px}

.grid-container .actions{background:#fff;padding:2px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:-8px}
.grid-container .actions > div{border:2px solid #eee;border-radius:4px}
.grid-container .actions > div > div{border-right:2px solid #eee;float:left;padding:5px 10px}
.grid-container .actions > div > div > span{position:relative;top:2px}
.grid-container .actions > div > div > span.reviews{top:0;font-size:11px;color:#999}
.yellow{color:orange;border:1px;font-size:14px}
.vehiclelisting #breadcrumb-nav .container{padding-left:0}
.flag{float:right;padding:8px 0}
#main-nav{position:relative;z-index:1000}
/*.btn-default {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    color: #5f5f5f;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px #fff;
    white-space: nowrap;
}
.btn-default{
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0 1px rgba(255, 255, 255, 0.98) inset;
    font-size: 14px;
        height: 36px;
    padding-bottom: 7px;
    padding-top: 8px;
}*/
.social em{background: url("/assets/ctx/3411f7f6/img/socialiconsgrey.png");
           height: 17px;
           left: -4px;
           top: -1px;
           width: 17px;
           display: inline-block;
           outline: medium none;
           position: relative;
           vertical-align: middle;
}
.social.tw em{background-position:17px 0}

.nophotos #vehicle-detail{margin-left:0 !important}
#sharebar{padding:10px;width: 100%;margin-bottom:10px;border-radius:6px;min-width: 300px;}
#vehicle-detail b{display:inline-block;width:100px}
@media (min-width: 768px) {    
    .container-center{margin-right:0}  
    .container-right, .sm-hide{display:none}    
    .container-center{margin:0 0 0 225px}    
    .content-center{float:left;width:100%} 
    #keyword input, #keyword .btn{height: 46px !important;
                                  padding: 10px 16px;
                                  font-size: 18px !important;
                                  line-height: 1.33 !important;
                                  border-radius:4px 0 0 4px !important}
    #keyword .btn{border-radius:0 4px 4px 0 !important}
    #keyword .tt-dropdown-menu{top:48px !important}
    #photoGallery{max-width:430px;margin-right:20px}
    #vehicle-detail {margin-left:440px}
    #vehicle-detail > div{min-width:280px}    
    #vehicle-detail button.btn-default,#vehicle-detail a.btn-default{font-size:13px}
    #vehicle-detail button.btn-default span,#vehicle-detail a.btn-default span{font-size:12px}
    .nav-tabs > li > a {padding: 10px 12px}


}

@media (min-width: 992px) {    
    button .text{display:inline}
    .container-right{display:block;clear:right}
    .container-center{margin-right:200px}    
    .content-center{float:left;width:100%}  
    #container-keyword .keywordSearch input#search{width:501px}
    #photoGallery{max-width:620px;margin-right:20px}
    #vehicle-detail {margin-left:630px;font-size:14px}
    #vehicle-detail > div{min-width:300px}
    #vehicle-detail b{display:inline-block;width:150px}
    #vehicle-detail button.btn-default span,#vehicle-detail a.btn-default span{font-size:14px}
    
}

@media (max-width: 767px) {
    .accountNav, .container-left,.container-right{display:none}
    .listing .image-container{width:27.5%}
    .listing .image-container div div{min-height:90px}
    .listing .content h3{font-size:14px;margin-bottom:8px}
    .listing .content div{line-height:20px}
    .listing .content .price{font-size:16px;margin-bottom:8px}  
    .image-container div div{display:none}
    /*    .container-center{margin:0 5px}*/
    .menu-hide{display:none !important}
    /*#sortForm div{width:130px}*/
    .menu-mobile > div{width:48%}
    .menu-mobile select, .menu-mobile input{width:95%}
    .listing{margin-bottom:5px}
    .home-search-box{float:none;width:auto}  
    #photoGallery{float:none;clear:both}
    #titlebar h1{font-size:20px}
    #titlebar h2{font-size:16px}
    .vehiclePrice{font-size:20px}
    #vehicle-detail button.btn-default span,#vehicle-detail a.btn-default span{font-size:12px}
    .hide-medium{display:none}
    ul.navbar-right > li > a {padding:10px 15px}
    .search-menu-container{padding-bottom:40px;position:relative}
    .menu-search-mobile{position:absolute;right:10px;bottom:10px}
    .menu-search-mobile button.btn{float: right}
    #home-menu button{margin-top:15px}

    #keyword input, #keyword .btn{height: 46px !important;
                                  padding: 10px 16px;
                                  font-size: 18px !important;
                                  line-height: 1.33 !important;
                                  border-radius:4px 0 0 4px !important}
    .listing .image-container div div{min-height:40px} 
}

@media (max-width: 550px) {
/*    #sortForm div{float:none;margin-bottom:15px;width:auto;text-align:right}
    #sortForm .menu-hide{display:inline-block !important}    */
}

@media (max-width: 450px) {   
    button .text{display:none}
    .listing .image-container{width:auto;float:none}
    .listing .content{margin-left:0;padding-left:0}
    .listing .image-container{margin-bottom:10px}
    .listing .image-container > div{width:auto;max-width:100%}
    .listing .image-container div img{max-height:225px;text-align:center}
    .listing .content h3{font-size:14px;margin-bottom:8px}
    .listing .content div{line-height:20px}
    .listing .content .price{font-size:14px;margin-bottom:4px}  
    .image-container div div{display:none} 
    #titlebar h1{font-size:16px}
    #titlebar h2{font-size:14px}
    .vehiclePrice{font-size:16px}
    .hide-small{display:none}
    #sub-nav{font-size:14px}
    #sub-nav ul.nav li > a {font-size:13px}
    .navbar-nav .open ul.mobile{left:-165px}
    .content-center ul.nav-tabs li a{padding:10px 7px}  
    #login .signin div{margin-left:78px}
    #breadcrumb-nav .breadcrumb, .flag{font-size:10px;top:-7px}
    .breadcrumb > li + li:before{padding:0 4px}
}

@media (max-width: 400px) {

    body{font-size: 12px}
}
.color-container{width:140px;margin:5px 0;display:block}
.color-gradient{width:24px;height:12px;border:1px solid #000;display:inline-table}
.gradient-gray{
    background: #808080; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #808080 35%, #808080 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#808080), color-stop(100%,#808080)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#808080 35%,#808080 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#808080 35%,#808080 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#808080 35%,#808080 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#808080 35%,#808080 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
}
.gradient-silver{
    background: #ccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 35%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 35%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 35%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 35%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 35%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.gradient-black{
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top,  #666666 0%, #000000 35%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(35%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #666666 0%,#000000 35%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #666666 0%,#000000 35%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #666666 0%,#000000 35%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#000000 35%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.gradient-blue{
    background: #025DDF; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #025ddf 35%, #2d3272 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#025ddf), color-stop(100%,#2d3272)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#025ddf 35%,#2d3272 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#025ddf 35%,#2d3272 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#025ddf 35%,#2d3272 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#025ddf 35%,#2d3272 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2d3272',GradientType=0 ); /* IE6-9 */
}
.gradient-teal{
    background: #25b8c0; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #66c4aa 35%, #25b8c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#66c4aa), color-stop(100%,#25b8c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#66c4aa 35%,#25b8c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#66c4aa 35%,#25b8c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#66c4aa 35%,#25b8c0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#66c4aa 35%,#25b8c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#25b8c0',GradientType=0 ); /* IE6-9 */
}
.gradient-tan{
    background: #d3b48d; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d3b48d 35%, #d3b48d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#d3b48d), color-stop(100%,#d3b48d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d3b48d 35%,#d3b48d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#d3b48d 35%,#d3b48d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#d3b48d 35%,#d3b48d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#d3b48d 35%,#d3b48d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3b48d',GradientType=0 ); /* IE6-9 */
}
.gradient-white{
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 35%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 35%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 35%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 35%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 35%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.gradient-yellow{
    background: #f3df66; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3df66 35%, #f3df66 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f3df66), color-stop(100%,#f3df66)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3df66 35%,#f3df66 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3df66 35%,#f3df66 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3df66 35%,#f3df66 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f3df66 35%,#f3df66 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3df66',GradientType=0 ); /* IE6-9 */
}
.gradient-brown{
    background: #76321f; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #76321f 35%, #76321f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#76321f), color-stop(100%,#76321f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#76321f 35%,#76321f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#76321f 35%,#76321f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#76321f 35%,#76321f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#76321f 35%,#76321f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#76321f',GradientType=0 ); /* IE6-9 */
}
.gradient-burgundy{
    background: #800020; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #800020 35%, #800020 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#800020), color-stop(100%,#800020)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#800020 35%,#800020 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#800020 35%,#800020 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#800020 35%,#800020 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#800020 35%,#800020 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#800020',GradientType=0 ); /* IE6-9 */
}
.gradient-gold{
    background: #cc9900; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cc9900 35%, #cc9900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#cc9900), color-stop(100%,#cc9900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cc9900 35%,#cc9900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cc9900 35%,#cc9900 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cc9900 35%,#cc9900 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cc9900 35%,#cc9900 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cc9900',GradientType=0 ); /* IE6-9 */
}
.gradient-green{
    background: #006411; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #006411 35%, #006411 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#006411), color-stop(100%,#006411)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#006411 35%,#006411 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#006411 35%,#006411 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#006411 35%,#006411 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#006411 35%,#006411 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#006411',GradientType=0 ); /* IE6-9 */
}
.gradient-orange{
    background: #ff8001; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ff8001 35%, #ff8001 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#ff8001), color-stop(100%,#ff8001)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ff8001 35%,#ff8001 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ff8001 35%,#ff8001 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ff8001 35%,#ff8001 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ff8001 35%,#ff8001 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff8001',GradientType=0 ); /* IE6-9 */
}
.gradient-purple{
    background: #7e0b80; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #7e0b80 35%, #7e0b80 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#7e0b80), color-stop(100%,#7e0b80)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#7e0b80 35%,#7e0b80 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#7e0b80 35%,#7e0b80 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#7e0b80 35%,#7e0b80 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#7e0b80 35%,#7e0b80 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7e0b80',GradientType=0 ); /* IE6-9 */
}
.gradient-red{
    background: #d10923; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d10923 35%, #d10923 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#d10923), color-stop(100%,#d10923)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d10923 35%,#d10923 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#d10923 35%,#d10923 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#d10923 35%,#d10923 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#d10923 35%,#d10923 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d10923',GradientType=0 ); /* IE6-9 */
}