@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	text-align:left;
	font-size:14px;
	line-height:19px;
	background:url(../newImages/bg.jpg) repeat-x #fff;
	letter-spacing:1px;
}
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:#759739;
}
img.absmiddle {
	vertical-align: middle;
	margin-bottom: .25em;
}
img, div { behavior: url(/style/iepngfix.htc) }
#popup{
	width:250px;
	position:absolute;
	top:220px;
	right:0;
	z-index:100000;
}
#popupTop{
	width:250px;
	background:url(../newImages/popupTop.png) no-repeat;
	height:10px;
}
#popupBottom{
	width:250px;
	background:url(../newImages/popupBottom.png) no-repeat;
	height:10px;
}
#popupBG{
	width:250px;
	background:url(../newImages/popupBG.png) repeat-y;
}
#popupClose{
	background:url(../newImages/popupClose.png) no-repeat;
	width:24px;
	height:24px;
	margin-left:10px;
}
#popupContent{
	margin-left:25px;
}
#wrapper{
	width:960px;
	margin:0 auto;
	margin-bottom:150px;
}
*html #wrapper{
	height:100%;
}
h1 { 
	font-size:21px;
	margin-top:5px;
	margin-bottom:20px;
}
#header{
	width:960px;
	height:208px;
}
#headerRight{
	width:240px;
	height:160px;
	float:right;
}
#topMenu{
	font-size:11px;
	color:#9b9b9b;
	text-align:right;
}
#socialNetworking{
	width:178px;
	height:56px;
	margin-top:12px;
	text-align:right;
	float:right;
}
#facebook{
	margin-bottom:7px;
}
#basket-wrapper{
	display:none;
}
#searchBar{
	width:240px;
	height:24px;
	background:url(../../images/search.png) no-repeat;
	float:right;
	text-align:right;
	margin: 15px 0 15px 0;
}
#searchBar #bar {
	float: left;
	padding: 2px 0 0 0;
	margin: 6px 0 0 6px;
	border: 0;
	width: 202px;
	background: none;
	border:0;
}
#ccOptInput{
	width:204px;
	height:24px;
	background:url(../../images/search.png) no-repeat;
	float:left;
	text-align:right;
	margin: 15px 0 15px 0;
}
#ccOptInput #ccOptBox {
	float: left;
	padding: 2px 0 0 0;
	margin: 6px 0 0 6px;
	border: 0;
	width: 175px;
	background: none;
	border:0;
}
#searchBar #button{
	margin-top:-3px;
}
#accountInfo{
	float:right;
}
#logo{
	background:url(../newImages/euroGourmetLogo.png) no-repeat;
	width:480px;
	height:125px;
	float:left;
	margin-top:30px;
}

#menu{
	width:960px;
	height:25px;
	font-size:24px;
	float:left;
	text-align:left;
	margin-top:15px;
}
#thumbs img{cursor:pointer; width:75px; height:75px;}
#menu a{
	text-decoration:none;
	color:black;
}
#menu a:hover{
	border-bottom:double 4px #759739;
}
#banner{
	width:960;
	height:358px;
	margin-top:-35px;
}
#iconMenu{
	width:960px;
	height:80px;
	margin-top:5px;
}
#content{
	width:960px;
	margin-top:25px;
}
#featured{
	width:360px;
	float:left;
}
#main{
	width:540px;
	margin-left:60px;
	float:left;
}
#bottomProducts{
	width:960px;
	height:960px;
	margin-top:35px;
	border:solid 1px #CCC;
}
#products{
	width:1020px;
	height:560px;
}
.productsColumn{
	width:420px;
	float:left;
	text-align:left;
	margin:30px;
}
.productCategory{
	width:420px;
	height:240px;
}
.productCategoryContent{
	width:180px;
	height:160px;
	float:leftht;
}
#cheese{
	background:url(../newImages/bottomIconCheese.jpg) no-repeat right;
}
#butcher{
	background:url(../newImages/bottomIconMeat.jpg) no-repeat right;
}
#truffles{
	background:url(../newImages/bottomIconTruffles.jpg) no-repeat right;
}
#vinegars{
	background:url(../newImages/bottomIconVinegar.jpg) no-repeat right;
}
#oils{
	background:url(../newImages/bottomIconOil.jpg) no-repeat right;
}
#pantry{
	background:url(../newImages/bottomIconPantry.jpg) no-repeat right;
}
#coffee{
	background:url(../newImages/bottomIconCoffee.jpg) no-repeat right;
}

/* Product List CSS Stylin */
#interiorContent{
	width:960px;
}

.productBottom{
	width:960px;
	height:35px;
	background:url(../newImages/HR.jpg) no-repeat;
}
.product{
	padding-top:25px;
	padding-bottom:20px;
}
#categoryProducts{
	position:relative;
	margin-top:5px;
}
.productImage{
	width:240px;
	height:240px;
	float:left;
}
.productDescription{
	margin-left:60px;
	width:480px;
	float:left;
}
.productTitle{
	width:480px;
	height:45px;
	font-size:21px;
	text-transform:uppercase;
}
h1{
	font-weight:normal;
}
.productPriceCall{
	font-size:12px;
}
.productInteract{
	width:120px;
	height:240px;
	float:right;
}
.productPrice{
	width:120px;
	height:35px;
	font-size:30px;
	text-align:right;
	line-height:32px;
}
.productAdd{
	width:120px;
	height:24px;
}
.productMore{
	width:120px;
	height:24px;
}
#subcategories{
	text-align:center;
}

/* Product Page CSS Stylin */
#productDisplay{
	width:960px;
	position:relative;
}
#productDisplayImages{
	width:420px;
	float:left;
}
#productDisplayInformation{
	width:480px;
	margin-left:60px;
	float:left;
}
#productDisplayTitle{
	width:480px;
	height:50px;
}
#productDisplayDetails{
	width:480px;
}
#productDisplayInteract{
	width:480px;
	height:150px;
	position:relative;
}
#productDisplayInteractTop{
	width:480px;
	background:url(../newImages/productDisplayInteractTop.jpg) no-repeat;
	height:28px;
}
#productDisplayInteractLeft{
	width:240px;
	float:left;
	margin-top:20px;
}
#productDisplayPrice{
	font-size:40px;
	color:#759739;
	height:30px;
	float:left;
	margin-top:20px;
	line-height:32px;
}
#productDisplayPriceCall{
	font-size:16px;
}
#productDisplayStock{
	height:15px;
	margin-top:37px;
	float:left;
	text-transform:uppercase;
	font-size:12px;
	margin-left:15px;
}
.green{
	color:#759739;
}
.red{
	color:#C00;
}
#productDisplayInteractRight{
	width:240px;
	float:right;
	margin-top:29px;
	position:relative;
	text-align:right;
}
#productDisplayQty{
	width:83px;
	height:28px;
	float:right;
}
#productDisplayAdd{
	width:124px;
	height:28px;
	float:right;
}
#productDisplayInteractMiddle{
	height:94px;
}
#productDisplayInteractBottom{
	width:480px;
	background:url(../newImages/productDisplayInteractBottom.jpg) no-repeat;
	height:28px;
}
#productDisplayShare{
	width:125px;
	height:20px;
	float:right;
}
#productDisplayDescription{
	width:480px;
}
#productDisplayVolume{
	margin-top:15px;
	margin-bottom:15px;
}
/* CSS Styling for jQuery Dock */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(../../style/images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(../../style/images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px;
	width: 100%; 
}
/* Leftover CSS from old site */
#bottom{
	position:fixed;
	bottom:0px;
	z-index:100;
}
#bottom a{
	color:black;
	text-decoration:none;
}
#bottom a:hover{
	color:#9fc54c;
}
#footer{
	width:1000px;
	margin:0 auto;
	margin-top:25px;
}
#footer-top{
	border-bottom:solid black 1px;
	height:18px;
	position:relative;
}
#contact-info{
	position:absolute;
	right:0;
	top:0;
}
#footer-bottom{
	margin-top:6px;
	position:relative;
}
#copyright{
	position:absolute;
	right:0;
	top:0;
}
.clear{
	clear:left;
}
#sitemap a{
	color:black;
	text-decoration:none;
}
#sitemap a:hover{
	color:#9fc54c;
}
#basket-wrapper{
	position:fixed;
	bottom:0px;
	height:150px;
	background:url(../../images/basket-bg.png) repeat-x;
	width:100%;
	z-index:100;
	left:0;
}
*html #basket-wrapper{
position: absolute;
bottom: 0px;
}
#basket{
	margin-top:35px;
	height:90px;
	overflow:auto;
	margin-left:10px;
}
#whats-in-basket{
	background:url(../../images/gourmet-food-store-online-basket.png) no-repeat;
	width:153px;
	height:21px;
	margin-top:10px;
	float:left;
	margin-left:10px;
}
#euro-gourmet-logo{
	background:url(../../images/euro-gourmet-food-distributor.png) no-repeat;
	width:123px;
	height:24px;
	float:right;
	margin-right:10px;
	margin-top:7px;
}
#toggle-cart{
	background:url(../../images/toggle-cart.png) no-repeat;
	width:181px;
	height:24px;
	position:fixed;
	bottom:24px;
	z-index:500;
	right:250px;
}
#checkout-button{
	float:right;	
	text-align:center;
}
#cart-checkout{
	background:url(../../images/cart-checkout.png) no-repeat;
	width:181px;
	height:24px;
	position:fixed;
	bottom:24px;
	z-index:500;
	right:431px;
}
#quick-nav{
	background:url(../../images/basket-bg.png) repeat-x;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	height:23px;
	padding-top:8px;
	z-index:1000;
	text-align:center;
}
#quick-nav-content{
	width:640px;
	margin:0 auto;
}
#continue-shopping{
	float:left;
}
#checkout-wrapper{
	border:#CCC solid 1px;
	background:#fefefe;
	width:800px;
	margin:0 auto;
	padding:35px;
	color:#666;
}
.form-label{
	width:130px;
	float:left;
	text-align:right;
	vertical-align:middle;
	font-size:11px;
}
.form-input{
	width:183px;
	float:left;
	text-align:right;
	margin-left:25px;
}
.form-item{
	width:350px;
}
#checkout-billing{
	width:360px;
	float:right;
}
#checkout-shipping{
	width:360px;
	
}
.total{
	font-size:18px;
	margin-top:5px;
	vertical-align:middle;
	padding-bottom:5px;
}
.total-bar{
	border-top:solid 1px #999;
}
.product-list-item{
	margin-top:6px;
}
.checkout-category{
	font-size:16px;
	color:#666;
}
#checkout-graphics{
	float:right;
}
#sub-cat{
	width:900px;
	margin:0 auto;
	text-align:center;
}
#sub-cat a{
	color:black;
	font-size:14px;
	text-decoration:none;
}
#sub-cat a:hover{
	color:#9fc54c;
}
.sub-cat-item{
	float:left;
	width:125px;
}