@import url(layout.css);
@import url(type.css);

/* Typography */

p, li, dt, dd, th, td {
  color: #fff;
}
h1, h2, h3, h4, h5, h6 {
  color: #ccc;
}
h1 { color: #C4AA78; }
h2 { color: #c60; }
h3 { color: #fff; }
h4, div.association h3 { color: #fff; }
h5 { color: #9c0; }
h6 { color: #808080; }

a {
  color: #fff;
}
a:hover {
  color: #c4aa78;
}

a.more-link, a.back-link {
  	color: #006699;
 	background: url(default/morearrow.png) no-repeat right -1px;
}
a.more-link:hover, a.back-link:hover {
	color: #333;
  	background-position: right -81px;
}
div.blog a.more-link, div.blog a.back-link {
	background-position: right -1px;
}
div.blog a.more-link:hover, div.blog a.back-link:hover {
	background-position: right -81px;
}
a.rss {
  background: url(default/rss-icon.png) no-repeat right 50%;
}

span.new {
    background-color: #ff0;
    color: #333;
}
span.popular {
    background-color: #f90;
    color: #333;
}

hr {
  background-color: #ccc;
}

/* Default Stylesheet */

html {
  	color: #666;
}

body {
    background-color: #e8e8e8;
}

/* Main Containers */
div#wrapper {
  	background-color: #ca233e;
}


/* Header */

div#header {
    background: url(default/nav_bg.png) repeat-x 0 0;
}
div#NavHeaderTopText h1 {
	background-image: none;
	color: #fff;
	text-shadow: #000 2px 2px 2px;
}

div#NavHeaderBottomText h1 {
	background-image: none;
	color: #ffe148;
	text-shadow: #000 1px 1px 1px;
}
div#firstcontact {
	color: #2CA4A4;
}
div#firstcontact a {
	color: #2CA4A4;
	background: url(default/morearrow.png) no-repeat 5px -38px;
}
div#firstcontact a:hover {
	color: #f60;
	background-position: 5px 1px;
}

div#welcome span {
	font-weight: normal;
}
div#welcome a {
	color: #333;
}
div#welcome a:hover {
	color: #2CA4A4;
}

div#banner {
    background-color: #fff;
}
div#bannerimage,
div#homepage_slideshow {
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Footer */
div#wrapperfooter {
}
div#NavFooter {
	background: url(default/nav_bg.png) repeat-x 0 0;
}

div#footer {
	background-color: transparent;
  	color: #fff;
  	border-bottom: 25px solid #e8e8e8;
}
div#footer li a {
  	color: #fff;
	background: url(default/footer_li.png) no-repeat 0 5px;
}
div#footer li a:hover {
	color: #ccc;
}
div#footer p {
  	color: #fff;
}
div#footer a {
  	color: #fff;
}

div#footer p#designedby,
div#footer p#copyright {
	color: #666;
}
div#footer p#designedby a {
	color: #c4aa78;
}
/********************************** Footer SiteMap **********************************/

div#footer div.blocks {
}


/* in-page Search */
div#search {
  background: url(default/search_bubble.png) no-repeat 0 0;
}
* html div#search {
  background: url(default/search_bubble_ie6.png) no-repeat 0 0;
}
div#aside div#search h3 {
	color: #006699;
}


div#search input {
	color: #333;
	background-color: #d8d7d7;
}


/* Section */
div#section {
}
/**** XML import of used bikes table ****/

div#content {
}
div#article {
	background: url(default/500.png) no-repeat 0 100%;
}


/***  Blog(calendar) listings */


div.blog h3 {
}
div.blog h3.head span {
}
div.previews h3 {
}


/* breadcrumb trail */
div#breadcrumbs li {
   	color: #fff;
   	font-weight: bold;
}
div#breadcrumbs li a {
  	color: #fff;
   	font-weight: bold;
}
div#breadcrumbs li a:hover {
  	color: #fff;
}

/******* Navigation ********/



div#nav ul {
	background: url(default/nav_bg.png) repeat-x 0 0;
}

div#nav ul ul {
	border-bottom: 2px solid #a47f59;
	background-image: none;
}

* html div#nav ul ul { background-color: #fff; }

div#nav li a {
    color: #fff;
  	border-right: 1px solid #9f000e;
}
div#nav li.H a {
	background: url(default/home_button.png) no-repeat 0 0;
}


div#nav li.active a,
div#nav li a:hover {
    background: url(default/nav_hover_bg.png) repeat-x 0 0;
    color: #fff;
}

div#nav li.H a:hover {
	background: url(default/home_button.png) no-repeat 0 -53px;
}
div#nav li.active li a {
	color: #333;
	background-image: none;
}
div#nav li li {
	background: url(default/nav_bg_middle.png) repeat-y 0 0;
}
* html div#nav li li {
	background: url(default/nav_bg_middle_ie6.png) repeat-y 0 0;
}
div#nav li li a {
	color: #333;
  	border-right: none;
}

div#nav li li.active a,
div#nav li li a:hover {
	background-color: #84794f;
	color: #fff;
}

/* Styling the 3 column bike drop down **/

div#wrapper div#nav div.multilevelview {
	background: url(default/pixel_bg.png) repeat 0 0;
	border-left: 1px solid #121212;
	border-right: 1px solid #121212;
	border-bottom: 1px solid #121212;
}
* html div#wrapper div#nav div.multilevelview {
	background-color: #454545;
}
div#wrapper div#nav div.multilevelview ul {
	background-image: none;
	border: none;
}
div#wrapper div#nav div.multilevelview li a {
	color: #006699;
}
div#wrapper div#nav div.multilevelview li a:hover {
	background-color: transparent;
	color: #fff;
}
div#wrapper div#nav div.multilevelview li li a {
	color: #ccc;
}


/* aside */

div#aside {
	background-color: #ca233e;
}
div#aside h3 a,
div#topsearches h3 {
    color: #ccc;
}
div#aside h3 a:hover {
  	color: #fff;
}

div#aside h3 {
    color: #ccc;
}

div#aside h2 a {
	color: #006699;
}

div#aside li a {
	background: url(default/pagemenu_ball.png) no-repeat 0 0;
}
div#aside li a:hover {
	background-position: 0 -50px;
}
/*** NavSidebar **/

div#aside div.navitem {
	background: url(default/aside_bottom.jpg) no-repeat 0 100%;
}

div#aside div.navitem h2 {
	background: url(default/aside_heading_bg.jpg) no-repeat 0 0;
	color: #fff;
}
div#aside div.navitem h2 a {
	color: #fff;
}
div#aside div.navitem h2 a:hover {
	color: #fc3;
}


/* Pages */
div#pages div.column {
}
div#pages div.two-cols div.column {
	background: #141414 url(default/associated_page_bottom.jpg) no-repeat 0 100%;
}
div#pages div.two-cols div.right {
	background-position: right 100%;
}

div#links h3,
div#pages h3 {
	background-color: #404040;
}
div#links h3 a,
div#pages h3 a {
	background: url(default/associated_page_bg.jpg) no-repeat 0 0;
	color: #fafafa;
}
div#links h3 a:hover,
div#pages h3 a:hover {
	background-position: 0 -58px;
	color: #fff;
}
div#links h3:hover,
div#pages h3:hover {
}

div#pages div.pic a img:hover h3 {
}


/*** Hover tips for links ***/

div.hoverTip,
div#links div.column:hover div.inner {
	background: url(default/hover_bubble.png) no-repeat 0 0;
}
div.hoverTip h2,
div#links div.column div.inner h2 {
	background-color: #fff;
}
div.hoverTip h2 a,
div#links div.column div.inner h2 a {
	background-color: #fff;
}
div.hoverTip p,
div#links div.inner p {
	color: #777;
}


/* Files */
div#files li.docfile {
	background: url(default/word-icon.png) no-repeat 0 0;
}

div#files li.pdffile {
	background: url(default/pdf-icon.png) no-repeat 0 0;
}

div#files p {
	color: #808080;
}
div#files a.get_adobe_reader {
	background: url(default/get_adobe_reader.png) no-repeat 0 0;
}


/* Flash element for homepage */

/* General definition list  */


/* Associations */
div.association h3 a {
  	color: #666;
}
div.association h3 a:hover {
	color: #2ca4a4;
}


/* Two Column Layout */

/* Three Column Layout */


/* Four Column Layout */

/* Gallery styles */

#gallery h5 a {
  	color: #555;
}

/* navitem */

/* Form styles for contact forms */

form#contact { 
  	color: #fff;
}
form#contact label {
    color: #fff;

} 
form#contact input,
form#contact select,
form#contact strong,
form#contact span.form_fieldmsg {
    color: #333;
}
form#contact textarea.form_textarea {
    color: #333;
}

form#contact span.form_req { color: red; }
form#contact input.form_text, form#contact textarea.form_textarea {
  	border: 1px solid #454545;
  	background-color: #404040;
    color: #fff;
}

form#contact div.form_alert {
  	background: #000 url(default/contact_arrow.png) no-repeat 100% 2px;
}

/* subpage navigation */
div#subpageheader {
	background-color: #eee;
}
div#subpageheader li.active {
	background-color: #ccc;
	border-style: solid;
	border-color: #2CA4A4;
	border-width: 0 1px;
}

/* User account and order history */
div.ordersummary {
	background: #eee url(default/grad-v.png) repeat-x 0 0;
	border-bottom: 1px solid #ccc;
}
div.ordersummary span.code {
	color: #eee;
}
div.ordersummary div.itemisation a img {
	border: 1px solid #2CA4A4;
}
div.ordersummary div.itemisation a:hover img {
	border: 1px solid #F60;
}