/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    
}

body {
   
    width: 100%;    
    background: #fff;
    font-size:1em;
    font:16px 'Roboto', sans-serif;/*16px*/
    font-weight:300;
    color:#5F6060; 
    
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    width:100%;
    padding: 0;   
    font-size: 1em;
    max-width:1900px;
    min-width:280px;
   
}

#header {
    display: block !important;    
    
}

#header ul.nav {
   
    display: block;
    
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;
}


#contentarea2 { 
    width:78.95%;
    padding: 0px 0px 40px 0px;
    margin: 0px auto;    
}
#wrapper2 {    
   
    position: relative;
    font-size:1.4em;
    font-weight:300;
}


#contentarea{
    width:100%;
    padding: 0px 0px 40px 0px;
    margin: 0px auto;  
    border:0px solid #f00;
}
#wrapper {
width:100%;
float: left;
position: relative;
border:0px solid #f00;
 font-size:1.4em;
    font-weight:300;
}
#contentarea #breadcrumbs, #contentarea .shophead,.jcat-content, #contentarea #wrapper2 {
      width:78.95%;
     margin: 0px auto;  
}

.shownocolumns
{
    width: 100%;
}

#main {

    position: relative;
 z-index:9;
}

#right {
   
    width: 100%;
    
    font-size:1.4em;
    font-weight:300;
   
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    display:none;
   
    
}
.jshop .left1 {
 display:block;
  padding: 0; 
  width: 33%;
  float:left;
position:relative;

  height:100%;
    background: url("../images/jshop_left_menu_bckg.png") center top  no-repeat;
    background-color:#f8f4ef;
    margin-top:90px;
}  
.cat-tiare .left1 {
 display:block;
  padding: 0; 
  width: 33%;
  float:left;
position:relative;

  height:100%;
    background: url("../images/jshop_left_tiare_bckg.png") center top  no-repeat;
    background-size:100% auto;
    background-color:#C7A265;
    margin-top:90px;
}  
.left-jbot{
    position:absolute;
    left:-80px;
    bottom:-400px;
    background: url("../images/jshop_left_menu_bckg_bot.png") center top  no-repeat;
    background-color:#f8f4ef;
    width:100%;
    height:400px;
    border:0px solid #f00;


    
}
.jshop .left1>div{
    margin:0px 80px; 
    padding-bottom: 40px
    
}
.cat-tiare .left-jbot{
    display:none;
}
.jshop_nocat .left1{
    display:none;
}
/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
 
    display: block;
    

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}


.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
   min-width:150px;
   text-align: right;
   float:right;
   margin: 2.5% 0px 0px 0px; 
   position:relative;
    border:0px solid #f00;
}

#fontsize,
#line .search {
    display: inline;
    float:right;   
    border:0px solid #f00;
    margin: 0px; 
}
#line .custom{
   position:relative;  
   margin: 27% 0px 0px 0px;  
   border:0px solid #f00;
   overflow:hidden;
}
.social-buttons{
    float:right;
    width:165px;
}
.social-buttons a{
    display:block;
    float:right;
    margin-left:3px;
}
/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    display:none;
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}



#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}



.box1 {
    width: 46%;
    float:left;
    position:relative;
}

.box2 {
   width: 17%;
   float:left;
   padding-top:12px; 
   padding-left:15px;
}

.box3 {
    width: 37%;
    float:left;   
    padding-top:12px;
}

#footer-inner, #footer {
    width:78.9473684210%;
    padding: 0px;
    margin: 0px auto;
    font-weight:400;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}