/* get rid of borders if clicking on an element */
body * {outline-width: 0;}

html {height:100%; margin:0; padding:0; overflow:auto;}
body {margin:0; padding:0; background-image:url(http://www.gartencenter-kirchberg.ch/common/img/back.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed;}
html, body {font-family:Arial, sans-serif; font-size: 12px;}
input, select, p, td, th, h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif; font-size:100%;}

body.mceContentBody {height:auto; margin:1em; background-color:transparent; background-image:none;}

h1, h2, h3, h4, h5 {margin:0 0 0.8em 0; color:#006636;}
h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}

p {margin:0 0 1em 0;}

ul, ol {margin:0 0 0.8em 0; padding:0;}
li {margin-left:2em; padding-left:0;}

img {border:0;}
a img {border:0;}

a {display:inline-block; color:#006636;}
a:hover {color:#00883f;}

table {border-collapse:collapse; border:0; margin-bottom:1em;}
th, td {border:0; padding:0; vertical-align:baseline;}
td.label {font-weight:bold; padding-right:0.5em; white-space:nowrap;}
span.label {font-weight:bold; margin-right:0.5em;}

.clearing {clear:both;}
.error {color:#ff0000;}

.floatleft {display:block; float:left; margin:0 1em 1em 0;}
.floatright {display:block; float:right; margin:0 0 1em 1em;}

.vertical-middle {background-position:center center; background-repeat:no-repeat;}
.vertical-middle img {visibility:hidden;}

/* Default tooltip style */
div.ui-tooltip, div.qtip {max-width:80%; min-width:50px; max-height:80%;}
div.ui-tooltip .ui-tooltip-wrapper {border-width:1px; border-color:#006636; background-color:#fff; color:#000;}
div.ui-tooltip .ui-tooltip-titlebar {background-color:transparent; border-bottom:1px solid #006636;}

/* basic form styles */
form {margin:0; padding:0;}
fieldset {position:relative; margin:0 0 1.5em 0; padding:8px 0px 4px 8px; clear:both;}
legend {margin:0 0 0 -3px; padding:0px 3px 3px 3px; font-size:120%; font-weight:bold;}

fieldset .col1 {width:360px; float:left; margin-right:19px;}
fieldset .col2 {width:360px; float:left;}

input, textarea {float:left; clear:both; width:172px; margin:0; padding:2px; border:1px solid #006636;}
input.checkbox, input.radio {display:inline; float:none; width:auto; margin:0; padding:0; border:0; background-color:transparent; border:0;}
select {float:left; clear:both; width:176px; margin:0; padding:0; border:1px solid #006636; background-color:#fff;}
textarea {overflow:auto;}

input.hover, textarea.hover, select.hover {background-color:#FEFAD5;}
input.focus, textarea.focus, select.focus {background-color:#FAE004;}

label {display:block; float:left; clear:both; margin:0 0 5px 0; padding:0;}
label:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
label span {display:block; float:left; clear:both; margin:0; padding:0; font-weight:bold;}
label.checkbox {float:left; clear:none; margin-bottom:1em;}
label.checkbox span {display:inline; float:none; margin-left:0.2em;}
div.radiocontainer {display:block; float:left; clear:both; margin:0 0 4px 0;}
div.radiocontainer:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
div.radiocontainer span {display:block; margin-bottom:5px; font-weight:bold;}
div.radiocontainer label {float:left; clear:none; width:auto; height:auto; margin:0 5px 0 0;}
div.radiocontainer label span {display:inline; float:none; margin-bottom:0; margin-left:0.2em; font-weight:normal;}
div.displaytext {clear:both; margin-bottom:1em;}

legend label, legend label.checkbox {display:inline; float:none; clear:none; width:auto; margin-left:1em;}
legend label span, legend label.checkbox span {float:none; clear:none; margin:0; font-size:90%; font-weight:normal;}
legend input.checkbox, legend input.radio {float:none; clear:none;}

label.error {color:#ff0000;}
label.error span {color:#ff0000;}
label.error input, label.error select, label.error textarea {border:1px solid #ff0000;}

.section_buttons {clear:both; text-align:center;}
button {font-size:120%; color:#006636; background-color:#FEFAD5; border:1px solid #FAE004; cursor:pointer;}
button span {font-weight:bold;}
button.hover {background-color:#FAE004; border:1px solid #006636;}

/* default fields  */
.fld_company {width:354px;}

.radiocontainer.label_salutation {width:178px;}

.label_salutation_title {clear:none; margin-left:4px;}
.label_lastname {clear:none; margin-left:4px;}

.label_zip {clear:none; margin-left:4px;}
.fld_zip {width:34px;}

.label_city {clear:none; margin-left:4px;}
.fld_city {width:128px;}

.label_fax {clear:none; margin-left:4px;}

.fld_email {width:354px;}

.fld_comments {width:733px; height:170px;}

.section_antispamcheck {padding-top:0px; padding-bottom:5px;}
.label_solution {height:auto; width:auto;}
.label_solution span {float:left; clear:none; line-height:24px; margin-right:10px;}
.fld_solution {width:50px; clear:none;}

/* newsletter */
.form_newsletter form {margin-top:2em;}
.form_newsletter .subscription .label_firstname {clear:none;}
.form_newsletter .subscription .label_email {clear:none; margin-left:4px;}
.form_newsletter .subscription .fld_email {width:172px;}

.form_newsletter .unsubscription label span {display:none;}

/* basic layout flow */
#headerprint {display:none;}
#footerprint {display:none;}

#page {position:relative; width:980px; margin:20px auto; background-color:#fff; border:2px solid #828181;}
#headerpane {position:relative; height:253px; background-color:#315033;}
#mainpane, #footerpane {clear:both;}

.leftpane {position:relative; float:left; width:200px;}

.middlepane {position:relative; float:left; width:780px; margin:0;}
.teaserinside .middlepane {width:530px;}

.rightpane {display:none; position:relative; float:left; width:250px;}
.teaserinside .rightpane {display:block;}

/* header */
#logo {position:absolute; top:0px; height:193px; left:0px; width:200px;}
#logo img {display:block;}
#headerpane .contactinfo {position:absolute; top:194px; height:54px; left:0px; width:200px; line-height:12px; padding:4px 0 0 0; text-align:center; font-size:11px; font-weight:bold; color:#006636; background-color:#fff;}
#headerpane .contactinfo a {text-decoration:none;}
#headerpane .contactinfo .name {display:none;}
#headerpane .contactinfo .street {display:inline;}
#headerpane .contactinfo .street:after {content:",";}
#headerpane .contactinfo .country {display:none;}

#headertitles {position:absolute; top:0px; height:35px; left:203px; width:777px; white-space:nowrap; z-index:10;}
#headertitles .background {position:absolute; top:0px; height:100%; left:0px; width:100%; background-color:#fff;}
#headertitles .item {position:relative; width:757px; padding:0 10px; line-height:35px; font-size:20px; font-weight:bold; white-space:nowrap; color:#006636; z-index:15;}
#headertitles .item.hover {background-color:#FAE004;}
#headertitles a {text-decoration:none;}
#headertitles a:hover {background-color:transparent;}

#headerimages {position:absolute; top:0px; height:193px; left:203px; width:777px; overflow:hidden; z-index:5;}
#headerimages .wrapper {width:200%;}
#headerimages .item {float:left;}
#headerimages .item img {display:block;}

#headertexts {position:absolute; top:194px; height:58px; left:203px; width:777px;}
#headertexts .background {position:absolute; top:0px; height:100%; left:0px; width:100%; background-color:#ffffcc;}
#headertexts .item {position:absolute; top:0px; height:53px; left:0px; width:757px; padding:2px 10px 0 10px; font-size:11px; overflow:hidden;}
#headertexts .item p {margin:0;}

/* form_search */
.leftpane .form_quicksearch {margin:0 0 0.5em 0; border-bottom:1px solid #315033; overflow:hidden;}
.leftpane .form_quicksearch input {float:left; width:170px; margin:0; padding:4px 2px 3px 8px; font-size:90%; border:0; background-color:#fff;}
.leftpane .form_quicksearch input.hover {background-color:#FEFAD5;}
.leftpane .form_quicksearch input.focus {background-color:#FAE004;}
.leftpane .form_quicksearch button {width:20px; height:20px; border:0; background-color:transparent; background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.leftpane .form_quicksearch button.hover {background-color:#006636;}
.leftpane .form_quicksearch button span {display:none;}

/* functions */
ul.functions {list-style-type:none; margin:0 0 0.2em 0; padding:0 8px; overflow:visible;}
ul.functions:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
ul.functions li {float:left; margin:0 5px 0 0; padding:0;}
ul.functions a {display:inline-block; width:18px; height:18px; background-position:center center; background-repeat:no-repeat;}
ul.functions a span {display:none;}
ul.functions a.printlink {background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_print.gif);}
ul.functions a.sitemaplink {background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_sitemap.gif);}
ul.functions a.recommendationlink {background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_recommend.gif);}

/* navigation */
#navigationpane {margin:0 0 4em 0;}
#navigationpane ul {list-style-type:none; margin:0; padding:0;}
#navigationpane ul ul {margin:5px 0;}

#navigationpane li {margin:0; padding:0;}

#navigationpane a {display:block; padding:4px 10px 3px 10px; text-decoration:none; font-weight:bold; color:#666;}
#navigationpane a:hover {color:#006636; background-color:#FAE004;}
#navigationpane a.active, #navigationpane a.activenode {font-weight:bold; color:#fff; background-color:#006636;}
#navigationpane ul ul a {padding: 2px 10px 1px 20px; font-size:11px;}
#navigationpane ul ul a.active, #navigationpane ul ul a.activenode {color:#006636; background-color:#ccc;}
#navigationpane ul ul ul a.active, #navigationpane ul ul ul a.activenode {color:#006636; background-color:#eee;}
#navigationpane ul ul ul a {padding-left:30px;}
#navigationpane ul ul ul ul a {padding-left:50px;}
#navigationpane ul ul ul ul ul a {padding-left:60px;}
#navigationpane a.active:hover, #navigationpane a.activenode:hover {color:#006636; background-color:#FAE004;}

/* pathway */
.pathway {margin:0 0 4px 0; padding:2px 10px 0 10px;}
.pathway a {font-size:80%; text-decoration:none;}

/* title */
#title {margin:0 0 10px 0; padding:0 10px;}
#title h1 {margin:0; padding:0; line-height:140%; border-bottom:1px solid #006636;}

/* content */
#content {padding:0 10px 0px 10px;}
.home #content {padding:0 3px 0px 3px;}

/* teaser */
#teasers {margin-top:60px;}
.home #teasers {margin-top:19px;}
.teaser {margin-bottom:10px; padding-bottom:0px;}
.teaser .image img {display:block;}
.teaser .title {padding:2px 5px; font-size:90%; font-weight:bold; color:#fff;}
.teaser .title a {text-decoration:none; color:#fff; }
.teaser .text {padding:2px 5px 0 5px; font-size:80%; color:#333;}
.teaser .more {padding:0px 5px 0 5px; font-size:80%; color:#333;}
.teaser .more a {text-decoration:underline;}

/* footer */
#footerpane {padding:0 0 0 200px;}
#footer {padding:0px 10px 4px 10px;}
#footer, #footer a {font-size:11px; text-decoration:none;}
#footer .copyright, #footer .copyright a {color:#999;}


/*************
inside content
*************/

table.openinghours td {padding-right:1em; vertical-align:top;}

/* searchresults */
.search .items_nav {margin-bottom:1em;}
.search .items_nav div {margin-bottom:1em;}
.search .items_nav .active {font-weight:bold;}
.search .results .item {margin-bottom:1em;}
.search .results .item .title {}
.search .results .item .title a {text-decoration:none; font-weight:bold;}
.search .results .item .breadcrumbs a {text-decoration:none; font-size:90%;}

/* contextboxes */
.contentbox h2.title {padding:2px 4px; margin:0 0 4px 0; background-color:#006636; color:#fff;}

.contentbox .image a {background-color:transparent;}

.contentbox .image {margin-bottom:2px;}
.contentbox .images.leftright {margin-right:1em;}
.contentbox .images.floatright {margin-left:1em;}

.contentbox {padding:0;}
.contentbox.home {height:120px; background-color:#eee; padding:0 0 0 5px; margin-bottom:10px;}
.contentbox.home .image {margin-bottom:0;}
.contentbox.home .images.floatright {margin-bottom:0;}
.contentbox.home h2.title {float:left; width:60%; padding:0; margin:4px 0 2px 0; color:#006636; border-bottom:0px; background-color:transparent;}

.contentboxes .item .full {clear:both;}
.contentboxes .item .half {float:left; width:375px; margin-right:10px;}
.contentboxes .item.item2 .half {margin-right:0px;}
.contentboxes .item.item4 .half {margin-right:0px;}
.contentboxes .item.item6 .half {margin-right:0px;}
.contentboxes .item.item8 .half {margin-right:0px;}
.contentboxes .item.item10 .half {margin-right:0px;}
.contentboxes .item.item12 .half {margin-right:0px;}
.contentboxes .item.item14 .half {margin-right:0px;}
.contentboxes .item.item16 .half {margin-right:0px;}
.contentboxes .item.item18 .half {margin-right:0px;}
.contentboxes .item.item20 .half {margin-right:0px;}
.contentboxes .item.item22 .half {margin-right:0px;}
.contentboxes .item.item24 .half {margin-right:0px;}
.contentboxes .item.item26 .half {margin-right:0px;}
.contentboxes .item.item28 .half {margin-right:0px;}
.contentboxes .item.item30 .half {margin-right:0px;}
.contentboxes .item.item32 .half {margin-right:0px;}
.contentboxes .item.item34 .half {margin-right:0px;}
.contentboxes .item.item36 .half {margin-right:0px;}
.contentboxes .item.item38 .half {margin-right:0px;}
.contentboxes .item .third {float:left; width:246px; margin-right:10px;}
.contentboxes .item.item3 .third {margin-right:0px;}
.contentboxes .item.item6 .third {margin-right:0px;}
.contentboxes .item.item9 .third {margin-right:0px;}
.contentboxes .item.item12 .third {margin-right:0px;}
.contentboxes .item.item15 .third {margin-right:0px;}
.contentboxes .item.item18 .third {margin-right:0px;}
.contentboxes .item.item21 .third {margin-right:0px;}
.contentboxes .item.item24 .third {margin-right:0px;}
.contentboxes .item.item27 .third {margin-right:0px;}
.contentboxes .item.item30 .third {margin-right:0px;}
.contentboxes .item.item33 .third {margin-right:0px;}
.contentboxes .item.item36 .third {margin-right:0px;}
.contentboxes .item.item39 .third {margin-right:0px;}
.contentboxes .item.item42 .third {margin-right:0px;}
.contentboxes .item.item45 .third {margin-right:0px;}
.contentboxes .item.item48 .third {margin-right:0px;}
.contentboxes .item.item51 .third {margin-right:0px;}
.contentboxes .item.item54 .third {margin-right:0px;}
.contentboxes .item.item57 .third {margin-right:0px;}
.contentboxes .item .quarter {float:left; width:182px; margin-right:10px;}
.contentboxes .item.item4 .quarter {margin-right:0px;}
.contentboxes .item.item8 .quarter {margin-right:0px;}
.contentboxes .item.item12 .quarter {margin-right:0px;}
.contentboxes .item.item16 .quarter {margin-right:0px;}
.contentboxes .item.item20 .quarter {margin-right:0px;}
.contentboxes .item.item24 .quarter {margin-right:0px;}
.contentboxes .item.item28 .quarter {margin-right:0px;}
.contentboxes .item.item32 .quarter {margin-right:0px;}
.contentboxes .item.item36 .quarter {margin-right:0px;}
.contentboxes .item.item40 .quarter {margin-right:0px;}
.contentboxes .item.item44 .quarter {margin-right:0px;}
.contentboxes .item.item48 .quarter {margin-right:0px;}
.contentboxes .item.item52 .quarter {margin-right:0px;}
.contentboxes .item.item56 .quarter {margin-right:0px;}
.contentboxes .item.item60 .quarter {margin-right:0px;}
.contentboxes .item.item64 .quarter {margin-right:0px;}
.contentboxes .item.item68 .quarter {margin-right:0px;}
.contentboxes .item.item72 .quarter {margin-right:0px;}
.contentboxes .item.item76 .quarter {margin-right:0px;}

/* locationsmap */
.locationsmap .map {width:100%; height:400px; margin-bottom:1em;}

.markerInfo .company {font-weight:bold;}
.markerInfo .links a {margin-right:1em;}

/* location */
.location .titleimage {float:right; margin:0 0 10px 10px;}
.location .titleimage a {display:block;}
.location .contact {margin:0 0 1em 0;}
.location .contact .company {margin-bottom:0.5em;  font-weight:bold; font-size:130%; color:#006636;}
.location .contact .address {margin-bottom:1em;}

.location .openinghours {margin:0 0 1em 0;}
.location .openinghours .title {padding:2px 4px; margin:0 0 4px 0; font-weight:bold; font-size:130%; color:#fff; background-color:#006636;}
.location .openinghours table {border:0; border-collapse:collapse;}
.location .openinghours td {padding:0 0 0.5em 0; vertical-align:top;}
.location .openinghours td.label {padding-right:0.5em;}
.location .openinghours span.hours {display:block;}

.locationmap h2 {padding:2px 4px; margin:0 0 4px 0; background-color:#006636; color:#fff;}
.locationmap .map {width:100%; height:400px; margin:0 0 1em 0;}

/* overview */
.overview .itemlevel1 {float:left; width:181px; height:180px; margin:0 12px 10px 0;}
.overview .itemlevel1-4 {margin-right:0px;}
.overview .itemlevel1-8 {margin-right:0px;}
.overview .itemlevel1-12 {margin-right:0px;}
.overview .itemlevel1-16 {margin-right:0px;}
.overview .itemlevel1-20 {margin-right:0px;}
.overview .itemlevel1-24 {margin-right:0px;}
.overview .itemlevel1-28 {margin-right:0px;}
.overview .itemlevel1-32 {margin-right:0px;}
.overview .itemlevel1-36 {margin-right:0px;}
.overview .itemlevel1-40 {margin-right:0px;}
.overview .itemlevel1-44 {margin-right:0px;}
.overview .itemlevel1-48 {margin-right:0px;}
.overview .itemlevel1-52 {margin-right:0px;}
.overview .itemlevel1-56 {margin-right:0px;}
.overview .itemlevel1-60 {margin-right:0px;}
.overview .itemlevel1-64 {margin-right:0px;}
.overview .itemlevel1-68 {margin-right:0px;}
.overview .itemlevel1-72 {margin-right:0px;}
.overview .itemlevel1-76 {margin-right:0px;}
.overview .itemlevel1 a.titleimagelevel1 {display:block; width:179px; height:140px; margin:0 0 5px 0; border:1px solid #006636;}
.overview .itemlevel1.hover a.titleimagelevel1 {border:1px solid #666; background-color:#FAE004;}
.overview .item .itemlevel1 .titlelevel1 a {display:block; text-align:center; text-decoration:none; font-weight:bold; margin-bottom:4px; font-size:80%;}
.overview .item .itemlevel1 .titlelevel1 a:hover {background-color:transparent;}
/* overview aufzaehlung */ 
.overview li {margin-bottom:2em;}
.overview li .titlelevel1 a {display:block; text-align:left; text-decoration:none; font-weight:bold; margin-bottom:4px; font-size:120%;}

/* gallery */
.gallery .image {position:relative; display:block; float:left; width:137px; height:137px; margin:0 11px 11px 0; border:1px solid #d03e00;}
.gallery .image.item5 {margin-right:0;}
.gallery .image.item10 {margin-right:0;}
.gallery .image.item15 {margin-right:0;}
.gallery .image.item20 {margin-right:0;}
.gallery .image.item25 {margin-right:0;}
.gallery .image.item30 {margin-right:0;}
.gallery .image.item35 {margin-right:0;}
.gallery .image.item40 {margin-right:0;}
.gallery .image.item45 {margin-right:0;}
.gallery .image.item50 {margin-right:0;}
.gallery .image.item55 {margin-right:0;}
.gallery .image.item60 {margin-right:0;}
.gallery .image.item65 {margin-right:0;}
.gallery .image.item70 {margin-right:0;}
.gallery .image.item75 {margin-right:0;}
.gallery .image.item80 {margin-right:0;}
.gallery .image.item85 {margin-right:0;}
.gallery .image.item90 {margin-right:0;}
.gallery .image.item95 {margin-right:0;}
.gallery .image a {display:block; width:100%; height:100%;}

/* links */
.ZMSLinkElement {float:left; width:100%; margin-bottom:10px;}
.ZMSLinkElement .title {float:left; width:200px;}
.ZMSLinkElement .description {display:none;}

/* shop_overview */
.shop_overview .shop_category {display:block; width:175px; /*height:205px;*/ float:left; margin:0 20px 10px 0;}
.shop_overview .shop_category.item4 {margin-right:0;}
.shop_overview .shop_category.item8 {margin-right:0;}
.shop_overview .shop_category.item12 {margin-right:0;}
.shop_overview .shop_category.item16 {margin-right:0;}
.shop_overview .shop_category.item20 {margin-right:0;}
.shop_overview .shop_category.item24 {margin-right:0;}
.shop_overview .shop_category.item28 {margin-right:0;}
.shop_overview .shop_category.item32 {margin-right:0;}
.shop_overview .shop_category.item36 {margin-right:0;}
.shop_overview .shop_category.item40 {margin-right:0;}
.shop_overview .shop_category.item44 {margin-right:0;}
.shop_overview .shop_category.item48 {margin-right:0;}
.shop_overview .shop_category.item52 {margin-right:0;}
.shop_overview .shop_category.item56 {margin-right:0;}
.shop_overview .shop_category.item60 {margin-right:0;}
.shop_overview .shop_category.item64 {margin-right:0;}
.shop_overview .shop_category.item68 {margin-right:0;}
.shop_overview .shop_category.item72 {margin-right:0;}
.shop_overview .shop_category.item76 {margin-right:0;}

.shop_overview .shop_category a.titleimage {display:block; width:173px; height:173px; border:1px solid #006636;}
.shop_overview .shop_category.hover a.titleimage {background-color:#FAE004;}
.shop_overview .shop_category a.titleimage img {display:block; border:0;}
.shop_overview .shop_category .title a {display:block; text-align:center; font-weight:bold;}
.shop_overview .shop_category .title a:hover {background-color:transparent;}


.shop_overview .shop_article {display:block; float:left; width:368px; margin:0 21px 21px 0; border-right:1px solid #006636;}
.shop_overview .shop_article.item2 {margin-right:0;}
.shop_overview .shop_article.item4 {margin-right:0;}
.shop_overview .shop_article.item6 {margin-right:0;}
.shop_overview .shop_article.item8 {margin-right:0;}
.shop_overview .shop_article.item10 {margin-right:0;}
.shop_overview .shop_article.item12 {margin-right:0;}
.shop_overview .shop_article.item14 {margin-right:0;}
.shop_overview .shop_article.item16 {margin-right:0;}
.shop_overview .shop_article.item18 {margin-right:0;}
.shop_overview .shop_article.item20 {margin-right:0;}
.shop_overview .shop_article.item22 {margin-right:0;}
.shop_overview .shop_article.item24 {margin-right:0;}
.shop_overview .shop_article.item26 {margin-right:0;}
.shop_overview .shop_article.item28 {margin-right:0;}
.shop_overview .shop_article.item30 {margin-right:0;}
.shop_overview .shop_article.item32 {margin-right:0;}
.shop_overview .shop_article.item34 {margin-right:0;}
.shop_overview .shop_article.item36 {margin-right:0;}
.shop_overview .shop_article.item38 {margin-right:0;}

.shop_overview .shop_article a.titleimage {display:block; float:left; width:84px; height:84px; border:1px solid #006636;}

.shop_overview .shop_article .details {display:block; float:left; width:282px; height:66px; border-bottom:1px solid #006636;}
.shop_overview .shop_article a.titlepane {display:block; padding:1px 5px 1px 5px; font-weight:bold; text-decoration:none; color:#fff; background-color:#006636; border-top:1px solid #006636; border-bottom:1px solid #006636;}
.shop_overview .shop_article a.titlepane:hover {color:#000; background-color:#FAE004;}
.shop_overview .shop_article a.titlepane:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden;}
.shop_overview .shop_article a.titlepane .title {float:left;}
.shop_overview .shop_article a.titlepane .price {float:right;}
.shop_overview .shop_article a.titlepane.action .price {color:#FAE004;}
.shop_overview .shop_article a.titlepane.action:hover .price {color:#f00;}
.shop_overview .shop_article .attr_dc_description {clear:both; margin:0; padding:2px 5px 2px 5px;}

.shop_overview .shop_article form {display:block; float:left; width:282px; height:18px; padding:0; border-bottom:1px solid #006636;}
.shop_overview .shop_article input {float:right; clear:none; width:20px; border-top:0; border-bottom:0;}
.shop_overview .shop_article select {float:right; clear:none; width:auto; height:18px; border-top:0; border-bottom:0; border-right:0;}
.shop_overview .shop_article button {float:right; width:30px; height:18px; font-size:100%; background-color:transparent; background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_basket.gif); background-repeat:no-repeat; background-position:center center; border:0; cursor:pointer;}
.shop_overview .shop_article button span {display:none;}
.shop_overview .shop_article button.hover {background-color:#FAE004;}


/* shop_article */
.shop_article .attr_dc_description {margin-bottom:1em;}

.shop_article .mediaobjects {float:right;}
.shop_article .mediaobjects a {display:block; width:200px; height:200px; margin:0 0 10px 10px; border:1px solid #006636;}

.shop_article td {padding-top:3px; padding-bottom:3px;}
.shop_article .article_id td {padding-bottom:1em;}
.shop_article .price.action {color:#f00;}
.shop_article .amount td {padding-bottom:1em;}

.shop_article #form_add_article {margin-bottom:1em;}

.shop_article select {width:auto;}

.shop_article .amount td.label {vertical-align:top; padding-top:1px;}
.shop_article .amount label {display:inline; float:none; width:auto; height:auto; margin:0;}
.shop_article .amount input {width:50px;}
.shop_article .amount button {width:30px; height:20px; padding:0; font-size:100%; background-color:transparent; background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_basket.gif); background-repeat:no-repeat; background-position:center center; border:1px solid #fff; cursor:pointer;}
.shop_article .amount button span {display:none;}
.shop_article .amount button.hover {background-color:#FAE004; border:1px solid #006636;}

.shop_article .rowspacer {height:10px; padding:0;}


/* shop_basket */
.shop_basket #title {margin:11px 0 10px 0; padding:0; border-bottom:1px solid #006636;}
.shop_basket #title ul {list-style-type:none; margin:0; padding:0;}
.shop_basket #title li {float:left; margin:0; padding:0;}
.shop_basket #title a {display:block; padding:2px 5px; text-decoration:none;}
.shop_basket #title span {display:block; padding:2px 5px;}
.shop_basket #title span.finished {font-weight:bold;}
.shop_basket #title a.active {font-weight:bold;}
.shop_basket #title a:hover {background-color:#FAE004;}

.shop_basket .step_basket .taxinfo {margin-bottom:0.5em; font-size:80%; text-align:right;}
.shop_basket .step_basket table.articles {width:100%; border:0; border-collapse:collapse; margin-bottom:1em;}
.shop_basket .step_basket table.articles th {padding:3px 5px; vertical-align:middle; color:#fff; background-color:#006636; border-bottom:1px solid #fff;}
.shop_basket .step_basket table.articles td {line-height:20px; padding:4px 5px; vertical-align:top; text-align:left; border-bottom:1px solid #999;}
.shop_basket .step_basket table.articles tr.item.success {background-color:#eee;}
.shop_basket .step_basket table.articles tr.item.error {background-color:#eee; color:#000;}
.shop_basket .step_basket table.articles tr.message.success {background-color:#ccc;}
.shop_basket .step_basket table.articles tr.message.error {background-color:#ccc;}
.shop_basket .step_basket table.articles tr.message.error td {color:#ff0000;}
.shop_basket .step_basket table.articles tr.messagespacer td {height:10px; padding:0;}

.shop_basket .step_basket table.articles .article {width:90%; text-align:left;}
.shop_basket .step_basket table.articles .article_id {color:#666;}

.shop_basket .step_basket table.articles .selections_label {}
.shop_basket .step_basket table.articles .selections_label .selection_label {margin-bottom:2px;}
.shop_basket .step_basket table.articles .selections {text-align:right;}
.shop_basket .step_basket table.articles .selections .selection {margin-bottom:2px;}
.shop_basket .step_basket table.articles .selections .selection select {display:inline; float:none; width:auto;}

.shop_basket .step_basket table.articles .unitprice {text-align:right; white-space:nowrap;}

.shop_basket .step_basket table.articles .amount {text-align:right;}
.shop_basket .step_basket table.articles .amount input {display:inline; float:none; width:50px; font-size:11px; text-align:right;}

.shop_basket .step_basket table.articles .ordervalue {text-align:right; white-space:nowrap;}
.shop_basket .step_basket table.articles .delete {width:30px; padding-left:0; padding-right:0; text-align:center;}

.shop_basket .step_basket table.articles .sum td {font-weight:bold; border-bottom:0;}
.shop_basket .step_basket table.articles .sum td.ordervalue {text-align:right;}

/* shop_basket orderdata */
.shop_basket .step_orderdata label.label_accept_shop_terms {width:auto;}
.shop_basket .step_orderdata .displayhtml_shop_terms_link {clear:both; margin-bottom:1em; padding-left:1.8em;} 
.shop_basket .step_orderdata .label_comments span {display:none;}

/* shop_basket control */
.shop_basket .step_control h2 {color:#006636; border-bottom:1px solid #006636;}
.shop_basket .step_control table.articles {width:100%; border:0; border-collapse:collapse; margin-bottom:1em;}
.shop_basket .step_control table.articles th {padding:3px 5px; vertical-align:middle; color:#fff; background-color:#006636; border-bottom:1px solid #fff;}
.shop_basket .step_control table.articles td {line-height:20px; padding:4px 5px; vertical-align:top; text-align:left; border-bottom:1px solid #999;}

.shop_basket .step_control table.articles .article {width:90%; text-align:left;}
.shop_basket .step_control table.articles .article_id {color:#666;}

.shop_basket .step_control table.articles .unitprice {text-align:right; white-space:nowrap;}
.shop_basket .step_control table.articles .amount {text-align:right;}
.shop_basket .step_control table.articles .ordervalue {text-align:right; white-space:nowrap;}

.shop_basket .step_control table.articles .sum td {font-weight:bold; border-bottom:0;}
.shop_basket .step_control table.articles .sum td.ordervalue {text-align:right;}

.shop_basket .step_control .orderdata table {margin-bottom:1em;}
.shop_basket .step_control .orderdata caption {text-align:left; font-weight:bold;}
.shop_basket .step_control .orderdata td.label {font-weight:normal;}
.shop_basket .step_control .orderdata table.section_comments td.label {display:none;}

.shop_basket .step_control table.conditions {width:100%; border:0; border-collapse:collapse; margin-bottom:1em;}
.shop_basket .step_control table.conditions th {padding:3px 5px; vertical-align:middle; text-align:left; color:#fff; background-color:#006636; border-bottom:1px solid #fff;}
.shop_basket .step_control table.conditions td {line-height:20px; padding:4px 5px; vertical-align:top; text-align:left; border-bottom:1px solid #999;}
.shop_basket .step_control table.conditions .value {width:50px; text-align:right; white-space:nowrap;}
.shop_basket .step_control table.conditions .sum td {font-weight:bold; border-bottom:0;}
.shop_basket .step_control table.conditions .sum td.value {text-align:right;}

.shop_basket .step_control table.totalvalue {width:100%; border:0; border-collapse:collapse; margin-bottom:1em;}
.shop_basket .step_control table.totalvalue td {padding:3px 5px; vertical-align:middle; text-align:left; font-weight:bold; color:#fff; background-color:#006636; border-bottom:1px solid #fff;}
.shop_basket .step_control table.totalvalue td.value {width:50px; text-align:right; white-space:nowrap;}


/*************
photo competition
*************/

/* add submission */
.form_add_submission a.add_submission_link {font-weight:bold; padding-left:25px; font-size:140%; text-decoration:none; background-image:url(http://www.gartencenter-kirchberg.ch/common/img/icons/btn_upload.jpg); background-repeat:no-repeat;}
.form_add_submission a.add_submission_link:hover {text-decoration:underline;}

.form_add_submission .section_participation_conditions label {width:auto;}
.form_add_submission .section_participation_conditions label span {font-weight:normal;}
.form_add_submission .displayhtml_participation_conditions_link {clear:both; margin-bottom:1em; padding-left:1.8em;} 

.form_add_submission .label_email {width:250px; clear:none;}
.form_add_submission .fld_email {width:244px;}

.form_add_submission .label_photo {width:510px;}
.form_add_submission .fld_photo {width:504px;}

.form_add_submission .label_title {width:510px;}
.form_add_submission .fld_title {width:504px;}

/* submissions */
.contentbox.photo_competition .submissions {margin-bottom:1em; padding-top:1em; border-top:1px solid #006636;}
.contentbox.photo_competition .submissions .items_nav {margin-bottom:1em; text-align:center;}

.photo_competition .displayselections label {clear:none; width:180px; margin-right:8px;}
.photo_competition .displayselections select {width:180px;}
.photo_competition .displayselections button {width:20px; height:20px; margin-top:13px; border:0; background:none; background-color:#fff; background-image:url(http://www.qualipet.ch/img/template01/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.photo_competition .displayselections button span {display:none;}

.photo_competition .submissions .item {position:relative; display:block; float:left; width:175px; height:200px; margin:0 20px 10px 0;}
.photo_competition .submissions .item a.vote {display:block; line-height:14px; margin-bottom:2px; padding-left:17px; font-weight:bold; text-decoration:none; background-image:url(http://www.qualipet.ch/img/icons/vote_small.jpg); background-repeat:no-repeat;}
.photo_competition .submissions .item a.photo {position:relative; display:block; float:left; width:173px; height:173px; cursor:pointer; border:1px solid #006636;}
.contentbox.photo_competition .submissions .item.item4 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item8 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item12 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item16 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item20 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item24 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item28 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item32 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item36 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item40 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item44 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item48 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item52 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item56 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item60 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item64 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item68 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item72 {margin-right:0;}
.contentbox.photo_competition .submissions .item.item76 {margin-right:0;}
.photo_competition .submissions .tooltipcontent_item {display:none;}

div.ui-tooltip.submission .ui-tooltip-titlebar {padding:5px;}
div.ui-tooltip.submission .ui-tooltip-titlebar * {margin-bottom:0;}
div.ui-tooltip.submission .votes {float:right;}
div.ui-tooltip.submission .ui-tooltip-content {padding:5px; text-align:center;}

/* photo competition submission */
.photo_competition_submission a.back {display:block; float:right; padding-top:7px;}
.photo_competition_submission .votes {float:right;}
.photo_competition_submission .photo {clear:both; text-align:center;}

/* photo competition vote */
.vote_link {font-weight:bold; padding-left:25px; font-size:140%; text-decoration:none; background-image:url(http://www.qualipet.ch/img/icons/vote.jpg); background-repeat:no-repeat;}

.form_vote {margin-bottom:1em;}
.form_vote .label_email {width:250px; clear:none;}
.form_vote .fld_email {width:244px;}


@media print{
body, div {background: #ffffff; color:#666;}
#page {position:static; width:auto; background-image:none;}
#headerprint {display:block; padding-bottom:10px;}
#headerpane, .pathway, .leftpane, .rightpane {display:none!important;}
#mainpane {position:static!important; width:auto!important; overflow:visible!important; clear:none; background-color:transparent!important;}
#headertext {display:none;}
#maillink {display:none;}
#mainpane .middlepane {position:static!important; width:auto!important; overflow:visible!important;}
.contentpane {padding:0!important;}
#content {padding:0!important;}
.contentboxes, .contentbox {width:620px;}
.contentbox .images.floatright, .floatright {margin-left:0px; padding-left:0px;}
#title {padding:0 0; margin-right:0;}
.contentbox h2.title {padding:0;}
#footer {display:none;}
#footerprint {display:block;}
}