/**
 * cottinelli.css
 *
 * Stylesheet fuer Cottinelli Weinbau
 *
 * author:	inteco edv ag (http://www.inteco.ch)
 * date:	14.08.2009
 *
 * DEFINITIONS
 * 
 * colors:
 * 	- red: 	#be2534
 * 	- grey: #333333
 */
/*********************************
 * General Styles
 *********************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body{
	line-height: 1.3;
	height:100%;
	width:100%;
}
ol,ul{
	list-style: none;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: '';
}
ins{
	text-decoration: underline;
}
del{
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}
body,h1,h2,h3,h4,h5,p,a{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
}
h1{
	color: #be2534;
}
h1,h2,h3,h3 a{
	font-size: 12px;
}
b,strong{
	font-weight: bold;
}
p{
	padding-bottom: 15px;
}
/*********************************
 * Layout
 *********************************/
body{
	background: url('/.resources/img/bg.png');
}
#body {
	background-image: url('/.resources/img/background.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 1099px;
	text-align: center;
}
#menu {
	height: 80px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#menu img {
	margin: 0;
	padding: 0;
}
#menu a {
margin:0% 0% 0% 0.35%;
	padding: 0;
}
#mainContent {
	background-image: url('/.resources/img/bg_menu.png');
	background-repeat: repeat-x;
	background-color: #ffffff;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
#containerWrapper {
	text-align: left;
	background-image: url('/.resources/img/bg_shadow.png');
	background-repeat: repeat-y
}
#containerWrapper {
	width: 976px;
	margin: 0 auto
}
#header {
	border-bottom: 1px solid #be2534;
	margin-bottom: 2px;
	padding: 0px;
	height: 150px;
	background: #ffffff;
}
#container {
	width: 950px;
	margin: 0px;
	padding: 0px;
	margin-left: 11px;
	height: 100%;
}
#wrapper {
	float: left;
	width: 100%;
}
#contentCol {
	display: inline;
}
#content {
	margin: 0px;
	padding: 0px;
	margin-left: 228px;
	width: 521px;
}
#navigation {
	padding-left: 15px;
	padding-right: 15px;
}
#navigationWrapper {
	float: left;
	width: 215px;
	margin-left: -950px;
	background-image: url('/.resources/img/shadow_left.png');
	background-repeat: no-repeat;
	background-position: top right;
	height: 700px;
}
#extraWrapper {
	float: left;
	min-height: 700px;
	margin-left: -188px;
	background-image: url('/.resources/img/shadow_right.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#extra {
	margin-left: 25px;
	margin-right: 10px;
	width: 153px;
}
#leftCol,#leftCol2 {
	width: 250px;
	float: left;
	padding-right:10px;
}
#content h2, #content h2 a {
	color: #be2534;
	font-size: 12px;
}
#rightCol,#rightCol2 {
	width: 240px;
	float: left;
	padding-left: 20px;
	background: url('/.resources/img/redline_v.png') repeat-y;
}
/*********************************
 * Logo
 *********************************/
#logoImg {
	margin-left: 17px;
	margin-right: 18px;
	margin-bottom: 49px;
}

#logoA {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#logoA img {
	border: 0px none;
	display: inline;
}
/*********************************
 * Search box
 *********************************/
#searchDiv {
	height: 24px;
	width: 185px;
}

#searchSubmit {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	height: 24px;
	width: 24px;
}

#searchInput_container {
	top: 0px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 24px;
}

#searchInput_mainA {
	width: 140px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 24px;
}

#searchInput_input {
	width: 140px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border: 0px none;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
/*********************************
 * Links
 *********************************/
a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #be2534;
}

a.red {
	color: #be2534;
}

a.grey {
color: #333333;
}
a.grey:hover {
color: #be2534;
}
a.red:hover {
	color: #333333;
}

a.boldGrey {
	color: #333333;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}
h2 a,h2{
	color: #000000;
	margin: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
}

.red{
	color: #be2534;
}
h2.red a,h2.red{
	color: #be2534;
}

h2.red a:hover,h2.red{
	color: #333333;
}


.boldRed {
	color: #be2534;
	font-weight: bold;
}

.boldRed {
	color: #be2534;
	font-weight: bold;
}

.boldGrey:hover {
	color: #be2534;
}

.boldRed:hover {
	color: #333333;
}

.box {
	margin: 0px;
	padding: 0px;
}

.box img {
	margin-top: 10px;
}

img.previewImage{
max-width:65px;
max-height:150px;
margin-right:25px;
}

.contentImage_right {
	float: right;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.contentImage_left {
	float: left;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}
/*********************************
 * Forms
 *********************************/
.formelement {
	margin-bottom: 10px;
	height: 20px;
}

.formelement label {
	width: 80px;
	display: block;
	float: left;
	margin-right: 20px;
	
}

.formelement .btn {
	border: 0px;
	background: none;
	display: inline;
	font-size: 11px;
	float: right;
}

.formelement .radio {
	margin: 0px;
	position: relative;
	top: 3px;
	margin-right: 4px;
}

.formelement .checkbox {
	margin: 0px;
	position: relative;
	top: 3px;
	margin-right: 4px;
}

.formelement .text {
	margin: 0px;
	height: 18px;
	width: 200px;
}

.radioValue {
	margin-right: 25px;
}
/*********************************
 * Input buttons
 *********************************/
input.submit {
	font-size: 11px;
	border: 1px dotted black;
}

input.submit_text {
	font-size: 1px;
	border: 0px;
}

input.submit_text:hover {
	font-size: 1px;
	color: red;
}

textarea {
	font-family: Arial;
	font-size: 11px;
}

input.test {
	font-family: Arial;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

input.simple {
	border: 0px;
	color: #be2534;
	background: none;
	font-weight: bold;
	font-size: 12px;
}

input.simple:hover {
	cursor: pointer;
	color: #333333;
}

input.text {
	height: 14px;
	width: 30px;
	border: 1px solid black;
}

input.btn:hover {
	cursor: pointer;
}

input.btnBasket {
	background: url(/.resources/img/btn_warenkorb.png) no-repeat;
	height: 19px;
	width: 25px;
	border: 0px;
}

input.btnDel {
	background: url(/.resources/img/loeschen.png) no-repeat;
	height: 19px;
	width: 25px;
	border: 0px;
}
input.userData{
font-size:11px;
height:20px;
width:155px;
margin:1px 0px 1px 0px;
}
/*********************************
 * Catalog
 *********************************/ /* Nodes */
ul.catalogNode,ul.catalogSubNode {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

li.catalogNode {
	margin-top: 30px;
}

ul.catalogNode {
	font-weight: bold;
}

/* subnodes */
ul.catalogSubNodeProducts {
	padding-left: 0px;
	list-style-type: none;
}

ul.catalogSubNode {
	padding-left: 8px;
	margin-bottom: 5px;
}

ul.catalogSubNode ul {
	list-style-type: none;
	padding-left: 15px;
}

li.catalogSubNode {
	list-style-type: none;
}

/* product row element */
table.product {
	width: 530px;
	font-weight: normal;
	margin-bottom: -9px;
	height: 30px;
	margin-top: -1px;
}

.product tr {
	height: 10px;
}

.product td {

}
td.prodEdit {
width: 10px;
}
td.prodName{
}
td.prodDiscount{
width:20px;
}
td.prodYear{
width:50px;
}
td.prodFgcd{
width:50px;
}

td.prodPrice {
width:80px;
text-align: right;
}
td.prodInput{
width:70px;
text-align: right;
}
.buttonTable2 input.text{
margin-left:10px;
margin-right:7px;
}
.buttonTable2 td{
vertical-align:top;
}
span.prodPrice {
	color: #be2534;
}

h3.groupTitle {
	color: #be2534
}

/*********************************
 * Seperators
 *********************************/
div.sepBlackH {
	height: 3px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
	background: url('/.resources/img/blackline_h.png') repeat-x;
}

div.sepRedH {
	height: 3px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
	background: url('/.resources/img/redline_h.png') repeat-x;
}

div.sepWhiteH {
	height: 3px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}

/*********************************
 * Product-Detail
 *********************************/ /* detail table */
table.prodDetail {
	margin-top: 20px;
	width: 100%;
}

table.prodDetail td {
	vertical-align: top;
}

.priceReducedtrue {
	color: #be2534;
}

table.prodDetail td.vintage {
	vertical-align: middle;
	width:100px;
}

table.prodDetail td.prodImage {
	width: 180px;
	padding-right: 20px;
	text-align: center;
	vertical-align: top;
}

table.prodDetail td.prodImage img {
	max-width: 150px;
	max-height:300px;
}

/* product properties */
table.prodSpecs {
	margin-bottom: 25px;
	width: 100%;
}

table.prodSpecs td {
	height: 19px;
}
/* longtext boxes */
div.prodBlocks {
	width: 100%;
	margin-top: 30px;
}
/*********************************
 * Mini Catalog
 *********************************/
div.miniCatalog {
	width: 180px;
	margin-top:36px;
}

.miniCatalog ul {
	list-style: none outside;
	padding: 0px;
	margin: 0px;
	line-height: 175%;
}

li.miniCatalogNode a {
	font-weight: bold;
}

li.miniCatalogSubNode a {
	font-weight: normal;
	padding-left: 7px;
	font-size: 11px;
}

li.miniCatalogSubNode.active>a {
	background: url('/.resources/img/listdot1.png') 0px 5px no-repeat;
}

li.miniCatalogSubSubNode a {
	margin-left: 7px;
}

li.miniCatalogSubSubNode.active a {
	background: url('/.resources/img/listdot2.png') 0px 6px no-repeat;
}

/*********************************
 * Gastrologin
 *********************************/
 /*
#gastroLogin-win .x-btn button {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	overflow:visible;
	padding-left:3px;
	padding-right:3px;
	width:auto;
	border:1px solid green;
}
#gastroLogin-win .x-btn-text {
	color:#BE2534;
	font-size:11px;
	font-weight:bold;
	left:10px;
	position:relative;
	top:-30px;
}
#gastroLogin-win .x-btn-mc {
	cursor:pointer;
	text-align:center;
	white-space:nowrap;
	color:	#BE2534;
}
#gastroLogin-win .x-btn-text {
	cursor:pointer;
	padding:0;
	white-space:nowrap;
}
*/
#gastroLogin-win .x-btn-text {
	color:#BE2534;
}
#gastroLogin-win{
	position: 		absolute;
	text-align:		left;
	z-index: 		9003; 
	visibility: hidden; 
	display: block; 
	left: -10000px; 
	top: -10000px; 
	width: 428px;
}
#gastroLogin-div{
	padding:		24px;
	padding-top:	0px;
	padding-bottom:	0px;
	margin-top:		-10px;
}
#gastroLogin-div h2{
	color:			#BE2534;
}
#gastroLogin-win .x-btn-noicon .x-btn-small .x-btn-text {
	height:16px;
}

#gastroLogin-win .ext-gecko .x-btn button {
	padding-left:0;
	padding-right:0;
}
/**
 * Oliv-Werbung
 */
#olivAd {
	position: relative;
	left: 150px;
	margin-top:60px;
}
span.orderLink{
color:#aaa;
display:inline-block;
background:url('/.resources/img/order_line.png') center right no-repeat;
}
span.selected{
font-weight:bold;
color:#be2534;
}
span.checked {
width:14px;
margin-left:2px;
margin-right:2px;
display:inline-block;
background:url('/.resources/img/haken.png') 0px 2px no-repeat;
}
#grayOutContainer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1000;
}
#grayOut{
position:absolute;
top:0;
left:0;
background:black;
width:100%;
height:100%;
opacity:0.7;
filter:alpha(opacity=70);
}
#msgBox{
width:450px;
background:white;
padding:20px;
position:relative;
top:30%;
z-index:1100;
margin:auto;
}
#msgBox a.center{
display:block;
margin:20px 0px 0px 200px;
}
#msgBox div.sepRedH{
margin:16px 0px 13px 0px;
}
img.rightImage{
max-width:150px;
}