/* TODO

CSS
Group all block/footer and apply same padding left on them so the all can be fixed at once.

HTML 
assign .block to all block that will have 206px width so when the text will grow the collumn wont drop down, underneath eachother.

*/
html, body
{
    height:100%;
    min-height: 100%;
    -moz-box-sizing: content-box;
}
body  {
	padding:0;
	margin:0;    
    background-repeat: no-repeat;
    background-position: bottom;
}

body  {
    background-attachment: fixed;    
  	margin: 0;
}

#wrapper {
    width:100%;
    min-height:100%;
    height:auto;
}

#wrap-content { 
	margin:0 auto;
    width:766px;   
    min-height:100%;
    height:auto;
}

#wrap-content .tbl-main
{
    padding: 0 0 20px 0;
	display:block;
}


/* PANEL */ 
div.panel {		
	
}
div.panel .top, div.panel .bottom {
	height:4px;
	line-height:4px;
}
div.panel .middle {
	height:auto;
	line-height:auto;
}
div.panel .topleft {
	width:4px;
	background-image:url('/assets/img/glw_top_left.png');
}
div.panel .topcenter {
	background-image:url('/assets/img/glw_top.png');
}
div.panel .topright {
	width:4px;
	background-image:url('/assets/img/glw_top_right.png');
}
div.panel .middleleft {
	width:4px;
	background-image:url('/assets/img/glw_left.png');
}
div.panel .middlecenter {
	background-color:#FFFFFF;
}
div.panel .middleright {
	width:4px;
	background-image:url('/assets/img/glw_right.png');
}
div.panel .bottomleft {
	width:4px;
	background-image:url('/assets/img/glw_bottom_left.png');
}
div.panel .bottomcenter {
	background-image:url('/assets/img/glw_bottom.png');
}
div.panel .bottomright {
	width:4px;
	background-image:url('/assets/img/glw_bottom_right.png');
}

/* PANEL */ 
div.redpanel .topcenter {
	background-image:url('/assets/img/glw_top_red.png');
}
div.redpanel .middleleft {
	width:4px;
	background-image:url('/assets/img/glw_left_red.png');
}
div.redpanel .middleright {
	width:4px;
	background-image:url('/assets/img/glw_right_red.png');
}
div.redpanel .bottomcenter {
	background-image:url('/assets/img/glw_bottom_red.png');
}

/* MENU */
#menu {
}
#menu ul {
	width:168px;
	overflow:hidden;
}
#menu ul li {
	height:auto;
	white-space:nowrap;
	overflow:hidden;
	border-bottom: solid 1px #D6CC89;
	background-repeat: no-repeat;
	background-position: left center;	
}

#menu ul li.hover {
	background-color:#D6CC89;
}
#menu ul li li {
	border-bottom-width: 0;
	padding-left:10px;
}
#menu ul li a {
	display:inline-block;
	font-family:Verdana, Arial;
	font-size:10px;
	line-height:18px;
	color:#6F2118;	
}
#menu ul li a:hover {
	text-decoration:underline;
}
#menu ul li img {
	display:inline-table;
	padding:0;
	margin:0 3px 0 4px;
	vertical-align:middle;
}
#menu ul li.active {
	background-image:url('/assets/img/menu_active.gif');
	background-repeat:repeat-x;
	background-position: top center;
}
#menu ul li.active a,
#menu ul li li.active a{	
	font-weight:bold !important;
}
#menu ul li.active a:hover,
#menu ul li li.active a:hover{		
	text-decoration:none;
}
#menu ul li.non-active a,
#menu ul li li.non-active a{	
	font-weight:normal !important;
}
#menu ul li.last,
#menu ul li.first {
	height:0;
	line-height:0;
	border:0;
}

.flyout { z-index:999; position:absolute; top:10px; left:20px; width:160px; display:none; border: solid 1px #D6CC89; border-bottom:none; background-color:white; }
.flyout a { display:block; color:#D6CC89!important; padding:2px; height:14px; font-family:verdana; font-size:10px; color:#891F05!important; border-bottom: solid 1px #D6CC89;  }
.flyout a:hover { background-color:#D6CC89; }

/* CONTENT */
div#content {
	position:relative;
	padding:10px;
	text-align:left;	
	color:#383838;
}
div#content a {
	text-decoration:underline;
}
div#content h1 {
	font-size:22px;
	padding-bottom:12px;
}
div#content .intro {
	font-size:10px;
	font-weight:bold;
}
div#content .text {
	font-size:1em;
}
div#content ul {
	list-style-type:disc;
	margin:5px;
}
div#content ul li {
	margin:5px;	
	padding:5px;
}
div#content img {
	padding:5px;
}

/*
sIFR active
*/
.sIFR-active h1,
.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;	
	background-color:transparent!important;
}
.sIFR-active h1 {
	font-size: 26px !important;
	line-height: 1em;
}
.sIFR-active h2 {
	font-size: 20px !important;
	line-height: 1em;
}
.sIFR-active h2 a { color:red!important; }

/* OPTIONS */
div#options {
	padding:3px 0 3px 0;
	background-color:#D6CC89;
}
div#options ul {
}
div#options ul li {
}
div#options ul li a {
	text-decoration:underline;
}
div#options ul li a:hover {
	text-decoration:none;
}
div#options ul li img {
	display:inline;
	margin:0 3px 0 4px;
	vertical-align:middle;
}

/* NEWS */
div#news {
	padding:3px 2px 3px 0;
	background-color:#FFFFFF;
	overflow:hidden;
}
div#news ul {
	list-style-position: outside;
	list-style-image: url('/assets/img/list_img.gif')
}
div#news ul li {	
	margin-left:20px;
	padding:2px 0 2px 0;
}
div#news ul li a {
	color:#000000;
	text-decoration:underline;
}
div#news ul li a:hover {
	text-decoration:none;
}
div#news ul li img {
	display:inline;
	margin:0 3px 0 4px;
	vertical-align:middle;
}

/*
Selector
*/
.selector { font-family:Verdana; font-size:10px; border:solid 1px #891F05; background-color:#D6CC89; }
.selector a { display:none; padding:1px 2px 1px 2px; white-space:nowrap; text-decoration:none!important; }
.selector a:hover { background-color:white; }
.selector a.selected { padding:2px 2px 2px 2px; display:inline; background-color:#891F05; }
.selector a.selected span { color:white; }

/* RANDOM OFFERS */
div#wine-crate-wrapper { position:relative; } 
div#wine-crate { position:absolute; top:-38px; left:-24px; width:63px; height:60px; background-repeat:no-repeat; background-image:url('/assets/img/wine-crate.png'); }
div#offers {	
	position:relative;
	padding:10px;
	text-align:left;	
	color:#383838;
}

div#offers .item { }
div#offers .item img { padding:5px; }
div#offers .item .name { font-size:11px; font-weight:bold; }
div#offers .item .grape { font-size:10px; overflow:hidden; }
div#offers .item .region { font-size:10px; }
div#offers .item .normal-price { font-size:12px; }
div#offers .item .offer-price { font-size:16px; color:#891F05; }
div#offers .item .link { text-decoration:underline; font-size:10px; }

/* FOOTER */
div#footer {
	position:relative;
	clear:both;
	width:766px;
	padding:2px;
	line-height: 11px;
	font-size: 9px;
	text-align:center;
	color:#D6CC89;
	background-color:#891F05;
}
div#footer a {
	text-decoration:underline;
	color: #FFFFFF;
}
div#footer a:hover {
	text-decoration:none;
}

/*
Cart
*/
div#cart-wine-crate-wrapper { position:relative; } 
div#cart-wine-crate { position:absolute; top:-44px; left:-30px; width:101px; height:93px; background-repeat:no-repeat; background-image:url('/assets/img/wine-crate2.png'); }
#cart { padding:35px 0 5px 0; }
table.cart { width:100%;}
table.cart td { vertical-align:top!important; border-bottom: solid 1px #D6CC89; vertical-align:bottom; }
table.cart td.name { padding:0 0 0 2px; }
table.cart td.amount { padding:0 0 0 5px; white-space:nowrap; }
table.cart td.price { white-space:nowrap;text-align:right; }
table.cart td.remove { padding:2px 5px 0 0; }
table.cart tr.even { background-color:#F6F4E9; }
table.cart tr.even td { }
table.cart tr.total td { color:#891F05; font-weight:bold; white-space:nowrap; }

/* SHOP */
div#shop-category-overview-list ul ul { margin:0; margin-left:10px; }
div#shop-category-overview-list ul li { list-style-type:none; padding:0; margin:0;  }
div#shop-category-overview-list ul li a { text-decoration:underline; }
div#shop-category-overview-list ul li h2 { text-decoration:none!important; }
div#shop-category-overview-list ul li a:hover { text-decoration:none; }

div#shop-category-list .item { width:100%; height:160px; }
div#shop-category-list .item td { vertical-align:top; }
div#shop-category-list .item td.name { height:28px; }
div#shop-category-list .item td.name h2 { margin:0!important; padding:0!important; }
div#shop-category-list .item td.image { width:100px;}
div#shop-category-list .item td.image img { border:solid 1px black; padding:0; margin-right:5px; }
div#shop-category-list .item td.region { padding:0 0 0 5px; font-weight:bold; height:14px; }
div#shop-category-list .item td.grape { padding:0 0 5px 5px; font-weight:bold; height:14px; }
div#shop-category-list .item td.region span, div#shop-category-list .item td.grape span { font-weight:normal;}
div#shop-category-list .item td.description { height:80px; }
div#shop-category-list .item td.offer { padding:5px 0 0 0; font-size:150%; color:#891F05; font-weight: normal; }
div#shop-category-list .item td.price { padding:5px 0 0 0; height:15px; font-size:110%; color:#891F05; font-weight: bold; }
div#shop-category-list .item td.price6 { white-space:nowrap;height:15px; color:#891F05; font-weight: normal; }
div#shop-category-list .item td.order { white-space:nowrap; text-align: right;}
div#shop-category-list .item td.order a { color:black; }
div#shop-category-list .item td.line { height:10px; line-height:1px; border-bottom:solid 1px #D6CC89;}

/*
Order overview
*/
#order-overview { width:100%; border-collapse:collapse; }
#order-overview tr.even { background-color:#F6F4E9; }
#order-overview td {vertical-align:top;padding:2px; }
#order-overview .line {border-top:solid 1px #D6CC89;}
#order-overview td.item_amount { white-space:nowrap; text-align:right; }
#order-overview td.price { white-space:nowrap; text-align:right; }
#order-overview tr.totalrow td { padding-top:20px; }
#order-overview td.total { border-top:solid 1px #D6CC89; font-size:14px; color:#891F05; }
#order-overview td.totalprice { text-align:right; border-top:solid 1px #D6CC89; font-size:14px; color:#891F05; }
#order-overview td.error { color:#6F2118;
font-size:16px;
font-weight:bold;
line-height:22px; }

#order-overview td.button {font-size:14px; font-weight:bold;}