/* @override http://de.verity-tee.www/resources/styles/products.css */

/* @override http://192.168.21.172/~kevin.foerster/de.verity-tee.html/styles/products.css */

.products #top_01 {
	position: relative;
	display: block;
	margin: auto;
	margin-bottom: -198px;
}
.products #bot_01 {
	position: relative;
	display: block;
	margin: -100px 0 0 -110px;
	
}

.static div#content,
.products div#content {
	background-repeat: no-repeat;
	background-position: center 0px;
	padding: 0;
}

.products div#content #productCornersBottom,
.static div#content #cornersBottom{
	background-repeat: no-repeat;
	background-position: center bottom;
}

.static div#content {
	background-image: url(../images/genericEckenOben.jpg);
}

.static div#content #cornersBottom {
	background-image: url(../images/genericEckenUnten.jpg);
	clear:both;
}
#greenTeaLink{
	display: inline !important;
}
#greenTeaTeaser{
	float:right;
	margin-top:6px;
}
#verity_10_absolute_green #greenTeaTeaser{
	display: none;
}

#verity_21_finest_ceylon.products div#content {
	background-image: url(../images/productFinestCeylonEckenOben.jpg);
}

#verity_21_finest_ceylon.products div#content #productCornersBottom {
	background-image: url(../images/productFinestCeylonEckenUnten.jpg);
}

#verity_30_fruity_hagebutte.products div#content {
	background-image: url(../images/productFruityHagebutteEckenOben.jpg);
}

#verity_30_fruity_hagebutte.products div#content #productCornersBottom {
	background-image: url(../images/productFruityHagebutteEckenUnten.jpg);
}

#verity_50_pure_rooibos.products div#content {
	background-image: url(../images/productPureRooibosEckenOben.jpg);
}

#verity_50_pure_rooibos.products div#content #productCornersBottom {
	background-image: url(../images/productPureRooibosEckenUnten.jpg);
}

#verity_10_absolute_green.products div#content {
	   background-image: url(../images/productAbsoluteGreenEckenOben.jpg);
}

#verity_10_absolute_green.products div#content #productCornersBottom {
	background-image: url(../images/productAbsoluteGreenEckenUnten.jpg);
}

#verity_10_black_chai.products div#content {
	background-image: url(../images/productBlackChaiOben.jpg);
}

#verity_10_black_chai.products div#content #productCornersBottom {
	background-image: url(../images/productBlackChaiUnten.jpg);
}

#verity_10_cool_mintmix.products div#content {
	background-image: url(../images/productCoolMintmixEckenOben.jpg);
}

#verity_10_cool_mintmix.products div#content #productCornersBottom {
	background-image: url(../images/productCoolMintmixEckenUnten.jpg);
}


.products div#content #product{
	/*background-image is set per file*/
	/*background-image: url();*/
	background-repeat: no-repeat;
	background-position: 180px 270px;
}

.products div#content div#productDesc {
	background-repeat: no-repeat;
	background-position: left 100px;
	height: 433px;
	width:	400px;
	padding-left: 230px;
	margin-left: 180px;
	padding-top: 110px;
}

div#productDesc h2{
	color: #E10026;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 25px;
}

div#productDesc sup{
	color: #E10026;
}

div#productDesc hr{
	display: none;	
}

div#productDesc p{
	margin-bottom: 16px;
	line-height: 16px;
	font-size: 10px !important;
	color: #4D4D4D;
}


div#productDescText {
	height: 215px;
	width: 327px;
	overflow: auto;
}

div#howto {
	margin-top: 30px;
}

/* @group static */

li.thumbnail a:before {
	content: " " !important;
}

li.thumbnail {
	width: 100px;
	margin: 3px;
	float: left;
	color: #4d4d4d;
}

li.thumbnail a:link{
	color: #4d4d4d !important;	
	font-size: 11px !important;
}

#content sup {
	font-size: 10px !important;
	vertical-align: super;
	color: #4d4d4d;
	line-height: 8px;
}


div#rightColumn {
	width: 420px;
	float: right;
	margin-right: 140px;
}

div#leftColumn {
	width: 250px;
	float: left;
	padding-left: 170px;
}

/* @end */

h3 {
	color: #E10026;
	text-transform: uppercase;
	letter-spacing: 3px;
}

h4 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: -15px;
}

#content p, #content ul {
	margin: 15px 0;
	color: #4D4D4D;
	line-height: 15px;
	font-size: 10px !important;
}

#content a:link,
#content a:visited{
	color: #E10026;
	text-decoration: none;
	font-size: 11px !important;
}
#press #content a:before {
	content: "> ";
	color: #E10026;
}

label {

	margin-top: 10px;
	line-height: 16px;
}

input,
select {
	width: 170px;
}

input#submit {
	float: right;
	width: 100px;
	margin-top: 10px;
	margin-right: 130px;
}

textarea {
	width: 300px;
	height: 100px;	
}

input,
select,
option,
textarea,
label {
	color: #4D4D4D;
	font-size: 11px !important;
	display: block;	
}
hr {
	display:block;
	clear:both;
	float:none;
}

.highlight {
	color: #8c8c8c;
	font-size: 10px !important;
}