/* CSS Document */

#content div.main_area div.right a.buy {
	color: #001722;
	text-decoration:  none;
	padding: 1px; margin: 0;
	border: 1px solid #001722;
	background: #E6BF0C;
   }

#content div.main_area div.right a.buy:hover {
	color: #001722;
	padding: 1px; margin: 0;
	text-decoration:  none;
	border: 1px dashed #001722;
	background: #B9A780 url(/gfx/bg_h2.gif);
   }  

#content.showcase p.buy {
padding-top: 5px;
}

#subarea div#subarea_content.xtrainfo {
height: 1200px;
}

#subarea div#subarea_content.logo img {
margin-left: 200px;
}

#content.showcase p.clear {
clear: both;
padding-top: 25px;
}

#content.showcase div.main_area div.external p.bashguard {
background: transparent url(/gfx/coolstuff/bash_guard_sm.gif) no-repeat right;
padding-right: 21px;
text-align:right;
}

#content.showcase div.main_area div.external p.chainring {
background: transparent url(/gfx/coolstuff/chain_ring_sm.gif) no-repeat right;
padding-right: 21px;
text-align:right;
}

#subarea_content.xtrainfo p {
padding-left: 30px;
padding-right: 30px;
paddin-top: 5px;
padding-bottom: 5px;
font: 11px Verdana, Arial, Helvetica, Sans Serif;
background:#D5D9DB;
color: #001722;
line-height: 15px;
}

#subarea_content.xtrainfo h1 {
font: 14px Arial, Helvetica, Sans Serif;
font-weight: bold;
color: #281D08;
}

#subarea_content.xtrainfo p.first {
margin-left: 60px;
margin-top: 15px;
clear: both;
}

#content.showcase {
background: transparent url(/gfx/showcase_bg4.jpg) center center;
}

#content.showcase div.main_area {
margin-top: 25px;
margin-left: 35px;
width: 434px;
overflow: hidden;
}

#content.showcase div.main_area h1 {
margin-right: 0;
}

#content.showcase div.main_area h2 {
margin-bottom: 4px;
}

#content.showcase div.main_area h3 {
border: 0;
color: #281D08;
font: 12px Arial, Helvetica, Sans Serif;
font-weight: bold;
padding-top: 20px;
}

#content.showcase div.main_area img {
padding: 0;
clear:  left;
}

#content.showcase div.main_area p {
padding-left: 10px;
}

#content.showcase div.external {
padding-top: 10px;
margin-left: 55px;
position: relative;
float: left;
}

#content.showcase div.external img {
margin-left: 45px;
padding-top: 10px;
}

#content.showcase div.external img.nopad {
margin: 0; padding: 0;
}

#content.showcase a.out {
padding-left: 14px;
background: transparent url(/gfx/out_arrow.gif) no-repeat bottom left;
}

#content.showcase div.main_area ul li {
list-style-type: none;
}

#content.showcase div.main_area li {
list-style-type: none;
display: list-item;
padding-left: 13px;
background: url(/gfx/arrow.gif) no-repeat top left;
}

#content.showcase div.main_area ul li.buy {
padding: 2px;
margin-top: 7px;
float: right;
clear: both;
background: transparent;
}

#content.showcase div.main_area div.right {
float: right;
}

#content.showcase div.main_area div.right p {
width: 120px;
}

#content.showcase div.main_area div.right img.center {
margin-right: 20px;
}


/* COOL STUFF NAV MENU */

#subnav div.coolstuff ul {
margin: 0; padding: 0;
border-top: 1px solid #fff;
}

#subnav div.coolstuff ul li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#subnav div.coolstuff ul li a {
border-bottom: 1px solid #fff;
display: block;
color: #fff;
}

#subnav div.coolstuff ul li a.sunglasses
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/sunglasses.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.sunglasses:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_sunglasses.gif) no-repeat center right;
}

#subnav div.coolstuff ul li a.sunglasses_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_sunglasses.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.sunglasses_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_sunglasses.gif) no-repeat center right;
}

#subnav div.coolstuff a.chainrings
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/chainring.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.chainrings:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_chainring.gif) no-repeat center right;
}

#subnav div.coolstuff ul li a.chainrings_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_chainring.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.chainrings_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_chainring.gif) no-repeat center right;
}

#subnav div.coolstuff a.hub_adaptors
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/hub_adaptors.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.hub_adaptors:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_hub_adaptors.gif) no-repeat center right;
}

#subnav div.coolstuff a.hub_adaptors_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_hub_adaptors.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.hub_adaptors_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_hub_adaptors.gif) no-repeat center right;
}

#subnav div.coolstuff a.brake_triggers
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/brakelevers.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.brake_triggers:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_brakelevers.gif) no-repeat center right;
}

#subnav div.coolstuff a.brake_triggers_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_brakelevers.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.brake_triggers_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_brakelevers.gif) no-repeat center right;
}

#subnav div.coolstuff a.roach
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/roach.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.roach:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_roach.gif) no-repeat center right;
}

#subnav div.coolstuff a.roach_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_roach.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.roach_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_roach.gif) no-repeat center right;
}

#subnav div.coolstuff a.other
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: transparent url(/gfx/icons/other.gif) no-repeat center right;
font-weight: normal;
color: #fff;
text-decoration: none;
}

#subnav div.coolstuff a.other:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_other.gif) no-repeat center right;
}

#subnav div.coolstuff a.other_c
{
margin: 0;
padding: 5px 0 1px 3px;
display: block;
height: 20px;
background: #001722 url(/gfx/icons/o_other.gif) no-repeat center right;
font-weight: normal;
color: #E6BF0C;
text-decoration: none;
}

#subnav div.coolstuff a.other_c:hover
{
color: #fff;
background: #001722 url(/gfx/icons/o_other.gif) no-repeat center right;
}