@import url("reset.css");

/* Typography */
body {font-family: Arial, sans-serif; font-size: 72.5%; color: #fff; background: #240b33 url(../img/bg.jpg) no-repeat top center; text-align: center;}

/* Core Layout */
#wrap {margin: 0 auto; padding: 24px 0 40px 0;}
#page {width: 960px; margin: 0 auto; text-align: left; position: relative;}

#header {position: relative; background: url(../img/header.png) no-repeat top left; height: 205px;}
#header h1 {display: none;}
#header a {display: block; height: 137px;}

#primaryNav {text-align: center; position: absolute; top: 146px; left: 0; width: 100%;}
#primaryNav li {display: inline; margin: 0 8px;}
#primaryNav li a {font-size: 1.2em; font-weight: bold; text-decoration: none; color: #fff; font-family: Verdana , sans-serif;}
#primaryNav li a:hover {text-decoration: underline; color: #ffc20f;}

#primaryNav li .subnav {text-align: center; position: absolute; top: 16px; left: 0; width: 100%; visibility: hidden; padding: 22px 0 10px 0;}
#primaryNav li .subnav li {display: inline; margin: 0 12px;}
#primaryNav li .subnav li a {font-size: 1em; font-weight: normal; text-decoration: none; color: #fff; font-family: Verdana , sans-serif;}
#primaryNav li .subnav li a:hover {text-decoration: underline; color: #ffc20f;}
#primary45:hover .subnav, #primary9:hover .subnav  {visibility: visible;}

#content {overflow: hidden; padding: 15px 0;}
#content p {line-height: 1.5em; margin: 0 0 10px 0;}

#content .left {width: 240px; float: left;}
#content .left .box {padding: 0 10px; margin: 0 0 15px 0;}
#content .left .box table {width: 100%;}
#content .left .box table th {padding: 6px; font-weight: bold; border: 1px solid #240b35; border-width: 0 1px 1px 0; background: #371b4a; font-size: 1em;}
#content .left .box table td {padding: 6px; background: #4a2066; border: 1px solid #240b35; border-width: 0 1px 0 0; width: 33%; font-size: 1.8em; font-weight: bold;}
#content .left a {color: #fff;}

#content .middle {width: 480px; float: left;}
#content .middle .box {padding: 0 10px;}
#content .middle p {margin: 0 0 10px 0;}

#content .right{width: 240px; float: left;}
#content .right .box {padding: 0 10px; margin: 0 0 15px 0;}

#content  .jersey  {display: block; text-align: center; padding: 5px 0 0 0;}
#content .profile {overflow: hidden; height: 1%;}
#content .profile  img {float: left; width: 100px; height: 140px; padding: 2px 0 0 0;}
#content .profile p {font-size: .95em; margin: 0 0 2px 110px;}
#content .profile p span {font-weight: bold;}
#content .profile p span.small {font-weight: normal; font-size: .8em;}

#content .gutter {padding: 0 10px;}

#footer {color: #150027; text-align: center; padding: 10px 0 0 0; background: url(../img/footer_top.png) no-repeat top left;}
#footer .gutter {background: url(../img/footer_bottom.png) no-repeat bottom left; padding: 0 0 10px 0;}
#footer  p {background: #371c4a;}
#footer p.copyright {padding: 5px 0 10px 0;}
#footer p.disclaimer {padding: 0 0 5px 0;}
#footer a {color: #816e8d;}

#percy_item  {overflow: hidden; position: relative;}
#percy_item  #left {float: left; width: 544px;}
#percy_item #right {float: left; width: 396px;}
#percy_item  .price {margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd;}
#percy_item  .price  .label {font-size: 1em; font-size: 1.4em;}
#percy_item  .price  .value {color: #fff; font-weight: bold; font-size: 2em; margin: 0 0 0 5px;}
#percy_item .description_content em {font-style: italic; display: block; margin: 0 0 10px 0;}
#percy_item .description_content  h3 {font-size: 1.2em; font-weight: bold; margin: 15px 0; padding: 15px 0 0 0; border-top: 1px solid #ddd;}
#percy_item .description_content ul {list-style-type: disc; color: #fff;}
#percy_item .description_content ul li {margin: 0 0 5px 20px; line-height: 150%;}
#percy_item .description_content p {margin: 0;}
#percy_item .info {font-size: 1.2em; margin: 0 0 10px 0;}
#percy_item .info span {font-weight: bold; margin: 0 5px 0 0;}
#percy_item  .buy {border: 1px solid #fff; text-align: center; position: absolute; top: 0px; right: 10px;}
#percy_item  .buy a {display: block; padding: 8px; color: #fff; text-decoration: none; font-size: 1.4em; font-weight: bold; letter-spacing: 1px;}
#percy_item  .buy a:hover {color: yellow;}
#percy_item  a {color: #fff; text-decoration: none;}

#photogallery {overflow: hidden;}
#photogallery a {display: block; float: left; margin: 0 10px 10px 0;}

.video_box {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff;}
 
.stats_table {margin: 0 0 15px 0; width: 940px; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.stats_table th {background: #fff; color: #240b33; font-weight: bold;}
.stats_table td , .stats_table th {font-size: 1.2em; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px;}

h2 {font-size: 1.4em; margin: 0 0 12px 0; font-weight: bold; font-family: Verdana, sans-serif;}
h2 a {text-decoration: none; color: #fff;}
h2.page {font-size: 2.4em; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; width: 940px;}
h2.page a {text-decoration: none; color: #fff;}

h3 {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}

/* Background Purple:  #240b33 */