/* CSS Document */

.content_container { border: solid #F60; border-width: 1px 0 0 0; padding:40px 0px; background-color:#333; }
.storeHead { background:url(../img/store-header.jpg) no-repeat; width:880px; height:30px; text-align: left; border: solid #888; border-width: 0 0 1px 0; }
.column-full { text-align:left; padding: 0px 40px; }
.itemDesc { width: 580px; float: left; }
.itemDesc p, .column-full p { line-height: 19px; }
.sideBar { width: 280px; height:470px; float: right; }

/* DYNAMIC PAGE STYLES */
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
#section { display: block; visibility:hidden; }

#page-wrap { width: 960px; }

#main-content { margin:0; padding: 0; }
 
/* DYNAMIC PAGE NAVIGATION */
.navBG { background: url(../img/selection-bg.jpg) no-repeat; position:relative; width:960px; height:284px; margin: 0px 0px 0px -40px; }
.nav ul { list-style: none; position: relative; margin-left:-10px; }
.nav ul li { display: inline; }

.nav ul li#single a, .nav ul li#volume a, .nav ul li#floating a, .nav ul li#academic a { display: block; float: left; text-decoration: none; width:225px; height:235px; display: inline; margin-top: 25px; }

.nav ul li#single a { background: url(../img/but-single.jpg) top no-repeat; }
.nav ul li#single a:hover { background-position: 0 -235px; }	
.nav ul li#single a:active, .nav ul li#single a.current { position: relative; background-position: 0 -235px; }

.nav ul li#volume a { background: url(../img/but-volume.jpg) no-repeat; }
.nav ul li#volume a:hover { background-position: 0 -235px; }	
.nav ul li#volume a:active, .nav ul li#volume a.current { position: relative; background-position: 0 -235px; }

.nav ul li#floating a { background: url(../img/but-float.jpg) no-repeat; }
.nav ul li#floating a:hover { background-position: 0 -235px; }	
.nav ul li#floating a:active, .nav ul li#floating a.current { position: relative; background-position: 0 -235px; }

.nav ul li#academic a { background: url(../img/but-academnic.jpg) no-repeat; }
.nav ul li#academic a:hover { background-position: 0 -235px; }	
.nav ul li#academic a:active, .nav ul li#academic a.current { position: relative; background-position: 0 -235px; }


/* SIDE BAR STYLES */
.tabBG { background:url(../img/tab-bg.jpg) no-repeat; width: 270px; height: 20px; padding-top:18px; }
.sideBG { background:url(../img/side-bg.jpg) no-repeat; width: 240px; height: 410px; color: #222; padding: 20px 0px 20px 40px; text-align: left; }
.tabBG ul { list-style:none; margin:0; padding:0; }
.tabBG li { display: inline-block; color: #222; margin:0px 10px; }
.tabLeft { background:url(../img/tab-left.jpg) no-repeat; width: 10px; height: 32px; float:left; margin-top:-10px; }
.tabCenter { background:url(../img/tab-content.jpg) repeat-x; height: 32px; float:left; padding: 10px; margin-top:-10px; }
.tabRight { background:url(../img/tab-right.jpg) no-repeat; width: 10px; height: 32px; float:left; margin-top:-10px; }
.tabContent { display: none; }
#z4le, #bg2 { display: none; }
.osLogo { text-align:center; width:32px; height:60px; float:left; padding:20px 15px 5px 0px; }
.purchase { float:left; padding:20px 0 0 0; text-align:left; }

/* BUTTONS */
a.winButton, a.macButton, a.ticketButton, a.resellerButton { width: 135px; height: 29px; display:block; margin-top:5px; }
a.winButton:hover, a.macButton:hover, a.ticketButton:hover, a.resellerButton:hover { background-position: 0 -29px; }

a.winButton { background:url(../img/buy-win-button.png) no-repeat; }
a.macButton { background:url(../img/buy-mac-button.png) no-repeat; }
a.ticketButton { background:url(../img/submit-ticket-button.png) no-repeat; }
a.resellerButton { background:url(../img/reseller-button.png) no-repeat; }


/* TABS */
.tab_content {
	text-align: center;
	color:#222;
	padding:15px 40px;
}

#tabContainer {
	background:url(../img/tab-bg.jpg) no-repeat; width: 280px; height:38px; text-align: center; padding:0px 8px;
	margin-bottom: 0px;
	display: block;
}

#tabContainer div {
	padding: 5px 8px;
	margin-left: 5px;
	color: #222;
	float: left;
}

#tabContainer .tabs_on, #tabContainer .tabs_off {
	background-position: bottom;
	cursor: pointer;
	margin-top:11px;
}
#tabContainer .tabs_on {
	background:url(../img/tab-background.jpg) repeat-x; margin-top:8px; -webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius:  4px 4px 0 0;
	text-shadow: 0px 1px 0px #EEE;
	padding: 8px 10px;
	box-shadow: 0px -2px 2px #999;
}