/*
767a84   NAV BAR (dark)
767a84   HORIZONTAL BAR (light)
c2001e   CALLOUT COLOR
ffc9d1   MENU LINK (ACTIVE / SELECTED)
e3e6f0   MENU LINK (NORMAL)
c2001e   STANDARD LINK
*/
body    { background: #767a84; color: #606060; }

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

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


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


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

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

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

input.priority { background-color: #c94539 !important; border-color: #71241d !important; color: white !important; }


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

/* Main webpage (everything but the footer) */
#webpage { background: white; }

/* 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 a { color: #e9e9e9; background-image: url('../images/theme/streetline-logo2.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: #767a84; }

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

/* Set link styles for the menu items */
#header a       { color: #e3e6f0; }
#header a:hover { color: white; }
#header *.selected a { color: #ffffff !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: #767a84; }

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

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



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

#contextmenu { background-image: url('../images/theme/sl-menu-topper.gif'); color: 3d3f43; }
#contextmenu div.inner { background: #b5b7be; }
#contextmenu h1 { background: #c2001e; color: white; }
#contextmenu h2.touratech { margin-bottom: 10px; background-image: url('../images/theme/site-sl-tt.gif'); }
#contextmenu h2.streetline { margin-bottom: 0px; background-image: url('../images/theme/site-sl-sl.gif'); }
#contextmenu h2.cycoactive { background-image: url('../images/theme/site-sl-cyco.gif'); }
/*#contextmenu h2 { background: #767a84; color: white; }*/
#contextmenu h3 { color: #3d3f43; }
#contextmenu p.phone  { background: #949599 !important; color: #3d3f43; }
#contextmenu p.footer { color: #3d3f43 !important; background-color: #b5b7be !important; background-image: url('../images/theme/sl-footer-icon.gif') !important; }
/*#contextmenu p  { background-color: #525966 !important; }*/
#contextmenu ul { background-color: #b5b7be; }
#contextmenu ul li { background: url('../images/theme/arrow-black.gif') left center no-repeat; }

#contextmenu a       { color: #3d3f43; }
#contextmenu a:hover { color: #b12a28; }
#contextmenu *.selected { color: #b12a28; }

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


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

div.listing span.date { color: #999999; }
div.listing div.details a { color: #606060; }
div.listing div.summary a { color: #c2001e !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: #767a84 !important; color: white; }
table.cart tfoot tr { background-color: #767a84 !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: #c2001e !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: #c2001e !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }

div.productlisting div.bar { background: #767a84 !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !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: #c2001e !important; background: url('../images/theme/arrow-yellow.gif') left center no-repeat; }