/* Zarri's main style */
html {
	margin:0;
	padding:0;
}

body {
	background-color:#fafafa;
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
}

h1 {
	margin: .5em 0 .8em;
}
h2,h3 {
	margin: .75em 0 .25em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	border-collapse:collapse;
}
th,td {
	border: 1px solid #000000;
	padding:5px;
}
th {
	background-color:#efefef;
}

.clear {
	clear:both !important;
	font-size:1px !important;
	height:1px !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
	.clear.midfloat {
		clear:none !important;
		float:left !important;
		width:100%;
		margin-top:-1px !important;
	}

/* ---------------- CONTAINER --------------------- */

#ubercontainer {
	width:700px;
	margin: 0 auto;
	border: 2px solid #555555;
	border-width: 0 2px;
	padding: 1px 0; /* To snag margins of headers, etc. */
	background-color:#ffffff;
}

#ubercontainer>div {
	padding:20px;
}

/* ---------------- HEADER --------------------- */

#header {
	width:100%;
	padding:0 !important;
	margin-top:-1px;
}

#header h1 {
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#header h1 a {
	display:block;
	height:100px;
	position:relative;
	top:0;
	left:0;
}

#header h1 span {
	position:absolute;
	left:0;
	top:-9999em;
}

/* ---------------- CONTENT --------------------- */

#contentbox {
	padding: 10px 20px !important;
}

#contentbox h1 {
	color:#bb2222;
}

#contentbox h2 {
}

/* ----- Picksome lists ----- */
ul.picksome {
	list-style-type:none;
	display:block;
	margin: .5em 0;
	padding: 10px 10px 10px 20px;
	border: 2px solid #555555;
	min-height: 205px;
	background-color:#eaeaff;
	position:relative;
	top:0;
	left:0;
}
div.pickthese {
	width:378px;
	border-right:3px dotted #aaaaaa;
	min-height: 205px;
}
ul.picksome .pickthese li {
	list-style-type:none;
	display:block;
	float:left;
	width:69px; /*equal 75px*/
	min-height:62px; /*equal 75px*/
	border: 1px solid #cccccc;
	margin:5px;
	position:relative;
	top:0;
	left:0;
	padding: 20px 3px 3px;
	text-align:center;
	font-size:1.05em;
	color:#6a6a6a;
	background-color:#f5f5f5;
}
	ul.picksome .pickthese li.wordy {
		width:157px; /*equal 170px*/
	}
ul.picksome input.checkbox {
	position:absolute;
	top:0;
	left:0;
}
ul.picksome li p {
	text-align:left;
	font-size:.9em;
	border: 2px dashed #cc8888;
	margin: 10px 0 2px;
	padding: 2px;
	color:#6a6a6a;
}
	ul.picksome li p.descrip {
		text-align:center;
	}
		ul.picksome li p.descrip:hover {
			font-weight:bold;
		}

/* one puts selected stuff here */
ul.picksome li.stuffhere {
	position:relative;
	top:0;
	left:0;
	float:right !important;
	margin: 0 15px 0 0 !important;
	width:205px;
	min-height:185px;
	float:none;
	border:1px solid #555555;
	margin:0;
	padding: 22px 0 0;
	background-color:#f5f5f5;
}
li.stuffhere h3 {
	position:absolute;
	top:0;
	left:0;
	width:190px;
	padding:0 15px 0 0;
	margin:0;
	text-align:right;
	background-color:#ffffff;
	background-image: url(../img/point.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	z-index:50;
	height:20px;
	font-size:18px;
	line-height:20px;
	color:#bb2222;
	border-bottom: 1px solid #555555;
}
.stuffhere ul.issome {
	list-style-type:none;
	display:block;
	padding:0;
	margin:0;
}
.stuffhere ul.issome li {
	list-style-type:none;
	display:block;
	float:left;
	width:50px;
	height:50px;
	border: 3px solid #555555;
	margin:5px;
	position:relative;
	top:0;
	left:0;
	padding:1px;
	text-align:center;
	font-size:1.05em;
	color:#6a6a6a;
	overflow:hidden;
}
.stuffhere ul.issome.isone li {
	width:205px;
	height:185px;
	border:0;
	padding:0;
	margin:0;
}

/* ----- LINKS ------ */
a {
	color:#bb2222;
}
	#footer p a {
		color:#8f8f8f;
	}
a:hover {
	text-decoration:none;
}

/* ----- SPECIALS (and CATEGORY OVERVIEWS)----- */
ul.specials {
	list-style-type:none;
	margin: .25em 0;
	padding: 1px;
}
.specials li {
	border: 2px double #aaaaaa;
	border-width: 4px 0;
	margin: 15px 0;
	padding: 10px 0;
}

.specials h2 {
	margin: .25em 0;
}

/* top, pantry-level colors */
.specials li.bigwine {
	border-color:#cc6666;
}
.bigwine h2, .bigwine h3, .bigwine h4 {
	color:#882222;
}

.specials li.bigbeer {
	border-color:#ccaa77;
}
.bigbeer h2, .bigbeer h3, .bigbeer h4{
	color:#aa8855;
}

.specials li.bigbooze {
	border-color:#dd9090;
}
.bigbooze h2, .bigbooze h3, .bigbooze h4{
	color:#aa5555;
}

.specials li.bigsoft {
	border-color:#ddaf77;
}
.bigsoft h2, .bigsoft h3, .bigsoft h4{
	color:#bb8f55;
}

/* full list wine colors */
.specials li.redwine {
	border-color:#cc6666;
}
.redwine h2 {
	color:#882222;
}

.specials li.whitewine {
	border-color:#eebb77;
}
.whitewine h2 {
	color:#cc9955;
}

.specials li.rosewine {
	border-color:#dd8888;
}
.rosewine h2 {
	color:#dd6666;
}

.specials li.othwine {
	border-color:#995599;
}
.othwine h2 {
	color:#882288;
}

.specials img.prodpic {
	width:125px;
	height:175px;
	display:block;
	float:left;
	clear:none;
	padding-right:5px;
	border-right: 1px solid #cccccc;
	margin: 0 10px 10px 0;
	color:#aaaaaa;
}

p.price {
	text-align:right;
	margin:5px;
	font-weight:bold;
}
p.price em {
	font-size:.95em;
}
p.discount {
	color:#aa2222;
	margin-bottom:-4px;
}
p.discount em {
	text-decoration:line-through;
	font-size:1em;
}

.addme, .buyme {
	float:right;
	clear:right;
}
input.buyme {
	margin-bottom:5px;
}
p.addme {
	margin:0 0 10px;
	padding:0;
	text-align:right;
	width:8.5em;
}
.addme input {
	display:inline;
	float:none;
}

/* ----- Pantry Top Specials Etc ----- */
.pantrytop .specials h2 {
	margin-top:0;
	padding: 60px 0 2px 10px;
	border: 1px solid #cccccc;
	font-size:1.85em;
	overflow:hidden;
}

.pantrytop .specials li {
	width:300px;
	float:left;
	clear:none;
	margin-left:18px;
}
.pantrytop .specials li.wideness {
	width:auto;
	float:none;
	margin-left:0;
}

.shortlist {
	margin-top:-9px;
	padding: 0 0 5px;
	list-style-type:none;
}
	.sboard .shortlist {
		padding: 0 0 0;
		margin-top:0;
	}
.shortlist h3 {
	margin: 0 0 10px;
}
.wideness .shortlist div, .wideness .shortlist li, .wideness .shortlist p.morelink {
	float:left;
	clear:none;
	padding-right:5px;
	border-right: 1px solid #cccccc;
	width:160px;
	margin: 0 5px 0 0;
}
	.sboard .shortlist li {
		width:30%;
		margin-bottom:10px;
	}
.shortlist p.morelink {
	border: 1px solid #aaaaaa;
	background-color:#f3f3f3;
	padding:0;
	width:auto;
	clear:both;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}
	.shortlist p.morelink a {
		display:block;
		text-decoration:none;
		clear:none;
	}
	.shortlist p.morelink a:hover {
		background-color:#fafafa;
	}
.wideness .shortlist p.morelink {
	margin: 30px 0 0 10px;
	width:auto;
}
	.wideness .shortlist p.morelink a {
		padding: 20px 10px;
		width:105px;
	}
.shortlist div p, .shortlist li p {
	float:right;
	clear:none;
	margin:5px 0;
	font-size:.9em;
	width:50%;
	text-align:right;
}
.shortlist div p.price, .shortlist li p.price {
	font-size:1em;
}
.shortlist div p.addme, .shortlist li p.addme {
	clear:right;
	width:8.5em;
}
	.sboard .shortlist li p.addme {
		width:auto;
	}
.shortlist h4 {
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	text-align:right;
}
	.wideness .shortlist h4{
		float:left;
		clear:none;
		width:5em;
	}
		.sboard .wideness .shortlist h4 {
			width:7.35em;
		}
.shortlist img.prodpic {
	display:block;
	float:left;
	clear:none;
	padding-right:0;
	border-right:0;
	margin: 0 5px 5px 0;
	color:#aaaaaa;
}
	.wideness .shortlist img.prodpic {
		width:75px;
		height:100px;
	}


/* ----- Full Listings ----- */

.listing {
	padding: 15px 0 0;
	border: 1px dotted #dddddd;
	border-width: 2px 0 0;
}

table.full-list {
	border-collapse:separate;
	border-spacing: 2px;
	margin: .2em -12px;
	background-color:#ededff;
	padding: 5px 2px;
	border:1px solid #aaaaaa;
	border-width: 1px 0;
}
table.full-list th {
	background-color:#f5f5f5;
	color:#555555;
}
table.full-list td {
	vertical-align:bottom;
	padding: 5px 15px 10px;
	background-color:#fdfdfd;
}
table.full-list h2 {
	margin: 0 -15px .5em;
	padding: 0 .4em;
	line-height:1.1em;
	text-align:center;
	font-size:1.3em;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	word-spacing:5px;
	text-align:left;
}
table.full-list img.prodpic {
	width:75px;
	height:100px;
	display:block;
	margin: 5px auto .5em;
	border: 1px solid #dddddd;
	color:#aaaaaa;
}
table.full-list p {
	margin: .2em;
}
table.full-list p.addme {
	margin: 0 0 0;
	width:auto;
}

/* --- Wine listing --- */

table.fullwine td, table.fullwine th {
	width:25%;
}

table.fullwine .redwine {
	border-color:#882222;
}
table.fullwine th.redwine {
	color:#882222;
	background-color:#ffbfbf;
}

table.fullwine .whitewine {
	border-color:#cc9955;
}
table.fullwine th.whitewine {
	color:#cc9955;
	background-color:#fff2c2;
}

table.fullwine .rosewine {
	border-color:#dd6666;
}
table.fullwine th.rosewine {
	color:#dd6666;
	background-color:#ffeaea;
}

table.fullwine .othwine {
	border-color:#882288;
}
table.fullwine th.othwine {
	color:#882288;
	background-color:#fabffa;
}


/* --------- FINALE ---------- */
.finale {
	margin-top:15px;
	padding: 25px 0 0;
	border: 1px dotted #dddddd;
	border-width: 2px 0 0;
}
.finale * {
	float:right;
	clear:none;
	margin: 0 10px 0 0;
}

/* ---------------- FOOTER --------------------- */

#footer {
	padding: 5px 0 20px !important;
	background-color:#333333;
	color:#707070;
	margin: 20px -2px -1px;
	border: 2px solid #333333;
	border-top:2px dashed #555555;
	border-width: 2px 2px 0;
}
#footer>* {
	padding: 0 0;
	margin: 5px 20px;
}
#copyright {
	text-align:center;
	font-weight:bold;
}
#footer .menubox {
	margin-top:10px;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#bydande {
	text-align:right;
}