@CHARSET "UTF-8";

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;	
	
	background-color: #E9E9E9;
}

#page {
	width: 908px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	
	margin: 5px;
	border: none;
	padding: 0px;
	
	display: block;	
	
	text-align: justify;
	
	background-color: #FFF;
}

#main {
	background-color: #FFF;
	
	margin: 5px 0 0 0;
	border: none;
	padding 0;
	
	width: 100%;
	min-height: 530px;
	height: auto !important;
	height: 530px;
	
	float: left;
}

div.clear {
	clear: both;
	height: 0px;
	width: 0px;
	
	margin: 0px;
	border: none;
	padding: 0px;
}

/* ---------------------------------------------------------- */
/* common classe											  */
/* ---------------------------------------------------------- */

.nobreak {
	white-space: nowrap;
}

img.f60_zubesko_zkbild {
	border: none;
}

/* ---------------------------------------------------------- */
/* Top Box   												  */
/* ---------------------------------------------------------- */


#topbox {
	width: 908px;
	height: 72px;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	background-image: url('/media/layout/Header_HG.gif');
}

#topbox div.logo {
	width: 210px;
	height: 56px;
	
	margin: 4px 0 0 8px;
	border: none;
	padding: 0px;
		
	float:left;
	text-align: left;
}

#topNav {
	width: 630px;
	heigth: 20px;
	
	margin: 2px 2px 0px 0px;
	border: none;
	padding: 0px;
	
	float: right;
	text-align: right;
	font-size: 0.7em;
}

#topNav ul {
	width: auto;
	float: right;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0px;
}

#topNav li {
	float: left;
	margin: 0px;
	border-left: solid 1px #000;
	padding: 0px 3px;
}


#topNav li:FIRST-CHILD {
	border-left: none;
}
	
#topNav a {
	color: #000;
	text-decoration: none;
}

#topBttns {
	width: 630px;
	heigth: 40px;
	
	margin: 10px 2px 0px 0px;
	border: none;
	padding: 0px;
	
	float: right;
	text-align: right;
	font-size: 0.7em;	
}

#div_tbSearch {
	width: 230px;
	height: 30px;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	float: right;
}

#frm_tbSearch {
	display: block;
	
	width: 220px;
	height: 30px;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	float: right;
}	

#fld_tbSearchOuter {
	text-align: left;
	width: 140px;	
	float: left;
	
	margin: 2px 2px 0 2px;
	border: none;
	padding: 0px;
	
	font-size: 0.9em;
}

#fld_tbSearch {
	width: 140px;
	height: 1.1em;
	font-size: 1em;
}

#btn_tbSearch {
	margin-top: -3px;
}

#div_tbBasket {
	width: 180px;
	float: right;	
	padding-top: 5px;
}

#div_tbBasket img {
	float:left;
}

#btn_tbBasket {
	margin-top: -9px;
}

#div_tbLeaflet {
	width: 150px;
	float: right;	
	padding-top: 5px;
}

#btn_tbLeaflet {
	margin-top: -18px;
}

/* ---------------------------------------------------------- */
/* Top Menu   												  */
/* ---------------------------------------------------------- */

#topmenu {
	background-color: #FFF;
}

#shopTopmenu {
	width: 908px;
	height: 50px;
	float: left;

	list-style-type: none;
	margin: 5px 0 0 0;
	border: none;
	padding: 0px;
	
}
#shopTopmenu ul {
	width: 908px !important;
	height: 50px;
	float: left;
	
	margin: 0;
	border: none;
	padding: 0;
}

#shopTopmenu li {
	width: auto;
	height: 50px;
	float: left;
	margin: 0px;
	border: none;
	padding: 0px;
	
	background-repeat: no-repeat;	
	background-position: left top;
	
	overflow: hidden;		
}

#shopTopmenu div.topmenubttn {
	float: left;
	width: 100px;
	height: 40px;
	
	margin: 0px;
	border: none;
	padding: 8px 4px 0px 0px;
	
	background-repeat: no-repeat;
	background-position: left top;
	
	overflow: hidden;
	text-align: center;
	
	
	font-family: Serif;
	font-size: 12px;	
	line-height: 14px;
}

#shopTopmenu a {
	text-decoration: none;
	vertical-align: middle;
	color: #000;
}
	
/* ---------------------------------------------------------- */
/* Side Menu   												  */
/* ---------------------------------------------------------- */

#sidemenu {
	width: 170px;
	min-height:530px;
  	height:auto !important;
  	height:530px;
  	
  	float: left;
  	
  	margin: 0px;
  	border: none;
  	padding: 0px;
}

#sidemenu ul.menu {
	margin: 0px;
	broder: none;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#sidemenu li.shopMenuNode {
	font-size: 80%;	
	margin: 0px 0px 2px 0px;
	border: none;
	border-bottom: solid 1px #FFF;
	padding: 2px 2px 4px 5px;	
}

#sidemenu li.shopMenuNode:FIRST-CHILD {
	margin-top: 2px;
	border-top: solid 1px #FFF;
}

#sidemenu a {
	text-decoration: none;
	color: #000;
}

#sidemenu h1.menuTitle {
	font-size: 80%;

	width: 150px;
	float: left;
	
	margin-top: 2px;
	border: none;
	padding: 5px 4px;
	
	color: #FF0000;
	background-image: url('/media/layout/Header_HG.gif');
	
	text-align: center
}

#sidemenu h1.menuTitleImg {
	margin-top: 0px;
	border: none;
	padding: 0px 4px 5px 4px;
}	

#sidemenu span.imgLink {
	width: 150px;
	float: left;
	
	margin: 0px;
	border: none;
	padding: 0 0 10px 0;
	
	text-align: center;
}

#sidemenu img.imgLink {
	margin: 0;
	border: none;
	padding: 0;
}

#sidemenu div.addthis_button {
	margin: 15px 0 0 10px;
}

#sidemenu li.marken {
	cursor: pointer;
}

#sidemenu li.partner {
	cursor: pointer;
}


/* ---------------------------------------------------------- */
/* Login Box 												  */
/* ---------------------------------------------------------- */

div.loginFormOuter {
	width: 154px;
	
	display: block;
	float: left;
	
	margin: 0 0 10px 0;
	broder: none;
	padding: 0px;
}

div.loginFormTop {
	width: 154px;
	height: 9px;
	float: left;
	
	margin: 0px 5px;
	border: none;
	padding: 0px 5px;
	
	background-image: url("/media/layout/login/boxTop.gif");
	background-repeat: no-repeat;
	
}

div.loginForm {
	width: 154px;
  	height:163px;
	float: left;
	  		
	margin: 0px 5px;
	border: none;
	padding: 0px 15px 0px 5px;
	
	background-image: url("/media/layout/login/boxBG.gif");
	background-repeat: repeat-y;
	background-position: left top;
	
	font-size: 0.7em;
}

div.loginForm p {
	margin: 0px;
	margin-bottom: 12px;
}

div.loginForm input {
	width: 130px;
}

div.loginForm input.btnUserLogin {
	width: 80px;
	margin: 0 20px 10px 0;
}


img.loginFormLock {
	width: 16px;
	height: 24px;
	float: right;
	
	margin: -3px 20px 2px 2px;
	border: none;
	padding: 0px;
}

div.loginFormBottom {
	width: 154px;
	height: 9px;
	float: left;
	
	margin: 0px 5px;
	border: none;
	padding: 0px 5px;
	
	background-image: url("/media/layout/login/boxBottom.gif");
	background-repeat: no-repeat;
}
	
div.loginFormOuter>img.loginFormBtn {
	margin: 0 0 0 -3px;
	border: none;
	padding: 0px;
}


/* ---------------------------------------------------------- */
/* content Box 												  */
/* ---------------------------------------------------------- */

#contentWrapper {
	width: 735px;
	min-height:500px;
  	height:auto !important;
  	height:500px;
  	
  	float: left;
  	
  	margin: 0 0 175px 0;
  	border: none;
  	padding: 0 0 0 3px;
  	
  	background-color: #FFF;  	
}

#content div.prhRePo{
	width: 100%;
	min-height: 169px;
	height: auto !important;
	height: 169px;
	
	margin: 0;
	border: none;
	padding: 0;
	
}
	
/* ____ preishit _____ */
	
#content div.prhOuter {
	width: 485px;	
	min-height: 169px;
	height: auto !important;
	height: 169px;
	
	float: left;
	
	margin: 0px;
	border: solid 2px #e2001a;
	padding: 0px;
	
}

#content a.prhLink {
	text-decoration: none;
	color: #000;
}


#content div.prhHeadline {
	height: 59px;
	background-image: url('/media/layout/preishammer/preishammer.jpg');
	background-repeat: no-repeat
}

#content div.prhContent {

	height: 195px;
	width: 100%;
	
	background-repeat: no-repeat;
	background-position: center top;
	
	overflow: hidden;
}

#content img.prhLink {
	width: 485px;
	height: 195;
	border: none;
}
	

/* ____ restposten _____ */

#content div.rePoOuter {
	width: 240px;	
	min-height: 254px;
	height: auto !important;
	height: 254px;
	
	float: right;
	
	margin: 0px -10px 0px 0px;
	border: none;
	padding: 0px;
	
}



#content div.rpoContent {
	height: 254px;
	width: 240px;
	background-repeat: no-repeat;
	background-position: left top;
	
	overflow: hidden;
}

#content a.rpoLink {
	text-decoration: none;
	color: #000;
}

#content img.rpoLink {
	height: 254px;
	width: 240px;
	
	border: none;
}

/* ---------------------------------------------------------- */
/* headlines		   										  */
/* ---------------------------------------------------------- */

h1 {
	width: 100%;
	
	border: none;
	padding: 2px;	
	
	font-size: 100%;
	font-weight: bolder;		
}

h2 {
	width: 100%;
	
	border: none;
	padding: 2px;	

	font-size: 100%;
	font-weight: normal;	
}

h1.default {	
}



h2.default {
}
	

h1.BlackYellow {
	color: #000000;
	
	background-color: #ffce0d;
	background-image: url(/media/layout/Header_HG.gif)
}

h1.BlueGray {
	color: #005da7;
	background-color: #C0C0C0;	
}
	
h2.BlackYellow {
	color: #000000;
	
	background-color: #ffce0d;
	background-image: url(/media/layout/Header_HG.gif)
}

h2.BlueGray {
	color: #005da7;
	background-color: #C0C0C0;	
}


	

#content {
	margin: 0px;
	border: none;
	padding: 0px 10px 10px 0px;
}

#content h1 {
	width: 731px;
}

/* ---------------------------------------------------------- */
/* product group    										  */
/* ---------------------------------------------------------- */

#content h1.prodGrp {
	font-size: 100%;
	font-weight: bolder;
	
	color: #005da7;
	background-color: #C0C0C0;
	
	width: 725px;
	
	margin: 0 0 5px 0;
	border: none;
	padding: 5px;
}

#content div.proListWrapper {
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	float: left;
}


#content div.pgpProduct {
	width: 	176px;
	height: 220px;
	display: block;
	float: left;
	
	margin: 0px 4px 4px 0px;
	border: none;
	padding: 0px;
}

#content div.pgpProductTop {
	width: 176px;
	height: 2px;
	display: block;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	background-image: url('/media/layout/shop/pgpProductTop.jpg');
	background-repeat: repeat-y;
}

#content div.pgpProductContentWrapper {
	width: 176px;
	display: block;
	height: 210px;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	
	background-image: url('/media/layout/shop/pgpProductBG.jpg');
	background-repeat: repeat-y;
	
}

#content div.pgpProductBottom {
	width: 176px;
	height: 8px;
	display: block;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	
	background-image: url('/media/layout/shop/pgpProductBottom.jpg');
	background-repeat: repeat-y;
	
}

#content a.pgpProductLink {
	color: #000;
	text-decoration: none;
}

#content div.pgpProductDesc {
	height: 190px;	
	text-align: left;
	overflow: hidden;
}

#content div.pgpProductName {
	width: 100%;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	
	margin: 0 3px 5px 0;
	border: none;
	padding: 0px;
	
	float: left;
	background-position: 131px 0px;
	background-repeat: no-repeat;
}

#content h2.pgpProductName {
	width: 120px;
	font-size: 80%;
	font-weight: bolder;
	margin: 2px;
	border: none;
	padding: 0 0 0 5px;
	text-align: left;
}


#content div.pgpProductDetail {
	width: 170px;
	height: 150px;
	
	font-size: 80%;
	margin: 2px;
	border: none;
	padding: 0px;
	
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	
	float: left;	
}

#content div.pgpProductDetail2 {
	width: 170px;
	height: 176px;
	
	font-size: 80%;
	margin: 2px;
	border: none;
	padding: 0px;
	
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	
	float: left;	
}


#content div.pgpProductDetailTM {
	width: 100%;
	height: 126px;
	font-size: 80%;
	margin: 0px;
	border: none;
	padding: 0px;
}

#content div.pgpProductDetailTMImage {
	width: 100%;
	border: none;
	padding: 0 3px 2px 0;
	text-align: right;
	float: right;	
}

#content img.trademark {
	margin: 0px;
	border: none;
	padding: 0px;
}

#content div.pgpProductPrice {
	height: 20px;
	width: 160px;
	
	margin: 0px;
	border: none;
	padding: 2px 15px 0px 0px;
	
	font-weight: bolder;
	color: #FF0000;
	text-align: right;
}

#content .defaultPrice {
	font-size: 70%;
	font-weight: normal;
	text-decoration: line-through;
	padding-right: 10px;
}

/* ---------------------------------------------------------- */
/* product           										  */
/* ---------------------------------------------------------- */

#content h1.proName {
	font-size: 100%;
	font-weight: bolder;
	
	color: #0000FF;
	background-color: #C0C0C0;
	
	width: 100%;
	
	margin: 0 0 5px 0;
	border: none;
	padding: 5px;
}

	
/* ---------------------------------------------------------- */
/* cross/up-selling     										  	  */
/* ---------------------------------------------------------- */

#shop_pro_crossselling h3{
	font-size: 90%;
	font-weight: bolder;
	
	color: #0000FF;
	background-color: #C0C0C0;
	
	width: 100%;
	
	margin: 0 0 5px 0;
	border: none;
	padding: 5px;	
}

#shop_pro_upselling h3 {
	font-size: 90%;
	font-weight: bolder;
	
	color: #0000FF;
	background-color: #C0C0C0;
	
	width: 100%;
	
	margin: 0 0 5px 0;
	border: none;
	padding: 5px;	
}


/* ---------------------------------------------------------- */
/* grid           										  	  */
/* ---------------------------------------------------------- */


#content div.mainGrid {
	width: 100%;
	float: left;
}

#content td.gridTable {
	/*
	min-width: 500px;
	width: auto !important;
	width: 500px;
	*/
	
	margin: 0;
	border: none;
	padding: 5px;
}

#content a.gridLink {
	color: #000;
	text-decoration: none;
}

#content gridName {
	font-size: 90%;

	text-align: center;
	vertical-align: middle;
	
	padding: 4px;	
}

#content th.color {
	width: 70px;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;	
}

#content th.grid {
	width: 50px;
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;	
}

#content td.gridSize {
	width: 45px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	
	background-color: #ffcc00;
	margin: 0px 2px;
	border-top: solid 1px #ffeda5;
	border-right: solid 1px #ffeda5;
	border-bottom: solid 1px #ffde59;
	border-left: solid 1px #ffde59;
	padding: 1px;
}

#content td.gridSizeEmpty {
	width: 45px;
	background-color: #C0C0C0;
	margin: 0px 2px;
	border: solid 1px #C0C0C0;
	padding: 1px;
}	

#content td.gridPrice {
	width: 45px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;

	margin: 0px 2px;
	
	border-top: solid 1px #ffeda5;
	border-right: solid 1px #ffeda5;
	border-bottom: solid 1px #ffde59;
	border-left: solid 1px #ffde59;
	padding: 1px;
	
}

#content td.gridPriceEmpty {
	width: 45px;
	background-color: #C0C0C0;
	margin: 0px 2px;
	border: solid 1px #C0C0C0;
	padding: 1px;	
}

#content td.gridOrder {
	width: 45px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	
	background-color: #ffcc00;
	margin: 0px 2px;
	border-top: solid 1px #ffeda5;
	border-right: solid 1px #ffeda5;
	border-bottom: solid 1px #ffde59;
	border-left: solid 1px #ffde59;
	padding: 1px;
}

#content td.gridOrderEmpty {
	width: 45px;
	background-color: #C0C0C0;
	margin: 0px 2px;
	border: solid 1px #C0C0C0;
	padding: 1px;
}


/* --------------------------------------------------------------------------- */
/* top products 															   */
/* --------------------------------------------------------------------------- */

#content div.topAngebotWrapper {
	width: 725px;
}

#content div.topProduct {
	width: 	236px;
	height: 220px;
	display: block;
	float: left;
	
	margin: 0px 4px 12px 0px;
	border: none;
	padding: 0px;
	
	cursor: pointer;
}

#content div.topProductTop {
	width: 236px;
	height: 2px;
	display: block;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	background-image: url('/media/layout/shop/topProductTop236.jpg');
	background-repeat: repeat-y;
}

#content div.topProductContentWrapper {
	width: 236px;
	display: block;
	height: 220px;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	
	background-image: url('/media/layout/shop/topProductBG236.jpg');
	background-repeat: repeat-y;
	
}

#content div.topProductBottom {
	width: 236px;
	height: 8px;
	display: block;
	
	margin: 0px;
	border: none;
	padding: 0px;
	
	
	background-image: url('/media/layout/shop/topProductBottom236.jpg');
	background-repeat: repeat-y;
	
}

#content a.topProductLink {
	color: #000;
	text-decoration: none;
}

#content div.topProductDesc {
	height: 190px;	
	text-align: left;
}

#content div.topProductName {
	width: 100%;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	
	margin: 0 3px 5px 0;
	border: none;
	padding: 0px;
	
	float: left;
	background-position: 195px 0px;
	background-repeat: no-repeat;
}

#content h2.topProductName {
	width: 184px;
	font-size: 90%;
	font-weight: bolder;
	margin: 2px;
	border: none;
	padding: 0 0 0 5px;
}


#content div.topProductDetail {
	width: 230px;
	height: 150px;
	
	font-size: 80%;
	margin: 2px;
	border: none;
	padding: 0px;
	
	background-color: #FFF;
	background-position: left center;
	background-repeat: no-repeat;
	
	float: left;	
}


#content div.topProductDetailTM {
	width: 100%;
	height: 126px;
	font-size: 80%;
	margin: 0px;
	border: none;
	padding: 0px;
}

#content div.topProductDetailTMImage {
	width: 100%;
	border: none;
	padding: 0 3px 2px 0;
	text-align: right;
	float: right;	
}

#content img.trademark {
	margin: 0px;
	border: none;
	padding: 0px;
}

#content div.topProductPrice {
	height: 20px;
	width: 224px;
	
	margin: 0px;
	border: none;
	padding: 2px 15px 0px 0px;
	
	font-weight: bolder;
	color: #FF0000;
	text-align: right;
}

/**
 * letter sets
 */	

div.zwgld_letterWrapper {
	clear: both;
}

div.zwgld_letter {
	width: 45px;
	
	margin: 2px;
	border: none;
	padding: 0;
	
	float:left;
	
	cursor: pointer;
}

div.zwgld_letter>img {
	width: 45px;
}

#frmOrderLetterSet {
	clear: both;
}