6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
9 <title>Bid4Cars</title>
10 <link rel="shortcut icon" href="/favicon.ico?v=0.01"/>
12 <link rel="stylesheet" href="/css/reset.css">
13 <link rel="stylesheet" href="/min/?g=css&x=100">
15 <script src="/js/vendor/modernizr.min.js"></script>
16 <script src="/js/vendor/css3-mediaqueries.min.js"></script>
19 <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)" />
21 <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)" />
22 <link rel="stylesheet" href="/css/app/mobile_small.css?v=0.05">
23 <link rel="stylesheet" href="/css/mobistyles.css?v=0.05" />
24 <link rel="stylesheet" href="/css/vendor/bootstrap-responsive.css">
27 <link rel="stylesheet" type="text/css" href="/css/ie.css?v=0.01" />
28 <link rel="stylesheet" type="text/css" href="/css/ie/layout.css?v=0.01" />
34 <div style="background:#ff6060">
36 <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
39 <div class="row-fluid">
42 This site will not work as intended on this version of Internet Explorer.
43 <a target="blank" href="http://windows.microsoft.com/en-us/internet-explorer/ie-9-worldwide-languages">Please download IE 9 or higher.</a>
54 <meta id="MetaViewport" name="viewport" content="width=device-width">
56 if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
58 $('#MetaViewport').attr('content', 'width=480px');
63 <header id="mobiCheck" class="hidden-phone">
65 <div class="hidden-phone header container-fluid">
66 <span id="su_container">
67 <div class="control-group suDropdownContainer" id="x_sugroup">
69 <div class="control-group suDropdownContainer" id="x_sudivision">
71 <div class="control-group suDropdownContainer" id="x_sucompany">
74 <div class="row-fluid header-top">
75 <div id="user-details" class="span3 user-details invisible">
77 <p class="detail-label">Logged in as:</p>
78 <p class="auth-username">NAME</p>
81 <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
82 <p class="detail-label">Welcome</p>
83 <p class="auth-name">Name</p>
86 <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
90 <div class="row-fluid header-bottom">
91 <div id="PortalMenu" class="main-menu-container" style="display:none;">
92 <div class="span11 nav-bar">
94 <li class="hide b_auction">
95 <!-- <span class="notification">5</span> -->
96 <a href="#/auction">ON AUCTION</a>
98 <li class="hide b_stock">
99 <!-- <span class="notification">5</span> -->
100 <a href="#/stock">MY STOCK</a>
102 <li class="hide b_tcstock">
103 <!-- <span class="notification">5</span> -->
104 <a href="#/tcstock">TRADE STOCK</a>
106 <li class="hide b_valuations">
107 <!-- <span class="notification">5</span> -->
108 <a href="#/valuations">MY VALUATIONS</a>
110 <li class="hide b_historicaldata">
111 <!-- <span class="notification">5</span> -->
112 <a href="#/historicaldata">HISTORICAL DATA</a>
114 <li class="hide b_settings"><a href="#/settings">MY SETTINGS</a></li>
115 <li><a href="#/contact_us">CONTACT US</a></li>
116 <li class="hide b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>
118 <!-- Admin navigation -->
119 <li class="hide b_permissions">
120 <a href="#/userpermissions">PERMISSIONS</a>
122 <li class="hide b_groups">
123 <a href="#/groups">GROUPS</a>
125 <li class="hide b_divisions">
126 <a href="#/divisions">DIVISIONS</a>
128 <li class="hide b_dealers">
129 <a href="#/dealers">DEALERS</a>
131 <li class="hide b_systemusers">
132 <a href="#/systemusers">USERS</a>
134 <li class="hide b_systemsettings">
135 <a href="#/systemsettings">SETTINGS</a>
137 <li class="hide b_reports">
138 <a href="#/reports">REPORTS</a>
140 <li class="hide b_auctions">
141 <a href="#/systemauctions">AUCTIONS</a>
143 <li class="hide b_newsletters">
144 <a href="#/newsletters">NEWSLETTERS</a>
146 <li class="hide b_valuationCalendar">
147 <a href="#/valuationcalendar">VALUATION CALENDAR</a>
151 <div class="hide nav-login b_logout">
152 <a href="#" >LOGOUT</a>
157 <div id="BrochureMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style="display:none;">
160 <li class="select_page"><a href="/#/" title="">Home</a></li>
161 <!--<li><a href="/#/about_us" title="">ABOUT US</a></li>-->
162 <li><a href="/documents/Terms_and_Conditions.pdf" target="_blank" title="">Terms & Conditions</a></li>
163 <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
164 <li><a href="/#/contact_us" title="">CONTACT US</a></li>
165 <li><a id="log" href="/#/login" title="">LOGIN</a></li>
171 <div id="PublicMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style ="display:none;">
174 <li class="select_page"><a href="/#/" title="">HOME</a></li>
175 <li><a href="/documents/Terms_Public.pdf" target="_blank" title="">Terms & Conditions</a></li>
176 <li><a href="#/publicfaq" title="">FAQ</a></li>
177 <!--<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>-->
178 <li><a href="#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
179 <li><a id="log" href="/#/dealerhome" title="">LOGIN</a></li>
193 <div class="visible-phone mobile-header container-fluid">
194 <div class="row-fluid mobile-header-top">
195 <div class="span12 logo">
196 <div class="hide nav-login b_logout">
197 <button class="btn btn-danger mobile-nav-logout b_logout" href="#">LOGOUT</button>
202 <div class="row-fluid mobile-header-middle">
203 <div class="span12 mobile-Login">
204 <div class="mobile-detail-label">
206 <p class="auth-username logged-in">Name</p>
208 <div class="mobile-time-in">
209 <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
214 <div class="row-fluid mobile-header-bottom">
216 <div id="MobiPortalMenu" style ="display:none;">
218 <h1 class="bottom-heading"></h1>
220 <div class="btn-group drop-down-menu-btn">
221 <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
224 <ul class="dropdown-menu pull-right mobi-nav">
225 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
226 <li class="b_auction"><a href="#/auction">ON AUCTION</a></li>
227 <li class="b_stock"><a href="#/stock">MY STOCK</a></li>
228 <li class="b_valuations"><a href="#/valuations">MY VALUATIONS</a></li>
229 <li class="b_settings"><a href="#/settings">MY SETTINGS</a></li>
230 <li class="b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>
237 <!-- Mobi options here -->
239 <div id="MobiAuctionPriceGuideMenu" class="row-fluid" style ="display:none; padding:10px;">
241 <button class="btn btn-danger pull-left" id="mobiAuctionBtn" type="button">Auction</button>
242 <button class="btn btn-danger pull-right" id="mobiPriceGuideBtn" type="button">Price Guide</button>
243 <button class="btn btn-danger pull-right" id="mobiValuationsBtn" type="button">Valuations</button>
248 <div id="MobiBrochureMenu" class="is-brochure-menu" style ="display:none;">
250 <h1 class="bottom-heading"></h1>
252 <div class="btn-group drop-down-menu-btn">
253 <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
256 <ul class="dropdown-menu pull-right mobi-nav">
257 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
258 <li><a href="#/">HOME</a></li>
259 <!--<li><a href="#/about_us">ABOUT US</a></li>-->
260 <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
261 <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
262 <li id="login_mobi"><a href="#/login">LOGIN</a></li>
263 <li><a href="#/contact_us">CONTACT US</a></li>
270 <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
272 <h1 class="bottom-heading"></h1>
274 <div class="btn-group drop-down-menu-btn">
275 <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
278 <ul class="dropdown-menu pull-right mobi-nav">
279 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
280 <li><a href="/#/">HOME</a></li>
281 <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
282 <!--<li><a href="/#/publicfaq" title="">FAQ</a></li>-->
283 <li><a href="/#/publiccontact_us">CONTACT US</a></li>
284 <li><a href="/#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
285 <li id="login_mobi"><a href="#/dealerhome">LOGIN</a></li>
296 <div id="sectionMain" class="main-section">
297 <div id="PageContent" class="container-fluid main">
301 <div id="sectionImage" class="image-section hide">
302 <div class="container-fluid">
303 <div class="row-fluid">
306 <button type="button" class="btn btn-danger wide-button pull-right"
307 onClick="$('#sectionImage').hide(); $('#imgLarge').attr('src', ''); $('#sectionMain').show();">
308 <i class="icon-remove icon-white"></i>
311 <center><img class="img-polaroid" id="imgLarge" /></center>
318 <!-- General use modal -->
319 <div class="modal modal-full in hide" id="frmModal" tabindex="-1" role="dialog" aria-labelledby="modalFormTitle" aria-hidden="true">
320 <div class="modal-dialog">
321 <div class="modal-content">
322 <div class="modal-header">
323 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
324 <h4 id="modalFormTitle" class="modal-title">Customer Valuation</h4>
326 <div id="modalFormContent" class="modal-body">
328 </div><!-- /.modal-content -->
329 </div><!-- /.modal-dialog -->
330 </div><!-- /.modal -->
334 <!-- App Libraries -->
335 <script src="/min/?g=vendorJs&020" type="text/javascript"></script>
336 <script src="/min/?g=appJs&131" type="text/javascript"></script>
339 <script type="text/javascript">
340 $('#PortalMenu').hide();
341 $(document).ready(function()
343 $('header .logo').css("background", "url(/imgs/header-with-logo.jpg)");
344 $('header .logo').css("background-position", "51% 0%");
345 $('header .logo').css("background-repeat", "no-repeat");