/**
* Stylesheet
*
* @copyright       Andre Gärtner
* @link            http://www.phodana.de
* @package         xtcMobile for Gambio GX2
* @version         1.0.0   
*/

/* Ausklammern, wenn Zurück Button angezeigt werden soll */
.ui-header a.ui-btn-back {  }
#intro { margin: 10px 0 40px; padding-bottom: 30px; line-height: 1.4em; border-bottom: 1px solid #ccc; display: none }

/* Heading Styles */
h1 { margin: 15px 0 20px; font-size: 24px }
h2 { font-size: 20px; }
h3 { }
h4 { }
h5 { }
label { font-weight: bold !important; }

/* Default Styles */
.ui-link {  } /* Link Color */
.ui-body-c { background: #e5e5e5 !important; } /* Background */
.imgLeft { float: left; margin-right: 5px; max-width: 100px; border: 1px solid #ccc; }
.imgRight { float: right; margin-left: 5px; max-width: 100px; border: 1px solid #ccc; }
.contentlinks ul li strong, .infolinks ul li strong { font-weight: bold; }
.mst-cat-description h3 a { border-radius: 0; }
#__dimScreen, #popup_box { display: none !important; }

#hinweis-header {text-align: center;}

/* Startpage and Logo Styles */
#page_index { background: #ffdd82 !important; }
/*#page_index { background: url("img/mst_bg_header.png") repeat-x center top #e5e5e5 !important; }*/

#page_index .ui-content { background: none !important; }
#page_index #mst-header { background: #ff9900; text-align: center; text-align:center; }
#page_index #mst-header h1 { margin: 0 0 10px; }
#page_index #mst-header p { margin: 0 0 10px; }
#mst-box-search input.ui-input-text { background-image: url("img/icon-search-black.png") !important; background-repeat: no-repeat !important; background-position: right 8px !important; background-size: 26px 16px !important; background-color: #f5f5f5 !important; width: 96% !important; }

/* Footer Styles */
#mst-settings { margin: 15px 8px !important; }
#mst-box-currencies, #mst-box-languages { text-align: center; margin-bottom: 5px; }
#mst-view { text-align: center; margin-bottom: 10px; }
#mst-copyright { text-align: center; margin-bottom: 5px; font-size: 80%; }

/* NavBar Bottom */
.mst-navbar .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.mst-navbar .ui-btn .ui-icon { box-shadow: none !important; height: 30px !important; margin-left: -15px !important; width: 30px !important; }
#bt_search .ui-icon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("img/icons-white/07.png"); 
	background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; }
#bt_account .ui-icon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("img/icons-white/124.png"); 
	background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; }
#bt_login .ui-icon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("img/icons-white/55.png"); 
	background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; }
#bt_cart .ui-icon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("img/icons-white/81.png"); 
	background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; }
#bt_more .ui-icon { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("img/icons-white/105.png"); 
	background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; }

/* Page Navi Styles */
.mst-page-navi { margin: 35px 0 25px 0; text-align: center; }
.mst-page-navi div { text-align: center; padding: 2px; }

/* Productlists */
.mst-cat-description { margin: -15px -10px 15px !important; }
.mst-product-price { font-weight: bold; padding: 2px 5px; font-size: 11px; }
.mst-productlist .ui-li-heading { font-weight: bold; margin: 0 0 0.6em !important; }
.mst-newproductlist { margin-top: 15px !important; }
.productOldPrice   { text-decoration: line-through; }

/* Productinfo */
#mst-product-info-wrap h1 { margin: 0px 0 10px; font-size: 24px }
#mst-product-pics {
		background: #fff;
		margin: 0 -15px;
		padding: 10px 0;
		border: 1px solid #CCC;
		border-left: 0;
		border-right: 0;
		position: relative
}
#mst-product-pics ul img { height: 180px; max-width: 250px; }
#mst-product-pics ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
#mst-product-pics li {
	font-size: 30px;
	color: #666;
	text-align: center;
	width: 250px;
	height: 180px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
}
#mst-product-pics .dragimage { position: absolute; right: 10px; bottom: 10px; }
.caroufredsel_wrapper { margin: auto !important; }
.clearfix { float: none; clear: both; }

#mst-product-details { }
#mst-product-details .productprice { padding-top: 10px; font-size: 28px; text-align: right }
#mst-product-details .productprice .productOldPrice { font-size: 60%; }
#mst-product-details .productprice small:last-child { font-size: 60%; }
#mst-product-details .taxandshippinginfo { padding-bottom: 25px; text-align: right }
#mst-product-details .productoptions { padding: 10px 0; }
#mst-product-info-wrap .cartblock { background: #fff; margin: 10px -15px; padding: 15px; border: 1px solid #ccc;}
#mst-product-info-wrap input[name=products_qty] { width: 30px !important; text-align: center }
#mst-tabs h3 { margin: 0 -14px; }
#mst-tabs .ui-collapsible-content { background: #fff; margin: 0 -14px; padding-left: 15px; padding-right: 15px; border: 1px solid #CCCCCC; border-top: 0; }
#tabbed_description_part .ui-tabs-nav { display: none; }
#social_bar { text-align: right; margin: 30px 0; }
#social_bar a { padding-left: 20px;}

/* Allgemein */
.errormessage { border: 1px solid #F00; background: #FFB9B9; padding: 10px; margin-bottom: 15px; border-radius: 0.6em 0.6em 0.6em 0.6em; }
.inputRequirement { position: absolute; right: 20px; font-size: 14px; top: 30px; }
.productnavigator { font-size: 80%; }
.errormessage font { color: #000; }
.gb_entty { background: #fbfbfb !important; }

/* Bewertungen*/
#user_rating .ui-radio { display: inline; }
#user_rating .ui-radio input { position: relative; left: 0; margin: 0 5px; }

/* Bestellübersicht*/
.orderdetails { border: 1px solid #000; }
.headerrow td { color: #fff }
.subtotal { color: #fff; font-weight: normal !important; }
.quantity input { width: 15px !important; text-align: center !important; }
.hilight { background: #F99 !important; }
.mark { background: #FFC !important; }

/* Bestell Prozess */ 
.shippingblock input, .paymentblock input { left: 8px !important; top: 5px !important; }
.collapsible { margin: 15px !important; }
.total_block { background: #DFECF4 ; border: 1px solid #ccc; padding: 5px 10px; }
.total_block table { width: 100%; }
.total_block td:last-child, .products_block td:last-child { width: 110px; }
.products_block { background: #DFECF4 ; border: 1px solid #ccc; padding: 5px 10px; }
.products_block table { width: 100%; }
.products_block td:first-child { width: 30px; }
.del input { position: relative !important; left:0 !important; }
.checkoutagb { margin: 0 -20px; }
.checkoutagb textarea { height: 250px !important; }

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation { margin:0; padding:0; margin-top:15px; }
ul#checkoutnavigation li { list-style-type:none; float:left; width:25%; text-align: center }
ul#checkoutnavigation li div { padding: 10px;  border: 1px solid #ccc; margin-left: 5px; }
ul#checkoutnavigation li.active div { background-color: #fff; }
ul#checkoutnavigation li.active .number { font-size:20px; font-weight:bold; }
ul#checkoutnavigation li.active .title { font-size:14px; font-weight:bold; }
ul#checkoutnavigation li.active .description { font-size:11px; }
ul#checkoutnavigation li.inactive div { color:#999; background-color: #EDEDED; border-color:#999; }
ul#checkoutnavigation li.inactive .number { font-size:20px; font-weight:bold; }
ul#checkoutnavigation li.inactive .title { font-size:12px; font-weight:bold; }
ul#checkoutnavigation li.inactive .description { font-size:11px; }

/* CHECKOUT ADDRESS BUTTONS */
#checkout_address .spb .ui-btn { text-align: left !important; font-weight: normal !important; position: relative !important; padding: 10px !important; }
#checkout_address .spb .ui-btn .ui-radio { display: none }
#checkout_address .spb td { padding-bottom: 5px; }
#checkout_address .spb tr tr td:first-child { display:block; }
#checkout_address .spb .moduleRow td, #checkout_address .spb .moduleRowSelected td, #checkout_address .spb .moduleRowOver td { padding: 10px; }


@media all and (min-width: 650px){
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
		border-top: 0;
		margin: 30px 0 20px 2%;
		padding: 20px 4% 0 0;
		background: none;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
		margin-bottom: 20px;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-settings { padding: 10px 20% 0; margin: 0 20px; border-top: 1px solid #ccc; }
	#intro { display: block }
	
}
@media all and (min-width: 750px){
 	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}
	.content-settings { padding: 10px 30% 0; margin: 0 20px; border-top: 1px solid #ccc;  }
	#intro { display: block }
}

@media all and (min-width: 1200px){
	.content-secondary {
		width: 30%;
		padding-right:6%;
		margin: 30px 0 20px 5%;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.content-settings { padding: 10px 35% 0; margin: 0 60px; border-top: 1px solid #ccc; }
	#intro { display: block }
}

IMG.ts125{
 margin-left: 0px;
 width: 100%;
 height: auto;
 border:0px;}
IMG.mznavi {
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
IMG.gehaeusemittelteils51b{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.telegabels51b{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.antrieb{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.vergasersimson{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.zylinderetz{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.zylinderetz2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzrad1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzseitenstaender{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzsitzbank1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzkotfluegelhinten{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzkurbelwelle{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzrahmenkippstaender{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzbowdenzuege{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzkotfluegel{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzkotfluegel2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzhinterrad{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzkupplung{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzkupplung2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzhbz{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etztank{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzschaltung{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzschaltung1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzkabelbaum{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzvergaser{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzvergaser2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}
 IMG.etzgehaeusezubehoer{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzgehaeusedeckel{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzdrehzahlmesserantrieb{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzrahmenfussraste{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzansauganlage{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzansauganlage2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzinstrumente1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzinstrumente2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzauspuff2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzlenker1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}  
 IMG.etzinnereelektrik1{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;} 
 IMG.etzgetriebe2{
 margin-left: 0px;
width: 100%;
 height: auto;
 border:0px;}