/*

|=================================================================|

|							          |	

| 			SPEED FREAKS		            	  |

|							          |	

|=================================================================|

|							          |

| 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; 

	font-size:12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height:20px;

	}







#topHeader {

	text-align:right;

	height: 160px;

	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: bottom right;

	margin:0;

	height:136px;

	padding:24px 0 0 0;

	text-align:right;

} 





#pageSurround {

	width: 770px; 

	margin: 0 auto;

	padding: 0px;

	background: #000000;

	}





/**LEFT COLUMN

****************/

.colLeft {

	position: relative;

	margin:0 10px 0 0;

	padding:0;

	width: 170px; 

	float: left;

}



.colLeft h3 {

	margin-left:0;

	color: #FCFCFC;

	background: #000000;

	text-align:center;

	padding:2px;

	font-size:18px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #0099CC;

}





/**MAIN NAVIGATION 

********************/

#navcontainer { 

	margin:0;

	padding:0; 

}



ul.navlist{

	margin: 0 0 20px -13px;

	padding: 0;

	list-style-type: none;

	width:140px;

}/*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: 140px;

	font-size:12px;

	color: #FFFFFF;

	background: #043868;

	text-decoration: none;

	border-top: 1px solid #0099cc;

	border-left: 1px solid #0099cc;

	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: #0099cc;

	background: #043868;

	padding: 5px 10px;

	text-decoration: none;

	border-top: 1px solid #333;

	border-left: 1px solid #333;

	border-bottom: 1px solid #0099cc;

	border-right: 1px solid #0099cc;

	background-image: url('../styleImages/backgrounds/navlinke.jpg');

	background-repeat: no-repeat;

	background-position: 0 0;

}



.LeftBox {

	padding-bottom:15px;

}



.LeftBox p {

	margin-left:10px;

	font-size:12px;

	padding:5px;

}



.LeftBox span {

	color: #0099CC;

	background: #000000;

}



#aligncenter {

	text-align:center;

	font-weight:bold;

	font-size:14px;

	margin:0;

	padding:0;

	color: #0099CC;

	background: #000000;

}





/**RIGHT COLUMN

*****************/

.colRight {

	position: relative;

	width: 150px; 

	top:0px;

	margin-left:5px;

	right: 0px;

	padding:0px;

	float: right;

	height:100%;

}



.colRight h3 {

	margin-right:0;

	margin-left:0;

	padding:2px;

	color: #FCFCFC;

	background: #000000;

	text-align:center;

	font-size:16px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #0099CC;

}



.RightBox {

	margin:0;

	padding: 5px 0 20px 0px;

	background:#000000;

	color: #FFFFFF;

}





.RightBox p {

	margin-left:10px;

	font-size:12px;

	padding:5px;

}



.RightBox span {

	color: #0099CC;

	background: #000000;

}







/**HOMEPAGE MAIN CONTENT

*************************/

#HomePageContent {	

	position: relative;

	width: 580px;

	float: left;

	top:0px;

	padding:0;

}





#HomePageContent .boxContent-border {

	padding: 5px 10px;

	margin: 5px;

	border:3px double #0099CC;

}







.boxContent h2 {

	margin-top:10px;

	margin-left:10px;

	padding:0;

	color: #0099CC;

	background: #000000;

	text-align:left;

	font-size:20px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #ffffff;

	}







/**LATEST PRODUCTS

*******************/

.latestProds {

	float: left;

	text-align: center;

	width: 180px;

	height: 220px;

	margin:10px 0 20px 5px;

	padding:0;

	color: #FCFCFC;

	background:#000000;

	font: normal 12px Arial;

	}



.latestProds h2, 

.latestProds h2 a:link, 

.latestProds h2 a:visited, 

.latestProds h2 a:hover {

	font-size: 14px;

	padding:0;

        margin-top:0;

	margin-bottom:0;

	text-align:center;

	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;

	color: #FCFCFC;

	background: #000000;

	text-decoration:none;

	font-weight:normal;

	border-bottom:none;

	}



.latestProds h2 a:hover {

	color: #0099CC;

	background: #000000;

	}



.LPName {height:40px;}



.LPImageHolder {

	height:100px;

	width:180px;

	text-align:center;

	}



.ProductImage {

	border:3px double #CCC;

	padding:5px;

	margin-top:10px;

	}



.latestProds p {

	font-size:14px;

	margin:0;

	padding-bottom:3px;

	}



span.txtPrice {

	color: #FCFCFC;

	background: #000000;

	}



span.txtDetails, span.txtDetails a {

	color: #0099CC;

	background: #000000;

	font-weight:normal;

	text-decoration:none;

	}



span.txtDetails a:hover {

	text-decoration:underline;

	color: #FCFCFC;

	background: #000000;

	}



p.vat {

	margin:0;

	padding:0;

	font-size:12px;

	color: yellow;

	background:black;

	}





.LPInfo {

	padding:5px;

	margin:10px 0 0 0;

	height:30px;

	}





/**MAIN CONTENT

*****************/

.colMid {

	position: relative;

	width: 425px;

	float: left;

	top:0px;

	padding:0 0 30px 0;

	margin-bottom:30px;

	}

.colMid h3{

	margin-left:0;

	color: #FCFCFC;

	background: #000000;

	text-align:center;

	padding:2px;

	font-size:18px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #0099CC;

	text-align:left;
}

.boxContent {

	padding: 3px 5px;

	margin-bottom: 5px;

	}



/**BREADCRUMB TRAIL

*******************/

.BreadCrumb {

	float:left;

	margin-left:10px;

	margin-bottom:0;

	padding:0;

	color: #FFFFFF;

	background: #000000;

	font-family:Arial, Verdana, Helvetica, sans-serif;

	font-weight:normal;

	}



.BreadCrumb a {

	color: #0099CC;

	background: #000000;

	font-weight:normal;

	text-decoration:none;

	}



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



#current {

	color: #0099CC;

	background:#000000;

	}



.pagination  {

	float: right;

	color: #0099CC;

	background: #000000;

	padding-top: 0;

	padding-bottom: 5px;

	font-family:Arial, Verdana, Helvetica, sans-serif;

	font-weight:normal;

	}



.pagination span {

	color:#FF7F00;

	background: #000000;

	padding-left:3px;

	}

	

.pagination a.txtLink{

	color: #FCFCFC;

	background: #000000;

	text-decoration:none;

	font-size:12px;

	padding-left:3px;

	}



.pagination a.txtLink:hover {

	color: #0099CC;

	background: #000000;

	text-decoration:underline;

	}











/**HEADERS GENERAL

*******************/

h1 	{

	color: #0099CC;

	background: #000000;

	text-align:center;

	font-size:24px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	}

	

h2 {

	margin-top:25px;

	margin-left:10px;

	padding:0;

	color: #0099CC;

	background: #000000;

	text-align:center;

	font-size:20px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	}



h3.first {/*for sidebars*/

	margin-top:0;

	margin-left:0;

	color: #FCFCFC;

	background: #000000;

	text-align:center;

	padding:2px;

	font-size:18px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #0099CC;

	}



h3 {

	margin-left:10px;

	color: #FCFCFC;

	background: #000000;

	text-align:left;

	padding:0px;

	font-size:18px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	}





h3.Center {

	margin-left:auto;

	margin-right:auto;

	color: #FCFCFC;

	background: #000000;

	padding:0;

	text-align:center;

	font-size:18px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	}



/**MISCELLANEOUS

*****************/

p {

	margin:0px 0px 16px 0px;

	padding:0px;

	color: #FCFCFC;

	background: #000000;

	}



.Center {text-align:center;}

.Indent {margin-left: 10px;}

a:link, a:visited, a:hover {

	color:#0099CC;

	font-weight:normal;

	text-decoration:none;

	}



a:hover {text-decoration:underline;}

.boxContent-border p span {color: #0099CC;}

.DropDownBox{

	width: 120px;

	margin:0 5px 0 15px;

	text-align:center;

	}













/**CATEGORY VIEW

******************/

.CatProds {

	background: #000000;

	color: #FFFFFF;

	margin:40px 0 30px 10px;

	padding:0;

	height:200px;

	border: 3px double #0099CC;

	}/**FOR IE**/





.CatProds h2, 

.CatProds h2 a {

	padding:0;

	color: #0099CC;

	background: #000000;

	text-align:center;

	font-size:16px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	}



.CPImageHolder {

	width: 120px;

	height:180px;

	float:left;

	margin:0 auto;

	text-align:center;

	}



.CatProdImage {

	padding:5px;

	border: 3px double #FFFFFF;

	margin:50px auto 0;

	text-align:center;

	}





.CPInner {

	margin:0;

	padding:0 3px;

	font-size:11px;

	float:left;

	width:270px;

	height:195px;

	margin-left:10px;

	}



.CPName h2 {

	margin:5px 0 10px;

	text-align:left;

	}



#Price {

	font-size:14px;

	margin: 30px 0 0 0;

	}



#Price span {

	color: #0099CC;

	background:#000000;

	}



.AddToBasket{

	float:right;

        margin-top:-10px;

	position:relative;

	z-index:10;

	}





a.txtButton {

	font: normal 14px Arial, Verdana, Helvetica, sans-serif;

	color: #FFFFFF;

	background: #FF4600;

	border: 3px double #FFFFFF;

	padding: 2px;

	height: 40px;

	line-height:30px;

	text-align: center;

	text-decoration: none;

	}



a.txtButton:hover {

	font: normal 14px Arial, Verdana, Helvetica, sans-serif;

	color: #FFFFFF;

	background: #000000;

	border: 3px double #0099CC;

	padding: 2px;

	height:40px;

	line-height:30px;

	text-align: center;

	text-decoration: none;

	}



/**SUB CATEGORIES

******************/



#SubCategories {

	text-align:left;

	border: 1px solid yellow;

	margin: 20px 0 30px 10px;

	padding: 5px;

	width: 400px;

	float:left;

	}



.SubCatsList {

	text-align: center;

	padding: 8px;

	float: left;

	}





/**SINGLE PRODUCT VIEW

************************/

#SProduct {

	margin:40px auto;

	text-align:center;

	padding:0;

	}



#SProduct h2 {

	margin-top: 0;

	padding:5px;

	color: #FCFCFC;

	background: #000000;

	text-align:center;

	font-size:22px;

	font-weight:normal;

	text-transform:uppercase;

	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;

	border-bottom:3px double #0099CC;

	}





#SPImage {

	margin-top:10px;

	margin-bottom:50px;

	padding:10px;

	/*width:300px;

	height:300px;*/

	border: 3px double #FCFCFC;

	}



#SPDescription {

	text-align:left;

	margin:0;

	padding:10px;

	font: 13px/20px Arial, Verdana, Helvetica, sans-serif;

	color: #F4F4F4;

	background:#000000;

	}



#SPList {font-size:12px;}



#BuyNow {

	float:right;

	width:260px;

	text-align:right;

	height:60px;

	padding:0 10px 0 0;

	}





/**RANDOM PRODUCTS

******************/

#Featured {

	border:none;

	margin:10px 0;

	padding:0 0 5px 0;

	}





/**CHECKOUT PAGES

*******************/

.colMainCheckout {

	position: relative;

	width: 568px;

	float: left;

	padding-left:10px;

	margin-bottom:60px;

	}



#TableReg {

	border-right:1px solid #0099CC;

	border-bottom:1px solid #0099CC;

	border-left:1px solid #0099CC;

	padding-bottom:40px;

	}



.regSep{

	height:120px;

	margin: 40px 0px 20px 0;

	padding: 20px 0px;

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	}







