/***********************************************
stylesheet casadelvino
************************************************/

body {
	margin: 0px;
	padding: 0px;
	font-size:10px;
	color: #bbb1b1;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}


/************************************************
tags
************************************************/

a {
	color:#f68c68;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.4em;
	padding-top: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
	color: #dd4714;
	margin-bottom: 12px;
	border-top: dotted 1px #dd4714;
	border-bottom: dotted 1px #dd4714;
}
h2 {
	font-size:1.2em;
	color: #dd4714;
	xborder-top: dotted 1px #dd4714;
	border-bottom: dotted 1px #dd4714;
	margin-bottom: 5px;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}
p {
	margin:0;
}
strong {
	color: #ffffff;
}
input, select {
	font-size: 0.9em;
}
input.errors {
	background-color: #ff2222;
}

form {
	margin: 0px;
	padding: 0px;
}
img {
	border:0;
}
table, td {
	border-collapse:collapse;
}
ul {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}
li {
	margin-left: 0px;
	padding-left: 3px;
}
td {
	vertical-align: top;
}

/************************************************
classes: generic
************************************************/
.cdvred { color:#dd4714; }
.cdvbrown { color:#94513a }
.cdvorange { color:#f68c68; }
.cdvgray { color:#888888; }

.bordered { border: 1px solid #bbb1b1; }
.grayline { border-bottom: 1px solid #888888; }

/************************************************
id: detached
************************************************/

#debug {
	position: absolute;
	top:50px;
	left:1000px;
	z-index:100;
	border:3px solid #FFCC99;
	background-color:#333333;
	padding:5px;
	color: #ffffff;
}


/************************************************
id: header
************************************************/
#headerbox {
	left: 80px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 850px;
	xborder: solid 1px #00ffff;
}
#headerbox #deco {
}
#headerbox #menubox {
	height: 27px;
	width: 850px;
	border-top: dotted 1px #dd4714;
	border-bottom: dotted 1px #dd4714;
}
#headerbox #menubox #cart{
	height: 19px;
	width: 300px;
	padding-top: 8px;
	padding-right: 30px;
	font-size: 1.1em;
	float:right;
	text-align: right;
	background:url(../img/menu/norm/warenkorb.jpg) no-repeat right;
}
#headerbox #menubox #cart a {
	font-weight: bold;
	color: #ffffff;
}

#mainbox #footer {
	margin-top: 20px;
	margin-bottom: 50px;
	border-top: dotted 1px #dd4714;
	border-bottom: dotted 1px #dd4714;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
}




/************************************************
id: mainbox
************************************************/
#mainbox {
	left: 280px;
	top: 180px;
	margin: 0px;
	padding: 0px;
	width: 650px;
	position: absolute;
}
#mainbox #bothcol {
	width: 650px;
}
#mainbox #leftcol {
	width: 472px;
	float: left;
}
#mainbox #rightcol {
	margin: 0px;
	padding: 0px;
	width: 160px;
	float: right;
}


/************************************************
id: teaser
************************************************/
#mainbox #topleftalert {
	position: absolute;
	top: -180px;
	left: -280px;
	xborder: 5px solid #bbb1b1;
}

/************************************************
classes: bothcol
************************************************/
#mainbox #bothcol .banner {
	margin-bottom: 15px;
	border: 1px solid #bbb1b1;
}
#mainbox #bothcol .nullbox {
	margin-bottom: 10px;
	xborder: solid 1px #00ffff;
}
#mainbox #bothcol .floatbox {
	margin-bottom: 10px;
	font-size: 1.1em;
	xborder: solid 1px #00ffff;
}

/* teasers homepage */
#mainbox #bothcol .teaserrow {
	padding-bottom: 20px;
	overflow: auto;
	xborder: solid 1px #00ffff;
}
#mainbox #bothcol .teaserrow .teaser {
	width: 320px;
	float: left;
	xborder: 1px solid #ff0000;
}
#mainbox #bothcol .teaserrow .teaser .bottle {
	width: 35px;
	text-align: left;
	xborder: 1px solid #00ff00;
}
#mainbox #bothcol .teaser .description {
	width: 260px;
	float: right;
	font-size: 1.1em;
	margin-right: 15px;
	xborder: 1px solid #00ffff;
}
#mainbox #bothcol .teaser .description .label {
	color: #FFFFFF;
	font-weight: bold;
	xborder: 1px solid #555500;
}

/* news homepage */
#mainbox #bothcol .news {
	margin-top: 5px;
	margin-bottom: 30px;
}
#mainbox #bothcol .news a {
	color: #bbb1b1;
	font-size: 12px;
	font-weight: bold;

}


/* deprecated
#mainbox #bothcol .news dl {
	margin: 0px;
}
#mainbox #bothcol .news dt {
    float: left;
    clear: left;
    width: 80px;
    font-weight: bold;
    color: #ffffff;
	xborder: 1px solid #ff0000;
}
#mainbox #bothcol .news dd {
	margin-left: 80px;
	xborder: 1px solid #ff0000;
}
*/


/************************************************
classes: leftcol
************************************************/
#mainbox #leftcol .nullbox {
	margin-bottom: 10px;
	xborder: solid 1px #00ffff;
}
#mainbox #leftcol .floatbox {
	margin-bottom: 10px;
	font-size: 1.1em;
	xborder: solid 1px #00ffff;
}
#mainbox #leftcol .infobox {
	padding-top: 10px;
	border-top: dotted 1px #dd4714;
	font-size: 1.1em;
}
#mainbox #leftcol .imageright {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #bbb1b1;
}
#mainbox #leftcol .imageleft {
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bbb1b1;
}
#mainbox #leftcol .fullslide {
	border: 1px solid #bbb1b1;
}
/* teasers home - deprecated */
/*
#mainbox #leftcol .teaserrow {
	padding-bottom: 20px;
	overflow: auto;
}
#mainbox #leftcol .teaserrow .teaser {
	width: 155px;
	float: left;
}
#mainbox #leftcol .teaserrow .teaser .bottle {
	width: 30px;
	text-align: center;
}
#mainbox #leftcol .teaser .description {
	width: 100px;
	float: right;
	font-size: 1.1em;
	margin-right: 15px;
}
#mainbox #leftcol .teaser .description .label {
	color: #FFFFFF;
	font-weight: bold;
}
*/


/* news homepage */
/*
#mainbox #leftcol .news {
	margin-top: 5px;
}
#mainbox #leftcol .news dl {
	margin: 0px;
}
#mainbox #leftcol .news dt {
    float: left;
    clear: left;
    width: 80px;
    font-weight: bold;
    color: #ffffff;
	xborder: 1px solid #ff0000;
}
#mainbox #leftcol .news dd {
	margin-left: 80px;
	xborder: 1px solid #ff0000;
}
*/




/* winespecs */
#mainbox #leftcol dl {
	margin: 0px;
}
#mainbox #leftcol dt {
    float: left;
    clear: left;
    width: 0px;
    font-weight: bold;
    color: #ffffff;
	xborder: 1px solid #ff0000;
}
#mainbox #leftcol dd {
	margin-left: 100px;
	xborder: 1px solid #ff0000;
}


/* big product */
#mainbox #leftcol .bigprod {
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: auto;
	border-top: dotted 1px #dd4714;
}
#mainbox #leftcol .bigprod .bottle{
	width: 35px;
	float: left;
	margin-top: 5px;
	xmargin-bottom: 10px;
	text-align: center;
}
#mainbox #leftcol .bigprod .title{
	width: 330px;
	left: 10px;
	margin-top: 10px;
	margin-left: 50px;
}
#mainbox #leftcol .bigprod .description{
	width: 330px;
	left: 10px;
	margin-left: 50px;
	xmargin-bottom: 5px;
	font-size: 1.1em;
}
#mainbox #leftcol .bigprod .order {
	margin-top: 25px;
	width: 80px;
	float: right;
}
#mainbox #leftcol p {
	font-size: 1.1em;
}





/************************************************
classes: rightcol
************************************************/
#rightcol h1 {
	margin: 0px;
	padding: 0px;
	font-size:1.1em;
	text-transform: none;
	margin-bottom: 5px;
}

#mainbox #rightcol #bigbottle {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	background-image:url(../img/bg/bigbottle.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}



#mainbox #rightcol .item {
	width: 160px;
	float: left;
	margin-bottom: 10px;
}
#mainbox #rightcol .item .full{
	font-size: 1.1em;
}
#mainbox #rightcol .item .singleimg{
	margin-right: 5px;
}
#mainbox #rightcol .item .bottle {
	width: 30px;
	text-align: center;
	margin-top: 10px;
}
#mainbox #rightcol .item .description {
	width: 120px;
	float: right;
	font-size: 1.1em;
}





/************************************************
classes: navigation
************************************************/
#navigation {
	left: 80px;
	top: 180px;
	margin: 0px;
	padding: 0px;
	width: 180px;
	position: absolute;
	xborder: 1px solid #4a2216;
}

/* infonavi */
#navigation #menu {
	background-color: #3f1600;
	margin: 0px;
	padding: 0px;
	border: 1px solid #bbb1b1;
	margin-bottom: 20px;
}
#navigation #menu #title {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4em;
	color: #bbb1b1;
	background-color: #34180f;
	text-transform: uppercase;
	border-bottom: 1px dotted #555555;

}
#navigation #menu #items {
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #bbb1b1;
	font-size: 1.1em;
	background-color: #3f1600;
}

/* guided: head */
#navigation #head #title {
	padding-left: 5px;
	margin: 0px;
	font-size: 1.4em;
	color: #bbb1b1;
	background-color: #140600;
	text-transform: uppercase;
	border-left: 1px solid #bbb1b1;
	border-right: 1px solid #bbb1b1;
	padding-bottom: 5px;
}
#navigation #head #description {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #dd4714;
	background-color: #140600;
	border-left: 1px solid #bbb1b1;
	border-right: 1px solid #bbb1b1;
}

/* selection */
#selection {
	background-color: #34180f;
	background-image: url(../img/navigation/selection_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #bbb1b1;
	border-right: 1px solid #bbb1b1;
}
#selection #title {
	padding-left: 5px;
	xpadding-top: 5px;
	zpadding-bottom: 5px;
	margin: 0px;
	font-size: 1.1em;
	color: #ffffff;
	background-color: #34180f;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #555555;
	border-bottom: 1px dotted #555555;
}
#selection #content {
	padding: 0px;
	margin: 0px;
}
#selection #infotext {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #bbb1b1;
	xborder: 1px solid black;
}

#selection #content dl {
	padding: 0px;
	margin: 0px;
}
#selection #content dt.normal {
	padding-left: 15px;
	background-image: url(../img/navigation/delete.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
}
#selection #content dt.more {
	padding-left: 15px;
	padding-right: 3px;
	background-image: none;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	text-align: right;
	xborder-top: 1px dotted #555555;
}

#selection #content a:hover {
	text-decoration: line-through;
	cursor: pointer;
}
#selection #content dt.normal a:hover {
	text-decoration: line-through;
	cursor: pointer;
}
#selection #content dt.more a:hover {
	text-decoration: none;
	cursor: pointer;
}


/* refinement */
#refinement {
	background-color: #3f1600;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #bbb1b1;
	border-right: 1px solid #bbb1b1;
}
#refinementall {
	background-color: #3f1600;
	font-family: Arial, Helvetica, sans-serif;
	color: #bbb1b1;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	border-left: 1px solid #bbb1b1;
	border-right: 1px solid #bbb1b1;
}
#refinement #content {
	margin: 0px;
	padding: 0px;
}
#refinement #content input {
	background-color: #3f1600;
	border: 1px dotted #bbb1b1;
	color: #bbb1b1;
	margin-left: 5px;
	width: 130px;
}

#refinement #title {
	padding-left: 5px;
	font-size: 1.1em;
	color: #ffffff;
	background-color: #34180f;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #555555;
	border-bottom: 1px dotted #555555;
}
#refinement #infotext {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #bbb1b1;
	background-color: #3f1600;
}
#refinement #content dl {
	background-image: url(../img/navigation/refinement_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	border-top-width: 1px dotted #FFFFFF;
}
#refinement #content dt {
	padding-left: 5px;
	padding-bottom: 2px;
	color: #dd4714;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}
#refinement #content dd.normal {
	margin: 0px;
	padding-left: 15px;
	xbackground-image: url(../img/navigation/add.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	color: #dd4714;
}
#refinement #content dd.more {
	padding-left: 15px;
	padding-right: 3px;
	background-image: none;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	text-align: right;
}

/* refinementlist */
.blockscreen {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
	display: none;
    background-color: #000000;
    filter: alpha(opacity = 75);
    opacity:.75;
}

.refinementlist {
	left: 130px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 650px;
    z-index: 150;
}
.refinementlist #reftitle{

}
.refinementlist #reftopdeko{
	padding: 0px;
	margin: 0px;
	height: 20px;
}
.refinementlist #refbottomdeko{
	padding: 0px;
	margin: 0px;
	height: 20px;
	clear: both;
	margin-bottom: 50px;
}


/************************************************
id: banner right
************************************************/
#bannerright {
	left: 950px;
	top: 180px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	xborder: 1px solid #bbb1b1;
}

/************************************************

************************************************/

@media print {


	body {
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
		font-size:10px;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
	}

	#headerbox {
		display: none;
	}
	#menubox {
		display: none;
	}
	#mainbox {
		margin: 0px;
		padding: 0px;
		top: 0px;
		left: 0px;

	}
	#navigation {
		display: none;
	}

}