@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; border: none;}

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;}

input, textarea, select{
   margin: 3px 2px;
   padding: 2px;
   border: 1px solid #e8e8e8;
   font-size: 11px;
   background-color:#f9f9f9;
   color: #333;
}

p {margin: 0.25em 0;}


/* ----------------------
   LAYOUT
 ------------------------ */
 
table#storeTable td img {margin: 20px 0 10px 10px;}

#header_navi h1 a:hover {text-decoration:none;}

div#header_navi h1 {float:left; width:90px;} 
div#header_navi h1.navi_store {width:190px;}
div#header_navi h1.navi_about {width:140px;}

#main p.lastNode {margin-bottom: 0;}

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: 0px;
	padding: 15px 0 0 0;
	display: inline;
	float: left;
	width: 960px;
	height: 143px;
}
html > body #header_div {
	height: auto;
	min-height: 142px;
}
#header_logo {
	margin: 0;
	display: inline;
	float: left;
	height: 108px;
	width: 960px;
}
#colwrap2 {
	/* float: left; */
	margin: 5px 0 0 ;
	width: 960px;
}
#header_text {
	margin: 0;
	display: inline;
	float: left;
	height: 121px;
	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: 10px 0;
	display: inline;
	float: left;
	/* height: 45px; */
	width: 960px;
}
#content_stage {
	margin: 0 0 25px 0;
	padding: 0px 0 0 0;
	display: block;
	float: left;
	height: 166px;
	width: 960px;
	overflow: hidden;
}

.box1_div {padding: 0 20px 0 0;}
.box2_div {padding: 0 10px 0 10px;}
.box3_div {padding: 0 0 0 20px;}

.box1_div, .box2_div, .box3_div {
	margin: 0;
	display: inline;
	float: left;
	width: 300px;
/*	height: 1294px;*/
}

html > body .box1_div, 
html > body .box2_div, 
html > body .box3_div {height: auto; /*	min-height: 1295px;*/}

div.content.box1_div {width: 600px; padding-right:40px;}
div.content.sbox1_div h2 {font-size: 18px;}

div.box3_div h1 {padding: 0 0 3px;}


#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: 334px;}

html > body .footer_box {margin-top:20px; height:335px; min-height: 334px;}

.footer_box1 {padding:0px; margin-right:8px; width:311px; border-right:1px solid #e9e9e9;}
.footer_box2 {width:299px; border-right:1px solid #e9e9e9;}

div.content.box1_div {width: 600px; padding-right:40px;}
div.content.box1_div h2 {font-size: 18px;}

/* ----------------------
 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,
form#advancedsearch {margin:10px 0px !important;}
.mar10 {margin:10px !important;}
	
.mar25v, .navigation{margin:25px 0 !important;}
.mar25h{margin:0 25px !important;}
	
.mar30r {margin:0 30px 0 0 !important;}
.mar30h {margin:0 30px !important;}
.mar30v {margin:30px 0px !important;}
.mar30 {margin: 30px !important;}
	
.colBottom{width:300px; float:left;}
.colBottomSingle{width:630px; 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;}

.inputImg {border:0px; margin: 0; padding: 0; background:none;}

.noBorder {border:0px;}	



/* layout stuff */
	
.picText {border-left: 10px solid #d80015; margin-left:2px; padding-left: 5px;}
	
.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;}
	
.gm_mb_input, .gm_class_input{width:155px; padding: 3px 5px; font-size: 13px; border: 2px solid #e8e8e8;}
	
.cell_right, .module_option_radio {float:right;}
.cell_left, .module_option_title {float:left;}

table.sizeGuideTable {border-collapse: collapse;}
.sizeGuideTable td, .sizeGuideTable th {font-size: 12px !important;  border:1px solid #898989; text-align:center; padding:2px 4px;}

.manu-tabs ul { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	float: left;
	position: relative;
	border-right: 1px solid #ddd;
	bottom: -1px;
}

.manu-tabs li { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
    float: left;
    border: 1px solid #ddd;
    border-right: none; 
}
.manu-tabs li a { 
	list-style: none;
	float: left;
	padding: .5em 1.7em;
	color: #555555;
	background: #e6e6e6; 
}

.manu-tabs li a:hover { background: #dadada; color: #212121; }
.manu-tabs li.selected-tab { border-bottom-color: #fff;}
.manu-tabs li.selected-tab a, .manu-tabs li.selected-tab a:hover { background: #fff; }
.tab-panel { clear:left; border: 1px solid #d3d3d3; background: #ffffff; color: #222222; padding: 1.5em 1.7em;}



/* color  */

.greyBorder {border-left:10px solid #f8f8f8;}
.greyBorderBot {border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
td.greyBorder {padding:0 10px;}

.grey, span.grey a {color: #898989;}
.greyBG, .module_option_checked, .even {background-color: #f2f2f2;}

.lightGrey, a.lightGrey, span.lightGrey a {color: #b9b9b9;}

.black, span.black a, p.black a {color: #333;}
	
.whiteBG {background-color: #fff;}
	
.red, span.red a, 
p.red a, 
.inputRequirement, 
.cell_note, 
.class_error_message,
.markProductOutOfStock {color: #EE6673;}
	
.redBG, 
li.cat_sub_link, 
.navigation, 
#product_navigation,
.odd {background-color: #fff9fa;}
	
.redBorder{border: 1px solid #EE6673;}
	


/* fonts */

.bolder, 
.cell_note, 
.inputRequirement, 
.class_error_message,
.strong,
.markProductOutOfStock {font-weight:bolder;}
  
.markProductOutOfStock {font-size:19px;}
  
.small, a.small, 
a.headerNavigation, 
.cat_sub_link, 
.navigation, 
#product_navigation,
.cell_note,
.class_error_message,
.copyright {font-size: 11px !important; font-family: arial, sans-serif;}
	
.raquoSize{font-size:1.2em;}
.noUnderline{text-decoration: none;}	
	
/* ----------------------
 bREADCRUMB
 ------------------------ */
 
div.bread{
	padding:0;
	margin: 2px 0 20px 5px;
	background: url("../images/breadBG.gif") repeat-x center;
	height:20px;
}

.breadEck{margin:-8px 0 0 -13px; *margin:-2px 0 0 -13px;}
 
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
 ------------------------ */
 
#cartBox1{
	-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;
}
#cartBox {padding: 10px; margin-top:10px;}

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, 
form#advancedsearch select
{color: #D80015;}

form#create_account, 
form#account_edit, 
form#sign, 
#default_adress,
form#account_password,
form#gm_account_delete,
#wishlistBox,
#details_body,
#cartDiv,
.module_nameDiv,
.checkout_addresses,
form#advancedsearch,
form#new_find{
	border: 1px solid #fff0f2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 15px #f0f0f0;
	-moz-box-shadow: 0 0 15px #f0f0f0;
	box-shadow: 0 0 15px #f0f0f0;
	padding: 10px;
	margin: 10px 0;
}

.gm_cart_data{width:20px !important;}
#gm_content, .comments_textarea{width:465px;}

#default_adress{text-align:center; width:300px; margin:20px auto; padding:10px 0;}

.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,
ul#content_box_new_products_startpage
	{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,
ul#content_box_new_products_startpage li
	{float:left; margin: 10px 13px 10px 10px; height: 180px;}

ul#content_box_new_products_main_body li, 
ul.product_box li, 
ul#new_products_overview li, 
ul.specials_product_box li
	{height: 220px;}

.product_previewBox{
	border:1px solid #eee;
	height:105px; 
	width:150px;
	overflow:hidden;
}

#products_description{margin:25px 0;}

.brandsBox{width:480px; margin:30px auto 0;}
.brandsBox div a:hover {opacity: .6; filter: alpha(opacity=60);}

ul.cat_link li a {display:block;}

.product_previewBoxText{width:156px; overflow:hidden;}

.navigation{height: 20px; margin-bottom:20px;}

.product_info_link{cursor: pointer;}

#gm_attr_calc_qty{width: 15px;}

#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: 0 0 15px #f0f0f0;
	-moz-box-shadow: 0 0 15px #f0f0f0;
	box-shadow: 0 0 15px #f0f0f0;
	width: 200px;
	border: 1px solid #fff0f2;
	
}

.copyright{text-align: center; background-color: #f8f8f8; width:960px; margin: 0 auto;}


/* ----------------------
 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
 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;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {display:block; position:absolute; z-index:5;}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#E2001B;
	color:#fff;
	font-weight: bold;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {padding:5px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; 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;}
.nivo-controlNav {position:absolute; left:90%; bottom:10px;}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../js/nivoslider.pack2.5/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.pack2.5/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;}