/* ---

Schwarz E-Commerce GmbH & Co. KG
Stiftsbergstr. 1
74166 Neckarsulm

Project:		Lidl.de
Version:		1.7
Last change:	08/07/11
Author:			Tobias Beisel, Katja Deutschmann

Index:
01 CSS Reset
02 Main definitions
03 Header
	03.01. Meta navigation
	03.02. Basket
	03.03. Userbar
		03.03.01 User login popup
	03.04. Searchbar
	03.05. Quicksearch result
	03.06. Storebar
04 Navigaton
	04.01. First level
	04.02. Second level
	04.03. Second level in content
05 Content
	05.01. Main definitions
	05.02. Price
	05.03. Availibility Icons Online / Offline
	05.04. Product-Teaser
	05.05. Forms
		05.05.01 Help
	05.06. Buttons
	05.07. Timeline
	05.08. Messages
	05.09. Delivery Status and Soldout
	05.10. Expandables
	05.11. Tables
	05.12. Password check
	05.13. Static content teasers
	05.14. Brand chooser on campaign page
	05.15. Disclaimer text on bottom of page
	05.16. SEO text on bottom of page
	05.17. Detailpage
	05.18. Popup
	05.19. Social Bookmarking
	05.20. Cheaper carousel
	05.21. Static Pages
	05.22. Widest Content Page
	05.23. Products filter
	05.24. Deliverability
	05.25. Teaser show
	05.26. Highlight Products
	05.27. Lidl Highlight
06 Marginal
	06.01. Normal article box
	06.02. Special marginal box with form
	06.03. Main definition left aside
	06.04. Account overview page
07 Footer
	07.01. Footer breadcrumb
	07.02. Main footer
	07.03. SEO links
08 Online-Flyer

Notice:
- All CSS properties are sorted alphabetical!
- Look into the mini-indexes for more detailed information.

--- */


/* 01 CSS Reset ############################################################ */

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author:Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
	-webkit-text-size-adjust:none;
}

body {
	color:#003278;
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    color:#003278; 
    font-style:italic;
	text-decoration:underline;
}

del {
    text-decoration:line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

.widecontent hr {
	margin-right:20px;
}

.widecontent table {
	width:774px;
}

.widecontent .contentpart1 table {
	width:362px;
}

:focus {
	outline:1;
}

.hide {
	display:none;
}

noscript p {
	background-color:#f5e2df;
	border-top:2px solid #b41e0a;
	border-right:none;
	border-bottom:2px solid #b41e0a;
	border-left:none;
	color:#b41e0a;
	display:block;
	font-family:verdana;
	font-size:11px;
	margin:0 auto;
	padding:8px;
	line-height:15px;
	text-align:center;
	width:auto;
}

noscript p strong {
	font-weight:bold;
}

/* Browserupdate.org */

.buorg a {
	height:auto;
	padding:0;
}

#buolist {
	display:block;
}

#buolist a {
	display:inline-block;
	height:25px;
	padding-top:13px;
}

/* Etracker feedback */

#_fb_img, #et_vv_fb_ol_div {
	display:none;
}


/* Specialslayer (Overlay) */

.specialslayer {
	display:none;
}

/* 02 Main definitions ############################################################ */

body {
	font:normal 11px/15px Arial, Helvetica, sans-serif;
}

#wrapper {
	margin:0 auto;
	text-align:left;
	position:relative;
}

.nojewelelements nav {
	height:30px;
	overflow:hidden;
}

.nojewelelements #search {
	display:none;
}

.nojewelelements nav ul#firstlevel li ul.secondlevel {
	margin-top:-10000px;
}

header {
	height:180px;
	position:relative;
	z-index:9;
}

*+html header {
	height:140px;
}

nav {
	display:none;
}

#search {
	display:none;
}

article {
	background-color:white;
	min-height:450px;
	padding:0;
}

aside {
	display:none;
}


/* 03 Header ############################################################ */

#logo {
	border:none;
	float:left;
	margin:10px 0 0 10px;
}

#logolink {
	background:none;
	padding-left:0;
	text-decoration:none
}

#logolink span.hide {
	display:block;
	float:left;
	font-size:28px;
	font-weight:bold;
	font-family:arial, sans-serif;
	line-height:28px;
	margin: 56px 0 0 15px;
}

*html #logo {
	margin-bottom:10px;
}

#specialslayer {
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}

/* 03.01. Meta navigation **************************************** */

#metanav {
	display:none;
}

/* 03.02. Basket **************************************** */

#basket {
	display:none;
}

/* 03.03. Userbar **************************************** */

#userbar {
	display:none;
}

/* 03.06. Storebar **************************************** */

#storebar {
	background-color:white;
	display:block;
	float:left;
	margin:10px 0 10px 10px;
	padding:0;
	position:absolute;
	top:100px;
	left:135px;
}

*html #storebar {
	display:inline;
}

section #storebar {
	margin:0 0 10px 0;
	padding:0;
	position:absolute;
	top:110px;
	left:145px;
}

#storebar div {
	display:block;
	float:left;
}

#storebar div fieldset {
	display:none;
}

#storebar div p {
	float:right;
	margin:0;
	padding:8px 0 0 0;
	text-align:right;
}

#storebar div strong {
	display:none;
}

#storebar div p strong {
	display:inline;
	height:auto;
	font-size:11px;
	font-weight:bold;
	padding:0 2px 0 0;
}

#storebar div p a {
	padding-left:2px;
}


/* 04 Navigaton ############################################################ */

/* 04.03. Second level in content **************************************** */

#subnav {
	display:none;
}

/* 05 Content ############################################################ */

/* 05.01. Main definitions **************************************** */

article section {
	float:left;
}

.smallcontent, .widecontent, .widestcontent {
	padding:0 0 0 10px;
	width:794px; 
}

.widecontent .contentpart1 {
	float:right; 
	padding:10px;
	position:relative; 
	width:372px; 
}

.widecontent .contentpart2 {
	float:right; 
	margin:0 10px 0 0;
	padding:0;
	position:relative; 
	width:382px; 
}

.widestcontent .contentpart1 {
	float:left; 
	padding:0;
	width:382px; 
}

.widestcontent .contentpart2 {
	float:left; 
	margin:0 10px 0 0;
	padding:0;
	width:382px; 
}

* html .contentpart1, 
* html .contentpart2 {
	margin:0 !important;
}

.size_2x {
	float:left;
	width:392px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

small {
	font-size:9px;
	line-height:10px;	
}

hr {
	border-top:1px solid #b8c6d9;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	clear:both;
	margin:20px 10px 15px 0;
	padding:0;
}

* html hr {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

*+html hr {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

br {
	clear:both;
}

p br, li br, 
h1 br, h2 br, h3 br {
	clear:none;
}

h1 {
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	margin:5px 10px 10px 0;
	padding:0;
}

h2 {
	clear:both;
	font-size:16px;
	font-weight:bold;
	line-height:20px;	
	margin:20px 10px 10px 0;
	padding:0;	
}

h2 a {
	padding-left:0;
}

h3, h4 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:15px 10px 5px 0;
}

p {
	margin:0 10px 10px 0;
	padding:0;
}

ul {
	margin:0 10px 10px 15px;
	padding:0;
}

p.intro {
	font-weight: bold;
}

p.size1x {
	float:left;
	width:186px;
}

ol {
	margin:0 0 10px 15px;
	padding:0;	
}

ol ol, ul ol {
	margin:5px 0 0 18px;
}

ul ul, ol ul {
	margin:5px 0 0 13px;
}

ol li, ul ol li {
	list-style-position:outside;
}

ul li, ol ul li {
	list-style-type:disc;
}

ol li {
	list-style-type:decimal;
}

ol ol li {
	list-style-type:lower-alpha;
}

.ankerlist.strong {
	display:none;
}

.imagelist {
	margin:0;
}

.imagelist li {
	float:left;
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:0;
}

.imagelist a {
	margin:0;
	padding:0;
}

.imagelist img {
	margin:0;
}

a,
a.link {
    border:0;
	color:#003278;
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    padding:0;
}

img,
.titledimage {
	border:1px solid #e6ebf2;
	display:block;
	margin-bottom:10px;
}

img.left,
.titledimage.left {
	float:left;
	margin:0 10px 10px 0;
}

img.right,
.titledimage.right {
	float:right;
	margin:0 10px 10px 10px;
}

.titledimage img,
.titledimage img.left,
.titledimage img.right {
	border:none;
	display:block;
	float:none;
	margin:0;
	padding:0;
}

.titledimage span {
	border:1px solid #003278;
	color:#003278;	
	display:block;
	font-style:italic;
	margin: 0 -1px -1px -1px;
	padding:5px 10px;
}

.split1-2, .split2-1,
.split05-25, .split25-05 {
	clear:both;
	display:block;
	float:none;
	margin-bottom:10px;
	padding:0;
}

.split1-2 .part1, 
.split2-1 .part2 {
	float: left;
	padding:0;
	min-width: 186px;
	max-width: 382px;	
}

.split2-1 .part1, 
.split1-2 .part2 {
	float: left;
	padding:0;
	min-width: 392px;	
	max-width: 578px;	
}

.split05-25 .part1, 
.split25-05 .part2 {
	float: left;
	padding:0;
	min-width: 98px;
	max-width: 216px;
}

.split25-05 .part1, 
.split05-25 .part2 {
	float: left;
	padding:0;
	min-width: 490px;
	max-width: 676px;
}

.split1-2 h2, .split2-1 h2,
.split05-25 h2, .split25-05 h2 {
	margin-top:5px;
}

.split2-1 .part2 img, 
.split1-2 .part2 img,
.split25-05 .part2 img, 
.split05-25 .part2 img {
	margin-left:10px;
}

.split2-1 .part1 img, 
.split1-2 .part1 img,
.split25-05 .part1 img, 
.split05-25 .part1 img {
	margin-right:10px;
}
	
a img {
	border:1px solid #003278;
	display:block;
}

a:active img, a.active img {
	border:1px solid #b41e0a;	
}

a.next {
	padding:2px 24px 4px 0;
}

a.next.disabled {
}

a.prev {
	padding:2px 0 4px 24px;
}

a.prev.disabled {
}

a.backoverview {
	padding:2px 0 8px 0;
	line-height:24px;
	vertical-align:top;
}

a.anker.down {
}


.separator {
	margin:0 8px 0 8px;
}

/* Legal notice (Right to cancel) */

.stronglegalnotice {
	border:2px solid #b41e0a;
	margin:0 10px 0 0;
	padding:10px;
}

/* 05.02. Price **************************************** */

/* Price */

.priceinfo {
	display:block;
	position:relative;
	text-align:right;
}

.price {
	color:#b41e0a;
	clear:both;
	display:block;
	font-size:24px;
	line-height:24px;
	padding:0;
}

.price sup {
	font-size:11px;
	vertical-align:text-top;
	margin:0 0 0 -2px;
}

.price sup.star {
	font-size:20px;
	line-height:20px;
	vertical-align:text-top;
	margin:0 0 0 2px;
}

.price small {
	font-size:10px;
	margin-right:-3px;
}

.pricecut {
	border:2px solid #b41e0a;
	color:#b41e0a;
	display:inline-block;
	float:right;
	height:28px;
	margin:0 0 2px 0;
}

.percent {
	border-right:2px solid #b41e0a;
	display:block;
	float:left;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	line-height:22px;
	padding:3px 3px 4px 3px;
	text-align:center;
}

.priceold, .uvp {
	display:block;
	float:left;
	font-style:normal;
	font-weight:bold;	
	margin-top:0;
	text-align:center;
}

.uvp {
	padding:1px 3px 0px 3px;
}

.priceold {
	padding:3px 3px 0px 3px;
}

.oldprice {
	display:block;
	font-size:11px;
	line-height:11px;
	padding:0;
}

.priceold .oldprice {
	margin-top:2px;
}

.specialdesc {
	border-bottom:2px solid #b41e0a;
	border-left:2px solid #b41e0a;
	border-top:2px solid #b41e0a;
	color:#b41e0a;
	display: inline-block;
	float:right;
	padding:2px 3px;
	text-align:left;
}

.specialdesc br {
	display:block !important;
}

.uvp small {
	display:block;
	font-size:9px;
	line-height:6px;
	padding:0;
	margin:-2px 0 1px 0;
}
 
.uvp .oldprice {
	margin-top:-1px;
}

.amount, .baseprice, .addprice {
	clear:both;
	display:block;
}

.baseprice {
	font-style:italic;
}

/* 05.03. Availibility Icons Online / Offline **************************************** */

.availability {
	display:block;
	font-weight:bold;
}

.availability .online,
.availability .store {
	display:block;
	float:left;
	font-weight:normal;
	padding:0 20px 0 0;
}

.soldout .availability .online, .soldout .online {
	color:#003278;
	text-decoration:line-through;
}


/* 05.04. Product-Teaser **************************************** */

.box {
	border:1px solid #003278;
	color:#003278;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	page-break-inside:avoid;
	padding:0;
	position:relative;
	text-decoration:none;	
}

/* width 0.5 */
.size05x {
	width:86px;
}

/* width 1 */
.size1x {
	width:184px;
}

/* width 1.25 (for widestcontent) */
.size125x {
	width:233px;
}

/* width 1.5 */
.size15x {
	width:282px;
}

/* width 1, height 1 */
.size1x1 {
	height:280px;	
	width:184px;
}

/* width 2 */
.size2x {
	width:380px;
}

/* width 2.5 */
.size25x {
	width:478px;
}

/* width 2, height 1 */
.size2x1,
.size2x1s {
	height:280px;	
	width:380px;
}

/* width 3 */
.size3x {
	width:576px;
}

/* width 3, height 1 */
.size3x1 {
	height:280px;	
	width:576px;
}

/* width 4 */
.size4x {	
	clear:left;
	width:772px;
}

/* width 4, height 1 */
.size4x1 {
	clear:left;
	height:280px;	
	width:772px;
}

/* width 5 -> width 4 */
.size5x {
	clear:left;
	width:772px;	
}

.box .inner {
	margin: 9px;
}

.box.size2x1s .photo {
	display:block;
	float:left;
	height:340px;
	margin-right:10px;
	width:185px;
}

.box h2 {
	clear:none;
	font-size:11px;
	line-height:14px;
	margin:7px 9px 0 9px;
	padding:0;
	page-break-before:avoid;
}

.box .inner h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.box .inner h3 {
	margin-top: 0;
}

.box p.description {
	display:block;
	font-size:10px;
	line-height:12px;
	margin:3px 9px 0 9px;
	padding:0;
	page-break-before:avoid;
}

.box img, .box a img {
	border:none !important;
}

.box.hproduct br {
	display:none;
}

.box .category {
	display:none;
}

.box .furtherinfo {
	background-color:white;
	border-bottom:1px solid #003278;
	border-top:1px solid #003278;
	display:block;
	font-style:italic;
	position:absolute;
	bottom:202px;
	left:0;
	padding:2px 10px;
	width:164px;
	page-break-before:avoid;
}

.box.size2x1 .furtherinfo {
	width:360px;
}

.box.size2x1s .furtherinfo {
	bottom:0px;
	border-bottom:none;
	border-right:1px solid #003278;
}

.box.soldout .delivery {
	background-color:white;
	border:1px solid #b41e0a;
	margin:4px;
	padding:5px;
	position:absolute;
	text-align:center;
	width:164px;
	top:103px;
}

.size1x1 .delivery {
	left:0;
}

.size2x1 .delivery {
	left:98px;
}

.box .availability {
	bottom:6px;
	font-size:10px;
	left:9px;
	margin:0;
	padding:0;
	position:absolute;
	width:52px;
}

.box.size2x1s .availability {
	left:195px;
}

.box .priceinfo {
	bottom:8px;
	right:9px;
	margin:0;
	padding:0;
	page-break-before:avoid;
	position:absolute;
}

.size1x1 .priceinfo {
	width:164px;	
}

.size2x1 .priceinfo {
	width:360px;
}


/* 05.05. Forms **************************************** */

form,
div.form {
	background-color:white;
	clear:both;
	margin:0 20px 10px 0;
	padding:0;
	position:relative;
}

form form,
div.form form {
	clear: none;
	margin:0;
	padding:0;	
}

form.tableform {
	background-color:white;
	clear:both;
	margin:0;
	padding:10px 0 0 0;
	position:relative;
}

.size_2x form,
.size_2x div.form {
	margin-right: 0;
	width: 382px; 
}

*html form,
*html div.form {
	margin:0;
	width:760px;
}

fieldset {
	background-color:white;
	border:none;
	margin:0;
	padding:0;
}

fieldset fieldset {
	padding:0;
}

:invalid {
	color:#b41e0a;
}

/* common */

fieldset ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

fieldset li {
	clear:both;
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	vertical-align:top;
	z-index:0;
}

.marker strong {
	background-color:#ddebdd;
	border:1px dotted #33730e;
	color:#33730e;
	margin-bottom:1px;
	padding:0 2px;
}

fieldset li:hover {
	z-index:1;
}

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor:pointer;
}

fieldset p {
	margin-right:0;
}

/* legend */

legend {
	display:block;
	float:left;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	white-space:normal;	
	width:100%;
}

*html legend {
	margin:0;
	width:auto;
}

fieldset.group legend {
	float:left;
	font-weight:normal;
	margin:0;
	padding:0;
}

fieldset.group.stronglegend legend {
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
	width:100% !important;
}

*+html fieldset.group.stronglegend legend {
	font-weight:bold;
	margin:0 0 0 -7px;
	padding:0 0 10px 0;
	width:100% !important;
}

fieldset.group legend {
	margin-left:-134px;
	width:134px !important;
}

*+html legend {
	margin-left:-7px;
}

*+html fieldset.group legend {
	margin-left:-141px;
	margin-bottom:-15px;
}


/* label and label (span) for already set data */

label, fieldset span {
	display:block;
	margin-bottom:5px;
	float:left;
	font-weight:normal;
	vertical-align:top;	
	width:134px;	
}

label.right {
	float:none;
	display:block;
	margin:0 0 10px 10px;
	padding:0 10px 0 14px;
	width:auto;
	vertical-align:top;
}

*+html fieldset li > label.right {
	margin-top:-14px;
}

/* 1) */

/*.group label.right {
	display:block;
	float:none !important;
	margin:0 0 -5px -15px;
	width:100%;
}

*+html .group label.right {
	width:auto;
}*/

/* TODO replace by 1) after all group label.right are followed by an <br /> SEC-2811 */
fieldset.group label.right {
	display:block;
	float:left;
	margin:0 0 5px -15px;
	width:100%;
}

*+html fieldset.group label.right {
	margin-bottom:5px;
	width:auto;
}
/* end */

fieldset.group.inline label.right {
	display:inline-block;
	float:left;
	margin:0 10px 5px -15px;
	width:auto;
}

fieldset.group label.special {
	display:block;
	float:left;
	margin:0;
	width:184px;
}

*html fieldset.group label.special {
	display:block;
	float:left;
	margin:0;
	width:174px;
}

fieldset.group label.special2 {
	display:block;
	float:left;
	margin:0;
	width:590px;
}

fieldset.group label.right input[type=radio] {
	margin-top:2px;
}

*+html fieldset.group label.right input[type=radio],
*+html fieldset.group label.right input.radio {
	margin:-1px 5px 0 -5px;
}


.group label.right {
	margin-bottom:-5px;
}

*+html .group label.right {
	margin-bottom:0;
}

/* strong */

fieldset strong {
	display:block;
	float:left;
}

fieldset p strong, label strong {
	display:inline;
	float:none;
}

/* input, select, textarea */

input[type=radio], input[type=checkbox] {
	border:none !important;
	float:left;
	height:auto !important;
	width:auto !important;
}

* html .radio, * html .checkbox, * html .radio.error, * html .checkbox.error {
	border:none !important;
	float:left;
	height:auto !important;
	width:auto !important;
}

*+html input[type=radio], *+html input[type=checkbox] {
	margin:-3px 0 0 -5px;
}

input, select, textarea {
	color:#003278;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:16px;
	line-height:14px;
	margin:0 10px 10px 0;
	padding:2px 0 0 3px;
	vertical-align:top;
}

input {
	border-bottom:1px solid #003278;
	border-left:none;
	border-right:none;
	border-top:none;
	width:203px;
}

*html input {
	width:173px;
}

textarea {
	border:1px solid #003278;
	height:120px;
	overflow:auto;
	width:595px;
}

*html textarea {
	width:585px;
}

div.formpart1 textarea, div.formpart2 textarea {
	width:203px;
}

*html div.formpart1 textarea,
*html div.formpart2 textarea {
	width:183px;
}

select {
	background-color:white;	
	border-bottom:1px solid #003278;
	border-left:none;
	border-right:none;
	border-top:none;
	height:20px;
	padding-left:0;
	width:208px;
}

*html select {
	width:188px;
}

select.day, select.month {
	margin-right:10px;
	width:46px;
}

*html select.day,
*html select.month {
	margin-right:10px;
	width:36px;
}

select.year {
	margin-right:10px;
	width:60px;
}

*html select.year {
	margin-right:10px;
	width:50px;
}

input.day, input.month {
	margin-right:10px;
	width:20px;
}

*html input.day, *html input.month {
	margin-right:10px;
	width:20px;
}

input.year, input.zip {
	margin-right:10px;
	width:35px;
}

*html input.year, *html input.zip {
	margin-right:10px;
	width:35px;
}

input.date, *html input.date {
	width:84px;
}

input.nr {
	width:35px;
}

*html input.nr {
	width:35px;
}

input.city {
	width:153px;
}

input.street {
	margin-right:10px;
	width:153px;
}

*html input.city,
*html input.street {
	margin-right:10px;
	width:133px;
}

input.cardnumberblock, *html input.cardnumberblock {
	margin-right:10px;
	width:39px;
}


/* Disabled */

input[disabled], select[disabled], option[disabled],
input[readonly] {
	background-color:white;
	border-bottom:1px solid #003278;
	border-left:none;
	border-right:none;
	border-top:none;
	color:#003278;
}


/* Placeholder */

input.placeholder {
    color:#003278;
	font-style:italic;
	font-weight:normal;
}

input::-webkit-input-placeholder {
    color:#003278;
	font-style:italic;
	font-weight:normal;
}

/* Error */

input.error, select.error, option.error {
	background-color:white;
	border-bottom:1px solid #b41e0a;
	border-left:none;
	border-right:none;
	border-top:none;
	color:#b41e0a;
}

textarea.error {
	border:1px solid #b41e0a;
}

.error {
	color:#b41e0a;
}

/* Fieldset group */

.group {
	display:block;
	float:left;
	margin:0 0 5px 0;
	padding:0 0 0 134px;	
}

.group.nolegend, .group.stronglegend {
	padding-left: 0;
	width: 100%;
}

/* Parts */

form .formpart1,
div.form .formpart1 {
	clear:both;
	float:left;
	margin:10px 30px 10px 0;
	width:362px;
}

*html form .formpart1,
*html form .formpart2,
*html div.form .formpart1,
*html div.form .formpart2  {
	width:342px;
}

form .formpart2,
div.form .formpart2 {
	float:left;
	margin:10px 0 10px 0;	
	width:362px;	
}

form ol.formpart1, form ol.formpart2,
div.form ol.formpart1, div.form ol.formpart2 {
	margin-bottom:0 !important;
	margin-top:0 !important;
}

.group .formpart1, .group .formpart2 {
	float:left;
	margin-top:-15px;
	width:228px;
}

*+html .group .formpart1, *+html .group .formpart2 {
	margin-top:0;
}

/* button bar */

.buttonbar {
	clear:both;
	height:24px;	
	margin:0 10px 10px 0;	
	padding:10px;
	text-align:right;
}

form .buttonbar,
div.form .buttonbar {
	margin:0 -10px -10px -10px;
}

.buttonbar button {
	margin-left:10px;
}
.buttonbar button.back, .buttonbar button.refresh, .buttonbar button.memorylist, .buttonbar button.print, .buttonbar .backoverview {
	float:left;
	margin-left:0;
	margin-right:10px;
}

.buttonbar .backoverview {
	display:inline-block;
	line-height:15px;
	margin-top:4px;
	padding-top:2px;
	padding-bottom:2px;	
}


/* 05.05.01 Help **************************************** */

div.contexthelp {
	display:none;
}


/* 05.06. Buttons **************************************** */

button, 
a.buttonlink {
	background-color:#ffffff;
	border:1px solid #003278;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	color:#003278;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	height:24px;
	line-height:15px;
	margin:0;
	overflow:visible;
	padding:4px 5px 5px 5px;
	text-decoration:none;
}

a.buttonlink {
	display:inline-block;
	height: 13px;
	padding:4px 7px 5px 7px;
}

button strong {
	display:block;
	white-space:nowrap;
}

button.active {
	color:#003278;
	cursor:pointer;
}

/* Disabled */

button[disabled], button.disabled {
	display:none;
}

/* Only Icon */

button.onlyicon {
	display:none;
}

/* 24 x n process buttons (green) */

button.process {
	border-color:#166e16;
	color:#166e16;
}

/* 18 x n buttons */

button.small {
	height:18px;
	padding:1px 5px 1px 5px;
	overflow:visible;
	width:auto;
}


/* 05.07. Timeline **************************************** */

.timeline {
	display:none;
}


/* 05.08. Messages **************************************** */

.message {
	clear:both;
	margin:0 10px 10px 0;
	position:relative;
}

.message h4 {
	margin:0;
	padding:5px 10px 4px 0;
}

.message p, .message ul {
	margin:0;
	padding:5px 0;
}

.message.success {
	color:#166e16;
}

.message.error {
	color:#b41e0a;
}

/* 05.09. Delivery Status and Soldout **************************************** */

.delivery {
	margin:0 0 10px 0;
	padding:2px 0 2px 0;
}

.delivery {
	color:#166e16;
}

.soldout .delivery {
	color:#b41e0a;
}

/* 05.10. Expandables **************************************** */


summary {
	clear:both;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;
	margin:15px 0 5px 0;
}

/*details[open] .content*/
details.open .content {
	display:block !important;
	margin-bottom:25px;
}

/*details:not([open]) .content*/
details.closed .content {
	display:none !important;
}

/* 05.11. Tables **************************************** */

table {
	background-color:white;
	border-collapse:collapse;
	border:1px solid white;
	border-style:hidden;
	margin:0 10px 10px 0;
	page-break-inside:avoid;
}

td {
	border-left:1px solid #D9E0EB;
	border-top:1px solid #D9E0EB;	
	padding:10px;
	vertical-align:top;	
}

th, thead td  {
	border-left:1px solid #C9D4E3;
	border-bottom:2px solid #e6ebf2;
	padding:5px 10px;
	vertical-align:middle;
	text-align:left;
}

tr.subhead td {
	font-style:italic;	
	font-weight:bold;
}

th.amount {
	display:table-cell;
	width:72px;
}

td.productimage {
	width:186px;
}

.sum td {
	border-left:1px solid #C9D4E3;
	border-top:1px solid #e6ebf2;
}

td.numeric {
	text-align:right;
}

td.empty {
	border-left:none;
}

td h2 {
	font-size:11px;
	line-height:14px;
	margin:0 0 10px 0;
}

td a h2 {
    border:0;
	color:#003278;
    font-size:100%;
    margin:0 0 10px 0;
    vertical-align:baseline;
	text-decoration:underline;
}

td p.description {
	font-size:10px;
}

table.checkout p.description {
	font-size:10px;
	padding-left:0;
}

*html td .delivery {
	display:none;
}

td a {
	margin:0;
	padding:0;
}

td img {
	margin-bottom:0;
}

td select.amount {
	float:left;
	height:24px;
	margin-right:5px;
	text-align:right;
	width:40px;
}

td button.refresh {
	float:left;
}

td .price {
	color:#003278;
	font-size:11px;
	font-weight:bold;
	line-height:15px;
}

td .price small {
	font-size:10px;
	margin-right:3px;
}

td .percent {
	background-color:white;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#b41e0a;
	display:inline-block;
	float:none;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	margin:0 0 2px 0;
	padding:2px;
	text-align:right;
}

td .priceold, td .uvp {
	color:#b41e0a;
	display:inline-block;
	float:none;
	font-size:10px;
	line-height:10px;
	font-style:italic;
	font-weight:normal;	
	margin:0;
	padding:0;
	text-align:right;
	white-space:nowrap;
}

td .oldprice {
	display:inline;
	font-size:10px;
	line-height:10px;
	padding:0;
}

tr.soldout td span {
	text-decoration:line-through;
}

td .star {
	font-size:11px !important;
	line-height:14px !important;
	vertical-align:text-top !important;
}

/* 05.12. Password check **************************************** */

#pwdCheck {
	display:none;
}

.negativpwdcriteria {
	background:#f2d3d3 url('../imgs/statusicons.png') no-repeat left -308px;
	border:1px solid #b41e0a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#b41e0a;
	display:block;
	height:16px;
	margin-bottom:10px;
	padding:1px 5px 1px 20px;
}

.positivpwdcriteria {
	background:#f2f5f2 url('../imgs/statusicons.png') no-repeat left -155px;
	border:1px solid #166e16;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#166e16;
	display:block;
	height:16px;
	margin-bottom:10px;
	padding:1px 5px 1px 20px;
}

/* 05.13. Static content teasers **************************************** */

.teaser {
	border:1px solid #003478;
	color:#003278;
	display:block;
	margin:0 20px 10px 0;
	padding:9px 9px 0 9px;
	text-decoration:none;
	overflow:auto;	
}

* html .teaser {
	display: inline-block;
}

.teaser.small {
	width: auto;
}

.teaser .part1 {
	float: left;
	width: 196px;
}

.teaser.small .part1 {
	width: 98px;
}

.teaser .part2 {
	float: left;
	width: 554px;
}

.teaser.small .part2 {
	width: 652px;
}

.teaser h2 {
	clear: none;
	margin:0 0 10px 0;
	padding: 0;
	text-decoration: underline;
}

.teaser img {
	margin:0 10px 9px 0;
}

.teaser p,
.teaser ul,
.teaser ol {
	margin-right: 0;
}

.teaser.campaign {
	float: left;
	margin-right: 10px;
	width: 362px;
}

.teaser.campaign img {
	width: 184px;
}

.teaser.campaign .part2 {
	width: 166px;
}


/* 05.14. Brand chooser on campaign page **************************************** */

#brandchooser { 
	display:none;
}


/* 05.15. Disclaimer text on bottom of page **************************************** */

#disclaimertext {
	clear:both;
	display:block;
	padding:0 0 10px 10px;
	width:774px;
}

section #disclaimertext {
	padding:10px 0 0 0;
}


/* 05.16. SEO text on bottom of page **************************************** */

#infotext {
	display:none;
}




/* 05.17. Detailpage **************************************** */

.widecontent .contentpart1 h1 {
	font-size:16px;
	font-weight:bold;
	line-height:20px;	
	margin:0 0 10px 0;
	padding:0;	
}

.widecontent .contentpart1 em.suppledesc {
	display:block;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	line-height:15px;	
	margin:0 10px 10px 0;
	padding:0;	
}

.widecontent .contentpart1 hr {
	margin:0 10px 0 -10px;
}

.widecontent .contentpart2 hr {
	margin-right:0;
}

.widecontent .contentpart1 p, .widecontent .contentpart1 ul, .widecontent .contentpart1 ol {
	margin-right:10px;
}

/* Availability */

.widecontent .contentpart1 .availability {
	margin-top:10px;
}

.widecontent .contentpart1 .availability .online, .widecontent .contentpart1 .availability .store {
	display:inline-block;
	float:none;
	margin-left:10px;
	padding-right:5px;
}

/* Orderform */

#orderform {
	display:table;
	margin-bottom:20px;
	margin-right:10px;
	padding:10px 0 0 0;
	vertical-align:bottom;
}

*+html #orderform, * html #orderform {
	height:expression(function(elem) {elem.style.height = Math.max(document.getElementById('orderform_config').offsetHeight, document.getElementById('orderform_priceinfo').offsetHeight);} (this)); 
	margin-bottom:65px;	
}

* html #orderform {
	width: 382px;
}

#orderform ol {
	display:table-cell;
	margin-left:0;	
	width:186px;
	vertical-align:bottom;
}

* html #orderform ol {
	float:left; 
	width:176px;
}

*+html #orderform ol {
	float:left; 
	padding-bottom:10px;
	margin-top:expression(function(elem) {elem.style.marginTop = document.getElementById('orderform').offsetHeight-elem.offsetHeight;} (this)); 
	width:176px;
}

#orderform select {
	float:left;
	width:176px;
}

#orderform .priceinfo {
	display:table-cell;
	padding-bottom:10px;
	width:176px;
	text-align:right;
	vertical-align:bottom;
}

* html #orderform .priceinfo {
	float:left; 
}

*+html #orderform .priceinfo {
	float:left; 
	margin-top:expression(function(elem) {elem.style.marginTop = document.getElementById('orderform').offsetHeight-elem.offsetHeight;} (this)); 
}

#orderform .price,
#orderform .oldprice {
	float:none;
	font-weight:bold;
	width:auto;
}

#orderform .uvp .oldprice {
	line-height:12px;
}

#orderform .memorylist {
	float:left;
	margin-left:0;
}

.taxandshipping  {
	display:block;
	color:#003278;
	padding-top:5px;
	text-align:right;
}

.taxandshipping a {
	background-image:none;
	color:#003278;
	padding:0;
}

#product_description hr,
#product_description .articlenotice {
	display:none; /* TODO:remove after final switch */
}


/* Description */

#description section,
#description div {
	clear:both;
	display:block;
	float:none;
	padding-right:0;
}

#description hr,
#description .articlenotice {
	display:none; /* TODO: remove after final switch */
}

#description div.emptydiv {
	padding-bottom:10px; /* TODO: remove after final switch */
}

* html #description section,
* html #description div {
	width:337px !important;	
}

/* Mediabox */

#mediabox {
	position:relative;
	width:392px;
/*	z-index:1;*/
}

#mediabox_mediumboxwrapper {
	height:287px;
	margin-bottom:10px;
	width:382px;	
}

#mediabox_mediumbox {
	border:1px solid #e6ebf2;
	height:285px;
	position:relative;
	width:380px;
}

#mediabox_mediumbox.zoom {
	left:0;
	height:579px;
	position:absolute;
	top:0;
	width:772px;
/*	z-index:1;*/
}

#mediabox_mediumbox img, 
#mediabox_mediumbox video,
#mediabox_mediumbox object {
	border:none;
	margin:0;
}

#mediabox_mediumbox img,
#mediabox_mediumbox object {
	height:285px;
	width:380px;
}

#mediabox_mediumbox.zoom img,
#mediabox_mediumbox.zoom object {
	height:579px;
	width:772px;
}

#mediabox_mediumboxwrapper .message {
	background-color:white;
	left: 10px;
	position: absolute;
	top: 44px;
	width: 362px;
}

#mediabox_nojs {
	display:none;
}

#mediabox span {
	background-color:white;
	border:1px solid #003278;
	bottom:-1px;
	color:#003278;	
	display:block;
	font-style:italic;
	left:-1px;
	padding:5px 10px;
	position:absolute;
	z-index:3;		
}

* html #mediabox span {
	bottom:-1px;
}

#mediabox_mediumbox span {
	width:360px;
}

#mediabox_mediumbox.zoom span {
	width:752px;
}

#mediabox_audios {
	clear:both;
	margin-top:20px;
	width: 382px; 
}

*+html #mediabox_audios {
	margin-top:10px;
}

#mediabox_audios .message {
	margin-bottom:-10px;
	margin-right:0;
	width:186px;
}

#mediabox_audios .message a {
	background:transparent url("../imgs/linkarrow.png") no-repeat 0 2px;
	padding-left: 8px;
}

#mediabox_audios audio {
	display:none; 
}

#mediabox_audios object {
	display:none;
}

#mediabox button {
	display:none;
}

/* Imagelist */

.contentpart2 .imagelist {
	width:402px;
}


/* Pagingbar */

.pagingbar {
	display:none;
}

/* 05.18. Popup **************************************** */

.popup hr {
	margin-right:0;
}

/* 05.19. Social Bookmarking **************************************** */

.socialbar  {
	display:none;
}

/* 05.20. Cheaper carousel **************************************** */

#cheapercarousel { 
	display:none;
}

/* 05.21. Static Pages **************************************** */

section.didyouknow {
	margin:0 0 10px 0;
	padding:0;
}

.didyouknow h2 {
	margin-top:10px;
}

.didyouknow h2 span {
	display:none;
}

/* 05.22. Cross selling **************************************** */

#crossselling {
	display:none;
}

/* 05.25. Teaser show **************************************** */

#teasershow { 
	background-image: none !important;
	background: transparent !important;
	display:block;
	height:428px;
	margin:0 10px 10px 0;
	overflow:hidden; 
	position:relative;
	width:774px;
}

#teasershow .viewport { 
	height:404px;
	overflow:hidden; 
	position:absolute;
	top:24px;
	width:774px;
}

#teasershow .overview {
	display:block;
	height: 404px;
	margin: 0;
	padding: 0;
	position:absolute;
	overflow:hidden;
}

#teasershow .overview li {
	background-image: none !important;
	border:1px solid #003278;
	display:block;
	float:left;
	margin:1px 0 0 0;
	padding: 10px;
	height:380px;
	width:752px;
}

#teasershow .pager.tabs {
	display: block;
	height: 24px;
	margin: 0;
	position: absolute;
	width: 774px;
	z-index: 1;
}

#teasershow .pager.tabs li {
	background-image: none;
	display: block;
	float: left;
	height: 24px;
	margin: 0;
	padding: 0;
}

#teasershow .pager.tabs a {
	background-image: none;
	border: 1px solid #003278;
	display: block;
	height: 16px;
	padding: 4px 10px 4px 10px;
}

#teasershow .pager.tabs a.active {
	background-color: white;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 8px 10px 6px 10px;
	text-decoration: none;
}

#teasershow .buttons {
	display: none;
}

#teasershow li.image {
	height: 400px;
	padding: 0;
	width: 772px;
}

#teasershow li.image img {
	border: none;
}

/* 05.26. Highlight Products **************************************** */

section .producthighlight {
	width: 772px;	
}

section .producthighlight img {
	float: left;
	margin: 0 10px 0 0;
	width: 240px;
}

section .producthighlight h2,
section .producthighlight strong.fn {
	display: block;
}

section .producthighlight .countdown {
	bottom: 9px;
	left: 249px;
	position: absolute;
}

section .producthighlight .availability {
	left: 249px;
}

section .producthighlight .link {
	display: none;
}

/* 05.27. Lidl Highlight **************************************** */

section .productlh {
	width: 772px;	
}

section .productlh img {
	float: left;
	margin: 0 10px 0 0;
	width: 240px;
}

section .productlh h2,
section .productlh strong.fn {
	display: block;
}

section .productlh .countdown {
	bottom: 9px;
	left: 249px;
	position: absolute;
}

section #lidl_highlight_offline,
section .productlh .availability,
section .productlh .amount, section .productlh .baseprice, section .productlh .addprice,
section .productlh .link {
	display: none;
}


/* 06.03. Main definition left aside **************************************** */

#leftaside {
	display:none;
}

/* 06.04. Account overview page **************************************** */

.accountlist {
	margin:0;
}

.accountlist li {
	float:left;
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:0;
}

.accountlist a {
	border:1px solid #003278;
	color:#003278;
	display:block;
	margin:0;
	padding:10px;
	text-decoration:none;
	width:229px;
}

*html .accountlist a {
	background-image:none;
	width:226px;
}

*html .accountlist li a img {
	width:223px;
}


.accountlist li a h2 {
	margin:10px 0 5px 0;
	padding: 0;
	text-decoration: underline;
}

.accountlist p {
	margin:0;
	padding:0;
}

/* 07 Footer ############################################################ */

/* 07.01. Footer breadcrumb **************************************** */

#footerbreadcrumb {
	border:1px solid #003278;
	display:block;
	float:left;
	padding:0 0 0 10px;
	position:absolute;
	margin:0 0 0 10px;
	top:140px;
	left:0;
	width:762px;
}

#footerbreadcrumb strong {
	float:left;
	font-weight:bold;
	padding:5px 5px 0 0;
}

#footerbreadcrumb ul {
	float:left;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
}

#footerbreadcrumb ul li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
}

#footerbreadcrumb ul li strong {
	float:none;
	font-style:italic;
	font-weight:normal;
	padding:0 5px 0 0;
}

#footerbreadcrumb ul li:before {
	content:'> ';
}

#footerbreadcrumb a#totoplink {
	display:none;
}


/* 07.02. Main footer **************************************** */

#footer {
	display:none;
}

/* 07.03. SEO links **************************************** */

#seolinks, #infolinks {
	display: none;
}


/* 08 Online-Flyer ############################################################ */

/* @Booklet */
.booklet {
	background-color:white;
	border:1px solid #e6ebf2;
	display:block;
	height:540px;
	margin:0 0 10px 0;
	position:relative;
	width:772px;
}

.booklet #lidlflyerhelp {
	display:none;
}


.booklet .b-page {
	left:0;
	top:0;
	position:absolute;
	overflow:hidden;
	padding:0;
}

.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}    
.booklet .b-p3  {}
.booklet .b-p4  {}

/*.booklet .b-load  {display:none;}*/
  
.booklet .b-load div a {
	display:none;
}

/* Page Wrappers */
.booklet .b-wrap       {top:0; position:absolute;}
.booklet .b-wrap-left  {background:none;}
.booklet .b-wrap-right {background:none;}

.booklet .b-wrap img,
.booklet .b-wrap-left img,
.booklet .b-wrap-right img {
	border:0;
	margin:0;
	padding:0;
}

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}

  	/* Custom Page Types */
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:none;}
.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
  
  	/* Page Numbers */
.booklet .b-counter {
	background-color:white;
	border:1px solid #003278;
	bottom:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:003278;
	display:block;
	font-family:arial;
	font-size:10px;
	height:16px;
	position:absolute;
	text-align:center;
	padding:2px 0 0 0;
	width:18px;
}
.booklet .b-wrap-left  .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}
  
  	/* Page Shadows */
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}

.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}

  	/* Overlay Controls */
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
.booklet .b-overlay-prev {left:0;}
.booklet .b-overlay-next {right:0;}

  	/* Tab Controls */
.booklet .b-tab {
	display:none;
}

/* Arrow Controls */
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next     {right:-80px;}
.booklet .b-arrow-prev     {left:-80px;}
.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers) */
body              {z-index:0;}
.b-menu           {z-index:100;}
.b-selector       {z-index:100;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:10;}
.b-p1             {z-index:10;}
.b-p2             {z-index:10;}
.b-p3             {z-index:10;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}
	
/* @Menu Items */
.b-menu {
	display:none;
}

.b-selector {
	display:none;
}

/* Lidl flyer overview */

.lidlflyeroverview {
	display:none;
}