@charset "utf-8";

/* BASE THEME - YELLOW */



/*reset all across browsers*/

html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td { margin: 0; padding: 0; }

img {border:none}

html{width:100%; height:100%}





/*CONTAINERS--------*/



#contentContainer{width:502px; height:auto; overflow:hidden; margin:10px auto;position:relative;}

#contentContainer #top{width:412px; height:36px; background: url(../bmw_index/images/b_top.png) top left no-repeat;}

#contentContainer #mid{width:502px; height:auto; overflow:hidden; background: url(../bmw_index/images/b_mid.png) top left repeat-y;}

#contentContainer #mid .content{width:412px; height:auto; overflow:auto; margin:auto;}

#contentContainer #bot{width:502px; height:36px; background: url(../bmw_index/images/b_bot.png) top left no-repeat;}





/*PAGE ELEMENTS-------------------------*/



/*header*/

#header{width:412px;height:auto; margin:auto; overflow:hidden; background: url(../bmw_index/images/b_mid.png) top left repeat-y; padding-top:150px;}

#logo{width:412px; height:auto; margin:auto;}

.headerDiv{width:412px; height:auto; margin:auto; padding-bottom:5px;}



/*counter*/

#countdown_dashboard {width:100%; height: 120px; margin-top:35px;}

.dashYr {width: 115px; height: 80px; background: url(../bmw_index/images/flip_board_triple.png) no-repeat; float: left;position: relative;}

.dashYr .digit {font-size:58px; font-weight:bold; float: left; width: 37px; height:80px; line-height:73px; text-align: center;  font-family: Arial, Helvetica, sans-serif;color: #fff; position: relative;padding-top:5px;}

.dash {width: 80px; height: 80px; background:  url(../bmw_index/images/flip_board_double.png) no-repeat; float: left; margin-left: 0px; position: relative;}

.dash .digit {font-size:58px; font-weight:bold;  float: left; width: 37px; height:80px; line-height:73px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; position: relative; padding-top:5px;}

.dash_title {position: absolute;display: block;bottom: -20px; font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #444444; text-transform:uppercase; letter-spacing:-1px;}



/*button send notify*/

.sendNotify{width:73px; height:37px; background:url(../bmw_index/images/buttons_notify.png) 0 -79px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#fff; border:none; outline:none; cursor:pointer; float:left; margin-top:20px;}

.sendNotify:hover{background: url(../bmw_index/images/buttons_notify.png) 0 -118px no-repeat;}

.sendNotify:active{ outline:none;}



/*form*/

.field{width:360px; height:30px; background:#fff; border: none; padding:0 0px 0 5px;margin:2px 10px 12px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:#999999; border-radius: 5px 5px 5px 5px;}

.select{width:365px; height:30px; background:#fff; border: none; padding:5px 5px 5px 5px;margin:2px 10px 12px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:#666; border-radius: 5px 5px 5px 5px;}

.option{background:#fff;padding:5px 0px 5px 5px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

.field:focus{background: #fff; outline:none; color:#000; border: none; border-radius: 5px 5px 5px 5px;}

.tarea:focus{ background:#fff; border:1px solid #999999;  outline:none; color: #5abada; border-radius: 5px 5px 5px 5px;}

.formProgress{margin-top:16px;}



/*button send*/

.sendForm{width:365px; height:36px; background:url(../bmw_index/images/buttons.png) 0 -72px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; border:none; outline:none; cursor:pointer; margin-top:10px; font-weight:700; letter-spacing:3px;}

.sendForm:hover{background:url(../bmw_index/images/buttons.png) 0 -108px no-repeat;}

.sendForm:active{ outline:none;}





/*FOOTER-------------------------*/

#footer{width:502px;height:125px; margin:auto; overflow:hidden; background: url(../bmw_index/images/b_mid.png) top left repeat-y;}

#footerDiv{width:412px; height:auto; margin:auto;}





/*social icons*/

.icon_holder{width:18px; height:18px;float:right; margin:12px 0 5px 0;}

.icon_rollover {position:absolute;border:none;z-index:1;} 

.icon_original {position:absolute; opacity:0.5;/*social icon initial opacity*/}



/*links*/

a.link{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; float:right; text-decoration:none; outline:none; border:none; margin:14px 0 0 -8px;}

a.link:hover{text-decoration:underline;}



/*STYLES*/

h1{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#fff; margin-bottom:5px; text-align:center; text-transform:normal;}

p{font-family:Arial, Helvetica, sans-serif; font-size:13px; float:left; text-align:center; color:#999999;}

p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:11px; margin:3px 0 5px 0; color:#fff;text-transform:uppercase;text-align:center; letter-spacing:2px;}

p.counter{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin:11px 0 0 -10px; position:absolute; z-index:5; width:412px; text-align:center;}

p.footer{font-family:Arial, Helvetica, sans-serif; font-size:9px; float:inherit; text-align:center; color:#fff;}

p.form{width:auto;}