/* Wine Store Default CSS */
/* Lee Heslop */

/* page & header styles */

.body{
	background-color:#FFFFFF;
}

body{
	margin: 0 0 0 0;
	background-color:#FFFFFF;
	background: url(layout/background.jpg);
}

#navpanel{
	position: absolute;
	width: 200px;
	height: 300px;
	left: 10px;
	top: 50px;
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 12px;
	background: url(layout/navpanel.jpg) no-repeat top center;
}

#navbar{
	font-size: 14px;
	position: relative;
	left: 15px;
	top: 80px;
	width: 150px;
	height: 100px;
	font-weight:1000;
	font-family: verdana, helvetica, arial, sans serif;
}

#navbar ul {
 	font-size: 14px;
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
	color:#000000;
}

#navbar ul li {  
	font-size: 14px;
    display:list-item;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#navbar ul li a {
	font-size: 14px;
    text-decoration: none;
    color:#000000;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#navbar ul li a:hover {
	font-size: 14px;
    color:#0000FF;
	text-decoration: underline;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
} 

#container{
	position: relative;
	margin: 0 auto;
	width: 720px;
	height: 700px;
	background: url(layout/body.jpg) center repeat-y;
	visibility: visible;
}

#header{
	position: relative;
	width: 100%;
	height: 200px;
	background: url(layout/header.jpg) no-repeat top center;
}

#basket{
	position: absolute;
	width: 200px;
	height: 20px;
	left: 480px;
	top: 170px;
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 8px;
	text-align:center;
}

#basket ul {
 	font-size: 10px;
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
	color:#000000;
}

#basket ul li {  
	font-size: 10px;
    display: inline;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#basket ul li a {
	font-size: 10px;
    text-decoration: none;
    padding: .2em 1em;
    color:#000000;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#basket ul li a:hover {
	font-size: 10px;
    color:#0000FF;
	text-decoration: underline;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
} 

#mainContent{
	position: relative;
	width: 100%;
	height: 100%;
}

#data{
	position: absolute;
	width: 450px;
	height: 550px;
	left: 220px;
	top: 30px;
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 14px;
	text-align:center;
}

#footerlinks{
	position: absolute;
	width: 660px;
	height: 30px;
	left: 0px;
	top: 10px;
	font-family: verdana, helvetica, arial, sans serif;
	font-size: 12px;
	text-align:center;
}

#footerlinks ul {
 	font-size: 12px;
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
	color:#000000;
}

#footerlinks ul li {  
	font-size: 12px;
    display: inline;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#footerlinks ul li a {
	font-size: 12px;
    text-decoration: none;
    padding: .2em 1em;
    color:#000000;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
}

#footerlinks ul li a:hover {
	font-size: 12px;
    color:#0000FF;
	text-decoration: underline;
	font-family: verdana, helvetica, arial, sans serif;
	font-weight:1000;
} 

#footer{
	position: relative;
	margin: 0 auto;
	width: 720px;
	height: 100px;
	background: url(layout/footer.jpg) top center no-repeat;
}

{
	background-color:#FF0000;
}