/*******************************************************************
 * @file       template.css 
 * @package    ZOE ThemExpert Template framework.
 * @version   1.5.5 June 01, 2010
 * @author    ThemeXpert http://www.themexpert.com
 * @copyright Copyright (C) 2009 - 2010 ThemeXpert.com
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 * 
*******************************************************************/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 13px;
  line-height: 1.5;
  color: #666;
  font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}

a.readon{
    text-decoration: none;
    display: inline-block;
}
a.readon span{
    display: block;
    font-weight: bold;
}

a.readon:hover{}

ul{list-style: none; padding-left: 10px;}
ul li{padding-left: 10px;}
/* Clear Floated Elements
-----------------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* More advance*/
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

/* main container
-----------------------------------------------*/
#tx-encloser{margin: 0; padding: 0;}
/* Common Attributes
-----------------------------------------------*/

#tx-roof,#tx-header,#tx-feature,#tx-top,#tx-footer{
    /*padding: 10px 0 0;*/
}

/* Tx Roof 
----------------------------------------------*/
#tx-roof {position: relative;}

#tx-roof .logo {margin: 0;}
#tx-roof .logo .mod-content-encloser {padding: 0;}
#tx-roof .logo .mod-content-encloser p {margin-bottom: 0;}

#tx-roof ul.menu {float: right;margin-top: -10px;}
#tx-roof ul.menu li {display: inline-block;padding: 0 5px;border-right: 1px solid #ddd;}
#tx-roof ul.menu li:last-child {border-right:none;}
#tx-roof ul.menu li a {text-decoration: none;color: #777;}
#tx-roof ul.menu li a:hover {font-weight:bold;}

#tx-roof p.date{color: #aaa;padding-right: 5px;position: absolute;top: 10px;left: 5px;}
/* Header set
-----------------------------------------------*/
#header-set{margin: 0 0 10px;}
/* logo Style
-----------------------------------------------*/
h1#logo{
	width:400px;
	display: inline;
	float: left;
}
    h1#logo a{
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
    }
/* Tools style
----------------------------------------------------------------*/
#tx-tools{width:100%;padding: 5px 0 0;color: #fff;}
#tx-tools p.date{float: right;margin: 5px 0;}

/* Search Style
-----------------------------------------------*/
.search input.inputbox {
    display: inline;
    background: #f7f7f7;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom: none;
    padding: 11px 5px 6px;
    width:137px;
    font-size: 13px;
}
.search input.button {
    display: inline;
    background: url("../images/search-button.png") no-repeat scroll 0 -2px transparent;
    height: 37px;
    width:37px; 
    text-indent: -99999px;
    margin: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 1px;
}
.search input.button:hover{background: url("../images/search-button.png") no-repeat scroll 0 -2px transparent;}
/* Main-inner Style
---------------------------------------------*/
#tx-main-inner {
    background: url(../images/module_grey.jpg) repeat-x 0 100% #fff;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(PIE.htc);
}
.inner-pad{padding : 10px 0;}

/* Header Style
--------------------------------------------------*/
#tx-header {background: #fff;margin-bottom: 10px;}
/* Top Style
----------------------------------------------*/
#tx-top { margin-bottom: 10px;}

/* Tx Main Enclose Style
------------------------------------------------*/
#tx-main-enclose img {padding: 2px;}
#tx-main-enclose .tx-block ul {padding-left: 0;}
#tx-main-enclose .tx-block ul li {border-bottom: 1px solid #eee;}
#tx-main-enclose .tx-block ul li a {text-decoration: none;display: block;padding: 3px 0 3px 5px;}

/* Main Content top and bottom
----------------------------------------------*/
#tx-content-top .tx-alpha,#tx-content-bottom .tx-alpha{margin-left: 0;}
#tx-content-top .tx-omega,#tx-content-bottom .tx-omega{margin-right: 0;}
#tx-content-bottom{margin-top: 10px;margin-bottom: 10px;}

/* Main Body
-----------------------------------------------*/
#tx-mainBody{
    /*padding: 10px 15px;*/
    overflow: hidden;
    position: relative;
}
/*Joomla Article & Component
-----------------------------------------------------*/
.tx-article-links a{color: #222;}
.tx-joomla th a,.tx-joomla td a{color: #111; text-decoration: none;}
.tx-joomla th {background: #bbb; border-bottom:2px solid #a1a1a1}
.tx-joomla tr.odd td{background: #fff; border-bottom: 1px solid #ddd;}
.tx-joomla tr.even td{background: #eee; border-bottom: 1px solid #a1a1a1;}

/* Sidebar Style
----------------------------------------------*/
#tx-sidebar #tx-left {margin-left: 0;}
#tx-sidebar #tx-right {margin-right: 0;}

/* Left + Right common
-----------------------------------------------*/
.list ul{
    list-style: none;
}
.list ul li,
.mainlevel{
    padding: 3px 5px;
    border-bottom: 1px solid #d5d5d5;
}
.list ul li a,
.mainlevel{
    background: url(../images/arrow.png) no-repeat 0 50%;
    display: block;
    text-decoration: none;
    padding-left: 18px;
    line-height: 17px;
}
.list ul li a:hover{text-decoration: underline;}

.tx-headline{border-bottom:1px solid #ededed;}
.tx-joomla .tx-articleinfo{
    background: #EEE;    
}

.featured-posts .inner-div { border-bottom: 1px solid #eee; margin-bottom: 5px;}
.featured-posts .inner-div h4 {margin-bottom: 3px;}

/* Combo-top
-------------------------------------------------------------*/
#tx-combo-top, #tx-combo-bottom {width:100%;}
.rounded-grey p.accept-terms {background: #000;color: #fff;padding: 4px;}

/* Footer-wrap style
----------------------------------------------------------------*/
#tx-footer-wrap {background: #727272;padding-bottom: 20px;}
#tx-footer-wrap .tx-container { background: #4F5153;border: none;}
#tx-footer-wrap .module-title {background: none;padding: 10px;}
#tx-footer-wrap .mod-content-encloser {background: none;}

/* Bottom style
----------------------------------------------------------------*/
#tx-bottom{ font-size: 11px;}
#tx-bottom .module-content ul {padding-left: 1px;}
#tx-bottom .module-content ul li {padding-left: 0;}
#tx-bottom .module-content ul li a{text-decoration: none;}

form#mod-login button { margin-top: 5px;}

/* Footer style
----------------------------------------------------------------*/
#tx-footer{background: #EEE;}
#tx-footer .tx-block{margin: 0;}
#tx-footer .module-title {color: #000;}
ul.menu_footer{list-style: none; margin: 0; padding: 0;}
ul.menu_footer li{margin-right: 5px;padding: 0;float: left;}
ul.menu_footer li a{
    background: url(../images/arrow.png) no-repeat 0 50%;
    text-decoration: none; 
    padding-right: 5px; 
    padding-left: 16px;
    line-height: 17px;
}
.menu_footer li:last-child a{border:none;}

/* Copyright style
----------------------------------------------------------------*/
#tx-copyright{color: #666;background: #eee;padding:0 15px 5px;position: relative;height: 20px;}
#tx-copyright p{margin: 0;}
#tx-copyright p a{ text-decoration: none;}
#tx-copyright p a:hover { font-weight:normal; text-decoration: underline;}
a.scroll{
    display: block;
    text-decoration: none;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 9px;
    background: url("../images/go_top.gif") no-repeat scroll 0 0 transparent;
    text-indent: -99999px;
    height: 20px;
    width:46px;
}
a.scroll:hover{
    color: #fff;
}

/* Module style
----------------------------------------------------------------*/
div.tx-block{margin-bottom: 10px; border: 1px solid #d5d5d5;}
div.tx-block h3,div.tx-block h4{margin: 0;}
.module-content ul{margin: 0;}

form.tx-poll fieldset{border:none;margin: 0;padding: 0;}

/****Default module style****/
.module-title{padding: 9px 8px 0;}
.mod-content-encloser{padding: 10px;}

/**** Special module style [style-grey] ****/
.style-grey, 
.style-black,
.style-lightblue,
.style-darkblue{
    padding: 5px 3px;
}
.style-grey{background: #f0f0f0;}
.style-lightblue{background: #DFDFFF;}
.style-darkblue{background: #779FBF;}
.style-black{background: #424244;}

.style-black .module-title,
.style-darkblue .module-title{color: #fff;}

.style-grey .mod-content-encloser,
.style-black .mod-content-encloser,
.style-lightblue .mod-content-encloser,
.style-darkblue .mod-content-encloser{
    background: #fff;
    display: inline-block;
}
.style-grey .module-title,
.style-black .module-title,
.style-lightblue .module-title,
.style-darkblue .module-title{
    padding: 3px 8px 5px;
}

.tx-block,
.module-title,
.style-grey,
.style-grey .mod-content-encloser,
.style-black,
.style-black .mod-content-encloser,
.style-lightblue,
.style-lightblue .mod-content-encloser,
.style-darkblue,
.style-darkblue .mod-content-encloser{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}
/*prevent double styling inside module content*/
.module-content .style-grey{
    padding: 0;
    background: none;
}    

/**** Header styling *****/
.header-grey .module-title,
.header-green .module-title{
    color: #1f1f1f;
    height: 32px;
    line-height: 42px;
    /*padding: 9px 8px 0;*/
}
.header-grey .module-title{background: url(../images/module_header_grey.png) repeat-x 0 0;}
.header-green .module-title{background: url(../images/module_header_green.png) repeat-x 0 0;}

/**** No styling in module *****/
div.style-none {background: none!important; border: none;}
div.style-none .module-encloser{background: none !important;}
div.style-none h3.title {color: #ddd;}


/* Input styling
------------------------------------------------------------------*/
input[type=submit],
input[type=text],
input[type=password],
textarea,button{
    background: url(../images/input-btn.jpg) repeat-x 0 100% #f9f9f9;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-style: solid;
    border-width: 1px;
    margin: 0 8px 0 0;
    padding: 3px 5px;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    -border-radius:3px 3px 3px 3px;
    behavior: url(PIE.htc);
}
input[type=submit]:hover,
input[type=text]:focus,
input[type=password]:focus,
button:hover{
    background: url(../images/input-btn-hover.jpg) repeat-x 0 0 #f9f9f9;
}

select{border-color: #DDD;}

.addtocart_button_module{
    background: url(../images/addtocart.png) no-repeat !important;
    width: 100px;
    height: 25px;
    color: #fff;
    font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-indent: 18px;
    border: none !important;
    cursor: pointer;
    display: inline-block;
}