body {background: #FFFFFF; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: center}
#Wrapper {width: 960px; margin: 0 auto; text-align: left; position: relative}




#Footer ul {list-style: none; margin: 10px 0px; padding:  0px 0 30px 0; text-align: center}
#Footer li {display: inline;  margin: 0px; font-size: 10px; color: #007534;}
#Footer li a {padding: 0px 8px; border-right: 1px solid #a6cf39; color: #007534;}

#FlashPlayer {display: block; width: 960px; height: 700px;}
#FlashPlayer .header {display: block; height: 80px; margin-bottom: 4px;}
#FlashPlayer .counter {width: 445px; display: block; float: left; color: #007534; font-weight:bold; font-size: 16px; padding: 25px 0 0 0}
#FlashPlayer .counter span {color: #f37942;}
#FlashPlayer .counter p {color: #333333; font-size: 12px}
#FlashPlayer .cleaner_logo {float: left;}
#FlashPlayer .content {background: url(../images/bg_washing.jpg); display: block; width: 960px; height: 580px; position: relative}

#FlashPlayer .logo {position: relative; z-index: 10; display: block; text-indent: -999em; width: 50px; height: 50px; background: url(../images/unilever_logo.gif) no-repeat; text-align: center; margin: -12px auto 0 auto}


#FlashPlayer .logoList ul {float: right; list-style: none; margin:  0px; padding: 0px;}
#FlashPlayer .logoList ul li {display: inline; margin:  0px; padding: 0px;}

.flashAlert{margin:0; width:374px; position:absolute; top: 100px; left: 300px;  text-align:center;}
.flashAlert .head {background: url(../images/flash_replace_top.png) no-repeat; height:60px; padding:0px 25px;}
.flashAlert .body {background:transparent url(../images/flash_replace_body.png) repeat-y scroll 0 0; padding:10px 45px; color:#333333}
.flashAlert .foot {background:transparent url(../images/flash_replace_foot.png) no-repeat 0 0; height:28px; overflow:hidden;}
.flashAlert h1 {padding: 15px 0px; font-size: 12px}
.flashAlert .body a {background: url(../images/flash_logo.gif) no-repeat 0 0; color: #007534; font-size: 14px; font-weight: bold; padding: 3px 0 5px 28px; text-decoration: underline;}


/* STYLING FOR THE OVER PANEL */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {display: none; position: absolute; top: 0%; left: 50%; margin-left: -300px; color: #333; z-index: 300}
.jqmOverlay {background-color: #000;}

.jqmOverlay {background-color: #e1e1e1; }
.jqmOverlay.ff2 { background-color: Transparent; background: url('../assets/images/sem_transp_bkg.png'); }
.jqmWindow {background: url(../images/overlay_window_top.gif) left top no-repeat; color: #000; padding: 0 0px 95px;}

button.jqmClose {background: url(../images/close.gif) right top no-repeat; display: block; width: 33px; height: 30px;  border: none; clear: right; float: right; padding: 0; margin:-10px 5px 5px 5px; cursor: pointer;}
button.jqmClose:hover, button.jqmClose:active {outline: none; border: none; }

#jqmTitle {color: #FFF; font-size: 16px; font-weight: bold; text-align: left; padding: 25px 0 0 20px; height: 60px;  top: 0px;}
#jqmContent {width: 100%; height: 100%; display: block; clear: both; margin: 0; background: url(../images/jqmBody.gif) repeat-y; border: none;}
#jqmFooter {background: url(../images/jqmFooter.gif) no-repeat; display: block; height: 12px;}
