@charset "utf-8";
/**
 * @author superfly <www.flyweb.at>
 * @link http://www.stil-laden.at
 * @version 4.0
 * @lastmodified April 2010 
 *
 */
/* ----------------------
 iMPORTS
 ------------------------ */
/* ----------------------
 tAG's
 ------------------------ */
 
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;;
	color: #262626;
	font-size: 13px !important;
 	line-height: 1.4em !important;
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:hover, a:focus, a:visited
{outline: none !important;} /* fix ugly dotted borders from links in FF */
a:link, a:focus, a:visited{background: none; color:#d80015; text-decoration: none;}
 
a:active{background: none; text-decoration:none !important;}
a:hover, a.tagActive, a.cat_active{text-decoration:underline !important; background:none; color: #898989;} 
/*a img, a:hover img, img, a{border: 0px none !important; background:none}  */ 
a:link img, a:visited img, a:hover img, a:focus img, a:visited img{text-decoration: none !important;}
h1, h2, h3, h4, h5, h6 {
	color: #898989;
}
h1{
	font-size: 18px;
	padding: 3px 0;
	margin: 0;
}
h2{
	font-size: 15px;
}
ul{ padding:0; margin:10px 0 10px 16px; display: block; position: static;}
ul li { padding:0; margin:0 0 0 10px;}
blockquote{
	margin: 20px;
	border-left : 1px dotted #A51C36;
	padding-left: 5px;
	font-size: 12px;
}
form{
   padding: 0;
   margin: 0;
 /*  font-size: 11px; */
}
input, textarea, select{
   margin: 3px 2px;
   padding: 2px;
   border: 1px solid #e8e8e8;
   font-size: 11px;
   background-color:#f9f9f9;
   color: #333;
}
/* ----------------------
 ID's
 ------------------------ */
table#storeTable td img{margin: 20px 0 10px 10px;}
#header_navi h1 a:hover {text-decoration:none;}
p {margin: 0.25em 0;}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}
ul.symbolList {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.AbsWrap {
	position: relative;
	width: 100%;
}
.rowWrap {
	width: 100%;
}
#main {
	margin: 0 auto;
	width: 960px;
}
#header_div {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 960px;
	padding-top: 0px;
	height: 179px;
}
html > body #header_div {
	height: auto;
	min-height: 180px;
}
#header_logo {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 180px;
	margin-bottom: 0;
	width: 140px;
}
#colwrap2 {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 820px;
}
#header_text {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 121px;
	margin-bottom: 0;
	width: 650px;
}
#header_salebutton {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 121px;
	margin-bottom: 0;
	width: 96px;
}
#header_navi {
	margin: 0;
	padding: 2px 0 2px 19px;
	display: inline;
	float: left;
	height: 55px;
	width: 820px;
}
#content_stage {
	margin: 0 0 25px 0;
	padding: 0px 0 0 0;
	display: block;
	float: left;
	height: 166px;
	width: 960px;
	overflow: hidden;
}
#box1_div {
	margin: 0;
	display: inline;
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	height: 1500px;
}
html > body #box1_div {
	height: auto;
	min-height: 1501px;
}
#box2_div {
	margin: 0;
	display: inline;
	float: left;
	width: 300px;
	padding: 0 10px 0 10px;
	height: 1500px;
}
html > body #box2_div {
	height: auto;
	min-height: 1501px;
}
#box3_div {
	margin: 0;
	display: inline;
	float: left;
	width: 300px;
	padding: 0 0 0 20px;
	height: 1500px;
}
html > body #box3_div {
	height: auto;
	min-height: 1501px;
}
#footer_div {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	background-color: #f8f8f8;
	width: 960px;
	height: 300px;
}
html > body #footer_div {
	height: auto;
	min-height: 301px;
}
#colwrap3 {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 162px;
}
#creditcard_logos {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 50px;
	margin-bottom: 0;
	width: 163px;
}
#footer_search {
	margin: 8px;
	overflow: hidden;
	display: inline;
	float: left;
	height: 148px;
	width: 163px;
}
.footer_text1 {
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 45px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 121px;
}
.footer_text2 {
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 0px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 150px;
}
#colwrap4 {
	float: left;
	margin: 0px;
	width: 100px;
}
.footer_text3 {
	padding: 0px;
	margin: 7px 0 10px 10px;
	margin-top: 7px;
	display: inline;
	float: left;
	width: 85px;
}
.footer_text4 {
	margin: -2px 0 30px 10px;
	display: inline;
	float: left;
	width: 85px;
}
.footer_text5 {
	padding-bottom: 2px;
	padding-top: 1px;
	margin-left: 30px;
	margin-top: 7px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 125px;
}
/* ----------------------
 cLASSES
 ------------------------ */
 
/* gimme some space dude */
	
	.pad5h{padding: 0 5px !important;}
	.pad5, 
	.navigation, 
	#product_navigation
	{padding: 5px !important;}
	
	.pad10h{padding: 0 10px !important;}
	.pad10v{padding: 10px 0 !important;}
	.pad10{padding: 10px !important;}
	.padText {padding:2px; -moz-border-radius:8px; -webkit-border-radius:8px;}
	.mar5{margin:5px !important;}
	.mar10h, .cat_sub_link{margin:0 10px !important;}
	
	.mar10v, 
	form#currencies, 
	form#manufacturers
	{margin:10px 0px !important;}
	
	.mar10{margin:10px !important;}
	.mar25v, .navigation{margin:25px 0 !important;}
	.mar25h{margin:0 25px !important;}
	.mar30h{margin:0 30px !important;}
	.mar30v{margin:30px 0px !important;}
	.mar30{margin: 30px !important;}
	.colBottom{width:300px; float:left;}
	.float_left, .navigation_left{float:left !IMPORTANT; width: 45%; padding: 0 5px 0 0;}
	.floatR, .navigation_right{float:right !IMPORTANT;}
	ul.small{
		padding-left: 0px;
		margin: 5px 0 0 15px;
	}
/* layout stuff */
	div.content#box1_div{width: 600px; padding-right:40px;}
	div.content#box1_div h2{font-size: 18px;}
	.picText{ border-left: 10px solid #d80015; margin-left:2px; padding-left: 5px;}
	
	div.bread{padding:0; margin:0 0 20px 5px;  background: url("../images/breadBG.gif") repeat-x center; height:20px;}
	.breadEck{margin:-8px 0 0 -13px; *margin:-2px 0 0 -13px;}
	
	.clearer {clear:both; height:1px; overflow:hidden;}
	
	.underlineDots{background: url(../images/greyDot.gif) -1px bottom repeat-x;}
	
	.teamriderBox{float:left; margin:10px; width:180px; text-align:center;}
/* color  */
	.greyBorder{border-left:10px solid #f8f8f8;}
	td.greyBorder {padding:0 10px;}
	.grey, span.grey a {color: #898989;}
	.greyBG{background-color: #f2f2f2;}
	
	.black, span.black a, p.black a {color: #333;}
	
	.whiteBG{background-color: #fff;}
	
	.red, span.red a, p.red a {color: #EE6673;}
	
	.redBG, 
	li.cat_sub_link, 
	.navigation, 
	#product_navigation
	{background-color: #fff9fa;}
/* fonts */
	.bolder{font-weight:bolder;}
  
	.small, a.small, 
	a.headerNavigation, 
	.cat_sub_link, 
	.navigation, 
	#product_navigation
	{
 		font-size: 11px !important;
 		font-family: arial, sans-serif;
		/*  font-weight: normal;
			letter-spacing: ;
			color: #68676c;*/
	}
	
	.raquoSize{font-size:1.2em;}
/* ----------------------
 bREADCRUMB
 ------------------------ */
	a.breadLink, span.breadLink a, a.headerNavigation{
		background: #ee6673 url("../images/breadLink1.gif") no-repeat center right !IMPORTANT;
		color:#fff;
		display: inline-block;
		margin-left:-5px;
		padding:0 20px 0 5px;
		font-weight: bold;
	}
	a:hover.breadLink, span.breadLink a:hover, a:hover.headerNavigation{
		color: #faccd0;
		text-decoration: none !IMPORTANT;
	}
/* ----------------------
 gAMBIO WEBSHOP
 ------------------------ */
#cartBox{
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	
	-webkit-box-shadow: 0px -10px 12px #f0f0f0;
	-moz-box-shadow: 0px -10px 12px #f0f0f0;
	box-shadow: 0px -10px 12px #f0f0f0;
	
	padding: 10px;
	float: right;
	width: 148px;
	background: -moz-linear-gradient(top, #fff 10%, #fff0f2 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff0f2));
	border: 1px solid #fff0f2;
	border-top: 0px;
	border-bottom: 1px solid #fff;
}
ul.cat_link{
	margin: 5px 0 5px -5px;
	list-style-type: none;
	
}
ul.shop_navi{list-style-type: none; margin: 5px 0;}
ul.shop_navi li {margin: 5px 0;}
form#currencies select, form#manufacturers select{color: #D80015;}
.productOldPrice{text-decoration: line-through;}
ul#content_box_new_products_main_body, 
ul#content_box_specials_body,
ul#new_products_overview, 
ul.specials_product_box,
ul.product_box
{list-style-type: none; margin: 10px 0;}
ul#content_box_new_products_main_body li, 
ul#content_box_specials_body li,
ul#new_products_overview li,
ul.specials_product_box li, 
ul.product_box li
{float:left; margin: 10px 13px 10px 10px;}
.navigation{height: 20px; margin-bottom:20px;}
.product_info_link{cursor: pointer;}
#gm_attr_calc_qty{width: 70px;}
#cart_button{background: transparent; border: none; vertical-align: bottom; margin:0; padding:0 0 2px 7px;}
.loginBox{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px -10px 12px #f0f0f0;
	-moz-box-shadow: 0px -10px 12px #f0f0f0;
	box-shadow: 0px -10px 12px #f0f0f0;
	width: 158px;
	border: 1px solid #fff0f2;
	
}
/* ----------------------
 sIFR Settings
 ------------------------ */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}
/* ----------------------
 txp cOMMENTS LAYOUT
 ------------------------ */
	.commentText{border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 10px;}
	
	.commentBG{background: url(../images/commentBG.gif);} 
	div#cpreview div div.commentText{background: none !important;} 
	.commenter{background: url(../images/bubbleBottom.gif) top right no-repeat; padding:0 55px 0 15px; float:left;}
	
	.commenterTeam{background: url(../images/bubbleBottom1.gif) top left no-repeat; padding:0 15px 0 55px;} 
	
	p#txpCommentInputForm{margin:20px 0; padding:5px; border:1px solid #f2c0c5;}
	#remember{border:0px; }
	ul.comments_error{color:#EE6673;}
	.button{
		height: 23px;
		width: 84px;
		border:0;
		color: transparent;
		line-height: 70px !IMPORTANT;
		cursor: pointer;
	} 
	#txpCommentPreview{background: url(../images/formButtonVorschau.gif);}
	#txpCommentSubmit{background: url(../images/formButtonAbsenden.gif);}
	.disabled{background: url(../images/formButtonAbsenden1.gif) !important; cursor: default;} 
 
	input.comment_name_input, input.comment_email_input, input.comment_web_input
	{width: 160px;}
	.txpCommentInputMessage{width: 585px;}
	
	div.commentPreviewDiv{padding:10px; border:1px solid #f2c0c5;}
	div.commentPreviewDiv .commentPreview{width:550px;}
	.gravatar{background-color:transparent !important; border:0px !important; float:left; margin:5px 10px 5px 5px !important;} 
	
/* ----------------------
 txp Google Pager
 ------------------------ */
.paginate_ul{margin-left: 190px !important; }
.paginate_li{float:left; list-style-type:none; margin-left:0.7em; list-style-image:none !IMPORTANT;}
/* ----------------------
 jQuery Nivo Slider v1.9
 http://nivo.dev7studios.com
 
 Copyright 2010, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 
------------------------ */
 
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#content_stage {
	position:relative;
	background: url(../images/loading.gif) no-repeat 50% 50%;
}
#content_stage img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#content_stage a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:90%;
	bottom:10px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../js/nivoslider.pack1_.9/style-pack/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}
.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background: url(../js/nivoslider.pack1_.9/style-pack/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}