/*
	Tribal color template
	(c) Summitmedia 2008
*/

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

a {
	color: #000;
}


body {
background: #b2b2b2 url(http://www.rollerblade.co.uk/templates/rollerblade/images/bg-main.jpg) repeat;

style:'width:100%'
}
input[type=submit], input[type=button]{
	border: 0px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	padding: 3px;
	border-radius: 5px;
	background-image: url(../images/green/button_bgr/btn190.gif);
	width: 190px;
	height: 27px;
}
/* BUTTONS */
#apply_code{
	width:50px !important;
    background-image: url(../images/green/button_bgr/btn50.gif);
}
input[value=Search]{
	width:80px !important;
    background-image: url(../images/green/button_bgr/btn80.gif);
}
input[value="Sign in to Your Account"]{
	width:210px !important;
    background-image: url(../images/green/button_bgr/btn210.gif);
}
input[value="Continue"]{
	width:100px !important;
    background-image: url(../images/green/button_bgr/btn100.gif);
}




#Header {
	background: url(../images/green/bg-header.jpg) no-repeat 0 0;
	position: relative;
}
#SearchForm {
	position: absolute;
	top: 24px;
	left: 262px;
/*	background: url(../images/tribal/bgr_search.png) repeat-x 0px -126px;*/
}
#SearchForm .left-border{
	display: block;
	width: 14px;
	height: 48px;
	background: url(../images/green/bgr_search.png) repeat-x 0px 0px;
	text-align: left;
	float: left;
}
#SearchForm .content-search{
	float: left;
	width: 390px;
	overflow: hidden;
	background: url(../images/green/bgr_search.png) repeat-x 0 -126px;
	height: 48px;
	padding-left: 5px;
}
#SearchForm .right-border{
	display: block;
	width: 14px;
	height: 48px;
	background: url(../images/green/bgr_search.png) repeat-x 0px -63px;
	text-align: right;
	float: left;
}
#SearchForm .margin-container{
	margin-top: 9px;
}


body #SearchForm .Button {
	margin-top: 1px;
}
#SearchForm form {
	float: left;
}
body #SearchForm input.Textbox {
	width: 290px;
	float: left;
	margin-right: 7px;
	font-weight: bold;
	padding: 2px;
}
#SearchForm label {
	background: transparent url(../images/green/bg-search-top.gif) no-repeat 0 0;
	width: 113px;
	height: 29px;
	display: block;
	float: left;
}
#SearchForm label span {
	visibility: hidden;
}
body #SearchForm div.advanced-search {
	color: #000;
	clear: both;
	float: left;
	width: 195px;
	margin-top: 2px;
	
	position: absolute;
	left: 17px;
	bottom: -1px;
	
	font-size: 11px;
}

#SearchForm div.advanced-search a {
	color: #000;
	font-size: 11px;
	padding: 0 5px 2px 4px;
	line-height: 18px;
	vertical-align: top;
}
#SearchForm div.advanced-search a:hover {
	text-decoration: underline;
}	
body #SearchForm p {
	color: #fff;
	clear: both;
	float: left;
	margin: -5px 0 0 0;
	width: 409px;
	padding-right: 0;
}
#SearchForm p a {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/green/bg-top-menu-slim.png) no-repeat right bottom;
	padding: 0 5px 2px 4px;
	line-height: 19px;
	vertical-align: top;
}

#Menu {
	
}
#Menu ul {

}
#Menu li .tab {
	padding: 0;
	margin-right: 5px;
	background: url(../images/green/bg-toptab-left.gif) no-repeat 0 0;
}
body #Menu li .tab a {
	background: url(../images/green/bg-toptab-right.gif) no-repeat 100% 0;
	font-size: 13px;
}
body #Menu li.ActivePage .tab a, .tabbernav li span a  {
	color: #000;
}
#Menu li ul .tab {
	background: #000 none;
}
#Menu li ul {
	background: #000 none;
}

#Menu li.ActivePage .tab, .tabbernav li span{
	background-image: url(../images/green/bg-toptabActive-left.gif);
}
#Menu li.ActivePage .tab a, .tabbernav li span a  {
	background: transparent url(../images/green/bg-toptabActive-right.gif) no-repeat scroll 100% 0;
}
#Menu li.ActivePage ul .tab {
	background-image: none;
}
#Menu li.ActivePage ul .tab a {
	background-image: none;
}

#Menu li ul li a:hover {
	background-color: #768734;
}

#Menu li.ActivePage ul li a{
	margin-right: 0px;
}
#Menu li.ActivePage ul li a:hover {
	background-color: #768734;
}

#Menu li ul li .tab {
	padding-left: 0;
}
#Menu li ul li .tab a {
	padding-left: 8px;
}

body #Menu li.ActivePage .tab,
body #Menu li.ActivePage .tab a {
	color: #fff;
}
body #Menu li ul li.ActivePage .tab,
body #Menu li ul li.ActivePage .tab a {
	color: #000;
	text-decoration: underline;
	background-color: #dadf62;
}

#Logo {
	position: absolute;
	top: 12px;
	left: 12px;
}

#TopMenu li a {
	border-right:2px solid #FFF;
	height:12px;
	padding:0 8px;
}

body .HomePage.Top {
	padding-bottom: 6px;
}

/* Iconography home page image box 05/11/2009*/
#homepics {
	border-top: 2px solid #000;
	width: 995px;
	height: 472px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	clear: both;
}
#homeoverlay {
	width: 240px;
	height: 260px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10;
	/*border: 1px solid #fff;*/
}
ul#imagechanger {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
ul#imagechanger li {
	width: 100%;
	float: left;
}
.fade {
	
}


body .HomePage.Bottom ul.banners {
	margin-left: -7px;
}
body .HomePage.Bottom ul.banners li {
	margin-left: 7px;
}

#Container {
	background-color: #fff;
}
#Container .Content h1, #Container .Content h2, .TitleHeading {
	color: #000;
	font-size: 28px;
	font-weight: bold;
	padding: 20px 0px 8px 30px;
	margin: 0px;
}
#Container .Content {
	margin-bottom: 0;
}
#Container .Content a:hover {
	text-decoration: none;
}

#Container .Content.Padding  {
	padding-left: 0;
	padding-right: 0;
	padding-top: 12px;
	background-color: #fff;
	width: 995px;
	color: #000;
}
#Container .Content.Padding #PageContent h1, #Container .Content.Padding #PageContent h2 {
	color: #fff;
  padding: 8px 0px 8px 30px;
  color: #000;
}
#Container .Content.Padding #PageContent .inner {
	color: #fff;
	background: #768734 url(../images/green/bg-page-static.jpg) repeat-x 0 0;
}
#Container .Content.Padding #PageContent .inner .StockList {
	padding-top: 40px;
	margin-left: 20px;
}
#Container .Content.Padding #PageContent .inner h1, #Container .Content.Padding #PageContent .inner h2 {
	color: #fff;
	background: transparent none;
}

#Container .Content.BackImg  {
	padding-left: 0;
	padding-right: 0;
	background: #dfe0cc url(../images/green/bg-girl.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	width: 995px;
	color: #000;
}
#Container .Content.BackImg1  {
	padding-left: 0;
	padding-right: 0;
	background: #dfe0cc url(../images/green/bg-skatelessons.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	width: 995px;
	color: #000;
}


/* Maintenance Static Page */

#Container .Content.Maintenance {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 6px;
	width: 995px;
}
#Container .Content.Maintenance #PageContent h1,
#Container .Content.Maintenance #PageContent h2,
#Container .Content.Maintenance #PageContent h3 {
/*	background-color: #dadf62; */
	padding: 8px 0px 8px 30px;
}
#Container .Content.Maintenance #PageContent h3 {
	background-color: #dadf62;
	padding: 1px 20px 2px 30px;
	width: auto;
	float: left;
	text-transform: uppercase;
}
#Container .InnerBackground1  {
	padding-left: 0;
	padding-right: 0;
	background: #b0b0b0 url(../images/green/bg-rollerblade.gif) repeat-y 0 632px;
	width: 995px;
	float: left;
}
#Container .InnerBackground2  {
	padding-left: 0;
	padding-right: 0;
	padding-top: 12px;
	background: transparent url(../images/green/bg-rollerblade.jpg) no-repeat 0 0;
	width: 995px;
	min-height: 632px;
}
#Container .Maintenance #PageContent .inner  {
	float: none;
	padding: 0;
	width: 100%;
}
.Maintenance #PageContent .BlockContent  {
	padding: 0;
}


/* Tabber Tabs */

#mTabs {
}

#mTabs ul.tabbernav {
	list-style: none;
	float: left;
	border-bottom: 20px solid #DADF62;
	width: 945px !important;
	padding-left: 25px;
}

#mTabs li {
	list-style: none;
	float: left;
}
#mTabs .tabbernav {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0px;
}
#mTabs .tabbernav li {
	margin-bottom: 0px !important;
}
#mTabs .tabbernav li a, #Container .Maintenance #PageContent h2.graffiti {
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	font-size: 12px;
	height: 33px;
}
#mTabs.tabberlive .tabbernav li a { display: block; }
#mTabs.tabberlive h2 { display: none }

#mTabs #mTabsnav1				{ background-image: url(../images/green/bg-txt-brakes.gif); width: 133px; }
#mTabs .tabberactive #mTabsnav1	{ background-image: url(../images/green/bg-txt-brakes-active.gif); }
#mTabs #mTabsnav2				{ background-image: url(../images/green/bg-txt-abtbrakes.gif); width: 192px; }
#mTabs .tabberactive #mTabsnav2	{ background-image: url(../images/green/bg-txt-abtbrakes-active.gif); }
#mTabs #mTabsnav3				{ background-image: url(../images/green/bg-txt-wheels.gif); width: 121px; }
#mTabs .tabberactive #mTabsnav3	{ background-image: url(../images/green/bg-txt-wheels-active.gif); }
#mTabs #mTabsnav4				{ background-image: url(../images/green/bg-txt-frames.gif); width: 130px; }
#mTabs .tabberactive #mTabsnav4	{ background-image: url(../images/green/bg-txt-frames-active.gif); }

#Container h2.graffiti {
 	margin-left: 25px;
	margin-bottom: 0;
}

#mTabs .tabbertab ul {
	margin: 0 0 0 30px;
	padding: 0;
	clear: both;
}
#mTabs .tabbertab li {
	padding-top: 15px;
	width: 190px;
	margin: 0 20px;
	min-height: 340px;
}
#mTabs .tabbertab li .imgwrap {
	background: transparent url(../images/green/bg-pulp.png) no-repeat 0 0;
	padding: 30px 15px 0 15px;
	min-height: 150px;
}

#mTabs h2 {
	clear: both;
}
#mTabs h3 {
	width: 100%;
	clear: both;
}


/* Games Static Page */

#Container .Content.Game {
	padding: 5px 0;
	width: 995px;
	background: #7e7666 url(../images/green/bg-concrete.jpg) repeat 0 0;
	color: #fff;
	margin-bottom: 6px;
}
#Container .Content.Game h1 {
	display: none;
}
#Container .Content.Game .inner {
	padding: 0;
	text-align: center;
}
#Container .Content.Game object,
#Container .Content.Game embed {
	margin-left: auto;
	margin-right: auto;
}

#PageContent {
}
#Container #PageContent h1, #Container #PageContent h2 {
/*	color: #000;
	font-size: 14px;
	width: 940px;
	padding: 5px 0 4px 20px;
	text-transform: uppercase;*/
}

#PageContent .BlockContent {
	padding-left: 20px;
	padding-right: 20px;
}
#PageContent .BlockContent .inner {
	min-height: 400px;
	float: left;
	width: 935px;
	padding: 10px;
}


.Content.Category {
	background-color: #fff;
}

#Footer {
	background: #DADF61 url(../images/green/bg-footer.jpg) repeat-x 0 0;
	min-height: 80px;
}

#Footer .FooterLinks {
	clear: both;
	padding-top: 5px;
	margin: 0 0 0 220px;
	float: left;
}
#Footer .FooterLinks li {
	float: left;
	line-height: 40px;
}
#Footer .FooterLinks a {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	float: left;
	line-height: 40px;
	padding: 0 45px 0 35px;
	
}
#Footer .PartnerLinks li a {
	color: #66742d;
}
#Footer .copyright {
	color: #fff;
	padding: 1em 0 0.2em;
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
}
#Footer .copyright span {
	color: #fff;
	font-size: 10px;
}


.NewsletterSubscription {
	background: transparent url(../images/green/bg-signup.gif) no-repeat 0 0;
	height: 35px;
	width: 625px;
	padding-left: 370px;
	padding-top: 1px;
	padding-bottom: 0;
}
.NewsletterSubscription h1, .NewsletterSubscription h2 {
	display: none;
}
.NewsletterSubscription label {
	padding-top: 5px;
}
.NewsletterSubscription input {
	margin: 3px 15px 0 8px;
}
body .NewsletterSubscription .Button {
	margin-top: 1px;
}

.Breadcrumb {
	margin: 0;
}
.Breadcrumb a, .Breadcrumb li, .Breadcrumb span {
	color: #fff;
	text-decoration: none;
}
.Breadcrumb a {
	font-weight: normal;
	cursor: pointer;
}
.Breadcrumb a:hover {
	text-decoration: underline;
}
.Breadcrumb li {
	font-weight: bold;
}
.ProductDetail .Left {
	float: left;
	width: 500px;
	margin: 0;
	padding-top: 10px;
}
.ProductDetail h1, .ProductDetail h2 {
	font-size: 26px;
}
.ProductDetail .Right {
	float: right;
	margin: 0 30px 0 0;
	padding-top: 10px;
	width: 465px;
}
.ProductDetail .Bottom {
	margin: 10px 20px;
}

#CategoryPagingBottom {
	width: 310px;
	float: right;
	background-color: #fff;
	color: #000;
}
#CategoryPagingBottom a {
	color: #000;
	text-decoration: none;
}
#CategoryPagingBottom a:hover {
	text-decoration: underline;
}
#CategoryPagingBottom .CategoryPagination {
	padding: 2px 5px;
}
#CategoryPagingBottom .ActivePage {
	font-weight: bold;
}

#Container .ProductActionAdd a {
	color: #000;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	width: 60px;
	display: block;
	margin: 0 auto;
	padding-top: 4px;
	background: transparent url(../images/green/bg-button-blue-w60-top.gif) no-repeat 0 0;
}
#Container .ProductActionAdd a span {
	padding: 0 0 3px;
	text-transform: uppercase;
	display: block;
	background: transparent url(../images/green/bg-button-blue-w60-bottom.gif) no-repeat 0 100%;
}

#Container .ProductActionInfo a {
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	width: 60px;
	display: block;
	margin: 0 auto;
	padding-top: 4px;
	background: transparent url(../images/green/bg-button-green-w60-top.gif) no-repeat 0 0;
}
#Container .ProductActionInfo a span {
	padding: 0 0 3px;
	text-transform: uppercase;
	display: block;
	background: transparent url(../images/green/bg-button-green-w60-bottom.gif) no-repeat 0 100%;
}

#ProductDetailsGrid  .TitleRating {
	float: left;
}
#ProductDetailsGrid  .PricesWrapper {
	float: right;
}
#ProductDetailsGrid h1, #ProductDetailsGrid h2 {
	font-weight: bold;
	font-size: 32px;
	color: #000;
	margin: 0;
	width: 355px;
}
#ProductDetailsGrid {
	padding-bottom: 20px;
}

#ProductDetailsGrid .Button {
	text-align: right;
}

#ProductDetailsGrid .ProductPrices {
	clear: both;
}
#ProductDetailsGrid .ProductPrices dt, #ProductDetailsGrid .ProductPrices dd {
	float: left;
	padding-top: 4px
}
#ProductDetailsGrid .ProductPrices dt {
	padding-right: 6px;
	padding-left: 6px;
}
#ProductDetailsGrid .ProductPrices .rrp {
	font-size: 16px;
	font-style: italic;
	padding-top: 1em;
}
#ProductDetailsGrid .ProductPrices .Price {
	font-size: 28px;
	font-weight: bold;
	padding-top: 0em;
	color: #40420D;
}
#ProductDetailsGrid .ProductPrices dt.Price {
}
#ProductDetailsGrid .ProductPrices .YouSave {
	font-size: 16px;
}
#ProductDetailsGrid .ProductPrices dt.YouSave {
	clear: left;
	margin-left: 46px;
}

#ProductDetailsGrid .ProductDetailsGrid {
	clear: both;
}
#ProductDetailsGrid .ProductDetailsGrid dt, #ProductDetailsGrid .ProductDetailVariations dt {
	text-align: right;
	xpadding-right: 5px;
}

#ProductReviews, #ProductDescription {
	padding-top: 22px;
	padding-bottom: 10px;
	width: 465px;
	/*background: url(../images/green/bg-gradient-detail.gif) repeat-x 0 0;*/
}

.StockList h3 {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	clear: both;
}
.StockList h4 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.StockList li {
	margin: 0 21px 0 0;
	color: #fff;
	min-height: 150px;
	float: left;
	width: 200px;
}
.StockList .url {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#CartContent .CartContents th {
	background-color: #eaeaea;
	padding: 6px 10px;
}
#CartContent .CartContents td {
	padding: 6px 10px;
	border-bottom: 1px solid #eaeaea;
}
#CartContent a {
	color: #000;
}
#CartContent a:hover {
	text-decoration: none;
}
#CartContent .CartContents .SubTotal td {
	border-bottom: 0 none;
}
#CartContent .CartContents td.Odd {
	padding:6px 10px;
}


#MiniBasket h1, #MiniBasket h2 {
	background: transparent url(../images/green/bg-minibasket-header.gif) no-repeat 0 0;
	color: #fff;
	font-size: 12px;
}
#MiniBasket .inner {
	background: transparent url(../images/green/bg-minibasket.gif) no-repeat 0 100%;
	font-size: 9px;
	float: left;
}
#MiniBasket .amount {
	float: left;
}
#MiniBasket p, #MiniBasket a, #MiniBasket .total {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
#MiniBasket .amount .total {
	font-size: 13px;
	font-weight: bold;
}
#MiniBasket .ViewCartLink {
	display: block;
}
#MiniBasket a:hover.ViewCartLink {
	text-decoration: underline
}
#MiniBasket .CheckoutLink {
	color: #fff;
	float: right;
	background: transparent url(../images/green/bg-minibasket-checkout.gif) no-repeat 0 0;
	font-size: 13px;
	font-weight: bold;
	margin: 3px 6px 0 0;
}

.Content.Checkout a {
	color: #000;
}

#Container #PageContent .StockList h1, #Container #PageContent .StockList h2 {
	padding: 0;
	width: auto;
	font-size: 24px;
}

.SubCategoryListGrid a {
	color: #000;
}
#Wrapper .SubCategoryListGrid a:hover {
	text-decoration: none;
}

.ProductDetail h1 {
/*	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #dadf62;
	margin-top: 11px;
	padding: 1px 0 2px 16px;
	width: 884px;*/
	padding: 20px 0px 0px 30px;
}
.ProductDetail h2 {
	max-width: 400px;
}

.ContactUs {
	width: 370px;
	float: left;
	font-weight: bold;
	padding: 25px 0 0 10px;
}

.Right .ProductOptionList li {
	border-bottom: 0px none;
}