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

/******************************************
*
* Pure PC Online v2.0 (Global CSS)
* Design by Blake Willis
* Code by Justin Willis
* Copyright 2011. All rights reserved.
*
******************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	outline:none;	
}

body {
	background-color:#000;
	background-image:url(../../images/v2/structure/redbg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
}

p {
	color:#999;
	line-height:150%;
	font-size:9pt;
}

h1 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:12pt;
	letter-spacing:3px;
	color:#FFF;
	line-height:normal;
}

h2, h3 {
	line-height:normal;
	text-transform:uppercase;
	font-size:9pt;
	letter-spacing:1px;
	font-weight:bold;
}

p a {
	text-decoration:none;
	color:#999;
}

p a:hover {
	text-decoration:underline;
}


.nomargin{margin:0 !important;}
.nopad{padding:0 !important;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}

.break680 {
	width:680px;
	height:1px;
	background:url(../../images/v2/structure/680break.png) no-repeat center center;
	margin:40px 0;
	clear:both;
}

.break910 {
	width:910px;
	height:1px;
	background:url(../../images/v2/structure/910break.png) no-repeat center center;
	margin:40px auto;
	clear:both;
}

#wrapper {
	width:976px;
	margin:0 auto;
	background:transparent;
}
#header {
	position:relative;
	width:952px;
	padding:0 12px;
	height:120px;
	background:url(../../images/v2/structure/bgheader.png) repeat-x;
}

#logo {
	position:absolute;
	top:24px;
	left:12px;
}

.order {
	font-size:9pt;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFF;
	position:absolute;
	top:42px;
	right:20px;
}

#navigation {
	float:left;
	width:952px;
	height:49px;
	margin-top:95px;
  	-moz-box-shadow: 0px 0px 4px #000;
  	-webkit-box-shadow: 0px 0px 4px #000;
  	box-shadow: 0px 0px 4px #000;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;

}

/* universal navigation font styling */
#navigation h2, #navigation h2 a, #navigation h2 a:active, #navigation h2 a:hover, #navigation h2 a:visited {
	color:#999 !important;
}

#navigation h3, #navigation h3 a, #navigation h3 a:active, #navigation h3 a:hover, #navigation h3 a:visited {
	color:#F00 !important;
}

#navigation p {
	line-height:150%;
	font-size:11px;
	color:#FFF;
}

/* ul class */
.nav {
	width:952px;
	height:auto;
	padding:0;
	margin:0;
	background:transparent;
	list-style-type:none;
}

/* nav catagory */
.nav li {
	position:relative;
	width:136px; /* 952px / 7 (tabs)*/
	line-height:50px;
	height:50px;
	float:left;
	text-align:center;
	background-image:url(../../images/v2/structure/navigation.png);
	background-repeat:no-repeat;
	background-position:center top;
}

/* display megabox on rollover */
.nav li:hover > div.subnav {
	display:block;
}

/* alter catagory heading on rollover */
.nav li:hover {
	color:#900;
	background-position:center bottom;
}

.nav li > a {
	line-height:49px;
	text-transform:uppercase;
	font-size:9pt;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFF;
	text-shadow:#000 0px 0px 2px;
}

/* rounds the corners of FIRST AND LAST li items, to fix rollover */

.nav-first {
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
	background-position:left top !important;
}

.nav-last {
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
	background-position:right top!important;
}

.nav {
}

.nav li:hover > a {
	color:#F00;
}

/* denies rounded corners to first li item for square bottom left corner */
.nav-first:hover {
	border-bottom-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	background-position:bottom left !important;
}

.nav-last:hover {
	background-position:right bottom !important;
}

/* hidden mega box */
.subnav {
	position:absolute;
	top:50px;
	overflow:auto;
	display:none;
	background-color:#333;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	border:1px solid #666;
	border-top:none;
	-moz-box-shadow: 1px 3px 3px #000;
	-webkit-box-shadow: 1px 3px 3px #000;
	box-shadow: 1px 3px 3px #000;
	background: #535353; /* old browsers */
	background: -moz-linear-gradient(top, #2B2B2B 0%, #000000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B2B2B), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B2B2B', endColorstr='#000000',GradientType=0 ); /* ie */
}

.subnav img {
	padding-bottom:8px;
}

/* fix for menu mega box width */
.threeCol{width:696px}
.twoCol{width:464px;}
.oneCol{width:232px;}

/* individual products inside mega box*/
.subnav > div.col {
	width:200px;
	height:auto;
	padding:16px 16px 20px 16px;
	text-align:left;
	float:left;
	background-color:transparent;
}

.subnav-first:hover {
	border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
}

.subnav-last:hover {
	border-bottom-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
}

#contentWrap {
	width:952;
	padding:320px 12px 0 12px;
	background-color:#000;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top;
}

#main #contentWrap {
	padding-top:450px;
	background-image: url(../../images/v2/structure/mainbg.jpg);
}

#product #contentWrap {
	background-image: url(../../images/v2/structure/infobg.jpg);
}

#about #contentWrap {
	background-image: url(../../images/v2/structure/aboutbg.jpg);	
}

#community #contentWrap {
	background-image: url(../../images/v2/structure/communitybg.jpg);
}

#support #contentWrap {
	background-image: url(../../images/v2/structure/supportbg.jpg);
}

#footer {
	position:relative;
	width:952;
	padding:12px 12px 20px 12px;
	overflow:auto;
}

#footer a, #footer a:visited, #footer a:active {
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#footer a:hover {
	color:#F00;
}

#footer p {
	color:#999;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#footer > ul {
	float:left;
	list-style-type:none;
	padding:0;
}

#footer > ul > li {
	float:left;
	margin-right:20px;
}

#footer img {
	margin-left:10px;
}

/* index page col styling */


#contentWrap > div.col {
	position:Relative;
	width:279px;
	height:268px;
	padding:12px 14px 0;
	margin-right:12px;
	/* [disabled]background-color:#06F; */
	float:left;
	overflow:hidden;
	border:1px solid #666;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	border:1px solid #666;
}

#contentWrap > div.col h1 {margin-bottom:12px;}
#contentWrap > div.col a {color:#F00;}
#contentWrap > div.col img {float:right;margin:12px 0 4px 2px}

.readMore, .readMore a, .readMore a:active, .readMore a:visited {
	font-weight:bold;
	text-transform:uppercase;
	font-size:9pt;
	letter-spacing:1px;
	color:#F00;
}

.readMore a:hover {
	text-decoration:underline;
}