html, body {
  margin:0;
  height: 100%;
}
body {
  background-color: #FFF;
  font-size: 11px;
  font-family: Helvetica, Arial, Sans-Serif;
  color:#564b47;
  padding:0px;
}


/* Main Layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
	width: 970px;
	margin: 0 auto;
	/* top: 50%; */
	text-align: center;
	padding: 0px;
	/* background: #FFF url("../img/header_bg.gif") repeat-x; */
}

#wrapper.cta {
	margin: 0px auto -140px;
}

div#container {
    height: 100%;
    min-height: 620px;
    width: 970px;
	padding: 0;
	margin: 0;
}

#carousel_container, .cta div.push {
    clear: both;
    height: 140px;
    margin: 0 auto;
    width: 950px;
}

#menu, #content, .divider {
	margin : 0 10px;
	width: 950px;
}



form {
  margin: 0 !important;
  padding: 0 !important;
}
object {
  outline: none;
}
img {
	border: 0 none;
}
h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
}
h3 {
  font-size: 12px;
  /* padding-top: 0 !important; */
}

a:link {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #CCC; 
}
a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #CCC; 
  outline: none;
}
a:hover {
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #CCC;
}
a:active {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #666; 
  outline: none;
}


/* Searchbox header
=============================================================================*/
form.search {
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 1000;
	padding:0;
	height: 25px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type=search] {
-webkit-appearance: textfield;
}

form.search input.search {
	border:1px solid #ddd;
	line-height:23px;
	white-space: nowrap;
	text-align:left;
	color: #CCC;
	padding: 0 20px 0 5px;
	min-height: 23px;
	margin:0;
	width: 160px;
	background:#FFF url(http://www.fueradentro.com/fileadmin/templates/img/bg_search_button.png) top right no-repeat;
}

/* IE hack */
form.search input.search { line-height: 23px\9 } 

form.search input.search.focus{
	color: #000;
	border-color: #aaa;
	/* width: 250px; */
}



/* Language select new 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#language{
	position: absolute;
	top: 26px;
	right: 210px;
	color: #ccc;
	text-transform: uppercase;
}
div#language a{
	color: #aaa;
}
div#language a:link {
	border-bottom-width: 0;
}
div#language a:visited {
	border-bottom-width: 0;
}

/* Language select revisited */
#language-select {
	position: absolute;
	top: 20px;
	right: 210px;
	z-index: 1000;
	color: #CCC;
	text-align:left;
	background:#FFF url(http://www.fueradentro.com/fileadmin/templates/img/pulldown.gif) right 2px no-repeat;
	border:1px solid #ddd;
	padding:0;
	line-height:23px;
	font-size: 12px;
	white-space: nowrap;
}
#language-select > a span {
	color: #DDD;
}
.language-pullup {
	background:#FFF url(http://www.fueradentro.com/fileadmin/templates/img/pullup.gif) right 2px no-repeat !important;
}
#language-select a, #language-select a:link, #language-select a:hover, #language-select a:active{
	color: #AAA;
	text-decoration: none;
	outline: none;
	line-height: 18px;
	padding: 0px 24px 3px 8px;
	border:none;
	whitespace:nowrap;
	border-bottom: 0px !important;
}
.js #language-select ul {
	display: none;
}
#language-select ul li {
	background: transparent;
	padding:0 8px 0 8px;
	cursor: pointer;
	line-height: 27px;
}
#language-select ul li.active,
#language-select ul li.active a.active{
	cursor: default;
	color: #DDD;
}
#language-select ul li.active.active-lang a.active {
	color: #DDD !important;
}
#language-select ul li a, #language-select ul li a:link, #language-select ul li a:hover, #language-select ul li a:active{
	padding: 0px;
}
#language-select ul.language-script-disabled li{
	display:inline;
	float:left;
	background: #fff;
	font-size: 11px;
	line-height: 23px;
}
#language-select ul {
	text-align: left; 
	margin:0;
	list-style:none;
	padding:0 0 0 0;
	border-top:1px solid #eee;
}
.active-lang, .active-lang a, .active-lang:active{
	color: #666 !important;
	background: #EEE !important;
}
#language-select li.active:hover {
	color: #ccc !important;
}



.hide {
	display:none;
}

#menu {
	float: left;
	height: 110px;
	padding: 0 0 6px 0;
	vertical-align: top;
	margin-top: 20px;
	border: 0;
	text-align: left;
	background: #FFFFFF url("../img/header_bg.png") repeat-x scroll left top;
	position:relative;
}
#menu ul {
	float: right;
	margin: 0;
	padding: 70px 0 0 0;
	list-style: none;
}

#menu li {
	float: left;
	background-image: url("../img/tab-left.gif");
	background-repeat: no-repeat;
	margin: 0 0 0 4px;
	padding: 0 0 0 8px;
}

#menu  li a {
	float: left;
	display: block;
	background-image: url("../img/tab-right.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 9px 10px 9px 2px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	color: #999;
	cursor: pointer;
	border: 0;
}

#menu  li a:hover {
	color: #000;
	border: 0;
}

#menu .active, #menu .active a, #menu .selected, #menu .selected a{
	background-image: url("../img/tab-left-active.gif")!important;
	cursor: pointer;
	color: #000 !important;
	outline: none;
}
#menu .active a, #menu .selected a {
	background-image: url("../img/tab-right-active.gif")!important;
}

#menu img {
	padding-left: 1px;
	cursor: pointer;
	/*float: left;*/
	border: 0;
	position: absolute;
	top:0px;
	left:0px;
}

p.breadcrumb {
    left: 0;
    position: absolute;
    top: 94px;
	color: #ccc;
}

p.breadcrumb  a {
	color: #999;
	text-decoration: none;
	border: none 0;
}
p.breadcrumb  a:active, p.breadcrumb  a:hover {
	color: #666;
}

*[dir=rtl], *[dir=rtl] a {
	direction:rtl; 
	unicode-bidi:embed;
}

#content {
	font-size: 12px;
	height: auto;
	min-height: 436px;
	clear: both;
	overflow: hidden;
}
#content.home {
	height: 436px;
}
.js #content.home {
	overflow: hidden;
}
div.lightbox div#content {
	width: auto;
	height: 100%;
	margin-right: 5px;
}
#content h1, #content h2, #content h3 {
	text-align: left;
	letter-spacing: 1px;
	padding: 20px;
	margin: 0;
	float:left;
}
#content.news h1{
	float:none; /* Float on news overview not ok in webkit */
}
.content h1, .content h2, .content h3 {
	width:500px !important;
}
#content h1 {
	clear:both;
}
.content p {
	text-align: left;
	text-align: justify;
	padding:  6px 20px;
	margin: 0;
	width: 500px;
	float:left;
}
	.content p img {
		float: left;
		margin: 10px 10px 10px 0;
	}

.content img {
	float: right;
	padding: 22px;
}
.about img {
	margin-top: 70px;
}
.content ul {
	clear: none !important;
	width:500px;
}

#content strong {
	font-weight: bold;
	color: #564B47;
}

#content a strong {
	font-weight: bold;
	color: #000;
}
#content a img {
	border: 0 none;
}
#content ul{
	text-align: left;
	clear: both;
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-type: circle;
	list-style-position: outside;
}

#content li{
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	/*clear: left;*/
} 
#content.content li {
	clear: left;
}
#content table.contenttable {
	width: 100%;
	margin: 10px 0 0;
	padding:0;
	font-size: 1em;
	border: 1px solid #eee;
}
#content table.contenttable p {
	width:100%;
	float:none;
	margin:0;
	padding:0;
}
#content table tr.even {
	background-color: #eee;
}


.divider {
	clear:both;
	font-size:0;
	border-bottom:1px solid #CCC;
	height:12px;
}
  .divider hr {
    display:none;
  }

.footer {
	font-size: 10px;
	line-height:20px;
	padding-top: 6px;
	margin: 0 10px 0 0;
	color: #aaa;
	letter-spacing: 1px;
	float: right;
	vertical-align: top;
}


.footer a:link {
	color: #aaa;
	text-decoration:none;
	border: 0;
	vertical-align: top;
}

.footer a:visited {
	color: #aaa;
	text-decoration:none;
	border: 0 none;
}

.footer a:hover {
	color: #999;
	text-decoration:underline;
	border: 0;
}
.footer a img {
	vertical-align: top;
}
.banner {
	font-size: 10px;
	line-height:20px;
	padding-top: 6px;
	margin: 0 0 0 10px;
	color: #aaa;
	float: left;
	vertical-align: top;
	text-align: left;
	letter-spacing: 1px;
	position:relative;
	z-index:1;
}
.banner a {
	color: #999;
	border: 0 none;
}
.banner a:hover {
	color: #666;
}


/* File icons for download links */

a[href$='.pdf'] {
	display:inline-block;
	padding-left:22px;
	/* background:transparent url("/fileadmin/templates/img/pdf_icon.png") center left no-repeat; */
	background:transparent url("/fileadmin/templates/img/pdf_icon_red.png") center left no-repeat;
	line-height:20px;
	border: 0 none;
}
a[href$='.pdf']:hover {
	background:transparent url("/fileadmin/templates/img/pdf_icon_red.png") center left no-repeat;
}
a[href$='.zip'] {
	display:inline-block;
	padding-left:22px;
	background:transparent url("/fileadmin/templates/img/zip_icon.gif") center left no-repeat;
	line-height:20px;
	border: 0 none;
}
a[href$='.zip']:hover {
	background:transparent url("/fileadmin/templates/img/zip_icon_yellow.gif") center left no-repeat;
}


div#cookie-warning {
	text-align: center;
	background-color: #eee;
	height: 20px;
	padding-top: 5px;
	border-top: 1px solid #aaa;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 9999;
}

div#cookie-warning a.cookie{
	display: inline-block;
}
div#cookie-warning a.cookie.accept{
	color: #fff;
	background: #999;
	border: 1px solid #aaa;
	border-radius: 5px 5px 5px 5px;
	margin-left: 10px;
	padding: 0 5px;	
}
div#cookie-warning a.cookie.accept:hover{
	color: #999;
	background: #fff;
}
/* Product collection styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.cima, .cima {
  font-weight: bold;
  border-bottom: 2px solid #6A4613 !important;
}
span.cima {
  font-weight: normal;
}

a.shell, .shell {
  font-weight: bold;
  border-bottom: 2px solid #7BB13A !important;
}
span.shell {
  font-weight: normal;
}

a.bloom, .bloom {
  font-weight: bold;
  border-bottom: 2px solid #C02427 !important;
}
span.bloom {
  font-weight: normal;
}

a.e-volve, .e-volve {
  font-weight: bold;
  border-bottom: 2px solid #000 !important;
}
span.e-volve {
  font-weight: normal;
}

a.cushions, .cushions {
  font-weight: bold;
  border-bottom: 2px solid #2E89BF !important;
}
span.cushions {
  font-weight: normal;
}


/*  Slideshow
+++++++++++++++++++++++++++*/
#slideshow div {
	/*background: #FFF url(../img/shadow.jpg) repeat-x;*/
	width: 950px;
	height: 430px;
	background-color: #EFEFEF;
}
#slideshow div p, #slideshow div h1 {
    width:365px;
    clear:none;
    font-size:1.1em;
}
#slideshow div h1 {
    font-size:20px;
}
#slideshow div h2.next-header {
    display:none;
}
#slideshow div p.intro {
    font-weight:bold;
    line-height: 1.4em;
}
#slideshow div p.readmore {
    display:none;
}
#slideshow div p.readmorelink, #slideshow div p.continuelink {
    text-align:right;
    position:absolute;
    bottom:16px;
    right:292px;
}
#slideshow div p.continuelink {
    display:none;
}
#slideshow img {
	padding:0;
	/*padding-bottom:6px;*/
	margin:0 0 10px;
}
#slideshow a , #slideshow a img{
	border: none 0;
}
#caption {
	width: 100%;
	position: absolute;
	left:0;
	top:583px;
	z-index: -1;
	text-align:center;
	font-weight: bold;
	padding: 6px 0 0 0;
	line-height: 20px;
}

#prev, #next {
	height: 223px;
	position: absolute;
	top: 136px;
	z-index: 10000;
	cursor: pointer;
	padding: 205px 59px 0 59px;
	opacity : 0.0;
	filter:alpha(opacity=0);
	color: #000;
	background: #FFF;
	border: 1px solid #CCC;
}
	#prev img, #next img{
		margin: 0;
		padding:0;
		float: none;
	}

#prev {
	left: 10px;
	text-align: left;
}
#next {
	right: 10px;
	text-align: right;
	/*Override this with class (display:block) in javascript*/
	display: none;
}
.next-javascript {
	display: block !important;
}

#slideshowcontrols {
	position: absolute;
	background: #FFF;
	z-index: 1000;
	opacity : 0.0;
	filter:alpha(opacity=0);
	height: 38px;
	top: 544px;
	text-align: center;
	border: 1px solid #CCC;
	border-bottom: 0;
	margin: 0;
	padding: 2px 0 0 0;
	
	width: 948px;
	left: 10px;

}
	#slideshowcontrols a, #slideshowcontrols img{
		margin: 0;
		padding: 0;
		border: 0;
		float: none;
		margin: 0 2px;
		outline: none;
	}





/* About / Introduction Page
=============================================================================*/
#signature {
  text-align: right !important;
  width: 130px !important;
}

.left-par {
  width: 330px !important;
}



/* Productoverview Page
=============================================================================*/
#content.productoverview {
	min-height: 400px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-bottom: 30px;
}
#content.productoverview > div {
	width:300px; 
	height:150px; 
	float:left; 
	position:relative;
	padding: 0 10px 10px 0;
	margin-bottom: 20px;
	text-align:left;
	overflow:auto;
	overflow:none;
}

#content.productoverview div.outerimg {
	width:170px; height: 140px; position: relative; clear:both;
}

#content.productoverview div.innerimg {
	position: absolute; width: 170px; bottom: 0px; left:0px; text-align:center;
}

#content.productoverview div.innerimg  a{
	border: none 0;
	outline: none;
}

#content.productoverview  img{
	float:none;
	margin:0;
	padding:0;
	border: none 0;
}

#content.productoverview div.productlabel{
	text-align:left;
	line-height: 20px;
	width:114px;
	padding: 0 10px;
	position:absolute; 
	bottom:30px; /* 20px padding on #content.productoverview > div*/
	right:0px; 
	border-left: 1px dotted #ccc; 
}

#content.productoverview div.productlabel a.readmore{
	border: none 0;
}
#content.productoverview div.productlabel a.readmore strong{
	color: #ccc;
}

div.collection-tabs {
	padding: 5px 0 0 0;
	margin: 0 10px;
	clear:both;
	height: 31px;
}

div.collection-tabs ul{
    margin: 5px 0 0;
    padding:0;
	width:100%;
	height: 25px;
	border-bottom: 1px solid #ddd;
}
div.collection-tabs ul li {
    display:block;
    float:left;
    padding:0 5px 0 0;
	margin-bottom: -1px;
}
div.collection-tabs ul li.selected {
	
}

div.collection-tabs ul li a {
    display:block;
    float:left;
    padding:5px;
    font-size:11px;
	letter-spacing: 1px;
    color:#666;
    text-decoration:none;
	border: 1px solid #ddd;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:    -moz-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:     -ms-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:      -o-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:         linear-gradient(top, #EEEEEE, #DDDDDD);
}
div.collection-tabs ul li a:hover {
    background-color:#eee;
	background-image: none;
}
div.collection-tabs ul li.selected a{
	background-color: #fff;
	color: #000;
	text-decoration:none;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background-image: none;
}


/* Product detail Page
=============================================================================*/
div#content.productdetail {
	overflow: hidden;
	height: 430px;
}

div.productdetail {
	position: relative;
}

#content.productdetail h1 {
	float: none;
	width: 100%;
	position:relative;
}
div.productdetail h1 span.category {
	position:absolute;
	right: 60px;
	color: #ddd;
}
div.imageslidecontrols {
	width: 450px;
	height: 25px;
	float:right;
	text-align:center;
	overflow: hidden;
	padding-top: 10px;
}
div.imageslidecontrols  span{
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	padding: 2px 8px;
	cursor: pointer;
}
div.imageslidecontrols  span.prev{
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/rewind.gif") no-repeat left top;
}
div.imageslidecontrols  span.next{
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/forward.gif") no-repeat right top;
}
div.imagebox {
	margin-top: 30px;
	width: 450px;
	height: 300px;
	float:right;
	text-align:center;
	overflow: hidden;
}

div.imageslide {
	clear:both;
	width: 450px;
	height: 300px;
}
div.imageslide a, div.imageslide img {
	border: none 0;
	text-decoration: none;
}
#content div.imageslide img {
	padding: 0;
	margin:auto;
}

#captionproduct {
	line-height: 21px;
	font-size: 11px;
	font-weight: normal;
	cursor: default;
}

div.product-tabs {
	width: 450px;
	padding: 0 0 0 20px;
	float: left;
	text-align: left;
}

#content ul.tabs {
    width:430px;
    margin:0;
    padding:0;
}
#content ul.tabs li {
    display:block;
    float:left;
    padding:0 5px 0 0;
	margin-bottom: -1px;
}
#content ul.tabs li.selected {
	
}
#content ul.tabs li a {
    display:block;
    float:left;
    padding:5px;
    font-size:0.8em;
    color:#666;
    text-decoration:none;
	border: 1px solid #ddd;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:    -moz-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:     -ms-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:      -o-linear-gradient(top, #EEEEEE, #DDDDDD);
	background-image:         linear-gradient(top, #EEEEEE, #DDDDDD);
}
#content ul.tabs a:hover {
    background-color:#eee;
	background-image: none;
}

#content ul.tabs a.selected {
	background-color: #fff;
	color: #000;
	text-decoration:none;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background-image: none;
}
#content .tab-content {
    clear:both;
    border:1px solid #ddd;
    padding: 10px 20px;
	width:410px;
	height: 320px;
	overflow: auto;
	outline: none;
}
#content div.tab-content h1, #content div.tab-content h2, #content div.tab-content h3 {
	color: #000;
	float: none;
	padding: 6px 0 0 !important;
}
#content .product-tabs p.intro {
	color: #000;
	font-weight: bold;
}
#content .product-tabs a.readmore {
	font-weight: bold;
	padding-right: 17px;
	margin-left: 5px;
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/play.gif") no-repeat right -1px;
	border-bottom: 0 none;
	color: #666;
}
#view3d object#flash3d {
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/loader.gif") no-repeat center center;
}
#content .product-tabs p.manual {
	clear: both;
	padding-top: 10px;
}
.hidden-brand, 
.hidden-availability, 
.hidden-review {
	display: none;
}

.addthis_button {
    position: absolute;
    right: 40px;
	opacity : 0;
	filter:alpha(opacity=0);	
}
html > body #at15s {
	opacity : 0.7;
	filter:alpha(opacity=70);	
}

/* Projects page
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content .projectdetail h1, #content .projectdetail h2, #content .projectdetail h3, #content .projectdetail h4{
	float: none;
	padding: 0;
}
#content .projectdetail h2 {
	font-size: 16px;
	margin-top: -4px;
}
#content.projectoverview a:link, #content.projectoverview a:active {
	border: medium none;
	outline: none;
} 
#content ul.project-overview {
	float: left;
	width: 190px;
	min-height: 400px;
	margin-top: 2px;
	margin-right: 50px;
}
#content ul.project-overview li {
	list-style-type: none;
}
#content ul.project-overview li.active {
	list-style-type: disc;
}
#content ul.project-overview li a {
	border: medium none;
}
ul.project-overview li.active a {
	font-weight: bold;
}
div.projectdetail {
	float: right;
	width: 240px;
	min-height: 400px;
	text-align: left;
	margin-top: 10px;
}
div.thumbnails {
	float: left;
	width: 400px;
	overflow: hidden;
	margin-top: 10px;
}
#content div.thumbnails div img{
	padding-bottom: 20px;
}

#content ul.products-used {
	margin: 0 0 20px;
	padding: 0;
}

#content ul.products-used li {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0;
	display: block;
	height: 60px;
	position: relative;
	/*
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	*/
	width: 50%;
	float: left;
}

#content ul.products-used a {
	border: medium none;
}

#content ul.products-used a.image{
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: inline-block;
	width: 80px;
	text-align: center;
}
#content ul.products-used a.title{
	position: absolute;
	left: 90px;
	top: 18px;
	border-left: 1px dotted #ccc;
	padding: 4px;
}
p.view-slideshow {
	margin-bottom: 30px;
	margin-top: 10px;
}

.view-slideshow a {
	background: url("http://www.fueradentro.com/fileadmin/templates/img/bg_search_button.png") no-repeat scroll -4px top #FFFFFF;
	padding: 5px 20px;
	border: medium none;
}
#content h3.info {
	text-transform: uppercase;
	margin-top: 30px;
	border-bottom: 1px dotted #ccc;
	color: #000;
}


/* Maintenance page
=============================================================================*/
div .maintenance-button {
	margin-top: 30px;
	width: 224px;
	float:left;
	text-align: center;
}

div .maintenance-button a {
	border:0;
}

.maintenance-button img {
	float:none;
	opacity : 0.6;
	filter:alpha(opacity=60);
	border:none;
}


.not-transparent {
	opacity : 0.9 !important;
	filter:alpha(opacity=90) !important;
}

#nav-extra div a img {
	margin: -5px 0;
	padding: 0;
	border: 0;
	float:none;
}

/* Dealers Page
=============================================================================*/
#side_bar {
	width: 298px;
	height: 432px;
	overflow:auto;
	float:left;
	text-align:left;
	line-height: 14px;
}

#side_bar strong a {
	padding: 4px 0px 0px 20px;
	margin-top: 4px;
	display: block;
	clear:both;
	color: #000;
	background-image: url("../img/plus.gif");
	background-repeat: no-repeat;
	background-position: left top;
	border:0;
	outline: none;
	letter-spacing:1px;
}

#side_bar strong a:hover {
	text-decoration: underline;
}

#side_bar a strong {
	color: #000;
	font-weight:normal;
}
#side_bar a {
	color: #666;
}

#side_bar ul {
	padding: 0px;
	margin: 0 0 0 4px;
	list-style: none;
	border-left: 1px dotted #CCC;
	/* IE Peek-a-Boo Bug! */
	position: relative;
	min-width: 0;
	/* zoom: 100%; */
  
}
#side_bar ul li a {
	padding: 0 0 0 15px;
	outline: none;
}


#side_bar h1, #side_bar h2 {
	padding-left: 0;
	width: 200px;
	float: none;
	clear: both;
}

.country_selected {
  background: transparent url("../img/minus.gif") no-repeat left top !important;
  background-repeat:no-repeat;
}

#map {
  position:absolute;
  top: 136px;
  right:10px;
  width: 650px;
  height: 430px;
  background:#FFF;
  text-align:left;
  border: 1px solid #CCC;
}
.gm-style-iw {
	overflow: hidden !important;
}
.gm-style-iw > div {
	overflow: hidden !important;
}
/*
div.gm-style div div div div div div > div{
	background: white;
	padding: 10px;
}
div.gm-style div div div div div > div {
	overflow: hidden !important;
}
*/

/* Contact Page
=============================================================================*/
#content.contact h1 {
	float: none;
	width: 100%;
}
#content.contact h2 {
	float: none;
	padding: 10px 0;
}
.contact {
	text-align: left;
}
.contact-left {
	float:left;
	text-align:left;
	width:500px;
	padding: 0 20px;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
.contact-left h2, .contact-left p{
	padding-left: 0;
}
.contact-right {
	float:right;
	text-align:left;
	padding: 60px 40px 0 0;
	font-weight:bold;
}
.contact label {
	line-height: 16px;
	font-size: 1em;
	width: 200px;
	display: block;
}
.contact label strong {
	color: #000 !important;
}
.contact input {
	width: 400px;
	border: 1px solid #CCC;
	margin-bottom: 4px;
	font-size: 1.1em;
	padding: 4px;
	color: #000;

}
.contact textarea {
	width: 400px;
	height: 80px;
	border: 1px solid #CCC;
	padding: 4px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	color: #000;

}
.contact #div_1 input, .contact #div_2 input{
	width: 100px !important;
	margin: 0 0 0 309px !important;
	background: #EEE;
	border: 1px solid #CCC;
	cursor: pointer;
	padding: 0 !important;
}
.contact .error {
	font-weight: bold;
}
address {
    font-style: normal;
	line-height: 18px;
}

/* Anti spam hidden form field*/
div.formhddn {
	display: none;
}

/* COllections Page 
=============================================================================*/

#content h1.collections{
	width: 100%;
}

#content div.collection  h2 {
	width: 160px;
	text-align: center;
}

div .collection  {
	margin-left: 27px;
	margin-top: 40px;
	width: 200px;
	float:left;
	text-align: center;
}

div.collection  a {
	text-decoration: none;
	border: none 0;
}

div.collection  a img {
	padding: 10px;
	border: 1px solid #ddd !important;
}

div.collection  a.readmore {
	color: #000;
}

div.collection  p.intro {
	padding: 10px 20px;
}

/* Catalogue Page
=============================================================================*/

/*
div .catalogue-button {
  margin-left: 85px;
  margin-top: 50px;
  width: 197px;
  float:left;
  text-align: center;
}
*/

div .catalogue-button {
  margin: 50px 80px 0 140px;
  width: 197px;
  float:left;
  text-align: center;
}

div .catalogue-button a {
  border:0;
}

.catalogue-button img {
  float:none;
  opacity : 0.6;
  filter:alpha(opacity=60);
  border:none;
}
.noscript-hide {
  display:none;
}

/* Designers Page
=============================================================================*/
div .designers-button {
  margin-left: 27px;
  margin-top: 40px;
  width: 200px;
  float:left;
  text-align: center;
}

div .designers-button strong {
  line-height: 40px;
}

div .designers-button span {
  line-height: 40px;
}

div .designers-button a {
  border:0;
} 

.designers-button .cima {
    text-align: center;
}

.designers-button img {
  float:none;
  opacity : 0.7;
  filter:alpha(opacity=70);
  border:none;
}
div .catalogue-button a {
  border:0;
}

.catalogue-button img {
  float:none;
  opacity : 0.6;
  filter:alpha(opacity=60);
  border:none;
}
.noscript-hide {
  display:none;
}
#video object {
    outline: none;
    border: 1px solid #999;
}

/* News Page*/
#content ul.news li {
    display: block;
    float: left;
    margin: 5px 35px 20px 0;
    padding: 0;
    width: 200px;
	height:330px;
	position: relative;
	overflow: hidden;
}
#content ul.news li.last {
	margin: 5px 0 0;
}
#content ul.news li h2 {
	padding: 0 0 20px;
	height: 60px;
	min-height: 60px;
	width: 100%;
}
#content ul.news li img {
	float:left;
	margin: 0 10px 4px 0;
}
#content ul.news li a.readmore {
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 30px;
	background: #fff;
	padding-right: 17px;
	background: #fff url("http://www.fueradentro.com/fileadmin/templates/img/play.gif") no-repeat right -1px;
	border-bottom: 0 none;
	color: #666;
}

span.date, p.date{
	color:#bbb;
}
#content h1.news-detail {
	width: 100%;
}


#content div.news-image {
	width:420px;
	margin: 40px 0 0;
	display: block;
	float: right;
}
#content div.news-image a {
	border: 0 none;
}
#content div.news-image img {
	padding: 5px;
	padding-right: 0px;
	/* border: 1px solid #ccc; */
}
#content div.news-content {
	width: 480px;
	text-align:left;
	float:left;
	padding: 0 0 0 20px;
}
#content div.news-content p img {
	padding: 0 10px 10px 0;
}
p.back a {
	font-weight:bold;
}

div.news-content p.intro {
	font-weight: bold;
}
#content div.news-content h2, #content div.news-content h3 {
	padding: 20px 0 10px 0;
	float: none;
}
#content div.news-content table.contenttable p {
	text-align: center;
}
#content div.news-content tr.even {
	background: transparent;
}



/* Pagebrowser*/
#content div.tx-pagebrowse-pi1 {
    /*background: none repeat scroll 0 0 #F3F3F3;*/
    height: 28px;
    margin: 0;
    padding: 6px 0 0;
	position:relative;
	clear:both;
	/* width:100%; */
	text-align:center;
}
#content ul.tx-pagebrowse {
    display: inline-block;
    /*float: right;*/
    line-height: 28px;
	padding: 0 5px;
	margin:0;
    list-style: none outside none;
	background: #EFEFEF;
	background: transparent;
	border: 1px solid #efefef;
}
#content ul.tx-pagebrowse a {
    /*text-decoration: underline;*/
}
#content ul.tx-pagebrowse li {
    background: none repeat scroll 0 0 transparent;
    color: #7F8589;
	color: #aaa;
    float: left;
    padding: 0 6px;
	margin: 0;
    width: auto;
}
ul.tx-pagebrowse li ol {
    list-style: none outside none;
    padding: 0;
}
ul.tx-pagebrowse ol li {
    margin-left: 5px;
}
ul.tx-pagebrowse ol li:first-child {
    margin-left: 0;
}
ul.tx-pagebrowse li a {
    color: #7F8589;
	color: #000;
}
ul.tx-pagebrowse li.tx-pagebrowse-page a {
    color: #AF1616;
	color: #000;
}
ul.tx-pagebrowse ol li a, ul.tx-pagebrowse ol li.tx-pagebrowse-current, ul.tx-pagebrowse ol li {
    color: #7F8589;
}
#content ul.tx-pagebrowse li.tx-pagebrowse-first {
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/rewind.gif") no-repeat left 5px;
}
#content ul.tx-pagebrowse li.tx-pagebrowse-prev {
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/play_reverse.gif") no-repeat left 5px;
}
#content ul.tx-pagebrowse li.tx-pagebrowse-next {
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/play.gif") no-repeat right 5px;
}
#content ul.tx-pagebrowse li.tx-pagebrowse-last {
	background: transparent url("http://www.fueradentro.com/fileadmin/templates/img/forward.gif") no-repeat right 5px;
}
li.tx-pagebrowse-first a,li.tx-pagebrowse-prev a ,li.tx-pagebrowse-next a , li.tx-pagebrowse-last a{
	border-bottom: none;
}
#content ul.tx-pagebrowse li.inactive{
	opacity : 60;
	filter: alpha(opacity=60);
}

/*  Search results Page
=============================================================================*/
div#content.searchresults {
	text-align: left;
}
div#content.searchresults ul {
	list-style-type:none;
}
div#content.searchresults h1 {
	padding: 20px 0 10px 20px;
}
div#content.searchresults h3{
    margin: 12px 0 0;
    padding: 0 20px 0 0;
}
p.results {
	margin:0;
	padding: 23px 0 0 10px;
	float: left;
}
p.results em {
	color: #000;
}
div#content.searchresults p {
	padding-bottom: 0;
	max-width:820px;
	color: #aaa;
	margin-bottom: -6px;
}
div#content.searchresults ul.searchresults li {
	padding-top: 3px;
}
form#searchform {
	clear: both;
	display: block;
	width: 100%;
	padding: 20px 0 0 20px !important;
}
#searchform legend {
	display: none;
}
form#searchform input.defaultText  {
	border: 1px solid #CCCCCC;
	width: 300px;
}
form#searchform input.button {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
/*  404 Page
=============================================================================*/
div#container > h2 {
	text-align:left;
	padding: 5px 20px 20px 30px;
}
#goog-wm {
	font-size: 12px;
	text-align: left;
}
#goog-wm ul {
	text-align: left;
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 30px;
}
#goog-wm  li {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
#goog-wm h3.other-things {
  display: none;
}
div.content ul {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* Sitemap 
=============================================================================*/
#content ul.sitemap, #content ul.sitemap ul {
	list-style-type: none;
	margin: 0 0 0 0;
}
#content ul.sitemap li {
	width: 300px;
	float:left;
	margin: 0 10px 8px 0;
}
#content ul.sitemap li  ul{
	margin: 0 0 0 20px;
}
#content ul.sitemap li  ul li ul{
	margin: 8px 0 0 20px;
}

/* Fancybox lightbox
=============================================================================*/
a#fancybox-close {
	border: none;
}
/* Fancybox styling */
#fancybox-wrap a:link {
	border-bottom: none;
}
#fancybox-title-float-left{
	background-image: none !important;
}
#fancybox-title-float-right{
	background-image: none !important;
}
#fancybox-title-float-main{
	background-image: none !important;
	color: #fff !important;
	text-shadow: 1px 1px #555 !important;
}

/* Custom carousel
=============================================================================*/
#carousel_container {
	overflow: hidden;
	
/*
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
*/
}
#carousel_wrapper {
	width: auto;
	position:relative;
	padding: 10px 15px 0 0;
	overflow: hidden;
}

#carousel_inner {
	float:left; 
	width:100%; 
	overflow: hidden;
	background: #fff;
	border-top: 1px solid #eee;
}
#carousel_inner.products {
	background: #fff;
	border-top: none;
}
#carousel_ul {
	position:relative;
	left:-300px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	padding-bottom:10px;
}

#carousel_ul li{
	float: left; /* important for inline positioning of the list items */
	width:300px;  /* fixed width, important */
	padding:0px;
	height:110px;
	background: #fff;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	border-left: 1px solid #eee;
}
#carousel_inner.products #carousel_ul li{
	border-left: none;
}

#carousel_ul li.news {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
	padding: 10px;
	width: 280px;
	height: 90px;
}
/*
#carousel_ul li.news:hover{
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
*/
#carousel_ul li.news  h2 {
	font-size: 12px;
	font-weight: normal;
}
#carousel_ul li.news  h2 a:hover {
	color: #000;
}

#carousel_ul li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor so this is to fix that */
	float:left;
	cursor:pointer;
	border:0px;
	margin: 5px;
}
#left_scroll, #right_scroll {
	position: absolute;
	z-index:1000;
	height:130px;
	width:15px;
	background: #eee;
	opacity : 0.3;
	filter:alpha(opacity=30);
}
#left_scroll:hover, #right_scroll:hover {
	opacity : 0.55;
	filter:alpha(opacity=55);
}
#left_scroll:focus, #right_scroll:focus, 
#left_scroll:active, #right_scroll:active {
	opacity : 0.80;
	filter:alpha(opacity=80);
}
#left_scroll {
	left: 0px;
}
#right_scroll{
	right: 0px !important;
}
#left_scroll img, #right_scroll img{
	border:0;
	cursor: pointer;
}

#carousel_ul li div.outerimg {
	width:140px; height: 105px; position: relative; clear:both; float: left;
}

#carousel_ul div.innerimg {
	position: absolute; width: 140px; bottom: 0px; left:0px; text-align:center;
}
#carousel_ul div.innerimg img {
	float: none;
	margin-top: 0;
}
#carousel_ul li div.innerimg  a{
	border: none 0;
	outline: none;
}
#carousel_ul li.product h2 {
	font-size: 12px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #eee;
	position: relative;
}

.jspDrag
{
	background: #ddd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}