/**

 * @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.
 */

/* not ready */

* {
	/* [disabled]margin: 0; */
	/* [disabled]padding: 0; */
	}

body {
	padding: 0px;
	position:relative;
	}

body
{
	color: #3C2313;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
body #facebox .content { padding:15px;}
body #facebox .content.my-groovy-style h4 { width:350px;}
body #facebox div.popup a.close { background:url(../images/virtuemart/fancy_close.png) left top no-repeat!important; width:30px; height:30px; position:absolute; right:-15px; top:-15px; opacity:1;}

.manufacturer-details-view img { float:none; margin:0 0 10px 0;}
textarea { resize:none; overflow:auto!important;}
 .formelm-area { display:block; overflow:hidden; height:auto;}
.formelm-area .inputbox { height:auto; float:none;}
.share .addthis_toolbox a span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}
.product-summary img { width:100px!important;  height:auto!important; margin-top:20px;}
#main h1.ask-a-question-view , #main h2.ask-a-question-view { font:bold 20px/36px Arial, Helvetica, sans-serif!important; padding:0; border:none;}
div.calendar { z-index:9999!important;}
div.calendar .button { border-radius:0;}
#upload-noflash.actions { position:relative!important;}

#system-message ul { background-position: right 6px!important;}
/*===== button =====*/

.button, #content .vm-button-correct, .show_cart a, #comments-form-buttons #comments-form-send.btn div a, a.vm_viewcart {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/system/button_up.png");
  background-position: right center;
  background-repeat: no-repeat;
  border: medium none;
  color: #3C2313;
  cursor: pointer;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 80px;
  min-width: 117px;
  overflow: visible;
  padding-bottom: 30px;
  padding-right: 20px;
  text-align: right;
}
@-moz-document url-prefix() {
a.button, a.vm_viewcart, #content .vm-button-correct {
  clear: both;
  display: block;
  line-height: 50px;
}}
a.button, a.vm_viewcart, #content .vm-button-correct {
  clear: both;
  display: block;
  line-height: 50px;
}
a.button.reg { padding-bottom:0px!important; line-height:36px;}
.button.reg { line-height:36px;}
.button:hover , #content .vm-button-correct:hover , #comments-form-buttons #comments-form-send.btn div a:hover , a.vm_viewcart:hover {   background-image: url("../images/system/button_dn.png"); text-decoration:none;padding-bottom: 28px;}

td.button { display:table-cell;}

select.inputbox { width:auto; height:auto; padding:0 0 0 5px; margin:1px 0 0 0; float:none;}
select.inputbox option { text-align:right; padding-tight:8px;}
.inputbox  {
  background-color: #FCFBD4;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 5px #CCCCCC;
  color: #333333;
  font-size: 14px;
  margin: 5px 0;
  padding: 2px 5px;
}
.ask-a-question-view,.manufacturer_details_view {padding:10px; padding-top:10px;}
.manufacturer-product-link  { margin:10px 0 0 0; width:auto;}
#askform .inputbox , .counter { float:left; margin-left:0!important; 
    border-radius: 0;
    color: #777777;
    display: inline-block;
    padding: 5px 5px 4px;}
#askform .paddingtop { padding-top:0px;}
.counter { float:none;}

#askform label { overflow:hidden; margin-bottom:10px; display:inline-block;}
#askform label + label { width:100%;}
#askform label + label + label { width:auto;}

#askform label span { float:left; width:55px; vertical-align:middle; padding-top:5px;}
.ask-a-question-view .form-field textarea.field{width:394px;background:#fff url(../images/vmgeneral/default_bg.jpg) bottom repeat-x;border:solid #e5e5e5 1px; color:#777;text-align:left;padding:12px; max-width:500px; height:110px;}
.ask-a-question-view .form-field .submit{width:418px; padding-top:10px;}

textarea.virtuemart{background:#fff;border:solid #e5e5e5 1px;border-radius:0;color:#777;text-align:right;padding:5px 5px 4px; font-family:Arial, Helvetica, sans-serif;}
input.vm-default {border:solid #e5e5e5 1px;border-radius:0; color:#777;text-decoration:none;padding:5px 5px 4px;}



.virtuemart_search { padding-bottom:20px; overflow:hidden;}
.virtuemart_search .button { float:left; margin-left:5px;}


.product-summary { margin:0!important;}
.manufacturer-details-view { width:330px; height:150px;}
.manufacturer-details-view a { color:#07bd9a; font-size:15px;}

ul.login { list-style-type:none; margin:0;}
/* ###################### general ###################### */

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

#contentarea,
#contentarea2 {
	position:relative;
	overflow:hidden;
	padding:0px 20px !important;
	margin:0;
	}

#wrapper {
	width:53%;
	float:left;
	position:relative;
	}

#wrapper2 {
	width:72%;
	float:left;
	position:relative;
	padding-bottom:20px;
	}
	
	#wrapper2 .item-page {
		max-width:660px;
		}
	
#main {
	padding: 0px 0px 20px 0px;
	position: relative;
	min-height:120px;
	margin-top:-10px;
	}


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

#content {

	
	}
.width1 { width:1%;}
.width10 { width:10%;}
.width15 { width:15%;}
.width20 { width:20%;}
.width25 { width:25%;}
.width30 { width:30%;}
.width35 { width:35%;}
.width40 { width:40%;}
.width45 { width:45%;}
.width50 { width:50%;}
.width55 { width:55%;}
.width60 { width:60%;}
.width65 { width:65%;}
.width70 { width:70%;}
.width75 { width:75%;}
.width80 { width:80%;}
.width85 { width:85%;}
.width90 { width:90%;}
.width95 { width:95%;}
.width100 { width:100%;}
.width33 { width:33%;}
.floatleft { float:right;}
.floatright { float:left;}
.right { text-align:left;}

/* ++++++++++++++  nav after content  ++++++++++++++ */


/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 3% 10px 0px;
    width: 21%;
    position:relative
}

.leftbigger
{
     width:25%
}


/* ###################### header ###################### */

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

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

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
    position:absolute;
    width:13em;
    top:10px;
    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;
}


#line
{       padding:5px 0px 2px 2px;
        position:absolute;
        right :20px;
        top:5em;
        max-width:38em;

}


/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

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

/* ###################### content ###################### */

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

.blog-featured
{
        padding: 0;
}

.items-leading
{
        overflow:hidden;
}

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

.shownocolumns
{
        width:98% !important;
}

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

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

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

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

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

.cols-3 .column-1, .cols-3 .column-2
{
	float:right;
	width:21%;
	padding:0px 5px;
	margin-left:4%;
	background: none repeat scroll 0 0 #FFFFE8;
	border: 3px solid #FFFFE8;
	box-shadow: 5px 5px 10px #333333;
	padding: 5px;
	text-align: center;

}

.cols-3 .column-3
{
	float:left;
	width:21%;
	padding:0px 5px;
	background: none repeat scroll 0 0 #FFFFE8;
	border: 3px solid #FFFFE8;
	box-shadow: 5px 5px 10px #333333;
	padding: 5px;
	text-align: center;

}

.cols-3 .item h2 {
	font-size:14px;
}
.column-1,
.column-2,
.column-3 {
	padding:0;
	}

.column-2 {
	width:55%;

	}

.column-3 {width:30%;}

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


.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3
{
	float:right;
	width: 177px;
	padding:0px 5px;
	background: none repeat scroll 0 0 #FFFFE8;
	border: 3px solid #FFFFE8;
	border-bottom: 3px solid #3C2313;
	box-shadow: 5px 5px 10px #3C2313;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
	min-height:184px;
}
.first .cols-4 .column-1,.first .cols-4 .column-2,.first .cols-4 .column-3, .first .cols-4 .column-4
{
	float:right;
	width: 176px;
	padding:0px 5px;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin-left: 20px;
	min-height:184px;
}


.first .cols-4 .column-1:hover, .first .cols-4 .column-2:hover, .first .cols-4 .column-3:hover, .first .cols-4 .column-4:hover{
	border:none;
}
.workshop .cols-4 .column-1:hover, .workshop .cols-4 .column-2:hover, .workshop .cols-4 .column-3:hover, .workshop .cols-4 .column-4:hover {
	border:solid 3px #e08d9d;
}
.sustain .cols-4 .column-1:hover, .sustain .cols-4 .column-2:hover, .sustain .cols-4 .column-3:hover, .sustain .cols-4 .column-4:hover {
	border:solid 3px #95d07f;
}
.say .cols-4 .column-1:hover, .say .cols-4 .column-2:hover, .say .cols-4 .column-3:hover, .say .cols-4 .column-4:hover {
	border:solid 3px #88bbda;
}
.whatsup .cols-4 .column-1:hover, .whatsup .cols-4 .column-2:hover, .whatsup .cols-4 .column-3:hover, .whatsup .cols-4 .column-4:hover {
	border:solid 3px #da9444;
}

.cols-4 .column-4
{
	float:right;
	width: 177px;
	padding:0px 5px;
	background: none repeat scroll 0 0 #FFFFE8;
	border: 3px solid #FFFFE8;
	border-bottom: 3px solid #3C2313;
	box-shadow: 5px 5px 10px #3C2313;
	padding: 5px;
	margin-left: 0px;
	min-height:184px;
}

.items-more {
  clear: both;
  float: none;
  padding-top: 5px;
  position: relative;
}

.items-row .img-intro-none {
  border: 1px solid #CCBB9F;
  height: 175px;
  width: 175px;
  overflow:hidden;
}
ul.pagenav li.pagenav-prev {
    float: right !important;
}
ul.pagenav li.pagenav-next {
    float: left !important;
}
.blogsustain ul,.blogsustain ol,.blogsay ul, .blogsay ol  {
	margin-right:20px;
}
.row-separator {
  clear: both;
  display: block;
}
/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {overflow:hidden;}



.box1 {width:35%;}
.box2 {width:32%;}
.box3 {float:right;}

#footer-inner {
	max-width:1025px;
	margin:0 auto;
	font-size:0.8em;
	padding:10px 15px 15px 10px;
	}