/* Global styles */

/* START:notice */
#notice {
  border: 2px solid;
  border-color:#550044;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold sans-serif;
  font-size:11px;
  color:#550044;
}
/* END:notice */

/* Styles for admin/list */

#product-list .list-title {
	color:        #244;
	font-weight:  bold;
	font-size:    larger;
}

#product-list .list-image {
  width:        60px;
  height:       70px;
}


#product-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#product-list .list-line-even {
  background:   #f0f0f0;
}

#product-list .list-line-odd {
  background:   #e1d2dc;
  margin-top:10px;
  padding-top:10px;
}

#orders-list .list-line-even {
  background:   #f0f0f0;
  margin-top:10px;
  padding-top:10px;
}

#orders-list .list-line-odd {
  background:   #e1d2dc;
}

#orders-list h4 {
	font-weight:bold;
	font-size:11px;
}


/* Styles for main page */

/* CSS Document */


* { margin:0; padding:0;}
img {border:0;}
h1 {font-size:11px; font-weight:bold; color:#666;}
h2 {font-size:11px; font-weight:normal; font-style:italic; color:#666;}
h3 {font-size:16px; font-weight:bold; color:#550044;}
h4 {font-size:11px; font-weight:normal; color:#000000;}
h5 {font-size:13px; font-weight:bold; color:#000000;}


body {
	font-family:Verdana, Arial; 
	font-size:11px; 
	color:#666; 
	text-align:left; 
	font-weight:normal; 
	line-height:14px; 
	overflow:none; 

}

a:link {
	color: #550044;
}
a:visited {
	color: #550044;
}
a:hover {
	color: #24001d;
}

#container {
width:980px; 
height:auto; 
margin:0 auto; 
overflow:hidden; 
}

#top {
width:950px; 
height:30px; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/top.jpg); 
background-repeat:no-repeat;
overflow:hidden; 
float:left;
}

html>body #top {
width:980px; 
height:30px; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/top.png); 
background-repeat:no-repeat;
overflow:hidden; 
float:left;
}

#background {
width:950px; 
height:auto; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/bgrepeat.jpg); 
background-repeat:repeat;
overflow:hidden; 
float:left;
}

html>body #background {
width:980px; 
height:auto; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/bgrepeat.png); 
background-repeat:repeat;
overflow:hidden; 
float:left;
}

html>body #hoekjes {
width:980px; 
height:auto; 
margin:0; 
background-image: url(http://www.damselofdainty.nl/dainty/images/hoekjes.png); 
background-repeat: no-repeat;
overflow:hidden; 
float:left;
}

#kop {
width:950px; 
height:auto; 
margin:0; 
background-image: url(http://www.damselofdainty.nl/dainty/images/kopie.jpg); 
background-repeat: no-repeat;
overflow:hidden; 
float:left;
}



#knoppen{
margin-right:18px;
overflow:hidden;
float:right;
text-align:right;
}

}

#rechtervlak {
width:160px;
height:100%;
margin:15px 25px 45px 10px;
overflow:hidden; 
float:left;
font-family:Verdana, Arial; 
font-size:11px; 
color:#666; 
text-align:left; 
font-weight:normal; 
line-height:14px;
}

#titel {
width:109px;
height:14px;
margin:0 0 15px 0;
overflow:hidden; 
float:left;
}

#winkelwagentje {
width:160px;
height:auto;
margin:0;
overflow:hidden; 
float:left;
z-index:1;
}

#logoos {
width:160px;
height:auto;
margin:0 0 30px 0;
overflow:hidden; 
float:left;
}

#nieuws {
width:160px;
height:auto;
margin:0;
border-top: 1px solid #550044;
border-bottom: 1px solid #550044;
padding:15px 0 15px 0;
overflow:hidden; 
float:left;
}

#nieuws a:link, #nieuws a:visited, #nieuws a:active {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#ee1155;}
#nieuws a:hover {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#550044;}

#nieuws ul{ 
list-style-image: url(http://www.damselofdainty.nl/dainty/images/pijltje.gif); 
padding:0 0 0 20px;
}

#poppie {
width:61px;
height:50px;
margin:0 0 30px 30px;
overflow:hidden; 
float:left;
}

html>body #poppie {
width:61px;
height:50px;
margin:0 0 30px 50px;
overflow:hidden; 
float:left;
}

#vragen {
width:183px;
height:94px;
overflow:hidden; 
float:left;
}

#afbeelding {
width:313px;
height:auto;
margin: 0 15px 0 0;
overflow:hidden; 
float:left;
}

#beschrijving {
margin-top:10px;	
width:150px;
height:auto;
overflow:hidden; 
float:right;
}

#beschrijving_img {
width:315px;
height:315px;
overflow:hidden;
float:left;
}

#producten {
	width:755px;
}

#footer {
width:755px;
height:auto;
margin:40px 0 5px 15px;
overflow:hidden; 
float:left;
}

#footer h4 {
margin:40px 0 5px 15px;
font-size:10px;
}

#footer a:link, #footer a:visited, #footer a:active {font-size:10px; text-decoration:none; line-height:10px; color:#ee1155;}
#footer a:hover {font-size:10px; text-decoration:none; line-height:10px; color:#550044;}

#onderkant {
width:980px; 
height:40px; 
margin:0 0 50px 0; 
overflow:hidden; 
float:left;
}

html>body #onderkant {
background-image: url(http://www.damselofdainty.nl/dainty/images/onderkant.png); 
background-repeat: no-repeat;
}


/* An entry in the store catalog */

#store  .entry {
  margin-top:10px;	
  margin-bottom:10px;
  float:left;
  width:150px;
  height:200px;
  margin-right:15px;
}

#store  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#store .entry img {
  width: 150px;
  float: left;
  border:0;
}

#store .entry h3 {
 font-family:verdana;
 font-size:12px;
 margin-bottom:2px;
 font-weight: bold;
 color: #3a1c34;
}

#store .entry p {
 font-family:verdana;
 font-size:11px;
 margin-top: 0px; 
 margin-bottom: 0.8em; 
}

#store .entry .price-line {
}

#store .entry .add-to-cart {
  position: relative;
  margin-right:5px;
}

#store .entry  .price {
  color: #86407e;
  font-family:verdana;
  font-size:12px;
  font-weight: bold;
  margin-left: 5px;
  margin-top:2px;

}

/* START:inline */
#store .entry form, #store .entry form div {
  display: inline;
}
/* END:inline */

/* START:cart */
/* Styles for the cart in the main page and the sidebar */

.cart-title {
  font: 120% bold;
  font-family: verdana; 
}

.item-price, .total-line {
  text-align: right;	
}

.total-line .total-cell {
  font-weight: bold;
  border-top: 1px solid #550044;
}

/* Styles for the cart in the sidebar */

#cart, #cart table {
  margin-left:20px;
  margin-top:10px;
  width:140px;
  font-size: smaller;
  font-family: verdana;
  color:     black;
}

#cart table {
  border-top:    1px dotted #595;
  border-bottom: 1px dotted #595;
  margin-bottom: 10px;
}


#cart_displayed{
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#e1d2dc;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
}
#cart_displayed .cart_displayed_title{
	background-color:#e1d2dc;
	height:20px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:center;
	color:#000000;
}

#cart_displayed .cart_displayed_content{
	background-color:#f0f0f0;
	font-weight:bold;
	text-align:center;
}

#cart_displayed .cart_displayed_pricing{
	text-align:right;
	padding-right:20px;
}

#cart_displayed .cart_displayed_total{
	border-top: 2px dotted;
	border-color:#e1d2dc;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	
}

#cart_displayed h2{
	font-weight:bold;
	margin-right:10px;
	padding-top:10px;
	color:#000000;
	font-style:normal;
}

#cart_menu_items{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#cart_menu_items h4{
	padding-top:6px;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	padding-bottom:10px;
}

#cart_index{
}

#cart_index body{
	background-color:#000;
}

#cart_index, #cart_index table {
  margin-left:5px;
  margin-top:10px;
  width:140px;
  font-size: 10px;
  font-family: verdana;
  color:     black;
}

#cart_index table {
  border-top:    1px dotted #595;
  border-bottom: 1px dotted #595;
  margin-bottom: 10px;
}


/* END:cart */

/* Styles for order form */

.depot-form fieldset {
  background: #3a1c34;
  color: #fff;
  font-family: sans-serif;
}

.depot-form legend {
  color: #fff;
  background: #86407e;
  font-family: sans-serif;
  padding: 0.2em 1em;
}

.depot-form label {
  width: 5em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.depot-form .submit {
  margin-left: 5.5em;
}

/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#store .entry form, #store .entry form div {
	display:inline;
}