﻿/* 
|=================================================================|
|							          |	
| 		SPEED FREAKS FIXED VERSION	            	  |
|							          |	
|=================================================================|
|							          |
| Theme Name: SPEED FREAKS Fixed Version		          |
| Theme URL: Serira Designs.com http://seriradesigns.com          |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 1.0						          |
| Copyright: International and domestic Copyright Laws apply      |
| 								  |
|=================================================================|
|								  |
|			LICENCE TYPE 				  |
|							  	  |
|=================================================================|
| 								  |
| Speed Freaks is NOT General Public License (GPL) nor is it      |
| Open Source Software and limitations Do apply.		  |
|								  |
| You cannot copy, steal, duplicate, sell, modify, claim this 	  |
| theme as your own work, publically display this theme in or     | 
| through any medium unless explicitly authorised by 		  |
| Serira Designs.com						  |
|								  |
|=================================================================|
| 								  |
|			DISCLAIMER:				  |
|=================================================================|
| The modification is provided on an "AS IS" basis, without 	  |
| warranty of any kind, including without limitation the  	  |
| warranties of merchantability, fitness for a particular purpose | 
| and non-infringement. The entire risk as to the quality and     |
| performance of the skin is borne by you. Should the skin prove  |
| defective, you and not the author assume the entire cost of any | 
| service and repair. 				  		  |		
|								  |
|=================================================================|
*/

body {
background:#000000;
color: #FFFFFF;
margin:5px 0; 
padding: 0;
font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

#topHeader {
text-align:center;
height: 150px;
margin: 50px 0 30px 0;
padding:0;
width:100%;
background:#FFFFFF;
}

#Logo {
background-image:url(../styleImages/backgrounds/mainheader.jpg);
background-repeat: no-repeat;
background-position: top center;
margin:0 auto;
height:137px;
width:950px;
padding:0;
text-align:center;
} /**your site.com **/


#Logo h1 {
display:none;
text-align:center;
margin:40px 0;
padding:0;
color:#c70808;	
background:#FFFFFF;
font: normal 30px "Evanescent", Verdana, Helvetica, sans-serifsans-serif;
}/*This will hide the text in your header */


#pageSurround {
width: 990px; 
margin: 0 auto;
padding: 0px;
background: #000000;
}


/**LEFT COLUMN
****************/
.colLeft {
position: relative;
margin:0 10px 0 0;	
padding:0;
width: 240px; 
float: left;
}

.colLeft h3 {
margin:0 auto 10px;
color: #FCFCFC;
background: #000000;
text-align:center;
padding:2px;
text-transform:uppercase;
font:16px Arial, Verdana, Helvetica, sans-serif;
border-bottom:3px double #c70808;
}


/**MAIN NAVIGATION 
********************/
#navcontainer { 
margin:0;
padding:0; 
}

ul.navlist{
margin: 0 0 20px -13px;
padding: 0;
list-style-type: none;
width:210px;	
}/*FOR IE ONLY - REFER TO NONIE-STYLES FOR OTHER BROWSERS*/

ul.navlist li { margin: 0;padding:0;}

ul.navlist li a{
	display: block;
	margin:0;
	padding: 5px 10px;
	width: 210px;
	font-size:12px;
	color: #FFFFFF;
	background: #c70808;
	text-decoration: none;
	border-top: 1px solid #c70808;
	border-left: 1px solid #c70808;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	font-weight:normal;
	background-image: url('../styleImages/backgrounds/navlinke.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	}

ul.navlist li a:hover{
	color: #c70808;
	background: #c70808;
	padding: 5px 10px;
	text-decoration: none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #c70808;
	border-right: 1px solid #c70808;
	background-image: url('../styleImages/backgrounds/navlinke.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	}

.LeftBox, .RightBox {
padding-bottom:15px;
	margin-top: 25px;
	}

.LeftBox span {	
	color: #c70808;	
	background: #000000;
	}

.LeftBox p {
	margin-left:10px;
	font-size:12px;
	padding:5px;
	}

#aligncenter {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	color: #c70808;
	background: #000000;
	}


/**RIGHT COLUMN
*****************/
.colRight {
	position: relative;
	width: 200px; 
	padding:0px;
	float:right;
	}

.colRight h3 {
	margin:0 auto 10px;
	padding:2px; 
	color: #c70808;
	background: #000000;
	text-align:center;
	text-transform:uppercase;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	border-bottom:3px double #c70808;
	}


.RightBox p {
	margin-left:10px;
	font-size:12px;
	padding:5px;
	}

.LeftBox form, .RightBox form {
	margin: 0 auto;
	text-align: center;
	}

/**CONTENT PAGES
********************/
.colMid {
	position: relative;
	width: 430px;
	float: left;
	padding:0 0 10px 0;
	margin-bottom:30px;
	}

.boxContent {padding: 10px 5px;	margin-bottom: 5px;}


/**CHECKOUT PAGES
*******************/
.colMainCheckout {
	position: relative;
	width: 610px;
	float: left;
	}


/**WELCOME HOME PAGE TEXT
***************************/
.WelcomeBox {
	padding: 40px 40px;
	width: 730px;
	line-height: 22px;
	}

/**GENERAL HEADERS
*******************/
h1 {
	margin:0 0 20px 0;
	color: #c70808;
	background: #000000;
	text-align: left;
	font: normal 22px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	}

h2 {
	margin:0 0 20px 0;
	color: #c70808;
	background: #000000;
	text-align: left;
	font: normal 18px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	}
	

/**LATEST PRODUCTS
*******************/
#LatestProducts {
	float:left;
	margin: 40px 0;
	width: 430px;
	}

#LatestProducts h2 {
	padding:0;
	margin: 0 0 20px 0;
	color: #c70808;
	background: #000000;
	text-align:left;
	border-bottom: 1px solid #FCFCFC;
	font:normal 22px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	}

.LPBox {
	float: left;
	text-align: center;	
	margin: 20px;
	padding:0;
	color: #FCFCFC;
	background: #000000;
	font: normal 12px Arial;
	width: 170px;
	height: 180px;
	}

.LPName {
	margin: 0 auto;
	text-align: center;
	width:170px;
	height: 40px;
	}

.LPName a {
	text-align: center;
	font-size: 16px;
	color: #c70808;
	background: #000000;
	text-decoration:none;
	}

.LPName a:hover {
	color: #FCFCFC;
	background: #000000;
	}

.LPImage img {
	margin-top:10px;	
	margin-bottom:10px;
	border:3px double #CCC;
	padding:5px;
	}

.LPPrice {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 14px;
	}
	
.LPImage img:hover {border: 3px double #c70808;}


.LPPrice .txtOldPrice {color: yellow;}
.LPMore {font-size: 14px;}
.LPMore .BlueLink {color: #c70808; background: #000000; text-decoration: none;}
.LPMore .BlueLink:hover {color: #FFFFFF; background: #000000;}



.txtOldPrice {text-decoration: line-through;}
.txtOutOfStock {color: #FF0000;	background: #000000;}
a.txtLocation {color: #FCFCFC;	background: #000000;}
a.txtSession{color: #c70808; text-decoration: none;}
a.txtSession:hover {text-decoration: underline;}
.txtOldPrice {text-decoration: line-through;}
.txtOutOfStock {color: #FF0000;	background: #000000;}
li.num .txtSave, .txtSave {color:#FFFF00; background:#000000; padding-left: 18px;}

/**BREADCRUMB TRAIL
*******************/
.BreadCrumb {
	margin-bottom:20px;
	padding:0;
	color: #FFFFFF;
	background: #000000;	
	}


.BreadCrumb a {
	color: #c70808;
	background: #000000;
	font-weight:normal;
	text-decoration:none;
	}

.BreadCrumb a:hover {text-decoration:underline;}
#current {color: #c70808;background:#000000;}

.pagination  {
	text-align: right;
	color: #c70808;
	background: #000000;
	margin: 5px 5px 0 0;
	padding: 20;
	}

.pagination span {color: #FFFFFF;}
.pagination a {
	color: #FCFCFC;
	background: #000000;
	text-decoration:none;
	font-size:12px;
	padding-left:20px;
	}

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


/**SUB CATEGORIES
******************/
#subCats {
	text-align:left;
	border: 1px solid #FFFF00;
	margin: 20px 0;
	padding: 20px;
	width: 600px;
	float:left;
	}
	
.subCat {
	text-align: center;
	padding: 20px;
	float: left;
	}


/**CATEGORY VIEW
******************/
.CatList {background: pink; width: 410px;}
.tdEven, .tdOdd {
	padding: 10px;
	background-color: #000000; 
	color: #FFFFFF; 
	border-bottom: 1px solid #c70808;
	border-top: 1px solid #c70808;
	}
	
.tdEven .CPName, .tdOdd .CPName {margin-bottom: 5px;}

.tdEven .CPName a, .tdOdd .CPName a {
	font-size: 16px;
	color: #c70808;
	background: #000000;
	text-decoration: none;
	}

.tdEven .txtSale, .tdOdd .txtSale {color: #FFFF00; background: #000000;font-size: 16px; }
.tdEven .retail, .tdOdd .retail {color: #FFFFFF; background: #000000; font-size: 16px; }

.CPBuy a.txtButton, .CPMore a.txtButton {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background: #c70808;
	padding: 5px 20px;
	margin: 5px 3px;
	text-decoration: none;
	border: 1px solid #c70808;
	width: 30px;
	float:left;
	}


.CPBuy a.txtButton:hover, .CPMore a.txtButton:hover {
	color: #ffffff;
	background: #000000;	
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	padding: 5px 20px;
	margin: 5px 3px;
	text-decoration: none;
	border: 1px solid #c70808;
	width: 30px;
	}



/**SINGLE PRODUCT VIEW
************************/
#SProduct {
	margin:40px auto;
	text-align:center;
	padding:0;
	}


p.subheading {
	margin: 0 0 10px 0;
	padding:0;
	color: #FCFCFC;
	background: #000000;
	font:16px Arial, Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #c70808;
	}

#SPImage {
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
	}

#SPImage img {
	padding: 5px;
	border: 3px double #FCFCFC;
	}

#SPDescription {
	text-align:left;
	margin:0;
	padding:10px;
	color: #F4F4F4;
	background:#000000;
	width: 385px;
	}

.SPList, .SPList .txtDefault {margin-top: 40px; font-size:16px;}
.SPList .txtSale {color: yellow;}


a.OrangeButton {
	font: normal 14px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #000000;
	border: 3px double #FFFFFF;
	padding: 2px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	position:relative;
	}

a.OrangeButton:hover {
	font: normal 14px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color: #c70808;
	border: 3px double #c70808;
	padding: 2px;
	height:40px;
	text-align: center;
	text-decoration: none;
	}



/**RANDOM PRODUCTS
******************/
#Featured {border:none;	margin:10px 0;	padding:0 0 5px 0;}

.regSep{margin: 20px 0; padding: 20px 0px 40px;	}

/**STEP 1 PAGE
*****************/
#Step1Form td {padding: 10px;}
#Step1Form td.tag {width: 100px; text-align: right;}

