/*------------------------------------------------------------------
Template:	Shop Front
Version:	Joomla 1.5
Theme:		Teal
Copyright:	Joomlabamboo
Created:	May 2010
-------------------------------------------------------------------*/


/* Top Menu
---------------------------------------------------*/
.topRow {background: url(../../images/teal/top_bg.png) repeat-x top left}
.topRow .moduletable-superfish { background: url(../../images/top_separator.png) repeat-y top right}
.topRow .moduletable-superfish ul li a:hover,.topRow .moduletable-superfish ul li#current a,.topRow .moduletable-superfish ul li.active a,.topRow .moduletable-superfish ul li#current li a:hover,.topRow .moduletable-superfish ul li.active a:hover   {color: #ccc}
.topRow .moduletable-superfish ul li#current li a,.topRow .moduletable-superfish ul li.active li a  {color: #fff}


/* Bottom Gradients and bevelled edges 
---------------------------------------------------*/
#bottomGridWrap   {background: #023C4D url(../../images/teal/bottomGradient.png) repeat-x}
.gridWrap4 {background: url(../../images/teal/bottomLine.png) repeat-x left bottom}



/* Headings 
---------------------------------------------------*/
h1,.componentheading {color: #333;background: url(../../images/teal/headingTriangle.png) no-repeat left top} 
h2.contentheading,h2.product_name,h2.smallTriangle,#tienda_category_header,h2.dateheading,.contentheadingrightsidebar  {color: #333; background: url(../../images/teal/headingTriangle.png) no-repeat top left; padding-left: 40px} 
.moduletable h3,h3 {color: #333}


/* General Links 
---------------------------------------------------*/
a {color:  #8D1236}
a:visited {color: #7F6F66}
a:hover,#leftCol ul li a:hover,.bottomCheckout span a:hover,#leftCol ul li a:hover,a.k2ReadMore:hover {color: #333}


/* Read more 
---------------------------------------------------*/
div.jbReadmore { background-color: #023C4D; color: #fff}
div.jbReadmore a { color: #fff}
.catItemReadMore {background: url(../../images/teal/button_left.png) no-repeat;float: right;height: 37px;}
a.k2ReadMore {background: url(../../images/teal/button_right.png) no-repeat right top;float: left;height: 25px;padding: 7px 8px 7px 4px;color: #fff;margin-left: 8px;}


 /* Module Classes 
 ---------------------------------------------------*/
.moduletable-triangle,#rightCol .moduletable {color: #333; background: url(../../images/teal/headingTriangle.png) no-repeat top left}
.moduletable-triangle h3,#rightCol .moduletable h3{background: url(../../images/rowSeparator.png) repeat-x left bottom;padding-left: 40px;padding-bottom: 16px;line-height: 1.6;}
.moduletable-bevel h3{background: url(../../images/rowSeparator.png) repeat-x left bottom}
.moduletable-hilite {background: url(../../images/rowSeparator.png) repeat-x left top;padding: 10px}
.moduletable-contrast {background: url(../../images/teal/top_bg.png) repeat-x top left;padding: 10px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border-bottom: 1px solid #ddd; }
.moduletable-contrast h3{padding-left: 0px;color: #fff;}
.moduletable-gradient {background: #596221 url(../../images/teal/bottomGradient.png) repeat-x;padding: 10px;border-bottom: 1px solid #515A1E; color: #fff;}
.moduletable-gradient h3{padding-left: 0px;color: #fff;}
.moduletable-darkgradient {background: #333131 url(../../images/charcoal/bottomGradient.png) repeat-x;padding: 10px;border-bottom: 1px solid #000; color: #fff;}
.moduletable-darkgradient h3{padding-left: 0px;color: #fff;}
.moduletable-lightgradient {background: #fff url(../../images/lightGradient.png) repeat-x;padding: 10px;border-bottom: 1px solid #ddd; color: #333}
.moduletable-lightgradient h3{padding-left: 0px;color: #333}
.moduletable-ribbon1 {padding: 10px;color: #333}
.moduletable-ribbon1 h3{background: #fff url(../../images/headings/ribbon1.png) no-repeat top left;padding-left: 50px;color: #fff}
.moduletable-ribbon2 {padding: 10px 0;color: #333}
.moduletable-ribbon2 h3{background: #fff url(../../images/headings/ribbon2.png) no-repeat left;padding-left: 20px;color: #fff}
.moduletable-ribbon3 {padding: 10px 0;color: #333}
.moduletable-ribbon3 h3{background: #fff url(../../images/headings/ribbon3.png) no-repeat top right;padding-left: 20px;color: #fff}


/* Login Panel
---------------------------------------------------*/
#paneltab { background: url(../../images/teal/panel_tab_left.png) no-repeat top left;  }
#paneltabRight { background: url(../../images/teal/panel_tab_right.png) no-repeat top right; color: #fff}


/* Article Meta - Date, Author, Section, Category
---------------------------------------------------*/
.jbCreatedate {color: #999}


/* Joomla and Tienda Breadcrumb 
---------------------------------------------------*/
#breadcrumb {color: #A6A094; background: none}
#breadcrumb h1 { background: url(../../images/teal/tienda_title_left.png) no-repeat bottom left #F9F7ED}
#breadcrumb h1 span { background: url(../../images/teal/tienda_title_right.png) no-repeat bottom right #F9F7ED; color: #fff}


/* Left Column 
---------------------------------------------------*/
#left {color: #fff}
#leftCol{  background: url(../../images/teal/leftInnerBevel.png) repeat-y right top }



/* Left and right Sub menus 
---------------------------------------------------*/
#leftCol ul li a,.moduletable-panelmenu ul li li a,#leftCol span.expanded,#leftCol span.mainlevel span {color: #fff}
#leftCol ul li li a,#leftCol ul li.level2,#rightCol ul li li a,#rightCol ul li.level2 {background: url(../../images/teal/leftColBullet.png) no-repeat left center}



/* Left Column - Module Classes
---------------------------------------------------*/
#left .moduletable {background: url(../../images/teal/col_separator.png) repeat-x right bottom;padding-bottom: 20px;}
#left .moduletable-noribbon h3{background: none} 
#left .moduletable-noribbon{background: url(../../images/teal/col_separator.png) repeat-x right bottom}
div.moduletable_none h3 span {color: #333}


/* jTweet background in the Below position 
---------------------------------------------------*/
#below .jTweet ul.tweet_list {background:url(../../images/teal/twitter.png) no-repeat left 10px}


/* Tienda Styling 
---------------------------------------------------*/
#tienda_productSearch input {border: 1px solid #474747}
span.CartTotal {background: url(../../images/teal/mod_cart_bg_left.png) no-repeat top left;color: #fff}
span.CartTotal span.CartInner { background: url(../../images/teal/mod_cart_bg_right.png) no-repeat top right}
#product_add_to_cart { background: url(../../images/teal/add_to_cart.png) no-repeat top left;  }
#product_add_to_cart a { color: #fff}
.bottomCheckout {background: url(../../images/teal/button_left.png) no-repeat top left;color: #fff}
.bottomCheckout span { background: url(../../images/teal/button_right.png) no-repeat top right;}
.bottomCheckout a {color: #fff}
#tienda_products .product_item {  background: #034F66 url(../../images/teal/productCategoryBg.png) repeat-x;color: #fff;
border-top: 1px inset #fff}

 
