/* ------------------------------------------
Karingal kcl variant screen stylesheet - 27/04/2006
Author - benbailey.com.au on behalf of lemonade.com.au
------------------------------------------ */

@import url("../screen.css"); /* imports the master Karingal stylesheet which this stylesheet over-rides where needed */

/* =wrapper 
--------------------------------------------------------------------------
 */
#gateway #wrapper, #downpage #wrapper {
		background:				#F0F1E9 url(../../images/kommercial/bg-wrapper.gif) no-repeat right bottom; 
}

/* =banner 
--------------------------------------------------------------------------
*/
#gateway #banner, #downpage #banner {
		position:				relative;
		background:				#D70A31 url(../../images/kommercial/bg-banner-left.jpg) no-repeat;
}

#gateway #banner {
		margin-bottom:			10px;
}

#gateway #banner div {
		background:				url(../../images/kommercial/bg-left-bottom-gateway.gif) no-repeat bottom left;
		padding-left:			8px;
		min-height:				168px;
}

#downpage #banner div {
		background:				url(../../images/kommercial/bg-bottom-left-down.gif) no-repeat bottom left;
		min-height:				100px;
		padding-left:			18px;
}

/* =secondary-banner on the gateway 
--------------------------------------------------------------------------
 */
#gateway #secondary-banner {
		background:				#E0E2D4 url(../../images/kommercial/bg-secondary-banner-bottom.gif) no-repeat bottom left;
		margin-right:			0px;
}

#gateway #secondary-banner div {
		margin-left:			-3px;
		padding:				20px 10px 10px 22px;
		background:				url(../../images/kommercial/bg-secondary-banner-top.gif) no-repeat top left;
}

#gateway #secondary-banner div img {
		float:					right;
		padding-left:			10px;
}

/* =content 
--------------------------------------------------------------------------
 */
#gateway #content, #downpage #content { 
		padding:				10px 0 0 10px;
		margin:					0 0 0 200px; 
		background:				#F0F1E8 url(../../images/global/bg-content-cnr.gif) no-repeat;
}

/* =section navigation
--------------------------------------------------------------------------
 */
#section-navigation ul {
		list-style-type:		none;
		margin:					0 0 0 12px;
}

#section-navigation ul ul {
		margin-left:			3px; 
}

#section-navigation ul a {
		color:					#000;
		background:				#FFF;
		text-decoration:		none;
		display:				block;
		padding:				0.25em 5px 0.25em 0;
}

#section-navigation ul a:focus, #section-navigation ul a:hover {
		text-decoration:		underline; 
}

#section-navigation ul ul a {
		padding-left:			15px;
		color:					#D70A31;
		background:				inherent;
}

#section-navigation ul ul a:focus, #section-navigation ul ul a:hover {
		background:				#D70A31;
		color:					#FFF;
}

/* =footer and enclosed items
--------------------------------------------------------------------------
 */
#footer {
		clear:					both; 
		padding:				70px 0 0 0; 
		height:					100px; 
}

#gateway #plug, #downpage #plug {
		background:				url(../../images/kommercial/bg-plug.gif) no-repeat; 
}

/* =elements 
--------------------------------------------------------------------------
 */
body#gateway, body#downpage {
		background:				#556B7B url(../../images/kommercial/bg-body.gif) fixed;
}

a.view:link {
		background:				#D70A31;
}

h4 {
		color:					#D70A31;	
}

/* Kommercial Cafe */

div.kommercial-cafe div.home div.group
{
	float: left;
	width: 50%;
}

div.kommercial-cafe div.home div.group a
{
	text-decoration: none;
}

div.kommercial-cafe div.home div.group a span
{
	color: #004372;
	font-size: 1.2em;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 10px;
	clear:both;
}

div.kommercial-cafe div.home div.group p
{
	padding: 10px;
	font-size: 0.95em;
	width: 220px;
}

div.kommercial-cafe div.orders div.note
{
	background-color: #fff;
	border: 1px solid #dbddce;
	padding: 10px;
	margin: 10px 0;
	font-size: 1.1em;
}
div.kommercial-cafe div.orders table
{
	width: 100%;
	font-size: 0.95em;
}

div.kommercial-cafe div.orders table span.no-stock
{
	margin-left: 20px;
	color: #d70a31;
	font-weight: bold;
}

div.kommercial-cafe div.orders table th
{
	color: #d70a31;
	border-bottom: 1px solid #bababa;
	padding: 3px 0;
	text-align: left;
}

div.kommercial-cafe div.orders table td
{
	padding: 2px 0;
}

div.kommercial-cafe div.orders table td.right,
div.kommercial-cafe div.orders table th.right
{
	text-align: right;
	padding-right: 40px;
}

div.kommercial-cafe div.orders table tr.special
{
	color: #d70a31;
}

div.kommercial-cafe div.orders table td input
{
	width: 40px;
	height: 20px;
	text-align: center;
	border: 1px solid #7f9db9;
}

div.kommercial-cafe div.orders table td span#total_quantity,
div.kommercial-cafe div.orders table td span.quant
{
	width: 40px;
	display: block;
	text-align: center;
}

div.kommercial-cafe div.orders table td span.itemid
{
	display: none;
}

div.kommercial-cafe div.orders table tfoot tr.subtotal td
{
	border-top: 1px solid #bababa;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.kommercial-cafe div.orders table tfoot tr.discount td
{
	padding-bottom: 10px;
}

div.kommercial-cafe div.orders table tfoot tr.delivery td
{
	border-top: 1px solid #bababa;
	padding-top: 10px;
}

div.kommercial-cafe div.orders table tfoot tr.total td
{
	border-bottom: 1px solid #bababa;
	padding-bottom: 10px;
	font-weight: bold;
}

div.kommercial-cafe div.orders p.note-header
{
	font-weight: bold;
	margin: 30px 0 0 0;
}

div.kommercial-cafe div.orders textarea
{
	border: 1px solid #7f9db9;
	width: 420px;
	height: 80px;
	display: block;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 1.2em;
	margin: 5px 0;
}

div.kommercial-cafe input.btn
{
	background-color: #004372;
	border: none;
	text-transform: uppercase;
	color: #fff;
	padding: 5px;
}

/* payment method */
div.kommercial-cafe div.orders div.method
{
	width: 46%;
	float: left;
	margin-right: 30px;
}

div.kommercial-cafe div.orders div.card div
{
	margin-left: 100px;
}

div.kommercial-cafe div.orders div.invoice div
{
	margin-left: 80px;
}


div.kommercial-cafe div.orders div.method h4
{
	border-bottom: 1px solid #bababa;
	padding: 5px 0;
	margin-bottom: 5px;
}

div.kommercial-cafe div.orders input.code
{
	width: 120px;
	height: 20px;
	border: 1px solid #7f9db9;
	display: block;
	font-size: 1.2em;
}

div.kommercial-cafe div.orders span.note
{
	margin: 10px 0;
	display: block;
}

div.kommercial-cafe div.orders div.invoice
{
	background: transparent url(../../images/kommercialcafe/payinvoice-bg.gif) top left no-repeat;
}

div.kommercial-cafe div.orders div.card
{
	background: transparent url(../../images/kommercialcafe/paycard-bg.gif) top left no-repeat;
	height: 100px;
}

div.kommercial-cafe p.error
{
	color: #D70A31;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 2px;
}

div.kommercial-cafe div.payment fieldset div.field span.delivery_times
{
	width: 100%;
	margin-left: 60px;
	font-size: 11px;
}

div.kommercial-cafe div.payment fieldset div.field span.costcode
{
	width: 100%;
	margin-left: 22px;
	font-size: 11px;
}

div.kommercial-cafe div.payment fieldset p span.delivery_hours
{
	width: 100%;
	margin-left: 100px;
	font-size: 11px;
}

div.kommercial-cafe div.payment fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

div.kommercial-cafe div.payment fieldset p,
div.kommercial-cafe div.payment div.field
{
	margin: 5px 0;
	max-width: 100%;
	width: 100%;
}

div.kommercial-cafe div.payment fieldset p label,
div.kommercial-cafe div.payment div.field label
{
	float: left;
	padding-right: 10px;
	text-align: left;
	width: 145px;
	font-size: 1.2em;
}

div.kommercial-cafe div.payment fieldset p label
{
	font-size: 0.95em;
}

div.kommercial-cafe div.payment div.validation
{
	font-size: 1.1em;
}

div.kommercial-cafe div.payment div.validation li
{
	font-size: 1.1em;
}

div.kommercial-cafe div.payment fieldset input.long,
div.kommercial-cafe div.payment fieldset input.medium,
div.kommercial-cafe div.payment fieldset input.short,
div.kommercial-cafe div.payment fieldset select
{
	border: 1px solid #7F9DB9;
	height:20px;
}

div.kommercial-cafe div.payment fieldset input.long
{
	width: 190px;
}

div.kommercial-cafe div.payment fieldset input.medium
{
	width: 100px;
}

div.kommercial-cafe div.payment fieldset input.short
{
	width: 80px;
}

div.kommercial-cafe div.payment fieldset span.error
{
	color: #D70A31;
}

div.kommercial-cafe div.payment fieldset input.btn
{
	font-size: 0.8em;
}

div.kommercial-cafe div.payment fieldset.confirm p label
{
	width: 320px;
}

div.kommercial-cafe div.payment fieldset.confirm p.notes
{
	margin: 10px 0;
}

div.kommercial-cafe div.payment fieldset.confirm p.notes span
{
	font-style: italic;
}

div.kommercial-cafe div.note ul li
{
	font-size: 1em;
}



div.kommercial-cafe div.content 
{
	font-size: 1.2em;
	margin: 20px 0;
	width: 70%;
}

div.kommercial-cafe div.content li,
div.kommercial-cafe div.content li table, 
div.kommercial-cafe div.content th,
div.kommercial-cafe div.content tr,
div.kommercial-cafe div.content td,
div.kommercial-cafe div.content p
{
	font-size: 1.0em;
}

div.kommercial-cafe div.content table.delivery,
div.kommercial-cafe div.content table.delivery th,
div.kommercial-cafe div.content table.delivery td
{
	border: 1px solid #333;
	padding: 5px;
}


div.kommercial-cafe table.products td em 
{
	font-size: 0.9em	
}

div.kommercial-cafe p.note label
{
	height: 4em;
}

div.kommercial-cafe p.discount, div.kommercial-cafe p.delivery
{
	margin:1em 0;
}

div.kommercial-cafe p.discount label, div.kommercial-cafe p.delivery label
{
	font-weight: bold;	
}

div.kommercial-cafe p.discount label,
div.kommercial-cafe p.discount select
{
	float: none;
	text-align: left;
	width: 170px!important;
	margin: 0.2em 0;
}

 div.kommercial-cafe p.delivery label
 {
 	float: none;
	text-align: left;
	margin: 0.2em 0;
 }

#announcements h2
{
	padding:					0 0 5px;
	border-bottom:				1px solid #C9CAC3;
}

#announcements, #announcements div
{
	margin:						12px 0 0;
	padding:					0!important;	
	background:					none!important;	
}


#announcements div
{
	clear:						both;
	width:						800px!important;
}

#announcements img
{
	margin:						0 15px 0 0;
	border:						1px solid #004372;
}

div.kommercial-cafe p.discount select.short {
	width: 40px;
}