body    { background: #24292e; color: #606060; }

h1      { color: #606060; }
h2      { color: #606060; }
h3      { color: #606060; }
h4      { color: #606060; }
h5      { color: #606060; }
h6      { color: #606060; }

a       { color: #dd6726; }
a:hover { color: #dd6726; }


div.hr      { background-color: #cccccc; }


/* GENERAL PURPOSE ---------------------------------------------------------------------- */

/* A filled, padded bar for headlines or other uses */
div.bar        { background-color: #a4a8b2; color: white; }

/* Error and message boxes */
div.msg-box    { background-color: #dd6726; color: white; }
div.msg-box h2 { color: white; }
div.err-box    { background-color: #dd6726; color: white; }
div.err-box h2 { color: white; }

input.button { background-color: #636b70 !important; border-color: #3f474c !important; color: white !important; }
input.priority { background-color: #dd6726 !important; border-color: #a94711 !important; color: white !important; }
input.subpriority { background-color: rgb(170, 170, 170) !important; border-color: rgb(150, 150, 150) !important; color: #f8f8f8 !important; }
input.critical { background-color: #a72727 !important; border-color: #8e1919 !important; color: #f8f8f8 !important; font-weight: bold !important; }
input.disabled { background-color: #dddddd !important; border-color: #aaaaaa !important; color: #aaaaaa !important; font-weight: bold !important; }


/* PAGE LAYOUT -------------------------------------------------------------------------- */

/* Main webpage (everything but the footer) */
#webpage { background: #636b70; /*url('../images/theme/cycoactive-bkg.gif') center center repeat-y;*/ }

/* Page contents */
#container { background: white; }  /* Main content area */

/* Footer */
#footer { color: #dddddd; }
#footer h5 { color: #dddddd; }
#footer a       { color: #cccccc; background: url('../images/theme/arrow.gif') left center no-repeat; }
#footer a:hover { color: #ffffff; }


/* HEADER ------------------------------------------------------------------------------- */

/* H1 tag is used to display the touratech logo */
#header h1 { left: 10px; }
#header h1 a { color: #e9e9e9; width: 219px; height: 74px; background-image: url('../images/theme/cycoactive-logo.gif'); }
#header h1 a:hover { color: white; }

/* The main bair that contains the entire top menu and logo... it is padded to ensure text does 
not get placed on top of the absolute-positioned logo */
#header div.contents { background: #dd6726; }

/* UL used for all the navigation menu items */
#header ul li a.cart { color: white; background-image: url('../images/theme/cart-cycoactive-selected.gif'); }
#header *.selected a.cart { background-image: url('../images/theme/cart-cycoactive.gif'); }

/* Set link styles for the menu items */
#header a       { color: white; }
#header a:hover { color: #333333 !important; }
#header *.selected a { color: #333333 !important; }



/* BANNER  ------------------------------------------------------------------------------ */

/* Slideshow caption bar */
#ss-bar      { background-color: black; }
/* Positioning for slideshow controls */
#ss-controls { color: #cccccc; }
/* Slideshow control button (next/prev) */
#ss-controls div.btn { background: black; border: solid 1px white; color: white; }



/* BREADCRUMB  -------------------------------------------------------------------------- */

/* The main bar that the breadcrumb is displayed within */
#breadcrumb div.contents { background: #dd6726; color: #d9d9d9; }

/* UL used for all the breadcrumb trail links */
#breadcrumb ul li span { color: #d9d9d9 !important; }
#breadcrumb ul li a { color: white; }
#breadcrumb ul li a:hover { color: black; }
#breadcrumb ul li a.home { background-image: url('../images/theme/icon-home.gif'); }

/* Breadcrumb link styles */
#breadcrumb a       { color: #ffffff; }
#breadcrumb a:hover { color: white; }
#breadcrumb *.selected a { color: #ffffff; }



/* CONTEXT MENU  ------------------------------------------------------------------------ */

#contextmenu { background: #000000 url('../images/theme/cycoactive-contextbkg.jpg') bottom no-repeat; padding: 0px 0px 125px 0px; color: white; }
#contextmenu div.inner { background: transparent; }
#contextmenu h1 { background: #636b70; color: white; }
#contextmenu h2.touratech { margin-bottom: 10px; background-image: url('../images/theme/site-cyco-tt.gif'); }
#contextmenu h2.streetline { margin-bottom: 10px; background-image: url('../images/theme/site-cyco-sl.gif'); }
#contextmenu h2.cycoactive { margin-bottom: 0px; background-image: url('../images/theme/site-cyco-cyco.gif'); }
/*#contextmenu h2 { background: #636b70; color: white; }
#contextmenu h2 { background: #767a84; color: white; }*/
#contextmenu h3 { color: #cfd8e2; }
#contextmenu p.phone  { background: transparent !important; color: #cfd8e2; border: solid 1px #4b4b4b; border-left: none; border-right: none; }
#contextmenu p.footer { color: white !important; background: transparent !important; text-align: center; }
/*#contextmenu p  { background-color: #525966 !important; }*/
#contextmenu ul { background-color: transparent !important; }
#contextmenu ul li { background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }

/*
#contextmenu p  { background-color: #24292e !important; }
#contextmenu ul li { background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }
*/
#contextmenu a       { color: #ffffff; }
#contextmenu a:hover { color: #dd6726; }
#contextmenu *.selected { color: #dd6726; }

#contextmenu div.alert { background: #636b70; padding: 10px; color: white; }
#contextmenu div.alert a { color: white; }

#sidebar-extras { }

/* LISTINGS ----------------------------------------------------------------------------- */

div.listing span.date { color: #999999; }
div.listing div.details a { color: #606060; }
div.listing div.summary a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }


/* GALLERY.CSS -------------------------------------------------------------------------- */

/* The currently-active thumbnail has a border around it */
div.gallery img.selected { border: solid 2px #606060; }



/* CART.CSS ----------------------------------------------------------------------------- */

table.cart thead tr { background-color: #636b70 !important; color: white; }
table.cart tfoot tr { background-color: #24292e !important; color: white; }

table.cart tr.row-a { background-color: transparent; }
table.cart tr.row-b { background-color: #eeeeee; }

table.cart span.status-instock { color: #c2740e; }
table.cart span.status-coming { color: #c2740e; }
table.cart span.status-backordered { color: #e12727; }

table.cart a { color: #606060; }
table.cart a.pdf  { background-image: url('../images/theme/icon-pdf.gif'); }
table.cart a.html { background-image: url('../images/theme/icon-html.png'); }
table.cart a.jpg  { background-image: url('../images/theme/icon-jpg.gif'); }

table.list a { color: #ffffff; }


/* CATEGORY.CSS ------------------------------------------------------------------------- */

div.categorynav a { color: #dd6726 !important; }

/* productlisting contains a list of each product within a category */
div.productlisting a       { color: #606060; }
div.productlisting a:hover { color: #606060; }

div.productlisting div.tools a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }

div.productlisting div.bar { background-color: #636b70 !important; }
div.productlisting div.bar a { color: white; }  /* The gray bar which contains the title of the product or category */

div.productlisting div.link a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }



/* HOME.CSS ----------------------------------------------------------------------------- */

/* Listing of all featured products/categories */
div.featurelist a { color: #606060; }


/* Listing of all bike models Touratech makes parts for */
div.bikelist div.column a { color: #dd6726 !important; }
div.bikelist div.column h6 a { color: #606060 !important; }

/* Listing of all recent news items */
div.newslist a { color: #606060; }
div.newslist p a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }



/* PRODUCT.CSS -------------------------------------------------------------------------- */

/* The preview column is on the left of the page and contains the product thumbnail and additional images */
div.summary a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }

/* The details column is sandwiched between the 'preview' and 'additionalinfo' divs and contains product pricing, and purchasing tools*/
div.summary div.details h5 { color: #e92415; }
div.summary div.details span.price { color: #e92415; }
div.summary div.details span.status-instock { color: #28d724; }
div.summary div.details span.status-coming { color: #c2740e; }
div.summary div.details span.status-backordered { color: #e12727; }

/* Remove arrow tick from links within the similar products and within lists */
div.summary div.featurelist a { color: #606060; }

div.summary ul li { background: url('../images/theme/arrow-black.gif') left center no-repeat; }

div.additionalinfo ul li { background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }


a.arrow { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat !important; }



/* NEWS.CSS ----------------------------------------------------------------------------- */

/* The archive column contains the navigation for the news formatted content, and appears on the right side of the page */
div.archive ul li { background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }
div.archive ul li a { color: #dd6726 !important; }

/* styles for nested lists, rather than indenting the list, each item is treated as a row and each row uses an alternating background color */
div.archive ul li ul a { color: #606060; }
div.archive ul li ul li.row-a { background-color: #eeeeee; }

/* News formatted content entry */
div.news span.date { color: #999999; }  /* date that the content was posted */
div.news span.author { color: #999999; }  /* user who posted the content */
div.news div.details a { color: #606060; }
div.news div.summary a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }

/* Icon overlay for the thumbnails - indicator for a 'play video' button for youtube videos, or 'new photos' for image galleries */
div.news div.icon-play { background-image: url('../images/theme/icon-play.gif'); }
div.news div.icon-newphotos { background-image: url('../images/theme/icon-newphotos.gif'); }



/* CATALOG.CSS -------------------------------------------------------------------------- */


/* catalogdetails contains a bullet list of the individual bikes found within the catalog */
td.catalogdetails a { color: #dd6726 !important; }

form div.row p { color: #A0A0A0; }

form.compact p { color: #A0A0A0; }

form div.fielderr { color: #ffc20e; }

form div.fineprint { color: #666666; }

form p a { color: #dd6726 !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }