/* 
Asymmetric - Responsive Joomla Virtuemart Template
Flexible Web Design - http://www.flexiblewebdesign.com
http://www.gnu.org/licenses/gpl.html GNU/GPL 
Copyright (C) flexiblewebdesign.com
*/

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */
.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width1{width:1%}.width2{width:2%}.width3{width:3%}.width4{width:4%}.width5{width:5%}.width6{width:6%}.width7{width:7%}.width8{width:8%}.width9{width:9%}.width10{width:10%}.width11{width:11%}.width12{width:12%}.width13{width:13%}.width14{width:14%}.width15{width:15%}.width16{width:16%}.width17{width:17%}.width18{width:18%}.width19{width:19%}.width20{width:20%}.width21{width:21%}.width22{width:22%}.width23{width:23%}.width24{width:24%}.width25{width:25%}.width26{width:26%}.width27{width:27%}.width28{width:28%}.width29{width:29%}.width30{width:30%}.width31{width:31%}.width32{width:32%}.width33{width:33%}.width34{width:34%}.width35{width:35%}.width36{width:36%}.width37{width:37%}.width38{width:38%}.width39{width:39%}.width40{width:40%}.width41{width:41%}.width42{width:42%}.width43{width:43%}.width44{width:44%}.width45{width:45%}.width46{width:46%}.width47{width:47%}.width48{width:48%}.width49{width:49%}.width50{width:50%}.width51{width:51%}.width52{width:52%}.width53{width:53%}.width54{width:54%}.width55{width:55%}.width56{width:56%}.width57{width:57%}.width58{width:58%}.width59{width:59%}.width60{width:60%}.width61{width:61%}.width62{width:62%}.width63{width:63%}.width64{width:64%}.width65{width:65%}.width66{width:66%}.width67{width:67%}.width68{width:68%}.width69{width:69%}.width70{width:70%}.width71{width:71%}.width72{width:72%}.width73{width:73%}.width74{width:74%}.width75{width:75%}.width76{width:76%}.width77{width:77%}.width78{width:78%}.width79{width:79%}.width81{width:81%}.width82{width:82%}.width83{width:83%}.width84{width:84%}.width85{width:85%}.width86{width:86%}.width87{width:87%}.width88{width:88%}.width89{width:89%}.width90{width:90%}.width91{width:91%}.width92{width:92%}.width93{width:93%}.width94{width:94%}.width95{width:95%}.width96{width:96%}.width97{width:97%}.width98{width:98%}.width99{width:99%}.width100{width:100%}

.font9{font-size:9px;}.font10{font-size:10px;}.font11{font-size:11px;}.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font15{font-size:15px;}.font16{font-size:16px;}.font17{font-size:17px;}.font18{font-size:18px;}.font19{font-size:19px;}.font20{font-size:20px;}.font25{font-size:25px;}.font30{font-size:30px;}.font35{font-size:35px;}.font40{font-size:40px;}.font45{font-size:45px;}.font50{font-size:50px;}.font55{font-size:55px;}.font60{font-size:60px;}


[class*='width'] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 0 -15px; }
.grid-gutter > .grid-box > * { margin: 0 15px; }

.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
#header .wrapper { background:none;}
.wrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	background:#fff;
}

/* Header */
#header { 
	position: relative; 
	height:80px;
	position:fixed;
	top:0px;
	width:100%;
	background:#fff;
	
}
#header.slideshow {
	background:rgba(255,255,255,0);
	-webkit-transition: all 0.3s, -webkit-transform 0.3s;
  -moz-transition: all 0.3s, -moz-transform 0.3s;
  transition: all 0.3s, transform 0.3s;
 
	
}
#header.slideshow.scrolled, #header.noslideshow {
	background:rgba(255,255,255,1);
	 border-bottom:1px solid #dad2c4;
}
.spacing {
	margin-top:80px;
}
#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: left;
	font-size:11px;
	font-family:arial, sans-serif;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#content { margin: 15px; }
#footer { padding: 15px; }



#menu,#navigator { float:right; height:40px; margin:0; line-height:33px; }
#toolbarcontainer div.module, #navigator div.module { float:left; margin:0 0 0 10px;}
#toolbarcontainer { height:20px;}
#toolbarcontainer #toolbar {margin:3px 0 15px; line-height:15px;height:15px; float:right;}
#headerbar > div#menucontainer { float:right;}

#toolbar .module { margin:0px;}
#menu .module, #cart .module, #social .module { margin:0px;}
#footer .module { margin: 0; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/
#breadcrumbs { padding:5px 10px;  text-transform:capitalize;
	font-size:11px;
	font-family:sans-serif;}
.breadcrumbs a,
.breadcrumbs > span {
	margin-right: 10px;	
}

.breadcrumbs a:after,
.breadcrumbs > span:after {
	content:"/";
	margin-left:10px;
}

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}
 


/* Layout
----------------------------------------------------------------------------------------------------*/
#toolbar { font-size:11px;}

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}
#bottom-a {
	background:#f4f4f2;
}
#flexibleLang {
    border-radius: 5px;
    color: #666666;
    padding: 0 5px;
}
#flexibleLang:hover {
}
#flexibleLang:hover .droptitle{
	color:#B62F40
}
#flexibleLang .lang-active a:before {
	background:url(../images/ic_ok.png) 0 0 no-repeat;
	background-size:100% 100%;
	content:" ";
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
}
#top-c .module { margin:0px;}

body { 
	position: relative;
	background:url(../images/global-bg.png) 0 0;
}
.freeshipping {
	text-align: center;
	padding: 10px 0; 
	background: #333; 
	color: #fff;
	font-size:11px;
	display:block;
	cursor:pointer;
}
.freeshipping:hover {
	background:#000;
	color:#FFF;
}

#sidebar-a h3.module-title, #sidebar-b h3.module-title {
color: #666;
text-align: left;
margin: -18px 0 0 0px;
padding: 24px 15px;
font-family: "YanoneKaffeesatzLight";
font-size: 28px;
border-bottom: 1px solid #ddd;
}
#sidebar-b h3.module-title {
	margin:-15px -15px 0 0;
}
#sidebar-a .module, #sidebar-b .module {
	margin:0px;
}