﻿html
{
    background-repeat: repeat-x repeat-y;
    margin: 0px;
    padding: 0px;
}

body
{
    font-family:Arial;
    font-size:11px;
    background-color: Transparent;    
    background-repeat: repeat-x;
    line-height:16px;
    margin: 0px;
    padding: 0px;
}

h1
{
    font-size:16px;
    font-weight:bold;
    color:#484848;
}

a img, a:visited img, a:active img, a:link img
{
    color: #484848;
}

a, a:visited, a:active, a:link
{
    /*color: #484848;*/
    text-decoration: none;
}

a:active
{
    color: #484848;
}

a.GrayLink, a.GrayLink:visited, a.GrayLink:active, a.GrayLink:hover
{
    color: #484848;
    text-decoration: none;
}

a span, a:visited span, a:link span
{
    text-decoration: none;
    font-family: Arial;
    /*font-size: 11px;   */
    /*color:#ff0000;*/
}

.ActiveMainMenu
{
    color:#dcdfe3;
    font-size:12px;
    font-weight:bold;
}

.InactiveMainMenu
{
    color:#8d8c86;
    font-size:12px;
}

.SubMenu
{
    color:#8d8c86;
    font-size:11px;
}

.SubMenuActive
{
    color:#dcdfe3;
    font-size:11px;
    font-weight:bold;
}

.SubMenuInactiveStore
{
    color:#dcdfe3;
    font-size:11px;
}

.SubMenuSkateStore
{
    color:#4a4a4a;
    font-size:11px;
}

.ProductBarSearch
{   
    font-size:11px;
    color:#484848;
    padding-top:4px;
}

.ProductBarTitles
{   
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

.ProductBarTitlesActive
{   
    color:#3F3F3F;
    font-size:11px;
    font-weight:bold;
}

.ProductBarDropDown
{   
    background-color:#2C2C2C;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

.ProductBarDropDownActive
{   
    background-color:#5b5b5b;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

.MiddleHeader
{
    font-size:14px;
    color:#ebebeb;
    font-weight:bold;
}

.MiddleMiddle
{
    font-size:10px;
    color:#ebebeb;
    font-weight:bold;
    line-height:14px;
}

.MiddleLink
{
    font-size:10px;
    color:#bababa;
    font-weight:bold;
}

.FooterHeader
{
    font-size:12px;
    color:#4b4b4b;
    font-weight:bold;
}

.FooterText
{
    font-size:11px;
    color:#888888;
}

.FooterLink
{
    font-size:11px;
    /*color:#ff0000;*/
    color:#484848;
}

.FooterTable
{
    background-color:#1E1E1E;
    width:100%;
}

.FooterCopyright
{
    font-size:11px;
    color:#a5a5a5;
    font-weight:bold;
}

.FooterErrors
{
    font-size:11px;
    color:#696969;
}

.ErrorMessage
{
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#FF0000;
}

.GoodMessage
{
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#00CC00;
}

.OKMessage
{
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    background-color:#379900;
}

/* CONTROLS */
.GrayButton
{
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
}

.RedTitle
{
    font-size:11px;
    font-weight:bold;
    color:#FF0000;
}

.RedTitleHeader
{
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
}

.GrayTitle
{
    font-size:11px;
    font-weight:bold;
    color:#484848;
}

.GrayTitleHeader
{
    font-size:14px;
    font-weight:bold;
    color:#484848;
}

.GrayTitleBig
{
    font-size:12px;
    font-weight:bold;
    color:#484848;
}

.GrayTitleLarge
{
    font-size:16px;
    font-weight:bold;
    color:#484848;
}

.LightGrayTitle
{
    font-size:12px;
    color:#a89a9a;
}

.LightGrayTitleHeader
{
    font-size:14px;
    font-weight:bold;
    color:#a89a9a;
}

.LightGrayText
{
    font-size:11px;
    color:#a89a9a;
}

.GrayText
{
    font-size:11px;
    color:#484848;
}

.WhiteText
{
    font-size:11px;
    color:#FFFFFF;
}

.RedText
{
    font-size:11px;
    color:#484848;
    /*color:#FF0000;*/
}

.RedTextReal
{
    font-size:11px;
    color:#FF0000;
    font-weight:normal;
}

.BigRedText
{
    font-size:14px;
    color:#FF0000;
}

.BlackTitle
{
    font-size:11px;
    font-weight:bold;
    color:#000;
}

.BlackTitleHeader
{
    font-size:14px;
    font-weight:bold;
    color:#000000;
}

.BoldGray
{
    font-size:11px;
    font-weight:bold;
    color:#666666;
}

.BoldBlack
{
    font-size:11px;
    font-weight:bold;
    color:#000000;
    line-height:12px;
}

.BoldWhite
{
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
}

.Bold
{
    font-weight:bold;
}

.BrandListMenu
{
    font-size:11px;
    font-weight:bold;
    color:#666666;
}

.BrandListMenuActive
{
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#333333;
}

.BrandListMenuRed
{
    font-size:11px;
    font-weight:bold;
    color:#484848;
    /*
    color:#FF0000;
    */
}

.ProductBrowserPager
{
    font-size:11px;
    color:#878787;
}

.ProductBrowserPagerButton
{
    font-size:11px;
    color:#878787;
    width:20px;
    text-align:center;
}

.ProductBrowserPagerButtonActive
{
    font-size:11px;
    color:#FFFFFF;
    background-color:#878787;
    width:20px;
    text-align:center;
}

.PageBrowserPager
{
    font-size:11px;
    color:#FFFFFF;
    background-color:#878787;
}

.PageBrowserPagerActive
{
    font-size:11px;
    color:#FFFFFF;
    background-color:#272727;
}

.SearchButton
{
    width:60px;
    height:24px;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    background:url('../Images/Controls/SearchButtonBack.gif') repeat-x;
    background-color:#8b8b8b;
    border: solid 0px;
    cursor:pointer;
}

.ProductButton
{
    width:95px;
    height:49px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    background:url('../Images/Controls/ProductButtonBack.gif') repeat-x;
    background-color:#000000;
    border: solid 0px;
    cursor:pointer;
}

.CheckoutButton
{
    width:185px;
    height:49px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    background:url('../Images/Controls/ProductButtonBack.gif') repeat-x;
    background-color:#000000;
    border: solid 0px;
    cursor:pointer;
}

.CheckoutButtonActive
{
    width:185px;
    height:49px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    background:url('../Images/Controls/ProductButtonBackActive.gif') repeat-x;
    background-color:#000000;
    border: solid 0px;
    cursor:pointer;
}

.CheckoutButtonDisabled
{
    width:185px;
    height:49px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#888888;
    text-align:center;
    vertical-align:middle;
    background:url('../Images/Controls/ProductButtonBack.gif') repeat-x;
    background-color:#000000;
    border: solid 0px;
    cursor:default;
}

.ImageList
{
    border:none;
}

.ImageListActive
{
    border:solid 1px Red;
}

.CustomerService
{
    font-size:11px;
    font-weight:bold;
    color:#333333;
}

.CustomerServiceActive
{
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
}

.CustomerServiceInActive
{
    font-size:11px;
    font-weight:bold;
    color:#ADADAD;
}

.SignupLink
{
    font-size:26px;
    font-weight:normal;
    color:#FFFFFF;
    line-height:30px;
}

.JunkCashBig
{
    font-size:38px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:40px;
}

.JunkCashText
{
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
}

.JunkCashMedium
{
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
}

.JunkCashSmall
{
    font-size:9px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:11px;
}

.JunkCashBonus
{
    font-size:11px;
    font-weight:bold;
    color:#e3102e;
}

.BreadCrumbText
{
    font-size:11px;
    font-weight:bold;
    color:#999999;
}

.BreadCrumbHighlighted
{
    font-size:11px;
    font-weight:bold;
    color:White;
    background-color:#999999;
    padding:0px 4px;
}

.SliderRail
{
    background-color:#dadada;
    border: 0px solid #000000;
    position:relative;
    left:25px;
    top:25px;
    height:7px;
    /* width have to be set in the tag*/
}
.SliderBox
{
    background-color:Transparent;
    border: 0px solid #000000;
    color: #000000;
    padding: 0px;
    position: absolute;
    top:-26px;
    /* width have to be set in the tag*/    
}
.SliderBar
{
    background-color:Transparent;
    border: 0px solid #000000;
    cursor:e-resize;
}

.DropDownItem
{
    font-size:11px;
    color:#555;
}

.DropDownItemGrayedOut
{
    font-size:11px;
    color:#D3D3D3;
}

.DropDownItemHighlighted
{
    font-size:11px;
    color:#000;
}

.DropDownItemHeader
{
    font-size:11px;
    font-weight:bold;
    color:#333;
}

.DropDownItemHeaderGrayedOut
{
    font-size:11px;
    font-weight:bold;
    color:#AAA;
}

.DropDownItemHeaderHighlighted
{
    font-size:11px;
    font-weight:bold;
    color:#000;
}


/* special classes */

.Stretch
{
    width:100%;
}

/* FULLSCREEN IMAGE*/

#alertbox
{
    right: -20;
    position: absolute;
}

#alertbox_text
{
    z-index: 200;
    color: #000000;
    text-align: center;
    left: 0;
    position: absolute;
    top: 10%;
    width: 100%;
}

.alertbox_coverall_trans
{	
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #000000; 
    width: 100%;
    height: 100%;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* IE HACK for fixed top */
* .alertbox_coverall_trans
{   
    _position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 'px' : document.body.scrollTop + 'px');
}

div.ShoppingCartFadeBox
{
    width:330px;
    height:90%;
    margin: 0px 0px;
    position:absolute;
    top:1px;
    left:537px;
    background-color:Yellow;
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity:0.8;
    filter:alpha(opacity=80);
    display:none;
    border:solid 0px;
}

.BoldGrayCheckbox
{
    font-size:11px;
    font-weight:bold;
    color:#666666;
    vertical-align:middle;
}

.PriceBig
{
    font-size:16px;
    font-weight:bold;
	color:#484848;
}

.Price
{
    font-size:11px;
    font-weight:bold;
	color:#484848;
}

.YourPriceBig
{
    font-size:16px;
    font-weight:bold;
    color:#666666;
}

.DiscountPriceBig
{
    font-size:16px;
    font-weight:bold;
    color:#FF0000;
}

.DiscountPrice
{
    font-size:11px;
    font-weight:bold;
    color:#FF0000;
}

.SizeGuideHeader
{
    font-size:11px;
    font-weight:bold;
    color:#484848;
}

.SizeGuideTD
{
    color:#484848;
}

.Page404Text
{
    font-size:25px;
    line-height:25px;
}

.GrayBox
{
    background-color:#EFEFEF; 
    padding:0px;
    margin-bottom:30px;
    width:100%;
}

.GrayBorderBox
{
    background-color: #ffffff; 
    border: 1px solid #dadada; 
    width: 100%;
}

.DarkGrayBorderBox
{
    background-color: #e5e5e5;
    border: 1px solid #dadada;
    width: 100%;
}

.errorsTest {
	padding:15px 15px 15px 15px;
	background-color:#FFCCCC;
	border:solid 1px #FF0000;
	text-align:center;
	color:#000000;
}

.errorsTest {
	padding:15px 15px 15px 15px;
	background-color:#FFCCCC;
	border:solid 1px #FF0000;
	text-align:center;
	color:#000000;
}

.errorsTest ul {
	margin: 0;
	padding: 0;
	margin-left: 80px;
	list-style: none;
	color:#000000;
}

.tdEmptySpacer
{
    height:30px;
}