﻿/* reset.css */
*
{
    margin: 0;
    padding: 0;
}

body 
{
/*	border-left: 1px #C7C8CA solid;
    border-right: 1px #C7C8CA solid;
    border-bottom: 1px #fff solid;
    border-top: 1px #fff solid;*/
    border: none 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	overflow: auto;
	width: 1000px;
	margin: 0 auto;
}

#shop_header
{
    background: url(/Images/header_grape.jpg) no-repeat right top;
}

#shop_header h1
{
	background: url(/Images/logo_winesale.nl.gif) no-repeat left;
	height: 28px;
	padding-bottom: 10px;
	padding-top: 10px;
}

p
{
    margin: 0.8em 0;
}

h1 a
{
	display: block;
	text-indent: -9999px;
	height: 28px;
	width: 220px;
}

h2, h3
{
    margin-bottom:0.5em;
    padding-bottom:0.5em;
    padding-top:0.5em;
}

h2
{
	font-size:1.2em;
    border-bottom:1px solid #939598;
}

h3
{
	font-size:1.1em;
    border:medium none;
}

img
{
    border: none;
}

#InfoNavigation
{
	background: #BA242D;
	height: 25px;
}

#InfoNavigation ul
{
	list-style: none;
	width: 100%;
}

#InfoNavigation li
{
	display: inline;
}

#InfoNavigation ul li.active
{
	font-weight: bold;
}

#InfoNavigation a
{
	border-left: #fff solid 1px;
	color: #fff;
	display:block;
	float: left;
	width:90px;
	text-align: center;
	line-height: 1.2em;
	margin-top: 0.8ex;
	padding: 0 1ex;
	text-decoration: none;
	left: -1px;
}

#InfoNavigation .first a
{
	border: none;
}
	
#InfoNavigation a:hover
{
	font-weight: bold;
}

#InfoNavigation:after
{
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

#container
{
    width: 1000px;
}

#wrapper
{
    background: url(/Images/nav-background.gif) repeat-y left;
    width: 1000px;
}

#navigation
{
    float: left;
    width: 200px;
}
#content
{
    float: left;
    width: 630px;
    padding: 10px;
    overflow: hidden;
}
#utility
{
    float:left;
    width: 150px;
}
/* navigation */
#navigation *
{
	margin: 0;
	padding: 0;
}
#navigation .inner
{
	padding-left: 2ex;
	margin-bottom: 1em;
}
#navigation ul li.active
{
	font-weight: bold;
}
/*#navigation ul li.active li
{
	font-weight: normal;
}*/
#navigation ul li.inactive
{
	font-weight: normal;
}
#navigation li
{
	list-style: none;
	padding-left: 20px;
}
#navigation li li
{
	padding-left: 2ex;
	font-size: 0.9em;
}
#navigation a
{
	color: #221e1f;
	text-decoration: none;
	line-height: 1.4em;
}
#navigation a:hover
{
	font-weight: bold;
}
#navigation h2
{
	display: none;
}
#navigation h3
{
	margin-top: 0.4em;
}
#navigation h3 a
{
	background: url(/Images/nav_products_bullet.gif) no-repeat left center;
	color: #b9242e;
	font-size: 0.9em;
	padding-left: 20px;
	font-weight: bold;
}

#navigation #GeneralNavigation li
{
	margin-top: 0.4em;
	padding-left: 0;
}

#navigation #GeneralNavigation li a
{
 	background: url(/Images/nav_products_bullet.gif) no-repeat left center;
	color: #b9242e;
	font-size: 1.1em;
	padding-left: 20px;
	font-weight: bold;
}
#navigation .inner
{
    margin-bottom: 1em;
    padding-left: 2ex;
}
/* content */
#content ol, #content ul
{
    padding: 0 0 0 20px;
    margin: 10px;
    list-style-position: outside;
}
#content ol h3
{
    font-weight:normal;
    margin-left:-4ex;
}
#content .paging
{
    color:Black;
    font-weight: bold;
}
#content .paging a
{
    color: #BA242D;
    text-decoration: none;
}
#content .paging a:hover
{
    background-color: #F3DADC;
}
#content div.paging
{
    border-bottom:1px solid #939598;
    clear:both;
    margin-top:0.8em;
    padding-bottom:0.8em;
}
.product
{
	overflow: auto;
}
.product_overview_item
{
    vertical-align: bottom;
}

.product .details TH
{
	line-height: 1.2em;
	padding-left: 3ex;
	text-align: left;
	vertical-align: top;
	width: 110px;
    font-weight: bold;
}

.product .details TD
{
	line-height: 1.2em;
	padding-left: 3ex;
}

.product .details TD EM
{
	font-style: normal;
	text-decoration: line-through;
}

.product .details TD STRONG
{
	color: #ba242d;
	font-size: 1.1em;
}

.product div.pimage
{
    width: 70px;
    overflow: hidden;
}

.product .details .OverviewProductImage .picture
{
	color: #ba242d;
	float: none;
	font-weight: bold;
	padding-bottom: 0.8em;
	text-decoration: none;
	height: 200px;
	display: block;
	z-index: 9999;
}

.product .details td.OverviewProductImage
{
    width: 110px;
    padding-left: 0;
    text-align: center;
    z-index: 9998;
    overflow: hidden;
}

.link a
{
	font-weight: bold;
	text-decoration: none;
}
.button
{
	font-weight: bold;
	display: block;
 	overflow: hidden;
}
.button input
{
	background: none;
	border: none;
	color: #ba242d;
	font-weight: bold;
	padding-left: 0;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.black /*used for buttons*/
{
	color: #221e1f;
}
.red /*used for buttons*/
{
	color: #ba242d;
}
.btn_more,
.btn_order
{
 	float: right;
}
.product_overview_item .btn_more
{
	margin-top:2px;
}
#ProductInfo .btn_back
{
	margin-top:1px;
}
#ProductInfo
{
	overflow: hidden;
}

#ProductInfo a.picture
{
    color:#BA242D;
    float:left;
    font-weight:bold;
    padding-bottom:0.8em;
    text-decoration:none;
}

#ProductInfo .largeimage
{
    text-align:center;
}

#ProductInfo .details td em 
{
    font-style:normal;
    text-decoration:line-through;
}

#ProductInfo .details td strong
{
    color:#BA242D;
    font-size:1.1em;
}

#ProductInfo .details th
{
    padding-left:3ex;
    text-align:left;
    vertical-align:top;
    width:110px;
	text-align: left;
}

#ProductInfo th,
#ProductInfo td
{
	line-height: 1.2em;
}

#ProductInfo .packages th
{
	visibility: hidden;
}

#ProductInfo .packages td
{
	padding-top: 1em;
}
.end
{
	border-top: #939598 solid 1px;
	clear: both;
	margin-top: 0.8em;
	padding-bottom: 0.8em;
}
/* utility */
#utility div
{
    background-color:#EBC2B4;
    margin-top:10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding:5px;
}
#utility div div
{
    background:transparent none repeat scroll 0 0;
    margin:0;
}
#utility #search #search_keywords
{
    background-color:#FFFFFF !important;
    border:medium none !important;
    height:18px;
    width:105px;
}
#utility #search #search_submit
{
    width: 19px;
    border: 0px;
    margin:0;
}
#utility #profile_login
{
	text-align: center;
}
#utility #profile_login h3
{
	width: 100%;
	font-size: 1em;
	border-bottom: solid 1px;
	margin:0;
	padding-top:0;
}
#utility #profile_login .input input
{
	background-color:#FFFFFF !important;
    border:medium none !important;
    color: #A1A2A2;
    padding:0 5px;
    padding-top: 2px;
    height:18px;
    width:120px;
}
#utility #profile_login .button input
{
	background-color:#EAC2B6;
	border:1px solid #913A3B;
	color:#913A3B;
	font-size:0.9em;
	font-weight:bold;
	width: 130px;
}
#utility #profile_login .link a 
{
	text-align: center;
	background-color:#EAC2B6;
	border:1px solid #913A3B;
	display: block;
	color:#913A3B;
	padding: 1px 0px;
	font-size:0.9em;
	font-weight:bold;
	text-decoration: none;
}
#utility .MiniShoppingCart a
{
    color:#221E1F;
    display:block;
    text-decoration:none;
}
#utility .MiniShoppingCart img
{
    float:right;
}
#utility #BannersRight {
    background-color:transparent;
    overflow:hidden;
    width: 150px;
    padding: 0;
    margin: 0;
}
/* branding */
#branding
{
	background: #020102 url(/Images/branding_1.jpg) repeat-x right;
	color: #fff;
	height: 59px;
	clear:both;
}
#branding .inner
{
	background: url(/Images/branding_logo.gif) no-repeat;
	background-position: 100% 20px;
	color: #b9242e;
	font-size: 2.4em;
	margin-right: 20px;
	padding-right: 40px;
	padding-top: 10px;
	text-align: right;
}
LABEL.error INPUT,LABEL.error SELECT
{
	border: solid 1px #000000;
	border-color: #b9242e;
}
P.show_error
{
	display: block;
	color: #b9242e;
	font-size: 1.1em;
	height: 2em;
}
P.hide_error
{
	display: none;
}

#BannersRight
{
    width: 150px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#BannersRight .BannerItem
{
    padding: 0;
    margin: 10px 0 0 0;
}