/* Cascading Style Sheet */

/* Shop Head */  

li.basket a {
  background: url('../images/shopicon/basket.png') no-repeat 4px 4px;
  padding-left: 30px !important;
  }

li.basket a:hover {
  background: #DDDDDD url('../images/shopicon/basket.png') no-repeat 4px 4px !important;
  padding-left: 30px !important;
  }

li.checkout a {
  background: url('../images/shopicon/cart_go.png') no-repeat 4px 4px;
  padding-left: 30px !important;
  }

li.checkout a:hover {
  background: #DDDDDD url('../images/shopicon/cart_go.png') no-repeat 4px 4px !important;
  padding-left: 30px !important;
  }

.process {
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 30px;
  }

.process ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
	
	.process ul li 	{


  border-bottom: 3px solid #AAAAAA;
  padding: 6px 3px 3px 20px;
  margin-right: 2px;
  float: left;
  color: #AAAAAA;

	}

.process ul li.selected {
  font-weight: bold;
  color: #A20440;
  border-bottom: 3px solid #A20440;

}

.process ul li.title {

  color: #AAAAAA;
  font-weight: bold;
  border: none;
  padding: 6px 3px 6px 0px;
}
 
.process ul li.products {
  background: url('../images/shopicon/box.png') no-repeat 1px 6px; 
}
.process ul li.basket {
  background: url('../images/shopicon/basket.png') no-repeat 1px 6px; 
} 
.process ul li.delivery {
  background: url('../images/shopicon/lorry.png') no-repeat 1px 6px;  
} 
.process ul li.summary {
  background: url('../images/shopicon/tag_green.png') no-repeat 1px 6px;  
}
.process ul li.payment {
  background: url('../images/shopicon/money.png') no-repeat 1px 6px; 
}
.process ul li.confirmation {
  background: url('../images/shopicon/tick.png') no-repeat 1px 6px; 
}
table.order {
  width: auto;
  border: 1px dotted #555555;
  border-collapse: collapse;
  text-align: left;
    font-size: 1.5em;
    	width: 100%;
  }
  
  

table.order th
{

	font-weight: bold;
	background: #DDDDDD;
  color: #555555;
	padding: 5px;
	border-bottom: 1px solid #555555;

}
table.order tr
{
  border-bottom: 1px solid #555555;
}
table.order td
{
	color: #555555;
	padding: 5px;
}
table.order tr:hover td
{
	background: #DDDDDD;
	
}

.success {
  background: #BAF46E url('../images/shopicon/tick.png') no-repeat 6px 6px;
  border: 1px solid #555555;
  padding: 6px 10px 3px 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.success h3 {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
.success p {
  font-size: 1.5em;
}


.pending {
  background: #F4DA5B url('../images/shopicon/error.png') no-repeat 6px 6px;
  border: 1px solid #555555;
  padding: 6px 10px 3px 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pending h3 {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
.pending p {
  font-size: 1.5em;
}

.error {
  background: #FAA089 url('../images/shopicon/exclamation.png') no-repeat 6px 6px;
  border: 1px solid #555555;
  padding: 6px 10px 3px 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.error h3 {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
.error p {
  font-size: 1.5em;
}

form {
    margin: 5px 0px 5px 0px;
    font-size: 1.5em;
}

form fieldset {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #A20440;
    }
    
form legend {
    padding: 5px;
    color: #A20440;
    font-weight: bold;
    }
    
form fieldset label {
    float: left;
    width: 150px;
    text-align: right;
    padding: 2px 7px 2px 2px;
    color: #555555;
  }
form fieldset input, form fieldset textarea, form fieldset select {
    border: 1px solid #DDDDDD;
    font-family: "Tahoma", Sans-Serif;
    color:#555555;
    padding: 2px;
    margin-bottom: 4px;
    width: 200px;

}
form fieldset input:focus,form fieldset textarea:focus {
    border: 1px solid #555555;
    background:#DDDDDD;
    color:#555555;
    }
form fieldset input.radio {
    width: 20px;
    border: none;
}    

input.button {
    background: #DDDDDD;
    color: #A20440;
    padding: 4px;
    margin: 5px 0px 5px 0px;
    }
    
input.go {
    background: #DDDDDD url('../images/shopicon/resultset_next.png') no-repeat 4px 4px;
    padding-left: 20px;
}
input.basket {
    background: #DDDDDD url('../images/shopicon/basket_add.png') no-repeat 4px 4px;
    padding-left: 20px;
}

input.button:hover {
  color: #004080;
}

/*
form.collection {
		margin: 5px 0px 5px 0px;
}
	form.collection label {
		width: 100px;
		text-align: right;
		margin-right: 5px;
		display: block;
		font-size:1.3em;
		margin-bottom: 5px;
		clear: left;
    }
  form.collection input, form.collection textarea, form.collection select {
		color: #A20440;
	  font-family: "Tahoma", Sans-Serif;	
	  font-size: 1.3em;
	  margin-bottom: 10px;
	  border: 1px outset #A20440;
	  padding: 4px;
    }
form.selection {
		margin: 5px 0px 5px 0px;
	  
    }
       
/*   lfieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input,fieldset div textarea{width:150px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
fieldset div select{padding:1px;}
div.fm-multi div{margin:5px 0;}
div.fm-multi input{width:1em;}
div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#000;}
fieldset div.fm-req{font-weight:bold;}
fieldset div.fm-req label:before{content:"* ";}
body{padding:0;margin:20px;color:#333;background:#fff;font:12px arial,verdana,sans-serif;text-align:center;}
#container{margin:0 auto;padding:1em;width:350px;text-align:left;}p#fm-intro{margin:0;}