@charset "utf-8";
/**
 * Tendu Drupal - A CSS Theme For Developers
 * $Id: style.css,v 1.3.2.7 2008/12/14 17:45:56 tombigel Exp $
 * Author: Tom Bigelajzen - http://tombigel.com
 * 
 * Please follow the instructions in "Page Layout" section.
 * Lines that end with LTR comments are refferenced in styl-rtl.css according to Drupal Coding Guidelines
 * Lines that end with IE or IE6 comments are reeferenced in ie.css or ie6.css
 */

/* Basic CSS Reset */
body, div,  dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;}
img, fieldset, legend, table, tr, td, th {border:none;}
ol, ul, li {list-style-type:none;}
table, td{vertical-align:top;text-align:left;}/*LTR*/
th{vertical-align:middle;text-align:left;}/*LTR*/
fieldset{padding:0;margin:0;}

/* Drupal CSS Defaults reset */
.profile,
.node-form .standard{clear:none;}
ul.menu{padding:0 0 0 1em;}/*LTR*/
ul.menu li{margin:0 0 0 .5em;}/*LTR*/
.item-list ul li{list-style-image:none;list-style-type:none;padding:0;margin:0;}
li.leaf{list-style-image:none;list-style-type:none;}
/*Fix OpenID icon placement*/
#user-login-form li.openid-link, 
#user-login li.openid-link{padding-left:1.5em}

/**
 * Page layout:
 *****************************************************
 * In this section the only changes you need to do are:
 * 1. Comment/Uncomment the lines that relate to full viewport height
 * 2. Comment/Uncomment the lines that relate to fixed width or fluid width layout
 * 3. Set the widths of the page, the content area and the sidebars.
 *
 * For readability reasons some selectors has multiple style declerations.
 * Keep this section clean, add your design CSS in the next "Page Design" section.
 *
 * Note:
 * In many places I'm Using the fact IE6 ignores the !important decleration if the same
 * attribute appears twice for the same selector to avoid using non-standard hacks or the ie6.css file.
 */

/**
 * Full viewport height
 * Notes:
 * Remove these lines if you don't need the hight of the #page element to span 100% of the viewport height.
 */
html, body{height:100%;}
#page{height:auto !important;height:100%;min-height:100%;position:relative; background-color: #ffffff;}

/** 
 * Stick footer to bottom of the page
 * Notes:
 * - Requires the above "Full viewport height", otherwise it can be removed.
 * - #footer height must be an absolute value for this to work right.
 *   The height of #footer and padding-bottom of #main must be set concordingly,
 *   so the footer will not overlay the content of the page.   
 * - Set the padding and the height according to your design.
 * - In some edge cases on some browsers the footer will refuse to stick to the bottom,
 *   one solution that works for me is to move the footer <div> in page.tpl.php
 *   to be right under the header instead of the end of the page.
 */
#main{padding-bottom:40px;}
#footer{width:851px;position:absolute;bottom:0;height:38px;}

/**
 * Fonts
 * Notes:
 * - I'm using relative font sizes for 2 reasons:
 *   1. Accessibility - So users of IE6 will be able to resize fonts.
 *   2. Font sizes are easier to track this way, you change the size of a font in a parent element
 *      and all the font sizes in child elements change with it.
 * - Note that "line-height" unlike "font-size" is relative to the current element and not to a global line height.
 * - Basic font size 12px, set as .75em of browsers default 16px size.
 * - For 14px font size change .75em to .85em, note that then the following numbers do not apply.
 * - Font sizes (when base size is .75em, calculated as desired font size devided by 12):
 *	 10px = .83em
 *	 11px = .916em
 *	 12px = 1em
 *	 13px = 1.083em
 *	 14px = 1.166em
 *	 16px = 1.333em
 *	 18px = 1.5em
 *	 20px = 1.666em
 *   etc...
 */
body{font-family:Arial, Helvetica, sans-serif;font-size:100%;}/*LTR*/ /*IE*/
#page{font-size:15px;line-height:1.333em;}
table{font-size:1em }/*Fix Firefox with relative font size in tables*/

/* Main Layout: */

/**
 * Page width: Fixed width layout.
 * For fixed width Layout comment the next section and uncomment the following line
 *
 * #page{width:980px;margin:0 auto;position:relative;}
 */

/**
 * Page width: Fluid width layout
 * Notes:
 * - As a thumb rule I don't deal with non-standard IE hacks so this design degrades to a fixed width in IE6
 * - To have a full page width in IE6, use the following structure:
 *
 *   #page{min-width:760px;max-width:1220px;height:1%;margin:0 auto;}
 *
 * - For fluid width in IE6 you can also use the "width:expression()" hack. But you really shouldn't.
 */
#page{
min-width:851px;max-width:851px;
width:auto !important;
width:980px;margin:0 auto;

}
/**
 * Sidebars widths
 * NOTES:
 * - When using this method, the design "suffers" from the 3 pixel gap in IE6, 
 *   meaning that in IE6 there will be an extra margin of 3 pixels from both
 *   sides of #content.
 *   There are several ways to deal with it, depending on your design.
 *   If you use padding-left/right like here, use a padding smaller in 3px for IE6
 *   
 *   TODO: find a consistent way to do it without the padding.  
 */
#sidebar-left{float:left;width:170px;}/*LTR*/ 
#sidebar-right{float:right;width:170px;}/*LTR*/ 

.with-sidebar-left #content{margin-left:170px;padding-left:20px}/*LTR*/
.with-sidebar-right #content{margin-right:170px;padding-right:20px}/*LTR*/

/* Set hasLayout in IE and clear floats for all main areas
 * Notes:
 * "overflow:hidden" is more consistent then "clear:both" in clearing floats without breaking the design.
 * But it breaks dropdown menus like "nice-menus" etc.
 * I use "overflow:hidden" where in most cases no dropdowns are present and other methods elsewhere.
 */
 #content-area{
margin-right: 0px;
margin-left: 10px;
width:851px;
overflow:hidden;
background-color: #ffffff;}

#content-header,
#content-top,
#content-bottom,
#main,
#footer, 
#header_content{
width:851px;
overflow:hidden;
background-color: #fff;
}

#content{height:1%}
#header{width:100%;}
#main-nav{clear:both;width:100%;}

/* End of Layout section
 *****************************************************
 */

/* Page Design
 *****************************************************
 * This section is a basic theme that uses Tendu's layout.
 * Don't consider it as obligatory, just a refference.
 */

/* General Tags */
body{color:#535d66;background:#ffffff;
background-image: url(images/conbg.gif);
background-position: top;
background-repeat: no-repeat;

}
h1{font-size:1.833em;line-height:1.333em;font-weight:bold;}
h2{font-size:1.5em;line-height:1.333em;font-weight:bold;}
h3{font-size:1.333em;line-height:1.333em;font-weight:bold;}
h4{font-size:1em;line-height:1.333em;font-weight:bold;}
p{padding-bottom:.5em;}
td{padding:0;}
dt{font-style:italic;}
dd{padding:.5em;}
ul.bullets{padding:.5em 1em;}
ul.bullets li{margin-left:1.5em;list-style:disc;line-height:1.5em;}
tr.odd, tr.even{border-bottom:none;}
tr.even{background:#f8f8f8;}

/* Form Elements  */
input, select, textarea{font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:1em;font-size:1em;}
textarea{line-height:1.2em;}
button{font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:1em;font-size:13px}
button{cursor:pointer;}

/* Links */
a{color:#000000;}
a:hover, a:focus{color:red; text-decoration:underline;}

/* Header and Navagation */
#header{background:#f0f1f3;}
  #header-blocks{float:right;padding:5px;font-size:.916em;color:#444;}/*LTR*/
  #header-blocks a{color:#444;font-weight:bold;}
  #site-details{float:left;padding:5px;}/*LTR*/
  #site-logo{float:left;padding:5px;}/*LTR*/ /*IE6 commented*/
  #site-name{}
  #site-slogan{font-size:1.5em;line-height:1.333em;}
  #main-nav{background:#eee}
  #main-nav ul.menu{overflow:hidden;}
  #main-nav ul.menu li{float:left;padding:2px;margin-left:1em;}

/* Views, Blocks and Nodes*/
#sidebar-left  .block,
#sidebar-right .block{background:none; margin-top:25px; margin-left: 25px; color: red;}
.item-list ul li{border-top:1px dotted #ddd;padding:3px 0;}

.content-title .title{
padding-right: 8px;
background-image: url(images/titlebg.gif); 
background-position: top;

color: #ffffff;
margin-left: 12px;
margin-right: 12px;
}

#content{margin-top:0px; background-color: transparent;}
#content .block,
#content .node,
#content .view,
#content .profile{padding:0px;background: none;margin-bottom:0px;}
#content .view .block,
#content .node .block,

.block .block{padding:0;background: none;}
#mission{padding:12px;background:#f6f8f5;font-size:1.166em;margin-bottom:10px; margin-left: 12px; margin-right: 12px;}
.messages{padding:12px;background:#f0fdf0;border:1px solid #e0ede0;margin-bottom:10px; margin-left: 12px; margin-right: 12px;}
#nav a{font-weight:bold;font-size:1.083em;}
.meta{font-size:.83em;padding-bottom:0em;text-align: left; padding-right: 50px;}

/* Forums */
#forum table{width:95%;}

/* Footer */
#footer{text-align:center;font-size: 11px;color:#888;line-height:30px;background:transparent;}
#footer p{padding:0;}
#footer a{color:#000000; font-size: 11px;}
#footer a:hover, a:focus{color:red; text-decoration:underline; font-size: 11px;}

/*Tweaks for Admin pannels */
#blocks .block{padding:0;margin:0;}

/* End of Page Design section
 *****************************************************
 */
 
 
 
 /*.tabs{
 display: none;}*/
 
 .submitted, .breadcrumb{
 display: none;}
 
  
/* pages
 *****************************************************
 */
 
  .map{ background-image: url(/sites/all/themes/tendu/images/map.png);
  position: absolute;
  left: 155px;
  height: 378px;
  width: 381px;
 background-position: left;
 background-repeat: no-repeat;
 }
 
 .tlvnikes{
 padding-top: 30px;
 text-align: center;
 }
 
 /* shop
 ***********************************
 */
   
#content .field .field-type-filefield, .field-field-image{padding:0 0 5px 10px;}
#content .field .field-type-filefield, .field-field-image{float:right;}
#content .field-type-image .field-items{clear:right}


.views-label-field-price-value{color: red;font-size: 14px;}
.views-field-title{
background-color: #CCCCCC;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: #000000;
}
.views-field-title a{color: #000000; font-size: 14px; text-decoration: none;}
.views-field-title a:hover, a:focus{color: #000000; font-size: 14px; text-decoration: none;}

.views-field-view-node{background-color: transparent; border: dotted 1px #676767; padding-left:  3px; padding-right:  3px; width: 65px; float:left;}
.views-field-view-node a{color: #676767; font-size: 12px; text-decoration: none;}
.views-field-view-node a:hover, a:focus{color: red; font-size: 12px; text-decoration: line-through;}

.field-field-price{
padding: 3px;
padding-left: 3px;
background-image:url(images/price.png);
background-color: transparent;
background-position: right;
background-repeat: repeat-x;
color: red;
float:left;
padding-top: 10px;
}

.field-field-oldprice{
color: red;
padding: 3px;
padding-left: 3px;
text-decoration: line-through;
background-image:url(images/price.png);
background-color: transparent;
background-position: right;
background-repeat: repeat-x;
color: black;
float:right;
padding-top: 10px;
}

.sidebaanner{
position:fixed;
z-index:99;
left:8px;
top: 335px;
}


/* @group pager */

ul.pager {
  line-height: 1.667em;
  margin: 1.667em 0;
  font-size: 0.9em;
}

ul.pager a, ul.pager li.pager-current {
  border: 1px solid #ffffff;
  text-decoration: none;
  margin-right: 0px;
  padding: 0px 4px;
}

ul.pager li.pager-current {
  background: #333333;
  color: #000000;
}

ul.pager a:link,
ul.pager a:visited {
  color:#000000;
}

ul.pager a:hover,
ul.pager a:focus,
ul.pager a:active {
  background-color: #000000;
  color: #FFFFFF;
  border: 1px solid #333333;
}

ul.pager span.pager-ellipsis {
  padding: 0 0.5em;
}

.item-list .pager li { 
  padding:0em;
}

/* @end */

.thickbox{
text-align: center;
}

#TB_Image{
text-align: center;
padding-right: 15px;
border: solid 0px white;
}

#TB_window img#TB_Image {
border-color:#666666 #CCCCCC #CCCCCC #666666;
border-style:solid;
border-width:0px;
display:block;
margin:15px 0 0 15px;
}

#block-views-salefront-block_1 h2 {
padding-right: 18px;
color: red;
font-weight:bold;
line-height:1.333em;
}


.jcarousel-skin-ie7 .jcarousel-container-horizontal {
padding:10px 40px;
width:448px;
}

.jcarousel-skin-ie7 .jcarousel-container {
background: #ccc repeat scroll 0 0;
border:0px solid #000;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-right:10px;
width: 138px;
}

.jcarousel-skin-ie7 .jcarousel-item {
border:2px solid #888;
height:89px;
width:138px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #666;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  448px;
    height: 93px;
}

.jc{
padding-left: 161px;
padding-top: 2px;
}


thead th {
  border: 0;
}
tbody {
  border: 0;
}
		#logobar { width: 837px; height: 85px; overflow: hidden; text-align: center; padding-top: 5px;}
		#logobar span{ margin-right: 15px; }

		.logos {background:url(/sites/all/themes/tendu/images/logos.png); height: 80px; margin-top: 5px;}
		/* logos */
		.trek {width:63px; background-position:-604px 0px;}
		.garyfisher {width:81px; background-position:-523px 0px;}
		.diamondback {width:81px; background-position:-442px 0px;}
		.marin {width:81px; background-position:-361px 0px;}
		.dahon {width:81px; background-position:-280px 0px;}
		.freeagent {width:89px; background-position:-191px 0px;}
		.khs {width:83px; background-position:-108px 0px;}
		.Raleigh {width:48px; background-position:-60px 0px;}
		.specalized {width:60px; background-position:0px 0px;}
		/* logos hover */
		.trek:hover {width:63px; background-position:-604px -80px;}
		.garyfisher:hover {width:81px; background-position:-523px -80px;}
		.diamondback:hover {width:81px; background-position:-442px -80px;}
		.marin:hover {width:81px; background-position:-361px -80px;}
		.dahon:hover {width:81px; background-position:-280px -80px;}
		.freeagent:hover {width:89px; background-position:-191px -80px;}
		.khs:hover {width:83px; background-position:-108px -80px;}
		.Raleigh:hover {width:48px; background-position:-60px -80px;}
		.specalized:hover {width:60px; background-position:-0px -80px;}






/******************************
 menu
******************************/
.homelink { float: right; padding-right: 23px; padding-left: 23px; padding-top: 22px; cursor: pointer; z-index: 1000000000; position: relative;}
.mainmenu { 
position: relative;
  z-index: 999 !important;
  background-color: transparent; height: 39px; background-image: url(/sites/all/themes/tendu/images/menubg.png); background-position: top center; background-repeat: no-repeat;
  margin-bottom: 0px;
}

.facebook { position: absolute; left: 6px; top:6px; z-index: 999; }
#flashcontent { margin-bottom: 0px; }
.mainmenu .block {
  margin-bottom: 5px;
  z-index: 999 !important;
}
ul.nice-menu { 
}
ul.nice-menu a {
  padding: 2px;
  background: transparent;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

ul.nice-menu a {
	color: #ffffff;
	text-decoration: none;
}
ul.nice-menu a:hover {
	color: #ffffff;
	text-decoration: none;
}


ul.nice-menu li {
  border-right: 0px solid #ccc;
  background: transparent;
  padding-right: 0px;
  padding-left: 0px;
  display: block;
  /*
  width: 115px;
  min-width: 115px;
  max-width: 115px;
  */
  padding-bottom: 1px;
}
ul.nice-menu ul {
  zoom: 1;
  z-index: 999;
}
ul.nice-menu ul li {
  height: 30px;
  margin: 0;
  background-image: none !important;
}
ul.nice-menu li a {
  display: block !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 9px 26px !important;
  padding-bottom: 25px;
  background: transparent;
}
ul.nice-menu ul li a {
  padding: 5px !important;
  background: transparent;
}
ul.nice-menu li a:hover,
ul.nice-menu li a.active {
color: #ffffff;
}
ul.nice-menu ul li a:hover {
  background: transparent;
  
}

/*
ul.nice-menu-down .menuparent a {
  padding-left: 0px;
  padding-right: 0px;
  background: transparent;
}
*/
/* Overrides for Garland header. */
#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  float: left;
  background: transparent;
}
ul.nice-menu-down .menuparent a{ background: transparent; }
ul.nice-menu a {
  padding: 0px;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  border-top: 0px solid #ccc;
  margin-right: 0;
  
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.7em;
}


.meta { display: none; }

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  border: 0;
  z-index: 100000000;
}

ul.nice-menu-down li,
ul.nice-menu-down li.menuparent {
z-index: 999;
  border: 0px solid #ccc;
  background-image: url(/sites/all/themes/tendu/images/sep.png) !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}

ul.nice-menu-down li li {
  border-top: 0px solid #ccc;
  z-index: 999;
}

ul.nice-menu-down ul {
z-index: 999;
  left: -14px;
}

ul.nice-menu-down ul li {
z-index: 999;
  clear: both;
}

ul.nice-menu-down li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
  right: 1px;
  top: 39px;
background: transparent;
  padding-bottom: 0px;
  width: 119px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 0em;
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
  background-color: transparent;
  /*background-image: none;*/
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
  background-color: transparent;
  color: #083C6C;
}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background-color: transparent;
  background-image: none;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: transparent ;
}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 0px solid #ccc;
  z-index: 999;
}

.block-nice_menus {
z-index: 999;
}
ul.nice-menu ul li a{
font-size: 14px;
color:#ffffff;
background-image: none;
background: transparent;
}
ul.nice-menu ul li a:active{
color:#ffffff;
background-image: none;
background: transparent;
}
ul.nice-menu ul li a:hover{
color:#ffffff;
background-image: none;
background: transparent;
}
ul.nice-menu ul li{
  padding: 3px;
  border-top: 1px solid #ffffff;
background: #000000;
  opacity:0.7;filter:alpha(opacity=70)
}
ul.nice-menu ul li:active{
  padding: 3px;
  border-top: 1px solid #ffffff;
background: #000000;
color:#ffffff;
  opacity:0.4;filter:alpha(opacity=70)
}
ul.nice-menu ul li:hover{
  padding: 3px;
  border-top: 1px solid #ffffff;
background: #ff0000;
  opacity:0.7;filter:alpha(opacity=70)
}