body { 
    font-family: Times, serif, Helvetica;
    background: #000 url(/images/css/jj-bg.jpg) repeat scroll 0 0;
    color: #ddd;
    text-align: center;
}
    
#container {
    width: 960px;
    position: relative;
    margin: 16px auto;
    background: transparent url(/images/css/jack.png) no-repeat scroll 680px 210px;
    text-align: center;
}

#content{
    width: 480px;
    text-align: left;    
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}

/*#colEast {
    width: 480px;
    float: right;
    margin: 32px 0 0 0;
}

#colWest {
    width: 320px;
    float: left;
    margin: 32px 0 0 0;
    padding: 0 100px 180px 0;
    text-align: center;
    background: transparent url(/images/css/jack.png) no-repeat scroll 0 0;
    background-position: bottom right;
}
*/

.preorder {
    width: 260px;
    height: 85px;
    margin: 8px 0 0 0;
    display: inline-block;
    background: transparent url(/images/css/preorder_button.png) no-repeat scroll 0 0;
}

.preorder:hover { background-position: 0 -85px; }


ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tweetContainer {
    width: 431px;
    height: 148px;
    text-align: left;
    padding: 30px 24px 16px 24px;
    margin: 20px 0 0 0;
    background: transparent url(/images/css/twitter_box.png) no-repeat scroll 9px 0;
}

#tweetTitle { 
    width: 380px;
    height: 32px;
    float: left;
    padding: 4px 0 0 0;
    font-size: 12px;
    color: #000; 
    text-align: left;
    float: left;
}

#tweetCharsLeft { float: right; color: #000; font-size: 20px;}
#tweetAppend { margin: 0 0 0 2px; color: #000;}
#tweetPrepend {display: none;}

#tweetPostText {
    width: 434px;
    height: 40px;
    margin: 0;
    padding: 3px;
    border: medium none;
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
}

#tweetPostButton {
    position: absolute;
    bottom: 0;
    right: 9px;
    width: 132px;
    height: 30px;
    float: right;
    border: none;
    background: transparent url(/images/css/tweet_this_gold.png) no-repeat scroll 0 0;
    padding: 0;
    margin: 24px 0 0 0;
    cursor: pointer;
}
#tweetPostButton:hover { background-position: 0 -30px;}

.suggested { text-align: right; font-size: 11px;text-transform: uppercase; margin: 26px 0 0 0; }
.instores {font-size: 20px; text-transform: uppercase; margin: 48px 0 0 0;}
.title {
    color: #ddd;
    margin: 0;
    font-size: 20px; 
    text-transform: uppercase;     
    text-decoration: none;
}
.title:hover {
    text-decoration: underline;
}

a#oniLogo {
	display: block;
	width: 150px;
	height: 25px;
	background: transparent url(/images/sbo15025.png) no-repeat 0 0;
	margin: 80px 0 0 250px;
}

a:hover#oniLogo {
	background: transparent url(/images/sbo15025.png) no-repeat 0 -25px;
}