/* Columbia - CSS Document */
/* Copyright SSD xHS  - 2006 */

/* Structural Divs */

@import "wysiwyg.css";

/* Presentational Divs */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/Background-small.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* From Layout File */

p {
	margin: 0;
        padding: 0;
      
}

h2 {
font-size: 13px;
}

#header h1 {
	height: 80px;
	line-height: 80px;
	margin: 0;
	padding-left: 10px;
	color: #79B30B
}
#header {
	background-image: url(../img/Header-small.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
}

#header.bikes {
	background-image: url(../img/Header-bikes-small.jpg);
}

#content p, #extra p {
	line-height: 1.3
}


#footer {
	background: #333;
	color: #FFF
}

#footer p {
	margin: 0;
	padding: 5px 10px
}

#mcol #container {
}

#wrapper {
	float: left;
	width: 100%
}

#wrapper {
	float: left;
	width: 100%;
	background-image: url(../img/background-long4.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#wrapper.bikes {
	background-image: url(../img/bikebackground-long-small.jpg);
}

#content {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 205px;

        padding-left: 6px;
        padding-top: 5px;
        padding-right: 10px;
}

#mcol #content {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
}

#navigation {
        
	float: left;
	width: 200px;
	
}

#container {

position: relative;
}

#navigation {
	float: left;
	width: 200px;
	
	padding-left: 2px;
        padding-top: 22px;
}

#navigation h1 {
	font-size: 1.4em;
	margin: 0px;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 23px;
	padding-left: 10px;
	color: white;
       
      
}

#extra {
	float: left;
	width: 200px;
	margin-left: -208px;

        border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #999999;

        padding-left: 6px;
        margin-top: 5px;
}

#footer {
	clear: left;
	width: 100%;
	text-align: center;
}


/* Header Navigation */

#headernav {
	position: relative;
	width: 473px;
	height: 23px;
	padding: 0px;
	margin: 0;
	top: 87px;
	left: 265px;
		}

		#menu {
			position: absolute;
			top: 0;
			left: 0;
			width: 467px;
			height: 23px;
			margin: 0;
			padding: 0;
			display: inline;
			overflow: hidden;
			list-style: none;
		}

		#menu LI {
			margin: 0;
			padding: 0;
			display: inline; /* duplicated for IE 5/Win */
			list-style-type: none; /* duplicated for IE 5/Win */
		}

		#menu A {
			float: left;
			height: 0px !important;
			height /**/:23px; /* IE 5/Win hack */ 
			padding: 23px 0 0 0;
			overflow: hidden;
		}

		#menu A:hover {
			background-position: 0 -23px;
		}

		#item0 A {
			width: 56px;
			background: url(../img/home-tab-a.jpg) top left no-repeat;
		}

		#item1 A {
			width: 79px;
			background: url(../img/furniture-tab-a.jpg) top left no-repeat;
		}

		#item2 A {
			width: 79px;
			background: url(../img/bicycles-tab-a.jpg) top left no-repeat;
		}

		#item3 A {
			width: 114px;
			background: url(../img/dealer_locator-tab-a.jpg) top left no-repeat;
		}
		#item4 A {
			width: 129px;
			background: url(../img/authorized_dealers-tab-a.jpg) top left no-repeat;
		}




/* Sub navigation */

#navcontainer { 
 margin: 0;
 padding: 0;
width: 200px;

	margin-left: 0px;

	float: left;

	clear: both;

}

#navcontainer ul

{
margin: 0;
padding: 0;
padding-top: 15px;
margin-left: 0;

padding-left: 0;

list-style-type: none;

	font-size: 13px;

}

#navcontainer ul li ul

{

margin: 0;

padding: 0;

list-style-type: none;

	font-size: 13px;

	

	

}

#navcontainer li {

	margin: 0px;

	padding: 0px;

	padding-bottom: 2px;


}

#navcontainer a

{

display: block;


width: 162px;

background-color: #DEDDCB;



	color: #333333;

	padding: 0px;

	margin: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 5px;


}

#navcontainer li ul li a

{

display: block;

border-top: 1px solid #eee;

	color: #333333;

	padding: 0px;

	

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 12px;

	width: 155px;

	background: #CCCCCC;

}

#navcontainer li ul li ul li a

{

display: block;

border-bottom: 1px solid #eee;

	color: red;

	padding: 0px;

	margin: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

	padding-left: 18px;

	width: 149px;

	background: #DDDDDD;

}

#navcontainer li ul li {

	margin: 0px;

	padding: 0px;

	padding-bottom: 0px;

}



#navcontainer a:link, #navcontainer ul a:visited

{

color: #000000;

text-decoration: none;

}

#navcontainer li ul li a:link, #navcontainer ul li ul li a:visited

{

color: #000000;

text-decoration: none;

}

#navcontainer a:hover, #navcontainer a.active

{

background-color: #A89C86;

color: #000000;

}

#navcontainer li ul li a:hover, #navcontainer li ul li a.active

{

background-color: #CFC6B5;

color: #000000;

}



#breadcrumbs {
padding-left: 54px;
margin-bottom: 15px;
}
/* Functions  for use in the Preview*/



body {
	margin: 0px;
}

#Functions {
        text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0;
	margin-bottom: 10px;
	font: 10px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000;
	background-color: #EDEDE1;
}

#Functions a {
display: inline;        
}


#cm #Functions {
	background-color: #CCCCCC;
	background: #EDEDE1 url(/MAINT/images/brushed-steel.jpg) no-repeat;
}

#Functions li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	display: inline;
	padding-left: 4px;
}

#Functions ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px;
	display: inline;
	padding-left: 4px;
}


#Functions li a {
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-right: 1px solid #6795C3;
	border-bottom: 1px solid #6795C3;
	border-left: 1px solid #6795C3;
	border-top: 1px solid #6795C3;
	background: #F7F7F7;
	text-decoration: none;
	text-color: #003D72;
	font-weight: bold;
}

#Functions li a:link { color: #003D72; }
#Functions li a:visited { color: #003D72; }

#Functions li a:hover {
	border-color: black;
	color: #FFF;
	background: #6795C3;
}




/* Begin Search Form Styles */
#header-search {
        
	position: absolute;
	padding-right: 0px;
	top: 0px;
	font-size: 11pt;
	font-weight: bold;
	white-space:nowrap;
}

#header-search ul, #header-search li {
	margin: 0;
	padding: 0;
}

#header-search li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	vertical-align: middle;
        float: right;
 

}

#header-search input {
	font-size: 9pt;
        
        
}
#header-search form {
        margin: 0;
        padding: 0;
	padding-top: 3px;
        padding-right: 3px;
        
}

.searchimage {
	padding-top: 1px;
}

#header-search a:link, #header-search a:visited {
	text-decoration: none;
	color: white;
}

#header-search a:hover {
	text-decoration: none;
	color: #FFFFCC;
}
/* End Search Form Styles */

/* Form Validation Styles */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #BB3300;
	color : #BB3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	
	color : black;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/* End Form Validation Styles */


#canada img {
padding: 0;
border: 0;
margin: 0px 0px -25px 182px
}