<!DOCTYPE html>
<html>
- <head>
+<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Bid4Cars</title>
- <link rel="shortcut icon" href="/favicon.ico?v=0.01"/>
+ <title>Bid4Cars</title>
+ <link rel="shortcut icon" href="/favicon.ico?v=0.01"/>
- <link rel="stylesheet" href="/css/reset.css">
- <link rel="stylesheet" href="/min/?g=css&x=100">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/min/?g=css&x=100">
- <script src="/js/vendor/modernizr.min.js"></script>
- <script src="/js/vendor/css3-mediaqueries.min.js"></script>
+ <script src="/js/vendor/modernizr.min.js"></script>
+ <script src="/js/vendor/css3-mediaqueries.min.js"></script>
- <!--
- <link rel="stylesheet" href="/css/app/tablet_valuations.css?v=0.02" media="only screen and (min-width: 768px) and (max-width: 1200px), only screen and (max-device-width: 1200px)" />
- -->
- <link rel="stylesheet" href="/css/app/mobile_valuations.css?v=0.05" media="only screen and (max-width: 767px), only screen and (max-device-width: 767px)" />
- <link rel="stylesheet" href="/css/app/mobile_small.css?v=0.05">
- <link rel="stylesheet" href="/css/mobistyles.css?v=0.05" />
- <link rel="stylesheet" href="/css/vendor/bootstrap-responsive.css">
+ <!--
+ <link rel="stylesheet" href="/css/app/tablet_valuations.css?v=0.02" media="only screen and (min-width: 768px) and (max-width: 1200px), only screen and (max-device-width: 1200px)" />
+ -->
+ <link rel="stylesheet" href="/css/app/mobile_valuations.css?v=0.05" media="only screen and (max-width: 767px), only screen and (max-device-width: 767px)" />
+ <link rel="stylesheet" href="/css/app/mobile_small.css?v=0.05">
+ <link rel="stylesheet" href="/css/mobistyles.css?v=0.05" />
+ <link rel="stylesheet" href="/css/vendor/bootstrap-responsive.css">
- <!--[if IE]>
- <link rel="stylesheet" type="text/css" href="/css/ie.css?v=0.01" />
- <link rel="stylesheet" type="text/css" href="/css/ie/layout.css?v=0.01" />
+ <!--[if IE]>
+ <link rel="stylesheet" type="text/css" href="/css/ie.css?v=0.01" />
+ <link rel="stylesheet" type="text/css" href="/css/ie/layout.css?v=0.01" />
- <![endif]-->
+ <![endif]-->
- <!--[if lt IE 8]>
- <center>
- <div style="background:#ff6060">
- <div class="header">
- <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
- </div>
- <div class="body">
- <div class="row-fluid">
- <div class="span12">
- <p>
- This site will not work as intended on this version of Internet Explorer.
- <a target="blank" href="http://windows.microsoft.com/en-us/internet-explorer/ie-9-worldwide-languages">Please download IE 9 or higher.</a>
- <br>
- </p>
- </div>
- </div>
+ <!--[if lt IE 8]>
+ <center>
+ <div style="background:#ff6060">
+ <div class="header">
+ <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
+ </div>
+ <div class="body">
+ <div class="row-fluid">
+ <div class="span12">
+ <p>
+ This site will not work as intended on this version of Internet Explorer.
+ <a target="blank" href="http://windows.microsoft.com/en-us/internet-explorer/ie-9-worldwide-languages">Please download IE 9 or higher.</a>
+ <br>
+ </p>
</div>
</div>
- </center>
- <![endif]-->
-
-
- <meta id="MetaViewport" name="viewport" content="width=device-width">
- <script>
- if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
- {
- $('#MetaViewport').attr('content', 'width=480px');
- }
- </script>
- </head>
+ </div>
+ </div>
+ </center>
+ <![endif]-->
+
+
+ <meta id="MetaViewport" name="viewport" content="width=device-width">
+ <script>
+ if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
+ {
+ $('#MetaViewport').attr('content', 'width=480px');
+ }
+ </script>
+</head>
<body>
- <header id="mobiCheck" class="hidden-phone">
- <div class="logo">
- <div class="hidden-phone header container-fluid">
+<header id="mobiCheck" class="hidden-phone">
+ <div class="logo">
+ <div class="hidden-phone header container-fluid">
<span id="su_container">
<div class="control-group suDropdownContainer" id="x_sugroup">
</div>
<div class="control-group suDropdownContainer" id="x_sucompany">
</div>
</span>
- <div class="row-fluid header-top">
- <div id="user-details" class="span3 user-details invisible">
- <div id="LoggedIn">
- <p class="detail-label">Logged in as:</p>
- <p class="auth-username">NAME</p>
- </div>
- <div id="LoginId">
- <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
- <p class="detail-label">Welcome</p>
- <p class="auth-name">Name</p>
- </div>
- <div id="TimeIn">
- <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
- </div>
+ <div class="row-fluid header-top">
+ <div id="user-details" class="span3 user-details invisible">
+ <div id="LoggedIn">
+ <p class="detail-label">Logged in as:</p>
+ <p class="auth-username">NAME</p>
+ </div>
+ <div id="LoginId">
+ <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
+ <p class="detail-label">Welcome</p>
+ <p class="auth-name">Name</p>
+ </div>
+ <div id="TimeIn">
+ <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
</div>
</div>
- <div class="row-fluid header-bottom">
- <div id="PortalMenu" class="main-menu-container" style="display:none;">
- <div class="span11 nav-bar">
- <ul class="navbar">
- <li class="hide b_auction">
- <!-- <span class="notification">5</span> -->
- <a href="#/auction">ON AUCTION</a>
- </li>
- <!--<li class="hide b_stock">-->
- <!--<!– <span class="notification">5</span> –>-->
- <!--<a href="#/stock">MY STOCK</a>-->
- <!--</li>-->
- <!--<li class="hide b_tcstock">-->
- <!--<!– <span class="notification">5</span> –>-->
- <!--<a href="#/tcstock">TRADE STOCK</a>-->
- <!--</li>-->
- <!--<li class="hide b_valuations">-->
- <!--<!– <span class="notification">5</span> –>-->
- <!--<a href="#/valuations">MY VALUATIONS</a>-->
- <!--</li>-->
- <li class="hide b_historicaldata">
- <!-- <span class="notification">5</span> -->
- <!--<a href="#/historicaldata">HISTORICAL DATA</a>-->
- <!--</li>-->
- <!--<li class="hide b_settings"><a href="#/settings">MY SETTINGS</a></li>-->
- <li><a href="#/contact_us">CONTACT US</a></li>
- <!--<li class="hide b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>-->
-
- <!-- Admin navigation -->
- <li class="hide b_permissions">
- <a href="#/userpermissions">PERMISSIONS</a>
- </li>
- <li class="hide b_groups">
- <a href="#/groups">GROUPS</a>
- </li>
- <li class="hide b_divisions">
- <a href="#/divisions">DIVISIONS</a>
- </li>
- <li class="hide b_dealers">
- <a href="#/dealers">DEALERS</a>
- </li>
- <li class="hide b_systemusers">
- <a href="#/systemusers">USERS</a>
- </li>
- <li class="hide b_systemsettings">
- <a href="#/systemsettings">SETTINGS</a>
- </li>
- <li class="hide b_reports">
- <a href="#/reports">REPORTS</a>
- </li>
- <li class="hide b_auctions">
- <a href="#/systemauctions">AUCTIONS</a>
- </li>
- <li class="hide b_newsletters">
- <a href="#/newsletters">NEWSLETTERS</a>
- </li>
- <li class="hide b_valuationCalendar">
- <a href="#/valuationcalendar">VALUATION CALENDAR</a>
- </li>
- </ul>
- </div>
- <div class="hide nav-login b_logout">
- <a href="#" >LOGOUT</a>
- </div>
+ </div>
+ <div class="row-fluid header-bottom">
+ <div id="PortalMenu" class="main-menu-container" style="display:none;">
+ <div class="span11 nav-bar">
+ <ul class="navbar">
+ <li class="hide b_auction">
+ <!-- <span class="notification">5</span> -->
+ <a href="#/auction">ON AUCTION</a>
+ </li>
+ <li class="hide b_stock">
+ <!-- <span class="notification">5</span> -->
+ <a href="#/stock">MY STOCK</a>
+ </li>
+ <li class="hide b_tcstock">
+ <!-- <span class="notification">5</span> -->
+ <a href="#/tcstock">TRADE STOCK</a>
+ </li>
+ <li class="hide b_valuations">
+ <!-- <span class="notification">5</span> -->
+ <a href="#/valuations">MY VALUATIONS</a>
+ </li>
+ <li class="hide b_historicaldata">
+ <!-- <span class="notification">5</span> -->
+ <a href="#/historicaldata">HISTORICAL DATA</a>
+ </li>
+ <li class="hide b_settings"><a href="#/settings">MY SETTINGS</a></li>
+ <li><a href="#/contact_us">CONTACT US</a></li>
+ <li class="hide b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>
+
+ <!-- Admin navigation -->
+ <li class="hide b_permissions">
+ <a href="#/userpermissions">PERMISSIONS</a>
+ </li>
+ <li class="hide b_groups">
+ <a href="#/groups">GROUPS</a>
+ </li>
+ <li class="hide b_divisions">
+ <a href="#/divisions">DIVISIONS</a>
+ </li>
+ <li class="hide b_dealers">
+ <a href="#/dealers">DEALERS</a>
+ </li>
+ <li class="hide b_systemusers">
+ <a href="#/systemusers">USERS</a>
+ </li>
+ <li class="hide b_systemsettings">
+ <a href="#/systemsettings">SETTINGS</a>
+ </li>
+ <li class="hide b_reports">
+ <a href="#/reports">REPORTS</a>
+ </li>
+ <li class="hide b_auctions">
+ <a href="#/systemauctions">AUCTIONS</a>
+ </li>
+ <li class="hide b_newsletters">
+ <a href="#/newsletters">NEWSLETTERS</a>
+ </li>
+ <li class="hide b_valuationCalendar">
+ <a href="#/valuationcalendar">VALUATION CALENDAR</a>
+ </li>
+ </ul>
+ </div>
+ <div class="hide nav-login b_logout">
+ <a href="#" >LOGOUT</a>
</div>
+ </div>
<span id="menu">
<div id="BrochureMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style="display:none;">
- <div>
- <ul>
- <li class="select_page"><a href="/#/" title="">Home</a></li>
- <li><a href="/#/about_us" title="">ABOUT US</a></li>
- <li><a href="/documents/Terms_and_Conditions.pdf" target="_blank" title="">Terms & Conditions</a></li>
- <li><a href="/#/faq" title="">FAQ</a></li>
- <li><a href="/#/contact_us" title="">CONTACT US</a></li>
- <li><a id="log" href="/#/login" title="">DEALER LOGIN</a></li>
- </ul>
- </div>
- </div>
+ <div>
+ <ul>
+ <li class="select_page"><a href="/#/" title="">Home</a></li>
+ <!--<li><a href="/#/about_us" title="">ABOUT US</a></li>-->
+ <li><a href="/documents/Terms_and_Conditions.pdf" target="_blank" title="">Terms & Conditions</a></li>
+ <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
+ <li><a href="/#/contact_us" title="">CONTACT US</a></li>
+ <li><a id="log" href="/#/login" title="">LOGIN</a></li>
+ </ul>
+ </div>
+ </div>
<div id="PublicMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style ="display:none;">
- <div>
- <ul>
- <li class="select_page"><a href="/#/" title="">HOME</a></li>
- <li><a href="/documents/Terms_Public.pdf" target="_blank" title="">Terms & Conditions</a></li>
- <li><a href="#/publicfaq" title="">FAQ</a></li>
- <!--<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>-->
- <li><a href="#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
- <li><a id="log" href="/#/dealerhome" title="">DEALER LOGIN</a></li>
- </ul>
- </div>
- </div>
+ <div>
+ <ul>
+ <li class="select_page"><a href="/#/" title="">HOME</a></li>
+ <li><a href="/documents/Terms_Public.pdf" target="_blank" title="">Terms & Conditions</a></li>
+ <li><a href="#/publicfaq" title="">FAQ</a></li>
+ <!--<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>-->
+ <li><a href="#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
+ <li><a id="log" href="/#/dealerhome" title="">LOGIN</a></li>
+ </ul>
+ </div>
+ </div>
</span>
- </div>
-
</div>
-
</div>
- </header>
- <div class="visible-phone mobile-header container-fluid">
- <div class="row-fluid mobile-header-top">
- <div class="span12 logo">
+
+ </div>
+</header>
+
+<div class="visible-phone mobile-header container-fluid">
+ <div class="row-fluid mobile-header-top">
+ <div class="span12 logo">
<div class="hide nav-login b_logout">
<button class="btn btn-danger mobile-nav-logout b_logout" href="#">LOGOUT</button>
- </div>
</div>
</div>
+ </div>
- <div class="row-fluid mobile-header-middle">
- <div class="span12 mobile-Login">
- <div class="mobile-detail-label">
- <p>Logged in as:</p>
- <p class="auth-username logged-in">Name</p>
- </div>
- <div class="mobile-time-in">
- <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
- </div>
+ <div class="row-fluid mobile-header-middle">
+ <div class="span12 mobile-Login">
+ <div class="mobile-detail-label">
+ <p>Logged in as:</p>
+ <p class="auth-username logged-in">Name</p>
+ </div>
+ <div class="mobile-time-in">
+ <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
</div>
</div>
+ </div>
- <div class="row-fluid mobile-header-bottom">
+ <div class="row-fluid mobile-header-bottom">
- <div id="MobiPortalMenu" style ="display:none;">
+ <div id="MobiPortalMenu" style ="display:none;">
<div class="span12">
<h1 class="bottom-heading"></h1>
</div>
</div>
- </div>
+ </div>
- <!-- Mobi options here -->
+ <!-- Mobi options here -->
- <div id="MobiAuctionPriceGuideMenu" class="row-fluid" style ="display:none; padding:10px;">
- <div class="row">
- <button class="btn btn-danger pull-left" id="mobiAuctionBtn" type="button">Auction</button>
- <button class="btn btn-danger pull-right" id="mobiPriceGuideBtn" type="button">Price Guide</button>
- <button class="btn btn-danger pull-right" id="mobiValuationsBtn" type="button">Valuations</button>
- </div>
+ <div id="MobiAuctionPriceGuideMenu" class="row-fluid" style ="display:none; padding:10px;">
+ <div class="row">
+ <button class="btn btn-danger pull-left" id="mobiAuctionBtn" type="button">Auction</button>
+ <button class="btn btn-danger pull-right" id="mobiPriceGuideBtn" type="button">Price Guide</button>
+ <button class="btn btn-danger pull-right" id="mobiValuationsBtn" type="button">Valuations</button>
</div>
+ </div>
- <div id="MobiBrochureMenu" class="is-brochure-menu" style ="display:none;">
- <div class="span12">
- <h1 class="bottom-heading"></h1>
-
- <div class="btn-group drop-down-menu-btn">
- <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
- </a>
-
- <ul class="dropdown-menu pull-right mobi-nav">
- <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
- <li><a href="#/">HOME</a></li>
- <li><a href="#/about_us">ABOUT US</a></li>
- <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
- <li><a href="/#/faq" title="">FAQ</a></li>
- <li id="login_mobi"><a href="#/login">LOGIN</a></li>
- <li><a href="#/contact_us">CONTACT US</a></li>
- </ul>
- </div>
+ <div id="MobiBrochureMenu" class="is-brochure-menu" style ="display:none;">
+ <div class="span12">
+ <h1 class="bottom-heading"></h1>
- </div>
+ <div class="btn-group drop-down-menu-btn">
+ <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
+ </a>
+
+ <ul class="dropdown-menu pull-right mobi-nav">
+ <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
+ <li><a href="#/">HOME</a></li>
+ <!--<li><a href="#/about_us">ABOUT US</a></li>-->
+ <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
+ <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
+ <li id="login_mobi"><a href="#/login">LOGIN</a></li>
+ <li><a href="#/contact_us">CONTACT US</a></li>
+ </ul>
</div>
- <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
- <div class="span12">
- <h1 class="bottom-heading"></h1>
-
- <div class="btn-group drop-down-menu-btn">
- <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
- </a>
-
- <ul class="dropdown-menu pull-right mobi-nav">
- <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
- <li><a href="/#/">HOME</a></li>
- <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
- <li><a href="/#/publicfaq" title="">FAQ</a></li>
- <li><a href="/#/publiccontact_us">CONTACT US</a></li>
- <li><a href="/#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
- <li id="login_mobi"><a href="#/dealerhome">LOGIN</a></li>
- </ul>
- </div>
+ </div>
+ </div>
- </div>
- </div>
+ <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
+ <div class="span12">
+ <h1 class="bottom-heading"></h1>
+
+ <div class="btn-group drop-down-menu-btn">
+ <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
+ </a>
+ <ul class="dropdown-menu pull-right mobi-nav">
+ <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
+ <li><a href="/#/">HOME</a></li>
+ <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
+ <!--<li><a href="/#/publicfaq" title="">FAQ</a></li>-->
+ <li><a href="/#/publiccontact_us">CONTACT US</a></li>
+ <li><a href="/#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
+ <li id="login_mobi"><a href="#/dealerhome">LOGIN</a></li>
+ </ul>
+ </div>
+ </div>
</div>
+
+
</div>
+</div>
- <div id="sectionMain" class="main-section">
- <div id="PageContent" class="container-fluid main">
- </div>
+<div id="sectionMain" class="main-section">
+ <div id="PageContent" class="container-fluid main">
</div>
+</div>
- <div id="sectionImage" class="image-section hide">
- <div class="container-fluid">
- <div class="row-fluid">
- <div class="span12">
- <br/>
- <button type="button" class="btn btn-danger wide-button pull-right"
+<div id="sectionImage" class="image-section hide">
+ <div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span12">
+ <br/>
+ <button type="button" class="btn btn-danger wide-button pull-right"
onClick="$('#sectionImage').hide(); $('#imgLarge').attr('src', ''); $('#sectionMain').show();">
- <i class="icon-remove icon-white"></i>
- Close
- </button>
- <center><img class="img-polaroid" id="imgLarge" /></center>
- <br/>
- </div>
+ <i class="icon-remove icon-white"></i>
+ Close
+ </button>
+ <center><img class="img-polaroid" id="imgLarge" /></center>
+ <br/>
</div>
</div>
</div>
-
- <!-- General use modal -->
- <div class="modal modal-full in hide" id="frmModal" tabindex="-1" role="dialog" aria-labelledby="modalFormTitle" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 id="modalFormTitle" class="modal-title">Customer Valuation</h4>
- </div>
- <div id="modalFormContent" class="modal-body">
- </div>
- </div><!-- /.modal-content -->
- </div><!-- /.modal-dialog -->
- </div><!-- /.modal -->
+</div>
+
+<!-- General use modal -->
+<div class="modal modal-full in hide" id="frmModal" tabindex="-1" role="dialog" aria-labelledby="modalFormTitle" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h4 id="modalFormTitle" class="modal-title">Customer Valuation</h4>
+ </div>
+ <div id="modalFormContent" class="modal-body">
+ </div>
+ </div><!-- /.modal-content -->
+ </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
- <!-- App Libraries -->
- <script src="/min/?g=vendorJs&020" type="text/javascript"></script>
- <script src="/min/?g=appJs&131" type="text/javascript"></script>
+<!-- App Libraries -->
+<script src="/min/?g=vendorJs&020" type="text/javascript"></script>
+<script src="/min/?g=appJs&131" type="text/javascript"></script>
- <script type="text/javascript">
- $('#PortalMenu').hide();
- $(document).ready(function()
- {
- $('header .logo').css("background", "url(/imgs/header-with-logo.jpg)");
- $('header .logo').css("background-position", "51% 0%");
- $('header .logo').css("background-repeat", "no-repeat");
- });
- </script>
+<script type="text/javascript">
+ $('#PortalMenu').hide();
+ $(document).ready(function()
+ {
+ $('header .logo').css("background", "url(/imgs/header-with-logo.jpg)");
+ $('header .logo').css("background-position", "51% 0%");
+ $('header .logo').css("background-repeat", "no-repeat");
+ });
+</script>
</body>