/****************************
   mobile.css
   (C) Mangrove 2010
   Mobile style properties
*****************************/

html { font:100%/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, Arial; }
body { font-size: 16px; color: #555; margin: 0; padding: 0; position: relative; background: #f0f0f2; }

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { font-family: Arial, Tahoma, sans-serif; padding: 0; margin: 0; color: #000; }
h2 { font-size: 24px; line-height: 30px; padding: 4px 0; }
h3 { font-size: 20px; line-height: 26px; padding: 4px 0; font-weight: normal; margin: 0 0 4px 0; }
h4 { font-size: 14px; }
p { line-height: 22px; margin: 0 0 10px; padding: 0; }
a:link, a:visited { color: #2961ad; text-decoration: underline; }
a:hover, a:active {	color: #113e7a; text-decoration: underline; }
img { border: 0; display:block;}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #000; text-decoration: none; }

.date { font-size: 14px; }
.title { border-bottom: 1px solid #f0f0f2; }

.left { float: left; }
.right { float: right; }

.noresults { padding: 10px; }

a.btn-back:link, a.btn-back:visited, a.btn-back:hover, a.btn-back:active { position: absolute; right: 10px; top: 10px; height: 43px; background: #848484 url(/images/mobile/bg_btn_back.gif) no-repeat 10px center; color: #fff; text-decoration: none; padding: 2px 10px 0 30px; }

/* main elements */

.header { padding: 10px; }
.wrapper { padding: 0px; background: #fff; }
.wrapper.nopadding { padding: 0; }
.footer { padding: 10px; }
.app { background: #fff; }

/* detail elements */

.home-list { font-weight: bold; font-size: 20px; }

.info-list, .member-services { list-style: none; padding: 0; margin: 0 0 10px; border-top: 1px solid #f0f0f2; }
.info-list li, .member-services li { border-bottom: 1px solid #f0f0f2; }
.info-list li a:link, .info-list a:visited, .info-list a:hover, .info-list a:active { -webkit-tap-highlight-color: #e6e6e6; -webkit-touch-callout: none; color: #2961ad; text-decoration: none; padding: 10px 0; background: url(/images/mobile/bullet_info_list.gif) no-repeat right; display: block; padding-right: 20px; }
.info-list .date, .member-services .date { display: block; }
.member-services li {padding:10px;}

.member-details ul { list-style: none; padding: 0; margin: 0 0 10px; }
.member-details li { line-height: 22px; }

.news-message img { max-width: 300px; }

.faq-answer dt { font-size: 20px; line-height: 26px; padding: 10px 0; border-top: 1px solid #f0f0f2; border-bottom: 1px solid #f0f0f2; margin: 0; }
.faq-answer dd { margin: 0; padding: 6px 0 0; }

.article-pagination { list-style: none; padding: 10px 0; margin: 0 0 20px; font-size: 16px; font-weight: bold; overflow: hidden; }
.article-pagination li { float: left; margin-right: 4px; }
.article-pagination li a:link, .article-pagination li a:visited, .article-pagination li a:hover, .article-pagination li a:active { width: 30px; height: 30px; line-height: 30px;display: block; border: 1px solid #eaeaea; text-decoration: none; text-align: center; }
.article-pagination li a:hover, .article-pagination li a:active, .article-pagination li a.active:link, .article-pagination li a.active:visited { background: #f0f0f2; border: 1px solid #000; color: #000; text-decoration: none; }

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #2961ad; text-decoration: none; }
.footer ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.footer ul li { display: inline; padding: 0 5px; margin: 0; }

p.device { margin: 10px 0 0 0; text-align: center; font-size: 12px; }
.device a:link, .device a:visited, .device a:hover, .device a:active { color: #0096cd; text-decoration: underline; }

/* app elements */

.app{ background:#f0f0f2; color: black; }

.app.autolog, .app.occasions { background: url(/images/mobile/bg_pattern.png); }
.app.autolog .wrapper, .app.occasions .wrapper { background: none; padding: 0 !important; }

.app .info-list li a:link, .app .info-list a:visited, .app .info-list a:hover, .app .info-list a:active { color: #000; padding: 10px 30px 10px 10px; background: url(/images/mobile/bullet_info_list.gif) no-repeat 300px center; }
.app .member-details { padding: 10px;}
.app .title { border: none; padding: 0 10px; font-weight: bold;}
.app h2{ font-size:18px; font-weight:bold; font-family: helvetica, arial; padding:7px 10px 4px;}

.app form{ padding:10px;}
.app fieldset{ margin:0; padding:15px; border:1px solid #dadadf; border-radius:10px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(0.08, #fff))}

.app .member-form input.member-input { border: 0; -webkit-text-size-adjust: 140%; height: 45px; font-size:16px; width:100%; -webkit-box-sizing:border-box; padding:5px; overflow: hidden; display: block; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9A301), to(#FFD801), color-stop(.1,#F5BA01)); border-radius:5px; }
.app ul{background: #fff;}
.app .btn{ display:block; font-size:12px; width:100%; border:1px solid #dadadf; margin:20px 0;  -webkit-box-sizing:margin-box; border-radius:10px; padding:8px 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(0.15, #fff))}

.app .btn-location{ border:1px solid #f6b401; background:-webkit-gradient(linear, 0% 28%, 0% 100%, from(#FFBB01), to(#DB7D01), color-stop(.7,#F69201)); position: absolute; right: 5px; top: 5px; display:block; height:35px; width: 50px; padding:0; -webkit-border-radius: 5px;}
.app .btn-location span{ background:transparent url(/images/mobile/icon_locator.png) no-repeat center center; display:block; width:50px; height:35px; }

.app .member-details ul { list-style: none; padding: 0; margin: 0 0 10px; padding:15px; border:1px solid #dadadf; border-radius:10px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(0.08, #fff))}

/* form elements */

.mobile form, fieldset, legend { border: 0; margin: 0; padding: 0;}
.mobile form { padding: 5px 0 5px 0; }
form p { margin: 0 0 10px; position: relative;  }
legend { font-size: 16px; color: #000; }
legend.head { padding: 0 0 8px; }
legend span, label span { position: absolute; height: 0; overflow: hidden; }

.mobile .member-form { background: #ffcc00; padding: 10px; margin-bottom: 10px; }
.member-form label { font-size: 14px; }
.mobile .member-form input.member-input { border: 0; -webkit-text-size-adjust: 140%; height: 22px; overflow: hidden; width: 100%; padding: 3px 0; display: block; background: #fff; }

.mobile .member-form .btn-location { position: absolute; right: 0; top: 0; -webkit-border-radius: 3px; background: #000; padding: 1px; }

.member-form input, .member-form select { -webkit-text-size-adjust: 140%; }
.member-form select { width: 100%; }

.member-form .type { padding: 10px 0 0; overflow: hidden; clear: both; float: none; }
.mobile .member-form .btn { background: #000; color: #fff; min-width: 80px; float: right; }
.member-form .submit { overflow: hidden; clear: both; float: none; }


/* occasion webview for dealer iphone app */

.bar { width: 100%; margin: 0; padding: 10px; display: table; list-style: none; background: black !important; text-align: center; }
.bar li { width: 20%; padding: 0 1px 0 0; display: table-cell; background: url(/images/bg_sort_border.png) right top no-repeat; }
.bar li a { height: 29px; display: block; background: url(/images/mobile/bg_sort_normal.png) repeat-x; font-weight: bold; line-height: 29px; color: white; text-decoration: none; text-shadow: #222222 1px 1px 1px; -webkit-text-size-adjust: 60%; }
.bar li a:active, .bar li a.asc, .bar li a.active{ background: url(/images/mobile/bg_sort_active.png) repeat-x; }
.bar li a.first { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
.bar li a.last { border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-right: none; }

.occasions-list { margin: 0; padding: 0; list-style: none; }
.occasions-list li { height: 80px; border-bottom: 1px solid #e0e0e0; background: url(/images/mobile/bullet_info_list.gif) no-repeat 95% 50%; }
.occasions-list li a { display: block; padding: 10px 30px 10px 10px; text-decoration: none; color: black; -webkit-text-size-adjust: 60%; line-height: 14px; }
.occasions-list li a .img { width: 80px; height: 60px; display: inline-block; float: left; margin: 0 5px 0 0; background: url(/images/mobile/nocar.png) no-repeat; }
.occasions-list li a .wide { margin: 0 10px 0 0; }
.occasions-list li a .price { display: inline-block; margin: 5px 0 0 0; -webkit-text-size-adjust: 60%; }

.article-pagination.bigger { margin: 0; }
.article-pagination.bigger li a:link, .article-pagination.bigger li a:visited, .article-pagination.bigger li a:hover, .article-pagination.bigger li a:active { width: 30px; height: 30px; line-height: 30px; margin-left: 10px; color: black; }

.noresults { padding: 250px 0 0 0; color: #808896; font-weight: bold; text-align: center; background: url(/images/mobile/occasion.png) no-repeat center 70px; }


/* occasion detail webview for dealer iphone app */

.occasion-detail { padding: 9px; }
.occasion-detail .header { overflow: hidden; margin: 0 0 20px 0; padding: 0; }
.occasion-detail .header div { margin: 0 10px 0 0; float: left; border: 2px solid #ababab; border-radius: 10px; }
.occasion-detail .header div img { border-radius: 8px; -webkit-border-radius: 8px; }
.occasion-detail .header h2 { width: 65%; padding: 0; float: left; font-size: 100%; line-height: 22px; }
.occasion-detail .header em { float: left; font-size: 80%; }

.table-view { margin: 0 0 20px 0; padding: 0; list-style: none; border: 1px solid #ababab; border-radius: 10px; -webkit-border-radius: 10px; }
.table-view li { padding: 10px; position: relative; border-top: 1px solid #ababab; text-align: right; overflow: hidden; }
.table-view li:first-child { border: none; }
.table-view li strong { float: left; text-align: left; }
div.table-view { padding: 10px; background: white; }
.table-view.thumbs li { padding-right: 0; }
.table-view.thumbs li a { margin: 0 10px 8px 0; float: left; border: 2px solid white; border-radius: 5px; -webkit-border-radius: 5px; }
.table-view.thumbs li a.active { border-color: #ababab; }
.table-view.thumbs li a img { width: 42px; height: 32px; border-radius: 4px; -webkit-border-radius: 4px; }
.table-view.largeimg img { width: 278px; height: 209px; border-radius: 10px; -webkit-border-radius: 10px; }
.table-view.href a { text-decoration: none; color: black; }
.table-view.back li { background: url(/images/mobile/bullet_info_list_reverse.png) no-repeat 10px 50%; text-align: left; text-indent: 20px; }
.table-view.back li a { display: block; }

.table-view.message { background-color: white !important; }
.table-view.message li { text-align: center; font-weight: bold; }


/* autolog webview for dealer iphone app */

.autologwrap { padding: 9px; -webkit-text-size-adjust: 80%; }
.autologwrap ul { list-style: none; padding: 0; margin: 0 0 15px 0; overflow: hidden; background: none !important; }
.autologwrap li.price-info { width: 45%; padding: 15px 5px 10px 5px; float: right; background: #ffc900; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; }
.autologwrap li.price-info:first-child { float: left; }
.autologwrap li.price-info strong { display: block; font-size: 80%; }
.autologwrap li.price-info span { font-size: 60%; line-height: normal; }
.autologwrap li.price-info p { font-size: 140%; font-weight: bold; }
.autologwrap li div { margin: 0; font-family: Arial; -webkit-text-size-adjust: 100%; color: black; text-indent: 10px; clear: both; }
.autologwrap dl { padding: 15px 10px 10px 10px; overflow: hidden; border: 1px solid #ababab; border-radius: 10px; -webkit-border-radius: 10px; background: white; }
.autologwrap dt { width: 65%; margin: 0 0 5px 0; padding: 0; float: left; font-weight: bold; }
.autologwrap dd { width: 25%; margin: 0 0 5px 0; padding: 0; float: left; }