/*
----------------------------------------------------------------------------------------------------
///////////////////      Style Sheet Information       /////////////////////////////////////////////
----------------------------------------------------------------------------------------------------

Author : cody lindley	
Created : 10/22/07

*/


/*
----------------------------------------------------------------------------------------------------
///////////////////        png hack IE6         ///////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

* { behavior: url(/css/iepngfix.htc) }
 
/*
----------------------------------------------------------------------------------------------------
///////////////////      Base/Reset Styles       ///////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

* {/* set all elements to have 0 margin and padding */
	margin:0;
	padding:0;
}

p, ul, ol, dd {/* reset specific elements */
	line-height:1.4em;
	text-align:left;
	margin-bottom:15px;
}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym {
	border:0;
	font-variant:normal;
}

sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}

sub { vertical-align:text-bottom; }

hr {
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:10px 0;
	*margin:0 0; /* IE 7 & 6 filter */
}

html {
	min-height:100%;
 	*height: auto !important; /* IE 7 & 6 filter */
	height: 100%;
	background-color:#fff;
	margin:0px;
}

body {
	min-height:100%;
 	*height: auto !important; /* IE 7 & 6 filter */
	height: 100%;
	color:#333333; /* global font color */
	background-color:#fff;
	font:13px/1.22 Arial, Helvetica, sans-serif;
 	*font-size:small; /* IE 7 & 6 filter */
 	*font:x-small; /* IE 7 & 6 filter */

	width:684px;
	margin:0 auto;
	background-image:url(/images/navBg.gif);
	background-repeat:no-repeat;
}

input, textarea, select { 
	font-family:inherit;
	*font-family:Arial, Helvetica, sans-serif; /* IE 7 & 6 filter */
}

table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
	border-spacing:0;
}

pre, code, kbd, samp, tt {/* Bump up !IE to get to 13px equivalent */
	font-family:monospace;
 	*font-size:108%;
	line-height:99%;
}

/*
----------------------------------------------------------------------------------------------------
///////////////////     Font Size       ///////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

add selectors here { font-size: 77% } /* =10 */

#nav li, #footer, .backToTopBtn div, #mapsNav li { font-size: 85% } /* =11 */

add selectors here { font-size: 92% } /* =12 */

input, textarea, select { font-size: 100% } /* =13 */

add selectors here { font-size: 107% } /* =14 */

add selectors here { font-size: 114% } /* =15 */

add selectors here { font-size: 122% } /* =16 */

add selectors here { font-size: 129% } /* =17 */

add selectors here { font-size: 136% } /* =18 */

add selectors here { font-size: 144% } /* =19 */

add selectors here { font-size: 152% } /* =20 */

add selectors here { font-size: 159% } /* =21 */

add selectors here { font-size: 167% } /* =22 */

add selectors here { font-size: 174% } /* =23 */

add selectors here { font-size: 182% } /* =24 */

add selectors here { font-size: 189% } /* =25 */

add selectors here { font-size: 197% } /* =26 */


/*
----------------------------------------------------------------------------------------------------
///////////////////      Links/Anchor       ///////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

a:link {
	outline:none;
	color:#663300;
}

a:visited {
	outline:none;
	color:#663300;
}

a:hover {
outline:none;
	color:#663300;
	text-decoration:none;
}

a:active {
	outline:none;
	color:#663300;
}

a:focus {
	outline:none;
	color:#663300;
}

:focus {
	-moz-outline-style:none;
	text-decoration: none;
}

/* ----- anchors ----- */
a { }

/*
----------------------------------------------------------------------------------------------------
///////////////////      Common Styles       ///////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

.clearFloatNoHeight {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow:hidden;
}

.clearFloat {
	clear: both;
	display: block;
}

.floatRight { float:right; }

.floatLeft { float:left; }

.textLeft { text-align:left; }

.textRight { text-align:right; }

.displayNone { display:none; }

.displayBlock { display:block; }

.highlightYellow { background-color:#FFFFCC; }

p.last { margin-bottom:0; }


/*
----------------------------------------------------------------------------------------------------
///////////////////      Headings       ////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h1 {
background-image:url(/images/logo.gif);
background-repeat:no-repeat;
text-indent:-99em;
overflow:hidden;
width:405px;
height:123px;
text-align:left;
margin:0px 0 0 30px;
padding-bottom:30px;
}

h1 small{ text-indent:-99em; overflow:hidden; visibility:hidden;}

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h2 { }

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h3 { }

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h4 { }

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h5 { }

/* = Add descrption here
--------------------------------------------------------------------------------------------------*/
h6 { }

/*
----------------------------------------------------------------------------------------------------
///////////////////       Navigation        ///////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

#nav{
overflow:hidden;
line-height:15px;
padding-top:20px;
margin:0;
}

#nav li{
list-style:none;
float:right;
border-right:1px solid #B7C384;
margin-right:-6px;
padding:0 6px 0 12px;
height:15px;
}

#nav li a{
text-decoration:none;
color:#666666;
}

#nav li a:hover{
color:#663300;
}

#nav li#navLastItem{
padding-right:20px;
}

/*
----------------------------------------------------------------------------------------------------
///////////////////          content        ///////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

.section{
padding:10px 25px 10px 25px;
}

#content{
background-image:url(/images/contentBg.jpg);
background-color: transparent;
background-repeat:repeat;
}

#about{
background-image:url(/images/1bg.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color: transparent;
}

#aboutCol1{
width:260px;
margin-top:45px;
}

#aboutCol2{
width:370px;
background-image:url(/images/topPhotoBg.png);
background-repeat:no-repeat;
height:342px;
margin-right:-12px;
_margin-right:-6px;
margin-top:55px;
}

#introImg{
margin:19px 0 0 18px;
overflow:hidden;
height:296px;
width:334px;
}

.sectionHeaders{
text-indent:-99em;
padding:15px 0;
margin-bottom:15px;
border-bottom:2px solid #E3E0CC;
}

#aboutTxt{
background-image:url(/images/aboutTxt.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom:2px solid #F1F0E7;
}

#ourProductsTxt{
background-image:url(/images/ourProductsTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#productThumbs{
list-style:none;
float:left;
margin-left:-10px
}

#productThumbs li{
list-style:none;
float:left;
margin:0 0 10px 10px;
border: 1px solid #ccc;
}

#productThumbs li a{
width:95px;
height:51px;
background-repeat:no-repeat;
display:block;
text-indent:-99em;
overflow:hidden;
}

#thumb1{background-image:url(/images/yetiCycle.gif);}
#thumb2{background-image:url(/images/raleighBicycles.gif);}
#thumb3{background-image:url(/images/wilder.gif);}
#thumb4{background-image:url(/images/diamondback.gif);}
#thumb5{background-image:url(/images/opticNerve.gif);}
#thumb6{background-image:url(/images/orbea.gif);}
#thumb7{background-image:url(/images/dakine.gif);}
#thumb8{background-image:url(/images/redline.gif);}
#thumb9{background-image:url(/images/tomac.gif);}
#thumb10{background-image:url(/images/transition.gif);}
#thumb11{background-image:url(/images/cateye.gif);}
#thumb12{background-image:url(/images/bell.gif);}
#thumb13{background-image:url(/images/lake.gif);}
#thumb14{background-image:url(/images/troylee.gif);}
#thumb15{background-image:url(/images/descente.gif);}
#thumb16{background-image:url(/images/camelbak.gif);}
#thumb17{background-image:url(/images/defeet.gif);}
#thumb18{background-image:url(/images/burley.gif);}
#thumb19{background-image:url(/images/sidi.gif);}
#thumb20{background-image:url(/images/saris.gif);}
#thumb21{background-image:url(/images/louis.gif);}
#thumb22{background-image:url(/images/hollywood.gif);}
#thumb23{background-image:url(/images/speedplay.gif);}
#thumb24{background-image:url(/images/softride.gif);}
#thumb25{background-image:url(/images/sherpani.gif);}
#thumb26{background-image:url(/images/fiveten.gif);}
#thumb27{background-image:url(/images/mavic.gif);}
#thumb28{background-image:url(/images/foxshox.gif);}
#thumb29{background-image:url(/images/nutcase.gif);}

.fadeThumb{
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#servicesTxt{
background-image:url(/images/serviceTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#servicesCol1{
float:left;
width:360px;
}

#servicesCol2{
float:right;
width:240px;
border-left:2px solid #E3E0CC;
padding-left:30px;
}

#servicesCol2 ul li{
list-style:none;
}

#servicesCol2 ul li span{
color:#993300;
font-weight:bold;
}

#servicesCol2 p{
border-bottom:2px solid #E3E0CC;
padding-bottom:5px;
margin-bottom:5px;
}

#photoGalleryTxt{
background-image:url(/images/photoGalleryTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#newsTxt{
background-image:url(/images/newsTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#contactTxt{
background-image:url(/images/contactTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#contactCol1{
float:left;
width:412px;
}

#contactCol2{
float:right;
width:160px;
border-left:2px solid #E3E0CC;
padding-left:28px;
}

#contactCol2 p, #contactCol2 address{
margin:2px 0 10px 0;
}

#mapsNav li{
list-style:none;
float:right;
margin-left:10px;
}

#contactCol2 h6{
font-weight:bold;
color:#666600;
}

#alliancesTxt{
background-image:url(/images/alliancesTxt.gif);
background-position:left center;
background-repeat:no-repeat;
}

#divideA{
background-image:url(/images/divideA.gif);
background-repeat:no-repeat;
height:44px;
}

#divideB{
background-image:url(/images/divideB.gif);
background-repeat:no-repeat;
height:44px;
}

#divideC{
background-image:url(/images/divideC.gif);
background-repeat:no-repeat;
height:44px;
}

#divideE{
background-image:url(/images/divideE.gif);
background-repeat:no-repeat;
height:44px;
}

#divideF{
background-image:url(/images/divideF.gif);
background-repeat:no-repeat;
height:44px;
}

#divideG{
background-image:url(/images/divideG.gif);
background-repeat:no-repeat;
height:44px;
}

.backToTopBtn{
position:relative;
}

.backToTopBtn div{
position:absolute;
top:15px;
left:575px;
*left:575px;
_left:575px;
}

#alliancesLinks li{
list-style:none;
}

/*
----------------------------------------------------------------------------------------------------
///////////////////       news          ////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

#news li{
background-color:#F0EEE0;
margin:20px 0;
list-style:none;
padding:10px;
border-bottom:1px solid #E3E0CC;
}

strong{
color:#666600;
font-weight:bold;
}


/*
----------------------------------------------------------------------------------------------------
///////////////////      footer        ////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------
*/

#footer{
text-align:center;
margin-top:20px;
height:100px;
color:#666666;
}