/* -------------------*
 *       RESET        *
 *------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, i, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, embed, param, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; line-height:1em; font-weight:normal; font-style:normal; }
input, textarea { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
a span, a i { cursor:pointer; }
strong { font-weight:bold; }
em { font-style:italic; }
strong em, em strong { font-weight:bold; font-style:italic; }
button { width:auto; overflow:visible; cursor:pointer; border:0; }

/* -------------------*
 *       GLOBAL       *
 *------------------- */
html, body { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#fff; text-align:center; background:#e41e2a; font-family: Helvetica, Arial, sans-serif; background-color: #e30009;}
input, select, textarea, button { font-size:12px; font-family: Helvetica, Arial, sans-serif; }

/* text 
----------------------------------------- */
p { line-height:1.5em; padding:0 0 20px 0; }
p.desc { font-size:16px; line-height:22px; padding:0 0 25px 0; color:#444444; }
.date { font-size:16px; color:#444444; display:inline-block; margin:0 0 15px 0; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
small { font-size:0.8em; line-height:1.4em; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* images 
----------------------------------------- */
img { border:none; }

/* headlines 
----------------------------------------- */
h1, h2, h3, h4 { text-decoration:none; font-weight:bold; color:#fff; }
h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter { text-transform:uppercase; }
h1 { font-weight:normal; text-transform:uppercase; }
h2 { font-size:25px; padding-bottom:15px; }
h3 { font-size:15px; }
h2.fnsh {font-size: 18px; line-height: 1.3em }

/* tables 
----------------------------------------- */
table { border-collapse:collapse; border-spacing:0; table-layout:auto; width:100%; }
table td, table th { vertical-align:middle; }

/* clear 
----------------------------------------- */
.clr { clear:both; }
.clrLft { clear:left; }
.clrRght { clear:right; }
.cnt:after { content: "."; display:block; height:0; font-size:0; line-height:0; clear:both; overflow:hidden; }

/* -------------------*
 *       LAYOUT       *
 *------------------- */

 /* wrapper 
----------------------------------------- */
.wrp { width:790px; clear:both; text-align:left; margin:0 auto; color:#fff; background:#B90015; }

/* container 
----------------------------------------- */
.cnt { width:519px; }
.cnt.wlcPg { padding-top:67px; height:465px; position:relative; background:url(../images/layout/bg-welcome-page.jpg) no-repeat top left; }
/*.cnt.trckPg { width:790px; padding: 45px 10px 0 10px; background:url(../images/layout/bg-kamion-banner-no-reveal.jpg) no-repeat top left; background-size: 100%;}*/
.cnt.trckPg { width:770px; padding: 45px 10px 0 10px; background:url(../images/layout/top-truck-2016.jpg) no-repeat top left; background-size: 100%;}
.cnt.dwnldPg { width:790px; padding: 40px 12px 0 12px; background:url(../images/layout/bg-download-page.jpg) no-repeat top left; }
.cnt.prgPg { width:790px; padding:37px 12px 0 12px; background:url(../images/layout/bg-program-page.jpg) no-repeat top left; }
.cnt.grtngPg { width:790px; height:623px; padding:12px 0 0 0; background:url(../images/layout/bg-greeting-page.jpg) no-repeat top left; }


/* -------------------*
 *       OBJECTS      *
 *------------------- */

/* welcome page 
---------------------------------------- */
.wlcTitle { margin-left:265px; }
.wlcTitle h1 { font-size:20px; line-height:23px; padding-bottom:3px; }
.wlcTitle p { font-weight:bold; }

.wlcPg .nav { width:143px; left:45px; bottom:34px; float:left; position:absolute; }
.wlcPg .nav a { width:143px; height:34px; font-size:20px; font-weight:bold; margin-bottom:8px; float:left; text-align:center; line-height:34px; background:url(../images/layout/bg-btn.png) no-repeat top left; }
.wlcPg .nav a:hover { text-decoration:none; background-position:0 -34px; }
.wlcPg .nav a:active { text-decoration:none; background-position:0 -68px; }
.crLght { position:absolute; top:378px; left:235px; }
/*.filler {height: 820px;}*/
.filler {height: 259px;}
h1 { font-size:28px; line-height:30px; padding-bottom:30px; font-weight:normal; text-transform:uppercase; }

/* google map 
---------------------------------------- */
.ggMap { width:770px; height:350px; margin-bottom:20px; position:relative;}
.ggMap .shdw { position:absolute; display:block; z-index:50; }
.ggMap .shdwT { top:0; left:0; width:100%; height:7px; background-image:url(../images/layout/bg-gg-shadow-top.png);	background-repeat: no-repeat; background-position: top left; background-size: 100% 7px; }
.ggMap .shdwB { bottom:0; left:0; width:100%; height:7px; background:url(../images/layout/bg-gg-shadow-bottom.png);	background-repeat: no-repeat; background-position: top left; background-size: 100% 7px; }
.ggMap .shdwL { top:7px; left:0; width:7px; height:336px; background:url(../images/layout/bg-gg-shadow-left.png);	background-repeat: no-repeat; background-position: top left; background-size: 7px 100%; }
.ggMap .shdwR { top:7px; right:0; width:7px; height:336px; background:url(../images/layout/bg-gg-shadow-right.png);	background-repeat: no-repeat; background-position: top left; background-size: 7px 100%; }
#map-canvas { height: 350px; }

/* accordion 
---------------------------------------- */
.accrd h3 { display:block; font-weight:bold; padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #fff; position:relative; }
.sldAcc h3 { cursor:pointer; }
.accrd h3 a { font-weight:bold; text-decoration:underline; }
.accrd h3 a:hover { text-decoration:none; }
.accrd h3 span { width:19px; height:18px; display:block; position:absolute; bottom:4px; right:10px; background:url(../images/layout/accordion-arrow.png) no-repeat 0 0; }
.accrd h3.cls span { background-position:0 -18px; }

.progR {margin-bottom: 20px;}
.progR tr {transition: all 0.2s;}
.progR tr:hover {background: #e30009; opacity: 1;}
.progR td, .progR th {padding: 4px 0;}
.progR tr.visited {opacity: 0.5;}
.progR tr.visited:hover {opacity: 1;}

.accrd .progR tr:hover td, .accrd .progR tr:hover th {background-color: #9f0012; cursor: pointer;}

.accrd .progR td, .accrd .progR th { padding:5px;  }
.accrd .progR th { width:95px; font-weight:bold; text-align:right; }
.accrd .accrdCon { padding:0 0 15px 0; }
.accrd a { font-weight:bold; text-decoration:underline; }
.accrd a:hover { text-decoration:none; }

/* download page 
---------------------------------------- */
.dwnldPg h1 { padding-bottom:2px; } 
.dwnldPg h2 { font-size:18px; line-height:1.3em; padding-bottom:20px; }
.dwnldPg .accrd h3 { font-size:16px; line-height:1.3em; padding-bottom:2px; text-transform:uppercase; }
.dwnldPg .extrMb { margin-bottom:40px; }
.dwnldPg table { margin-bottom:5px; text-align:center; }
.dwnldPg table td { padding-bottom:10px; }
.dwnldPg table img { display:inline; border:1px solid #fff; }

/* program page 
---------------------------------------- */
.prgPg h1 { height:62px; padding-bottom:0; } 
.prgPg .accrd h3 { font-size:18px; line-height:1.3em; padding-bottom:8px; margin-bottom:8px; }
.prgPg .accrd.v2 h3 { border-bottom:0; }
.prgPg .accrdCon p { padding-bottom:0; line-height:1.4em; font-weight:bold; }
.prgPg .accrd.v1 { min-height:255px; }
.prgPg .accrd.v2 { min-height:155px; }
.prgPg .accrd.v3 { min-height:255px; }
.prgPg .accrd.v4 { min-height:155px; }
.prgPg .accrd.v5 { min-height:170px; }
/*.trckPg table {display: none;}
.trckPg .table td:first-child {text-align: right;}*/

/* greeting page 
---------------------------------------- */
.grtngPg h1 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; }
.grtngPg h2 { font-size:18px; line-height:1.2em; }
.grtngPg .box { height:197px; padding:0 12px; }
.grtngPg .appBx { width:519px; height:293px; padding:46px 0 0 0; text-align:center; display:block; border-bottom:1px solid #fff;}
.grtngPg .appBx a { width:185px; height:34px; display:inline-block; font-size:20px; line-height:34px; font-weight:bold; background:#fff; color:#E41E2A; width:260px; margin-top: 20px;}
.grtngPg .appBx a:hover { background-position:0 -34px; text-decoration:underline; }
.grtngPg .appBx a:active { background-position:0 -68px; }

/* popup 
---------------------------------------- */
.overlay { width:100%; height:100%; position:fixed; z-index:49; top:0; left:0; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; background:black; }
.accrd .popBx { display:none; }
.popUp { position:absolute; z-index:50; top:50%; left:50%; margin-right:250px; }
.popUp .navPop { text-align:center; float:right; clear:both; font-size:16px; padding:0 10px; line-height:30px; height:30px; bottom:-0px; right:0; background:#FFF; color:#000; }
.popUp .navPop a { color:#CF001E; font-weight:bold; }
.popUp img { border:3px solid #fff; float:left; }
*:first-child+html .popUp img { float:none; margin-bottom:-3px;} 
.popUp .closePop { width:38px; height:38px; display:block; position:absolute; top:-19px; right:-19px; background:url(../images/layout/close.png) no-repeat top left; }