@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	background-image:url(images/bg_blue_nodock.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top center;
	background-color:#000000;
	line-height:13px;
}
a:link {
	text-decoration: none;
	color:#FFFFFF
}
a:visited {
	text-decoration: none;
	color:#FFFFFF
}
a:hover {
	text-decoration: none;
	color:#FFCC00;
}
a:active {
	text-decoration: none;
	color:#FFCC00;
}
.currentPage a:link {
	text-decoration: none;
	color:#FFCC00;
}
.currentPage a:visited {
	text-decoration: none;
	color:#FFCC00;
}
.currentPage a:hover {
	text-decoration: none;
	color:#FFCC00;
}
.currentPage a:active {
	text-decoration: none;
	color:#FFCC00;
}
.currentPage {
	text-decoration: none;
	color:#FFCC00;
}
.container {
	width:980px;
	margin:5px auto;
}
.container_index {
	width:790px;
	margin:5px auto;
}
.logo {
	text-align: left;
}
.navbar {
	text-align:center;
	padding:0px;
	font-weight:bold;
}
.slogan {
	text-align:center;
	padding:0px;
	font-size:12px;
	color:#CCCCCC;
}
.content {
	padding-top:20px;
}
.contentTab {
	padding:20px 0px 15px 10px; 
	font-weight:bold;
}
.productContent {
	background-image:url(images/productContent_bg_wide.png);
	background-repeat:no-repeat;
}
.productContentMain {
	background-image:url(images/productContent_bg.png);
	background-repeat:no-repeat;
	padding:20px 20px 20px 20px;
}
.productContentFloat {
	padding:0px 5px 20px 10px; 
	float:left; 
	width:155px;
}
.productContentBuy {
	padding:0px 5px 20px 10px; 
}
.productContentFloatDiv {
	margin-top:10px; 
	padding:5px; 
	background-color:#666666;
	font-size:12px;
}
.madefor {
	text-align:center;
	margin:0px auto;
	width:80%;
}
.intheBox {
	clear:both;
	background-image:url(images/whatsInTheBox_bg.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:10px 10px 10px 10px;
	margin:0px auto;
	border:thin #FFFFFF solid;
	font-weight: bold;
}
.societyPlayList {
	font-size:9px;
	clear:both;
	margin:0px auto;
}
.footer {
	clear:both;
	font-size:10px;
	text-align:center;
	padding-top:10px;
	margin:10px auto;
}
.hidden {
  display: none;
}
.arrowlistmenu{
width: 155px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
background: url(js/titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 4px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(js/titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #FFFFFF;
display: block;
padding: 5px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-size:11px;
border-bottom: 1px solid #dadada;
}
.arrowlistmenu ul li a:visited{
color: #FFFFFF;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFCC00;
background-color: none;
}
.arrowlistmenuStore{
width: 110px; /*width of accordion menu*/
}
.arrowlistmenuStore .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
background: url(js/titlebar_store.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 4px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenuStore .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(js/titlebar-active_store.png);
}
.arrowlistmenuStore ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenuStore ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}
.arrowlistmenuStore ul li a{
color: #FFFFFF;
display: block;
padding: 5px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-size:11px;
border-bottom: 1px solid #dadada;
}
.arrowlistmenuStore ul li a:visited{
color: #FFFFFF;
}
.arrowlistmenuStore ul li a:hover{ /*hover state CSS*/
color: #FFCC00;
background-color: none;
}