﻿
html
{
    background-color: #000000;
}

body
{
    width: 100%;

    text-align: center;
    font-size:100%;
    color: #fff;
    letter-spacing: 0.03em;

}

.error
{
	color:#ff0000 !important;
}

strong, em, b, i
{
    
}

strong
{
    font-weight: bold;
}

em {
font-style:italic;
}


h1, h2, h3, h4, h5, h6, address, input, select, option, textarea
{
    
}

ol, ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


h1
{
    font-size: 108%;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    
    padding-top:5px;
    padding-bottom:5px;

    margin-bottom:10px;  
}

h2
{
    
    font-weight: bold;
    color: #D39F12;
     text-transform: uppercase;
      margin-bottom:10px;  
}

h3
{
    
    font-weight: bold;
    color: #fff;
     text-transform: uppercase;
    padding-top:15px;
    padding-bottom:5px;
}


h4
{
    
    font-weight: bold;
    color: #D39F12;
     text-transform: uppercase;
    padding-top:15px;
    padding-bottom:5px;
}



p
{
    text-align: left;
    margin-bottom: 10px;
}

#main a, #footer a, #copyright a
{
    color: #D39F12;
    border-bottom: 1px dotted #D39F12;
    text-decoration: none;
}

#main a:hover, #copyright a:hover, #footer a:hover
{
    color: #D39F12;
    border-bottom: 1px solid #D39F12;
    text-decoration: none;
}


.imgleft{float:left;padding-right:10px;padding-top:4px;}
.imgright{float:right;padding-left:10px;}
.strong {font-weight:bold;}
.clear {clear:both;}

#container
{
    width: 950px;
    position: relative;
    margin: 0 auto;

}


#header
{
	padding-top:10px;
	text-align: left;
height:200px;
}


#header img
{

}




#menu
{
    text-align: right;
    clear: both;
    
    width: 100%;
border-bottom:2px solid #D39F12;
}

#menu ul
{
}

#menu li
{
    list-style-type: none;
    display: inline;
   
    text-align: center;
    font-size: 100%;
    text-transform:none;
}

#menu li a
{
    color: #806009 ;
    padding: 4px 8px;
    text-decoration: none;
    display: inline-block;
	border-left:1px solid #806009;
	border-top:1px solid #806009;
	border-right:1px solid #806009;
}

#menu ul li a:hover
{
    /*background-color: #c5cacd;*/
    color: #D39F12;
    	border-left:1px solid #D39F12;
	border-top:1px solid #D39F12;
	border-right:1px solid #D39F12;
    
}






#main
{

padding-top:4px;
padding-bottom:4px;
    text-align:left;
    min-height:400px;
}






#footer
{
	border-top:2px solid #D39F12;
	text-align:center;
    margin-bottom: 20px;

}

#footer p
{text-align:center;
	font-size:250%;
font-weight:500;
padding-top:20px;
color:#fff
}

#footer p span
{
color:#D39F12
}



#copyright p
{
	
	
    text-align: center;
    clear: both;
    font-size: 77%;
    margin-bottom: 10px;
    
}




.home
{
	height:392px;
	background: url(../images/soup.jpg) no-repeat right;
	z-index:-2;
}


.home div
{
	width:350px;
	padding:10px 10px 10px 0;

}

.home .author
{
	text-align:right;
	padding-right:10px;
	font-size:108%;
	color:#D39F12;
	font-style:normal;
}

#heart
{
	position:absolute;
	top:5px;
	right:80px;
	z-index:-1;
}

.address
{
	padding-left:20px;
	font-weight:bold;
}


#delivery
{
	
}

#delivery .left
{
	float:left;
	width:50%;
}

#delivery .right
{
		float:right;
	width:50%;
	margin-top:37px;
}


.deliverydetails li label
{
	color: #D39F12;
	padding-right:10px;
}



p.proceed
{
		
		text-align:left;
		padding-top:20px;
		padding-bottom:10px;
		padding-left:20px;

}

#delivery ul
{
	
}

#delivery ul li
{
	padding-bottom:15px;
}

#delivery  ul li input, #delivery  ul li textarea
{
	margin-top:10px;
}

#delivery ul li span
{
	font-size:77%;
	color:#D39F12;
}


#delivery .deliveryform
{
	background-color:#1a1302;
	padding:20px;
	margin:20px 0 0 0;
	font-size:108%;
}

.button
{
	padding:5px;
}


span.emphasis
{
	font-style:italic;
	font-size:85%;
	color:#D39F12;
}

p.emphasis
{
	font-style:italic;
	font-size:85%;
	color:#D39F12;
}





.products h2
{
	background: url(../images/souplogosmall.jpg)  no-repeat left center;
	height:58px;
line-height:58px;
padding-left:50px;
border-top:1px dotted #806009;
border-bottom:1px dotted #806009;
margin-top:20px;
width:57%;

}


#soups
{
	background: url(../images/soups.jpg) no-repeat 100% 6%;
}


.products .description, .products h3
{
	width:50%;
	padding-left:50px;
}



.products .product
{
	margin-bottom:50px;
}

.products ol li
{
	padding-left:70px;
		line-height:25px;
	height:25px;
	vertical-align:middle;
	width:350px;
	clear:both;
	margin-bottom:20px;
}

.products ol  a
{
	margin-left:10px;


}

.products ol  span
{
	
	padding-right:20px;
	font-size:123.1%;
	color:#D39F12;
	font-weight: bold;
	line-height:30px;
}

/*
.products ol img
{
	vertical-align:middle;
	float:right;
}
*/


.products a
{
	
border-bottom:0 !important;
}




#login div
{
	padding:20px;
	border:1px dotted #D39F12;
	width:30%;
	margin:0 auto;
	margin-top:50px;
}


.loginform li
{
	padding-bottom:10px;
	color:#D39F12;
}

.admin ul
{	
padding-left:10px;

	margin-top:20px;
}
.admin ul li
{	
padding-bottom:10px;

	
}


.item .qty, .hdr .qty
{
	text-align:right;
}



.admin ul
{
	
}

.admin ul li
{
	padding-bottom:10px;
}

.admin  ul li input, .admin  ul li textarea
{
	margin-top:5px;
}

.admin ul li span
{
padding-left:10px;
	color:#D39F12;
}


.admin .deliveryform
{
	background-color:#806009;
	padding:10px;
	margin:10px 0 0 0;
	font-size:108%;
}



.adminorderdetails h3
{
	color:#D39F12 !important;

}
.adminorderdetails h3 label
{
	padding-right:10px;
}

.adminorderdetails h3 span
{
	color:#fff;
}

.admindeliverydetails p
{
	padding-left:10px;
}

.admin .basket
{
	background-color:#1a1302;
	margin-bottom:25px;
margin-top:25px;
}


.admin .basket td
{
padding-left:10px;
}


.admin .basket .breaktop td {

padding-bottom:25px;
}

.button
{
	padding:5px;
}


.free
{
	    font-size: 108%;
    font-weight: bold;

     text-transform: uppercase;

color:#D39F12;
}

#basket
{


}

#basket .empty
{
	text-align:center;
	padding-top:50px;
}


#basket .empty p
{
	padding-top:50px;
	text-align:center;
}


#basket a
{
    color: #D39F12;
    border-bottom: 1px dotted #D39F12;
    text-decoration: none;
}

#basket a:hover
{
    color: #D39F12;
    border-bottom: 1px solid #D39F12;
    text-decoration: none;
}

#basket p
{
	
}


#basket .hdr, .ftr
{
	color: #D39F12;
	/*font-size:85%;*/

}

#basket  .ftr
{
	font-style:italic;

}


.basket
{

	width:800px;
}


.basket .hdr, .ftr
{
	color: #D39F12;
	/*font-size:85%;*/

}

.basket .info
{
	color:#806009;
	font-style:italic;
	font-size:85%;
}

.basket .size
{
	color:#806009;
	font-style:italic;
	font-size:85%;
}

.basket .item .itemname
{
	width:560px;
}

.basket td 
{
	padding-top:5px;
}

.basket .ttl
{
	padding:10px;
}

.basket .ttl .ttll
{
	text-align:right;
	padding-right:10px;
padding-bottom:10px;
}



.basket .ttd
{
	padding:10px;
}

.basket .ttd .ttdl
{
	text-align:right;
	padding-right:10px;
padding-bottom:10px;
}

.basket .ttd .ttda
{

	font-weight:bold;
	padding-bottom:10px;
}


.basket .ttl .ttla
{

	font-weight:bold;
	padding-bottom:10px;
}


.basket .item td
{
	vertical-align:top;
}

.basket  .breakbtm td
{
	border-bottom:1px dotted #806009;

}

.basket  .breaktop td
{
	border-top:1px dotted #806009;

}

.orderdetails
{
	width:75%;
	margin-top:20px;
}

.deliverydetails
{
	margin-top:20px;
}

.payment
{
	margin-top:20px;
}

.payment .noline
{
	
border-bottom:0 !important;
text-decoration:none !important;
}


.tsandcs
{
	text-align:left;
		font-size:85%;
		width:99%;
}