/* ---- FILE HEADER: \global\content\css\couponspecials.css ---- */
/* Print CSS */
@media print {
body { background: #fff;color: #000;font-size:12px;font-family:Arial,Verdana,Sans-serif;line-height:1.2;text-align:center;padding:30px 0; }
/* -------------------------
Coupons
--------------------------*/
.couponContainer {
background: none;
border: dashed 3px #999;
float: left;
width: 300px;
margin-right: 12px;
padding: 6px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.couponContainer > .row .columns { width: 100%; }
.couponImage { padding-bottom: 0; }
.couponPrice h1 { font-size: 36px;line-height: 1;margin-bottom: 0; }
.couponHeader h3 { font-weight: normal; }
.couponInfo { border: none; }
.couponInfo, .couponDisclaimer, .couponExpiration { background: transparent;color: #000; }
.couponDisclaimer, .couponDisclaimer p { font-size: 11px;font-style: italic;color: #666; }
.couponDisclaimer p { padding: 0 12px; }
.couponExpiration { padding-bottom: 12px; }
.couponPrint, .couponPrintAll { display:none; }
.formContainer [class^="hpt-field"] {display:none;}
.formContainer .temporal {display:none;}
}
/* ---- FILE HEADER: \global\css\foundation.css ---- */
/* Foundation v2.2 http://foundation.zurb.com */
/* Artfully Masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/
/* --------------------------------------------------
:: Global Reset & Standards
-------------------------------------------------- */
/*
Eric Meyer's CSS Reset
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
html {
overflow-y: scroll;font-size: 62.5%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
sub {vertical-align: sub;}
sup {vertical-align: super;}
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
::-moz-selection { background: #39f; color: #fff; text-shadow: none; }
::selection { background: #39f; color: #fff; text-shadow: none; }
/* --------------------------------------------------
:: Links
-------------------------------------------------- */
a { color: #2a85e8; text-decoration: none; line-height: inherit; }
a:hover { color: #11639d; }
a:focus { color: #cc4714; outline: none; }
p a, p a:visited { line-height: inherit; }
/* --------------------------------------------------
:: Lists
-------------------------------------------------- */
ul, ol { margin-bottom: 18px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
li { margin-bottom: 12px; }
ul.large li { line-height: 21px; }
/* --------------------------------------------------
:: Tables
-------------------------------------------------- */
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
/*table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }*/
table thead tr th,
/*table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }*/
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even,
table tbody tr.alt { background: #EDEDED; }
table tbody tr:nth-child(even) { background: #EDEDED; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
/* --------------------------------------------------
:: Misc
---------------------------------------------------*/
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.highlight { background: #ff0; }
/* Artfully Masterminded by ZURB */
/* --------------------------------------------------
:: Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
p { font-size: 13px; line-height: 1.25; margin: 0 0 18px; }
p img { margin: 0; }
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
/* Blockquotes */
blockquote, blockquote p { line-height: 20px; color: #777; }
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }
/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
p a, p a:visited { color: #444 !important; text-decoration: underline; }
p a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
}
/* Artfully Masterminded by ZURB */
/* --------------------------------------------------
:: Grid
This is the mobile-friendly, responsive grid that
lets Foundation work much of its magic.
-------------------------------------------------- */
.container { padding: 0 20px; }
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0; }
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.row .one { width: 4.3%; }
.row .two { width: 13%; }
.row .three { width: 21.679%; }
.row .four { width: 30.37%; }
.row .five { width: 39.1%; }
.row .six { width: 47.8%; }
.row .seven { width: 56.5%; }
.row .eight { width: 65.2%; }
.row .nine { width: 73.9%; }
.row .ten { width: 82.6%; }
.row .eleven { width: 91.3%; }
.row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 13.1%; }
.row .offset-by-two { margin-left: 21.8%; }
.row .offset-by-three { margin-left: 30.5%; }
.row .offset-by-four { margin-left: 39.2%; }
.row .offset-by-five { margin-left: 47.9%; }
.row .offset-by-six { margin-left: 56.6%; }
.row .offset-by-seven { margin-left: 65.3%; }
.row .offset-by-eight { margin-left: 74.0%; }
.row .offset-by-nine { margin-left: 82.7%; }
.row .offset-by-ten { margin-left: 91.4%; }
.row .centered { float: none; margin: 0 auto; }
.row .offset-by-one:first-child { margin-left: 8.7%; }
.row .offset-by-two:first-child { margin-left: 17.4%; }
.row .offset-by-three:first-child { margin-left: 26.1%; }
.row .offset-by-four:first-child { margin-left: 34.8%; }
.row .offset-by-five:first-child { margin-left: 43.5%; }
.row .offset-by-six:first-child { margin-left: 52.2%; }
.row .offset-by-seven:first-child { margin-left: 60.9%; }
.row .offset-by-eight:first-child { margin-left: 69.6%; }
.row .offset-by-nine:first-child { margin-left: 78.3%; }
.row .offset-by-ten:first-child { margin-left: 87%; }
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
/* Source Ordering */
.push-two { left: 17.4% }
.push-three { left: 26.1%; }
.push-four { left: 34.8%; }
.push-five { left: 43.5%; }
.push-six { left: 52.2%; }
.push-seven { left: 60.9%; }
.push-eight { left: 69.6%; }
.push-nine { left: 78.3%; }
.push-ten { left: 87%; }
.pull-two { right: 17.4% }
.pull-three { right: 26.1%; }
.pull-four { right: 34.8%; }
.pull-five { right: 43.5%; }
.pull-six { right: 52.2%; }
.pull-seven { right: 60.9%; }
.pull-eight { right: 69.6%; }
.pull-nine { right: 78.3%; }
.pull-ten { right: 87%; }
img, object, embed { max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after, .cf:before, .cf:after { content:""; display:table; }
.row:after, .clearfix:after, .cf:after { clear: both; }
.row, .clearfix, .cf { zoom: 1; }
/* --------------------------------------------------
:: Block grids
These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones
For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; }
.block-grid>li { display: block; height: auto; float: left; }
.block-grid.two-up { margin-left: -4% }
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
.block-grid.three-up { margin-left: -2% }
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
.block-grid.four-up { margin-left: -2% }
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
.block-grid.five-up { margin-left: -1.5% }
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
/* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
/* Artfully masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Buttons
:: Alerts
:: Labels
:: Tabs
:: Pagination
:: Breadcrumbs
:: Lists
:: Panels
:: Nav
:: Video
:: Microformats
*/
/* --------------------------------------------------
Buttons
-------------------------------------------------- */
.button {
background: #00a6fc;
display: inline-block;
text-align: center;
padding: 9px 34px 11px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 13px; font-size: 1.3rem;
line-height: 1;
font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
position: relative;
cursor: pointer;
border: none;
outline: none;
margin: 0;
}
/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }
/* Hide inner focus effect in Firefox */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.button.nice {
background: #00a6fc;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
background: #00a6fc, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
background: #00a6fc, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
border: 1px solid #0593dc;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
}
.button.radius {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.button.round {
-moz-border-radius: 1000px;
-webkit-border-radius: 1000px;
border-radius: 1000px;
}
.button.full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
.button.left-align {
text-align: left;
text-indent: 12px;
}
/* Sizes ---------- */
.tiny.button { font-size: 10px; padding: 6px 14px 8px; width: auto; }
.small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; }
.medium.button { font-size: 13px; width: auto; }
.large.button { font-size: 18px; padding: 11px 48px 13px; width: auto; }
/* Nice Sizes ---------- */
.nice.tiny.button { background-position: 0 -37px; }
.nice.small.button { background-position: 0 -34px; }
.nice.large.button { background-position: 0 -30px; }
/* Colors ---------- */
.blue.button { background-color: #00a6fc; }
.red.button { background-color: #e91c21; }
.white.button { background-color: #e9e9e9; color: #333; }
.black.button { background-color: #141414; }
.green.button { background-color: #5b8737; }
/* Nice Colors ---------- */
.nice.blue.button { border: 1px solid #0593dc; }
.nice.red.button { border: 1px solid #b90b0b; }
.nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; }
.nice.black.button { border: 1px solid #000; }
.nice.green.button { border: 1px solid #4a6b2d; }
/* Hovers ---------- */
.button:hover, .button:focus { background-color: #0192dd; color: #fff; }
.blue.button:hover, .blue.button:focus { background-color: #0192dd; }
.red.button:hover, .red.button:focus { background-color: #d01217; }
.white.button:hover, .white.button:focus { background-color: #dadada; color: #333; }
.black.button:hover, .black.button:focus { background-color: #000; }
.green.button:hover, .green.button:focus { background-color: #699c40; }
/* Hovers ---------- */
.nice.button:active {
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
}
/* Disabled ---------- */
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
/* Correct FF button padding */
@-moz-document url-prefix(http://)
{
input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
input[type=submit].tiny.button { padding: 5px 14px 7px; }
input[type=submit].small.button { padding: 7px 20px 8px; }
input[type=submit].medium.button { padding: 8px 34px 9px; }
input[type=submit].large.button { padding: 9px 48px 10px; }
}
/* --------------------------------------------------
Alerts
-------------------------------------------------- */
div.alert-box, #cmsMessage.info { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; }
.alert-box.success, #cmsMessage.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
.alert-box.warning { background-color: #f68b01; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
.alert-box.error, #cmsMessage.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }
.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }
/* --------------------------------------------------
Labels
-------------------------------------------------- */
.label { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; }
.label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* Colors ---------- */
.blue.label { background-color: #00a6fc; }
.red.label { background-color: #e91c21; }
.green.label { background-color: #7fae00; }
.white.label { background-color: #e9e9e9; color: #333; }
.black.label { background-color: #141414; }
/* --------------------------------------------------
Tabs
-------------------------------------------------- */
dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }
.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
.nice.tabs dd:first-child a.active { margin-left: 0; }
dl.tabs.vertical { height: auto; }
dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }
.nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }
.nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; }
.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
.nice.tabs.vertical dd:first-child a.active { margin: 0; }
ul.tabs-content { margin: 0; display: block; }
ul.tabs-content>li { display:none; }
ul.tabs-content>li.active { display: block; }
dl.contained, dl.nice.contained { margin-bottom: 0; }
dl.contained.tabs dd a { padding: 0 14px; }
dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
ul.contained.tabs-content { padding: 0; }
ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; }
ul.nice.contained.tabs-content>li { border-color: #eee; }
/* --------------------------------------------------
Pagination
-------------------------------------------------- */
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; }
/* --------------------------------------------------
Breadcrumbs
-------------------------------------------------- */
ul.breadcrumbs { display: block; background: #f4f4f4; padding: 7px 10px; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: ""; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
/* --------------------------------------------------
Lists
-------------------------------------------------- */
ul.nice, ol.nice { list-style: none; margin: 0; }
ul.nice li, ol.nice li { padding-left: 13px; position: relative }
ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; }
/* --------------------------------------------------
Panels
-------------------------------------------------- */
div.panel {
padding: 20px 20px 2px 20px;
background: #efefef;
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
margin: 0 0 20px 0;
}
/* --------------------------------------------------
Nav Bar with Dropdowns
-------------------------------------------------- */
.nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }
.nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }
.nav-bar>li>a.main { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
.nav-bar>li>input { margin: 0 16px; }
.nav-bar>li ul { margin-bottom: 0; }
.nav-bar>li li { line-height: 1.3; }
.nav-bar>li.has-flyout>a.main { padding-right: 36px; }
.nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
.nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }
.flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 40; }
.flyout.small { width: 200px; }
.flyout.large { width: 600px; }
.flyout.right { left: auto; right: 0; }
.flyout p:last-child { margin-bottom: 0; }
.nav-bar>li .flyout { display: none; }
/* --------------------------------------------------
Sub Navs
http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na
-------------------------------------------------- */
dl.sub-nav {
display: block;
width: auto;
overflow: hidden;
margin: -4px 0 18px -9px;
padding-top: 4px;
}
dl.sub-nav dt, dl.sub-nav dd {
float: left;
display: inline;
margin-left: 9px;
margin-bottom: 4px;
}
dl.sub-nav dt {
color: #999;
font-weight: normal;
}
dl.sub-nav dd a {
text-decoration: none;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
dl.sub-nav dd.active a {
background: #00A6FC;
color: #fff;
padding: 3px 9px;
}
/* --------------------------------------------------
Video
Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
-------------------------------------------------- */
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------------------------------
Microformats
-------------------------------------------------- */
/* hCard */
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
/* --------------------------------------------------
Tooltips
-------------------------------------------------- */
.has-tip {
border-bottom: dotted 1px #ccc;
cursor: help;
font-weight: bold;
color: #333;
}
.has-tip:hover {
border-bottom: dotted 1px #0593dc;
color: #0192dd;
}
.tooltip {
display: none;
background: rgb(0,0,0);
background: rgba(0,0,0,0.8);
position: absolute;
color: #fff;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
padding: 5px;
z-index: 999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: normal;
}
.tooltip > .nub {
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent rgb(0,0,0) transparent;
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
position: absolute;
top: -10px;
left: 10px;
}
.tooltip.tip-override > .nub {
border-color: transparent transparent rgb(0,0,0) transparent !important;
border-color: transparent transparent rgba(0,0,0,0.8) transparent !important;
top: -10px !important;
}
.tooltip.tip-top > .nub {
border-color: rgb(0,0,0) transparent transparent transparent;
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
top: auto;
bottom: -10px;
}
.tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right {
float: none !important;
}
.tooltip.tip-left > .nub {
border-color: transparent transparent transparent rgb(0,0,0);
border-color: transparent transparent transparent rgba(0,0,0,0.8);
right: -10px;
left: auto;
}
.tooltip.tip-right > .nub {
border-color: transparent rgb(0,0,0) transparent transparent;
border-color: transparent rgba(0,0,0,0.8) transparent transparent;
right: auto;
left: -10px;
}
.tooltip.noradius {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.has-tip.opened {
color: #0192DD !important;
border-bottom: dotted 1px #0593DC !important;
}
.tap-to-close {
display: block;
font-size: 10px;
font-size: 1.0rem;
color: #888;
font-weight: normal;
}
/* Artfully masterminded by ZURB
Make sure to include app.js / foundation.js if you are going to use inline label inputs
*/
/* -----------------------------------------
Standard Forms
----------------------------------------- */
form { margin: 0 0 18px; }
form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
input.input-text, textarea, select { display: block; margin-bottom: 9px; }
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
/* Text input and textarea font and padding */
input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; }
input.input-text:focus, textarea:focus { outline: none !important; }
input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
input.input-text:focus, textarea:focus { background: #f9f9f9; }
/* Text input and textarea, disabled */
input.input-text[disabled], textarea[disabled] { background-color: #ddd; }
/* Inlined Label Style */
input.placeholder, textarea.placeholder { color: #888; }
/* Text input and textarea sizes */
input.input-text, textarea { width: 254px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
input.small, textarea.small { width: 134px; }
input.medium, textarea.medium { width: 254px; }
input.large, textarea.large { width: 434px; }
input.expand, textarea.expand { width: 100%; }
/* Fieldsets */
form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
/* Inlined Radio & Checkbox */
.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
/* Errors */
.form-field.error input, input.input-text.red { border-color: #C00000; background-color: rgba(255,0,0,0.15); }
.form-field.error label, label.red { color: #C00000; }
.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: #C00000; width: 254px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.small + small.error { width: 134px; }
.medium + small.error { width: 254px; }
.large + small.error { width: 434px; }
.expand + small.error { width: 100%; }
.small.oversize + small.error { width: 144px; }
.medium.oversize + small.error { width: 264px; }
.large.oversize + small.error { width: 444px; }
.expand.oversize + small.error { width: 100%; }
/* -----------------------------------------
Nicer Forms
----------------------------------------- */
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; }
form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
/* Text input and textarea, disabled */
form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled] { background-color: #ddd; }
form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #C00000; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }
form.nice div.form-field.error .small.oversize + small, form.nice .small.oversize + small.error { width: 136px; }
form.nice div.form-field.error .medium.oversize + small, form.nice .medium.oversize + small.error { width: 256px; }
form.nice div.form-field.error .large.oversize + small, form.nice .large.oversize + small.error { width: 436px; }
/* -----------------------------------------
Custom Forms
----------------------------------------- */
form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; }
form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
form.custom span.custom.radio.checked { background-position: 0 -14px; }
form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 1px no-repeat; right: 0; top: 0; border: solid 1px #ddd; }
form.custom div.custom.dropdown:hover a.selector,
form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255,255,255,0.95); border: solid 1px #ddd; }
form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; margin: 0; white-space: nowrap}
form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 132px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 252px !important; }
form.custom div.custom.dropdown.open.large ul { width: 432px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; box-sizing: border-box; }
/* Custom input, disabled */
form.custom .custom.disabled { background-color: #ddd; }
/* -----------------------------------------
Nicer Custom Forms
----------------------------------------- */
form.custom.nice span.custom.checkbox { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
form.custom.nice div.custom.dropdown a.current { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-image: url(../images/misc/input-bg-outset.png); background-position: bottom right; }
form.custom.nice div.custom.dropdown a.selector { height: 27px; border-width: 0 0 0 1px; }
form.custom.nice div.custom.dropdown ul { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
/* CSS for jQuery Orbit Plugin 1.4.0
* Maintained for Foundation. foundation.zurb.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
/* CONTAINER
================================================== */
div.orbit-wrapper {
width: 1px;
height: 1px;
position: relative; }
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden }
div.orbit.with-bullets {
margin-bottom: 40px; }
div.orbit .orbit-slide {
max-width: 100%;
position: absolute;
top: 0;
left: 0; }
div.orbit a.orbit-slide {
border: none;
line-height: 0;
display: none; }
div.orbit div.orbit-slide {
width: 100%;
height: 100%; }
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
================================================== */
div.orbit-wrapper div.timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
opacity: .6;
cursor: pointer;
z-index: 31; }
div.orbit-wrapper span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(../images/orbit/rotator-black.png) no-repeat;
z-index: 3; }
div.orbit-wrapper span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden; }
div.orbit-wrapper span.rotator.move {
left: 0 }
div.orbit-wrapper span.mask.move {
width: 40px;
left: 0;
background: url(../images/orbit/timer-black.png) repeat 0 0; }
div.orbit-wrapper span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
background: url(../images/orbit/pause-black.png) no-repeat;
z-index: 4;
opacity: 0; }
div.orbit-wrapper span.pause.active {
background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }
div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper span.pause.active {
opacity: 1 }
/* CAPTIONS
================================================== */
.orbit-caption {
display: none;
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0,0,0,.6);
z-index: 30;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%; }
/* DIRECTIONAL NAV
================================================== */
div.orbit-wrapper div.slider-nav {
display: block }
div.orbit-wrapper div.slider-nav span {
width: 78px;
height: 100px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -50px;
cursor: pointer; }
div.orbit-wrapper div.slider-nav span.right {
background: url(../images/orbit/right-arrow.png);
right: 0; }
div.orbit-wrapper div.slider-nav span.left {
background: url(../images/orbit/left-arrow.png);
left: 0; }
/* BULLET NAV
================================================== */
ul.orbit-bullets {
position: absolute;
z-index: 30;
list-style: none;
bottom: -40px;
left: 50%;
margin-left: -50px;
padding: 0; }
ul.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden; }
ul.orbit-bullets li.active {
color: #222;
background-position: -8px 0; }
ul.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px; }
ul.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000; }
/* FLUID LAYOUT
================================================== */
div.orbit img.fluid-placeholder {
visibility: hidden;
position: static;
display: block;
width: 100%; }
div.orbit, div.orbit-wrapper { width: 100% !important; }
ul.orbit-bullets {
position: absolute;
z-index: 30;
list-style: none;
bottom: -50px;
left: 50%;
margin-left: -50px;
padding: 0; }
ul.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden; }
ul.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px; }
ul.orbit-bullets li.active {
color: #222;
background-position: -8px 0; }
ul.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000; }
/* CSS for jQuery Reveal Plugin
* Maintained for Foundation. foundation.zurb.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
/* --------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
z-index: 40;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 41;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal.xxlarge { width: 1024px; margin-left: -552px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
.reveal-modal .row {
min-width: 0;
}
/* Mobile */
@media handheld, only screen and (max-width: 1023px) {
.reveal-modal-bg { position: absolute; }
.reveal-modal,
.reveal-modal.small,
.reveal-modal.medium,
.reveal-modal.large,
.reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; }
}
@media handheld, only screen and (max-width: 767px) {
.reveal-modal-bg { position: absolute; }
.reveal-modal,
.reveal-modal.small,
.reveal-modal.medium,
.reveal-modal.large,
.reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; }
}
/*
NOTES
Close button entity is ×
Example markup
Awesome. I have it.
Your couch. I it's mine.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.
×
*/
/* --------------------------------------------------
:: Typography
-------------------------------------------------- */
@media handheld, only screen and (max-width: 767px) {
h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }
h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
}
/* --------------------------------------------------
:: Grid
-------------------------------------------------- */
/* Mobile */
@media only screen and (max-width: 767px) {
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.container { min-width: 0; margin-left: 0; margin-right: 0; }
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row .row .column, .row .row .columns { padding: 0; }
.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
[class*="column"]:before, [class*="column"]:after { content:""; display:table; }
[class*="column"]:after { clear: both; }
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
/* Mobile 4-column Grid */
.row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; }
.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
.row .phone-one { width: 21.68% !important; }
.row .phone-two { width: 47.8% !important; }
.row .phone-three { width: 73.9% !important; }
.row .phone-four { width: 100% !important; }
.row .push-one-phone { left: 26.08%; }
.row .push-two-phone { left: 52.2% }
.row .push-three-phone { left: 78.3% }
.row .pull-one-phone { right: 26.08% }
.row .pull-two-phone { right: 52.2% }
.row .pull-three-phone { right: 78.3%; }
}
/* --------------------------------------------------
:: Block Grids
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
.block-grid.mobile { margin-left: 0; }
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
}
/* --------------------------------------------------
:: Mobile Visibility Affordances
---------------------------------------------------*/
.show-on-phones { display: none !important; }
.show-on-tablets { display: none !important; }
.show-on-desktops { display: block !important; }
.hide-on-phones { display: block !important; }
.hide-on-tablets { display: block !important; }
.hide-on-desktops { display: none !important; }
/* Modernizr-enabled tablet targeting */
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.touch .hide-on-phones { display: block !important; }
.touch .hide-on-tablets { display: none !important; }
.touch .hide-on-desktops { display: block !important; }
.touch .show-on-phones { display: none !important; }
.touch .show-on-tablets { display: block !important; }
.touch .show-on-desktops { display: none !important; }
}
@media only screen and (max-width: 767px) {
.hide-on-phones { display: none !important; }
.hide-on-tablets { display: block !important; }
.hide-on-desktops { display: block !important; }
.show-on-phones { display: block !important; }
.show-on-tablets { display: none !important; }
.show-on-desktops { display: none !important; }
}
/* Specific overrides for elements that require something other than display: block */
table.show-on-desktops { display: table !important; }
table.hide-on-phones { display: table !important; }
table.hide-on-tablets { display: table !important; }
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.touch table.hide-on-phones { display: table !important; }
.touch table.hide-on-desktops { display: table !important; }
.touch table.show-on-tablets { display: table !important; }
}
@media only screen and (max-width: 767px) {
table.hide-on-tablets { display: table !important; }
table.hide-on-desktops { display: table !important; }
table.show-on-phones { display: table !important; }
}
/* --------------------------------------------------
:: Forms
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea,
form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 18px; }
form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }
form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }
form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }
form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }
form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; }
}
/* --------------------------------------------------
:: UI
---------------------------------------------------*/
/* Buttons */
@media only screen and (max-width: 767px) {
.button { display: block; }
button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; }
}
/* Tabs */
@media only screen and (max-width: 767px) {
dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
.nice.tabs.mobile dd:first-child a.active { margin: 0; }
dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
}
/* Nav Bar */
@media only screen and (max-width: 767px) {
.nav-bar { height: auto; }
.nav-bar>li { float: none; display: block; border-right: none; }
.nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
.nav-bar>li:first-child>a.main { border-top: none; }
.nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; border-left: 1px dashed #eee; display: block; }
.nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }
.nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; }
.flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; }
.flyout.right { float: none; right: auto; left: -1px; }
.flyout.small, .flyout.large { width: auto; }
.flyout p:last-child { margin-bottom: 18px; }
}
/* Tooltips */
@media only screen and (max-width: 767px) {
.tooltip {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
padding: 7px 10px 9px 10px;
}
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
border-color: transparent transparent rgb(0,0,0) transparent;
border-color: transparent transparent rgba(0,0,0,0.85) transparent;
top: -12px;
left: 10px;
}
}
/* Video */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/* ---- FILE HEADER: \environment-web\content\css\itemtheme.css ---- */
/*-----------------------------------------------------------
Item Styles for both Content Editor and Items
*Any Item Style must go here and must be commented
---------------------------------------------------------- */
/*-----------------------------------------------------------
Header Tags - Overwrites Foundation
----------------------------------------------------------
h1,.h1, h2, .h2, h3, .h3, h4, .h4 {font-weight: bold;font-style: normal;color: #231F20;}
h5, .h5, h6, .h6 { font-weight: normal;font-style: italic;color: #231F20;}
h1, .h1 {font-size: 18px;}
h2, .h2 {font-size: 14px;}
h3, .h3 {font-size: 12px;}
h4, .h4 {font-size: 10px;}
h5, .h5 {font-size: 10px;}
h6, .h6 {font-size: 8px;}
*/
/*------------------------------------------------------------
Body and Links
------------------------------------------------------------*/
body {font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size:11px; color: #231F20;}
a {color: #069;cursor: pointer;}
a:visited {color: #803F97;text-decoration: underline;}
a:focus, a:hover {color: #666;text-decoration: none;}
table { width: 100%; }
/*------------------------------------------------------------
Input Colors & Alignment
------------------------------------------------------------*/
input{font:normal 11px Arial,sans-serif; color: #000;}
input[type="text"], input[type="email"], textarea{border:solid 1px #BFBFBF;border-radius:2px;background:#fff;padding: 4px 0; }
input[type="text"]:focus, textarea:hover, input[type="email"]:hover {-webkit-box-shadow: 0 0 0px 2px #F7931E; box-shadow: 0 0 0px 2px #F7931E;outline: none;}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{padding: 6px 0;background: #fff; border: solid 1px #999;position: absolute;}
li.ui-menu-item{ margin-bottom: 0;text-indent: 12px;}
/*------------------------------------------
Form Setup
-------------------------------------------*/
form{font-size:11px;}
dl, .form dl {margin-bottom: 18px;}
dd, .form dd{margin-bottom: 12px;}
ul, dl, ol{font-size:11px;}
ol li.header, .form ol li.header{margin-left:0; list-style:none; display:block;}
dt, .header, .form dt {font:bold 14px Arial,sans-serif;color: #231F20; margin-bottom:12px;}
label{ font: bold 11px Arial,sans-serif; color: #231F20; display:block; margin-bottom:0; }
input.form, input { font-size:11px; }
select{background:#fff;border:1px solid #bfbfbf;font:normal 11px Arial,sans-serif;height:24px;padding:0 0 0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
/* Types, Add more if need */
input[type="text"],input[type="email"],input[type="password"],textarea,input[type="text"] { border:1px solid #bfbfbf;background:#fff;color:#231f20;font:normal 11px Arial,sans-serif;text-indent:6px;padding:4px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
.field-validation-error{ color:#c1272d;display:block;font:bold 10px Arial;margin-top:6px }
.formContainer textarea {
overflow: hidden;
}
.formContainer .dds-cfs-form-dropdown {
overflow: visible;
}
/* Temporal Honey Pot */
.temporal { display:none; }
.hpt-field { margin-left:-9999em; position:absolute; }
.hpt-field2 { left:50%; max-width:1em; z-index:-9999; position:absolute; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ }
.disabled-form-mask {
background: #fff;
height: 100%;
left: 0;
opacity: .7;
position: absolute;
top: 0;
width: 100%;
z-index: 40;
}
/*------------------------------------------
Input + inputs (Block Style)
-------------------------------------------*/
label + select, label + textarea, label + input[type=text], label + input[type=email], label + input[type=password]
{margin-top:0;background: #FFF;}
#awp_videoForm textarea{margin-bottom:9px;}
label + input[type=checkbox]{margin-top:0;background: #FFF;}
label + select {margin-top: 2px;}
input[type=checkbox] + label, input[type=radio] + label{display:inline-block;vertical-align: middle; font-weight:normal;font-size:11px;margin-left:3px; }
input[type=checkbox], .input[type=radio] {margin:0;}
/*------------------------------------------
Input + inputs (Inline)
-------------------------------------------*/
li.inline label, dd.inline label, .form li.inline label, .form dd.inline label {display:inline;}
.inline label + select, .form.inline label + select{display:inline;}
.inline label + textarea, .form.inline label + textarea{display:inline;vertical-align:top;}
.inline li, .inline dd, .form.inline li, .form.inline dd{display:inline-block;margin-right:12px;}
.inline .not-inline, .inline .header, .form.inline .not-inline, .form.inline .header{display:block;}
.form .left { margin-right: 12px;}
li ul.inline li, .form li ul.inline li {display:inline; margin-right:12px;}
li ul.inline, li.not-inline, .form li ul.inline, .form li.not-inline {display:block;}
input[type="text"]:focus,input[type="text"]:hover, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
-webkit-box-shadow: 0px 0px 0px 2px #F7931E;
-moz-box-shadow: 0px 0px 0px 2px #F7931E;
box-shadow: 0px 0px 0px 2px #F7931E;
}
/*------------------------------------------
Misc List
-------------------------------------------*/
.group ul {margin-bottom: 0;}
li a.ui-corner-all {color: #000;text-decoration: none;}
li.text-right { padding-top: 12px;}
/*------------------------------------------------------------
16 x 16 Icons
------------------------------------------------------------*/
.iconSm { display:inline-block!important;zoom:1;width:16px;height:16px;margin-right:2px;cursor:pointer;background:url(https://s3.amazonaws.com/dom-cms/Global/images/icon-set.png) no-repeat;vertical-align:middle }
/*------------------------------------------------------------
Inventory Details Item
------------------------------------------------------------*/
#invProfileFormBlock p { margin-bottom: 1.5%; margin-top: 1.5% }
#Profilefrm label input { margin: 2px 0 0 3px; vertical-align: top; }
#Profilefrm .ContactHow.four-up li { text-align: center; }
/*------------------------------------------------------------
Form Item
------------------------------------------------------------*/
/* Form Item Editor */
.formItemEditor {border: solid 1px #CFCFCF;padding: 6px; font-size:11px;}
.formItemEditor .form-item {padding: 6px;overflow: auto;}
.form-item-hover {border: dashed 1px #CFCFCF;}
.formItemEditor li label {font-weight: bold;font-size:11px;}
/* Form */
.formItemEditor textarea, .formItemEditor input[type=text] {width: 250px;background: #FFF;}
.formItemEditor .options {margin-left: 24px;}
.formItemEditor a {text-decoration: underline;color: #0055AA;}
.scrollDetails{max-height: 283px;overflow-y: scroll;overflow-x: hidden;}
.Details{max-height: 283px;overflow-y: auto;overflow-x: hidden;}
.formItemEditor .clear {clear: both;}
#formProperties .clear {clear: both;}
/* Previous Next and Submit Buttons */
fieldset input[type="button"].dds-web-form-nextButton, fieldset input[type="submit"] {
float: right;
margin-bottom: 12px;
}
.formItemList { min-height: 250px; padding: 6px; }
.formItemList .form { margin-bottom: 0; }
.form-item label{ margin-bottom: 3px; }
.form-item label + textarea { margin-top: 3px; }
.formItem .chzn-container, .form-item .chzn-container {width:254px;}
label em {color:#C1272D;font-weight:bold;margin-left:1px;}
/* Form w/ Disclaimer */
/* .formContainer { border: 1px solid #A1B3B0; background: #FFF; box-sizing:border-box; } */
.formDisclaimer { margin-bottom:12px;padding:12px;font-style:italic;text-indent:14px;background:url(https://s3.amazonaws.com/dom-cms/Global/images/lock.png) no-repeat #eee 9px 12px; }
.formContainer form { padding:12px;margin-bottom: 0; }
/* CSS Modifications for Customer Facing Sites Lead Generating Coupons */
/* Button to Close Dialog */
.couponDialog.reveal-modal a.close-reveal-modal { background:url(https://s3.amazonaws.com/dom-cms/Global/Inventory/images/invSprites.png) -314px -274px;display:block;width:37px;height:36px;top:5px;right:5px; }
.couponDialog.reveal-modal{ background-image:none;padding:20px;z-index: 30001; }
.couponDialog-bg.reveal-modal-bg { z-index: 30000; }
.couponDialog.reveal-modal ul, .couponDialog.reveal-modal li { margin-bottom: 0; }
.couponDialog textarea { width:100%; }
.couponDialog .couponClientArea { text-align:center;line-height: 27px;border-bottom: solid 1px #999; }
.couponDialog .couponContainer .mapPrint { margin-bottom: 12px;font-size:10px; }
.couponDialog .couponContainer .mapPrint a{ color:#fff; }
.couponDialog input[type=text], .couponDialog input[type=file], .couponDialog input[type=email], .couponDialog input[type=password], .couponDialog textarea, .couponDialog select { width: 100%; }
/* Makes Modal Cover all of the screen - Double Check on Mobile First */
@media handheld, only screen and (max-width: 767px) {
.couponDialog.reveal-modal-bg { position: fixed !important; }
}
@media handheld, only screen and (max-width: 1023px) {
.couponDialog.reveal-modal-bg { position: fixed !important; }
}
/*------------------------------------------------------------
Coupon Item
------------------------------------------------------------*/
.columns { border: 0;}
.couponContainer {
background: url(../Content/images/silverBg.png) repeat-x bottom #fff; border:solid 3px #838a8f; width: auto; margin-bottom: 12px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8); -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8);
}
.couponContainer .row { min-width: inherit; }
.couponContainer .columns {outline: none;min-height:inherit;margin:0;}
.couponContainer a:hover {text-decoration:underline;}
.couponContainer ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; }
.couponContainer ul li { margin-bottom: 4px; }
.couponContainer ul ul { list-style: circle outside none; }
.couponContainer ul.square, .couponContainer ul ul.square { list-style: square outside; }
.couponContainer ul.circle, .couponContainer ul ul.circle { list-style: circle outside; }
.couponContainer ul.disc, .couponContainer ul ul.disc { list-style: disc outside; }
.couponContainer form ul { list-style: none; margin: 0 0 18px; }
.couponContainer form ul li { margin-bottom: 12px; }
.couponContainer form ul ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; }
.couponContainer form ul ul li { margin-bottom: 4px; }
.couponContainer form ul ul ul { list-style: circle outside none; }
.couponContainer ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; }
.couponContainer ol li, .couponContainer form ol li { margin-bottom: 4px; }
.couponContainer ol ol { list-style: decimal outside none; }
.couponDisclaimer p, .couponExpiration p, .couponInfo p{padding: 6px 0;margin-bottom: 0;}
.couponInfo { border-top: solid 1px #999;}
.couponOption { text-align: center;-ms-word-wrap: break-word; word-wrap: break-word; }
.couponImage img { max-width: 60%;}
.couponPrint{ text-align: right;}
.mapPrint {margin: 0 12px 8px 0;}
.mapPrint:hover, .print:hover{ text-decoration: underline;}
/* Colors */
.couponPrintAll a {color:#000;}
.couponDisclaimer, .couponExpiration, .couponExpiration a, .couponPrint a {color: #fff;}
/* Font Sizes */
.couponDisclaimer p, .couponExpiration p, a.print{font-size: 11px;}
.couponInfo p { font-size: 12px;}
.couponPrice h1 { font-size: 3.6em;margin-bottom: 6px;}
.couponHeader h3 { font-size: 1.8em;}
/* Background Images */
.couponPrint, .couponDisclaimer, .couponExpiration {background: url(../images/clearBlackPng.png) repeat bottom transparent;margin: 0;}
.couponContainer table, .couponContainer table tr, .couponContainer table th, .couponContainer table td { color: #58595B; }
/*------------------------------------------------------------
Payment Calculator Item
------------------------------------------------------------*/
#CalcPayment { width: 100%; }
#CalcPayment .row{width: auto;min-width: inherit;}
/* ----------------------------------------------------
Mini Images
--------------------------------------------------- */
ul.miniImages li label { min-width:170px;display:inline-block;background:#d1d1d1;border-radius:0 3px 3px 0; }
/*-------------------------------------------
* Staff Listing
-------------------------------------------*/
/* Applies border box to elements */
.borderBox, .border-box li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.block-grid.border-box > li {margin:0;} /* Removes margin in-between elements so designers can set them */
/* Allows Block Grid to display inline regardless of height differences - Can be used on any other block grid with borderBox */
.even-grid.block-grid.one-up { margin: 0; }
.even-grid.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.even-grid.block-grid.two-up { margin: 0 -15px; }
.even-grid.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.even-grid.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.even-grid.block-grid.three-up { margin: 0 -12px; }
.even-grid.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; }
.even-grid.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.even-grid.block-grid.four-up { margin: 0 -10px; }
.even-grid.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.even-grid.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.even-grid.block-grid.five-up { margin: 0 -8px; }
.even-grid.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.even-grid.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
/* When Mobile class is added, on mobile, the listings stack */
@media only screen and (max-width: 767px){.even-grid.block-grid.mobile > li{width: 100%;}}
/* IE8 Row Fix Class that gets added by Jquery */
.clearRow { clear: both; }
/* Basic Styling for meetTheStaff */
.department ul { text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; }
.department h3 {font-size:12px;}
.department ul dl { border: solid 1px #999;padding: 12px; }
.department ul dl dd{ margin-bottom: 0; }
.staffListItem a[id*="awpstaff_"], .awpstaff_Anchor { text-decoration: none; cursor: default; }
/*-------------------------------------------
* Specials
-------------------------------------------*/
/* Set Max and Minimum Width/Height of Specials here */
.InvSpecialBox, .InvSpecialsDisclaimer { min-width: inherit; max-width:600px; }
/* Outer Box - Box that surrounds an individual Special */
.InvSpecialBox { margin-bottom: 12px; border:solid 1px #999; background:url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') #fff repeat-x 0px -200px; }
/* Specials Flag */
.InvSpecialFlag h3 { color:#fff;padding:3px 6px;font:normal 1.8em/24px Arial,sans-serif;text-align:center;margin-bottom:0;border-top:1px solid #f4a1a1;border-bottom:solid 1px #3c0101;-webkit-text-shadow:0 0 2px #3c0101;text-shadow:0 0 2px #3c0101;background:url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') repeat-x 0 -100px; }
/* Fixes Slider control */
.invSpecialsSlideshow .flex-control-nav {position: relative;}
/* Specials Info Box */
/* Left Aligns All Detail Text */
.InvSpecialDetails{text-align: left;}
.InvInfoBox { padding:12px 0 !important;}
.InvSpecialImg img {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:solid 3px #777;margin-top: 6px;margin-left: 12px; }
.InvSpecialImg a{ display: block;width: 100%;height: 100%;}
.InvSpecialPrice, .InvSpecialName, .InvSpecialVehicleInfo { padding: 6px 12px 0 12px;}
.InvSpecialPrice {font: normal 2em/22px Arial, sans-serif; display: block;color:#cc0000;}
.InvSpecialAdditionalPriceText { font-size: 16px; -ms-word-wrap: break-word; word-wrap: break-word;-ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; }
.InvSpecialPriceSecondary ul { margin-bottom: 0; }
.InvSpecialPriceSecondary li { line-height: 1.4; margin-bottom: 0; }
.InvSpecialName a {font: bold 1.5em/23px Arial, sans-serif; text-decoration: none; color: #369; }
.InvSpecialVehicleInfo {font-size:1.2em;}
/* Footer */
.InvSpecialsFooter {margin:0 0 12px 0;text-align:center;}
.InvSpecialsFooter button{font-size:1.2em;padding: 9px 12px 11px;width:85%;}
.InvSpecialsFooter button a{color:#fff;font-weight: normal;}
.InvSpecialsFooter .button { border-top: 1px solid #80cf86; background: url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') repeat-x; -webkit-text-shadow: 0px 0px 2px #08361a; text-shadow: 0px 0px 2px #08361a; vertical-align: middle; }
.InvSpecialsFooter .button:hover {border-top-color: #02291e;background: #336699;}
.InvSpecialsFooter .button:active {border-top-color: #1b435e;background: #1b435e;}
/* Specials Body */
.InvSpecialVehicleBody { line-height: 1; padding: 4px 6px; margin: 0; text-align: justify; }
.InvSpecialVehicleBody h1, .InvSpecialVehicleBody h2, .InvSpecialVehicleBody h3, .InvSpecialVehicleBody h4 { line-height: 1; margin-bottom: 8px; }
.InvSpecialVehicleBody h1 { font-size: 18px; font-size: 1.8rem; }
.InvSpecialVehicleBody h2 { font-size: 16px; font-size: 1.6rem; }
.InvSpecialVehicleBody h3 { font-size: 14px; font-size: 1.4rem; }
.InvSpecialVehicleBody h4 { font-size: 12px; font-size: 1.2rem; }
.InvSpecialVehicleBody p { font-size: 12px; font-size: 1.2rem; line-height: 1; margin-bottom: 6px; text-align: justify; }
.InvSpecialVehicleBody ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; }
.InvSpecialVehicleBody ul li { margin-bottom: 4px; }
.InvSpecialVehicleBody ul ul { list-style: circle outside none; }
.InvSpecialVehicleBody ul.square, .InvSpecialVehicleBody ul ul.square { list-style: square outside; }
.InvSpecialVehicleBody ul.circle, .InvSpecialVehicleBody ul ul.circle { list-style: circle outside; }
.InvSpecialVehicleBody ul.disc, .InvSpecialVehicleBody ul ul.disc { list-style: disc outside; }
.InvSpecialVehicleBody ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; }
.InvSpecialVehicleBody ol li { margin-bottom: 4px; }
.InvSpecialVehicleBody ol ol { list-style: decimal outside none; }
/* Disclaimer */
.InvSpecialVehicleDisclaimer { border-top: 1px solid #999; font-size: 10px;font-size: 1em; line-height: 1.2; margin: 0; padding: 8px 6px; text-align: justify; }
.InvSpecialVehicleDisclaimer p { font-size: 10px;font-size: 1em; line-height: 1.2; padding: 0; margin: 0; text-align: justify; }
.InvSpecialVehicleDisclaimer ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; }
.InvSpecialVehicleDisclaimer ul li { margin-bottom: 4px; }
.InvSpecialVehicleDisclaimer ul ul { list-style: circle outside none; }
.InvSpecialVehicleDisclaimer ul.square, .InvSpecialVehicleDisclaimer ul ul.square { list-style: square outside; }
.InvSpecialVehicleDisclaimer ul.circle, .InvSpecialVehicleDisclaimer ul ul.circle { list-style: circle outside; }
.InvSpecialVehicleDisclaimer ul.disc, .InvSpecialVehicleDisclaimer ul ul.disc { list-style: disc outside; }
.InvSpecialVehicleDisclaimer ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; }
.InvSpecialVehicleDisclaimer ol li { margin-bottom: 4px; }
.InvSpecialVehicleDisclaimer ol ol { list-style: decimal outside none; }
/*Pagination*/
.SpecialsPagination .invIcon.tiny {
display: inline-block;
zoom: 1;
width: 11px;
height: 10px;
line-height: 10px;
cursor: pointer;
vertical-align: middle;
background: url(https://s3.amazonaws.com/dom-cms/Global/Inventory/images/invSpritesTiny.png) no-repeat;
}
.SpecialsPagination .invIcon.tiny.first {background-position: -11px -10px;}
.SpecialsPagination .invIcon.tiny.first:hover {background-position: -55px -10px;}
.SpecialsPagination .invIcon.tiny.last {background-position: -44px -10px;}
.SpecialsPagination .invIcon.tiny.last:hover {background-position: -88px -10px;}
/* Mobile Styles */
@media only screen and (max-width: 767px) {
.InvSpecialImg { text-align: center;}
/* Change Made Sept 14 by dbelle - testing to see why the css files on Amazon are reverting to older versions */
.flexslider .slides .InvSpecialImg img{ display: inline;}
.InvSpecialImg img{width:75%;margin-left: 0;}
.InvSpecialsFooter .button{font-size:1.8em;width:100%;border-radius: 0;}
.InvSpecialPrice, .InvSpecialName, .InvSpecialVehicleInfo {text-align: center;}
.InvSpecialPrice {font-size:2.5em;line-height: 28px;}
.InvSpecialName a {font-size: 20px;}
.InvSpecialVehicleInfo{font-size:1.6em;}
.NewUsedCertTitle {display: block;margin-right: 0;}
.InvSpecialsFooter button a{font-weight: bold;}
.InvSpecialsDisclaimer p {font-size: 1.4em;}
}
/* Outer Box
.InvSpecialBox {border: 1px solid #999; margin-bottom: 12px; min-width: inherit; max-width: 600px; background: url('../images/specialsSprites.png') #fff repeat-x 0px -250px; }
.InvSpecialFlag h3 { color:#fff; line-height:32px; font-weight:normal; font-size:1.8em; text-align:center; border-top: 1px solid #f4a1a1; border-bottom:solid 1px #3c0101; text-shadow: 0px 0px 2px #3c0101; background:url('../images/specialsSprites.png') repeat-x 0 -100px; }
.InvSpecialImg img {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:solid 3px #777;}
.InvInfoBox{padding:2%;}
.InvSpecialPrice {display: block;font-size: 2.2em;color:#cc0000;line-height: 28px;}
.InvSpecialName a {font-weight: bold; font-size: 16px; line-height: 28px; text-decoration: none; color: #369; }
.InvSpecialVehicleInfo {font-size:1.2em;}
.InvSpecialsFooter {text-align:center;}
.InvSpecialsFooter button{font-size:1.2em;padding: 9px 12px 11px;width:85%;}
.InvSpecialsFooter button a{color:#fff;}
.InvSpecialsFooter .button { border-top: 1px solid #F4A1A1;font-weight: 400;text-shadow: 0px 0px 2px #08361a;vertical-align: middle;background: url('../images/specialsSprites.png') repeat-x 0 -100px; }
.InvSpecialsFooter .button:hover {border-top-color: #02291e;background: #336699;color: #ccc;}
.InvSpecialsFooter .button:active {border-top-color: #1b435e;background: #1b435e;}
*/
/*-------------------------------------------
* Homepage Inventory Search
-------------------------------------------*/
#InvSearchBoxHP h3.invSrchHeader { font-size: 16px; font-size: 1.6rem; line-height: 1.4; }
#InvSearchBoxHP ul#InvSearchBoxTypeBox { margin-bottom: 0; }
#InvSearchBoxHP ul#InvSearchBoxTypeBox li { margin-bottom: 0; }
#InvSearchBoxHP ul#InvSearchBoxTypeBox li label { font-size: 11px; font-size: 1.1rem; margin-bottom: 4px; }
#InvSearchBoxHP ul#InvSearchBoxTypeBox li input { margin-right: 4px; vertical-align: text-bottom; }
#InvSearchBoxHP select { font-size: 13px; font-size: 1.3rem; font-weight: bold;float: none; }
#InvSearchBoxHP select option { font-size: 11px; font-size: 1.1rem; font-weight: normal; padding: 1px 0 1px 4px; }
#InvSearchBoxHP select option:first-child { font-size: 13px; font-size: 1.3rem; font-weight: bold; }
#InvSearchBoxHP #InvSearchBoxSubmit li { border: 0 none;padding: 0;clear: none; }
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton { background: #54C755; font-size: 12px; font-size: 1.2rem; line-height: 2; padding: 0 20px; }
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton:hover { background: #006699; }
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton a { color: #FFF; }
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton span.invIcon { margin-left: 4px; }
/*------------------------------------------
HTML item
-------------------------------------------*/
.html_item ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; }
.html_item ul li { margin-bottom: 4px; }
.html_item ul ul { list-style: circle outside none; }
.html_item ul.square, .html_item ul ul.square { list-style: square outside; }
.html_item ul.circle, .html_item ul ul.circle { list-style: circle outside; }
.html_item ul.disc, .html_item ul ul.disc { list-style: disc outside; }
.html_item ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; }
.html_item ol li { margin-bottom: 4px; }
.html_item ol ol { list-style: decimal outside none; }
/*------------------------------------------
Widths & Padding & Positioning
-------------------------------------------*/
/* Percentage*/
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
/*Pixels*/
.w50px {width: 50px;}
.w75px {width: 75px;}
.w85px {width: 85px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w250px{width:250px;}
.w300px{width:300px;}
.w314px{width:314px;}
.w350px{width:350px;}
.w400px{width:400px;}
select.w250px{width:265px;} /* Select Box Compensation */
/* Padding */
.p12{padding:12px;}
.m12{margin:12px;}
.addOption{cursor: pointer}
.mBotNone {margin-bottom:0;}
/* Positioning */
.top { vertical-align:top;}
.vMiddle{vertical-align:middle;}
/* Overriding default reveal modal z-index to be higher than other elements on the page */
.reveal-modal-bg { z-index: 10001; }
.reveal-modal { z-index: 10002; }
/* Mobile Styles
@media only screen and (max-width: 767px){
.InvInfoBox{padding:0;}
.InvSpecialImg {text-align: center;}
.InvSpecialImg img{width:75%;margin: 0 auto;}
.InvSpecialPrice {font-size:2.5em;}
.InvSpecialPrice,.InvSpecialName, .InvSpecialVehicleInfo {text-align: center;}
.NewUsedCertTitle{display:block;text-transform:uppercase;}
.InvSpecialName, .InvSpecialName a{font-size:1.4em;}
.InvSpecialVehicleInfo{font-size:1.6em;}
.InvSpecialsFooter .button{font-size:1.8em;width:100%;border-radius: 0;}
}
*/
/*------------------------------------------
Map and Directions in Dialog
-------------------------------------------*/
.directions-list li {padding:12px 12px 0 12px;}
.directions-list li:last-child{padding-top: 24px;}
.directions-list .required{font-weight: bold;color:#cc0000;}
.directions-list .title {padding-bottom:12px;}
.directions-list .title h2{margin: 0 0 12px 0;}
.directions-list input, .directions-list select{width:100%;}
/* added to remove click on full line */
.get-directions {width:50%;}
/* Map Container */
.map-container{width:100%;height:500px;}
.map-canvas { height: 100%; }
#directions-panel {padding:12px;}
/* Tooltips */
.map_location {font-weight: bold;}
/* Print */
.map_print {text-align: right;}
/*.map_print {float: right;}*/
.map_print_icon , .reverse_directions_icon {
background: url(https://s3.amazonaws.com/dom-cms/Global/images/icon-set.png) no-repeat;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: top;
margin-right:6px;
}
.map_print_icon {background-position: -16px -32px;}
.reverse_directions_icon {background-position: -208px -16px;}
.error {color:red;}
/* Mobile Only */
@media (max-width: 600px) {
/* Hide on Mobile */
.map-container {display:none;}
.main-container {min-width: 0;}
.directions {width:100%;}
}
/* Fixes the issue with the hidden 'x' and other icons. Foundation was setting img max-width to 100% which doesn't work with Google's css */
.gm-style img{max-width:none;}
/* ---- FILE HEADER: \global\css\elastislide.css ---- */
/* Elastislide Style */
.es-carousel-wrapper {
background: none;
padding:10px 37px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
}
.es-carousel {
overflow:hidden;
background:none;
}
.es-carousel ul {
display:none;
}
.es-carousel ul li {
height:100%;
float:left;
display:block;
}
.es-carousel ul li a {
display:block;
border-style:solid;
border-color:#222;
}
.es-carousel ul li a img {
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.es-nav span {
position:absolute;
top:50%;
left:12px;
background:transparent url(images/invSprites.png) no-repeat;
width:35px;
height:35px;
margin-top:-18px;
text-indent:-9000px;
cursor:pointer;
opacity:0.8;
}
.es-nav span.es-nav-next {
right:0;
left:auto;
background-position:-280px -275px;
}
.es-nav span.es-nav-prev {
left:-5px;
background-position:-35px -275px;
}
.es-nav span:hover {
opacity:1.0;
}
/* Elastislide Style: New Inventory Details Template*/
.vdp-carousel-wrapper{
position:relative;
margin-bottom:0;
padding: 0 54px 16px;
}
.vdp-carousel{
overflow:hidden;
}
.vdp-carousel ul{
display:none;
margin-bottom: 0;
}
.vdp-carousel ul li{
height:100%;
float:left;
display:block;
margin-bottom: 0;
}
.vdp-carousel ul li a{
display:block;
border-style:solid;
border-color: #ccc;
opacity:0.8;
-webkit-touch-callout:none;
/* option */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vdp-carousel ul li.selected a{
border-color:#fff;
opacity:1.0;
}
.vdp-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.vdp-media-carousel-nav span{
position:absolute;
top:50%;
left:9px;
width:30px;
height:30px;
margin-top:-15px;
cursor:pointer;
opacity:0.8;
}
.vdp-media-carousel-nav span.vdp-media-carousel-nav-next{
right:9px;
left:auto;
}
.vdp-media-carousel-nav span:hover{
opacity:1.0;
}
/* ---- FILE HEADER: \environment-web\content\css\mask\mask.css ---- */
/* CFS Mask */
.dds-web-MaskContainer .dds-web-Mask {
background: #fff;
outline: solid 1px #fff;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .7;
z-index: 25005; }
.dds-web-MaskContainer .dds-web-MaskSpinner, .dds-web-MaskContainer .dds-web-MaskMessage {
display: block;
position: absolute;
z-index: 25006; }
.dds-web-MaskContainer .dds-web-MaskSpinner {
background: url(https://s3.amazonaws.com/dom-cms/prod-web/Content/images/cfs-spinner.gif) no-repeat 50% 50% #fff;
height: 60px;
width: 60px;
left: 50%;
top: 30%;
margin-left: -30px;
border-radius: 10px; }
.dds-web-MaskContainer .dds-web-MaskMessage {
top: 50%;
left: 0;
right: 0; }
.dds-web-MaskContainer .dds-web-MaskMessage > * {
border-radius: 5px;
padding: 12px;
width: 200px;
line-height: 22px;
text-align: center;
color: #e2e2e2;
font-weight: bold;
font-size: 14px;
margin: 0 auto; }
/* ------------------ Mobile Only ------------------ */
@media only screen and (max-width: 767px) {
.dds-web-MaskContainer .dds-web-MaskMessage > * {
font-size: 18px;
line-height: 26px;
width: 250px; } }
/* ---- FILE HEADER: \environment-web\scripts\libs\chosen\chosen.css ---- */
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px;
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 5px;
height: 25px; /*RED - this was 15*/
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px;
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/* ---- FILE HEADER: \global\content\css\couponspecials.css ---- */
/* ---- FILE HEADER: \global\css\foundation.css ---- */
/* ---- FILE HEADER: \environment-web\content\css\itemtheme.css ---- */
/* ---- FILE HEADER: \global\css\elastislide.css ---- */
/* ---- FILE HEADER: \environment-web\content\css\mask\mask.css ---- */
/* ---- FILE HEADER: \environment-web\scripts\libs\chosen\chosen.css ---- */