/*=MASTER CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
@import url('reset.css');
@import url('text.css');
@import url('menu.css');

html, body {height: 100%;}
body {
	background-color: #000;
}
.clearfix {clear: both; display: block;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright {margin:0 0 5px 10px;}
img.alignleft {margin:0 10px 5px 0;}
.sep {padding: 0 3px;}
.sidebar .dotty {background:url('img/light-dotz.gif') repeat-x center bottom; padding-bottom:4px; display:block; margin-bottom:;}

/*=LAYOUT CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -175px; /* the bottom margin is the negative value of the footer's height */
	background:#fff url('img/bg-wrapper.gif') repeat-y center top;
}
	div.inner {width:988px; margin:0 auto;}
	div#header .inner {position:relative; height:449px;}
	div#header {
		height:491px;
		background:url('img/bg-header.gif') repeat-x center top;
	}
	div#mainPic {
		height:399px;
		position:absolute;
		top:50px;
		left:0px;
		background-repeat:no-repeat;
		background-position: center 9px;
	}
	div#container {
		float:left;
		width:100%;
		padding-top:10px;
		font-family: Tahoma, Geneva, sans-serif;
	}

	div#content {
		margin:0 260px 0 240px;
		padding: 0 10px 0 0;
	}
	div.home div#content {
		margin:0 350px 0 50px;
	}
	div.home div#content .home-page-bg {
		padding:40px 100px 30px 0;
		background:#fff url('img/content-bg-winebottle.jpg') no-repeat right bottom;
	}

	div.sidebar {
		float:left; 
		overflow:hidden;
		font-family: Tahoma, Geneva, sans-serif;
	}

	div#primary {
		margin:10px 0 0 -100%;
		width:240px;
	}

	* html div#primary {
		left:20px;
		position:relative;
	}

	div#secondary {
		margin:50px 0 0 -260px;
		width:260px;
	}
	div#wide-secondary {
		margin:50px 0 0 -350px;
		width:350px;
		overflow: visible;
	}
	
	div#footer {
		clear: both;
		width: 100%;
		background:#000 url('img/bg-footer.gif') no-repeat center top;
		color:#999;
		font-size:11px;
	}
	div#footer, div.push {
		height: 175px; /* .push must be the same height as #footer */
	}
	.footerLinks {
		padding: 70px 0 0 60px;
	}

/*=GENERAL CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
h1#logo {
	width:256px;
	height:358px;
	background:transparent url('img/logo.png') no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.perdeberg.co.za/css/img/logo.png', sizingMethod='crop');
	text-indent:-9999px;
	position:absolute;
	top:4px;
	left:30px;
	z-index:99;
}
h1#logo a{
	display:block;
	width:256px;
	height:358px;
}
#userPanel {
	position:absolute;
	top:0px;
	right:0px;
}
.userPanelContent {
	background:url('img/userpanel-rep.png') repeat-x;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.perdeberg.co.za/css/img/userpanel-rep.png', sizingMethod='scale');
	height:38px;
	line-height:38px;
	float:left;
	color:#969696;
	font-size:11px;
}
#userPanel span.cap {
	background:url('img/userpanel-cap.png');
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.perdeberg.co.za/css/img/userpanel-cap.png', sizingMethod='crop');
	display:block;
	float:left;
	width:11px;
	height:38px;
}
#userPanel span.slant {
	background:url('img/userpanel-slant.png');
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.perdeberg.co.za/css/img/userpanel-slant.png', sizingMethod='crop');
	display:block;
	float:left;
	width:31px;
	height:38px;
}
div.breadcrumb {
	height:40px;
	font:11px/40px Tahoma, Geneva, sans-serif;
}
div.breadcrumb strong {color:#897249;}

a.credit-logos {
	display:block;
	float:right;
	padding-right:5px;
	height:138px;
}
div.subNav {
	margin: 0px 17px;
	padding: 15px 10px 0;
	background:url('img/bg-sidebar.gif') repeat-x center top;
	font-size:11px;
	zoom:1;
	_margin-left:0px;
	_width:180px;
}
*+html div.subNav {border:1px solid #fff;}
div.subNav h4 {
	padding: 0 0 0 10px;
	margin-bottom:5px;
}
div.subNav ul li {
	background: transparent url('img/grey-dotz.gif') repeat-x center top;
	list-style:none;
	margin-left:0px;
	padding:1px 0px 0px 10px;
	_padding:10px 0px 0px 10px;
	line-height:25px;
	_line-height:13px;
}
div.inlineSubnav {
	margin: 0 9px 0 0;
	padding: 15px 10px;
	background:url('img/bg-inlinesubnav.gif') repeat-x center top;
	font-size:11px;
	width:163px;
	float:left;
	color:#424242;
}
div.inlineSubnav img {display:block; margin-bottom:8px;}
div.inlineSubnav p {margin-bottom:5px;}

div.widgetBox {
	background-color:#897249;
	color:#fff;
	margin: 0 4px 22px 15px;
	padding:2px 0 2px 2px;
}
div.widgetBoxFB {
	background-color:#3A5896;
	color:#fff;
	margin: 0 4px 22px 15px;
	padding:2px 0 2px 2px;
}
div.widgetBoxBorderFB {
	border-top:1px solid #FFF;
	border-right:0px none;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	padding:15px;
}
div.widgetBoxBorder {
	border-top:1px solid #FFF;
	border-right:0px none;
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	padding:15px;
}
div.widgetBox #special-offers {padding:0px 0px 15px;}
div.widgetBox #special-offers span.button {margin: 5px 0 0 4px;}

div.widgetBox #newsletter {position:relative; padding: 9px 9px 9px 80px; height:1%; /*IE6 Ghost Image Fix*/}
div.widgetBox #newsletter img.png {position:absolute; bottom:0px; left:-20px;}
div.widgetBox #newsletter form {margin: 0 0;}

div.widgetBox #newsletter-home {position:relative;padding: 0 9px 11px 110px; height:1%; /*IE6 Ghost Image Fix*/}
div.widgetBox #newsletter-home img.png {position:absolute;bottom:-3px;left:-20px;}
div.widgetBox #newsletter-home form {margin: 10px 0 0;}

div.widgetBox #special-home {position:relative;padding: 10px 9px 10px 110px; height:1%; /*IE6 Ghost Image Fix*/}
div.widgetBox #special-home img.png {position:absolute;bottom:-10px;left:-4px;}
div.widgetBox #special-home span.button {margin: 10px 0 0;}

div.widgetBox #choosewine-home {position:relative;padding: 0px 9px 10px 110px; height:1%; /*IE6 Ghost Image Fix*/}
div.widgetBox #choosewine-home img.png {position:absolute;bottom:-3px;left:-3px;}
div.widgetBox #choosewine-home span.button {margin: 10px 0 0;}

div.widgetBox #buy-online-home {position:relative;padding: 0px 9px 9px 110px; height:1%; /*IE6 Ghost Image Fix*/}
div.widgetBox #buy-online-home img.png {position:absolute;bottom:-2px;left:-25px;}
div.widgetBox #buy-online-home span.button {margin: 10px 0 0;}

div.news-item {clear:both; background: url('img/grey-dotz.gif') repeat-x center bottom; padding-bottom:10px;}
div.news-item img {border:1px solid #ccc; background-color:#fff; padding:4px; float:left; margin: 5px 15px 0 0;}
div.news-item h4 {margin:0;}
div.news-item .news-item-content {float:left; width:478px;}
div.news-item .news-item-content .button {margin-top:-10px;}

div.split-view {margin-top:-10px;}
div.split-view .left {float:left; width:245px; padding: 20px 15px 0 0; background:url('img/dark-vert-dotz.gif') repeat-y right top;}
div.split-view .right {float:right; width:195px; padding: 20px 0 0 20px;}

div.product-item-full {clear:both;}
div.product-item-full img {float:left;}
div.product-item-full .product-item-content {float:left; width:285px;}

ul.wine-info-single {list-style:none; display:inline-block; width:285px; float:right; margin:0; font-size:11px;}
ul.wine-info-single ul {margin:0;}
ul.wine-info-single h5 {font: bold 11px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#897249; text-transform:uppercase; margin-bottom:4px;}
ul.wine-info-single li {background: url('img/grey-dotz.gif') repeat-x center top; margin:0; padding:10px 5px;}
ul.wine-info-single li li {background:none; list-style:none; padding:0px 0 0 23px; display:inline-block; float:left; width:114px; background:transparent url('img/tickbox.gif') no-repeat left center;}
ul.wine-info-single li span {padding-right:20px;}
ul.wine-info-single li span.button {padding-right:2px; float:right;}
ul.wine-info-single li span strong {font: bold 11px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#897249; text-transform:uppercase;}
ul.wine-info-single li p {float:left; font-size:20px; color:#897249; line-height:1;}
ul.wine-info-single li em {font-size:11px; font-style: normal;}

div.product-item-single {clear:both; padding-bottom:20px;}
div.product-item-single img {float:left;}
div.product-item-single .product-item-single-content {float:left; width:350px; padding:0 0 0 10px;}
div.product-item-single#award .product-item-single-content {float:left; width:270px; padding:0 80px 0 10px; background:url('img/award-badge.gif') no-repeat right 40px;}
div.product-item-single .product-item-single-content .button {margin-bottom:15px;}

ul.wine-info-list {list-style:none; display:inline-block; width:348px; float:right; margin:0; font-size:11px; border:1px dotted black; background:#f3f1ec url('img/wine-info-single-dots.gif') repeat-y 11px top;}
div.product-item-single#award ul.wine-info-list {margin-right:-80px;}
ul.wine-info-list ul {margin:0;}
ul.wine-info-list h5 {font: bold 11px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#897249; text-transform:uppercase; margin-bottom:4px;}
ul.wine-info-list li {margin:0; padding:10px 10px; width:110px; _width:100px; float:left;}
ul.wine-info-list li li {list-style:none; padding:0px 0 4px 23px; display:inline-block; float:left; background:transparent url('img/tickbox-colorbg.gif') no-repeat left center; border:0px none;}
ul.wine-info-list li span {display:block; line-height:1;}
ul.wine-info-list li span strong {font: bold 11px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#897249; text-transform:uppercase; padding-bottom:15px; display:inline-block;}
ul.wine-info-list li p {float:left; font-size:20px; color:#897249; line-height:1;}
ul.wine-info-list li em {font-size:11px; font-style: normal; padding-top:6px; display:inline-block;}
ul.wine-info-list li.last {margin-left:-25px; width:90px;}

table.shopCart {
	width:100%;
	border:1px dotted #000;
	font-size:11px;
}
table.shopCart th {
	font: bold 11px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#897249; text-transform:uppercase;
	background-color:#f3f1ec;
	padding:8px;
}
table.shopCart td {
	padding:25px 10px 0;
}
table.shopCart td.remove a {
	display:block;
	width:15px;
	height:15px;
	background:#fff url('img/delete-link.gif') no-repeat 50% 50%;
	text-indent:-9999px;
	margin: 0 auto;
}
table.shopCart td.remove {padding:;}
table.shopCart td.itemPic {padding:0!important; vertical-align: top;}
table.shopCart strong {
	color:#897249;
}
table.shopCart span {color:#7f7f7f; font-size:10px; display:inline-block;}

table.shopCart tr.nopad td {padding:15px 10px; vertical-align: middle;}
table.shopCart .orderTotal {background:#f3f1ec; text-align:right; font-weight:bold; color:#9e8b6a;}
table.shopCart .totAmount {font-weight:bold;}
table.shopCart select,
table.shopCart .text {display:inline-block; margin-left:10px;}
table.shopCart select {width:190px;}
table.shopCart .text {width:180px;}

/*=TYPOGRAPHY CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
h2.page-title {
	font: normal 27px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-transform:uppercase;
	background:transparent url('img/grey-dotz.gif') repeat-x center bottom;
	margin-bottom:10px;
	padding: 0 0 5px 0;
}
h4.sub-heading {
	font: normal 15px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-transform:uppercase;
}
h3.widget-title {
	font: normal 20px/1 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing: 0.8px;
	margin-bottom:0px;
}
#find-your-wine h3.widget-title {
	margin-bottom:5px;
}
#find-your-wine #food-list {margin-bottom: 20px;}
#content h6 {
	font: bold 12px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	color:#a18e6d;
	margin:0;
}
#content h4 {
	font:normal 18px/1.5 Tahoma, Geneva, sans-serif;
	color:#a18e6d;
}
#footer p {
	margin-bottom:0px;
}
#content h6.entry-date {background:url('img/grey-dotz.gif') repeat-x center bottom; padding:0 0 5px; margin: -5px 0 10px 0;}
#cart-summary h3.widget-title {margin-bottom:10px;}
.widgetBox {font-size:11px!important;}

#deliveryDetails h6 {font-size:11px; margin:0;}
#deliveryDetails h6.ZAR {background:url('img/ico-zar.gif') no-repeat left center;} 
#deliveryDetails h6.USA {background:url('img/ico-usa.gif') no-repeat left center;}
#deliveryDetails h6.UK {background:url('img/ico_uk.gif') no-repeat left center;}
#deliveryDetails h6.ZAR,
#deliveryDetails h6.USA,
#deliveryDetails h6.UK {padding-left:20px;}

/*=LINK CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
#userPanel a:link,
#userPanel a:visited {color:#fff; font-weight:bold; text-decoration:none; position:relative;}
#userPanel a:hover,
#userPanel a:active {color:#969696; font-weight:bold; text-decoration:none;}
#userPanel a.checkout {text-decoration:underline;}
#userPanel a.cart {background:url('img/ico-cart-white.gif') no-repeat left center; padding-left: 22px;}

.footerLinks a:link,
.footerLinks a:visited {color:#999; text-decoration:none;}
.footerLinks a:hover,
.footerLinks a:active {color:#fff; text-decoration:underline;}

.breadcrumb a:link,
.breadcrumb a:visited {text-decoration:none; color:#000;}
.breadcrumb a:hover,
.breadcrumb a:active {color:#999;}

div.subNav ul li a:link,
div.subNav ul li a:visited {text-decoration:none; color:#474747; display:block; background-color:none !important;}
div.subNav ul li a:hover,
div.subNav ul li a:active {text-decoration:none; color:#888; display:block; background-color:none !important;}

div.subNav ul li a.current:link,
div.subNav ul li a.current:visited {font-weight:bold;  background:none;}
div.subNav ul li a.current:hover,
div.subNav ul li a.current:active {font-weight:bold;  background:none;}

a.top:link,
a.top:visited {color:#84755d; text-decoration:underline; background:url('img/top-aro.gif') no-repeat right center; padding-right:10px; font-size:11px; display:inline-block; margin-top:10px;}
a.top:hover,
a.top:active {color:#000; text-decoration:none;}

ul.top {margin:-40px 0 30px;}
ul.bot {margin:20px 0 -40px;}
ul.pagination {list-style:none; text-align:right; display:block;}
ul.pagination li {display:inline; margin-left:0px; font:11px Tahoma, Geneva, sans-serif;}
ul.pagination li a:link,
ul.pagination li a:visited {
	border:1px solid #c8c8c8;
	color:#6d6d6d;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	width:15px;
	height:15px;
	line-height:15px;
}
ul.pagination li a:hover,
ul.pagination li a:active,
ul.pagination li.active a {background:#897249; border:1px solid #897249; color:#fff; text-decoration:none;}

a.backLink {
	display:inline-block;
	float:right;
	margin-top:-36px;
	font: bold 12px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	text-decoration:none;
	color:#000;
}
a.backLink:hover {color:#999;}
#content a:link,
#content a:visited {color:#84755D;}
#content a:hover,
#content a:active {color:#000;}

#content .button a:link,
#content .button a:visited {color:#FFF;}
#content .button a:hover,
#content .button a:active {color:#000;}

/*=FORM CLASSES
----------------------------------------------------------------------------------------------------------------------------------------*/
input.text {
	margin: 0 0 5px 0;
	font:11px Tahoma, Geneva, sans-serif;
}
textarea {font:12px Tahoma, Geneva, sans-serif;}
span.button {
	background:#52442c;
	padding:2px;
	display:inline-block;
}
span.button input {
	background:#52442c;
	border:1px solid #b8aa92;
	color:#fff;
	font: normal 15px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-transform:uppercase;
	padding:6px 8px 2px;
}
span.button a {
	background:#52442c;
	border:1px solid #b8aa92;
	display:inline-block;
	color:#fff;
	font: bold 11px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	padding: 3px 8px 2px;
	text-decoration:none;
}
span.button input:active {background:#6e5b3a;}
span.button a:hover {background:#6e5b3a;}

#newsletter span.button input,
#newsletter-home span.button input {font: bold 11px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; padding:1px 5px 0px; text-transform:none;}

#content span.button, #content span.button input {background:#897249;}
#content span.button input:active {background:#6e5b3a;}
#content span.button a {background:#897249;border:1px solid #fff;}
#content span.button a:hover {background:#6e5b3a;}

#content form span.button {margin: 10px 0 0 0;}
#content form span.button input{font: bold 11px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; padding:1px 5px 0px; text-transform:none;}
#content form {margin-top:-10px;}
#content .main form {margin-top:0px;}
#content form label {
	display:block;
	font-weight:bold;
	margin: 10px 0 0;
	width:100%;
}
.inlineSubnav span.button input {
	font: normal 11px Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	padding:1px 6px 0px;
	background:#000;
	border-color:#fff;
	text-transform:none;
}
.inlineSubnav span.button {
	background:#000;
	padding:2px;
	display:inline-block;
}
.inlineSubnav span.button input:active {background:#333;}

.inlineSubnav select {width:160px; margin-bottom:10px;}

div.widgetBox form {margin-bottom:0px;}
div.widgetBox label {display:block;}
div.widgetBox select {width:210px; margin-bottom:10px;}
div.widgetBox strong {font: bold 11px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;}

/*=IE Hacks
----------------------------------------------------------------------------------------------------------------------------------------*/
*+html span.button {
	background:transparent !important;
}
* html span.button {
	background:transparent !important;
}
* html #content form {
	overflow:hidden;
	display:block;
	width:470px;
}
* html #content div.inlineSubnav form {
	overflow:hidden;
	display:block;
	width:134px;
}
* html #content form label {clear:both; width:470px;}
* html #content table {width:475px; overflow:hidden; display:inline-block;}
* html #content table form {width:200px; overflow:hidden; margin:0;}
* html h2.page-title {width:470px;}
* html table td h2.page-title {width:470px;}
#loginPWA {}
.smallText {font-size:10px !important;}