/*---oasys-master css | s.whitted - you know what it is---*/ 

@import "corporate-master.css";
@import "products-master.css";

/*--- product splash page additions for subdomains---*/ 

#product-holder {
	margin: 0 auto;
	display: block;
	width: 315px;
}

.product-listings {
	margin-top: 90px;
	padding-top: 15px;
	background: url('../images/bg-products.png') 0 0 no-repeat;
	height: 475px;
	width: 315px;
}

.product-listings p {
	padding: 15px;
	text-align: left;
}

ul.product-pages {
	float: left;
	left: 15px;
	position: relative;
	list-style: none;
	text-align: left;
	width: 280px;
}

.product-pages li {
	
	line-height: 20px;
	border-bottom: 1px solid #2d3641;
}
/*
------------------------------------------------------------------------------
- Global Items -
*/
* {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

body {
     margin: 0;
     padding: 0;
     background:  #000 url("../images/2_beige.jpg") fixed repeat-x;
     text-align: center;
     font: 11px  "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; 
     color: #666;
     line-height: 16px;
}       

html>body { /* and Opera */
	font-size: 11px;
}

a:link, a:visited {
	color: #fff;     
	background: transparent;
	text-decoration: none;
}

a:hover {
	color:#b0a083;
	background: transparent;
}

/*
------------------------------------------------------------------------------
- Wrapper -
*/

#wrap {
	margin: 0 auto;
	padding-top: 0px;
	width: 850px;
}


#top-blue-wrap, #mid-blue-wrap, #btm-blue-wrap {
	float: left;
	width: 850px;
}



#top-blue-wrap {
	background: url("../images/top-blue-wrap.png") bottom center  no-repeat;
	margin-bottom: 0;
	height: 60px;
}


#mid-blue-wrap {
	background: #000 url("../images/mid-blue-wrap.png") top center repeat-y;
}

#btm-blue-wrap {
	background: url("../images/btm-blue-wrap.png") top center no-repeat;
	height: 58px;
	margin-bottom: 20px;
}

.container2 {
	min-height: 600px;
}


/* for Internet Explorer */
/*\*/
* html  .container2 {
height: 600px;
}

/*
------------------------------------------------------------------------------
- homepage banner -
*/

.centerdiv{ /*IE method of centering a relative div*/
position: relative;
	width: 573px;
	height: 280px;
	overflow: hidden;

}

.centerdiv img {
	border: none;
	width: 100%;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/*
------------------------------------------------------------------------------
- East Side and West Side -
*/

#east-side {
	float: left;
	margin:10px 0 0 0;
	width: 205px;
}

#west-side {
	float: left;
	margin:10px 0 0 0;
	width: 625px;
	text-align: left;
	color: #444444;
}

#west-header, #west-main-content, #west-footer {
	float: left;
	position: relative;
	width: 625px;
}
#west-header {
	background: url(../images/west-top.png) 0 0 no-repeat;
	height: 21px;
}

#west-main-content {
	background: url(../images/west-mid.png) 0 0 repeat-y;
	min-height: 630px;
}

#west-footer {
	background: url(../images/west-btm.png) 0 0 no-repeat;
}

#west-main-content img.headers  {
	margin-bottom: 10px;
	border: none;
}

.west-padding {
	padding: 0 25px;
}

.west-padding p {
	padding: 5px 0 10px 0;
}

.west-padding p span {
	font-weight: bold;
	font-size: 14px;
}
.west-padding a, .west-padding a:visited {
	color: #5c77af;
}

.west-padding a:visited {
	color: #738bbd;
}
	
.west-padding a:hover {
	text-decoration: underline;
	}

.container {
	min-height: 650px;
}


/* for Internet Explorer */
/*\*/
* html  .container {
height: 650px;
}


.lbcontainer {
	min-height: 750px !important;
}


/* for Internet Explorer */
/*\*/
* html  .lbcontainer {
height: 750px !important;
}
/*
------------------------------------------------------------------------------
- navgation -
*/

div#nav-container {
	float: left;
	left: 12px;
	position: relative;
	height: 247px;
	width: 200px;
	margin: 10px 0;
	padding:  0;
	background: url("../images/nav-bg.png") 0 0 no-repeat;
}	

ul#navlist {
	position: relative;
	width: 200px;
	list-style: none;
	border: none;
	margin-top:2px;
}

ul#navlist li, ul#navlist a {
	position: relative;
	height: 20px;
	display: block;
}
	
ul#navlist a {
	position: relative;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

html>body #nav-container li a {  
	display: block; 
	position: relative; 
}

#nav-container #newreleases a {background: url("../images/nav-new-releases.png") 10px 0 no-repeat;}
#nav-container #topsellers a {background: url("../images/nav-top-sellers.png") 10px 0 no-repeat;}
#nav-container #comingsoon a {background: url("../images/nav-coming-soon.png") 10px 0 no-repeat;}
#nav-container #action a {background: url("../images/nav-action.png") 10px 0 no-repeat;}
#nav-container #strategy a {background: url("../images/nav-strategy.png") 10px 0 no-repeat;}
#nav-container #puzzle a {background: url("../images/nav-puzzle.png") 10px 0 no-repeat;}
#nav-container #lifestyle a {background: url("../images/nav-lifestyle.png") 10px 0 no-repeat;}
#nav-container #sports a {background: url("../images/nav-sports.png") 10px 0 no-repeat;}
#nav-container #popculture a {background: url("../images/nav-pop-culture.png") 10px 0 no-repeat;}
#nav-container #cardscasino a {background: url("../images/nav-cards-casino.png") 10px 0 no-repeat;}
#nav-container #classics a {background: url("../images/nav-classics.png") 10px 0 no-repeat;}
#nav-container #actionstrategy a {background: url("../images/nav-action-strategy.png") 10px 0 no-repeat;}
#nav-container #allproducts a {background:  url("../images/nav-all-products.png") 10px 0 no-repeat;}

#nav-container #newreleases a:hover {background: url("../images/nav-new-releases.png") 10px -23px no-repeat;}
#nav-container #topsellers a:hover {background: url("../images/nav-top-sellers.png") 10px -23px no-repeat;}
#nav-container #comingsoon a:hover {background: url("../images/nav-coming-soon.png") 10px -23px no-repeat;}
#nav-container #action a:hover {background: url("../images/nav-action.png") 10px -23px no-repeat;}
#nav-container #strategy a:hover {background: url("../images/nav-strategy.png") 10px -23px no-repeat;}
#nav-container #puzzle a:hover {background: url("../images/nav-puzzle.png") 10px -23px no-repeat;}
#nav-container #lifestyle a:hover {background: url("../images/nav-lifestyle.png") 10px -23px no-repeat;}
#nav-container #sports a:hover {background: url("../images/nav-sports.png") 10px -23px no-repeat;}
#nav-container #popculture a:hover {background: url("../images/nav-pop-culture.png") 10px -23px no-repeat;}
#nav-container #cardscasino a:hover {background: url("../images/nav-cards-casino.png") 10px -23px no-repeat;}
#nav-container #classics a:hover {background: url("../images/nav-classics.png") 10px -23px no-repeat;}
#nav-container #actionstrategy a:hover {background: url("../images/nav-action-strategy.png") 10px -23px no-repeat;}
#nav-container #allproducts a:hover {background: url("../images/nav-all-products.png") 10px -23px no-repeat;}



/*
------------------------------------------------------------------------------
- where are you? oh you're here.. -
*/
#n-newreleases #nav-container .newreleases {background: url("../images/nav-new-releases.png") 10px -23px no-repeat;}
#n-topsellers #nav-container .topsellers {background: url("../images/nav-top-sellers.png") 10px -23px no-repeat;}
#n-comingsoon #nav-container .comingsoon {background: url("../images/nav-coming-soon.png") 10px -23px no-repeat;}
#n-action #nav-container .action {background: url("../images/nav-action.png") 10px -23px no-repeat;}
#n-strategy #nav-container .strategy {background: url("../images/nav-strategy.png") 10px -23px no-repeat;}
#n-puzzle #nav-container .puzzle {background: url("../images/nav-puzzle.png") 10px -23px no-repeat;}
#n-lifestyle #nav-container .lifestyle  {background: url("../images/nav-lifestyle.png") 10px -23px no-repeat;}
#n-sports #nav-container .sports {background: url("../images/nav-sports.png") 10px -23px no-repeat;}
#n-popculture #nav-container .popculture {background: url("../images/nav-pop-culture.png") 10px -23px no-repeat;}
#n-cardscasino #nav-container .cardscasino {background: url("../images/nav-cards-casino.png") 10px -23px no-repeat;}
#n-classics #nav-container .classics  {background: url("../images/nav-classics.png") 10px -23px no-repeat;}
#n-actionstrategy #nav-container .actionstrategy  {background: url("../images/nav-action-strategy.png") 10px -23px no-repeat;}
#n-allproducts #nav-container .allproducts {background: url("../images/nav-all-products.png") 10px -23px no-repeat;}

/*
------------------------------------------------------------------------------
- Promotions -
*/

.promotion {
	position: relative;
	float: left;
	left: 10px;
	width: 190px;
	padding-left: 1px;
	border: none !important;
		
}

.promotion p, #east-side p {
	background: url("../images/east-side-divider.png") bottom left repeat-x;
	padding: 5px;
	color: #9a9a9a;
	text-align: left;
}

.promotion a img {
	border: none !important;
}

.small-promos, .home-promos {
	width: 285px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

.promo-rotate {
	position: relative;
	float: left;
	text-align: left !important;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	height: 215px;
	width: 190px;
	background: url("../images/east-side-divider.png") bottom left repeat-x;
	
}
/*
------------------------------------------------------------------------------
- h1's, -
*/
h1 {
	float: left;
	text-indent: -99999px;
	overflow: hidden;
	border: 0 !important;
}

.main-promo   {
	display: block;
	position: relative;
	background: url("../images/h2-oasys-features.png") 4px 0 no-repeat;
	height: 25px;
	width: 186px;
	border: 0 !important;
}

.main-promo a {
	display: block;
	width: 186px;
	height: 25px;
	border: 0 !important;
}
#oasys-logo h1 {
	display: block;
	position: relative;
	left:25px;
	top: 15px;
	width: 150px;
	height: 50px;
	padding: 0;
	margin-bottom: 10px;
	background: url("../images/oasys-logo.png") 0 0 no-repeat;

}
#oasys-logo a  {
	display: block;
	width: 140px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
	border: 0;
}

/*
------------------------------------------------------------------------------
- upcoming releases -
*/

table#upcoming {
	width: 100%;
}

table#upcoming tr td {
	padding-right: 9px;
}


.upcoming-releases {
	background: url('../images/h5-coming-soon.png') top center no-repeat;
	color: #3b1d09;
	width: 570px;
	padding: 1px 0 0 3px;
	font-weight: bold;
	font-size: 10px;
	text-align: center !important;
	text-transform: uppercase;
	
}

h5 {
	position: relative;
	vertical-align: middle;
	text-align: center;
	height: 20px;
}
/*
------------------------------------------------------------------------------
- Footer navgation -
*/

.link_holder {
	position: relative;
	float: left;
	width: 625px;
	text-align: center;
	background: url("../images/oasys-footer.png") 580px 38px no-repeat;
}

#link_case {
	position: relative;
	float: left;
	width: 520px;
	height: 80px;
	left:50px;
	padding: 2px 0 0 0;
}

.link_holder ul {
	float: left;
	right: 0;
	position: absolute;
	top: 37px;
	list-style: none;
}

.link_holder ul li {
	position: relative;
	float: right;
	margin: 0 0 0 20px;
}

#link_case ul li a:link, #link_case ul li a:visited {
	position: relative;
	text-align: left;
	font-size: 10px;
	padding: 19px 0 0 0;
	color: #fff;
	text-decoration: none;	
}

#link_case ul li a:hover {
	background: url("../images/footer-arrow.png") 40% 8% no-repeat;
	color: #b0a083;
}

#link_case p {
	position: relative;
	top: 50px;
	text-align: right;
	width: 520px;
	font-size: 10px;
	color: #9a9a9a;
}