/* -STYLES- */
body {
        background-image: url(images/body_bg_cement.jpg);
        background-attachment: fixed;
	font : 12px verdana, tahoma, arial, sans-serif;
	font-size: 8pt;


}

a {
	color : #000000;
	text-decoration : none;
}

}
.textbig2{
	font : bold 18px verdana, tahoma, arial, sans-serif;
	color : #000000; 
}
h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.about_us h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.bikes h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.intro h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}

#Mountain .intro h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}

.scooters h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.products h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.services h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.team_ada h1 {
	display: block;
	margin: 0 0 10px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}
.love_cycling h1 {
	display: block;
	margin: 0 0 15px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
}

/* -LAYOUT- */
html {
	background-position: top center;
	margin: 0;
	padding: 0;
}

/* -HOME PAGE- */
#home_main_offer {
	width: 845px;
	height: 367px;
	padding-bottom: 15px;
}

#home_headline {
	height: 18px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: red;
	font-weight: lighter;
	padding-left: 45px;
	padding-bottom: 8px;
}

#container_para {
	width: 844px;
	align: center;
	padding-bottom: 20px;
}

#left_para_home {
	width: 360px;
	float: left;
	padding-left: 45px;
	padding-right: 30px;
	display: inline;
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5e5e5e;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;

	
}
#right_para_home {
	width: 360px;
	float: left;
	padding-right: 35px;
	display: inline;
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5e5e5e;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;

}

#home_offer_text {
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;
}
/* -HORIZ DIVIDER- */

#chain_nav  {
	/*position: absolute;
	top: 695px;
	left: 236px;*/
	width: 900px;
	height: 46px;
	align: center;
	background-image: url(images/chain_nav_back.jpg); /* change */
	background-repeat: no-repeat;
}


/* - HOME PAGE COLUMNS - */

div#hp_bttm {
width: 800px;
align: center;
vertical-align: top;
padding-left: 1px;
/*border: 1px solid #666;*/
}
div#three_columns {
	background-image: url(images/three_columns_bg.gif);
	background-repeat: repeat-y;
	width: 900px;
	padding: 10px 0 0 28px;
}
div#column_left {
	display: block;
	width: 210px;
	height: 110px;
	padding: 0 20px 20px 0;
	float: left;
	border-right: 1px solid #C9CACB;
	border-bottom: 1px solid #C9CACB;
}
#left_img{
	width: 200px;
	height: 110px;
}

div#column_center {
	width: 365px;
	padding: 0 13px 20px 0;
	float: left;
	border-right: 1px solid #C9CACB;
	border-bottom: 1px solid #C9CACB;
}
#center_img{
	width: 210px;
	height: 110px;
	float: left;
}

#center_bom_para {
	width: 153px;
	height: 110px;
	padding: 0 0 0 0;
	float: right;
}

/* - used for main page offers and Product Item template - */
div#itemWrapper {
	width: 619px;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	background-color: #fff; /* - used a page placement diagnostic - */
	clear: both;
}
div#itemPhoto {
	width: 215px;
	height: 100%;
	padding-right: 60px;
	/*border: 1px solid #ccc;*//* - used a page placement diagnostic - */
	float: left;
	align: center;
	vertical-align: top;
}

div#itemPhotoLG {
/* 	width: 215px; */
	height: 100%;
/* 	padding-right: 60px; */
	/*border: 1px solid #ccc;*//* - used a page placement diagnostic - */
	float: left;
	align: center;
	vertical-align: top;
}
div#itemText {
	width: 300px;
	height: 125px;
	/*border: 1px solid #ccc;/* - used a page placement diagnostic - */
	float: left;
	display: block;
	padding-top: 10px;
}
div#itemTextLG {
/* 	height: 125px; */
	/*border: 1px solid #ccc;/* - used a page placement diagnostic - */
	float: left;
	display: block;
	padding-top: 10px;
}
#featuresEquipText {
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #7a6954;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;
	float: left;
	display: block;
	padding-left: 0px;	
}

#featuresEquipText ul {
	margin: 0 0 0 20px;
	padding: 10px 0px;
}



div#itemPrice {
	display: block;
	width: 100px;
	height: 30px;
	float: left;
}
#buyNowBtn {
	height: 32px;
	width: 94px;
	float: left;
	padding-top: 10px;
}
div#itemPhotoLg {
	width: 300px;
	height: 100%;
	padding-right: 30px;
	/*border: 1px solid #ccc;/* - used a page placement diagnostic - */
	float: left;
	align: center;
	vertical-align: top;
}
div#itemTextLg {
	width: 250px;
	height: 100%;
	/*border: 1px solid #ccc;/* - used a page placement diagnostic - */
	float: left;
	display: block;
	padding-top: 10px;
}
.centerOfferHeader, .centerOfferHeader a, .centerOfferHeader a:visited  {
	height: 16px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 16px;
	font-stretch: extra-condensed;
	color: red;
	font-weight: lighter;
	padding-bottom: 0px;
	text-decoration: none;
}

.centerOfferText {
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;
}

.centerOfferPrice {
	height: 32px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	color: red;
	font-weight: lighter;
	padding-top: 0px;
}
/* - end - */


div#column_right {
	width: 208px;
	height: 110px;
	padding: 0 0 20px 29px;
	float: left;
	border-bottom: 1px solid #C9CACB;
}
#right_img{
	width: 200px;
	height: 110px;
	/*border: 1px solid #666;*/
}
/* -HORIZ DIVIDER- */

#horiz_divider  {
	position: absolute;
	top: 660px;
	left: 230px;
	width: 600px;
	height: 70px;
}

p {
	font-family: "Trade Gothic", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	font-weight: lighter;
	letter-spacing: 0.5px;
	text-align: left-justify;
}
	


/* -Backgrounds- */

html.home {
	background-image: url(images/body_bg_cement.jpg); /* change */
}
html.about_us {
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.bikes {
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.scooters{
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.products {
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.services {
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.team_ada {
	background-image: url(images/body_bg_cement.jpg); /* change */
}

html.love_cycling {
	background-image: url(images/body_bg_cement.jpg); /* change */
}


/* -About Us Divider Image- */

html.about_us #main {
	background-image: url(images/main_bg_tires.jpg);
}
html.about_us #main_inner {
	background-image: url(images/main_top_tires.jpg);
}
html.about_us div#content_column {
	padding-left: 68px;
	width: 619px;
}

/* -Bikes Divider Image- */

html.bikes #main {
	background-image: url(images/main_bg_tires.jpg);
}
html.bikes #main_inner {
	background-image: url(images/main_top_tires.jpg);
}
html.bikes div#content_column {
	padding-left: 68px;
	width: 619px;
}


/* -scooters Divider Image- */

html.scooters #main {
	background-image: url(images/main_bg_tires.jpg);
}
html.scooters #main_inner {
	background-image: url(images/main_top_tires.jpg);
}
html.scooters div#content_column {
	padding-left: 68px;
	width: 619px;
}

/* -products Divider Image- */

html.products #main {
	background-image: url(images/wrench_middle.jpg);
	background-repeat: repeat-y;
	/*border: 1px solid red;*/
}
html.products #main_inner {
	background-image: url(images/wrench_top.jpg);
	background-repeat: no-repeat;
}

html.products #main_inner_products {
	background-image: url(images/wrench_bottom.jpg);
	background-repeat: no-repeat;
}
html.products div#content_column {
	padding-left: 68px;
	width: 607px;
	/*border: 1px solid blue;*/
}

/* -services Divider Image- */

html.services #main {
	background-image: url(images/wrench_middle.jpg);
	background-repeat: repeat-y;
	/*border: 1px solid red;*/
}
html.services #main_inner {
	background-image: url(images/wrench_top.jpg);
	background-repeat: no-repeat;
}

html.services #main_inner_services {
	background-image: url(images/wrench_bottom.jpg);
	background-repeat: no-repeat;
}
html.services div#content_column {
	padding-left: 68px;
	width: 607px;
	/*border: 1px solid blue;*/
}

/* -team_ada Divider Image- */

html.team_ada #main {
	background-image: url(images/main_bg_tires.jpg);
}
html.team_ada #main_inner {
	background-image: url(images/main_top_tires.jpg);
}
html.team_ada div#content_column {
	padding-left: 68px;
	width: 619px;
}

/* -love_cycling Divider Image- */

html.love_cycling #main {
	background-image: url(images/main_bg_tires.jpg);
}
html.love_cycling #main_inner {
	background-image: url(images/main_top_tires.jpg);
}
html.love_cycling div#content_column {
	padding-left: 68px;
	width: 619px;
}





body {
	margin: 0;
	padding: 0;
}
div#container {
	width: 900px;
	margin: 28px auto;
}
div#container_top {
	width: 900px;
	height: 13px;
	background-image: url(images/container_top.png);
}
div#container_bottom {
	width: 900px;
	height: 13px;
	background-image: url(images/container_bottom.png);
}
div#container_inner {
	background-image: url(images/container_bg.gif);
	background-repeat: repeat-y;

	padding: 1px 0;
}
div#header {
	position: relative;
	height: 155px;
}
#header h1#header_logo {
	position: absolute;
	top: 0px;
	left: 27px;
	width: 202px;
	height: 129px;
	margin: 0;
	background-image: url(images/header_logo.gif);
}
#header_logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	outline: none;
}

#phone_hours {/* -- hours and phone for header -- */
	float: right;
	width: 795px;
	height: 65px;
	text-align: right;
	margin: 0 30px 0 0;
	/*border: 1px solid #efefef;*//*diagnostic*/
}

.phone_hours {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-stretch: extra-condensed;
	font-weight: lighter;
	color: #666666;
}

.phone_hours_header {
padding-bottom: 3px;
font-family: "Arial Narrow", Helvetica, sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: lighter;
color: #E51937;
}


/* - header subnav - */
#subnav li {
	text-transform: uppercase;
	color: #E51937; /* bright red */
}
#subnav li a {
	color: #E51937; /* bright red */
	text-decoration: none;
}
#subnav ul {
	position: absolute;
	top: 108px;
	left: 247px;
	margin: 0;
	padding: 15px 0 0 0;
}
#subnav li {
	margin: 0 20px 0 0;
	display: inline;
	list-style-type: none;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-stretch: extra-condensed;
	font-weight: lighter;
	text-transform: uppercase;
	cursor: pointer;
}

#subnav li a:hover {
	font-weight: bold;
}

#subnav .selected{
	font-weight: bold;
}

#subnav .selected a{
	font-weight: bold;
}


/* - product class subnav left side - */

#side_column  {   /*holds the nav off the left side of main div*//* - determines overall page height - */
width: 165px;
height: 750px;
padding: 20px 0 0 1px;
/*border: 1px solid red;/* - this is a diagnostic for position - */
float: left;
}


/* - about us page content - */

#aboutus_nav {
	width: 185px;
	height: 230px;
	float: left;
	padding: 0 0 0 0;
	/*border: 1px solid #000;*/
	z-index: auto;
}
.aboutus_nav {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: lighter;
	text-transform: uppercase;
	vertical-align: top;
	width: 180px;
	height: 45px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}

.aboutus_nav_over {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/spanner_back_lt.jpg);
	background-position: top-left;
	background-repeat: no-repeat;
	width: 180px;
	height: 45px;
	padding: 0px 0 20px 50px;
	cursor: pointer;
}
.aboutus_nav_selected {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/spanner_back_lt.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 45px;
	padding: 0px 0 20px 50px;
	cursor: pointer;
}


/* - services page content - */

#aboutusWrapper{
width: 100%;
height: 530px;
padding: 30px 0 0 0;
/*border: 1px solid red;/* - diagnostic - */
}

#aboutusImg {
	width: 362px;
	height: 100%;
	float: left;
	background-image: url(images/about_us_photo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding:  0 22px 0 0;
	/*border: 1px solid green; - diagnostic - */
}

#aboutusBlockText {
width: 220px;
/*height: 120px;*/
float: left;
padding: 0 0 20px 0;
/*border: 1px solid orange;/* - diagnostic - */
}

.aboutusSubHeader {
	width: 100%;
	/*height: 16px;*/
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 16px;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
	padding: 0 0 8px 0;
}

.aboutus span.small {
	font-size: 11px;
	/*height: 14px;*/
	color: #666;
	font-stretch: extra-condensed;
}

/* - bikes page content*/

#bikes_nav {
	width: 178px;
	height: 270px;
	float: left;
	/*border: 1px solid blue;*//* - this is a diagnostic for position - */
}
.bikes_nav {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: lighter;
	text-transform: uppercase;
	vertical-align: top;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;	
}

.bikes_nav_over {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}
.bikes_nav_selected {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;
	
}

/* - scooter page content*/

#scooters_nav {
	width: 178px;
	height: 200px;
	float: left;
	/*border: 1px solid #000;*/	
}
.scooters_nav {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: lighter;
	text-transform: uppercase;
	vertical-align: top;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}

.scooters_nav_over {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}
.scooters_nav_selected {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 35px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}

/* - service page content*/

#service_nav {
	width: 185px;
	height: 230px;
	float: left;
	padding: 0 0 0 0;
	/*border: 1px solid #000;*/
	z-index: auto;
}
.service_nav {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: lighter;
	text-transform: uppercase;
	vertical-align: top;
	width: 180px;
	height: 45px;
	padding: 0 0 20px 30px;
	cursor: pointer;
}

.service_nav_over {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/spanner_back_lt.jpg);
	background-position: top-left;
	background-repeat: no-repeat;
	width: 180px;
	height: 45px;
	padding: 0px 0 20px 50px;
	cursor: pointer;
}
.service_nav_selected {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: top;
	background-image: url(images/spanner_back_lt.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 180px;
	height: 45px;
	padding: 0px 0 20px 50px;
	cursor: pointer;
}pag


/* - services page content - */

#serviceWrapper{
width: 100%;
height: 530px;
padding: 30px 0 0 0;
/*border: 1px solid red;/* - diagnostic - */
}

#serviceImg {
/* 	width: 362px; */
	height: 700px;
	float: left;
	/*background-image: url(images/service_shop2.jpg);*/
	background-position: left top;
	background-repeat: no-repeat;
	padding:  0 22px 0 0;
	/*border: 1px solid green;/* - diagnostic - */
}

#serviceBlockText {
width: 220px;
/*height: 120px;*/
float: left;
padding: 0 0 20px 0;
/*border: 1px solid orange;/* - diagnostic - */
}

.servicesSubHeader {
	width: 100%;
	/*height: 16px;*/
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 16px;
	font-stretch: extra-condensed;
	color: #e51a38;
	font-weight: lighter;
	padding: 0 0 8px 0;
}

.services span.small {
	font-size: 11px;
	/*height: 14px;*/
	color: #666;
	font-stretch: extra-condensed;
}

html.bikes #side_column  {/* - determines overall page height in bikes category to accomodate form height - */
width: 165px;
height: 780px;
padding: 20px 0 0 1px;
/*border: 1px solid #000;/* - this is a diagnostic for position - */
float: left;
}

#promoWrapper {
	width: 165px;
	height: 530px;
	vertical-align: top;
	display: block;
	/*border: 1px solid orange;/* - this is a diagnostic for position - */
	padding: 0 0 0 5px;
}


#theDirt {   /* - the dirt email sign up - */
	width: 165px;
	height: 278px;
	float: left;
	display: block;
	margin: 0 0 19px 0;
	/*background-image: url(images/the_dirt_back.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
	/*border: 1px solid red;/* - this is a diagnostic for position - */
}

/* - the dirt email sign up - */
#theDirtForm {
  background-image: url(images/the_dirt_back.jpg);
  background-repeat: no-repeat;
  width:178px;
  height:278px;
  /*border: 1px solid #fff;/* - this is a diagnostic for position - */
  }
  
#formWrapper{
width:120px;
height:120px;
margin-top: 145px;
margin-left: 28px;
/*border: 1px solid blue;/* - this is a diagnostic for position - */
}
#Title.cat_dropdown_smaller {
	font:1.1em  "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 6px 0 0;
	width:50px;
	height:24px;
	border:solid 0 #fff;
	background: transparent;
	margin:  5px 0 0 6px;
}

#FirstName.cat_textbox {
	font:1.1em  "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 6px 0 0;
	width:125px;
	height:24px;
	border:solid 0 #fff;
	background: transparent;
	margin:  5px 0 0 6px;
}
#LastName.cat_textbox {
	font:1.1em  "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 6px 0 0;
	width:125px;
	height:24px;
	border:solid 0 #fff;
	background: transparent;
	margin:  5px 0 0 6px;
}

#EmailAddress.cat_textbox {
	font:1.1em  "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#333;
	margin:3px 6px 0 0;
	width:125px;
	height:24px;
	border:solid 0 #fff;
	background: transparent;
	margin:  5px 0 0 6px;
}
#submit_button {
margin:  63px 0 0 32px;
}

#submit_button#catwebformbutton {
height:20px;
width: 80px;
border:solid 0 #ccc;
font:1.1em "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:  0 0 0 20px; 
}
/* - the dirt end - */


#promoTile {
	width: 170px;
	height: 250px;
	float: left;
	/*background-image: url(images/you_will_crash.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding:  0 0 0 0;*/
	/*border: 1px solid orange;/* - this is a diagnostic for position - */
	display: block;
}

.services #promoTile {
	width: 180px;
	height: 260px;
	float: left;
	background-image: url(images/lifetime_warranty.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/*border: 1px solid red;/* - this is a diagnostic for position - */
}



div#main {
	width: 900px;
	background-repeat: repeat-y;
	background-position: 185px 0px;
	
}

/*div#main {
	width: 900px;
	background-repeat: repeat-y;
	background-position: 185px 0px;
	
}
*/
div#main_inner {
	width: 900px;
	background-repeat: no-repeat;
	background-position: 185px 0px;
	/*border: 1px solid red;*/
}

div#main_inner_services {
	width: 900px;
	background-repeat: no-repeat;
	background-position: 186px bottom;	
	/*border: 1px solid green;*/
}



/* - about us top image - */
html.about_us div.intro {
	background-image: url(images/intro_bg_tires.jpg);
	padding: 20px 295px 0 0;
 	min-height: 125px; 
}

html.bikes div.intro {
	background-image: url(images/intro_bg_tires.jpg);
	padding: 20px 295px 0 0;
	height: 125px;
}


/* -- BICYCLE TYPE (CATEGORY) INFO PAGE TOP INFO BLOCK IN PLACE OF DEFAULT INTRO COPY -- */

/* --- BEGIN ROAD -- */

html.bikes div.road {/* -- off state for road category info -- */
	display: none;
}

html.bikes div#Road div.road {/*on state for road category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Road div.intro {/*off state for road*/
	display: none;
}
/* --- END ROAD -- */


/* --- BEGIN MOUNTAIN -- */

html.bikes div.mountain {/* -- off state for mountain category info -- */
	display: none;
}

html.bikes div#Mountain div.mountain {/*on state for mountain category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Mountain div.intro {/*off state for mountain category info*/
	display: none;
}
/* --- END MOUNTAIN -- */

/* --- BEGIN MOUNTAIN -- */

html.about_us div.mountain {/* -- off state for mountain category info -- */
	display: none;
}

html.about_us div#Mountain div.mountain {/*on state for mountain category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.about_us div#Mountain div.intro {/*off state for mountain category info*/
	display: none;
}
/* --- END MOUNTAIN -- */

/* --- BEGIN HYBRID/COMFORT -- */

html.bikes div.hybrid {/* -- off state for hybrid/comfort category info -- */
	display: none;
}

html.bikes div#Hybrid div.hybrid {/*on state for hybrid category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Hybrid div.intro {/*off state for hybrid category info*/
	display: none;
}
/* --- END HYBRID -- */

/* --- BEGIN CRUISER -- */

html.bikes div.cruiser {/* -- off state for cruiser category info -- */
	display: none;
}

html.bikes div#Cruiser div.cruiser {/*on state for cruiser category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Cruiser div.intro {/*off state for cruiser category info*/
	display: none;
}
/* --- END CRUISER -- */

/* --- BEGIN CYCLOCROSS -- */

html.bikes div.cyclocross {/* -- off state for cyclocross category info -- */
	display: none;
}

html.bikes div#Cyclocross div.cyclocross {/*on state for cyclocross category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Cyclocross div.intro {/*off state for cyclocross category info*/
	display: none;
}
/* --- END CYCLOCROSS -- */

/* --- BEGIN TRIATHLON -- */

html.bikes div.triathlon {/* -- off state for triathlon category info -- */
	display: none;
}

html.bikes div#Triathlon div.triathlon {/*on state for triathlon category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Triathlon div.intro {/*off state for triathlon category info*/
	display: none;
}
/* --- END TRIATHLON -- */

/* --- BEGIN WOMENS -- */

html.bikes div.womens {/* -- off state for womens category info -- */
	display: none;
}

html.bikes div#Womens div.womens {/*on state for kids category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Womens div.intro {/*off state for womens category info*/
	display: none;
}
/* --- END WOMENS -- */

/* --- BEGIN KIDS -- */

html.bikes div.kids {/* -- off state for kids category info -- */
	display: none;
}

html.bikes div#Kids div.kids {/*on state for kids category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Kids div.intro {/*off state for kids category info*/
	display: none;
}
/* --- END KIDS -- */

/* --- BEGIN SALES -- */

html.bikes div.sales {/* -- off state for sales category info -- */
	display: none;
}

html.bikes div#Sales div.sales {/*on state for sales category info*/
	background-image: url(images/intro_bg_tires.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Sales div.intro {/*off state for kids category info*/
	display: none;
}

/* --- END SALES -- */




/* -- BRAND INFO PAGE TOP INFO BLOCK IN PLACE OF DEFAULT INTRO COPY -- */

/* --- BEGIN SWOBO -- */

html.bikes div.swobo {/* -- off state for swobo brand info -- */
	display: none;
}

html.bikes div#Swobo div.swobo {/*on state for swobo brand info*/
	background-image: url(images/BikeLogos_web/Swobo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Swobo div.intro {/*off state for intro*/
	display: none;
}
/* --- END SWOBO -- */

/* --- BEGIN Electra -- */

html.bikes div.electra {/* -- off state for electra brand info -- */
	display: none;
}

html.bikes div#Electra div.electra {/*on state for electra brand info*/
	background-image: url(images/BikeLogos_web/Electra.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Electra div.intro {/*off state for intro*/
	display: none;
}
/* --- END Electra -- */

/* --- END CANNONDALE -- */

html.bikes div.cannondale {/* -- off state for cannondale brand info -- */
	display: none;
}

html.bikes div#Cannondale div.cannondale {/*on state for cannondale brand info*/
	background-image: url(images/BikeLogos_web/Cannondale.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Cannondale div.intro {/*off state for intro*/
	display: none;
}
/* --- END CANNONDALE -- */

/* --- BEGIN SCOTT -- */

html.bikes div.scott {/* -- off state for scott brand info -- */
	display: none;
}

html.bikes div#Scott div.scott {/*on state for scott brand info*/
	background-image: url(images/BikeLogos_web/Scott.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Scott div.intro {/*off state for intro*/
	display: none;
}
/* --- END SCOTT -- */

/* --- BEGIN GARY FISHER -- */

html.bikes div.garyfisher {/* -- off state for garyfisher brand info -- */
	display: none;
}

html.bikes div#Gary_Fisher div.garyfisher {/*on state for garyfisher brand info*/
	background-image: url(images/BikeLogos_web/GaryFisher.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Gary_Fisher div.intro {/*off state for intro*/
	display: none;
}

/* --- END GARY FISHER -- */


/* --- BEGIN SURLY -- */

html.bikes div.surly {/* -- off state for surly brand info -- */
	display: none;
}

html.bikes div#Surly div.surly {/*on state for surly brand info*/
	background-image: url(images/BikeLogos_web/Surly.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}
html.bikes div#Surly div.intro {/*off state for intro*/
	display: none;
}

/* --- END SURLY -- */

/* --- BEGIN RALEIGH -- */

html.bikes div.raleigh {/* -- off state for raleigh brand info -- */
	display: none;
}

html.bikes div#Raleigh div.raleigh {/*on state for raleigh brand info*/
	background-image: url(images/BikeLogos_web/Raleigh.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px 295px 25px 0;
	/*height: 125px;*/
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.bikes div#Raleigh div.intro {/*off state for intro*/
	display: none;
}

/* --- END RALEIGH -- */


html.scooters div.intro {
	background-image: url(images/Kymco_logo.jpg);
	padding: 20px 295px 0 0;
	height: 125px;
}


/* -- SCOOTER BRAND INTRO DIV SHOW / HIDE -- */


html.bikes div.kymco {/* -- off state for kymco (default) -- */
display: none;
}

html.scooters div#Kymco div.kymco {/*on state for kymco brand info*/
	background-image: url(images/Kymco_logo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 295px 45px 0;
	height: 125px;
	display: block;
	border-bottom:1px solid #C9CACB;
}

html.scooters div#Kymco div.mountain, div.road, div.hybrid, div.cruiser, div.cyclocross, div.triathlon, div.womens, div.kids, div.sales, div.swobo, div.cannondale, div.scott, div.garyfisher, div.surly, div.raleigh, div.electra {/* -- off state for global brand intros when kymco selected -- */
	display: none;
}

html.products div.intro {
	background-image: url(images/intro_bg_tires.jpg);
	padding: 20px 295px 0 0;
	height: 125px;
}

html.services div.intro {
	background-image: url(images/gear_back.jpg);
	padding: 20px 255px 0 5px;
	height: 125px;
}

html.team_ada div.intro {
	background-image: url(images/intro_bg_tires.jpg);
	padding: 20px 295px 0 0;
	height: 125px;
	/*border: 1px solid red;*/
}

html.love_cycling div.intro {
	background-image: url(images/intro_bg_tires.jpg);
	padding: 20px 295px 0 0;
	height: 125px;
}



div#content_column {
	width: 685px;
	padding-right: 28px;
	float: right;
	/*border: 1px solid blue;*/
}
#content_column div.intro {
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 45px;
	border-bottom: 1px solid #C9CACB;
}
#content_column h1 {
	margin-top: 0;
}
#content_column div.product {
	border-top: 1px solid #C9CACB;
	padding: 16px 0;
}
#content_column .products div.first {
	border: 0;
}
div#sidebar {
	width: 180px;
	float: left;
}
#sidebar ul#side_nav {
	padding-left: 28px;
	margin: 0;
}
#side_nav li {
	padding: 15px 0;
	list-style-type: none;
}
div#content_full {
	width: 844px;
	padding: 0 28px;
}
div#footer {
	margin: 0 28px;
	padding-top: 13px;
	text-align: center;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	margin: 0 8px;
	padding: 0;
	display: inline;
}
/* -UTILITY- */
.clear {
	clear: both;
}


/* -Navigation- */
#header div#nav ul {
	position: absolute;
	top: 63px;
	left: 247px;
	width: 623px;
	height: 46px;
	margin: 0;
	padding: 0;
	background-image: url(images/nav_bg.gif);
}
#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 46px;
	float: left;
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 47px;
}
#nav li a {
	display: block;
	width: 100%;
	text-indent: -1000em;
	outline: none;
	height: 45px;
}
#nav li a:hover {
	background-image: url(images/nav_bg.gif);
}
#nav li.about_us {
	width: 83px;
}
html.about_us #nav li.about_us {
	background-position: 0 -92px;
}
#nav li.about_us a:hover {
	background-position: 0 -46px;
}
#nav li.bikes {
	width: 68px;
}
html.bikes #nav li.bikes {
	background-position: -83px -92px;
}
#nav li.bikes a:hover {
	background-position: -83px -46px;
}
#nav li.scooters {
	width: 83px;
}
html.scooters #nav li.scooters {
	background-position: -151px -92px;
}
#nav li.scooters a:hover {
	background-position: -151px -46px;
}
#nav li.products {
	width: 83px;
}
html.products #nav li.products {
	background-position: -234px -92px;
}
#nav li.products a:hover {
	background-position: -234px -46px;
}
#nav li.services {
	width: 83px;
}
html.services #nav li.services {
	background-position: -317px -92px;
}
#nav li.services a:hover {
	background-position: -317px -46px;
}
#nav li.team_ada {
	width: 83px;
}
html.team_ada #nav li.team_ada {
	background-position: -400px -92px;
}
#nav li.team_ada a:hover {
	background-position: -400px -46px;
}
#nav li.love_cycling {
	width: 114px;
}
html.love_cycling #nav li.love_cycling {
	background-position: -483px -92px;
}
#nav li.love_cycling a:hover {
	background-position: -483px -46px;
}
/* Catalog Nav Styles */

#catalogNav {
	width: 178px;
/* 	height: 270px; */
	float: left;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-stretch: extra-condensed;
	color: #333;
	font-weight: lighter;
	text-transform: uppercase;
	/*border: 1px solid blue;*//* - this is a diagnostic for position - */
}


#catalogNav ul{
	list-style: none;
}

#catalogNav li {
	padding: 0 0 0 30px;
}

#catalogNav a{
	color: #333;
	text-decoration: none;
}

#catalogNav li:hover a {
	color:white;
}
#catalogNav li:hover {
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: white;
}

#catalogNav .selected {
	background-image: url(images/nav_back_dirt_2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: white;
}

#catalogNav .selected a {
	color:white;
}


#bottomNav {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 14px;
}

#bottomNav a {
	color: black;
	text-decoration: none;
}

#bottomNav a:hover {
	color: red;
}


/* -- DIRT E FORM STYLES -- */

.secure-login, .newsletter-form {/*ModuleSt...heets.css (line 1386)*/
background:#FFF none repeat scroll 0 0;
border:1px solid #FFF;
margin: 0 0 18px 0;
}

.secure-login h3, .newsletter-form h3 {/*ModuleSt...heets.css (line 1392)*/
background:#FFF none repeat scroll 0 0;
border-bottom:1px solid #FFF;
color:#E51A38;
display:block;
font-family:"Arial Narrow",Helvetica,sans-serif;
font-size:22px;
font-weight:lighter;
text-transform:uppercase;
padding:6px 18px;
}

.secure-login, .newsletter-form form label, .webform label {
color:#666666;
font-family:"Arial Narrow",Helvetica,sans-serif;
font-size:12px;
font-weight:lighter;
line-height:12px;
}

body#dirt_e div#subnav {/*hide subnav*/
display: none;
}

body#dirt_e div#theDirt {/*hide dirt e tile*/
display: none;
}

body#dirt_e div#promoTile {
	width: 170px;
	height: 250px;
	float: left;
	background-image: url(images/spacer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding:  0 0 0 0;
	/*border: 1px solid orange;/* - this is a diagnostic for position - */
	display: block;
}

.submit input, .button, .button-primary, .button-secondary, input[type=button], input[type=submit] {
	font: normal 11px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	border: 1px solid #0173b9;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #FFFFFF;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.button a, .button-secondary a {
	font-weight: normal !important;
}

.submit input:hover, .button:hover, .button-secondary:hover, input[type=button]:hover, input[type=submit]:hover {
	color: #fff;
	border-color: #000;
}

.submit input, .button, .button-secondary, input[type=button], input[type=submit] {
	background: #000000 url(images/white-grad.png) repeat-x scroll left top;
}

a.white {
	color : #FFFFFF;
	text-decoration : none;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-stretch: extra-condensed;
	font-weight: lighter;
}

/* Poze */
.gPic{
	border: #845900 solid 1px;
}
.gPicOver{
	border: #845900 solid 1px;
}
.gPicDescription {
	font-family:Garamond;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	color: #c18100;
}
.gGalleryPic{
	border: #845900 solid 1px;
	opacity: .40;
	-moz-opacity: 0.40;
}
.gGalleryPicOver{
	border: #845900 solid 1px;
}
.gRightPic{
	border: #845900 solid 1px;
	opacity: .70;
	-moz-opacity: 0.70;
}
.gRightPicOver{
	border: #845900 solid 1px;
}

h1.title_doc {
 	text-align:center;
 	font-family:Tahoma, Arial, Helvetica, sans-serif;
 	font-size:11px;
 	font-weight:normal;
 	margin:2px;
 	padding:0;
	color: #FFFFFF;
}

.text_alb{
	color: #FFFFFF;
}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}