/* Basic
*****************************/
html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Franklin Gothic Medium,Franklin Gothic,FranklinGotTDemCon,Century Gothic,Verdana;
    font-size: 12px;
    color: #fff9d0;
    background-color: #1c1819;
}
td
{
    vertical-align: top;
}
img
{
    border: 0;
}
a
{
    color: #ffb504;
    text-decoration: none;
    font-weight: bold;
}
/* Layout
*****************************/
#left
{
    background: url(../_gfx/back.left.jpg) right top repeat-y #121212;
    height: 100%;
    width: 170px;
}
#right
{
    background: url(../_gfx/back.right.jpg) left top repeat-y #121212;
    height: 100%;
    width: 170px;
}
.burnLogo 
{
    /*
    background: url( '../_gfx/burn.jpg' ) no-repeat;
    width: 100px;
    height: 200px;
    margin-top: 350px;
    */
}
#left .burnLogo 
{
    margin-right: 60px;
}

#right .burnLogo 
{ 
    margin-left: 60px;
}
#leftOuter,
#rightOuter
{
    background-color: #121212;
    height: 100%;
}
#center
{
    width: 750px;
    height: 100%;
    background: #303030;
}
/* Menu
*****************************/
#menu
{
    width: 100%;
    background: url(../_gfx/menubar.jpg) repeat-x;
    height: 38px;
    vertical-align: middle;
}
.menulink
{
    float: left;
    height: 36px;
    margin-left: 5px;
}
#menu a
{
    height: 36px;
    line-height: 36px;
    padding: 0px 10px 0px 10px;
    color: #D5B86F;
}
#menu a:hover
{
    color: #CC4430;
}


/* floating divs
*****************************/

#announcement
{
    position: absolute;
    right: -26px;
    bottom: -163px;
    background: url( '../_gfx/announcement.gif' ) no-repeat;
    width: 256px;
    height: 180px;
    cursor: pointer;
    z-index: 30;
}
#announcement_new
{
    position: absolute;
    right: -60px;
    bottom: -135px;
    background: url( '../_gfx/announcement_new.gif' ) no-repeat;
    width: 250px;
    height: 155px;
    cursor: pointer;
    z-index: 30;    
}
#announcement_bacardi
{
    position: absolute;
    right: -60px;
    bottom: -135px;
    background: url( '../_gfx/announcement_bacardi_small.gif' ) no-repeat;
    width: 250px;
    height: 155px;
    /*cursor: pointer;*/
    z-index: 30;    
}
#announcementBURN
{
    position: absolute;
    right: -20px;
    bottom: -160px;
    background: url( '../_gfx/announcement_burn.gif' ) no-repeat;
    width: 172px;
    height: 168px;
    cursor: pointer;
    z-index: 30;
}

#logo
{
    position: absolute;
    left: -20px;
    bottom: -5px;
    background: url( '../_gfx/logo_bacardi.gif' ) no-repeat;
    width: 200px;
    height: 201px;
    cursor: pointer;
    z-index: 20;
}

#burn
{
    display: none;
    position: absolute;
    right: 55px;
    bottom: -10px;
    background: url( '../_gfx/burn.gif' ) no-repeat;
    width: 53px;
    height: 130px;
    cursor: pointer;
    z-index: 20;
}

/* Misc
*****************************/

.scroller 
{
    padding: 4px;
    border-bottom: solid 1px #555;
    background-color: #111111;
    font-weight:bold;
}

#layoutHeader {
    height: 230px;
    width: 750px;
    background: url('../_gfx/slideshowBG.jpg') no-repeat top;
    position: relative;
}
#layoutHeader #loading { position: absolute; background: url('../_gfx/spinner.gif'); display: block; top: 115px; left: 350px; text-indent: -5000px; width: 36px; height: 36px; z-index: 5; }

#layoutHeader #slideshow
{
	width: 750px;
	height: 230px;
	z-index: 10;
	overflow: hidden; /* Patrik: To make the height of this div not increasing while loading the images*/
	visibility: hidden; /* Patrik: To hide the images before making a slideshow of them*/
}



/* Contest
*****************************/

#bodyBox {
    background: #000000 none repeat scroll 0 0;
    display: none;
    height: 1000px;
    position: absolute;
    width: 100%;
    z-index: 99;
}
#contestBox {
    display: none;
    z-index: 100;
    background: url('../_gfx/contest2.jpg') no-repeat top left black;
    border: 3px solid #FFFFFF;
    text-align: left;
    position: absolute;
    
    width: 580px;
    left: 50%;
    margin-left: -290px;
    
    height: 400px;
    top: 50%;
    margin-top: -200px;
}
#contestBox #contestContent 
{
    height: 400px;
    position: relative;
    float: right;
    width: 285px;
}
#contestBox .close 
{
    position: absolute;
    right: -10px;
    top: -10px;
    width: 15px;
    height: 15px;
    background-color: Black;
    border: 2px solid white;
    font-weight: bold;
    font-family: Tahoma, Sans-Serif;
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#contestBox .contestOptions 
{
    position: absolute;
    left: 145px;
    top: 85px;
}
#contestBox .contestOptions label
{
    font-weight: bold;
}
#contestBox .form 
{
    position: absolute;
    left: 10px;
    top: 155px;    
}
#contestBox .form table
{
    border-collapse: collapse;
}
#contestBox .form table td
{
    padding: 0;
}
#contestBox .form table td input
{
      width: 120px;
      margin-right: 10px;
      margin-bottom: 5px;
}
#contestBox #contestResult
{
    display: none;
    background: black;
    width: 100%;
    height: 100%;
    text-align: center;
}