/*
Theme Name: Extreme Skates Theme
Version: 1.0a
Author: Urban Jungle Design
Author URI: http://urbanjungledesign.com.au/

*/
<!--
body {
	font: 100%  Helvetica, Verdana, Arial, sans-serif;
	background: #777;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
	background-attachment:fixed;
	background-image: url(http://extremes.com.au/bg.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-color: #000;


}



/* ------ GLOBAL --------- */

a {

color: #ccc;
text-decoration: none;

}


a:hover {

color: #fff;
text-decoration: underline;

}




h1{
	font-family: 'BebasRegular', Arial, sans-serif;
	letter-spacing: 0px;
        word-spacing: 10px;
	border-bottom: 1px dashed #ccc;
	color: #fff;
	font-weight: normal;
margin: 0 0 10px 0px;
font-size: 40px;
text-transform:uppercase;
line-height: 50px;
word-wrap: break-word;
text-shadow: 3px 2px #000000;
	
}


.second-col-shop h2{
	font-family: 'BebasRegular', Arial, sans-serif;
	letter-spacing: 0px;
        word-spacing: 10px;
	border-bottom: 1px dashed #ccc;
	color: #fff;
	font-weight: normal;
margin: 0 0 10px 0px;
font-size: 40px;
text-transform:uppercase;
line-height: 50px;

text-shadow: 3px 2px #000000;
	
}


h2 {
	font-family: 'BebasRegular', Arial, sans-serif;
	letter-spacing: 0px;
        word-spacing: 10px;
	border-bottom: 1px dashed #ccc;
	color: #fff;
	font-weight: normal;
margin: 0 0 10px 0px;
font-size: 30px;
text-transform:uppercase;
line-height: 30px;
text-shadow: 2px 2px #000000;
padding: 0px;


}


h2 a{

color: #fff;

}

h2 a:hover{

color: #ccc;
text-decoration: none;

}


h4 {
text-transform:uppercase;
font-size: 28px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0 0 0px 0;
border-bottom: 1px dashed #fff;
font-family: 'BebasRegular', Arial, sans-serif;
	letter-spacing: px
        word-spacing: 10px;
text-shadow: 2px 1px #000000;
}


.wpsc_checkout_field1 h4, .wpsc_checkout_field9 h4 {
margin: 20px 0 15px 0;
}


img {
border: 0px;
}

@font-face {
	font-family: 'BebasRegular';
	src: url('http://extremes.com.au/BEBAS___-webfont.eot');
	src: local('☺'), url('http://extremes.com.au/BEBAS___-webfont.woff') format('woff'), url('http://extremes.com.au/BEBAS___-webfont.ttf') format('truetype'), url('http://extremes.com.au/BEBAS___-webfont.svg#webfontSRj8j0PE') format('svg');
	font-weight: normal;
	font-style: normal;
}





/* ------ FIRST COL --------- */




.first-col {
	
	width: 220px;
	left: 0px;
	height: 100%;
	position: fixed;
	background-color: #000;
	border-right: 1px dashed  #fff;
	text-align: left;


}


.ext-details {

	font-size: 12px;
	bottom: 0;
	left: 0;
	color: #999;
	position: fixed;
	padding: 10px 20px;
width: 180px;
	background-color: #000;
}



.ext-details p{
	
	padding: 5px 0;
	margin: 0;

	
	
}


.firstcol img {

width:50px;
margin: 0 10px 0 0;

}




.copyright {

     padding: 10px 0 0 0;
      margin: 10px 0 0 0;
border-top: 1px dashed #fff;

}



/********** navigation *************/


#nav-left  {
	
	padding: 0 20px 0 0 ;
	letter-spacing: 1px;
		
}



#nav-left ol {
	
color: #fff;	
	font-size: 12px;
	list-style-type: decimal-leading-zero;
}



#nav-left ol li {
	padding: 0px;
	text-transform:uppercase;

	color: #ff0000;
font-family: Helvetica, Times, serif;
	padding: 15px 0 3px 0;
	border-bottom: 1px dashed #fff;

	
}

#nav-left ol li a{
	color: #aaa;
	padding: 0 0px 0 0;
	
	text-decoration: none;
display: block;
}


#nav-left ol li a:hover{
	color: #fff;
	
	
}



/*************** ------ Second Col ------------- *************/


.second-col {
	border-right: 1px solid #999;
	left: 221px;
	min-height: 100%;
	position: absolute;
	padding: 0 20px 0 20px;
	background-image:url(images/sec-col-bg.png);
	text-align: left;
	margin: 0;
	width: 450px;
	color: #fff;
}


.second-col-shop {
	border-right: 1px solid #999;
	left: 221px;
	min-height: 100%;
	position: absolute;
	padding: 0 10px 0 20px;
	background-image:url(images/sec-col-bg.png);
	text-align: left;
	margin: 0;
	width: 200px;
	color: #fff;
}


.second-col h2{
	
	border-bottom: 1px dashed #ccc;
	color: #fff;
	font-weight: normal;
margin: 20px 0 ;
font-size: 30px;
letter-spacing: 1px;
text-transform:uppercase;
line-height: 40px;

	
}

.second-col h4{


}


.text-page {
	
	margin: 50px 0 0 0;
	
}


.text-page p{
	

line-height: 24px;
padding: 0;
margin: 0px;
color: #fff;
font-size: 14px;

	
}



/*  blog styling */

.blog-post {

margin: 0 0 50px 0;

}


.blog-post img{

 width: 415px;
height: auto;
}

/* -------- tags style ------------ */

.tags-style {

font-size: 12px;
margin: 0 0px 0 0px;
padding: 5px 0;

border-top: 1px dashed #999;

border-bottom: 1px solid #999;
}


.tags-style a{ 

color: #f00;

}






.page-number {

float: left;
font-size: 22px;
width: 25px;
height: 30;
color: #F00;
text-align: center;
display: none;

	
}

.next-page a {

font-size: 12px;



margin: 0 0 0px 0px;

}

.next-page {

float: right;
margin: 0 10px 20px 30px;
}


/* -------  PRODUCT LIST ---------- */
.product-list .second-col {
	
width: 200px;	
	
}








/*

.product-nav ul li a { display: block; }
.product-nav ul li{

	padding: 15px 0 0 0;
       position: relative;
display: block;




}

.product-nav ul li ul li a{


font-size: 12px;
color: #888;
}



.product-nav ul li a {
	
	color: #eee; 
	display: block;
	text-decoration: none;
	border-bottom: 0;
	text-decoration: none;
	letter-spacing: 1px;
	
}


.product-nav ul li a:hover {
	

	text-decoration: underline;
	
}




.product-nav li:hover ul { display: block; }




.product-nav li ul {
	
margin: -20px 0 0 150px;
z-index: 50;
display: none;
position: absolute;
background-color: #000;
}

.product-nav li ul li {
padding: 5px 10px;
border: 1px #333 solid;

}

*/



.product-nav ul {
	
	list-style: none;
	text-transform: uppercase;
padding: 0px ;
margin: 0px 0 0 0px;
font-size: 12px;
}


.product-nav  ul li {
height:25px;
padding: 5px 0 0 0;
line-height:25px; 
list-style:none; 

list-style: none;

border-bottom:#fff dashed 1px; 
border-width:1px;
cursor:pointer; 
z-index: 30;
}

.product-nav  ul li a {color:#ccc; display:block;} /*Link's Styles*/

.product-nav  ul li:hover {background-color:#000; position:relative; color: #fff; text-decoration: none;}

/*Sub Menu*/
.product-nav  ul ul {display:none; position:absolute; left: 160px; top:5px;  border: 1px #999 solid; background-color:#000; }
.product-nav  ul li:hover ul {display:block;}

.product-nav  ul ul li { width:200px; float:left; display:inline; border:none; padding: 0px 0 0px 10px;}
.product-nav  ul ul li:hover {text-decoration: none; border:none; background-color: #333; }

.product-nav  li:hover ul li ul {display:none;}

.product-nav  ul ul li ul {left:190px; background-color:#00;}
.product-nav  ul ul li:hover ul {display:block;}


.text-container {

padding: 0 0px;
margin: 0px;

}




/* product page */

.cat-nav-second-col h4 {
display: none;
}
.producttext p{
	

line-height: 30px;
padding: 10px 0 15px 0;
margin:  0 0 20px 0;
color: #fff;
font-size: 14px;

width: 250px;

border-bottom: 1px dashed #ccc;



	
}

.prodtitles {


text-transform: uppercase;

}

.wpsc_buy_button  {

margin: 10px 0 0 0;


}


.breadcrumb {

font-size: 10px;

font-style: italic; 
}


.extra-images {

margin: 5px 0;

}



.extra-images .prodtitles {

display: none;


}

/*   ----------------------------- BRAND IMAGE GRID -----------

#categorisation_group_2 .wpsc_category_link {
display: none;

}

#categorisation_group_2 .wpsc_category_link a{
text-decoration: none;
border: 0;

}


#categorisation_group_2 li {
width: 45px;
float: left;border: 0;
}

*/





/************ Third Col ************************/
.third-col {
	width: 410px;
	position: absolute;
	min-height: 100%;
	left: 430px;
	color: #fff;
padding: 0px 20px 0 20px;
z-index: 1;
	background-image:url(images/thir-col-bg.png);
text-align: left;
margin: 0 0 0 20px;
	
}

.logo {
	
margin: 50px 0 50px 0 ;	
	
	
}



.catdesc {

font-size: 12px;
line-height: 18px;
color: #ccc;
}

.brand-container  h1{ 
margin-left: 0px ;

}

.brand-container  { 

margin: 55px 0 0 0px;
font-size: 14px;
line-height: 21px;
color: #ccc;
text-align: justify;
}


.product-page.third-col {
	

	
	
}


.product-container {
	
	padding: 0 0px;
margin: 50px 0 0 0;	
	
}



/* ----- home third col ----- */

.home-third-image {
	width: 220px;
	min-height: 100%;
	position: relative;
	left: 690px;
	color: #fff;
	z-index: 1;
	background-image:url(images/thir-col-bg.png);
	text-align: left;
	padding: 165px 20px 20px 20px;
	height: 100%;
margin: 0 0 0 20px;
}



.home-feature {

margin: 40px 0 0 0;
padding: 0 0 30px 0;
}


.widget_sp_image-description {
font-size: 14px;
line-height: 20px;
text-align: center;
}




/********* top slide *********/

#sliderWrap {
float: right;
width: 300px;

}
#slider {

position: fixed;
z-index: 20;



background-image:url(images/sec-col-bg.png);

width: 200px;
height: 310px;
margin-top: -310px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 0px 0 0 10px;
text-align: right;
position: absolute;

}
#header {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 310px 0 0 110px;
font-size:12px;
font-weight:bold;
background-color: #000;
padding: 5px 10px;
}


/* ----------- Shopping Cart ------------- */

.top-slider-cart h4 {

	border-bottom: 1px dashed #000;
	color: #fff;
	font-weight: normal;
margin: 0   20px 10px  0;
padding: 0 0px 0px 0px;

font-size: 20px;
letter-spacing: 1px;
text-transform:uppercase;
background-image: url (http://www.extremes.com.au/cart-number.png);
background-position: top left;
background-repeat: no-repeat;
background-colour: #fff;


}

#sliding_cart  {

font-size: 12px;
text-align: left;


}


.product_row {


text-align: center;


}

.top-slider-cart {
   padding: 10px 0 0 0;
   text-align: left;
}


#sliding_cart  a {

color: #ccc;
text-decoration: none;

}

#sliding_cart  a:hover {

color: #fff;
text-decoration: underline;

}

.product-qty {

margin: 0 0 -18px 0 ;
color: #ff0000;
z-index: 20;
font-size: 16px;
position: absolute;
text-align: center;
background-color: #000;
width: 20px;
height: 20px;
padding: 1px 1px 0px 0;


display: none;
} 


.emptycart {

padding: 0 0 5px 0;

}



#sliding_cart  p{

padding: 5px 0 5px 15px;
}


.wpsc_page_numbers {

font-size: 14px;
line-height: 20px;
margin: 0 20px 0 0;

}

.wpsc_page_numbers a {


}


.wpsc_page_numbers .selected {

font-weight: bold;

color: #fff;
padding: 0 2px;
text-decoration: none;
}

/* --------  Checkout ------------- */



.checkout-button {

position: fixed;
right: 0px;
top 0;
background-color: #000;

margin: 0 5px 0 0;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
border-right: 1px solid #666;

}


.checkout-button a {
display: block;
font-size: 12px;
text-decoration: none;
color: #fff;
height: 20px;
verticle-align: center;
height: 100%;
line-height: 20px;
padding: 2px 15px 4px 15px;
}

.checkout-button a:hover {

text-decoration: none;
background-color: #fff;
color: #000;
}


.productcart a {

font-size: 12px;
text-decoration: none;
color: #fff;

}


.productcart a:hover {

font-size: 12px;
text-decoration: underline;

}

.productcart {

text-align: left;

}


.product_row {

border-bottom: #333 1px dashed;

}

.productcart .second-col h4{

display: ;

}


/* ---------- scroll bar for cart ------------ */



.scroll-pane {
		width: 190px;
		height: 180px;
		overflow: auto;
		float: left;
margin: 0 0 5px 0;
		}
		
         /*JScrollPane CSS*/
		.jScrollPaneContainer {
			position: relative;
			overflow: hidden;
			z-index: 1;
			padding-right:3px;
		}
		.jScrollPaneTrack{
			position:absolute;
			cursor:pointer;
			right:0;top:0;
			height:100%
		}
		.jScrollPaneDrag{
			position:absolute; 
			background:#CCC;
			cursor:pointer;
			overflow:hidden;
			
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			}
		
		.scroll-pane{padding:0;}
		.scroll-pane p{
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			background:#232323;
			padding:12px;
			color:#CCC;
			font-size:14px;
			line-height:16px;
		}


#products_page_container {

padding: 0 0 0 0px;

}


.firstcol img {

width: 50px;
margin: 0 10px 0 0;

}


.facebooklike {
padding: 5px 0 0 0;
color: #fff;
height: 30px;

}


#sliderWrap {
display: none;
}


h2.prodtitles {  	
	color: #fff;
	font-weight: normal;
margin: 20px 0 ;
border: 0 !important; 
font-size: 20px !important; 
letter-spacing: 0px;
text-transform:uppercase;
line-height: 40px; }