/* COLOURS USED   - #FFA012 = Yellow */
/* #6D2AAC = Purple - #339966 = BG Green */

/* ELEMENTS */
body { 
	background-color : #339966;
	padding : 0px;
	margin : 0px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color : #000000;
}


/* IDs in this section */
/* WHOLE PAGE SPECIFIC */
#ikon-suspension-shocks-springs-icon-whole {
	width : 100%;
	border : 0px;
}


/* HEADER SPECIFIC */
#ikon-suspension-fork-springs-shock-h {
	background-color : #339966;
	color : #FFFFFF;
	width : 100%;
	border-bottom : 2px #000000 solid;
	height : 120px;
}
#ikon-suspension-shock-absorbers-here a, #ikon-suspension-shock-absorbers-here a:link, #ikon-suspension-shock-absorbers-here a:visited {
	text-decoration : none;
	color : #FFFFFF;
	background-color : #339966;
}
#ikon-suspension-shock-absorbers-here a:hover {
	text-decoration : underline;
}
#ikon-suspension-shock-absorbers-here a:active {
	color : #FFA012;
	background-color : #6D2AAC;
	text-decoration : none;
}
#ikon-suspension-shock-absorbers-here-uber a, #ikon-suspension-shock-absorbers-here-uber a:link, #ikon-suspension-shock-absorbers-here-uber a:visited, #ikon-suspension-shock-absorbers-here-uber a:hover, #ikon-suspension-shock-absorbers-here-uber a:active {
	color : #FFA012;
	background-color : #339966;
	text-decoration : none;
}


/*NAV BAR SPECIFIC */
#ikon-progressive-shock-nav-bar {
	background : #339966;
	color : #FFFFFF;
	width : 190px;
	padding : 10px; /*makes width 210px*/
	border-right : 2px solid #000000; /*makes width 212px*/
	vertical-align : top;
}
#ikon-progressive-shock-nav-bar h1, #ikon-progressive-shock-nav-bar h2 {
	font : normal 160% Arial, Helvetica, sans-serif;
	text-align : center;
	color : #000000;
	background-color : #339966;
	margin-bottom : -13px;
}
#ikon-progressive-shock-nav-bar h2 {
	font-size : 100%;
}
#ikon-progressive-shock-nav-bar h2.ikon-progressive-rate-shocks-btm {
	margin-bottom : 10px !important;
}
#ikon-progressive-shock-nav-bar p {
	text-align : justify;
}
#ikon-progressive-shock-nav-bar b, #ikon-progressive-shock-nav-bar strong {
	font-weight : normal;
}
#ikon-progressive-shock-nav-bar b.ikon-icon-shocks-springs-heavy, #ikon-progressive-shock-nav-bar strong.ikon-icon-shocks-springs-heavy {
	font-weight : bold;
}
#ikon-progressive-shock-nav-bar a {
	text-decoration : none;
}
#ikon-progressive-shock-nav-bar a:link {
	text-decoration : underline;
	color : #ffffff;
	background-color : #339966;
}
#ikon-progressive-shock-nav-bar a:visited {
	text-decoration : underline;
	color : #ffffff;
	background-color : #339966;
}
#ikon-progressive-shock-nav-bar a:hover {
	text-decoration : none;
	background-color : #ffffff;
	color : #000000;
}
#ikon-progressive-shock-nav-bar a:active {
	text-decoration : none;
	color : #FFA012;
	background-color : #339966;
}


#ikon-progressive-rate-suspension-c-nav-bar p {
	padding-bottom : 5px;
	margin : 0 0 0 0px; 
}
#ikon-progressive-rate-suspension-c-nav-bar p:first-letter {
	font-weight : bold;
}


/* NAV ROLLOVER LINK SPECIFIC */
#ikon-shock-absorber-nav-links {
	margin : 0;
	padding : 0;
}
#ikon-shock-absorber-nav-links ul {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
}
#ikon-shock-absorber-nav-links li {
	list-style-type : none;
	margin : 2px 10px; /*EDIT*/
}
#ikon-shock-absorber-nav-links a {
	display : block;
	text-decoration : none !important;
	height : 21px;
	padding : 4px 0 2px 35px;/* Allows for single line links */
	background : #339966 url("/v1.0/images/ikon-spares-shocks-parts-btn-32-g.gif") no-repeat left top;
	border-top : 2px #000000 solid;
	border-bottom : 2px #000000 solid;
}
#ikon-shock-absorber-nav-links a.ikon-suspension-springs-forks-ml {
	padding : 3px 0px 3px 35px;/* Allows for multi line links */
}
#ikon-shock-absorber-nav-links a:link {
	background-color : transparent;
}
#ikon-shock-absorber-nav-links a:visited {
	color : #000000;
	background-color : transparent;
}
#ikon-shock-absorber-nav-links a:hover {
	background :  url("/v1.0/images/ikon-spares-shocks-parts-btn-32-p.gif");
	color : #FFFFFF;
}
#ikon-shock-absorber-nav-links a:active {
	color : #000000;
	background :  url("/v1.0/images/ikon-spares-shocks-parts-btn-32-y.gif");
}


/* NAV UBER LINK SPECIFIC */
#ikon-icon-springs-shocks-uber, #ikon-icon-springs-shocks-uber a, #ikon-icon-springs-shocks-uber a:link, #ikon-icon-springs-shocks-uber a:visited, #ikon-icon-springs-shocks-uber a:hover, #ikon-icon-springs-shocks-uber a:active {
	background :  url("/v1.0/images/ikon-spares-shocks-parts-btn-32-b.gif");
	color : #FFA012;
}


/* NAV HELP LINK SPECIFIC */
#ikon-icon-bruce-code-help, #ikon-icon-bruce-code-help a, #ikon-icon-bruce-code-help a:link, #ikon-icon-bruce-code-help a:visited, #ikon-icon-bruce-code-help a:hover, #ikon-icon-bruce-code-help a:active {
	font-style : italic;
}


/* NAV CONTACT LINK SPECIFIC */
#ikon-icon-suspension-absorbers-contact {
	font-weight : bold;
}


/* MAIN CONTENT SECTION SPECIFIC */
#ikon-bike-scooter-forks-main {
	color : #000000;
	background-color : #FFFFFF;
	padding : 10px 10%;
	margin : 10px;
	vertical-align : top;
	font-size : 16px;
}
#ikon-bike-scooter-forks-main h1, #ikon-bike-scooter-forks-main h2, #ikon-bike-scooter-forks-main h3{
	font-weight : normal;
	text-align : left;
	color : #339966;
	background-color : #FFFFFF;
	margin-bottom : -15px;
}
#ikon-bike-scooter-forks-main h1 {
	font-size : 150%;
}
#ikon-bike-scooter-forks-main h2 {
	font-size : 130%;
}
#ikon-bike-scooter-forks-main h3 {
	font-size : 120%;
}
#ikon-bike-scooter-forks-main b, #ikon-bike-scooter-forks-main strong {
	font-weight : bold;
	color : #339966;
	background-color : transparent;
}
#ikon-bike-scooter-forks-main p {
	text-align : justify;
}
#ikon-bike-scooter-forks-main a {
	font-weight : bold;
	text-decoration : underline;
}
#ikon-bike-scooter-forks-main a:link {
	color : #000000;
	background-color : transparent;
}
#ikon-bike-scooter-forks-main a:visited {
	color : #6D2AAC;
	background-color : transparent;
}
#ikon-bike-scooter-forks-main a:hover {
	text-decoration : none;
}
#ikon-bike-scooter-forks-main a:active {
	background-color : #FFA012;
	color : #6D2AAC;
	text-decoration : none;
}
.ikon-suspension-shock-absorber-defs a, .ikon-suspension-shock-absorber-defs a:link, .ikon-suspension-shock-absorber-defs a:visited {
	border-bottom : 1px dashed #6D2AAC;
	text-decoration : none !important;
	font-weight : normal !important;
	cursor : help;
	color : #000000 !important;
	background-color : transparent;
}
.ikon-suspension-shock-absorber-defs a:hover, .ikon-suspension-shock-absorber-defs a:active {
	border-bottom : 1px dashed #FFA012;
	text-decoration : none !important;
	font-weight : normal !important;
	cursor : help;
	color : #000000 !important;
	background-color : transparent;
}


/* FOOTER SPECIFIC */
#ikon-icon-suspension-motor-bike-footer {
	background-color : #666666;
	color : #FFFFFF;
	height : 40px;
	border-top : 2px #000000 solid;
	background-image :  url("/v1.0/images/ikon-springs-suspension-forks-footer.gif");
	background-repeat : repeat;
	font-size : 80%;
	text-align : center;
	vertical-align : middle;
}


/* Classes follow from here... */
/* Unless they are ID.CLASS */
.ikon-icon-ikon-icon-absorbers-heavy {
	font-weight : bold !important;
}
.ikon-icon-ikon-icon-absorbers-normal {
	font-weight : normal;
}


.ikon-suspension-motor-bike-bruce-code a {
	text-decoration : underline;
}
.ikon-suspension-motor-bike-bruce-code a:link {
	color : #FFFFFF;
	background-color : transparent;
}
.ikon-suspension-motor-bike-bruce-code a:visited {
	color : #FFFFFF;
	background-color : transparent;
}
.ikon-suspension-motor-bike-bruce-code a:hover {
	text-decoration : none;
	background-color : #FFA012;
	color : #000000;
}
.ikon-suspension-motor-bike-bruce-code a:active {
	color : #FFFFFF;
	background-color : #6D2AAC;
}


.ikon-suspension-motor-bike-proven a {
	text-decoration : underline;
}
.ikon-suspension-motor-bike-proven a:link {
	background-color : transparent;
	color : #FFFFFF;
}
.ikon-suspension-motor-bike-proven a:visited {
	color : #EDEDED;
	background-color : transparent;
}
.ikon-suspension-motor-bike-proven a:hover {
	color : #FFFFFF;
	background-color : transparent;
	text-decoration : none;
}
.ikon-suspension-motor-bike-proven a:active {
	color : #FFFFFF;
	background-color : #6D2AAC;
}

.ikon-suspension-motor-scooter-copyright a {
	text-decoration : underline;
}
.ikon-suspension-motor-scooter-copyright a:link {
	background-color : transparent;
	color : #FFFFFF;
}
.ikon-suspension-motor-scooter-copyright a:visited {
	color : #EEEEEE;
	background-color : transparent;
}
.ikon-suspension-motor-scooter-copyright a:hover {
	color : #FFFFFF;
	background-color : transparent;
	text-decoration : none;
}
.ikon-suspension-motor-scooter-copyright a:active {
	background-color : #6D2AAC;
}

.ikon-shock-absorbers-springs-images {
	border : 0px;
}

.ikon-suspension-fork-springs-icon-m {
	text-align : center;
	vertical-align : middle;
}
.ikon-suspension-fork-springs-h1 {
	margin-bottom : -18px;
}
.ikon-suspension-fork-springs-h3 {
	margin-bottom : -10px;
}
.ikon-suspension-fork-springs-icon-l {
	float : left;
	text-align : left;
	vertical-align : top;
	width : 240px;
}
.ikon-suspension-fork-springs-icon-r {
	float : right;
	text-align : right;
	vertical-align : top;
	width : 240px;
}
.ikon-suspension-links-technology {
	cursor : default;
}

.ikon-suspension-proven-images-fl {
	float : left;
}
.ikon-suspension-proven-images-fr {
	float : right;
}
.ikon-suspension-proven-images-fb {
	float : none;
}
.ikon-suspension-float-left {
 	float: right;
	margin: 0 0 0 5px;
}