/* content.css
------------------------------------------------------------------------
This stylesheet contains the content CSS rules for intersport

Author: elements.at 
--------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* HEADER AREA (teaser etc...)											 */
/* --------------------------------------------------------------------- */
#head .teaser,
#head .teaser.left {
	position: absolute;
	top: 71px;
	z-index: 3;
	left: 10px;
}

#head .teaser.right {
	left: auto;
	right: 10px;
}

#head .teaser h2,
#head .teaser h2.white {
	font-family: 'DINWebPro-Medium', Arial, Helvetica, sans-serif;
	font-size: 49.5px;
	letter-spacing: -1px;
	line-height: 50px;
	text-shadow: 0px 0px 5px #333;
	color: #fff;
}

#head .teaser h3,
#head .teaser h3.red {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px;
	text-shadow: 0px 0px 3px #333;
	color: #e60a0a;
	padding: 0 0 2px 0;
	font-weight: normal;
}

#head .teaser h2.red {
	color: #e60a0a;
}

#head .teaser h3.white {
	color: #fff;
}

#head .teaser h2.blue,
#head .teaser h3.blue {
	color: #143ca0;
}

#head .teaser.right h2,
#head .teaser.right h3 {
	text-align: right;
}



/* --------------------------------------------------------------------- */
/* GENERAL SITECONTAINERS												 */
/* --------------------------------------------------------------------- */
#contentarea {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/backgrounds/contentarea-topbg.png) center top no-repeat;
	border-bottom: 1px solid #d9dcdf;
	width: 990px;
	padding: 0 0 30px 0;
	overflow: hidden;
}

#background_contentborders.wide #contentarea {
	background: url(/static/img/backgrounds/contentarea-topbg-wide.png) center top no-repeat;
}

#background_contentborders.fully #contentarea {
	padding:0;
	background: url(/static/img/backgrounds/contentarea-topbg-wide-fully.png) center top no-repeat;
}

#contentarea.short,
#background_contentborders.wide.subsidebar #contentarea.short {
	background: url(/static/img/backgrounds/contentarea-topbg-full.png) center top no-repeat;
	padding: 100px 0 0 0;
}

#background_contentborders.wide #contentarea.short {
	background: url(/static/img/backgrounds/contentarea-topbg-full-wide.png) center top no-repeat;
}

#background_contentborders.subsidebar #contentarea {
	background: url(/static/img/backgrounds/contentarea-topbg.png) center top no-repeat;
}

#textarea {
	width: 565px;
	padding: 10px 0 20px 0;
	float: left;
}

#background_contentborders.fully #textarea {
	width: 990px;
	padding: 10px 0 20px 0;
	float: left;
}

#background_contentborders.wide #textarea {
	width: 765px;
	padding: 10px 0 20px 0;
	float: left;
}

#textarea.full,
#background_contentborders.wide #textarea.full {
	padding: 0;
}

#sidebar {
	width: 200px;
	padding: 17px 0 20px 0;
	margin: 0;
	float: left;
}

#background_contentborders.wide #sidebar {
	display: none;
}

#background_contentborders.full #sidebar {
	display: none;
}

#contentarea.short #sidebar {
	padding: 0 0 20px 0;
}



/* --------------------------------------------------------------------- */
/* SUB NAVIGATION														 */
/* --------------------------------------------------------------------- */
#subnav {
	width: 205px;
	padding: 23px 10px;
	float: left;
}

#subnav h2 {
	color: #143ca0;
	padding: 0 0 13px 0;
}

#subnav ul {
	list-style: none;
}

#subnav ul li {
	margin: 0 0 6px 0;
	font-size: 0px;
}

#subnav ul li a {
	width: 205px;
	color: #333;
	display: block;
	cursor: pointer;
	font-size: 12px;
}

#subnav ul li a .text {
	background: url(/static/img/buttons/OPT-buttons-new.png) -337px top no-repeat;
	padding: 3px 10px 0 23px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

#subnav ul li a .bottom {
	background: url(/static/img/buttons/OPT-buttons-new.png) -337px bottom no-repeat;
	height: 3px;
	display: block;
	font-size: 0px;
	line-height: 0px;
}

#subnav ul li.hover a .text,
#subnav ul li.active a .text {
	background-position: -542px top;
	color: #fff;
}

#subnav ul li.hover a .bottom,
#subnav ul li.active a .bottom {
	background-position: -542px bottom;
}

#subnav ul li ul {
	display: none;
}

#subnav ul li.active ul {
	display: block;
	padding: 3px 0 9px 15px;
}

#subnav ul li.active ul li {
	margin: 1px 0 3px 0;
}

#subnav ul li.active ul li a,
#subnav ul li.active ul li.active ul li a,
#subnav ul li.active ul li.active ul li.active ul li a {
	background: url(/static/img/icons/OPT-linkarrow.gif) left 5px no-repeat;
	padding: 0 0 0 8px;
	width: 182px;
}

#subnav ul li.active ul li a .text,
#subnav ul li.active ul li.active ul li a .text,
#subnav ul li.active ul li.active ul li.active ul li a .text {
	background: none;
	font-weight: normal;
	color: #143ca0;
	padding: 0;
}

#subnav ul li.active ul li a .bottom {
	display: none;
}

#subnav ul li.active ul li.active a,
#subnav ul li.active ul li a:hover,
#subnav ul li.active ul li.active ul li.active a,
#subnav ul li.active ul li.active ul li a:hover,
#subnav ul li.active ul li.active ul li.active ul li.active a,
#subnav ul li.active ul li.active ul li.active ul li a:hover {
	background-position: left -97px;
}

#subnav ul li.active ul li.active a .text,
#subnav ul li.active ul li a:hover .text,
#subnav ul li.active ul li.active ul li.active a .text,
#subnav ul li.active ul li.active ul li a:hover .text,
#subnav ul li.active ul li.active ul li.active ul li.active a .text,
#subnav ul li.active ul li.active ul li.active ul li a:hover .text {
	color: #e60a0a;
}

#subnav ul li.active ul li.active ul li a {
	width: 167px;
}

#subnav ul li.active ul li.active ul li.active ul li a {
	width: 152px;
}



/* --------------------------------------------------------------------- */
/* CONTENT BLOCK - general styles										 */
/* --------------------------------------------------------------------- */
#textarea h1 {
	font-family: 'DINWebPro-Medium', Arial, Helvetica, sans-serif;
	padding: 0 20px 14px 20px;
}

#textarea .contentblock {
	padding: 0 20px;
	overflow: hidden;
}

#textarea .bigfont,
#textarea .contentblock.bigfont {
	font-size: 14px;
}

#textarea .contentblock h1 {
	padding: 0 0 14px 0;
}

#textarea hr,
#textarea .hrule {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	border: none;
	padding: 0 0 22px 0;
	margin: 0 0 10px 0;
}

#background_contentborders.wide #textarea hr,
#background_contentborders.wide #textarea .hrule {
	background-image: url(/static/img/hrule-wide.jpg);
}

#textarea .hrule,
#background_contentborders.wide #textarea .hrule {
	height: 7px;
	padding: 0 0 15px 0;
	font-size: 0px;
}

#textarea .productdetail p,
#textarea .contentblock p {
	padding: 3px 0 6px 0;
}

#textarea .contentblock blockquote {
	background: url(/static/img/blockquote.gif) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 45px;
}

#textarea .productdetail ul,
#textarea .contentblock ul {
	list-style: none;
	padding: 6px 0;
	overflow: hidden;
}

#textarea .productdetail ol,
#textarea .contentblock ol {
	list-style: decimal;
	margin: 6px 20px;
}

#textarea .productdetail ol li,
#textarea .contentblock ol li {
	padding: 0 0 0 5px;
}

#textarea .productdetail ul li,
#textarea .contentblock ul li {
	background: url(/static/img/listitem.gif) left 7px no-repeat;
	padding: 0 0 0 11px;
}

#textarea .contentblock table {
	width: 100%;
	border-top: 1px solid #d9dcdf;
	margin: 10px 0;
}

#textarea .contentblock table thead th {
	border-bottom: 2px solid #d9dcdf;
	background-color: #f5f6f7;
}

#textarea .contentblock table tbody th {
	font-weight: normal;
	background-color: #f5f6f7;
}

#textarea .contentblock table td,
#textarea .contentblock table th {
	border-bottom: 1px solid #d9dcdf;
	padding: 5px 10px;
	vertical-align: top;
}

#textarea .contentblock .obligatory {
	padding: 0 10px;
	background-color: #eaecee;
}



/* CONTENT - right image
------------------------------------------------*/
#textarea .contentblock .images {
	float: right;
	position: relative;
	right: -20px;
	width: 194px;
}

#textarea .contentblock .rightimage {
	background: url(/static/img/backgrounds/content-rightimage-shadow.jpg) left bottom no-repeat;
	margin: 0 0 13px 0;
	padding: 0 0 7px 0;
	position: relative;
	font-size: 0px; /* ie6 */
	float: left;
	width: 193px;
}

#textarea .contentblock .rightimage.noborder {
	background: none;
	text-align: center;
}

#textarea .contentblock .rightimage img {
	border-left: 1px solid #f1f2f3;
	float: left;
}

#textarea .contentblock .rightimage.noborder img {
	border: none;
	float: none;
}

#textarea .contentblock .rightimage a {
	float: left;
}

#textarea .contentblock .rightimage .zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -15px;
	bottom: -8px !important;
	bottom: -15px;
	z-index: 10;
	display: block;
}

#textarea .contentblock .rightimage a:hover .zoom {
	background-position: left -30px;
}


/* CONTENT - one big image
------------------------------------------------*/
#textarea .bigimage {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	width: 565px;
	padding: 0 0 7px 0;
	margin: 15px 0;
	text-align: center;
	position: relative;
}

#textarea .bigimage .caption {
	font-weight: bold;
	padding: 10px 20px;
}

#background_contentborders.wide #textarea .bigimage {
	background: url(/static/img/hrule-wide.jpg) center bottom no-repeat;
	width: 765px;
}

#textarea .bigimage a.zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 48%;
	bottom: -10px;
	z-index: 10;
}

#textarea .bigimage a.zoom:hover {
	background-position: left -30px;
}


/* CONTENT - flash
------------------------------------------------*/
#textarea .flash {
	width: 565px;
	padding: 0 0 15px 0;
}

#background_contentborders.wide .flash {
	width: 764px;
}


/* CONTENT - gallery slider
------------------------------------------------*/
#textarea .gallery {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	width: 565px;
	height: 175px;
	margin: 10px 0;
	padding: 0 0 7px 0;
}

#background_contentborders.wide #textarea .gallery {
	background: url(/static/img/hrule-wide.jpg) center bottom no-repeat;
	width: 764px;
}

#textarea .gallery .galleryslider {
	width: 565px;
	height: 175px;
	padding: 0;
	position: relative;
}

#background_contentborders.wide #textarea .gallery .galleryslider {
	width: 740px;
	margin: 0 auto;
}

#textarea .gallery .galleryslider .slideImgleft {
	background: url(/static/img/content/gallery-sliders.png) left top no-repeat;
	width: 20px;
	height: 175px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#textarea .gallery .galleryslider .slideImgleft:hover {
	background-position: left -175px;
}

#textarea .gallery .galleryslider .slideImgleft.off {
	background-position: left -350px;
}

#textarea .gallery .galleryslider .slideImgright {
	background: url(/static/img/content/gallery-sliders.png) -20px top no-repeat;
	width: 20px;
	height: 175px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0 !important;
	right: -1px;
	z-index: 10;
}

#textarea .gallery .galleryslider .slideImgright:hover {
	background-position: -20px -175px;
}

#textarea .gallery .galleryslider .slideImgright.off {
	background-position: -20px -350px;
}

#textarea .gallery .galleryslider a.zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 267px;
	bottom: -15px;
	z-index: 10;
}

#background_contentborders.wide #textarea .gallery .galleryslider a.zoom {
	left: 367px;
}

#textarea .gallery .galleryslider a.zoom:hover {
	background-position: left -30px;
}

#textarea .gallery .galleryslider .galleryimages {
	width: 526px;
	height: 175px;
	margin: 0 19px 0 20px;
	overflow: hidden;
	position: relative;
}

#background_contentborders.wide #textarea .gallery .galleryslider .galleryimages {
	width: 701px;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer {
	width: 5270px;
	height: 175px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb {
	width: 175px;
	height: 175px;
	overflow: hidden;
	float: left;
	position: relative;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 175px;
	overflow: hidden;
}

#textarea .gallery .galleryslider .galleryimages .imagecontainer .img_thumb .shadow {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/content/gallery-imgoverlay-lines.png) left top no-repeat;
	width: 175px;
	height: 175px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#textarea .gallery.nolines .galleryslider .galleryimages .imagecontainer .img_thumb .shadow {
	background: url(/static/img/content/gallery-imgoverlay.png) left top no-repeat;
}


/* CONTENT - paging
------------------------------------------------*/
#textarea .pagingblock {
	padding: 10px 20px 10px 20px;
	overflow: hidden;
}

#textarea .pagingblock .paging {
	float: right;
}

#textarea .pagingblock .paging strong {
	color: #000;
	float: left;
}

#textarea .pagingblock .paging .pages {
	padding: 0 0 0 10px;
	float: left;
}

#textarea .pagingblock .paging .pages a {
	font-weight: bold;
	color: #64696e;
	margin: 0 0 0 10px;
}

#textarea .pagingblock .paging .pages a.active,
#textarea .pagingblock .paging .pages a:hover {
	color: #143ca0;
}

#textarea .pagingblock .paging .buttons {
	margin: 2px 0 0 0;
	float: left;
}

#textarea .pagingblock .paging .buttons a {
	background-image: url(/static/img/icons/OPT-icons.png);
	background-repeat: no-repeat;
	width: 9px;
	height: 14px;
	font-size: 0px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
}

#textarea .pagingblock .paging .buttons a.forward {
	background-position: -9px -88px;
}

#textarea .pagingblock .paging .buttons a.forward:hover {
	background-position: -9px -102px;
}

#textarea .pagingblock .paging .buttons a.backward {
	background-position: left -88px;
}

#textarea .pagingblock .paging .buttons a.backward:hover {
	background-position: left -102px;
}


/* CONTENT - teaser (video etc...) 
------------------------------------------------*/
#textarea .teaserblock {
	padding: 6px 20px 10px 20px;
}

#textarea .teaserblock .teaser {
	width: 525px;
	height: 135px;
	margin: 0 0 7px 0;
	overflow: hidden;
}

#textarea .teaserblock .teaser.video {
	cursor: pointer;
}

#background_contentborders.wide #textarea .teaserblock .teaser {
	width: 725px;
}

#textarea .teaserblock .teaser .image {
	background: url(/static/img/backgrounds/contentteaser-image-bg.jpg) left top no-repeat;
	width: 220px;
	height: 135px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}

#textarea .teaserblock .teaser .image .playBtn {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#textarea .teaserblock .teaser .image .playBtn img {
	behavior: url(/static/js/iepngfix.htc);
}

#textarea .teaserblock .teaser .text {
	background: url(/static/img/backgrounds/contentteaser-bg.jpg) left top no-repeat;
	width: 285px;
	height: 115px;
	overflow: hidden;
	padding: 10px;
	float: left;
}

#background_contentborders.wide #textarea .teaserblock .teaser .text {
	width: 485px;
}

#textarea .teaserblock .teaser .text h3 {
	color: #143ca0;
	padding: 0 0 8px 0;
}

#textarea .teaserblock .teaser.gotolink:hover .text h3,
#textarea .teaserblock .teaser.gotolink:hover .text h3 a,
#textarea .teaserblock .teaser.video:hover .text h3,
#textarea .teaserblock .teaser.video:hover .text h3 a {
	color: #e60a0a;
}

#textarea .teaserblock .teaser .text .details {
	padding: 0 0 8px 0;
}


/* CONTENT - list (news, jobs etc...)
------------------------------------------------*/
#textarea .listblock {
	padding: 0 20px;
}

#textarea .listblock .headline {
	font-size: 16px;
	line-height: 20px;
	color: #464b50;
	padding: 0 0 10px 0;
}

#textarea .listblock .listentry {
	width: 525px;
	padding: 0 0 20px 0;
	overflow: hidden;
}

#background_contentborders.wide #textarea .listblock .listentry {
	width: 725px;
}

#textarea .listblock .listentry .image {
	width: 220px;
	margin: 0 15px 0 0;
	overflow: hidden;
	display: block;
	float: left;
}

#textarea .listblock .listentry .text {
	width: 290px;
	float: left;
}

#background_contentborders.wide #textarea .listblock .listentry .text {
	width: 490px;
}

#textarea .listblock .listentry.noimage .text {
	width: auto;
	float: none;
}

#textarea .listblock .listentry .text h2 {
	color: #143ca0;
	padding: 0 0 8px 0;
}

#textarea .listblock .listentry:hover .text h2,
#textarea .listblock .listentry:hover .text h2 a {
	color: #e60a0a;
}

#textarea .listblock .listentry .text .details {
	padding: 0 0 8px 0;
}



/* CONTENT - formular
------------------------------------------------*/
#textarea .formular {
	background: url(/static/img/backgrounds/contentarea-linkbox.jpg) center top no-repeat;
	width: 525px;
	padding: 0 20px;
	margin: 0 0 15px 0;
}

#textarea .formular form {
	background: url(/static/img/hrule.jpg) center bottom no-repeat;
	padding: 14px 0 21px 0;
}

#background_contentborders.wide #textarea .formular {
	background-image: url(/static/img/backgrounds/contentarea-linkbox-wide.jpg);
	width: 725px;
}

#background_contentborders.wide #textarea .formular form {
	background-image: url(/static/img/hrule-wide.jpg);
}

#textarea .formular h2 {
	padding: 0 0 14px 0;
}

#textarea .formular .step {
	margin: 0 0 10px 0;
	clear: left;
}

#textarea .formular p {
	margin: 0 0 4px 0;
	overflow: hidden;
	display: block;
	clear: left;
}

#textarea .formular p span {
	width: 13px;
	height: 22px;
	display: block;
	float: left;
}

#textarea .formular p span.textarea {
	height: 99px;
}

#textarea .formular p.required span.mandatory {
	background: url(/static/img/forms/required.gif) left top no-repeat;
}

#textarea .formular p.required.error span.mandatory {
	background-position: -13px top;
}

#textarea .formular p span.missing {
	color: #e60a0a;
	font-weight: bold;
	padding: 0 0 0 4px;
	float: left;
	display: block;
}

#textarea .formular p label {
	display: block;
	float: left;
	width: 92px;
	padding: 2px 0 0 0;
}

#textarea .formular p.required label {
	font-weight: bold;
}

#textarea .formular p input {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 277px;
	height: 19px;
	padding: 2px 6px 0 6px;
	float: left;
}

#textarea .formular form .step .answers {
	margin-left: 120px;
	margin-top: -20px;
}

#textarea .formular form .step .answers .line {
	margin-top: 5px;
}

#textarea .formular form .step .answers input {
	float: left;
}

#textarea .formular form .step .answers label {
	margin-left: 10px;
}

#textarea .formular p input.radiobutton {
	width: 10px;
}

#textarea .formular p input.checkbox {
	width: 10px;
}

#textarea .formular p label.checkboxlabel {
	width: 300px;
	padding-left: 10px;
}

#comp_dob {
	width: 100px !important;
	margin-right: 10px;
}


#textarea .formular p input.zip {
	width: 53px;
}

#textarea .formular p input.city {
	width: 207px;
	margin: 0 0 0 4px;
}

#textarea .formular p select {
	background: url(/static/img/forms/input.gif) left top no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 290px;
	height: 22px;
	padding: 2px 1px 1px 1px;
	float: left;
}

#textarea .formular p textarea {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
	width: 283px;
	height: 93px;
	padding: 5px 0 0 6px;
	float: left;
}

#textarea .formular .submitline {
	width: 525px;
	padding: 7px 0 0 0;
	margin: 7px 0 0 0;
	display: block;
	overflow: hidden;
}

#textarea .formular .submitbutton,
#textarea .formular .submitline .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -270px no-repeat;
	display: inline-block !important;
	height: 22px;
	float: right;
}

#textarea .formular .submitbutton:hover,
#textarea .formular .submitline .button:hover {
	background-position: left -292px;
}

#textarea .formular .submitbutton input,
#textarea .formular .submitline .button input {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -314px no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	height: 22px;
	padding: 0 0 0 25px;
	cursor: pointer;
}

html>/**/body #textarea .formular .submitbutton input,
html>/**/body #textarea .formular .submitline .button input {
	padding: 0 20px 2px 25px;
}

#textarea .formular .submitbutton:hover input,
#textarea .formular .submitline .button:hover input {
	background-position: right -336px;
}



/* CONTENT - full text search
------------------------------------------------*/
#textarea .formular.search {
	background: none;
	padding: 10px 20px 14px 20px;
	margin: 0;
	overflow: hidden;
}

#textarea .formular.search form {
	background: none;
	overflow: hidden;
	width: 525px;
	padding: 0;
}

#background_contentborders.wide #textarea .formular.search form {
	width: 725px;
}

#textarea .formular.search form p {
	float: left;
	clear: none;
}

#textarea .formular.search .submitbutton {
	float: left;
	margin: 0 0 0 9px;
}

#textarea #search_info {
	font-weight: bold;
	padding: 0 0 15px 0;
}

#textarea .search_result {
	border-top: 1px solid #d9dcdf;
	padding: 10px 0;
}

#textarea .search_result a {
	font-size: 14px;
	font-weight: bold;
}

#textarea .search_result .highlight {
	font-weight: bold;	
}

#textarea #search_paging {
	border-top: 1px solid #d9dcdf;
	padding: 10px 0;
	text-align: right;
	font-weight: bold;
}

#textarea #search_paging a {
	color: #64696e;
	font-weight: bold;
	margin: 0 0 0 4px;
}

#textarea #search_paging a:hover,
#textarea #search_paging a.active {
	color: #143ca0;
}



/* CONTENT - company history
------------------------------------------------*/
#textarea .historyblock {
	padding: 20px 0;
}

#textarea .historyblock .slidercontainer {
	background: url(/static/img/historySlider/bgimage.jpg) left top repeat-x;
	width: 565px;
	height: 290px;
	padding: 0 0 20px 0;
}

#background_contentborders.wide #textarea .historyblock .slidercontainer {
	width: 765px;
}

#textarea .historyblock .slidercontainer .indi {
	text-align: center;
	color: #fff;
	font-size: 11px;
	padding: 2px 0 0 0;
}

#historyslider {
	display: none;
	height: 255px;
}

#historyslider .item {
	height: 210px;
	width: 162px;
	cursor: pointer;
	float: left;
}

* html #historyslider .item {
	display: inline;
}

#historyslider .item .year {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 7px 0;
}

#historyslider .item .box {
	background: url(/static/img/backgrounds/history-box.png) left top no-repeat !important;
	background: url(/static/img/backgrounds/history-box.gif) left top no-repeat;
	padding: 3px 11px 1px 11px;
	margin: 0 0 10px 0;
	width: 140px;
	position: relative;
}

#historyslider .item .box .boxbottom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/backgrounds/history-box-bottom.png) left bottom no-repeat;
	font-size: 0px;
	height: 5px;
	width: 162px;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	float: left;
}

#historyslider .item .box .image {
	width: 140px;
	height: 90px;
	overflow: hidden;
	padding: 7px 0 5px 0;
}

#historyslider .item .box p {
	line-height: 16px;
}

.historyblock .sldLeft,
.historyblock .sldRight,
.historyblock .sldBtnLeft,
.historyblock .sldBtnRight,
.historyblock .sliderCaseRight {
	behavior: url(/static/js/iepngfix.htc);
}

#textarea .historyblock .historytexts {
	padding: 0 20px;
}

#textarea .historyblock .yeartext {
	background: #fff;
	display: none;
}

#textarea .historyblock .yeartext h2 {
	padding: 0 0 10px 0;
}


/* CONTENT - country list 
------------------------------------------------*/
#textarea .countrylist {
	padding: 0 0 0 20px;
	margin: 0;
	overflow: hidden;
	width: 540px;
}

#textarea .countrylist .column {
	width: 250px;
	padding: 0 20px 0 0;
	float: left;
}

#textarea .countrylist .country {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -66px no-repeat;
	height: 22px;
	width: 250px;
	margin: 0 0 6px 0;
}

#textarea .countrylist .country:hover {
	background-position: left -88px;
}

#textarea .countrylist .country a {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	color: #464b50;
	display: block;
	height: 22px;
}

#textarea .countrylist .country:hover a {
	background-position: right -132px;
	color: #fff;
}

#textarea .countrylist .country a img {
	behavior: url(/static/js/iepngfix.htc);
	float: left;
	margin: 0 0 0 8px;
}

#textarea .countrylist .country a span {
	padding: 2px 10px 2px 37px;
	display: block;
}


/* LIGHTBOX - country detail
------------------------------------------------*/
.countrydetail {
	background-color: #fff;
	padding: 10px;
	margin: -10px -60px;
	overflow: hidden;
	width: 560px;
}

.countrydetail .headline h2 {
	padding: 0 0 0 30px;
}

.countrydetail .headline img {
	behavior: url(/static/js/iepngfix.htc);
	width: 22px;
	height: 22px;
	float: left;
}

.countrydetail .details {
	padding: 10px 0 0 30px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.countrydetail .details .head {
	padding: 0 0 10px 0;
}

.countrydetail .details .detailsleft {
	padding: 0 20px 0 0;
	width: 260px;
	float: left;
}

.countrydetail .details .detailsright {
	border-left: 1px solid #d9dcdf;
	padding: 0 0 0 20px;
	width: 229px;
	float: left;
}

.countrydetail .details .detailsright .text strong,
.countrydetail .details .detailsright .text a {
	color: #000;
}

.countrydetail .details .detailsright .text a:hover {
	color: #143ca0;
}

.countrydetail .linkbox {
	background: url(/static/img/hrule-wide.jpg) center top no-repeat;
	padding: 20px 0 0 30px;
	overflow: hidden;
}

.countrydetail .linkbox .linkboxleft {
	float: left;
}

.countrydetail .linkbox .linkboxleft a {
	color: #000;
}

.countrydetail .linkbox .linkboxleft a:hover {
	color: #143ca0;
}

.countrydetail .linkbox .linkboxright {
	float: right;
}

.countrydetail .linkbox .linkboxright .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -270px no-repeat;
	height: 22px;
	display: inline-block !important;
	display: inline;
}

.countrydetail .linkbox .linkboxright .button:hover {
	background-position: left -292px;
}

.countrydetail .linkbox .linkboxright .button a {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -314px no-repeat;
	color: #fff;
	font-weight: bold;
	height: 20px;
	padding: 2px 20px 0 25px;
	display: inline-block;
}

.countrydetail .linkbox .linkboxright .button:hover a {
	background-position: right -336px;
}


/* CONTENT - matrix 
------------------------------------------------*/
#textarea .matrixblock {
	background: url(/static/img/backgrounds/matrix-bg.png) 21px bottom no-repeat;
	padding: 0 0 15px 20px !important;
	padding: 0 0 15px 5px;
	margin: 0 0 10px 0;
	overflow: hidden;
	display: block;
	width: 545px !important;
	width: 560px;
}

#background_contentborders.wide #textarea .matrixblock {
	background: none;
	width: auto !important;
	padding: 0 0 15px 20px !important;
}

#textarea .matrixblock .matrixbox {
	width: 240px;
	height: 160px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	position: relative;
	float: left;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox {
	width: 235px;
	margin: 0 10px 15px 0;
}

#textarea .matrixblock .matrixbox .cover {
	float: left;
	position: absolute; 
	height: 160px; 
	width: 100%; 
}

#textarea .matrixblock .matrixbox.gotolink {
	cursor: pointer;
}

#textarea .matrixblock .matrixbox .cover.caption {
	background: #000; 
	opacity: .8; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#textarea .matrixblock .matrixbox .cover.caption.blue {
	background: #143ca0;
}

#textarea .matrixblock .matrixbox .cover.caption h3 {
	line-height: 21px;
	margin: 0 0 -2px 0;
}

#textarea .matrixblock .matrixbox .cover.caption h3,
#textarea .matrixblock .matrixbox .cover.caption p {
	padding: 5px 10px 0 10px;
	color: #fff;
}

#textarea .matrixblock .matrixbox .cover.caption a.more {
	background: url(/static/img/icons/teaser-arrow-white.png) 9px 3px no-repeat !important;
	background: url(/static/img/icons/arrow-white.png) 9px 5px no-repeat;
	border-top: 1px solid #fff;
	padding: 2px 10px 0 28px;
	width: 202px;
	position: absolute;
	bottom: 6px;
	cursor: pointer;
	color: #fff;
	display: block;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox .cover.caption a.more {
	width: 197px;
}

#textarea .matrixblock .matrixbox.slideupfull .cover {
	top: 160px;
	left: 0;
}

#textarea .matrixblock .matrixbox.slideuphalf .cover {
	top: 110px;
	left: 0;
}

#textarea .matrixblock .matrixbox.slideleft .cover {
	left: 240px;
	top: 0;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox.slideleft .cover {
	left: 235px;
}

#textarea .matrixblock .matrixbox.slideright .cover {
	left: -240px;
	top: 0;
}

#background_contentborders.wide #textarea .matrixblock .matrixbox.slideright .cover {
	left: -235px;
}


/* CONTENT - brands
------------------------------------------------*/
#textarea .brands {
	background: url(/static/img/backgrounds/brands-bg.gif) left top repeat-x;
	padding: 20px;
	margin: 15px 0 8px 0;
	width: 525px;
}

#textarea .brands .logos {
	background: url(/static/img/hrule.png) center bottom no-repeat !important;
	background: none;
	padding: 0 0 6px 0;
	overflow: hidden;
}

#textarea .brands .logo {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	width: 103px;
	height: 48px;
	display: block;
	float: left;
	overflow: hidden;
}

#textarea .brands .logo a {
	width: 103px;
	height: 48px;
	display: block;
	overflow: hidden;
	text-align: center;
}

#textarea .brands .logo a span {
	display: table-cell;	
	vertical-align: middle;
	text-align: center;
	width: 103px;
	height: 48px;
}

#textarea .brands .logo img {
	behavior: url(/static/js/iepngfix.htc);
	margin: -1px 0 0 -1px;
}

#textarea .brands .logo a:hover {
	background: url(/static/img/backgrounds/OPT-hover.png) left -49px no-repeat;
}


/* CONTENT - button line
------------------------------------------------*/
#textarea .buttonline {
	overflow: hidden;
	padding: 12px 0;
}

#textarea .buttonline .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left 0 no-repeat;
	height: 22px;
	margin: 0 10px 6px 0;
	float: left;
	position: relative;
}

#textarea .buttonline .button.vline {
	background-position: left -22px;
}

#textarea .buttonline .button .buttonright {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	height: 22px;
	width: 3px;
	position: absolute;
	right: 0 !important;
	right: -1px;
}

#textarea .buttonline .button a {
	color: #464b50;
	padding: 2px 30px 2px 25px;
	display: block;
}

#textarea .buttonline .button.vline a {
	padding: 2px 30px 2px 36px;
}

#textarea .buttonline a.more {
	background: url(/static/img/icons/OPT-icons.png) 0 0 no-repeat;
}

#textarea .buttonline a.download {
	background: url(/static/img/icons/OPT-icons.png) 0 -22px no-repeat;
}

#textarea .buttonline a.pdf {
	background: url(/static/img/icons/OPT-icons.png) 0 -66px no-repeat;
}


/* CONTENT - linkbox
------------------------------------------------*/
#textarea .linkbox {
	background: url(/static/img/backgrounds/contentarea-linkbox.jpg) center top no-repeat;
	width: 525px;
	padding: 12px 20px 20px 20px;
	margin: 20px 0 0 0 !important;
	margin: 60px 0 0 0;
}

#background_contentborders.wide #textarea .linkbox {
	background: url(/static/img/backgrounds/contentarea-linkbox-wide.jpg) center top no-repeat;
	width: 725px;
}

#textarea .linkbox h3 {
	color: #000;
}

#textarea .linkbox .headline h3 {
	padding: 0 0 15px 0;
}

#textarea .linkbox .links {
	padding: 0 0 12px 0;
}

#textarea .linkbox .links a {
	background: url(/static/img/icons/OPT-linkarrow.gif) left 6px no-repeat;
	color: #143ca0;
	padding: 0 0 0 10px;
	display: inline-block;
}

#textarea .linkbox .links a:hover {
	background-position: left -96px;
	color: #e60a0a;
}

#textarea .linkbox .buttonline {
	padding: 0 0 12px 0;
}






/* --------------------------------------------------------------------- */
/* SIDEBAR																 */
/* --------------------------------------------------------------------- */
#sidebar .hline {
	background: url(/static/img/sidebar-hline.gif) left top no-repeat;
	height: 2px;
	font-size: 0px; /* ie6 */
}

#sidebar .teaser {
	color: #464b50;
	width: 200px;
	position: relative;
	overflow: hidden;
	font-size: 0px;
}

#sidebar .teaser .shadow {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/sidebar-shadow.png) left top repeat-y;
	width: 11px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#sidebar .teaser .shadow.top {
	background: url(/static/img/sidebar-shadow-top.png) left top no-repeat;
}

#sidebar .teaser .text {
	background: #fff;
	width: 179px;
	font-size: 12px;
}

#sidebar .teaser .text h2,
#sidebar .teaser .text h2 a {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px;
	color: #143ca0;
	padding: 0 0 10px 0;
	font-weight: normal;
}

#sidebar .teaser .text.red h2,
#sidebar .teaser .text.red h2 a {
	color: #e60a0a; 
}

#sidebar .teaser .text.blue h2,
#sidebar .teaser .text.blue h2 a {
	color: #143ca0; 
}

#sidebar .teaser.bgimg .text.white h2,
#sidebar .teaser.bgimg .text.white h2 a {
	color: #fff;
}

#sidebar .teaser .text h3 {
	padding: 0 0 6px 0;
}

#sidebar .teaser .text p {
	color: #464b50;
	width: 180px;
	line-height: 16px;
	padding: 0 0 10px 0;
}

#sidebar .teaser .text a.link {
	background: url(/static/img/icons/OPT-linkarrow.gif) left 6px no-repeat;
	font-weight: normal;
	color: #143ca0;
	padding: 0 0 0 10px;
	display: inline-block;
}

#sidebar .teaser .text a.link:hover {
	background-position: left -96px;
	color: #e60a0a;
}

#sidebar .teaser.bgimg .text.white p { color: #fff; }
#sidebar .teaser.bgimg .text.red p { color: #e60a0a; }
#sidebar .teaser.bgimg .text.blue p { color: #143ca0; }

#sidebar .teaser.bgimg .image {
	width: 199px;
	overflow: hidden;
}

#sidebar .teaser.imgtext .image,
#sidebar .teaser.bgimg .image {
	background: #fff;
}

#sidebar .teaser.imgtext .text.colorbox,
#sidebar .teaser.links .text.colorbox {
	padding: 16px 10px 6px 10px;
}

#sidebar .teaser .image a {
	position: relative;
}

#sidebar .teaser .image a .zoom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/zoom.png) left top no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -15px;
	bottom: -15px !important;
	bottom: -22px;
	z-index: 10;
	display: block;
}

#sidebar .teaser .image a:hover .zoom {
	background-position: left -30px;
}


#sidebar .teaser.imgtext img,
#sidebar .teaser.bgimg img {
	behavior: url(/static/js/iepngfix.htc);
}

#sidebar .teaser.imgtext .text,
#sidebar .teaser.links .text {
	padding: 6px 10px;
}

#sidebar .teaser.bgimg .text {
	background: none;
	position: absolute;
	top: 10px;
	left: 10px;
}

#sidebar .teaser.links .text {
	background: none;
}

#sidebar .teaser.links a.button {
	width: 180px;
	color: #333;
	display: block;
	cursor: pointer;
	font-size: 12px;
	margin: 0 0 6px 0;
}

#sidebar .teaser.links a.button .linktext {
	background: url(/static/img/storefinder.png) -1130px -222px no-repeat;
	padding: 3px 10px 0 23px;
	line-height: 16px;
	font-size: 12px;
	display: block;
}

#sidebar .teaser.links a.button .bottom {
	background: url(/static/img/storefinder.png) -1130px bottom no-repeat;
	height: 3px;
	display: block;
	font-size: 0px;
}

/*#sidebar .teaser.links a.button:hover .linktext {
	background-position: -1310px -222px;
	color: #fff;
}

#sidebar .teaser.links a.button:hover .bottom {
	background-position: -1310px bottom;
}*/

#sidebar .teaser .text .form {
	color: #464b50;
	width: 180px;
	line-height: 16px;
	padding: 0 0 10px 0;
	overflow: hidden;
}

#sidebar .teaser .text .form input.custom {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
	height: 19px;
	padding: 2px 6px 0 6px;
	display: block;
	float: left;
	width: 129px;
}

#sidebar .teaser .text .form input.submit {
	width: 31px;
	margin: 0;
	float: right;
}





/* --------------------------------------------------------------------- */
/* PRODUCT FINDER														 */
/* --------------------------------------------------------------------- */


/* CONTENT - products overview
------------------------------------------------*/

#textarea .productsoverview {
	margin: 10px 0;
}

#textarea .productsoverview .filter {
	background: url(/static/img/productfinder.png) -221px top no-repeat;
	padding: 11px 9px 10px 9px;
	overflow: hidden;
	width: 547px;
}

#background_contentborders.wide #textarea .productsoverview .filter {
	width: 747px;
}

#textarea .productsoverview .filter .left {
	overflow: hidden;
	float: left;
}

#textarea .productsoverview .filter .left select {
	background: url(/static/img/forms/input.gif) left top no-repeat;
	width: 173px;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	padding: 2px 1px 1px 1px;
	float: left;
	margin: 0 9px 0 0;
}

#textarea .productsoverview .filter .left a {
	display: block;
	float: left;
	padding: 2px 0 0 0;
}

#textarea .productsoverview .filter .right {
	overflow: hidden;
	float: right;
}

#textarea .productsoverview .filter .right .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -292px no-repeat;
	height: 22px;
	float: right;
}

#textarea .productsoverview .filter .right .button input {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -336px no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 22px;
	padding: 0 0 2px 25px;
}

html>/**/body #textarea .productsoverview .filter .right .button input {
	padding: 0 10px 2px 25px;
}

#textarea .productsoverview .filter .right .button:hover {
	background-position: left -270px;
}

#textarea .productsoverview .filter .right .button:hover input {
	background-position: right -314px;
}

#textarea .productsoverview .grid {
	margin: 0 9px;
	overflow: hidden;
	border-collapse: collapse;
}

#textarea .productsoverview .grid td {
	border: 1px solid #d9dcdf;
}

#textarea .productsoverview .grid td.empty {
	border: none;
}

#textarea .productsoverview .grid td.empty .product {
	background:none;
}


#textarea .productsoverview .grid .product {
	background: url(/static/img/productfinder.png) left top repeat-x;
	width: 181px;
	height: 230px;
	position: relative;
}

#sidebar .teaser.product .image,
#textarea .productsoverview .grid .product .image {
	width: 160px;
	height: 128px;
	position: absolute;
	left: 10px;
	top: 48px;
	text-align: center;
	overflow: hidden;
}

#sidebar .teaser.product .text,
#textarea .productsoverview .grid .product .text {
	width: 167px;
	height: 220px;
	margin: 0 7px 10px 7px;
	position: relative;
}

#sidebar .teaser.product .text .top,
#textarea .productsoverview .grid .product .text .top {
	background: none;
	width: 167px;
	position: absolute;
	top: 5px;
	left: 0;
}

#sidebar .teaser.product .text .top .name,
#textarea .productsoverview .grid .product .text .top .name {
	float: left;
	line-height: 16px;
	width: 167px;
}

#textarea .productsoverview .grid .product .text .top .name.small {
	width: 127px;
}

#sidebar .teaser.product .text .top .name {
	width: 181px;
}

#sidebar .teaser.product .text .top .name.small {
	width: 141px;
}

#sidebar .teaser.product .text .top .name h3,
#textarea .productsoverview .grid .product .text .top .name h3 {
	padding: 0 0 2px 0;
}

#sidebar .teaser.product .text .top .name h3,
#sidebar .teaser.product .text .top .name a,
#textarea .productsoverview .grid .product .text .top .name h3,
#textarea .productsoverview .grid .product .text .top .name a {
	font-size: 12px;
	line-height: 16px;
	color: #143CA0;
}

#sidebar .teaser.product .text .top .icon,
#textarea .productsoverview .grid .product .text .top .icon {
	background: url(/static/img/productfinder.png) -181px 0 no-repeat;
	width: 40px;
	height: 40px;
	float: right;
	display: table;
	*position: relative;
}

#sidebar .teaser.product .text .top .icon.blue,
#textarea .productsoverview .grid .product .text .top .icon.blue {
	background-position: -181px 0;
}

#sidebar .teaser.product .text .top .icon.red,
#textarea .productsoverview .grid .product .text .top .icon.red {
	background-position: -181px -40px;
}

#sidebar .teaser.product .text .top .icon .icontextcontainer,
#textarea .productsoverview .grid .product .text .top .icon .icontextcontainer {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	*position: absolute;
	*top: 50%;
}

#sidebar .teaser.product .text .top .icon .icontext,
#textarea .productsoverview .grid .product .text .top .icon .icontext {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 40px;
	overflow: hidden;
	word-wrap: break-word;
	*position: relative;
	*top: -50%;
}

#sidebar .teaser.product .text .bottom,
#textarea .productsoverview .grid .product .text .bottom {
	width: 167px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#sidebar .teaser.product .text .bottom .price,
#textarea .productsoverview .grid .product .text .bottom .price {
	background: url(/static/img/productfinder.png) left -239px no-repeat;
	padding: 6px 0 0 0;
	margin: 2px 0 0 0;
	overflow: hidden;
	height: 18px;
}

#sidebar .teaser.product .text .bottom .price .old,
#textarea .productsoverview .grid .product .text .bottom .price .old {
	float: left;
	text-decoration: line-through;
}

#sidebar .teaser.product .text .bottom .price .new,
#textarea .productsoverview .grid .product .text .bottom .price .new {
	font-size: 17px;
	font-weight: bold;
	float: right;
}


#textarea .productsoverview .pagingblock {
	padding: 10px 9px;
}



/* SIDEBAR - products overview
------------------------------------------------*/

#sidebar .teaser.product {
	height: 230px;
	position: relative;
}

#sidebar .teaser.product .image {
	left: 20px;
}

#sidebar .teaser.product .text {
	background: none !important;
	width: 181px;
	margin: 0 9px 10px 9px;
}

#sidebar .teaser.product .text .top {
	width: 181px;
}

#sidebar .teaser.product .text .top.producticon .name {
	width: 141px;
}

#sidebar .teaser.product .text .bottom {
	width: 181px;
}



/* CONTENT - products detail
------------------------------------------------*/

#textarea .productdetail {
	
}

#textarea .productdetail.line {
	border-top: 1px solid #d9dcdf;
	margin: 10px 0;
}

#textarea .productdetail .general {
	min-height: 355px;
}

#textarea .productdetail .general .toptext {
	overflow: hidden;
	padding: 15px 20px 0 20px
}

#textarea .productdetail .general .toptext .left {
	float: left;
}

#textarea .productdetail .general .toptext .left h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 0 6px 0;
}

#textarea .productdetail .general .toptext .right {
	float: right;
	text-align: right;
}

#textarea .productdetail .general .toptext .right .pricenew {
	text-align: right;
	font-size: 20px;
	line-height: 22px;
}

#textarea .productdetail .general .toptext .right .pricenew.red {
	color: #e60a0a;
}

#textarea .productdetail .general .toptext .right .priceold {
	text-align: right;
}

#textarea .productdetail .general .toptext .right .priceold .old {
	text-decoration: line-through;
}

#textarea .productdetail .general .images {
	overflow: hidden;
	width: 565px;
	height: 360px;
}

#textarea .productdetail .general .images .thumbnailscontainer {
	background: url(/static/img/productfinder-thumbnails.png) left top no-repeat;
	width: 110px;
	margin: 51px 0 0 0;
	float: left;
}

#textarea .productdetail .general .images .thumbnailscontainer .thumbnails {
	background: url(/static/img/productfinder-thumbnails.png) -110px bottom no-repeat;
	width: 110px;
	padding: 12px 0 14px 0;
}

#textarea .productdetail .general .images .thumbnailscontainer .thumbnails .thumb {
	width: 90px;
	height: 72px;
	padding: 0 0 0 5px;
	cursor: pointer;
}

#textarea .productdetail .general .images .thumbnailscontainer .thumbnails .hline {
	border-top: 1px solid #d9dcdf;
	width: 100px;
	height: 1px;
	margin: 4px 0 0 0;
	padding: 0 0 3px 0;
	line-height: 0px;
}

#textarea .productdetail .general .images .zoomimage {
	width: 450px;
	margin: 0 5px 0 0;
	overflow: hidden;
	float: right;
	text-align: center;
}

#textarea .productdetail .general .images .zoomimage.wide {
	width: 556px;
}

#textarea .productdetail .data {
	margin: 15px 0 0 0;
}

#textarea .productdetail .data .tabbingcontainer .tabs {
	background: url(/static/img/productfinder.png) -221px -218px no-repeat;
	height: 22px;
	padding: 0 5px;
	overflow: hidden;
}

#textarea .productdetail .data .tabbingcontainer .tabs .tab {
	background: url(/static/img/productfinder.png) -221px -174px no-repeat;
	float: left;
	height: 22px;
	margin: 0 0 0 5px;
	cursor: pointer;
}

#textarea .productdetail .data .tabbingcontainer .tabs .tab span {
	background: url(/static/img/productfinder.png) right -130px no-repeat;
	color: #464b50;
	height: 20px;
	display: inline-block;
	padding: 2px 40px 0 10px;
}

#textarea .productdetail .data .tabbingcontainer .tabs .tab:hover,
#textarea .productdetail .data .tabbingcontainer .tabs .tab.active {
	background-position: -221px -196px;
}

#textarea .productdetail .data .tabbingcontainer .tabs .tab:hover span,
#textarea .productdetail .data .tabbingcontainer .tabs .tab.active span {
	background-position: right -152px;
}

#textarea .productdetail .data .tabbingcontainer .text {
	background: url(/static/img/productfinder.png) -221px -240px no-repeat;
	min-height: 133px;
	padding: 15px 20px;
}

#textarea .productdetail .data .tabbingcontainer .text .linkbox {
	padding: 12px 0 20px 0;
	margin: 10px 0 0 0 !important;
}

#textarea .productdetail .data .tabbingcontainer .text table {
	width: 100%;
	margin: 0 0 6px 0;
}

#textarea .productdetail .data .tabbingcontainer .text table tr td {
	border-bottom: 1px solid #d9dcdf;
	border-top: 1px solid #fff;
	padding: 3px 10px 5px 0;
	vertical-align: top;
}

#textarea .productdetail .data .tabbingcontainer .text table tr.first td {
	border-top: none;
	padding: 0 10px 5px 0;
}


/* "related products" - tab */

#textarea .productdetail .data .tabbingcontainer .text.products {
	padding: 15px 0;
}

#textarea .productdetail .data .tabbingcontainer .text .productsoverview {
	margin: 0;
}

#textarea .productdetail .data .tabbingcontainer .text table.grid {
	width: auto;
	margin: 0 9px;
}

#textarea .productdetail .data .tabbingcontainer .text table.grid tr td {
	border: 1px solid #d9dcdf;
	padding: 0;
}

#textarea .productdetail .data .tabbingcontainer .text table.grid tr td.empty {
	border: none;
}

#textarea .productdetail .data .tabbingcontainer .text table.grid tr td.empty .product {
	background: none;
}

#textarea .productdetail .data .tabbingcontainer .text table.grid .product .text {
	background: none;
	padding: 0;
}


/* "technology" - tab */
#textarea .productdetail .data .tabbingcontainer .text.technologies {
	
}

#textarea .productdetail .data .tabbingcontainer .text.technologies .technology {
	overflow: hidden;
	padding: 0 0 20px 0;
}

#textarea .productdetail .data .tabbingcontainer .text.technologies .technology .image {
	float: left;
	width: 120px;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#textarea .productdetail .data .tabbingcontainer .text.technologies .technology .description {
	float: left;
	width: 395px;
}






/* --------------------------------------------------------------------- */
/* STORE FINDER															 */
/* --------------------------------------------------------------------- */


/* SEARCH
------------------------------------------------*/

#textarea .storefinder {
	
}

#textarea .storefinder .filter {
	border-top: 1px solid #d9dcdf;
	padding: 10px 13px;
	overflow: hidden;
	width: 539px;
}

#background_contentborders.wide #textarea .storefinder .filter {
	width: 739px;
}

/*#textarea .storefinder .filter form {
	width: 539px;
	overflow: hidden;
}

#background_contentborders.wide #textarea .storefinder .filter form {
	width: 739px;
}*/

#textarea .storefinder .filter .left {
	overflow: hidden;
	float: left;
}

#textarea .storefinder .filter .left select {
	background: url(/static/img/forms/input.gif) left top no-repeat;
	width: 173px;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	padding: 2px 1px 1px 1px;
	float: left;
	margin: 0 9px 0 0;
}

#textarea .storefinder .filter .left input {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 244px;
	height: 19px;
	padding: 2px 6px 0 6px;
	float: left;
	margin: 0 9px 0 0;
}

#textarea .storefinder .filter .right {
	overflow: hidden;
	float: right;
}

#textarea .storefinder .filter .right span {
	display: block;
	float: right;
	padding: 2px 0 0 13px;
	color: #143ca0;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

/*#textarea .storefinder .filter .right span:hover {
	color: #e60a0a;
}*/

#textarea .storefinder .filter .right span.open {
	background: url(/static/img/storefinder.png) -340px 6px no-repeat;
	color: #32373c;
}

#textarea .storefinder .filter .left .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -405px no-repeat;
	height: 22px;
	float: left;
}

#textarea .storefinder .filter .left .button input {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -314px no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 22px;
	width: auto;
	padding: 0 0 2px 20px;
	margin: 0;
}

html>/**/body #textarea .storefinder .filter .left .button input {
	padding: 0 20px 2px 20px;
}

#textarea .storefinder .filter .left .button:hover {
	background-position: left -427px;
}

#textarea .storefinder .filter .left .button:hover input {
	background-position: right -336px;
}

#textarea .storefinder .searchoptions {
	background: url(/static/img/backgrounds/brands-bg.gif) left top repeat-x;
	overflow: hidden;
	padding: 10px 0 20px 13px;
	width: 551px;
	display: none;
}

#textarea .storefinder .searchoptions.open {
	display: block;
}

#background_contentborders.wide #textarea .storefinder .searchoptions {
	width: 751px;
}

#textarea .storefinder .searchoptions h3 {
	padding: 0 0 2px 0;
}

#textarea .storefinder .searchoptions p {
	padding: 0 0 10px 0;
}

#textarea .storefinder .searchoptions .col {
	float: left;
	width: 180px;
	padding: 0 10px 0 0;
}

#textarea .storefinder .searchoptions .col.twocols {
	width: 360px;
}

#textarea .storefinder .searchoptions .col.threecols {
	width: 540px;
}

#textarea .storefinder .searchoptions .col.fourcols {
	width: 720px;
}

#textarea .storefinder .searchoptions ul {
	list-style: none;
	overflow: hidden;
}

#textarea .storefinder .searchoptions ul li {
	float: left;
	width: 180px;
	padding: 1px 0;
}

#textarea .storefinder .searchoptions label {
	cursor: pointer;
}

#textarea .storefinder .searchoptions label input {
	display: block;
	float: left;
	margin: 3px 5px 0 0;
	width: 13px;
	height: 13px;
}

#textarea .storefinder .searchoptions label span {

}

#textarea .storefinder .results {
	padding: 15px 0 0 10px;
}

#textarea .storefinder .results .resultstable {
	
}

#textarea .storefinder .results .resultstable .headlines {
	overflow: hidden;
	margin: 0 0 5px 0;
}

#textarea .storefinder .results .resultstable .headlines .col1 {
	width: 300px;
	float: left;
}

#textarea .storefinder .results .resultstable .headlines .col2 {
	width: 454px;
	float: left;
}

#textarea .storefinder .results .resultstable .noresults {
	font-weight: bold;
	padding: 6px 0 5px 0;
}

#textarea .storefinder .results .resultstable .entries {
	border-top: 1px solid #d9dcdf;
}

#textarea .storefinder .results .resultstable .entries .entry {
	background: url(/static/img/storefinder.png) left -44px no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d9dcdf;
	overflow: hidden;
	width: 754px;
}

#textarea .storefinder .results .resultstable .entries .entry .col {
	line-height: 15px;
	float: left;
}

#textarea .storefinder .results .resultstable .entries .entry .name {
	width: 300px;
	padding: 6px 0 5px 0;
}

#textarea .storefinder .results .resultstable .entries .entry .name h3 {
	line-height: 16px;
}

#textarea .storefinder .results .resultstable .entries .entry .contact {
	width: 176px;
	padding: 7px 0 5px 0;
}

#textarea .storefinder .results .resultstable .entries .entry .contact .tel {
	padding: 2px 0 0 0;	
}

#textarea .storefinder .results .resultstable .entries .entry .points {
	width: 127px;
	padding: 7px 5px 8px 5px;
}

#textarea .storefinder .results .resultstable .entries .entry .points .point {
	background: url(/static/img/storefinder.png) left top no-repeat;
	width: 36px;
	height: 28px;
	display: block;
	float: left;
}

#textarea .storefinder .results .resultstable .entries .entry .mail {
	padding: 10px 5px;
	width: 31px;
}

#textarea .storefinder .results .resultstable .entries .entry .mail a {
	background: url(/static/img/storefinder.png) -64px top no-repeat;
	width: 31px;
	height: 22px;
	display: block;
}

#textarea .storefinder .results .resultstable .entries .entry .more {
	padding: 10px 10px 10px 5px;
	width: 85px;
}

#textarea .storefinder .results .resultstable .entries .entry .more a {
	background: url(/static/img/storefinder.png) -105px top no-repeat;
	text-align: center;
	color: #fff;
	width: 85px;
	height: 18px;
	display: block;
	padding: 4px 0 0 0;
}

#textarea .storefinder .results .resultstable .entries .entry .more a:hover {
	background-position: -105px -22px;
}

#textarea .storefinder .results .resultstable .entries .entry .geo {
	display: none;	
}

/*
#textarea .storefinder .results .resultstable .entries .entry:hover,
#textarea .storefinder .results .resultstable .entries .entry.active {
	background-position: -745px -44px;
}

#textarea .storefinder .results .resultstable .entries .entry .name h3 a {
	color: #143ca0;
}

#textarea .storefinder .results .resultstable .entries .entry:hover .points .point {
	background-position: -210px top;
}

#textarea .storefinder .results .resultstable .entries .entry:hover .mail a {
	background-position: -274px top;
}
*/


#textarea .storefinder .pagingblock {
	padding: 10px;
}



/* DETAIL VIEW
------------------------------------------------*/

#textarea .storefinder_detail {

}

#textarea .storefinder_detail .head {
	background: #fff;
}

#textarea .storefinder_detail .head .headline {
	overflow: hidden;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
}

#textarea .storefinder_detail .head .headline h1 {
	padding: 0 0 9px 0;
}

#textarea .storefinder_detail .head .headline .name {
	float: left;
}

#textarea .storefinder_detail .head .headline .logo {
	padding: 5px 0 0 0;
	width: 200px;
	text-align: center;
	float: right;
}

#textarea .storefinder_detail .head .tabs {
	background: url(/static/img/storefinder.png) 0 -196px no-repeat;
	height: 26px;
	padding: 0 5px;
	overflow: hidden;
	clear: both;
}

#textarea .storefinder_detail .head .tabs .tab {
	background: url(/static/img/storefinder.png) left -170px no-repeat;
	float: left;
	height: 26px;
	margin: 0 0 0 5px;
	cursor: pointer;
}

#textarea .storefinder_detail .head .tabs .tab a {
	background: url(/static/img/storefinder.png) right -170px no-repeat;
	color: #464b50;
	font-size: 14px;
	height: 22px;
	display: inline-block;
	padding: 4px 12px 0 12px;
}

#textarea .storefinder_detail .head .tabs .tab.back .arrow {
	background: url(/static/img/icons/OPT-linkarrow.gif) 0 -391px no-repeat;
	height: 16px;
	width: 20px;
	display: block;
	float: left;
}

#textarea .storefinder_detail .head .tabs .tab.back a {
	padding: 4px 12px 0 10px;	
}


#textarea .storefinder_detail .head .tabs .tab:hover,
#textarea .storefinder_detail .head .tabs .tab.active {
	background-position: left -144px;
}

#textarea .storefinder_detail .head .tabs .tab:hover a,
#textarea .storefinder_detail .head .tabs .tab.active a {
	background-position: right -144px;
}

#textarea .storefinder_detail .info {
	overflow: hidden;
}

#textarea .storefinder_detail .info .tabbingcontent,
#background_contentborders.wide.subsidebar #textarea .storefinder_detail .info .tabbingcontent {
	width: 565px;
	float: left;
	padding: 0;
}

#background_contentborders.wide.subsidebar #textarea .storefinder_detail .info .tabbingcontent {
	width: 565px !important;
}

#textarea .storefinder_detail .info .tabbingcontent .tabbingcontent_text,
#background_contentborders.wide.subsidebar #textarea .storefinder_detail .info .tabbingcontent .tabbingcontent_text {
	padding: 15px 0 0 0;
}

#background_contentborders.wide #textarea .storefinder_detail .info .tabbingcontent {
	width: 765px;
}

/*#textarea .storefinder_detail .info .tabbingcontent .contentblock {
	padding: 15px 20px 0 20px;
}*/

#textarea .storefinder_detail .info .tabbingcontent h2,
#textarea .storefinder_detail .info .tabbingcontent h3 {
	padding: 2px 0 7px 0;
}

#background_contentborders.wide #textarea .storefinder_detail .info .tabbingcontent hr,
#background_contentborders.wide #textarea .storefinder_detail .info .tabbingcontent .hrule {
	background-image: url(/static/img/hrule.jpg);
}

#textarea .storefinder_detail .info .tabbingcontent .contact {
	overflow: hidden;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .contact_left {
	float: left;
	width: 270px;
	padding: 0 15px 0 0;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .contact_right {
	float: left;
	width: 239px;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .geo {
	display: none;	
}

#textarea .storefinder_detail .info .tabbingcontent .contact table {
	border: none;
	margin: 0;
}

#textarea .storefinder_detail .info .tabbingcontent .contact table td {
	border: none;
	padding: 3px 10px 2px 0;
}

#textarea .storefinder_detail .info .tabbingcontent .contact a.link {
	background: url(/static/img/icons/OPT-linkarrow.gif) 6px -391px no-repeat;
	font-weight: normal;
	color: #143ca0;
	padding: 0 0 0 25px;
	margin: 3px 0 2px 0;
	display: inline-block;
}

#textarea .storefinder_detail .info .tabbingcontent .contact a.link:hover {
	background-position: 6px -202px;
	color: #e60a0a;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left 0 no-repeat;
	height: 22px;
	position: relative;
	display: inline-block;
	margin: 1px 0 2px 0;
	float: left;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .button .buttonright {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	height: 22px;
	width: 3px;
	position: absolute;
	right: 0 !important;
	right: -1px;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .button a {
	color: #464b50;
	padding: 2px 30px 2px 25px;
	display: inline-block;
}

#textarea .storefinder_detail .info .tabbingcontent .contact .button a.route {
	background: url(/static/img/icons/OPT-icons.png) 0 -116px no-repeat;
}

#textarea .storefinder_detail .info .tabbingcontent .openinghours table {
	border: none;
	margin: 0;
}

#textarea .storefinder_detail .info .tabbingcontent .openinghours table tr.gray {
	background: #f5f6f7;
}

#textarea .storefinder_detail .info .tabbingcontent .openinghours table td {
	border: none;
	padding: 2px 10px 3px 10px;
}

#textarea .storefinder_detail .info .tabbingcontent .linkbox,
#background_contentborders.wide #textarea .storefinder_detail .info .tabbingcontent .linkbox {
	background: url(/static/img/backgrounds/contentarea-linkbox.jpg) center top no-repeat;
	width: 525px;
	padding: 12px 0 20px 0;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock {
	overflow: hidden;
	padding: 6px 0 10px 20px;
	width: 745px;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser {
	background: url(/static/img/backgrounds/contentteaser-bg.jpg) left -1px no-repeat;
	width: 355px;
	height: 95px;
	float: left;
	margin: 0 15px 10px 0;
	overflow: hidden;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser .image {
	width: 95px;
	height: 95px;
	float: left;
	display: block;
	overflow: hidden;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser .text {
	width: 240px;
	height: 85px;
	float: left;
	overflow: hidden;
	padding: 5px 10px;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser .text h3 {
	color: #143ca0;
	padding: 0 0 8px 0;
}

#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser.gotolink:hover .text h3,
#textarea .storefinder_detail .info .tabbingcontent .serviceteaserblock .teaser.gotolink:hover .text h3 a {
	color: #e60a0a;
}

#textarea .storefinder_detail .info #sidebar {
	display: block;
	padding: 0 0 20px 0;
}

#textarea .storefinder_detail .info #sidebar .teaser .text p {
	padding: 0;
}

#textarea .storefinder_detail .info #map {
	margin: 10px 0 0 0;
	border: none;
}

#background_contentborders.wide .storefinder_detail .info .routeplaner {
	width: 764px;
	overflow: hidden;
}

#textarea .storefinder_detail .info .routeplaner h3 {
	padding: 2px 0 11px 0;
}

#textarea .storefinder_detail .info .routeplaner .start {
	width: 352px;
	float: left;
	padding: 12px 10px 12px 20px;
}

#textarea .storefinder_detail .info .routeplaner .destination {
	background: url(/static/img/storefinder.png) left -222px no-repeat;
	width: 357px;
	min-height: 124px;
	float: left;
	padding: 12px 10px 12px 15px;
}

#textarea .storefinder_detail .info .routeplaner .destination p {
	margin: 2px 0 8px 0;
}

#textarea .storefinder_detail .info .routeplaner .destination strong {
	font-size: 14px;
}

#textarea .storefinder_detail .info .routeplaner form p {
	margin: 0 0 4px 0;
	overflow: hidden;
	display: block;
	clear: left;
}

#textarea .storefinder_detail .info .routeplaner form label {
	width: 70px;
	display: block;
	float: left;
	padding: 2px 0 0 0;
}

#textarea .storefinder_detail .info .routeplaner form input {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 245px;
	height: 19px;
	padding: 2px 6px 0 6px;
	float: left;
}

#textarea .storefinder_detail .info .routeplaner form select {
	background: url(/static/img/forms/input.gif) left top no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	width: 258px;
	height: 22px;
	padding: 2px 1px 1px 1px;
	float: left;

}

#textarea .storefinder_detail .info .routeplaner form .submitline {
	padding: 10px 0 0 0;
}

#textarea .storefinder_detail .info .routeplaner form .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left 0 no-repeat;
	height: 22px;
	position: relative;
	display: inline-block;
	margin: 1px 0 2px 0;
	float: left;
}

#textarea .storefinder_detail .info .routeplaner form .buttonright {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	height: 22px;
	width: 3px;
	position: absolute;
	right: 0 !important;
	right: -1px;
}

#textarea .storefinder_detail .info .routeplaner form input.submit {
	background: url(/static/img/icons/OPT-icons.png) 0 -116px no-repeat;
	color: #464b50;
	padding: 2px 30px 2px 25px;
	height: 22px;
	width: auto;
	display: block;
	cursor: pointer;
	border: none;
}








/* --------------------------------------------------------------------- */
/* GOOGLE MAPS - content + sidebar										 */
/* --------------------------------------------------------------------- */

#map img {
	border: 0;
	padding: 0;
}

#map {
	border-top: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	position: relative;
	width: 565px;
	height: 380px;
	color: #323c46;
	margin: 0;
	padding: 0;
	line-height: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#background_contentborders.wide #map {
	width: 765px;
}

#map #googlemap {
	width: 565px;
	height: 380px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#background_contentborders.wide #map #googlemap {
	width: 765px;
}

#custommapcontrol img {
	behavior: url(/static/js/iepngfix.htc);
}

#custommapcontrol {
	position: absolute;
	z-index: 10;
	width: 78px;
	height: 78px;
}

#custommapcontrol .image {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width: 78px;
	height: 78px;	
	background:url(/static/img/googlemap/buttons_move.png);
}

#custommapcontrol img {
	position:absolute;
	width:78px;
	height:78px;
	top:0;
	left:0;
	z-index:1000;
}

#customzoomcontrol,
#sidebar_customzoomcontrol {
	position: absolute;
	left: 72px;
	top: 19px;
	z-index: 11;
	width: 58px;
	height: 40px;
}

#sidebar_customzoomcontrol {
	left: 0;
	top: 0;
}

#customzoomcontrol a,
#sidebar_customzoomcontrol a {
	behavior: url(/static/js/iepngfix.htc);
	display: block;
	width: 29px;
	height: 40px;
	float: left;
	cursor: pointer;
}

#customzoomcontrol a.zoomin,
#sidebar_customzoomcontrol a.zoomin {
	background: url(/static/img/googlemap/zoomin.png) left top no-repeat;
}

#customzoomcontrol a.zoomout,
#sidebar_customzoomcontrol a.zoomout {
	background: url(/static/img/googlemap/zoomout.png) left top no-repeat;
}

#customtypecontrol {
	z-index: 10;
	width: 207px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 7px;
}

#customtypecontrol a {
	behavior: url(/static/js/iepngfix.htc);
	fontFamily: "Tahoma, Arial, Helvetica, sans-serif";
	font-weight: normal;
	line-height: 14px;
	color: #464b50;
	padding: 6px;
	text-align: center;
	height: 16px;
	float: left;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

#customtypecontrol a.control_left {
	background: url(/static/img/googlemap/buttonleft_bg.png) left top no-repeat;
	width: 64px;
}

#customtypecontrol a.control_middle {
	background: url(/static/img/googlemap/buttonmiddle_bg.png) left top repeat-x;
	width: 40px;
}

#customtypecontrol a.control_right {
	background: url(/static/img/googlemap/buttonright_bg.png) left top no-repeat;
	width: 64px;
}



/* detail info */

#store_detailinfo {
	width: 290px;
}

#store_detailinfo_contents .contents_top {
	background: url(/static/img/googlemap/infowindow-top.png) -180px top no-repeat;
	height: 3px;
	width: 290px;
	font-size: 2px; /* ie6 */
}

#store_detailinfo_contents .contents_content {
	background: url(/static/img/googlemap/infowindow-bottom.png) -180px bottom no-repeat;
	padding: 5px 10px 25px 10px;
	position: relative;
	overflow: hidden;
	width: 270px;
}

#store_detailinfo_contents .address {
	padding: 0 0 30px 0;
	line-height: 16px;
	width: 160px;
	margin: 0 10px 0 0;
	float: left;
}

#store_detailinfo_contents .address h3 {
	font-size: 11px;
	color: #143ca0;
}

#store_detailinfo_contents .storeimage {
	width: 100px;
	max-height: 90px;
	float: left;
	margin: 10px 0 30px 0;
	overflow: hidden;
}

#store_detailinfo_contents a.detaillink {
	background: url(/static/img/googlemap/link-arrow.gif) left 6px no-repeat;
	padding: 0 0 0 10px;
	position: absolute;
	bottom: 23px !important;
	left: 10px !important;
	bottom: 25px;
	left: 0;
}

#store_detailinfo_contents a.detaillink:hover {
	background-position: left -9px;
}

#store_detailinfo_tl, #store_detailinfo_tr, #store_detailinfo_bl, #store_detailinfo_br,
#store_detailinfo_t, #store_detailinfo_l, #store_detailinfo_r, #store_detailinfo_b {
	height: 2px;
	width: 2px;
}

#store_detailinfo_close {
	background: url(/static/img/googlemap/close.gif) left top repeat;
	width: 9px;
	height: 8px;
	margin: 6px 0 0 -6px;
	cursor: pointer;
	font-size: 7px; /* ie6 */
}



#sidebar .map {
	width: 200px;
	height: 200px;
}

#sidebarmap {
	width: 200px;
	height: 200px;
}


#closeststore-notice {
    margin-bottom: 10px;
}

#mapdirections {
	margin: 10px 0;
	padding: 0 20px !important;
}

#closeststore-notice .starting_info,
#mapdirections .starting_info {
	overflow: hidden;
}

#closeststore-notice .starting_info .start_point,
#mapdirections .starting_info .start_point {
	background: url(/static/img/googlemap/mapdirectionsStart_bg.png) left top no-repeat;
	height: 47px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0;
}

#closeststore-notice .starting_info .start_point span,
#mapdirections .starting_info .start_point span,
#mapdirections .arrival_point span {
	position: relative;
	top: 5px;
	left: 55px;
}

#closeststore-notice .starting_info .start_point strong,
#mapdirections .starting_info .start_point strong,
#mapdirections .arrival_point strong {
	color: #1e3296;
}

#mapdirections .route_infos {
	text-align: right;
	margin: 10px 5px 2px 5px;
}

#mapdirections .waypoints {
	overflow: hidden;
	margin: 0 0 10px 0;
}

#mapdirections .waypoints .waypoint {
	border-top: 1px solid #babec6;
	overflow: hidden;
}

#mapdirections .waypoints .waypoint .step_number {
	float: left;
	width: 25px;
	padding: 3px 5px;
	overflow: hidden;
	color: #1e3296;
}

#mapdirections .waypoints .waypoint .step_info {
	float: left;
	width: 620px;
	padding: 3px 5px;
	overflow: hidden;
}

#mapdirections .waypoints .waypoint .step_dist {
	float: left;
	width: 50px;
	padding: 3px 5px;
	overflow: hidden;
	color: #1e3296;
	font-size: 10px;
	text-align: right;
}

#mapdirections .arrival_point {
	background: url(/static/img/googlemap/mapdirectionsEnd_bg.png) left top no-repeat;
	height: 47px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0;
}


#mapdirections .googledir {
	display: none;
}