@charset "utf-8";

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

#productContent {
	width:auto;
	background-color:#C90;
	overflow:auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	/* Fallback for web browsers that doesn't support RGBa */
	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;
}

/* TAB CONTENT FOR PRODUCT PAGES */

/* root element for tabs  */
ul.productTabs {
	background-color:#000;
	list-style:none; 	
	height:30px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

/* single tab */
ul.productTabs li { 
	float:left;
	width:135px;
}

/* link inside the tab. uses a background image */
ul.productTabs a {
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#FFF;
	display:block;
	height: 30px;  
	line-height:30px;
	text-decoration:none;
	text-align:center;
}

/* when mouse enters the tab move the background image */
ul.productTabs a:hover {
	color:#F00;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.productTabs a.current, ul.productTabs a.current:hover, ul.productTabs li.current a {		
	cursor:default !important; 
	color:#F00 !important;
}

.productPanes {
	min-height:500px;
	width:950px; /*952px with 2x of border */
	padding:50px 0;
}

/* initially all panes are hidden */ 
.productPanes .pane {
	display:none;	
}

/* content within productPanes */
.content475 {
	width:455px;
	margin-left:20px;
}

.content950 {
	width:910px;
	padding:0 20px;
}

/* SPECIFICATIONS TABLE CONSTRUCTION */
#specs, #specs p{
	color:#FFF !important;
	font-size:9pt;
	line-spacing:150%;
}

.catagory, .default, .customize {
	padding:18px 8px;
	vertical-align:top;
}

.catagory {
	width:20%;
	background-color:#333;
	font-weight:bold;
	text-transform:uppercase;
}

.default, .customize{
	width:40%;
	background-color:#666;
}

.odd > td.catagory, .odd > td.default, .odd > td.customize {
	background-color:#000 !important;
}

/* Product tab element styling */
.design p{overflow:auto;}
.disclaimer {font-size:11px;line-height:125%}
.orderlink {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	float:right;
	line-height:30px;
	margin-right:40px;
	display:block;
}
.orderlink:hover {color:#F00;}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	border:1px solid #666;
	
	width:400px;
	min-height:100px;
	padding:20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #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;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../../images/v2/misc/luxury/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* TAB CONTENT FOR INFO PAGES (SIDEBAR) */

#infoContent {
	width:auto;
	background-color:#C90;
	overflow:auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	/* Fallback for web browsers that doesn't support RGBa */
	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;
}

/* TAB FONT STYLE */
.infoPanes h1, .productPanes h1 {margin-bottom:8px !important;}

#support #infoContent h3 {margin-bottom:0px;}
#about #infoContent h3, #community #infoContent h3 {margin-bottom:12px;}

#infoContent h3 {
	color:#FFF;
}

#infoContent p {
	font-weight:normal;
	color:#999;
	line-height:150%;
	overflow:auto;
}

/* overall info tab image placement */
#infoContent img {
	float:left;
	padding-right:12px;
}

/* Info tab element styling */
.award img {padding-top:25px;padding-bottom:25px;}
.partners img.last {padding-right:none!important;}
.closed {margin-left:10px;margin-right:10px;}
.sponsors img {margin:12px 10px 0 10px; padding:0 !important;}

/* TAB CONTENT FOR INFORMATION PAGES */

/* root element for tabs  */
ul.infoTabs {
	background-color:#000;	
	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-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	float:left;
	height:auto;
	width:190px;
	height:auto;
	overflow:auto;
	padding:50px 20px 200px 20px;
}

/* single tab */
ul.infoTabs li {
	list-style-type:none;
	width:auto;
}

ul.infoTabs a {
	color:#999;
	display:block;
	height:20px;  
	line-height:20px;
	text-decoration:none;
	text-align:left;
}

ul.infoTabs a:hover {
	color:#F00 !important;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.infoTabs a.current, ul.infoTabs a.current:hover, ul.infoTabs li.current a {		
	cursor:default !important; 
	color:#F00 !important;
}

.infoPanes{
	min-height:400px;
	overflow:auto;
	width:auto;
	padding:50px 20px;
}

/* initially all panes are hidden */ 
.infoPanes .pane {
	display:none;	
}