/*

	Q8 - Kuwait Petroleum website
	Master screen styles

	Author: Creuna Danmark A/S / www.creuna.dk
	Copyright: 2011, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/

html { font-size: 100%; overflow-y: scroll; }
html.iframe { overflow-y: auto; }
html.iframe body { background-color: #f5f3f4; }

html, body
{
    height: 100%;
}
body
{
	margin: 0;
	padding: 0;
	color: #828282;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 62.5%;
	line-height: 1.8em;
	text-align: center;
	
	/* Prevent background from scrolling when resizing */
	/*display: table;
	width: 100%;*/
}
body.sailBg
{
	background: url('../../gfx/Q8/background/bg-body.png') repeat-y 50% 0%;
}

form, fieldset, input, textarea, select, th, td
{
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 100%;
}

/* = Clearing floats = */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display: block }
* html .clearfix { height: 1px; }
.clear { clear: both; }
.clearRight { clear: right; }
.clearLeft { clear: left; }

/* = Accessibility & SEO = */

.accessibility
{
	position: absolute;
	top: -999em;
	left: -999em;
}

/* = Elements = */

hr
{
	height: 2px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #f2f2f2;
	background-color: #f2f2f2;
	border: 0;
	}
	* html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */

dl {
	margin: 0 0 15px 0;
	}
	dl dt { font-weight: bold; }
	dl dd { margin: 0 0 0 15px; }

li li, li p, td p, blockquote p { font-size: 1em; }

embed
{
	float: left;
	display: block;
	clear: both;
}

img.ui-datepicker-trigger
{
	margin: 0 0 0 2px;
}

.calendarLabel
{
	padding:-3px 0 0 0;
}
/* = Tables = */

table.tbl-std
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	}
	table.tbl-std.auto
	{
		width: auto;
	}
	table.tbl-std.small
	{
		width: 75%;
	}
	
	table.tbl-std th,
	table.tbl-std td.th
	{
		background: #d5e7f1 url('../../gfx/Q8/background/bg-table-header.png') no-repeat -10px 0px;
		}
		table.tbl-std th.first,	table.tbl-std td.thfirst  { background-position: top left; }
		table.tbl-std th.last,	table.tbl-std td.thlast   { background-position: top right; }
	
	table.tbl-std th,
	table.tbl-std td
	{
		padding: 6px 10px;
		vertical-align: top;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	table.tbl-std td
	{
		font-size: .9em;
		background-color: #f2f2f2;
		padding: 7px 10px;
	}
	table.tbl-std tr.em td
	{
		font-weight: bold;
	}

/* = Forms = */

fieldset
{
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}
legend { display: none; }
label { vertical-align: middle;}

label.calendarLabel { font-size: 0.7em;}

/* General form styles */
input.formfield,
textarea.formarea,
select.formselect
{
	color: #666;
	border-width: 1px;
	border-style: solid;
	border-color: #d8d8d8 #edecec #edecec #d8d8d8;
	padding: 2px 0 2px 2px;
}
dl.formgrid input.formfield.small
{
	width: 20px;
}
select.formselect
{
	vertical-align: middle;
	padding: 1px;
}
input.formradio
{
	margin: 2px 5px 5px 0;
	vertical-align: middle;
}
.formradio label, .formradio input
{
	margin: -4px 5px 0 2px; 
	vertical-align: top;
}
.formradio input
{
	margin: 2px 5px 0 0;
}

.formcheckbox input,
input.formcheckbox
{
	margin: 2px 3px 5px 0;
	vertical-align: middle;
}

/* Form buttons */
.buttons
{
	float: left;
	}
	.iframe .buttons { float: right; }
	.buttons input
	{
		background: transparent;
		color: #818285;
		font-weight: bold;
		border: 0;
	}
	.buttons a
	{
		font-weight: bold;
		text-decoration: none;
		display: block;
	}
	
	/* Small button */
	.buttons .small input,
	.buttons .small a
	{
		font-size: .9em;
		padding: 2px 8px;
		margin-left: -8px;
		text-align: center;
		text-decoration: none !important;
	}
	.buttons .small a { padding: 2px 11px 1px; }
	.buttons .small input:hover { color: #dc281e; }
	.buttons .small
	{
		float: left;
		padding-left: 8px;
		background: url('../../gfx/Q8/background/bg-submit-small-left.png') no-repeat 0% 50%;
	}
	.buttons .small div
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-small-right.png') no-repeat 100% 50%;
	}
	/* Small button */
	.buttons .smallg input,
	.buttons .smallg a
	{
		font-size: .9em;
		padding: 2px 8px;
		margin-left: -8px;
		text-align: center;
		text-decoration: none !important;
	}
	.buttons .smallg a { padding: 2px 11px 1px; }
	.buttons .smallg input:hover { color: #dc281e; }
	.buttons .smallg
	{
		float: left;
		padding-left: 8px;
		background: url('../../gfx/Q8/background/bg-submit-small-left.png') no-repeat 0% 50%;
	}
	.buttons .smallg div
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-small-right.png') no-repeat 100% 50%;
	}
	
	/* Small button */
	.buttons .smallo input,
	.buttons .smallo a
	{
		color: #fff;
		font-size: .9em;
		padding: 2px 8px;
		margin-left: -8px;
		text-align: center;
		text-decoration: none !important;
	}
	.buttons .smallo a { padding: 2px 11px 1px; }
	.buttons .smallo input:hover { text-decoration: none; }
	.buttons .smallo
	{
		float: left;
		padding-left: 8px;
		background: url('../../gfx/Q8/background/bg-submit-small-orange-left.png') no-repeat 0% 50%;
	}
	.buttons .smallo div
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-smallo-right.png') no-repeat 100% 50%;
	}
	/* Medium button */
	.buttons .medium input,
	.buttons .medium a
	{
		color: #828282;
		font-size: 1.2em;
		padding: 9px 15px;
		margin-left: -15px;
		
	}
	.buttons .medium a { padding: 7px 15px; }
	.buttons .medium a:hover { color: #dc281e; text-decoration: none; }
	.buttons .medium
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-medium-left.gif') no-repeat 0% 50%;
		padding-left: 15px;
	}
	.buttons .medium div
	{
		background: url('../../gfx/Q8/background/bg-submit-medium-right.gif') no-repeat 100% 50%;
		float: left;
	}
	
	
	/* Medium button orange*/
	.buttons .mediumo input,
	.buttons .mediumo a
	{
		color: #fff;
		font-size: 1.2em;
		padding: 9px 15px;
		margin-left: -15px;
		
	}
	.buttons .mediumo a { padding: 7px 15px; }
	.buttons .mediumo a:hover { text-decoration: none; }
	.buttons .mediumo
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-medium-orange-left.png') no-repeat 0% 50%;
		padding-left: 10px;
	}
	.buttons .mediumo div
	{
		background: url('../../gfx/Q8/background/bg-submit-medium-orange-right.png') no-repeat 100% 50%;
		float: left;
	}
	
	/* Large button */
	.buttons .large input,
	.buttons .large a
	{
		color: #fff;
		font-size: 1.2em;
		padding: 10px 15px;
		margin-left: -15px;
	}
	.buttons .large a { padding: 12px 15px; }
	.buttons .large a:hover { text-decoration: none; }
	.buttons .large
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-large-left.png') no-repeat 0% 50%;
		padding-left: 15px;
	}
	.buttons .large div
	{
		background: url('../../gfx/Q8/background/bg-submit-large-right.png') no-repeat 100% 50%;
		float: left;
	}
	
	/* Large button with no shadow graphic*/
	.buttons .noShadow input,
	.buttons .noShadow a
	{
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 0 7px 5px;
		height: 31px;
		line-height: 29px;
		margin: 0;
		text-decoration: none;
		cursor: pointer;
	}
	.buttons .noShadow a:hover { text-decoration: none; }
	.buttons .noShadow
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-large-noshadow.png') no-repeat 100% -31px;
		padding: 0;
	}
	.buttons .noShadow div
	{
	    background: url('../../gfx/Q8/background/bg-submit-large-noshadow.png') no-repeat 0 0;
		float: left;
		margin-right: 4px;
	}

	/* Small button with no shadow graphic*/
	.buttons .noShadowSmall input,
	.buttons .noShadowSmall a
	{
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		padding: 0 6px 5px 10px;
		height: 22px;
		line-height: 20px;
		margin: 0;
		text-decoration: none;
		cursor: pointer;
	}
	.buttons .noShadowSmall a:hover { text-decoration: none; }
	.buttons .noShadowSmall
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-large-noshadowsmall.png') no-repeat 100% -21px;
		padding: 0;
	}
	.buttons .noShadowSmall div
	{
	    background: url('../../gfx/Q8/background/bg-submit-large-noshadowsmall.png') no-repeat 0 0;
		float: left;
		margin-right: 4px;
	}

	.buttons .oilButton input,
	.buttons .oilButton a
	{
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		padding: 6px 15px 10px;
		margin: 0;
		text-decoration: none;
		cursor: pointer;
	}
	.buttons .oilButton input { height: 40px; }
	.buttons .oilButton input::-moz-focus-inner { border: 0; }
	.buttons .oilButton a:hover { text-decoration: none; }
	.buttons .oilButton
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-submit-oilflow.png') no-repeat 0 0;
		margin-right: 16px;
	}
	.buttons .oilButton div
	{
	    background: url('../../gfx/Q8/background/bg-submit-oilflow.png') no-repeat 100% -40px;
		float: left;
		margin-right: -16px;
	}
	
	

/* = Typography = */

/* Headings */
h1
{
	margin: 0 0 15px 0;
	font-size: 1.55em;
	font-weight: bold;
	line-height: 1.2em;
	}
	h1.blue
	{
		color:#173664;
	}
	h1.title
	{
		position: absolute;
		left: 40px;
		top: 30px;
		z-index: 130;
	}
	h1 span.at {
		font-size: .6em;
		font-weight: normal;
	}
	
h2
{
	margin: 0 0 2px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
}
h2.orange
{
	color:#ea881b;
}

#content h2.manchet
{
    margin: -5px 0 10px 0;
    font-size: 1em;
}

h3
{
	margin: 0 0 2px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	}
	h3.header { margin: 0; }
	h3.header,
	h3.header span
	{
		background: #d5e7f1 url('../../gfx/Q8/background/bg-table-header.png') no-repeat top left;
	}
	h3.header span
	{
		font-size: .9em;
		margin-left: 10px;
		padding: 4px 10px 4px 0;
		display: block;
		background-position: top right;
	}
	h3.divider
	{
		margin-top: -15px;
		background-position: -10px top;
	}
	h3.divider span { background-position: -10px top; }

h4
{
	margin: 0 0 1px 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
}
h5
{
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
}
h6
{
	margin: 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.3em;
}

p 
{
	margin: 0 0 15px 0;
}
p.openhours {
	text-align: right;
	}
	p.openhours strong { float: left; font-weight: normal; }

p.disclaimer {
		margin-top: 20px;
		font-size: .85em;
		color: #aaa;
	}

a
{
	color: #828282;
	text-decoration: underline;
}
a:focus,
a:active,
a:hover
{
	color: #dc281e;
	text-decoration: underline;
}

/* = Image + image link border = */
a img { border: none; }
*:focus { outline: 0; }

span.Error
{
    clear: both;
    color: #c12a27;
    font-style: italic;
    font-size: 12px;
}

/* = Main layout = */

#container
{
	min-height: 100%;
}
body.sailBg #container
{
	background: url('../../gfx/Q8/background/bg-sail.jpg') no-repeat 50% 0%;
}
#container.iframe
{
	width: auto;
	margin: 0;
	padding: 0;
}

#inner
{
	padding: 0 0 20px;
}

#top
{
	font-size: 1.2em;
	background: url("../../gfx/Q8/background/bg-top.png") no-repeat 50% 0;
	height: 144px;
	position: relative;
	z-index: 10;
	}
	#top.nomenu
	{
		background: url("../../gfx/Q8/background/bg-top-nomenu.png") no-repeat 0 14px;
	}
	#banner
	{
		height: 116px;
		width: 950px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	
	#logo
	{
		float: left;
		padding: 13px 0 0 22px;
	}

	#serviceNav
	{
		float: right;
		padding: 0 5px 0 0;
		}
		#serviceNav ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			float: right;
		}
		#serviceNav ul li
		{
			display: inline;
		}
		#serviceNav ul li a
		{
			float: left;
			color: #fff;
			font-weight: bold;
			padding: 17px 12px 9px;
			text-decoration: none;
			background: url('../../gfx/Q8/navigation/nav-servicenav-selected.gif') 50% -50px no-repeat;
		}
		#serviceNav li a:hover,#serviceNav li a:active,#serviceNav li a:focus,
		#serviceNav li.selected a
		{
			color: #dc281e;
			background-position: 50% 0%;
		}
		#serviceNav li.selected a:hover,#serviceNav li.selected a:active,#serviceNav li.selected a:focus
		{
			text-decoration: underline;
		}


	#mainNav
	{
		font-size: 1.2em;
		}
		#mainNav ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			right: 0;
			bottom: -1px;
		}
		#mainNav ul li
		{
			float: left;
			margin: 0 5px;
		}
		#mainNav ul li a
		{
			float: left;
			padding-left: 5px;
			color: #c9c9c9;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
		}
		#mainNav ul li a span
		{
			display: block;
			padding: 7px 18px 13px 7px;
			position: relative;
			right: -5px;
		}
		#mainNav li a:hover,#mainNav li a:active,#mainNav li a:focus,
		#mainNav ul li.selected a
		{
			color: #dc281e;
		}
		#mainNav ul li.selected a,
		#mainNav ul li.selected a span
		{
			background: url('../../gfx/Q8/navigation/nav-mainnav-selected.png') no-repeat left top;
		}
		#mainNav ul li.selected a span
		{
			background-position: 100% 0;
		}
		#mainNav li.selected a:hover,#mainNav li.selected a:active,#mainNav li.selected a:focus
		{
			text-decoration: underline;
		}


	#subNav
	{
		width: 950px;
		margin: -2px auto 0;
		text-align: left;
		font-size: 1.2em;
		}
		#subNav ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: relative;
			top: -3px;
		}
		#subNav ul li
		{
			display: inline;
		}
		#subNav ul li a
		{
			float: left;
			padding: 3px 25px;
			color: #868686;
			text-decoration: none;
		}
		#subNav li a:hover,#subNav li a:active,#subNav li a:focus,
		#subNav ul li.selected a
		{
			color: #dc281e;
		}
		#subNav li.selected a:hover,#subNav li.selected a:active,#subNav li.selected a:focus
		{
			text-decoration: underline;
		}

	#top .search
	{
		float: right;
		padding: 14px 2px 0 0;
		width: 225px;
		}
		#top .search .formfieldSearch
		{
			float: left;
			width: 190px;
			background: url('../../gfx/Q8/background/bg-top-search.png') no-repeat left top;
		}
		#top .search .formfieldSearch input
		{
			width: 174px;
			border: 0;
			background: transparent;
			font-size: 11.5px;
			padding: 5px 8px;
		}
		#top .search .buttons
		{
			width: 35px;
		}
		#top .search .submitSearch
		{
			background: url('../../gfx/Q8/background/bg-top-search.png') no-repeat right top;
		}
		#top .search .submitSearch input
		{
			text-indent: -999em;
			position: relative;
			height: 25px;
			width: 35px;
			cursor: pointer;
		}
		

#main 
{
	position: relative;
	width: 950px;
	min-height: 605px;
	margin: 3px auto 0;
	text-align: left;
	}
	#container.iframe #main
	{
		margin: 0;
	}
	
	#left
	{
		font-size: 1.2em;
		float: left;
		width: 216px;
		padding-left: 4px;
		min-height: 400px;
		}
		#leftNav 
		{
			margin-bottom: 30px;
		}
		#leftNav h2
		{
			font-size: 1.2em;
			text-transform: uppercase;
			color: #818285;
			margin: 0 15px 6px;
		}
		#leftNav ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-bottom: 1px solid #e5e5e5;
		}
		#leftNav ul li
		{
			border-top: 1px solid #e5e5e5;
		}
		#leftNav ul ul
		{
			padding-left: 15px;
			margin-bottom: 5px;
			border-bottom: 0;
		}
		#leftNav ul ul li
		{
			border-top: 0;
		}
		#leftNav ul li a
		{
			display: block;
			color: #818285;
			padding: 6px 15px;
			text-decoration: none;
			background: url('../../gfx/Q8/navigation/nav-leftnav.png') no-repeat -10px 50%;
		}
		#leftNav ul ul li a
		{
			padding: 3px 15px;
		}
		#leftNav ul li a:hover,
		#leftNav ul li a:focus,
		#leftNav ul li.selected a.selected,
		#leftNav ul li.active a.active:hover,
		#leftNav ul li.active a.active:focus
		{
			background-position: -250px 50%;
			color: #dc281e;
		}
		#leftNav ul li.active a.active,
		#leftNav ul li.selected a.selected
		{
			font-weight: bold;
		}
		#leftNav ul li.active a.active
		{
			background-position: 0% 50%;
			color: #818285;
		}
		#leftNav ul li.selected a.selected:hover,
		#leftNav ul li.selected a.selected:focus
		{
			text-decoration: underline;
		}
	
	#content 
	{
		font-size: 1.3em;
		float: left;
		width: 460px;
		min-height: 400px;
		padding-left: 20px;
		}
		#content.front
		{
			width: 720px; /* Max content width is 700px */
			overflow: hidden;
			padding-left: 0;
			margin-top: 12px;
		}
		#content.wide
		{
			width: 706px;
		}
		#content.wideLeft
		{
		    width: 680px;
		    float: left;
		}
		#content.full
		{
			width: auto;
			float: none;
			padding-left: 0;
		}
		#content .boxes
		{
			width: 480px;
			margin-left: -5px;
		}
		#container.iframe #content
		{
			float: none;
			width: auto;
			padding: 5px 10px 0;
			min-height: 1px;
			text-align: left;
		}
	
	#tools
	{
		width: 707px;
		text-align: left;
		margin: 0 auto;
		min-height: 18px;
		font-size: .9em;
		text-transform: uppercase;
		padding-right: 243px;
		}
		#tools.wide { width: 950px;padding-right: 0; }
		#tools ul
		{
			list-style-type: none;
			float: right;
			margin: 0;
		}
		#tools ul li
		{
			float: left;
		}
		#tools ul li a
		{
			display: block;
			padding: 0 7px;
			text-decoration: none;
		}
		#tools ul li div.addthis_toolbox a
		{
			padding: 0 2px;
		}
		#tools ul li div.addthis_toolbox
		{
			white-space:nowrap;
			width:213px;
		}
		#tools ul li a img
		{
			float:left;
			margin-right: 10px;
		}
	
	#related 
	{
		font-size: 1.3em;
		float: right;
		width: 230px;
		}
		#related.front
		{
			margin-top: 12px;
		}

#topMultimedia
{
    margin-bottom: 19px;
    float: right;
    width: 705px;
    padding-right: 5px;
    }
    .heatingSection #topMultimedia
    {
        float: none;
        padding: 0;
        width: auto;
    }
    #topMultimedia img
    {
        display: block;
    }
    #topMultimedia .welcomeText
    {
        font-size: 14px;
        color: #3f3f3f;
        line-height: 1.2;
        padding: 8px 5px;
    }

ul.tabs {
		margin: 15px 0 0 0;
		padding: 0;
		list-style-type: none;
	}
	ul.tabs li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul.tabs li a {
		color: #818285;
		padding: 0 0 0 12px;
		background: url('/gfx/Q8/navigation/nav-leftnav.png') no-repeat 0 50%;
	}
	ul.tabs.inline {
		float: left;
	}
	ul.tabs.inline li {
		float: left;
		margin: 0 0 0 15px;
	}
/* Columns */

.columns 
{
	margin: 0 0 14px 0;
	}
	.columns .col 
	{
		float: left;
		background-repeat: no-repeat;
	}
	.columns.service .col { float: none; }
	#related .columns .col { float: none; }
	.columns .col img.image
	{
		position: relative;
		top: -5px;
		left: -5px;
		margin-bottom: -3px;
	}
	
	.columns.narrow .col
	{
		width: 160px;
		font-size: .9em;
		overflow: hidden;
		}
		.columns.narrow .col h4
		{
			color: #828282;
			margin-bottom: 3px;
		}
	.columns .col.single
	{
		width: 240px;
	}
	#related .columns .col
	{
		width: 230px;
		margin: 0 0 14px 0;
	}
	.columns .col.triple
	{
		width: 720px;
		float: none;
	}
	.columns .col.double
	{
		width: 480px;
	}
	.columns .col.double.advertisement 
	{
		background-position: 0 -2px;
	}
	.columns.narrow .col.double
	{
		width: 320px;
	}
	.columns.narrow .col.triple
	{
		width: 480px;
	}
	.columns.narrow.first .col.double,
	.columns.narrow.first .col.triple 
	{
		color: #fff;
		background-repeat: no-repeat;
		background-position: 1px 0;
		}
		.columns.narrow.first .col.double .content,
		.columns.narrow.first .col.triple .content,
		.teasers .col.image .content
		{
			padding: 10px 25px 10px 15px;
			background: none !important;
		}

	/* Box */
	.columns div.col.box
	{
		position: relative;
		background: url('../../gfx/Q8/background/bg-box-top.gif') no-repeat top left;
		}
		.columns div.col.box .content 
		{
			position: relative;
			padding: 10px 25px 25px 15px;
			background: url('../../gfx/Q8/background/bg-box-bottom.gif') no-repeat bottom left;
		}
		p.readMore
		{
			position: absolute;
			bottom: 10px;
			right: 25px;
			font-size: .85em;
			font-weight: bold;
			padding: 0;
			}
			#container.iframe p.readMore 
			{
				float: right;
				position: static;
			}
			p.readMore a
			{
				text-decoration: none;
			}
		
		#content.front .columns div.col.box .content
		{
			min-height: 124px;
		}
		.boxes .columns div.col.box .content
		{
			min-height: 134px;
		}
		.boxes .columns.narrow.first div.col.box .content
		{
			min-height: 262px;
			padding-bottom: 10px;
		}
		.boxes div.col.box.darkImage div.teaser,
		.boxes div.col.box.darkImage a,
		.boxes div.col.box.darkImage h1,
		.boxes div.col.box.darkImage h2,
		.boxes div.col.box.darkImage h4
		{
			color: #fff !important;
		}
		.boxes div.col.box.brightImage div.teaser,
		.boxes div.col.box.brightImage a,
		.boxes div.col.box.brightImage h1,
		.boxes div.col.box.brightImage h2,
		.boxes div.col.box.brightImage h4
		{
			color: #000 !important;
		}
		.boxes div.col.box h1 
		{
			font-size: 2.15em;
			margin: 0 0 10px;
		}
	
	/* Box Qvik to go */
	.columns div.col.box.quickToGo
	{
		position: relative;
		background-image: url('../../gfx/Q8/background/bg-box-qvik-to-go-top.png');
		}
		.columns div.col.box.quickToGo .content 
		{
			background-image: url('../../gfx/Q8/background/bg-box-qvik-to-go-bottom.png');
			padding-bottom: 35px;
			min-height: 106px;
		}
	
	/* Box in narrow column (section front) */
	.columns.narrow div.col.box
	{
		position: relative;
		background: url('../../gfx/Q8/background/bg-box-narrow-top.gif') no-repeat top left;
		}
		.columns.narrow div.col.box .content 
		{
			background: url('../../gfx/Q8/background/bg-box-narrow-bottom.gif') no-repeat bottom left;
		}
	
	/* Box in narrow column - double */
	.columns.narrow div.col.box.double
	{
		background: url('../../gfx/Q8/background/bg-box-narrow-double-top.gif') no-repeat top left;
		}
		.columns.narrow div.col.box.double .content 
		{
			background: url('../../gfx/Q8/background/bg-box-narrow-double-bottom.gif') no-repeat bottom left;
		}
		
	/* White box */
	.columns div.col.box.white
	{
		background-image: url('../../gfx/Q8/background/bg-box-top-white.png');
		}
		.columns div.col.box.white .content
		{
			background-image: url('../../gfx/Q8/background/bg-box-bottom-white.png');
		}
		
			
	/* Orange box */
	.columns div.col.box.orange
	{
		background-image: url('../../gfx/Q8/background/bg-box-orange-top.png');
		}
		
		.columns div.col.box.orange  div.teaser,
		.columns div.col.box.orange  h1,
		.columns div.col.box.orange  h2,
		.columns div.col.box.orange  h4
		{
			color: #fff;
		}
		.columns div.col.box.orange .content
		{
			padding-bottom: 10px;
			background-image: url('../../gfx/Q8/background/bg-box-orange-bottom.png');
		}
		.columns div.col.box.orange p,
		.columns div.col.box.orange a
		{
			color: #fff;
		}
		
		.columns div.col.box.orange a:hover,
		.columns div.col.box.orange a:active,
		.columns div.col.box.orange a:focus
		{
			color: #979797;
			text-decoration: underline  !important;
		}
		.columns div.col.box.orange ul li
		{
			list-style-image:  url('../../gfx/Q8/bullet/orange_list_style.png');
		}
		
	/* Blue box */
	.columns div.col.box.blue
	{
		background-image: url('../../gfx/Q8/background/bg-box-blue-top.png');
		}
		.columns div.col.box.blue  div.teaser,
		.columns div.col.box.blue  h1,
		.columns div.col.box.blue  h2,
		.columns div.col.box.blue  h4
		{
			color: #fff;
		}
		.columns div.col.box.blue .content
		{
			padding-bottom: 10px;
			background-image: url('../../gfx/Q8/background/bg-box-blue-bottom.png');
		}
		.columns div.col.box.blue p,
		.columns div.col.box.blue a
		{
			color: #fff;
		}
		
		.columns div.col.box.blue a:hover,
		.columns div.col.box.blue a:active,
		.columns div.col.box.blue a:focus
		{
			color: #366685;
			text-decoration: underline  !important;
		}	
		
		.columns div.col.box.blue ul li
		{
			list-style-image:  url('../../gfx/Q8/bullet/blue_list_style.png');
		}	
		
	/* Gray box */
	.columns div.col.box.gray
	{
		background-image: url('../../gfx/Q8/background/bg-box-gray-top.png');
		}
		.columns div.col.box.gray  div.teaser,
		.columns div.col.box.gray  h1,
		.columns div.col.box.gray  h2,
		.columns div.col.box.gray  h4
		{
			color: #052d3f;
		}
		.columns div.col.box.gray .content
		{
			padding-bottom: 10px;
			background-image: url('../../gfx/Q8/background/bg-box-gray-bottom.png');
		}
		.columns div.col.box.gray p,
		.columns div.col.box.gray a
		{
			color: #052d3f;
		}
		
		.columns div.col.box.gray a:hover,
		.columns div.col.box.gray a:active,
		.columns div.col.box.gray a:focus
		{
			color: #3d6c82;
			text-decoration: underline  !important;
		}	
		.columns div.col.box.gray ul li
		{
			list-style-image:  url('../../gfx/Q8/bullet/gray_list_style.png');
		}
	/* Black box */
	.columns div.col.box.black
	{
		background-image: url('../../gfx/Q8/background/bg-box-black-top.gif');
		}
		.columns div.col.box.black h2
		{
			color: #fff;
			text-transform: uppercase;
			font-size: 1.3em;
		}
		.columns div.col.box.black .content
		{
			padding-bottom: 10px;
			background-image: url('../../gfx/Q8/background/bg-box-black-bottom.gif');
		}
		.columns div.col.box.black p,
		.columns div.col.box.black a
		{
			color: #fff;
		}
	
	/* Flame box */
	.columns div.col.box.flames
	{
		background: url('../../gfx/Q8/background/bg-box-flames-bottom.gif') no-repeat bottom left;
		}
		.columns div.col.box.smoereolie h2,
		.columns div.col.box.flames h2,
		.columns div.col.box.erhtruck h2,
		.columns div.col.box.truck h2
		{
			font-size: 1.4em;
			padding: 0 0 10px;
		}
		.columns div.col.box.flames .content,
		.columns div.col.box.truck .content
		{
			background: url('../../gfx/Q8/background/bg-box-flames-top.gif') no-repeat top left;
			padding-bottom: 45px;
			min-height: 175px;
		}
		.columns div.col.box.smoereolie .content
		{
			background: url('../../gfx/Q8/background/bg-box-erh-shop-smoreolie-top.png') no-repeat top left;
			padding-bottom: 45px;
			min-height: 175px;
		}
		.columns div.col.box.erhtruck .content
		{
			background: url('../../gfx/Q8/background/bg-box-erh-shop-truck-top.png') no-repeat top left;
			padding-bottom: 45px;
			min-height: 175px;
		}
		.columns div.col.box.smoereolie p.readMore,
		.columns div.col.box.flames p.readMore,
		.columns div.col.box.erhtruck p.readMore,
		.columns div.col.box.truck p.readMore
		{
			color: #fff;
			float: left;
			padding: 0 0 0 10px;
			background: url('../../gfx/Q8/background/bg-submit-link-right.png') no-repeat 100% 50%;
		}
		.columns div.col.box.smoereolie p.readMore a,
		.columns div.col.box.flames p.readMore a,
		.columns div.col.box.erhtruck p.readMore a,
		.columns div.col.box.truck p.readMore a
		{
			font-size: 1.1em;
			padding: 6px 15px;
			margin-left: -20px;
			text-align: center;
			text-decoration: none !important;
			float: left;
			background: url('../../gfx/Q8/background/bg-submit-link-left.png') no-repeat 0% 50%;
		}
	
	/* Teasers boxes */
	.teasers .columns div.col.box .content { min-height: 245px; }
	.teasers .narrow div.col.box .content { min-height: 130px; }
	.teasers .small div.col.box .content { min-height: 105px; }
	.narrow img.right,
	.narrow img.left { padding-bottom: 5px; }
	
	/* Truck box */
	.columns div.col.box.truck { background: url('../../gfx/Q8/background/bg-box-truck-bottom.png') no-repeat bottom left; }
	.columns div.col.box.truck .content { background: url('../../gfx/Q8/background/bg-box-truck-top.png') no-repeat top left; }
	
	/* Smoereolie box */
	.columns div.col.box.smoereolie { background: url('../../gfx/Q8/background/bg-box-erh-shop-smoreolie.png') no-repeat bottom left; }
	.columns div.col.box.smoereolie .content { background: url('../../gfx/Q8/background/bg-box-erh-shop-smoreolie-top.png') no-repeat top left; }

	/* Erhverv Truck box */
	.columns div.col.box.erhtruck { background: url('../../gfx/Q8/background/bg-box-erh-shop-truck.png') no-repeat bottom left; }
	.columns div.col.box.erhtruck .content { background: url('../../gfx/Q8/background/bg-box-erh-shop-truck-top.png') no-repeat top left; }

	/* Customer box */
	.columns div.col.box.customer .content
	{
		padding-bottom: 10px;
		min-height: 77px;
	}
	.columns div.col.box.customer h2
	{
		font-size: 1.5em;
		padding: 7px 0 0;
		color: #828282;
	}
	.columns div.col.box.customer h3
	{
		font-size: 2em;
		line-height: 1em;
		color: #828282;
	}
	.columns div.col.box.customerBig .content
	{
		min-height: 140px;
		font-size: 13px;
	}
	
	.front .columns div.col.box.customer .content { min-height: 140px; }
	.front .columns div.col.box.customer h2 { padding: 0; }
		
	/* News */
	.columns div.col.news
	{
		height: 147px;
		position: relative;
		background: url('../../gfx/Q8/background/bg-box-news.gif') no-repeat top left;
		z-index: 10;
		}
		.columns div.col.news .content 
		{
			padding: 10px 25px 10px 15px;
		}
		.columns div.col.news .content h2.news { padding-bottom: 15px; }
		.columns div.col.news p.readMore { bottom: 25px; }
	
	/* Pylon */
	#related .columns div.col.pylon
	{
		margin-top: -41px;
		height: 329px;
		color: #fff;
		background: url('../../gfx/Q8/background/bg-pylon.png') no-repeat top left;
		}
		#related .columns div.col.pylon h2
		{
			margin: 10px 0 0;
			font-size: 1.0em;
		}
		#related .columns div.col.pylon .content
		{
			padding: 20px 35px 10px 15px;
		}

.heatingSection div.col.reduce
{
    font-size: 12px;
    line-height: 1.2;
    width: 230px;
    float: right;
    background: url('../../gfx/Q8/background/bg-box-top.gif') no-repeat top left;
    }
    .heatingSection div.col.reduce .content
    {
        min-height: 145px; 
		padding: 10px 25px 25px 15px;
		background: url('../../gfx/Q8/background/bg-box-bottom.gif') no-repeat bottom left;

    }
    .heatingSection div.col.reduce p
    {
        margin: 0;
    }
    .heatingSection div.col.reduce h2
    {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 1.1;
    }

/* Boxes */
div.teaser
{
	color: #a4a4a4;
	}
	div.teaser a
	{
		text-decoration: none !important;
	}
	div.teaser h2
	{
		font-size: 1.15em;
		margin: 0;
		font-weight: bold;
		color: #828282;
	}
	div.teaser h2.car, div.teaser h2.people, div.teaser h2.news,
	div.teaser h2.gas, div.teaser h2.shop,  div.teaser h2.shopbrun,div.teaser h2.speed,
	div.teaser h2.tank, div.teaser h2.oil, div.teaser h2.person,
	div.teaser h2.quick, div.teaser h2.denmark, div.teaser h2.card,
	div.teaser h2.mail, div.teaser h2.rss, div.teaser h2.klima,
	div.teaser h2.frog
	{
		padding: 15px 0 19px 48px;
		background-position: 0% 50%;
		background-repeat: no-repeat;
	}
	div.teaser h2.kort { background-image: url('../../gfx/Q8/bullet/teaser-kort.png'); }
	div.teaser h2.pin { background-image: url('../../gfx/Q8/bullet/teaser-pin.png'); }
	div.teaser h2.stjerne { background-image: url('../../gfx/Q8/bullet/teaser-stjerne.png'); }
	div.teaser h2.car { background-image: url('../../gfx/Q8/bullet/teaser-car.png'); }
	div.teaser h2.people { background-image: url('../../gfx/Q8/bullet/teaser-people.png'); }
	div.teaser h2.klima { background-image: url('/~/media/Q8/Icons/recycle.png'); }
	div.teaser h2.frog { background-image: url('/~/media/Q8/Icons/frog.png'); }
	div.teaser h2.news { background-image: url('../../gfx/Q8/bullet/teaser-news.png'); }
	div.teaser h2.gas { background-image: url('../../gfx/Q8/bullet/teaser-benzin.png'); }
	div.teaser h2.shop { background-image: url('../../gfx/Q8/bullet/teaser-shop.png'); }
	div.teaser h2.shopbrun { background-image: url('../../gfx/Q8/bullet/teaser-shopbrun.png'); }
	div.teaser h2.card { background-image: url('../../gfx/Q8/bullet/teaser-card.png'); }
	div.teaser h2.tank { background-image: url('../../gfx/Q8/bullet/teaser-tank.png'); }
	div.teaser h2.oil { background-image: url('../../gfx/Q8/bullet/teaser-oil.png'); background-position: 4px 50%; }
	div.teaser h2.quick { background-image: url('../../gfx/Q8/bullet/teaser-quick.png'); }
	div.teaser h2.denmark { background-image: url('../../gfx/Q8/bullet/teaser-denmark.png'); }
	div.teaser h2.mail { background-image: url('../../gfx/Q8/bullet/teaser-mail.png'); }
	div.teaser h2.rss { background-image: url('../../gfx/Q8/bullet/teaser-rss.png'); }
	div.teaser h2.person { background-image: url('../../gfx/Q8/bullet/teaser-person.png'); background-position: 4px 0; }
	div.teaser h2.speed
	{
		background-image: url('../../gfx/Q8/bullet/teaser-speed.png');
		background-position: 0% -4%;
		}
		div.teaser h2.speed span { color: #ec2028; }
	
	div.teaser p
	{
		margin: 0;
		padding-bottom: 5px;
	}
	div.teaser p.teaser-heading {
		margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold;
	}
	div.teaser h3.teaser-text {
		font-size: 1em; font-weight: normal;
	}

	div.teaser h3.phone 
	{
		font-size: 1.8em;
		font-weight: bold;
		padding: 0;
		margin: -15px 0 5px;
		color: #828282;
	}
	div.teaser h2.rss, div.teaser h2.klima, div.teaser h2.frog
	{
		font-size: 1.4em;
	}
	div.teaser div.image
	{
		margin: -4px 0 0 -4px;
	}
	div.teaser div.rightImage
	{
		/*border:1px solid #F00;*/
	}
	div.teaser span.image 
	{
		position: absolute;
		right: 5px;
		bottom: 5px;
		margin: 0;
		line-height: 0em;
	}
	
	div.teaser input.formfield
	{
		float: left;
	}
	div.teaser.rss h2
	{
		padding-bottom: 0;
		padding-left: 50px;
		min-height: 40px;
		font-size: 1.3em;
		background: url('../../gfx/Q8/icon/rss-feed.png') no-repeat 0 0;
		}
		div.teaser.rss h2 small
		{
			float: right;
			font-size: .65em;
		}
	

dl.pylon 
{
	float: right;
	clear: both;
	margin-bottom: 0;
	padding-left: 30px;
	}
	dl.pylon dt 
	{
		background-color: #359d7f;
		padding: 10px 8px 9px;
		margin: 20px 0 0;
		font-size: 1.8em;
		float: left;
		clear: left;
	}
	dl.pylon dt.diesel
	{
		background: none !important;
		font-size: 1em;
		padding: 10px 2px 10px 1px;
	}
	dl.pylon dd 
	{
		background: url('../../gfx/Q8/background/bg-pylon-frame.png') no-repeat 0% 0%;
		width: 92px;
		height: 36px;
		float: left;
		margin: 20px 0 0 8px;
		padding: 2px 0 0 2px;
	}
	dl.pylon dd span
	{
		background: url('../../gfx/Q8/background/bg-pylon-numbers.gif') no-repeat 0% 0%;
		width: 21px;
		height: 36px;
		float: left;
		text-indent: -999em;
	}
	dl.pylon dd span.nspace { background: none; }
	dl.pylon dd span.n0 { background-position: 0 0; }
	dl.pylon dd span.n1 { background-position: -21px 0; }
	dl.pylon dd span.n2 { background-position: -42px 0; }
	dl.pylon dd span.n3 { background-position: -63px 0; }
	dl.pylon dd span.n4 { background-position: -84px 0; }
	dl.pylon dd span.n5 { background-position: -105px 0; }
	dl.pylon dd span.n6 { background-position: -126px 0; }
	dl.pylon dd span.n7 { background-position: -147px 0; }
	dl.pylon dd span.n8 { background-position: -168px 0; }
	dl.pylon dd span.n9 { background-position: -189px 0; }
	dl.pylon dd span.ndot { background-position: -210px 0; width: 8px; }


div.advertisement
{
	height: 158px;
	position: relative;
	}
	div.advertisement .content
	{
		width: 170px;
		padding: 30px 0 5px 25px;
		float: left;
	}
	div.advertisement .content .buttons div.large
	{
		margin-bottom: 11px;
		float: right;
	}
	div.advertisement .content .buttons a
	{
		width: 134px;
		text-align: center;
	}
	
	div.advertisement .sail
	{
		width: 204px;
		height: 155px;
		float: right;
		padding: 7px 15px 0 55px;
		}
		div.advertisement .sail .col.box
		{
			background: none;
			width: 185px;
		}
		div.advertisement .sail .col.box .content { background: none; }
		div.advertisement .sail .col.box h2
		{
			color: #fff;
			text-transform: uppercase;
		}
		div.advertisement h2 a,
		div.advertisement .teaser
		{
			color: #fff;
		}
		
		div.advertisement .sail .col.box h2 a:hover,
		div.advertisement .sail .col.box h2 a:focus
		{
			color: #b5b5b5;
		}
		
		
		div.advertisement.brun .sail .col.box .content { background: none; }
		div.advertisement.brun .sail .col.box h2
		{
			color: #592e19;
			text-transform: uppercase;
		}
		div.advertisement.brun h2 a,
		div.advertisement.brun .teaser
		{
			color: #592e19;
		}
		div.advertisement.brun .sail .col.box h2 a:hover,
		div.advertisement.brun .sail .col.box h2 a:focus
		{
			color: #592e19;
			text-decoration : underline;
		}
		div.advertisement.red .sail { background: url('../../gfx/Q8/content/sail-red.png') no-repeat 0% 0%; }
		div.advertisement.white .sail { background: url('../../gfx/Q8/content/sail-white.png') no-repeat 0% 0%; }
		div.advertisement.brun .sail { background: url('../../gfx/Q8/content/sail-white.png') no-repeat 0% 0%; }
		
		div.advertisement .teaser.businessLeft
		{
			float: left;
			width: 170px;
			padding: 0 0 0 10px;
		}
		div.advertisement .teaser.businessLeft h2
		{
			width: 132px;
		}
		div.advertisement .sail.business .content .buttons { float: right; }
		div.advertisement .sail.business
		{
			padding-left: 0;
			width: 259px;
		}
		div.advertisement .sail.business .col.box,
		div.advertisement .sail.business .col.box .content
		{
			width: auto;
			float: none;
		}
		div.advertisement .sail.business .col.box .content
		{
			padding: 20px 5px 0 0;
		}
		div.advertisement .sail.business .content .buttons a
		{
			width: 180px;
			font-size: 1.1em;
		}


.products .col
{
	background: #f5f5f5 url('../../gfx/Q8/background/bg-box-top-triple.gif') no-repeat top left;
	margin-bottom: 20px;
	}
	.products .col .content 
	{
		background: url('../../gfx/Q8/background/bg-box-bottom-triple.gif') no-repeat bottom left;
	}
	.products .col .content strong
	{
		font-size: 1.1em;
	}
	.products .col .content a
	{
		padding: 10px 15px;
		display: block;
		text-decoration: none;
	}
	.products .col .content span
	{
		float: left;
		display: block;
		width: 105px;
		margin-right: 10px;
		text-align: center;
	}

.heatingSection
{
    color: #545454;
    padding-left: 20px;
    float: left;
    width: 705px;
    }
    .heatingSection a
    {
        color: #545454;
    }
    .heatingSection #content
    {
        padding: 0;
        font-size: 12px;
    }
    .heatingSection #related
    {
        font-size: 12px;
    }
    .heatingSection h2
    {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .heatingSection h3
    {
        font-size: 14px;
    }

.oilBox
{
    margin-bottom: 15px;
    }
    .oilBox .image
    {
        position: relative;
        z-index: 10;
    }
    .oilBox .text
    {
        background: url(/gfx/Q8/background/bg-oil-content.png) 0 bottom no-repeat;
        color: #fff;
        position: relative;
        z-index: 1;
        top: -10px;
        }
        .oilBox .text .content
        {
            padding: 20px 9px 10px 17px;
        }
    .oilBox .wizardButtons
    {
        margin: 0;
    }
    .oilBox h2
    {
        margin-bottom: 5px;
    }

.infoList,
.infoList dd
{
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.infoList
{
    padding-top: 10px;
}
.infoList dt
{
    font-size: 14px;
    margin-bottom: 10px;
}
.infoList dd.divider
{
    border-bottom: 1px dashed #b8b8b8;
    margin-bottom: 15px;
}

/* big box */
.bigBox
{
    position: relative;
    background: url(/gfx/Q8/background/bg-box-top-big.gif) no-repeat top left;
    width: 460px;
    float: left;
    margin-bottom: 20px;
    }
    .bigBox.oil
    {
        float: none;
    }
    .bigBox .content 
    {
        position: relative;
        padding: 10px 15px 15px;
        background: url(/gfx/Q8/background/bg-box-bottom-big.gif) no-repeat bottom left;
        line-height: 1.3;
        min-height: 155px;
        }
        .bigBox.oil .content
        {
            min-height: 0;
        }
    .heatingSection .bigBox h2
    {
        margin-bottom: 10px;
    }
    .bigBox p
    {
        font-size: 12px;
    }

.txtInput,
.txtInput span
{
    background: url('/gfx/Q8/background/bg-shop-input.png') 100% -21px no-repeat;
    height: 21px;
    float: left;
    }
    .txtInput
    {
        position: relative;
        z-index: 1;
        }
        .txtInput label
        {
            position: absolute;
            left: 9px;
            top: 4px;
            cursor: text;
            color: #999;
        }
    .txtInput.timefield
    {
        background-position: 100% -42px;
    }
    .txtInput span
    {
        
        display: block;
        background-position: 0 0;
        margin-right: 10px;
        padding: 3px 0 0 8px;
        }
        .txtInput.timefield span
        {
            margin-right: 14px;
        }
        .txtInput.timefield a.activate
        {
            position: absolute;
            right: 0;
            display: block;
            width: 15px;
            height: 21px;
        }
    .txtInput input
    {
        margin-right: -2px;
        border: 0;
        font-size: 12px;
        width: 224px;
        background: none;
        color: #545454;
        float: left;
        }
        .txtInput input.small
        {
            width: 27px;
            text-align: right;
        }
        .txtInput input.datepicker
        {
            width: 190px;
        }
        .txtInput.timefield input
        {
            width: 75px;
        }
        .txtInput img
        {
            right: -22px;
            top: 3px;
            position: absolute;
        }




/* = shop styles = */
.shopBox
{
    color: #545454;
}
.fields.heatingEmail
{
    padding-top: 10px;
}
.fields label span
{
    color: #c00;
}
.fields dt
{
    float: left;
    font-weight: normal;
}
.fields dd
{
    float: right;
    width: 240px;
    margin: 0;
    line-height: 1.2;
    }
    .fields.heatingEmail dd
    {
        width: auto;
    }
    .fields dd.checkbox
    {
        float: none;
        width: auto;
        border-top: 1px dashed #b8b8b8;
        padding-top: 7px;
        padding-left: 20px;
        position: relative;
        }
        .fields dd.checkbox input
        {
            margin: 0;
            padding: 0;
            position: absolute;
            left: 0;
            width: 13px;
            height: 13px;
        }
        .fields dd.checkbox p
        {
            margin: 0;
        }
        .fields dd.checkbox div
        {
            margin: 0 0 20px 0;
            }
    .fields dd.divider
    {
        clear: left;
        float: none;
        width: 100%;
        height: 20px;
    }
    .fields dd.error
    {
        clear: both;
        color: #c12a27;
        font-style: italic;
        font-size: 12px;
    }
    
            
        .fields dd.nonError 
        {
        	display:none;
        }
        .fields dd.nonError.error 
        {
        	display:block;
        }
        
        .fields .colon
        {
            float: left;
            margin: 0 6px;
        }

.notice
{
    font-style: italic;
    padding-left: 25px;
    color: #9f9f9f;
    line-height: 1.3;
    }
    .notice a
    {
        color: #9f9f9f;
    }
    .notice i
     {
     	color: #000000;
     }

#noIE6
{
    position: absolute;
    width: 100%;
    height: auto !important;
    height: 100%;
    background: url('/gfx/Q8/background/no-ie.png') 50% 0 no-repeat; 
    z-index: 9999;
    left: 0;
    top: 0;
    text-align: center;
    }
    #noIE6 .msgBox
    {
        position: absolute;
        top: 291px;
        margin-left: -201px; 
        left: 50%;
        width: 404px;
        padding-top: 65px;
        color: #636363;
        font-size: 12px;
    }
    #noIE6 p
    {
        margin: 0 0 10px;
        padding: 0;
    }
    #noIE6 a
    {
        color: #636363;
    }
    #noIE6 a.close
    {
        position: absolute;
        display: block;
        width: 28px;
        height: 28px;
        text-indent: -9999em;
        right: 0;
        top: 0;
    }
    #noIE6 h2
    {
        color: #000;
        font-size: 12px;
        margin: 0 0 5px;
        padding: 0;
    }

.steps,
.subSteps
{
    background: url('/gfx/Q8/background/bg-steps.png') 100% -31px no-repeat;
    height: 31px;
    line-height: 30px;
    color: #f1d3a1;
    text-align: center;
}
.steps
{
    margin-bottom: 9px;
}
.subSteps
{
    background-position: 0 0;
    margin-right: 8px;
    }
    .steps strong
    {
        color: #fff;
    }
    .steps span
    {
        margin: 0 15px;
        color: #fff;
    }

dl.selectedProducts,
dl.selectedProducts dd
{
    margin: 0;
    overflow: hidden;
}
dl.selectedProducts
{
    margin-bottom: 36px;
    padding-top: 5px;
    }
    dl.selectedProducts dd.divider
    {
        clear: both;
        padding-bottom: 20px;
        margin: 0;
        float: none;
        display: block;
        }
        dl.selectedProducts dd dd.divider
        {
            padding-bottom: 8px;
        }
    
    dl.selectedProducts dt
    {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 3px;
        font-size: 14px;
        margin-bottom: 7px;
        }
        dl.selectedProducts dt span
        {
            float: right;
            font-weight: normal;
            font-size: 12px;
        }
        dl.selectedProducts dd dt
        {
            font-size: 12px;
            font-weight: normal;
            border: 0;
            float: left;
            margin-bottom: 0;
        }
        dl.selectedProducts dd dd
        {
            float: right;
            margin-right: 85px;
            display: inline;
        }
        dl.selectedProducts ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 12px;
        }
        dl.selectedProducts li
        {
            margin-bottom: 10px;
        }

.yourInfo
{
    line-height: 1.3;
    }
    .yourInfo h4
    {
        font-size: 14px;
    }
    .yourInfo .leftCol
    {
        float: left;
        width: 250px;
        font-size: 12px;
    }
    .yourInfo .rightCol
    {
        float: right;
        width: 155px;
        font-size: 12px;
    }

dl.total
{
    border: solid #b2b2b2;
    border-width: 1px 0;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 37px;
    }
    dl.total.small
    {
        font-size: 12px;
        line-height: 31px;
        margin-top: -33px;
    }
    dl.total dt
    {
        float: left;
    }
    dl.total dd
    {
        margin: 0;
        float: right;
    }

.wizardButtons
{
    overflow: hidden;
    float: none;
    margin-bottom: 29px;
    }
    .bigBox .wizardButtons
    {
        margin: 0;
    }
    .wizardButtons a
    {
        float: left;
        color: #545454;
        text-decoration: underline;
        font-size: 12px;
        font-weight: normal;
    }
    .wizardButtons span
    {
        float: right;
        margin-right: 10px;
        line-height: 27px;
        display: inline;
    }
    .wizardButtons a:hover
    {
        text-decoration: none;
    }
    .wizardButtons .noShadow
    {
        float: right;
    }
    .submit.largeBlack
    {
        height: 43px;
        background: url(/gfx/Q8/background/bg-submit-large-black.png) 100% -43px;
        width: 100%;
        margin-bottom: 10px;
        }
        .submit.largeBlack div
        {
            background: url(/gfx/Q8/background/bg-submit-large-black.png) 0 0;
            margin-right: 4px;
            height: 43px;
        }
        .submit.largeBlack input
        {
            color: #fff;
            cursor: pointer;
            display: block;
            height: 43px;
            width: 100%;
            text-align: center;
            padding-bottom: 5px;
            background: none;
            border: 0;
            font-weight: bold;
            font-size: 20px;
        }
        
#contactsForm
{
    padding-bottom: 60px;
    }
    #contactsForm .wizardButtons
    {
        margin-bottom: 15px;
    }

.shopBox .info
{
    line-height: 1.2;
    }
    .shopBox .info h4
    {
        margin: 0 0 5px;
    }
    .shopBox .info p
    {
        font-size: 12px;
    }
    .shopBox .info li
    {
        margin-left: 20px;
    }
    .shopBox .info ul
    {
        margin: 0 0 15px;
        padding: 0;
    }
    .shopBox .info ol
    {
        margin: 0 0 15px;
        padding: 0;
    }

.productList dd
{
    margin: 0;
}

.productList h2,
.productList h2 a
{
    background: url(/gfx/Q8/background/bg-section-header.png) 100% -86px no-repeat;
    height: 43px;
    line-height: 43px;
}
.productList h2 a
{
    margin-right: 4px;
    background-position: 0 -43px;
    display: block;
    padding-left: 50px;
    color: #545454;
    text-decoration: none;
    }
    .productList h2.ui-state-active a
    {
        background-position: 0 0;
    }
.productList h2
{
    margin-bottom: 19px;
    font-size: 16px;
}
.productList h3
{
    background: url(/gfx/Q8/background/bg-dashed-line.png) 0 50% repeat-x;
    margin-bottom: 7px;
    }
    .productList h3 span
    {
        background: #fff;
        padding-right: 3px;
    }
.productList dd,
.productList dt
{
    float: right;
    width: 345px;
    font-size: 12px;
    line-height: 1.2;
    }
    .productList dt
    {
        margin-bottom: 5px;
        padding-top: 3px;
    }
    .productList dd.desc
    {
        margin-bottom: 15px;
    }
    .productList dd.image
    {
        width: 110px;
        float: left;
        margin-bottom: 7px;
        }
        .productList dd.image img
        {
            display: block;
        }
    .productList dd.choose
    {
        width: 100%;
    }
    .productList dd.price
    {
        font-weight: bold;
        margin-bottom: 5px;
    }
    .productList dd.divider
    {
        float: none;
        width: auto;
        clear: both;
        height: 19px;
    }

.productList .number,
.productList .subNumber
{
    background: url(/gfx/Q8/background/bg-input-number-box.png) 100% -31px no-repeat;
    height: 31px;
}
.productList .number 
{
    width: 218px;
    float: left;
    margin-right: 7px;
}
.productList .subNumber
{
    margin-right: 4px;
    background-position: 0 0;
}
.productList .number .txtInput
{
    float: right;
    margin-top: 5px;
    }
    .productList .number .txtInput input
    {
        width: 50px;
        text-align: right;
    }
    .productList .number .txtInput label
    {
        left: auto;
        right: 9px;
    }

.productList .changeAmountBtn
{
    width: 29px;
    height: 31px;
    background: url(/gfx/Q8/icon/icn-plus-minus.png) 0 0 no-repeat;
    float: left;
    text-indent: -9999em;
    }
    .productList .changeAmountBtn.minus
    {
        background-position: 0 -31px;
    }

.basket
{
    color: #fff;
    width: 221px;
    margin-left: 4px;
    }
    .basket .content
    {
        background: url(/gfx/Q8/background/bg-basket-top.png) 0 0 no-repeat;
    }
    .basket h2
    {
        font-size: 18px;
        padding: 13px;
    }
    .basket dd
    {
        margin: 0;
    }
    .basket dl.products
    {
        font-size: 12px;
        margin: 0 13px;
        }
        .basket dl.products dt,
        .basket dl.products dd
        {
            float: left;
            }
            .basket dl.products dd.price
            {
                float: right;
            }
            .basket dl.products dd.divider
            {
                float: none;
                clear: both;
                height: 15px;
            }
            
    .basket .total
    {
        font-size: 15px;
    /*    border: solid #90b6c8;*/
		border: solid #ae83ba;
        border-width: 1px 0 0;
        padding: 0 13px;
        line-height: 1.9;
        margin: 0;
        }
        .basket .total dt
        {
            font-weight: normal;
        }
    .basket .makeOrder
    {
        background: url(/gfx/Q8/background/bg-make-order.png) 0 0 no-repeat;
        line-height: 34px;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        padding: 0 10px 0 0; 
        }
        .basket .makeOrder a
        {
            color: #fff;
            text-decoration: none;
        }

#related .getReport
{
    background: url(/gfx/Q8/background/bg-get-report.png) 0 0 no-repeat;
    width: 220px;
    padding-top: 8px;
    margin-left: 9px;
    }
    #related .getReport a
    {
        display: block;
        padding-left: 30px;
        height: 55px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

.timepicker
{
    position: absolute;
    left: 5px;
    top: 25px;
    padding-top: 2px;
    background: url(/gfx/Q8/background/bg-timepicker-top.png) 0 0 no-repeat;
    width: 53px;
    display: none;
    }
    .timepicker ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        background: url(/gfx/Q8/background/bg-timepicker-bottom.png) 0 100% no-repeat;
        padding-bottom: 3px;
    }
    .timepicker li
    {
        margin: 0;
        background: url(/gfx/Q8/background/bg-timepicker-middle.png) 0 100% repeat-y;
        padding: 0 1px;
        vertical-align: middle;
    }
    .timepicker a
    {
        display: block;
        color: #545454;
        text-decoration: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 2px 8px;
    }
    .timepicker a:hover
    {
        background: #e5e5e5;
        color: #545454;
    }


/* =============================================== */
.sliderBox
{
    border-bottom: 1px #b8b8b8 dashed;
    padding: 0 0 12px;
    width: 450px;
    margin-bottom: 30px;
    position: relative;
    }
    .sliderBox.last
    {
        border: 0;
    }
    .sliderBox h3
    {
        font-size: 14px;
        line-height: 1;
        margin: 0;
    }
    .sliderBox p
    {
        margin-bottom: 6px;
    }
    .sliderBox .infoPopup
    {
        background: url(/gfx/Q8/slider/bg-popup.png) -236px bottom no-repeat;
        width: 236px;
        overflow: hidden;
        padding-bottom: 14px;
        color: #fff;
        position: absolute;
        z-index: 10;
        bottom: 70px;
        left: 50%;
        margin-left: -113px;
        display: none;
        /*opacity: 0;*/
    }
    .sliderBox .subInfoPopup
    {
        background: url(/gfx/Q8/slider/bg-popup.png) 0 0 no-repeat;
        padding: 10px 20px;
        font-size: 12px;
    }
    .sliderBox .infoPopup p
    {
        margin: 0;
    }
    
.sliderBox .slider
{
	background: url(/gfx/Q8/slider/bg-slider.gif) no-repeat 0 0;
	height: 20px;
	width: 450px;
	margin-left: 5px;
    }
    .sliderBox.four .slider
    {
        background-position: 0 -20px;
    }
    .sliderBox .slider .ui-slider-handle
    {
        text-indent:-9999em;
    }

ul.scale
{
	overflow: hidden;
	padding: 5px 0 0;
	margin: 0 0 0 5px;
	list-style: none;
	height: 23px;
	position: relative;
	width: 450px;
	}
	ul.scale li
	{
		display: block;
		float: left;
		text-transform: uppercase;
		text-align: center;
		border: 0;
		font-size: 12px;
		letter-spacing: -1px;
		font-weight: bold;
		color: #5f5f5f;
		position: absolute;
		white-space: nowrap;
	    }
	    .sliderBox.four ul.scale li
	    {
	    }
    ul.scale .lefter
    {
	    text-align: left;
    }
    ul.scale .righter
    {
	    text-align: right;
    }


/****  tube  ****/
#related .tubeBox
{
    right: -4px;
}
#related .tubeBox .content
{
    padding: 11px 10px 10px 26px;
}
#related .columns .greenTube
{
    margin-bottom: 25px;
}
.tubeBox .tube
{
    width: 50px;
    height: 205px;
    position: relative;
    overflow: hidden;
    background: url(/gfx/Q8/slider/tube-sprite.png) 0 0 no-repeat;
    float: left;
    }
    .tubeBox .tube .value
    {
        text-indent: -9999em;
    }
    .tubeBox .tube .light
    {
        background: url(/gfx/Q8/slider/tube-light.png) 0 0 no-repeat;
        width: 39px;
        height: 180px;
        position: absolute;
        left: 5px;
        top: 4px;
        z-index: 5;
    }
    .tubeBox .tube .top
    {
        background: url(/gfx/Q8/slider/tube-sprite.png) -100px 0 no-repeat;
        width: 50px;
        height: 20px;
        position: absolute;
        top: 0;
        z-index: 1;
        }
        .greenTube .tube .top
        {
            background-position: -100px -41px;
        }
        .tubeBox .tube.low .top,
        .tubeBox .tube.medium .top,
        .tubeBox .tube.high .top
        {
            background-position: -550px 0;
        }

    .tubeBox .tube .middle
    {
        background: url(/gfx/Q8/slider/tube-sprite.png) -50px 0 no-repeat;
        width: 50px;
        height: 164px;
        position: absolute;
        top: 20px;
        left: 0;
        z-index: 1;
        overflow: hidden;
        }
        .greenTube .tube .middle
        {
            background-position: -650px 0;
        }
        .tubeBox .tube.low .middle,
        .tubeBox .tube.medium .middle
        {
            background-position: 50px 0px;
            }
            .greenTube .tube.low .middle,
            .greenTube .tube.medium .middle
            {
                background-position: 50px 0px;
            }
        .tubeBox .tube.high .middle
        {
            background-position: -50px -8px;
            }
            .greenTube .tube.high .middle
            {
                background-position: -650px -8px;
            }
        
    .tubeBox .tube .bottom
    {
        background: url(/gfx/Q8/slider/tube-sprite.png) -100px -20px no-repeat;
        width: 50px;
        height: 21px;
        position: absolute;
        bottom: 0;
        z-index: 1;
        }
        .greenTube .tube .bottom
        {
            background-position: -100px -61px;
        }
        .tubeBox .tube.low .bottom
        {
            background-position: -550px -20px;
            }
            .greenTube .tube.low .bottom
            {
                background-position: -550px -61px;
            }
        .tubeBox .tube.medium .bottom
        {
            background-position: -100px -20px;
            }
            .greenTube .tube.medium .bottom
            {
                background-position: -100px -61px;
            }

ul.links
{
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 5px 0 50px;
    list-style: none;
    border-top: 1px #b8b8b8 dashed;
    }
    ul.links li
    {
        display: inline;
    }
    ul.links a
    {
        margin: 0 3px;
    }

.tubeBox .counter
{
    background: url(/gfx/Q8/slider/counter-sprite.png) 0 0 no-repeat;
    width: 114px;
    line-height: 28px;
    height: 28px;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 9px;
    margin-bottom: 10px;
    position: relative;
    }
    .tubeBox .counter.percent
    {
        background-position: 0 -28px;
        width: 89px;
    }
    .tubeBox .counter span.hint
    {
        position: absolute;
        left: 90px;
        top: 0;
        color: #545454;
        font-size: 12px;
        font-weight:normal;
        letter-spacing: 0;
        position: absolute;
        white-space: nowrap;
    }
    .tubeBox .counter em
    {
        font-size: 16px;
        font-style: normal;
        letter-spacing: 0;
        padding-right: 5px;
        margin-left: -12px;
        }
        .tubeBox .counter.weight em
        {
            margin-left: -15px;
        }
        .tubeBox .counter.percent em
        {
            margin-left: -14px;
        }
.tubeBox .economyInfo
{
    float: right;
    width: 136px;
    font-size: 12px;
    padding-top: 36px;
    }
    .tubeBox .economyInfo h4
    {
        font-size: 14px;
    }
    .tubeBox .economyInfo p
    {
        margin-bottom: 8px;
    }



/*============================================*/


.related 
{
	width: 225px;
	float: right;
	margin: 0 0 15px 15px;
	text-align: center;
	}
	.related img 
	{
		margin: 0 0 8px;
	}
	.related .buttons 
	{
		float: none;
		margin: 0 0 0 -3px;
	}
	.related .buttons a,
	.related .buttons input
	{
		width: 200px;
		text-align: center;
	}
	.related .buttons .large a,
	.related .buttons .large input
	{
		background: url('../../gfx/Q8/background/bg-submit-basket.png') no-repeat 4px 50%;
	}
	

/* Press releases */
.pressReleases
{
	}
	.pressReleases h3
	{
		margin: 0;
		}
		.pressReleases h3 a
		{
			text-decoration: none;
		}
	.pressReleases .pressItem
	{
		padding: 0 0 5px;
	}

/* Press images */
.pressImages
{
	margin-top: 20px;
	}
	.pressImages dl
	{
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	.pressImages dl.right
	{
		margin-right: 0;
	}
	.pressImages dd
	{
		margin: 5px 0;
		font-size: .9em;
		line-height: 1.2em;
	}
		.pressImages dd a
		{
			font-size: .9em;
			text-decoration: none;
		}

/* Press the board */
.pressBoard
{
	margin-top: 20px;
	}
	.pressBoard dl
	{
		float: left;
		width: 140px;
		margin-right: 20px;
	}
	.pressBoard dl.right
	{
		margin-right: 0;
	}
	.pressBoard dd
	{
		margin: 5px 0;
		font-size: .85em;
		line-height: 1.2em;
	}
		.pressBoard dd .title
		{
			font-size: .95em;
		}
		.pressBoard dd a
		{
			font-size: .9em;
			text-decoration: none;
		}



/* Paging */
ul.paging 
{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	ul.paging li
	{
		float: left;
		padding: 0;
		border-left: 1px solid #c9c9c9;
	}
	ul.paging li a,
	ul.paging li strong,
	ul.paging li.hellip
	{
		display: block;
		text-decoration: none;
		padding: 0 10px;
	}
	ul.paging li.previous a
	{
		height: 18px;
		width: 13px;
		padding: 0;
		background: url('../../gfx/Q8/bullet/bullet-paging-previous.png') no-repeat 0 50%;
	}
	ul.paging li.next a
	{
		height: 18px;
		width: 13px;
		padding: 0;
		background: url('../../gfx/Q8/bullet/bullet-paging-next.png') no-repeat 100% 50%;
	}
	ul.paging li.next,
	ul.paging li.previous,
	ul.paging li.first,
	ul.paging li.all
	{
		border: 0;
	}
	ul.paging li span { display: none; }
	ul.paging li.selected 
	{
		color: #dc281e;
	}
	ul.paging li.all
	{
		float: right;
	}

dl.formgrid
{
	background-color: #f2f2f2;
	font-size: .9em;
	}
	dl.formgrid dt,
	dl.formgrid dd
	{
		margin: 0;
		padding: 5px 10px;
		float: left;
		line-height: 1.7em;
	}
	dl.formgrid dt
	{
		clear: both;
		width: 90px;
	}
	dl.formgrid dd
	{
		width: 275px;
	}
	
	dl.formgrid dt.wide
	{
		clear: both;
		width: 200px;
	}
	dl.formgrid dd.divider
	{
		min-height: 0;
		float: none;
		clear: both;
		width: auto;
		padding: 0;
		border-bottom: 1px solid #fff;
	}
	dl.formgrid .full,
	dl.formgrid .text
	{
		width: auto;
		float: none;
		clear: both;
	}
	dl.formgrid .full { padding: 0; }
	dl.formgrid dt.text { padding-bottom: 0; }
	dl.formgrid dd.text { padding-top: 0; }
	dl.formgrid dl
	{
		float: left;
		width: 50%;
		margin: 0;
		}
		dl.formgrid .triple dl
		{
			float: left;
			width: 153px;
			margin: 0;
		}
		dl.formgrid dl dt
		{
			padding-bottom: 0;
		}
		dl.formgrid dl dt,
		dl.formgrid dl dd
		{
			width: auto;
			float: none;
		}
	
	dl.formgrid input.formfield { width: 270px; }
	dl.formgrid textarea.formarea { width: 270px; height: 50px; }
	dl.formgrid select.formselect { width: 274px; }
	
	dl.formgrid dt.error
	{
		padding-left: 40px;
		background: url(../../gfx/Q8/background/bg-form-error.png) no-repeat 0% 50%;
	}
	
	dl.formgrid ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	dl.formgrid .buttons .submit.small
	{
		float: right;
	}
	dl.formgrid .buttons .small input,
	dl.formgrid .buttons .small a
	{
		font-size: 1em;
	}

.sendToFriend {}
	.sendToFriend .left
	{
		float: left;
		clear: both;
		width: 33%;
		/*padding-right: 15px;*/
	}
	.sendToFriend .right
	{
		width: 62%;
		float: right;
	}
	.sendToFriend input.formfield { width: 131px; }
	.sendToFriend textarea.formarea { width: 100%; height: 90px }
	.sendToFriend input.formfield,
	.sendToFriend textarea.formarea
	{
		color: #000;
	}
	.sendToFriend .field,
	.sendToFriend .right
	{
		padding: 0 0 15px
	}

dl.summary
{
	color: #dc281e;
	background: url(../../gfx/Q8/background/bg-form-error.png) no-repeat 0% -88px;
	}
	dl.summary dt
	{
		padding: 3px 0 3px 30px;
	}
	dl.summary dd
	{
		margin-left: 30px;
	}

#pageNotFound 
{
	min-height: 351px;
	background: url(../../gfx/Q8/background/bg-404.png) no-repeat top center;
	padding: 43px 455px 0 58px;
	font-size: 1.9em;
	line-height: 1.2em;
	color: #a4a4a4;
	margin: 10px 0 0;
	}
	#pageNotFound p
	{
		font-weight: bold;
		margin: 0 0 10px;
	}
	#pageNotFound a
	{
		text-decoration: none;
		color: #a4a4a4;
	}
	#pageNotFound a:hover,#pageNotFound a:active,#pageNotFound a:focus
	{
		color: #dc281e;
	}
	#pageNotFound h1 
	{
		color: #828282;
		font-size: 1.4em;
		margin: 0 0 38px;
	}
	#pageNotFound ul
	{
		list-style: none;
		padding: 0;
	}
	#pageNotFound ul li
	{
		margin: 0;
	}
	#pageNotFound ul li a
	{
		padding: 0 0 0 20px;
		background: url(../../gfx/Q8/bullet/bullet-404.png) no-repeat 3px 50%;
	}
	#pageNotFound ul li a:hover,
	#pageNotFound ul li a:active,
	#pageNotFound ul li a:focus
	{
		background-image: url(../../gfx/Q8/bullet/bullet-404-hover.png);
	}

#footer 
{
	background: url(../../gfx/Q8/background/bg-footer-gradient.png) repeat-x top left;
	font-size: 1.1em;
	color: #a4a4a4;
	margin: 20px auto 0;
	padding: 6px 0 5px;
	}
	#footer .footerWrapper
	{
		background: url(../../gfx/Q8/background/bg-footer-gradient.png) repeat-x top left;
	}
	#footer .footerInnerWrapper
	{
		width: 942px;
		text-align: left;
		margin: 0 auto;
		padding: 12px 0 0;
	}
	
	#footer dl 
	{
		float: left;
		margin: 0;
		}
		#footer dl dt
		{
			font-weight: normal;
		}
		#footer dl dt,
		#footer dl dd 
		{
			float: left;
			margin: 0;
		}
		#footer dl dd
		{
			margin: 0 0 0 65px;
		}
	
	#footer dl.cards 
	{
		float: right;
		}
		#footer dl.cards dd
		{
			margin: 0 0 0 7px;
		}
		#footer dl.cards dd img
		{
			display: block;
		}
    		
  #footer-index {
		text-align: left;
		margin: 0 auto;
		width: 942px;
		padding: 10px 0 20px;
	}
	#footer-index ul {
		float: left;
		width: 220px;
		margin: 0 20px 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
	}
	#footer-index ul.colfirst { width: 200px; }
	#footer-index ul.colforth { margin-right: 0; }
	#footer-index ul.colsecond { margin-top: 1.9em; }
	#footer-index ul li {
		margin: 0;
		padding: 0;
	}
	#footer-index ul li a {
		padding: 2px 0 2px 15px;
		color: #aaa;
	}
	#footer-index ul li h4 {
		margin: 0;
		padding: 2px 0 2px 15px;
		font-size: 1.1em;
		color: #000;
		font-weight: bold;
		background: url('../../gfx/Q8/navigation/nav-leftnav.png') no-repeat 0 50%;
	}
	#footer-index ul li h4 a {
		color: #000;
		padding: 0;
		text-decoration: none;
	}
	#footer-index ul li a:focus,
	#footer-index ul li a:active,
	#footer-index ul li a:hover
	{
		color: #999;
		text-decoration: underline;
		background-position: -250px 50%;
	}
	#footer-index ul li h4 a:focus,
	#footer-index ul li h4 a:active,
	#footer-index ul li h4 a:hover
	{
		color: #dc281e;
	}


/* = Content elements = */

img.right
{
	float: right;
	padding: 0 0 15px 15px;
}
img.left
{
	float: left;
	padding: 0 15px 15px 0;
}
img.corners
{
	margin: -2px -5px -6px -3px;
}


/* = Bullet types = */

ul.arrow
{
	list-style-type: none;
	clear: both;
	padding: 15px 0 0 0;
	margin: 0;
	}
	ul.arrow li
	{
		margin: 0;
	}
	ul.arrow li.left 
	{
		padding: 3px 15px 3px 0;
		display: block;
		text-align: left;
		background: url('../../gfx/Q8/bullet/arrow-white-blue.gif') no-repeat 100% 50%;
		text-decoration: none;
	}
	ul.arrow li a
	{
		color: #fff;
		padding: 3px 15px 3px 0;
		display: block;
		text-align: right;
		background: url('../../gfx/Q8/bullet/arrow-white-blue.gif') no-repeat 100% 50%;
		text-decoration: none;
		
	}
	ul.arrow li a:hover, ul.arrow li a:active, ul.arrow li a:focus
	{
		text-decoration: underline;
	}

ol.note
{
	list-style-type: none;
}

a.submitGrey
{
	background:	url('../../gfx/Q8/background/bg-submit-small-100.png') no-repeat top left;
	color:#828282;
	display:block;
	height:22px;
	padding:2px 0px 0px 0px;
	text-align:center;
	width:100px;
}

a.submitOrange
{
	background:	url('../../gfx/Q8/background/bg-submit-smallo-100.png') no-repeat top left;
	color:#FFF;
	display:block;
	height:22px;
	padding:2px 0px 0px 0px;
	text-align:center;
	width:100px;
}
a.addthis_button
{
	margin-right: -10px;
}

/* Google Maps */
div.google_map {
	width: 706px;
	height: 350px;
	margin: 0 0 20px 0;
	}
	div.google_map.small {
		width: 460px;
		height: 250px;
	}

/* Vis station */
p.guide {
	margin: 0 0 3px 0;
	font-size: .9em;
	color: #aaa;
	font-weight: bold;
}
p.error,
p.error span
{
	font-weight: bold;
	color: #dc281e !important;
}

em.error 
{
	font-weight: bold;
	color: #dc281e;
}
#station-search {
	}
	#station-search input.formfield {
		float: left;
		width: 390px;
		padding: 6px 2px;
		margin: 2px 10px 5px 0;
		font-size: 1.4em
	}
	
#station-search-filter {
	margin: 5px 0 20px 0;
	}
	#station-search-filter label {
		margin-right: 10px;
	}

#station-search-result {
	padding: 0;
	border-top: 1px solid #ccc;
	}
	#station-search-result p {
		margin: 0 0 5px 0;
	}
	#station-search-result dl {
		padding: 0 0 15px 0;
		border-bottom: 1px solid #ccc;
	}
	#station-search-result dl dt {
		margin: 15px 0 0 0;
		padding: 15px 0 20px 45px;
		font-size: 1.4em;
		line-height: 1.3em;
		border-top: 1px solid #ccc;
		/*background: url('../../gfx/Q8/bullet/teaser-benzin.png') no-repeat 0 15px;*/
	}
	#station-search-result dl dt.q8 { background: url('../../gfx/Q8/icon/icon_q8.png') no-repeat 0 70%; }
	#station-search-result dl dt.f24 { background: url('../../gfx/Q8/icon/icon_f24.png') no-repeat 0 70%; }
	#station-search-result dl dt.first {
		margin: 0;
		border: none;
	}
	#station-search-result dl dd {
		margin: 0 0 0 45px;
	}
	#station-search-result dl dd {
		margin: -20px 0 0 45px;
	}
	#station-search-result dl dd.features {
		float: right;
		width: 400px;
		margin: -40px 0 0 0;
	}
	
ul.features {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	}
	ul.features li {
		float: left;
		margin: 0 20px 0 0;
		padding: 10px 0 10px 40px;
		color: #333;
		font-weight: bold;
		line-height: 1.2em;
	}
	ul.features li span { display: block; font-size: .85em; font-weight: normal; }
	ul.features li.twentyfour { background: url('../../gfx/Q8/icon/icn-services-24h.png') no-repeat 0 2px;}
	ul.features li.bakeoff { background: url('../../gfx/Q8/icon/icn-services-bakeoff.png') no-repeat 0 2px; padding-left: 50px; }
	ul.features li.wash { background: url('../../gfx/Q8/icon/icn-services-wash.png') no-repeat 0 1px; padding-left: 50px; margin-right: 0; }

ul.oktan {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	}
	ul.oktan li {
		padding: 6px 0 6px 35px;
	}
	ul.oktan li.oktan92 {
		background: url('../../gfx/Q8/icon/icn-oktan-92.png') no-repeat 0 50%;
	}
	ul.oktan li.oktan95 {
		background: url('../../gfx/Q8/icon/icn-oktan-95.png') no-repeat 0 50%;
	}
	ul.oktan li.oktan98 {
		background: url('../../gfx/Q8/icon/icn-oktan-98.png') no-repeat 0 50%;
	}
	ul.oktan li.diesel {
		background: url('../../gfx/Q8/icon/icn-oktan-diesel.png') no-repeat 0 50%;
	}
	ul.oktan li.dynamic {
		text-indent: -999em;
		background: url('../../gfx/Q8/icon/inc-oktan-dynamic.png') no-repeat 0 50%;
	}


ul.services {
	float: right;
	width: 200px;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	}
	ul.services li {
		color: #666;
		padding: 2px 0 2px 15px;
		background: url('../../gfx/Q8/icon/icn-checkmark.gif') no-repeat 0 45%;
	}
	ul.services li.no {
		color: #aaa;
		background: none;
	}

ol.note
{
	list-style-type: none;
}

/* Google Maps */
div.google_map {
	width: 706px;
	height: 350px;
	margin: 0 0 20px 0;
	}
	div.google_map.small {
		width: 460px;
		height: 250px;
	}

/* Page Video */
div.pagevideo
{
	clear:both;
	float:none;
	margin-bottom:15px;
}
div.pagevideo object,
div.pagevideo object embed
{
	clear:both;
	float:none;
}

/* Content field with no left menu */

div#content.noleft
{
	width:680px;
}

.none
{
    display:none;
}

.submit.noShadow input
{
    cursor:pointer;
}


/* IDS */
dl.ids
{
	border-top:1px solid #F8F8F8;
}
dl.ids dt
{
	background: url('../../gfx/Q8/ids/bg.png') no-repeat bottom left;
	clear:		both;
	display:	block;
	float:		left;
	height:		100%;
	margin:		0px;
	padding:	2px 0 0 0;
	width:		50px;
}
dl.ids dd
{
	background:	url('../../gfx/Q8/ids/bg.png') no-repeat bottom right;
	color:		#828282;
	display:	block;
	float:		left;
	line-height:1.2em;
	margin:		0px;
	padding:	2px 0 0 0;
	width:		410px;
}
dl.ids dd h3
{
	font-size:	1.6em;
	margin:		0px;
}
dl.ids dt span
{
	display:block;
	height:50px;
	margin-top:5px;
	width:50px;
}
dl.ids dt.sikkerhed span    {background: url('../../gfx/Q8/ids/lock.png') no-repeat top left;}
dl.ids dt.online span       {background: url('../../gfx/Q8/ids/signal.png') no-repeat top left;}
dl.ids dt.kundeservice span {background: url('../../gfx/Q8/ids/qa.png') no-repeat top left;}
dl.ids dt.eu span           {background: url('../../gfx/Q8/ids/eu.png') no-repeat top left;}
dl.ids dt.sparegris span    {background: url('../../gfx/Q8/ids/piggybank.png') no-repeat top left;}
dl.ids dt.oliekilde span    {background: url('../../gfx/Q8/ids/oilwell.png') no-repeat top left;}
dl.ids dt.pistol span       {background: url('../../gfx/Q8/ids/pistol.png') no-repeat top left;}
dl.ids dt.dollar span		{background: url('../../gfx/Q8/ids/dollar.png') no-repeat top left;}
dl.ids dt.phone span		{background: url('../../gfx/Q8/ids/phone.png') no-repeat top left;}
dl.ids dt.map span			{background: url('../../gfx/Q8/ids/map.png') no-repeat top left;}

div.rightbox {
    background: url("../../gfx/Q8/background/bg-box-shopflow-top.png") no-repeat scroll 0 0 transparent;
    position: relative;
    top: 0;
    width: 223px;
}
.chatfield
{
	float: right;
	width: auto;
	padding-left: 10px;
	margin-right: 10px;
	}
	.chatfield div
	{
		margin-right: -10px;
	}
	.chatfield img
	{
	    padding-top: 33px;
	    padding-right: 50px;
	}
div.rightbox div.bottom {
	background: url("../../gfx/Q8/background/bg-box-shopflow-bottom.png") no-repeat scroll 0 100% transparent;
	padding: 10px 0;
}
.rightbox .formfieldRound
{
	width: 165px;
	float: none;
	margin: 0 0 9px;
}
.rightbox .content {
    background: url("../../gfx/Q8/background/bg-box-shopflow-middle.png") repeat-y scroll 0 0 transparent;
    color: #002157;
    min-height: 330px;
    padding: 2px 15px 0;
}
.rightbox h2
{
    font-size: 20px;
    margin: 0 0 17px;
}
.rightbox hr {
    background-color: #FF0;
    border: 1px solid red;
    color: #000;
    height: 2px;
    margin: 0 0 10px;
    padding: 0;
}
.rightbox .divider
{
	border-top:1px solid #ACABA9;
	border-bottom:1px solid #FBFBFB;
	margin-bottom:8px;
}
.rightbox h3
{
	margin-bottom:8px;
}
.rightbox label
{
	clear:both;
	display:block;
	font-weight:bold;
}
.rightbox span.error
{
	display:block;
	margin: 0 0 16px;
	font-size: 11px;
	position:relative;
	top:-10px;
}
.rightbox .buttons {
    clear:both;
}

.rightbox .buttons .buttonInnerWrapper,
.formGradientFooter .buttons .buttonInnerWrapper
{
    background: url("../../gfx/Q8/background/bg-oil-button-wrapper.png") no-repeat scroll 100% 0 transparent;
    padding: 3px 3px 0 0;
}
.rightbox .buttons .buttonWrapper,
.formGradientFooter .buttons .buttonWrapper,
.lightboxWindow .buttons .buttonWrapper
{
    background: url("../../gfx/Q8/background/bg-oil-button-wrapper.png") no-repeat scroll 0 0 transparent;
    float: left;
    left: 50%;
    padding-left: 3px;
    position: relative;
}	
/* Oil shop flow */

.oilLogin
{
	position: absolute;
	z-index: 9;
	right: 0;
	top: -10px;
	width: 225px;
	background: url('../../gfx/Q8/background/bg-login.png') no-repeat 0% 100%;
	}
	.oilLogin a.openLogin,
	.oilLogin input.submitBlank
	{
		color: #fff;
		display: block;
		padding: 7px 20px 8px;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		text-decoration: none;
		background: url('../../gfx/Q8/background/bg-login-arrows.png') no-repeat 50% 13px;
		}
		.oilLogin input.submitBlank
		{
			background-position: 50% -139px;
			border: 0;
			padding: 7px 0 10px;
			width: 100%;
		}
		.oilLogin input.submitBlank::-moz-focus-inner { border: 0; }
		.oilLogin a.openLogin:hover,
		.oilLogin input.submitBlank:hover
		{
			color: #00293b;
			background-position: 50% -37px;
		}
		.oilLogin input.submitBlank:hover
		{
			background-position: 50% -89px;
		}
	.oilLogin .content
	{
		padding: 0px 20px 20px;
	}
	.oilLogin p { clear: both; }
	.oilLogin p,
	.oilLogin span.error
	{
		margin: 0 0 16px;
		font-size: 11px;
		line-height: 11px;
	}
	.oilLogin p.or
	{
		margin: 0 0 10px;
	}
	.oilLogin span.error
	{
		color: #dc281e !important;
		font-weight: bold;
		display: block;
        overflow: hidden;
	}
	.oilLogin p.header
	{
		float: left;
		margin: 14px 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
	}
	.oilLogin p.forgot
	{
		text-align: right;
		margin: 15px 0 -5px 0;
		}
		.oilLogin p.forgot a
		{
			color: #00293d;
		}
	.oilLogin .formfieldRound
	{
		clear: both;
		width: 165px;
		float: none;
		margin: 0 0 9px;
	}
	.oilLogin .formfieldRound input
	{
		width: 165px;
		font-size: 11px;
		padding: 4px 10px;
	}
	
	.oilLogin div.loginWrapper,
	.oilLogin input.submitBlank
	{
		display: none;
	}
	.oilLogin a.close
	{
		margin: 14px 0 5px;
		float: right;
		width: 21px;
		height: 21px;
		display: block;
		background: url('../../gfx/Q8/background/bg-login-close.png') no-repeat 0 0;
		}

.fakeInput
{
	display: block;
	position: absolute;
	z-index: 10;
	font-size: 11px;
	left: 0;
	top: 0;
	bottom: 0;
	right: -9px;
	padding: 2px 11px;
	color: #828282;
	cursor: text;
}

.oilIntro
{
	width: 670px;
	min-height: 150px;
	float: left;
	padding: 35px 0 0 7px;
	font-size: 15px;
	}
	.oilIntro h1
	{
		font-size: 20px;
	}
	.oilIntro h1.loggedIn
	{
		color: #006681;
	}
	.oilIntro img
	{
		float: left;
		margin: 0 20px 20px 0;
	}

    .splash
	{
	    position: absolute;
	    top: 30px;
	    right: 120px;
	    color: #fff;
	    width: 147px;
	    height: 147px;
	    }
	    .splash.small
	    {
    	    width: 116px;
    	    height: 116px;
	    }
	    .splash .lines
	    {
	        font-family: "Arial Bold";
	        text-align: center;
	        width: 100px;
	        position: absolute;
	        top: 45px;
	        left: 92px;
	    }
	    .splash .line1
	    {
	        font-size: 18px;
	    }
	    .splash .line2
	    {
	        margin-top: 10px;
	        font-size: 30px;
	    }
	    
	    .splash .orange
	    {
	        background: orange;
	    }
	    
.logOut
{
	float: right;
	clear: right;
	margin: -5px 7px 0 0;
	}
	.oilFlowCalculate .logOut
	{
		position: absolute;
		right: 7px;
		top: -5px;
		margin: 0;
	}
	.logOut a
	{
		text-decoration: none;
		font-size: 11px;
		color: #006c88;
	}
	.logOut a:hover
	{
		color: #000;
	}
	#related .logOut
	{
		top: -21px;
	}
	


.oilHistory
{
	/*background: url('../../gfx/Q8/background/bg-oil-orderhistory.png') no-repeat 0 0;*/
	background: url('../../gfx/Q8/background/bg-oil-orderhistory2.png') no-repeat 0 0;
	width: 191px;
	height: 130px;
	padding: 8px 15px 0;
	clear: right;
	float: right;
	color: #fff;
	margin: 3px 7px 0 0;
	font-size: 11px;
	line-height: 15px;
	position: relative;
	}
	.oilHistory h2
	{
		color: #fff;
		font-size: 20px;
		/*margin: 0 0 17px;*/
		margin: 0 0 24px;
	}
	.oilHistory dl
	{
		position: absolute;
		bottom: 0;
		left: auto;
		width: 191px;
		margin: 0 0 10px;
		}
		.oilHistory dl dt
		{
			float: left;
			clear: both;
			width: 105px;
		}
		.oilHistory dl dt.full
		{
			width: 100%;
			height: 32px;
			line-height: 12px;
		}
		.oilHistory dl dd
		{
			float: left;
			width: 86px;
			margin: 0;
			text-align: right;
			font-weight: bold;
		}
	#related .oilHistory
	{
		float: none;
		margin: 0 0 10px 2px;
	}
	#related.loggedIn
	{
		top: 16px;
	}

.oilFlow
{
	clear: both;
	position: relative;
	height: 295px;
	padding: 2px 7px 0;
	margin: 0 0 60px;
	background: url('../../gfx/Q8/background/bg-oil-wrapper.png') no-repeat 50% 0;
	}
	.oilFlow .flow
	{
		float: left;
		width: 184px;
		height: 280px;
		padding: 15px 25px 0;
		line-height: 14px;
		position: relative;
	}
	.oilFlow .flow .iconType
	{
		left: 95px;
	}
	.oilFlow .flow p.errorMessage
	{
		/*margin: -10px 0 10px 0;*/
	}
	.oilFlow .flow span.error
	{
		margin-top: -10px;
		font-weight: bold;
		color: #dc281e !important;
	}
	.icon
	{
		position: absolute;
		left: 95px;
		top: 228px;
		width: 44px;
		height: 44px;
		background: url('../../gfx/Q8/bullet/bullet-shopflow.png') no-repeat;
		}
		.icon, x:-moz-any-link { left: 94px; }
		.icon.iconPlacement { background-position: 0 0; }
		.icon.iconProducts { background-position: -44px 0; }
		.icon.iconFrost { background-position: -88px 0; }
		.icon.iconType { background-position: -132px 0; }
		.icon.iconNameAdress { background-position: -176px 0; }
		.icon.iconSize { background-position: -220px 0; }
		.icon.iconMember { background-position: -264px 0; }
		.icon.iconLiter { background-position: -308px 0; }
		.icon.iconFillUp { background-position: -352px 0; }
		.icon.iconGiftCard { background-position: -396px 0; }
		.icon.iconEmail { background-position: -440px 0; }
		.icon.iconDate { background-position: -484px 0; }
		.icon.iconPaymentType { background-position: -528px 0; }
		.icon.iconCards { background-position: -572px 0; }
		.icon.iconQ8 { background-position: -618px 0; }
		.icon.iconCampaign { background-position: -663px 0; }
		.icon.iconPersonal { background-position: -708px 0; }
		.icon.iconPersonalCard { background-position: -753px 0; }
		.icon.iconFree { background-position: -798px 0; }
		.icon.iconDateMonth { background-position: -843px 0; }
		.icon.iconBridge { background-position: -887px 0; }
		.icon.iconPayment { background-position: -931px 0; }
		.icon.iconCompany { background-position: -976px 0; }
	
	.oilFlow .header
	{
		font-size: 22px;
		line-height: 24px;
		min-height: 48px;
		}
		.oilFlow .header span
		{
			color: #ff9900;
			float: left;
			width: 22px;
			font-weight: bold;
		}
		.oilFlow .header strong
		{
			float: left;
			width: 162px;
		}
	.oilFlow a
	{
		color: #006c88;
		font-size: 11px;
		}
		.oilFlow a:focus,
		.oilFlow a:active,
		.oilFlow a:hover
		{
			color: #000;
		}
	.oilFlow select
	{
		width: 168px;
	}
	.oilFlow .choose
	{
		margin: 0 0 10px;
		}
		.oilFlow .choose .radiobutton
		{
			margin-right: 5px;
		}
		.oilFlow .choose input.formradio,
		.oilFlow .choose input.formcheckbox,
		.formGradient .choose input.formradio,
		.formGradient .choose input.formcheckbox,
		.chooseTankSize input.formradio,
		.chooseTankSize input.formcheckbox,
		.serviceCheckboxes input.formradio,
		.serviceCheckboxes input.formcheckbox
		{
			position: absolute;
			left: -9999em;
		}
		.oilFlow .choose label
		{
			float: left;
			width: 158px;
			padding: 4px 0 0;
		}
	.oilFlow .buttons,
	.formGradientFooter .buttons,
	.lightboxWindow .buttons
	{
		position: absolute;
		right: 50%;
		bottom: -20px;
		}
		.oilFlow .buttons .buttonWrapper,
		.formGradientFooter .buttons .buttonWrapper,
		.lightboxWindow .buttons .buttonWrapper
		{
			float: left;
			left: 50%;
			position: relative;
			background: url('../../gfx/Q8/background/bg-oil-button-wrapper.png') no-repeat 0 0;
			padding-left: 3px;
		}
		.oilFlow .buttons .buttonInnerWrapper,
		.formGradientFooter .buttons .buttonInnerWrapper
		{
			padding: 3px 3px 0 0;
			background: url('../../gfx/Q8/background/bg-oil-button-wrapper.png') no-repeat 100% 0;
		}
		.formGradientFooter .buttonInnerWrapper a.shortLink
		{
			position: absolute;
			right: 0;
			top: 15px;
			color: #006c88;
			font-size: 11px;
			left: 100%;
			display: block;
			padding: 5px 10px;
			text-decoration: underline;
			font-weight: normal;
			width: 70px;
			cursor: pointer;
		}
		.formGradientFooter .buttonInnerWrapper a.shortLink:hover
		{
			color: #000;
		}
		.buttonAjaxLoader
		{
			margin-right: -20px;
			margin-top: 10px;
			position: absolute;
			right: 0;
		}
	.oilFlow .formfieldRound
	{
		float: none;
		margin: 0 0 15px;
		width: 164px;
		}
		.oilFlow .formfieldRound input
		{
			width: 164px;
		}
		
	span.radiobutton,
	span.checkboxButton
	{
		width: 21px;
		height: 22px;
		margin: 0 8px 4px 0;
		display: block;
		float: left;
		clear: both;
		background: url('../../gfx/Q8/background/bg-input-radio.png') no-repeat;
	}
	span.radiobuttonSelected { background-position: -21px 0; }
	span.radiobuttonHover { background-position: -42px 0; }
	span.radiobuttonSelectedHover { background-position: -63px 0; }
	span.checkboxButton { background-position: 0px -22px; }
	span.checkboxButtonSelected { background-position: -21px -22px; }
	span.checkboxButtonHover { background-position: -42px -22px; }
	span.checkboxButtonSelectedHover { background-position: -63px -22px; }

	/* disabled */
	span.radiobutton.radiobuttonDisabled { background-position: -84px 0; }
	span.radiobuttonSelected.radiobuttonDisabled { background-position: -105px 0; }
	span.checkboxButton.checkboxButtonDisabled { background-position: -84px -22px; }
	span.checkboxButtonSelected.checkboxButtonDisabled { background-position: -105px -22px; }

ol.orderFlow
{
	margin: 0 0 28px;
	padding: 40px 0 0;
	height: 134px;
	list-style: none;
	line-height: 15px;
	background: url('../../gfx/Q8/background/bg-orderflow.png') no-repeat 50% 0;
	}
	ol.orderFlow li
	{
		float: left;
		width: 216px;
		padding: 0 50px;
	}
	ol.orderFlow p
	{
		margin: 0 0 12px;
	}
	ol.orderFlow p.header
	{
		color: #006c88;
		font-weight: bold;
		font-size: 15px;
	}
	ol.orderFlow p.printOrder
	{
		font-size: 11px;
	}
	
.oilText
{
	width: 700px;
	margin: 0 0 0 25px;
	}
	.oilText em
	{
		font-weight: bold;
		font-style: normal;
		color: #ff9900;
	}

/* generic error page for the ordering flow - combined with .oilText */
.oilError
{
	padding: 30px 0 0 0;
	float: left;
	width: 656px;
	margin-left: 23px;
}

/* address = street name + street number + suggestions */
.oilFlowStepOrder .formGradient .street,
.customerFlow .formGradient .street
{
	width: 135px;
	float: left;
	}
	.oilFlowStepOrder .formGradient .street input,
	.customerFlow .formGradient .street input
	{
		width: 135px;
	}
.oilFlowStepOrder .formGradient .streetNumber,
.oilFlowStepOrder .formGradient .streetNumber input,
.customerFlow .formGradient .streetNumber,
.customerFlow .formGradient .streetNumber input
{
	width: 50px;
}
.oilFlowStepOrder .formGradient .zipCode,
.customerFlow .formGradient .zipCode
{
    width: 32px;
    float: left;
    margin-left: 3px;
}
.customerFlow .formGradient .city,
.customerFlow .formGradient .city input
{
	width: 153px;
}
.customerFlow .formGradient .city.formfieldRoundDisabled input
{
	color: #356A86;
}
.customerFlow .formGradient .zipCode { margin-left: 0; }
.oilFlowStepOrder .formGradient .zipCode input,
.customerFlow .formGradient .zipCode input
{
	width: 32px;
}
.oilFlowStepOrder .formGradient input.enableDefaultColor
{
	color: #999;
}
.oilFlowStepOrder .formGradient .addressSuggestions,
.customerFlow .formGradient .addressSuggestions
{
	float: right;
	clear: right;
	width: 235px;
	font-size: 12px;
	margin: 5px 0 15px;
	display: none;
	}
	.oilFlowStepOrder .formGradient .addressSuggestions span.msg,
	.customerFlow .formGradient .addressSuggestions span.msg
	{
		font-weight: bold;
	    color: #DC281E !important;
	}
	.oilFlowStepOrder .formGradient img.streetSuggestionAjaxLoader,
	.customerFlow .formGradient img.streetSuggestionAjaxLoader,
	.customerFlow .formGradient img.ajaxLoader
	{
		position: absolute;
		right: -7px;
		top: 3px;
		display: none;
		z-index: 20;
	}
.oilFlowStepOrder .formGradient .formSection span.streetNumberError
{
	display: none;
}
	

.formGradient
{
	position: relative;
	z-index: 9;
	width: 608px;
	padding: 25px 50px 20px 85px;
	background: url('../../gfx/Q8/background/bg-form-gradient.png') no-repeat -20px 0;
	}
	.formGradient.formGradientThin
	{
		padding-left: 35px;
		width: 658px;
	}
	.formGradient .editButton
	{
		position: absolute;
		right: 50px;
		top: 25px;
	}
	.formGradient .icon
	{
		top: 15px;
		left: 35px;
	}
	.formGradient h2
	{
		font-size: 20px;
		margin: 0;
	}
	.formGradient p
	{
		margin: 0 0 10px;
	}
	.formGradient p.require
	{
		margin: 0;
		font-size: 11px;
	}
	.formGradient.formGradientFirst
	{
		padding-top: 30px;
	}
	.formGradient.formGradientFirst .icon
	{
		top: 38px;
	}
	.formGradient .choose
	{
		margin: 0 0 10px;
		}
		.formGradient .choose.chooseSmall
		{
			width: 304px;
			float: left;
			margin-bottom: -28px;
		}
		.formGradient .choose label
		{
			min-height: 30px;
			float: left;
			width: 370px;
			padding: 2px 0 0;
			margin: 0 0 15px;
			position: relative;
		}
		.formGradient .choose a.openFancybox
		{
			font-size: 13px;
		}
		.formGradient .choose.chooseSmall label
		{
			width: 270px;
			margin: 0 0 28px;
		}
		.formGradient .choose label span
		{
			cursor: default;
			display: block;
			font-size: 11px;
		}
		.formGradient p.header
		{
			width: 304px;
			float: left;
			font-weight: bold;
			margin: 0;
			padding: 0 0 10px;
		}
		.formGradient p.header span.error
		{
			color: #DC281E !important;
			font-size: 11px;
		}
		
		.formGradient .choose label span.tooltip { display: none; }
		span.tooltip
		{
			display: none;
			font-weight: bold;
			color: #fff;
			line-height: 15px;
			width: 110px;
			display: block;
			position: absolute;
			z-index: 10;
			left: -113px;
			top: -8px;
			background: url('../../gfx/Q8/background/bg-tooltip-top.png') no-repeat 0% 0%;
			}
			.tooltip span
			{
				font-size: 12px !important;
				min-height: 55px;
				padding: 8px 20px 13px 10px;
				display: block;
				position: relative;
				background: url('../../gfx/Q8/background/bg-tooltip-bottom.png') no-repeat 0% 100%;
			}
			.tooltip span.middle
			{
				min-height: 0;
				position: absolute;
				padding: 0;
				top: 40px;
				bottom: 5px;
				left: 1px;
				right: 9px;
				background: url('../../gfx/Q8/background/bg-tooltip-middle.png') no-repeat 0% 0%;
			}
		span.tooltipRecommend
		{
			color: #fff;
			line-height: 20px;
			width: auto;
			display: block;
			position: absolute;
			z-index: 9;
			left: -112px;
			top: 0;
			background: url('../../gfx/Q8/background/bg-tooltip-recommend.png') no-repeat 0% 0%;
			}
			span.tooltipRecommend span
			{
				font-size: 10px !important;
				font-weight: bold;
				padding: 0 11px 0px 0;
				margin-left: 6px;
				display: block;
				background: url('../../gfx/Q8/background/bg-tooltip-recommend.png') no-repeat 100% 0%;
			}
		.formGradient .choose .boobleAdd,
		.formGradient .choose .boobleSave
		{
			display: block;
			float: left;
			background: url('../../gfx/Q8/background/bg-shopflow-save.png') no-repeat 0% 0%;
			}
			.formGradient .choose .boobleAdd { background-position: 0% -80px; }
			.formGradient .choose .boobleAdd span,
			.formGradient .choose .boobleSave span
			{
				display: block;
				color: #fff;
				float: left;
				padding: 11px 23px 11px 25px;
				margin-right: -15px;
				background: url('../../gfx/Q8/background/bg-shopflow-save.png') no-repeat 100% -40px;
			}
			.formGradient .choose .boobleAdd span
			{
				background-position: 100% -120px;
				color: #0a024c;
			}
			.formGradient .choose .boobleSave span
			{
				font-weight: bold;
				-webkit-text-shadow: #5b7e00 0px 1px 2px;
				-moz-text-shadow: #5b7e00 0px 1px 2px;
				text-shadow: #5b7e00 0px 1px 2px;
			}
			.formGradient .summaryDescription
			{
			    padding-bottom: 10px;
			    }
			    .formGradient dl
			    {
			        line-height: 22px;
			    }
			    .formGradient dt
			    {
			        float: left;
			        clear: both;
			        width: 170px;
			        text-align: right;
			        font-weight: normal;
			    }
			    .formGradient dd
			    {
			        float: left;
			        width: 350px;
			        font-weight: bold;
			    }
	
	.formSummary	
	{
		padding-top: 15px;
		font-size: 13px;
	}
	.formOil
	{
		padding-top: 15px;
	}
	.formOil .formSection
	{
		min-height: 45px;
		clear: both;
		width: 375px;
		position: relative;
		}
		.formOil .formSection label,
		.paymentFields strong
		{
			float: left;
			padding-top: 2px;
			width: 140px;
			font-weight: bold;
		}
		.formOil .formSection p,
		.formOil .formSection span.error
		{
			float: left;
			clear: left;
			width: 130px;
			font-size: 11px;
			margin: 0 0 5px;
		}
		.formfieldRound
		{
			position: relative;
			float: right;
			width: 215px;
			padding-left: 10px;
			margin-right: 10px;
			background: url('../../gfx/Q8/background/bg-formfield.png') no-repeat 0% 0%;
			}
			.formfieldRound div
			{
				position: relative;
				z-index: 10;
				margin-right: -10px;
				background: url('../../gfx/Q8/background/bg-formfield.png') no-repeat 100% 0%;
			}
			.formfieldRound input
			{
				width: 212px;
				background: transparent;
				border: 0;
				margin: 0 -10px 1px;
				padding: 2px 10px 4px;
				color: #356a86;
			}
			.formfieldRound input.enableDefaultColor
			{
				color: #828282;
			}
			.formfieldRound.size70, .formfieldRound.size70 input{ width: 70px; }
			.formfieldRound.size90, .formfieldRound.size90 input{ width: 90px; }
			.formfieldRound.size250, .formfieldRound.size250 input{ width: 250px; }
			.formfieldRound.size180, .formfieldRound.size180 input{ width: 180px; }

			.formfieldRound span.limit
			{
				position: absolute;
				right: -105px;
				top: 0;
				font-size: 11px;
				font-style: italic;
				color: #545454;
				width: 194px;
				height: 22px;
				text-align: right;
				padding: 2px 15px 0 0;
				background: url('../../gfx/Q8/background/bg-formfield-limit.png') no-repeat 100% 0%;
			}

			/* disabler */
			.formfieldRound.formfieldRoundDisabled
			{
				background-position: 0% -31px;
				}
				.formfieldRound.formfieldRoundDisabled div
				{
					background-position: 100% -31px;
				}
				.formfieldRound.formfieldRoundDisabled input
				{
					color: #c9c9c9;
				}
		.formfieldRound.disabled
		{
		    background: none;
		    }
		    .formfieldRound.disabled div
		    {
		        background: none;
		    }
		.formOil .formSection p.example
		{
			position: absolute;
			width: 200px;
			float: none;
			right: -210px;
			top: 1px;
			font-size: 13px;
		}
		.formOil .formSection span.error
		{
			display: block;
			font-weight: bold;
			color: #dc281e !important;
			float: right;
			width: 235px;
			clear: right;
		}
		.formGradient .choose .error,
		.formSection .error
		{
			display: block;
			font-weight: bold;
			color: #dc281e !important;
			float: right;
			width: auto;
			clear: right;
		}

		.customerFlow .formOil span.error
		{
			width: auto;
			font-size: 11px;
			display: block;
			font-weight: bold;
			color: #dc281e !important;
		}
		.customerFlow .formOil .formSection span.error
		{
			width: 130px;
			font-size: 11px;
			margin: 0 0 5px;
			float: right;
			width: 235px;
			clear: right;
		}

.paymentFields.formOil .formSectionAuto label
{
	font-weight: normal;
}
.paymentFields.formOil .errorList
{
	margin-left: 140px;
}
.paymentFields.formOil .errorList .error
{
	clear: both;
	float: left;
}

		
.formGradientFooter
{
	width: 743px;
	position: relative;
	z-index: 10;
	height: 40px;
	background: url('../../gfx/Q8/background/bg-form-gradient-footer.png') no-repeat 50% 0;
	}
	.formGradientFooter .buttons
	{
		bottom: 17px;
	}
.formGradientFooterFirst
{
	background-position: -20px -4px;
	margin-top: -40px;
}

/* Customer card start */

.customerFlow
{}
	.customerFlow .cardPrivate
	{
		position: absolute;
		right: 40px;
		top: 32px;
	}
	.customerFlow .formSectionAuto
	{
		width: auto;
		float: left;
		clear: none;
		min-height: 0;
		}
		.customerFlow .formSectionAuto label
		{
			width: auto;
			margin-right: 10px;
		}
		.customerFlow .formSectionAuto .formfieldRound
		{
			float: left;
		}
		.customerFlow .formSectionAuto em
		{
			float: left;
			margin: 2px 30px 0 4px;
		}
		.customerFlow .formSectionAuto em.last
		{
			margin-right: 0;
		}
	.customerFlow a.openFancybox
	{
		font-size: 11px;
	}
.headlineSplitter
{
	font-size: 14px;
	line-height: 15px;
	background: url('../../gfx/Q8/background/customer-card/bg-customer-line.png') no-repeat -50px 100%;
	padding: 10px 0 10px;
	margin: 0 0 15px;
}
.customerLine
{
	clear: both;
	margin: 20px 0 0 -30px;
	background: url('../../gfx/Q8/background/customer-card/bg-customer-line.png') no-repeat 50% 0;
	width: 399px;
	padding: 15px 0 0 30px;
}
.formGradient .note,
.formGradient .note.noteLarge
{
	display: block;
	font-size: 11px;
	width: 430px;
	line-height: 15px;
	margin: 0 0 20px;
}
.formGradient .note.noteLarge
{
	font-size: 12px;
}
.formGradient .emailNote
{
	padding: 5px 0 0;
	width: 400px;
}
.formGradient .emailNote .formfieldRound
{
	float: left;
	min-height: 30px;
}
.formGradient .emailNote p.choose
{
	margin-right: 29px;
}
.formGradient .emailNote p.choose label
{
	font-size: 13px;
	font-weight: normal;
}
.formGradient .emailNote p.choose,
.formGradient .emailNote p.note
{
	clear: right;
	width: 233px;
	float: right;
	}
	.formGradient .emailNote p.choose label
	{
		width: 204px;
	}
	.customerFlow .formOil .emailNote span.error
	{
		margin-right: 25px;
	}
.formGradient .choose.chooseAuto
{
	width: auto;
	float: left;
	margin-bottom: 3px;
	}
	.formGradient .choose.chooseAuto label
	{
		width: auto;
		min-height: 0;
		margin-right: 20px;
		margin-bottom: 0;
	}
	.formGradient .choose.chooseAuto label strong
	{
		font-weight: normal;
	}
	.formGradient .choose.chooseAuto .formSection
	{
		width: auto;
		min-height: 0;
		}
		.formGradient .choose.chooseAuto .formfieldRound
		{
			float: left;
		}
		.formGradient .choose.chooseAuto .errorList
		{
			float: left;
			clear: both;
			margin-left: 100px;
		}
	.formGradient .choose.chooseAuto .error
	{
		clear: both;
		float: left;
	}
.formGradient .choose.chooseAutoWidth
{
	float: none;
	padding-right: 40px;
	}
	.formGradient .choose.chooseAutoWidth label strong
	{
		font-weight: bold;
	}
	.formGradient .chooseAuto.chooseAutoRadio span.radiobutton,
	.formGradient .chooseAuto.chooseAutoRadio label
	{
		float: left;
		clear: none;
	}
	.formGradient .chooseAuto.chooseAutoRadio span.radiobutton.clear { clear:both; }
	.formGradient .choose.size80 label { width: 80px; }
	.formGradient .choose.size40 label { min-width: 40px; }
	.formGradient .choose.size30 label { min-width: 30px; }
div.disableNext
{
	margin: 0 0 20px 29px;
	clear: both;
	}
	div.disableNext.disableNextEnabled
	{
		color: #c9c9c9;
	}
	div.disableNext.disableNextInline
	{
		display: inline;
		margin: 0;
	}
	.formOil div.disableNext .formSection label
	{
		font-weight: normal;
	}
	.customerFlow div.disableNext.disableNextInline span.error
	{
		float: none;
	}
.seperatorText
{
	display: block;
	padding: 5px 0;
}
.customerFlow .formOil div.choose .error
{
	clear: both;
	float: left;
}
div.chooseSingeLine p { margin-right: 20px; }
div.chooseSingeLine p,
div.chooseSingeLine .formSection
{
	float: left;
	clear: none;
	}
	div.chooseSingeLine .formSection { width: 300px; }
	div.chooseSingeLine .formSection label { width: 65px; }
	.customerFlow .formOil div.choose.chooseSingeLine .error
	{
		clear: none;
	}
	
.existingCustomerQuestion label,
.existingCustomerQuestion .radiobutton 
{
	float: left;
	clear: none;
}
.existingCustomerQuestion div.disableNext
{
	float: right;
	clear: none;
}
.existingCustomerQuestion .disableNext .formfieldRound 
{
	margin-bottom: 10px;
}
.existingCustomerQuestion .disableNext .checkboxButton
{
	margin-left: 98px;
}

.companyType div.disableNext
{
	float: left;
	clear: none;
	margin: 0;
	}
	.companyType .radiobutton,
	.companyType label,
	.companyType .formfieldRound
	{
		margin-bottom: 9px;
	}

.customerBox
{
	position: relative;
	background: url('../../gfx/Q8/background/customer-card/bg-customer-box-bottom.png') no-repeat 0 100%;
	padding-bottom: 10px;
	margin-top: 60px;
	}
	.customerBox .content 
	{
		position: relative;
		padding: 10px 15px 0 15px;
		background: url('../../gfx/Q8/background/customer-card/bg-customer-box-top.png') no-repeat 0 0;
	}
	.customerBox h2,
	.customerBox h3
	{
		margin: 0;
		color: #828282;
		line-height: 22px;
		font-size: 16px;
	}
	.customerBox h3
	{
		font-size: 23px;
		line-height: 26px;
	}
	.customerBox em
	{
		color: #ff9900;
		line-height: 19px;
		font-size: 12px;
	}
	.customerBox img
	{
		display: block;
		position: absolute;
		right: 5px;
		top: -35px;
	}
	.customerBox ul
	{
		list-style: none;
		margin: 0 -10px 0;
		padding: 0;
		}
		.customerBox ul li
		{
			background: #f0eff0 url('../../gfx/Q8/background/customer-card/bg-customer-box-list.png') repeat-x 0 0;
		}
		.customerBox ul a,
		.customerBox ul a:focus,
		.customerBox ul a:active
		{
			display: block;
			color: #828282;
			font-size: 13px;
			text-decoration: none;
			line-height: 14px;
			padding: 5px 11px;
		}
		.customerBox ul a:hover,
		.customerBox ul a.selected
		{
			font-style: italic;
			color: #ff9900;
		}
		.customerBox ul a span
		{
			padding-left: 5px;
		}
		.customerBox .expand,
		.productCategory .expand
		{
			display: none;
		}
		.customerBox .inner
		{
			padding: 14px 11px;
			position: relative;
		}
		.customerBox .formfieldRound
		{
			float: left;
		}
		.customerBox .formfieldRound,
		.customerBox .formfieldRound input
		{
			width: 116px;
		}
		.customerBox .buttons
		{
			float: right;
		}
.customerFlow .formfieldRound.birthNumber1,
.customerFlow .formfieldRound.birthNumber2
{
	float: left;
}
.customerFlow .seperator
{
	float: left;
	padding: 0 8px;
}
.customerFlow .formfieldRound.birthNumber1,
.customerFlow .formfieldRound.birthNumber1 input
{
	width: 60px;
}
.customerFlow .formfieldRound.birthNumber2,
.customerFlow .formfieldRound.birthNumber2 input
{
	width: 40px;
}

.customerFlow .formGradient ul.header
{
	margin: 0 0 15px;
	padding: 0 35px 10px 0;
	list-style: none;
	line-height: 21px;
	padding: 0;
	width: 265px;
	background: url('../../gfx/Q8/background/customer-card/bg-card-header.png') no-repeat 0 25px;
	}
	.customerFlow .formGradient .colwide ul.header { background: url('../../gfx/Q8/background/customer-card/bg-card-header-wide.png') no-repeat 0 25px; }
	
	.customerFlow .formGradient ul.header li
	{
		float: right;
		padding: 0 0 5px;
	}
	.customerFlow .formGradient ul.header li.first
	{
		float: left;
		font-weight: bold;
	}
	.customerFlow .formGradient ul.header a
	{
		font-size: 10px;
	}
	.customerFlow .formGradient .colwide ul.header 
	{
		padding-right: 338px;
	}
.customerFlow .formGradient .columns { padding-top: 20px; }
.customerFlow .formGradient .columns .col
{
	width: 270px;
	float: right;
	}
	.customerFlow .formGradient .columns .colfirst
	{
		clear: both;
		float: left;
	}
	.customerFlow .formGradient .columns .colwide { padding-top: 42px; }
	.customerFlow .formGradient .columns .colwide.colfirst { padding-top: 0px; }

.cardsPrivate
{
	width: 336px;
	margin-left: -10px;
}
.cardsPrivate .card
{
	float: left;
	background: url('../../gfx/Q8/background/customer-card/bg-card-private.png') no-repeat 50% 0;
	width: 168px;
	height: 61px;
	font-size: 10px;
	line-height: 11px;
	color: #000;
	padding: 55px 0 0;
	word-wrap: break-word;
	margin: 0 0 30px;
	}
	.cardsPrivate .card div
	{
		width: 169px;
		padding: 6px 0 0;
		background: url('../../gfx/Q8/background/customer-card/bg-card-private-text-top.png') no-repeat 0 0;
	}
	.cardsPrivate .card div div
	{
		width: auto;
		padding: 3px 15px 10px;
		background: url('../../gfx/Q8/background/customer-card/bg-card-private-text-bottom.png') no-repeat 0 100%;
	}
.cardsBusiness dl
{
	line-height: 15px;
	margin: 0 0 10px;
	}
	.cardsBusiness dl dt
	{
		text-align: left;
		width: 190px;
	}
	.cardsBusiness dl dd
	{
		width: auto;
		float: none;
		clear: both;
		margin-bottom: 15px;
	}
	.cardsBusiness dl dd.link
	{
		clear: none;
		float: left;
		font-size: 10px;
		width: auto;
		margin: 0;
		font-weight: normal;
	}
.confirm .choose label
{
	width: 510px;
	color: #545454;
}
.confirm .choose span.error
{
	font-size: 11px;
	margin: -10px 0 0 29px;
	float: left;
	width: 510px;
}

.privatePreviewCards	{}
	.privatePreviewCards .text
	{
		width: 200px;
		float: left;
		}
		.privatePreviewCards h2
		{
			margin: 0 0 15px;
		}
		.privatePreviewCards h3
		{
			font-size: 13px;
			line-height: 15px;
			margin: 0 0 15px;
		}
		.privatePreviewCards p
		{
			font-size: 11px;
			line-height: 14px;
		}
	.formGradient .privatePreviewCards .choose.chooseAutoWidth
	{
		background: url('../../gfx/Q8/background/customer-card/bg-customer-line.png') no-repeat 50% 0;
		padding-top: 12px;
		padding-right: 0;
		}
		.formGradient .privatePreviewCards .choose.chooseAutoWidth label
		{
			margin: 0;
			font-weight: bold;
			font-size: 12px;
		}
	.cardsPreview 
	{
		float: left;
		margin-right: -10px;
		}
		.cardsPreview .card
		{
			background: url('../../gfx/Q8/background/customer-card/bg-card-private-large.png') no-repeat 0 0;
			width: 219px;
			height: 174px;
			float: left;
			margin-left: 15px;
			position: relative;
		}
		.cardsPreview .card input
		{
			width: 146px;
			position: absolute;
			left: 13px;
			top: 101px;
			background: transparent;
			border: 0;
			color: #356A86;
		}
		.cardsPreview .card div
		{
			width: 40px;
			position: absolute;
			right: 11px;
			top: 102px;
			font-size: 11px;
			color: #545454;
			text-align: right;
		}

.formThanks
{
	padding-left: 50px;
	padding-bottom: 60px;
	width: 633px;
	}
	.formThanks.formGradientFirst
	{
		padding-top: 60px;
	}
	.formThanks .icon
	{
		width: 78px;
		height: 36px;
		left: 50%;
		top: 20px !important;
		margin: 0 0 0 -39px;
		background: url('../../gfx/Q8/background/customer-card/bg-text-thanks.png') no-repeat 0 0;
	}
	.customerFlow .formThanks .columns .col
	{
		float: left;
		width: 280px;
		margin-right: 35px;
	}
	.customerFlow .formThanks .columns .col h3
	{
		margin: 0 0 20px;
	}
	.customerFlow .formThanks .columns .col em
	{
		margin-left: -10px;
		font-style: normal;
		color: #ff9900;
	}
.formThanksIphone
{
	width: 430px;
	}
	.formThanksIphone img
	{
		position: absolute;
		right: 30px;
		top: -75px;
	}

ul.icons
{
	list-style: none;
	margin: -15px 0 10px 0;
	width: 660px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	}
	ul.icons li
	{
		position: relative;
		min-height: 19px;
		float: left;
		width: 147px;
		padding: 25px 20px 0 53px;
	}
	ul.icons .icon
	{
		left: 0;
		top: 10px;
	}
.formOil.businessCardTexts .formSection
{
	width: 400px;
	}
	.businessCardTexts .formSection label
	{
		width: 150px;
	}
	.businessCardTexts a.openFancybox
	{
		font-size: 13px;
	}
	.businessCardTexts .formSection
	{
		margin-left: 20px;
	}

.businessCardIntro
{
	width: 200px;
	float: left;
	margin-left: -20px;
	}
	.businessCardIntro h1
	{
		margin: 0 0 15px !important;
	}
	.businessCardIntro p
	{
		line-height: 14px;
	}
	.businessCardIntro .note
	{
		width: auto;
	}
	.businessCardIntro .error,
	.privatePreviewCards .error
	{
		font-size: 11px;
		font-weight: bold;
		color: #dc281e !important;
		line-height: 13px;
	}
.businessCardFooter .note
{
	width: 600px;
}
.businessCardCounter
{
	background: url('../../gfx/Q8/background/customer-card/bg-businesscard-overview-top.png') no-repeat 0 0;
	width: 460px;
	height: 130px;
	float: right;
	margin: 0 -6px -11px 0;
	padding: 109px 0 0 9px;
	position: relative;
	}
	.businessCardCounter .col
	{
		width: 100px;
		height: 112px;
		padding: 7px 5px 0;
		text-align: center;
		position: relative;
		float: left;
		}
		.businessCardCounter .col h2
		{
			font-size: 13px;
			line-height: 14px;
			margin: 0 0 5px;
		}
		.businessCardCounter .col a.openFancybox
		{
			display: block;
			font-size: 10px;
			line-height: 14px;
			padding: 0 5px;
		}
		.businessCardCounter .col p
		{
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 34px;
			margin: 0;
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			color: #fff;
		}
		.businessCardCounter .col input
		{
			position: absolute;
			left: 29px;
			bottom: 11px;
			background: transparent;
			border: 0;
			color: #545454;
			width: 51px;
			padding: 4px 0;
			text-align: center;
			font-size: 11px;
		}
		.businessCardCounter .col a.increase,
		.businessCardCounter .col a.decrease
		{
			position: absolute;
			left: 7px;
			bottom: 12px;
			width: 20px;
			height: 20px;
		}
		.businessCardCounter .col a.increase
		{
			left: 83px;
		}
		.businessCardCounter .col a.increase:focus,
		.businessCardCounter .col a.decrease:focus
		{
			outline: 0;
		}
		.businessCardCounter a.fakeSubmit
		{
			width: 16px;
			height: 56px;
			position: absolute;
			right: 3px;
			bottom: 11px;
			text-indent: -999em;
		}
.businessCardWrapper
{
	clear: both;
	margin: 0 0 -20px -10px;
	background: url('../../gfx/Q8/background/customer-card/bg-businesscard-overview-last-gradient.png') no-repeat 654px 0;
}
table.businessCardOverview
{
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 0;
	line-height: 15px;
	}
	table.businessCardOverview td
	{
		font-weight: bold;
		font-size: 11px;
		vertical-align: middle;
		text-align: center;
		border-right: 1px solid #c9c9c9;
		height: 44px;
		background: url('../../gfx/Q8/background/customer-card/bg-businesscard-overview-first-gradient.png') no-repeat 100% 0;
	}
	table.businessCardOverview td.filled
	{
		background-color: #e1f1e0; 
	}
	table.businessCardOverview td.first
	{
		font-weight: normal;
		border-right: 0;
		background: url('../../gfx/Q8/background/customer-card/bg-businesscard-overview-first-gradient.png') no-repeat 0 0;
	}
	table.businessCardOverview td.last
	{
		border-right: 0;
	}
	table.businessCardOverview tr.first td
	{
		background-image: none;
	}
	table.businessCardOverview tr
	{
		background: url('../../gfx/Q8/background/customer-card/bg-businesscard-overview-first-shadow.png') no-repeat 204px 0;
	}
	table.businessCardOverview tr.shadow2 { background-position: 204px -44px; }
	table.businessCardOverview tr.shadow3 { background-position: 204px -88px; }
	table.businessCardOverview tr.shadow4 { background-position: 204px -132px; }
	table.businessCardOverview tr.shadow5 { background-position: 204px -176px; }
	table.businessCardOverview tr.shadow6 { background-position: 204px -220px; }
	table.businessCardOverview tr.shadow7 { background-position: 204px -264px; }
	table.businessCardOverview tr.shadow8 { background-position: 204px -308px; }
	table.businessCardOverview tr.shadow9 { background-position: 204px -352px; }
	table.businessCardOverview tr.shadow10 { background-position: 204px -396px; }
	table.businessCardOverview tr.shadow11 { background-position: 204px -440px; }
	table.businessCardOverview tr.shadow12 { background-position: 204px -484px; }
	table.businessCardOverview tr.noshadow { background: none; }

/* Customer card end */


.oilFlowCalculate,
.customerFlow
{
	padding: 20px 0 0 0;
	position: relative;
	min-height: 525px;
	}
	.oilFlowCalculate h1,
	.customerFlow h1
	{
		clear: both;
		margin-left: 20px;
	}
	.customerFlow h1 { clear: both; }
	.oilFlowCalculate a,
	.customerFlow a
	{
		color: #006c88;
	}
	.oilFlowCalculate a:hover,
	.customerFlow a:hover,
	.oilFlowCalculate a:focus,
	.customerFlow a:focus,
	.oilFlowCalculate a:active,
	.customerFlow a:active
	{
		color: #000;
	}
.shopFlow
{
	float: left;
	font-size: 15px;
	padding: 0 0 0 6px;
	margin: 0 0 20px 0;
	background: url('../../gfx/Q8/background/bg-shopflow.png') no-repeat 0 50%;
}
.shopFlow ol
{
	list-style-type: none;
	padding: 0 8px 0 0;
	margin: 0 -10px 0 0;
	background: url('../../gfx/Q8/background/bg-shopflow.png') no-repeat 100% 50%;
	}
	.shopFlow ol li
	{
		float: left;
		background: url('../../gfx/Q8/background/bg-shopflow-arrow.png') no-repeat 100% 50%;
	}
	.shopFlow ol li.last
	{
		background: none;
	}
	.shopFlow ol li a
	{
		cursor: text;
	}
	.shopFlow ol li.linked a
	{
		cursor: pointer;
	}
	.shopFlow ol li a,
	.shopFlow ol li span
	{
		display: block;
		text-decoration: none;
		color: #828282;
	}
	.shopFlow ol li a span
	{
		padding: 11px 27px 11px 10px;
	}
	.shopFlow ol li.current a,
	.shopFlow ol li.current span
	{
		padding-right: 27px;
		background: url('../../gfx/Q8/background/bg-shopflow-current.png') no-repeat 100% 50%;
	}
	.shopFlow ol li.current a span
	{
		color: #356a86;
		margin-left: -11px;
		padding-right: 0;
		padding-left: 21px;
		background: url('../../gfx/Q8/background/bg-shopflow-current.png') no-repeat 0% 50%;
	}
	.shopFlow ol li.linked a:hover span
	{
		color: #356a86;
	}
	.shopFlow ol li.current.last a
	{
		padding-right: 34px;
		margin-right: -15px;
	}
	.shopFlow ol li.current.first a,
	.shopFlow ol li.current.first a span
	{
		background: none;
	}

#oilFlowBox
{
	position: relative;
	top: 0;
	width: 223px;
	background: url('../../gfx/Q8/background/bg-box-shopflow-top.png') no-repeat 0% 0%;
	}
	#oilFlowBox .bottom
	{
		background: url('../../gfx/Q8/background/bg-box-shopflow-bottom.png') no-repeat 0% 100%;
		padding: 10px 0;
	}
	#oilFlowBox .content
	{
		min-height: 330px;
		background: url('../../gfx/Q8/background/bg-box-shopflow-middle.png') repeat-y 0% 0%;
		padding: 2px 15px 0;
		color: #002157;
	}

.oilFlowCalculate #related,
.customerFlow #related
{
	position: absolute;
	right: 0;
	z-index: 10;
	font-size: 13px;
}
.oilFlowCalculate #related #oilFlowBox h2,
.customerFlow #related #oilFlowBox h2
{
	font-size: 20px;
	margin: 0 0 17px;
}
dl.oilPrices
{
	margin: 0;
	font-weight: bold;
	line-height: 15px;
	}
	dl.oilPrices dt
	{
		font-size: 11px;
		float: left;
		clear: both;
		width: 113px;
		margin: 0 0 15px;
	}
	dl.oilPrices dt.title
	{
		margin: 0;
	}
	dl.oilPrices dt.em
	{
		text-transform: uppercase;
	}
	dl.oilPrices dt.em,
	dl.oilPrices dd.em
	{
		font-size: 14px;
		line-height: 18px;
		color: #e26c00;
		width: 73px;
		margin: 0 0 11px;
	}
	dl.oilPrices dd
	{
		float: right;
		width: 80px;
		margin: 0 0 15px;
		text-align: right;
	}
	dl.oilPrices dd.em
	{
		font-size: 18px;
		width: 120px;
	}
	dl.oilPrices dd.divider,
	dl.oilPrices dd.dividerDouble
	{
		background: #fafafa;
		height: 1px;
		border-top: 1px solid #a8a8a8;
		width: 100%;
		margin: -6px 0 0;
	}
	dl.oilPrices dd.dividerDouble
	{
		margin: -1px 0 5px;
	}
	dl.oilPrices dd.note
	{
		font-weight: normal;
		font-size: 11px;
		width: 100%;
		float: none;
		clear: both;
		text-align: left;
	}
	
.lightboxWindow
{
	max-width: 380px;
	max-height: 600px;
	padding: 30px 30px 0;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	position: relative;
	}
	.lightboxWindow p.header
	{
		font-size: 20px;
		font-weight: bold;
		line-height: 22px;
	}
	.lightboxWindow .formfieldRound
	{
		float: left;
		margin-right: 15px;
	}
	.lightboxWindow .formfieldRound,
	.lightboxWindow .formfieldRound input
	{
		width: 80px;
	}
	.chooseTankSize
	{
		background: url('../../gfx/Q8/background/bg-tanksize2.png') no-repeat 50% 0;
		height: 82px;
		position: relative;
		}
		.chooseTankSize .radiobutton
		{
			margin: 0;
			position: absolute;
			top: 72px;
			}
			.chooseTankSize .square { left: 114px; }
			.chooseTankSize .cylinder { left: 183px; }
			.chooseTankSize .oval { left: 252px; }
			
			.chooseTankSize .disabler
			{
				filter: alpha(opacity=70);
				-moz-opacity:0.7;
				-khtml-opacity: 0.7;
				opacity: 0.7;
				
				position: absolute; 
				display: none; /* start by not disabling anything */
				background-color: #fff; 
				width: 60px; 
				height: 100px; 
				margin-left: 93px; 
				z-index: 10;
			}
			.chooseTankSize .disablerCylinder
			{
				width: 70px; 
				margin-left: 157px;
			}
			.chooseTankSize .disablerOval
			{
				margin-left: 227px;
			}
			.chooseTankSize .disablerCylinder
			{
				display: none;
			}
			
		
		.chooseTankSize label
		{
			position: absolute;
			top: 0;
			height: 66px;
			}
			.chooseTankSize label.square
			{
				left: 100px;
				width: 43px;
			}
			.chooseTankSize label.cylinder
			{
				left: 160px;
				width: 64px;
			}
			.chooseTankSize label.oval
			{
				left: 228px;
				width: 55px;
			}
	
	.lightboxWindow .footerElements
	{
		height: 31px;
		clear: both;
		position: relative;
	}
	.lightboxWindow .buttons
	{
		bottom: 0;
		float: none;
	}
	.lightboxWindow .buttons .buttonWrapper
	{
		background: none;
		padding: 0;
	}
	.lightboxWindow .buttons .buttonWrapper input
	{
		margin-right: -5px;
		padding: 0 12px 5px;
	}

/* popup zip/login: general */
#zipCodeLoginWindow .buttons .oilButton input, 
#zipCodeLoginWindow .buttons .oilButton a 
{
	font-size: 14px;
}

/* popup: unknown user zip code section */
#zipCodeLoginWindow .enterZipCode
{
	background: url('../../gfx/Q8/background/bg-dots.png') repeat-x 0 100%;
	padding-bottom: 0px;
}
	#zipCodeLoginWindow p.errorMessage,
	#sendForgottenLogInInfoWindow p.errorMessage
	{
		margin-bottom: 0;
		padding-top: 6px;
		clear: both;
	}
	#zipCodeLoginWindow span.error,
	#sendForgottenLogInInfoWindow p.errorMessage
	{
		display: block;
		color: #DC281E !important;
		font-weight: bold;
		clear: both;
		font-size: 11px;
	}
	#zipCodeLoginWindow .enterZipCode .formfieldRound
	{
		margin-top: 20px;
	}
	#zipCodeLoginWindow .enterZipCode .formfieldRound input
	{
		font-size: 11px;
		padding: 4px 10px;
	}
	#zipCodeLoginWindow .enterZipCode .buttons
	{
		position: relative;
		margin-top: 10px;
		right: auto;
		float: left;
		margin-left: 20px;
	}
	#zipCodeLoginWindow .enterZipCode .buttons .buttonWrapper
	{
		left: auto;
	}
	#zipCodeLoginWindow .enterZipCode .buttons .buttonWrapper input
	{
		margin-right: 0;
	}

/* popup: existing user login section */
#zipCodeLoginWindow .enterCredentials
{
	padding-top: 20px;
	clear: both;
}
	#zipCodeLoginWindow .enterCredentials .content
	{
		padding: 0;
	}
	#zipCodeLoginWindow .enterCredentials .oilLogin
	{
		background: none;
		position: relative;
		width: 100%;
		top: auto;
		right: auto;
	}
	#zipCodeLoginWindow .enterCredentials div.loginWrapper
	{
		display: block;
	}
	#zipCodeLoginWindow .enterCredentials div.loginWrapper p
	{
		float: none;
	}
	#zipCodeLoginWindow .enterCredentials div.loginWrapper p.forgot
	{
		margin-top: -26px;
		right: 0px;
		float: left;
		width: 100%;
	}
	#zipCodeLoginWindow .enterCredentials span.error
	{
		margin: 0 0 10px 0;
		width: 100%;
		clear: both;
		display: none;
		float: left;
	}
	#zipCodeLoginWindow .enterCredentials .formfieldRound
	{
		display: block;
	}
	#zipCodeLoginWindow .enterCredentials .formfieldRound, 
	#zipCodeLoginWindow .enterCredentials .formfieldRound input 
	{
		width: 130px;
	}
	#zipCodeLoginWindow .enterCredentials .inputGroup
	{
		float: left;
		width: 160px;
		margin-top: 10px;
	}
	#zipCodeLoginWindow .enterCredentials .inputGroupOr
	{
		width: 40px;
		padding-left: 9px;
		padding-top: 17px;
	}
	#zipCodeLoginWindow .enterCredentials .buttons
	{
		margin-top: 10px;
		position: relative;
		right: auto;
		margin-left: -3px;
		float: left;
	}
	#zipCodeLoginWindow .enterCredentials .buttonWrapper
	{
		float: none;
		left: auto;
	}
	#zipCodeLoginWindow .enterCredentials div.clear
	{
		height: 1px;
		line-height: 1px;
	}

#sendForgottenLogInInfoWindow .formfieldRound,
#sendForgottenLogInInfoWindow .formfieldRound input
{
    width: 165px;
    }
	#sendForgottenLogInInfoWindow p.errorMessage
	{
		height: 16px;
		}
		#sendForgottenLogInInfoWindow p.errorMessage .error,
		#sendForgottenLogInInfoWindow p.succesMessage
		{
			display: none;
		}

dl.dots
{
	margin: 0 0 5px;
	}
	dl.dots dt,
	dl.dots dd
	{
		width: 55px;
		margin: 0;
		float: left;
		background: url('../../gfx/Q8/background/bg-dots.png') repeat-x 0 0;
		padding: 10px 0;
	}
	dl.dots dt { padding: 12px 0 8px; }
	dl.dots dd
	{
		width: 325px;
		padding: 12px 0 8px;
	}
	dl.dots dd .formfieldRound
	{
		margin-top: -2px;
	}
	dl.dots dt.full,
	dl.dots dd.full,
	dl.dots dd.error
	{
		width: 100%;
		clear: both;
		float: none;
	}
	dl.dots dd.full
	{
		background-position: 0 100%;
	}
	dl.dots dd.error
	{
		margin: 0;
		background: none;
		padding-top: 0;
	}
	dl.dots dt.result
	{
		width: 110px;
		background-position: 0 100%;
	}
	dl.dots dd.result
	{
		width: 270px;
		font-size: 20px;
		font-weight: bold;
		background-position: 0 100%;
	}
	dl.dots dt.tankSize
	{
		width: 95px;
	}
	dl.dots dd.tankSize
	{
		width: 285px;
	}
	dl.dots span.error
	{
		color: #dc281e;
		font-weight: bold;
		display: block;
		margin-top: 10px;
	}

.oilConfirmation
{
    position: relative;
	padding: 15px 0 0 0;
	background: url('../../gfx/Q8/background/bg-dots.png') repeat-x 0 0;
	}
	.oilConfirmation .splash
    {
        top: 30px;
        right: 250px;
    }
    .oilConfirmation .thankYou
    {
        float: left;
        width: 540px;
        font-size: 16px;
    }
	.oilConfirmation .left
	{
		float: left;
		width: 710px;
		padding: 0 20px;
		line-height: 16px;
	}
	.oilConfirmation #related
	{
		float: right;
		width: 222px;
		position: static;
		padding: 10px 0 0;
	}
	.oilConfirmation h1
	{
		margin-left: 0;
	}
	
	.editOilServices
	{
	    margin: 17px 0 0 -20px;
	}
		.editOilServices .box
		{
		    padding: 2px 15px 0px 15px;
		    background: url(/gfx/q8/background/bg-box-229x275.png) 0 0 no-repeat;
		    width: 199px;
		    height: 273px;
		    float: left;
		    margin-left: 14px;
		    overflow: hidden;
		    line-height: 16px;
		}
		.editOilServices .box img
		{
		    margin: 0 0 3px -10px;
		}
		.editOilServices a
		{
		    font-size: 85%;
		}
		
.oilHelpBox
{
	font-size: 11px;
	line-height: 15px;
	background: url('../../gfx/Q8/background/bg-oilbox-top.png') no-repeat 0 0;
	}
	.oilHelpBox .teaser
	{
		padding: 0 15px 15px 25px;
		margin-bottom: -10px;
		background: url('../../gfx/Q8/background/bg-oilbox-bottom.png') no-repeat 0 100%;
		}
		.oilHelpBox .teaser h2 { font-size: 15px; padding: 15px 0; }
		.oilHelpBox .teaser p { padding: 0 0 15px; }
		.oilHelpBox .teaser h2.people
		{
			padding: 15px 0 15px 52px;
			margin-left: -15px;
			width: 155px;
			background-image: url('../../gfx/Q8/content/oil-people.png');
		}
		.oilHelpBox .teaser a
		{
			text-decoration: underline !important;
		}

#oil-extrapayment
{
    }
    #oil-extrapayment .top
    {
        margin-top:20px;
    }
    #oil-extrapayment .top .order-state
    {
        float:left;
        width:625px;
        }
        #oil-extrapayment .top .order-state .alert
        {
            background-color:#eaeaea;
            background-image:url('/gfx/Q8/background/alert.png');
            background-repeat:no-repeat;
            background-position:10px center;
            padding: 10px 10px 10px 70px;
            border:3px solid #aaaaaa;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }
        #oil-extrapayment .top .order-state .alert p
        {
            margin:0;
        }
    #oil-extrapayment .top .order-extra
    {
        float:right;
        width:280px;
        background:#f7972b;
        color:#fff;
        padding:15px; 
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin:20px 0 -35px 0;
        }
        #oil-extrapayment .top .order-extra h2
        {
            font-size: 1.55em;
        }
        #oil-extrapayment .top .order-extra a
        {
            color:#fff;
        }
        #oil-extrapayment .top .order-extra a.payment
        {
            font-weight:bold;
        }
    #oil-extrapayment td h2
    {
        font-size:1.4em;
        font-weight:normal;
        margin:20px 0 10px 0;
    }
    #oil-extrapayment td
    {
        vertical-align:top;
        padding-bottom:3px;
    }
    #oil-extrapayment td.label
    {
        text-align:right;
        padding-right:10px;
        white-space:nowrap;
    }
    #oil-extrapayment td.value
    {
        font-weight:bold;
    }
    #oil-extrapayment .buttons
    {
        margin-top:20px;
    }

/* Oil shop flow - end */

/* Products - start */

/* step 1 */
.productCategories
{
	position: relative;
	margin: 20px 0 0;
	overflow: hidden;
	}
	.productCategories ul
	{
		padding: 0;
		margin: 0 0 15px 0;
		list-style-type: none;
	}
	.productCategories li
	{
		float: left;
		padding: 0;
		margin: 0 8px 14px 0;
		position: relative;
		background: url('../../gfx/Q8/background/products/bg-categories-box-top.png') no-repeat 0 0;
	}
	.productCategories li.first
	{
		clear: both;
	}
	.productCategories div.wrap
	{
		width: 203px;
		height: 60px;
		margin-bottom: -6px;
		display: table;
		overflow: hidden;
		background: url('../../gfx/Q8/background/products/bg-categories-box-bottom.png') no-repeat 0 100%;
		position: relative;
	}
	.productCategories a
	{
		position: relative;
		z-index: 20;
		display: table-cell;
		vertical-align: middle;
		text-decoration: none;
		color: #828282;
	}
	.productCategories a:hover
	{
		color: #dc281e;
	}
	.productCategories span
	{
		display: block;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 0 20px;
	}
.productsail
{
	width: 366px;
	height: 386px;
	position: absolute;
	top: 15px;
	right: 0px;
	opacity: 0.5;
	z-index: 19;
	background: url('../../gfx/Q8/background/products/bg-categories-sail.png') no-repeat 0 0;
}

/* step 2 */
.productCategory
{
	
	}
	.productCategory .navigation
	{
        line-height:19px;
        margin:0 0 20px;
	}
	.productCategory .navigation .top
	{
        background:url("../../gfx/Q8/background/products/bg-product-overview-top-bottom.png") no-repeat scroll center top transparent;
	}
	.productCategory .navigation .top,
	.productCategory .navigation .bottom,
	.productCategory .navigation .inner .form
	{
        width:100%;
	}
	.productCategory .navigation .top,
	.productCategory .navigation .bottom
	{
        height:16px;
	}
	.productCategory .navigation .inner
	{
        background:url("../../gfx/Q8/background/products/bg-product-overview-pixel-line.png") repeat-y scroll 0 0 transparent;
        padding:1px 17px;
	}
    .productCategory .navigation .bottom
	{
        background: url('../../gfx/Q8/background/products/bg-product-overview-top-bottom.png') no-repeat center bottom transparent;
	}
	.productCategory .navigation p
	{
		float: left;
		margin: 0 45px 5px 0;
		font-size: 16px;
		font-weight: bold;
	}
	.productCategory .navigation .formselectOutput  
	{
        display:block;
        float:left;
        padding:3px 0 0;
        width:100%;
	}
	.productCategory .form
	{
		position: relative;
	}
	.productCategory img.buttonAjaxLoader
	{
		margin-top: 3px;
		display: none;
	}
	.productCategory .subcategory
	{
		background: url('../../gfx/Q8/background/products/bg-category-sprite.png') no-repeat 0 -73px;
	}
	.productCategory a.toggleSlide
	{
		text-decoration: none;
		display: block;
		font-size: 16px;
		line-height: 19px;
		font-weight: bold;
		padding: 10px 17px 10px 47px;
		background: url('../../gfx/Q8/background/products/bg-category-arrow-sprite.png') no-repeat 17px 50%;
	}
	.productCategory a.toggleSlide:focus,
	.productCategory a.toggleSlide:active
	{
		color: #828282;
	}
	.productCategory a.toggleSlide:hover
	{
		color: #dc281e;
	}
	.productCategory a.toggleSlide.selected
	{
		background-position: -964px 50%;
	}
	.productCategory .expand
	{
		
		}
		.productCategory .product
		{
			padding: 16px 0 14px;
			border-top: 1px solid #ccc;
		}
		.productCategory .product.first
		{
			border-top: 0;
		}
		.productCategory .image
		{
			float: left;
			width: 124px;
			min-height: 60px;
			text-align: center;
		}
		.productCategory h2
		{
			float: left;
			width: 336px;
			font-size: 16px;
			line-height: 19px;
			margin: 0 0 5px;
		}
		.productCategory h2 a
		{
			color: #828282;
			text-decoration: none;
		}
		.productCategory h2 a:hover
		{
			color: #dc281e;
		}
		.productCategory .text
		{
			float: left;
			width: 336px;
		}

/* step 3 */
.productItem
{
	background: url('../../gfx/Q8/background/products/bg-categories-large-box-top.png') no-repeat 0 0;
	padding-bottom: 10px;
	}
	.productItem .content
	{
		padding: 6px 8px;
		margin-bottom: -20px;
		background: url('../../gfx/Q8/background/products/bg-categories-large-box-bottom.png') no-repeat 0 100%;
	}
	.productItem .image
	{
		float: right;
		padding: 0 0 10px 10px;
	}
	.productItem h2
	{
		font-size: 15px;
		margin: 0 0 10px;
	}
	.productBreadcrumb,
	.productRelated
	{
		margin: 0 0 10px;
		padding: 0;
		list-style: none;
		font-weight: bold;
		}
		.productBreadcrumb li,
		.productRelated li
		{
			padding: 0 3px 0 0;
			display: inline;
		}
	.productRelated
	{
		font-weight: normal;
	}
	.productItem .inner
	{
		padding: 10px 9px;
		border-bottom: 1px solid #fff;
	}
	.productItem .inner.last
	{
		border: 0;
	}
	.productItem .buttons
	{
		float: right;
		padding-top: 25px;
	}
	.productItem .submit
	{
		margin-left: 10px;
	}
	.productItem .newCustomer,
	.productItem .back {
		display: inline;
		margin: 0;
		padding-bottom: 15px;
	}
	.productItem .backBtn a,
	.productItem .backBtn {
		float: left !important;
	}
	.productItem .newCustomer a,
	.productItem .back a
	{
		float: right;
		clear: both;
		/*color: #006c88;
		font-size: 11px;*/
		padding: 0;
		text-decoration: underline;
		font-weight: normal;
		display: inline;
		text-align: left;
	}
	.productItem .listInner .buttons {
	padding-top: 0;
	margin-top: -5px;
	padding-bottom: 25px;
	}
	.productItem .newCustomer:hover,
	.productItem .back a:hover
	{
		color: #000;
	}
	.productItem .back
	{
		float: left;
	}

/* Products - end */


/*Kundeservicebox - start*/
.customerBox
{
	position: relative;
	background: url('../../gfx/Q8/background/customer-card/bg-customer-box-bottom.png') no-repeat 0 100%;
	padding-bottom: 10px;
	margin-top: 60px;
	}
	.customerBox .content 
	{
		position: relative;
		padding: 10px 15px 0 15px;
		background: url('../../gfx/Q8/background/customer-card/bg-customer-box-top.png') no-repeat 0 0;
	}
	.customerBox h2,
	.customerBox h3
	{
		margin: 0;
		color: #828282;
		line-height: 22px;
		font-size: 16px;
	}
	.customerBox h3
	{
		font-size: 23px;
		line-height: 26px;
	}
	.customerBox em
	{
		color: #ff9900;
		line-height: 19px;
		font-size: 12px;
	}
	.customerBox img
	{
		display: block;
		position: absolute;
		right: 5px;
		top: -35px;
	}
	.customerBox ul
	{
		list-style: none;
		margin: 0 -10px 0;
		padding: 0;
		}
		.customerBox ul li
		{
			background: url('../../gfx/Q8/background/customer-card/bg-customer-box-list.png') repeat-x 0 0;
		}
		.customerBox ul a,
		.customerBox ul a:focus,
		.customerBox ul a:active
		{
			display: block;
			color: #828282;
			font-size: 13px;
			text-decoration: none;
			line-height: 14px;
			padding: 5px 11px;
		}
		.customerBox ul a:hover,
		.customerBox ul a.selected
		{
			font-style: italic;
			color: #ff9900;
		}
		.customerBox ul a span
		{
			padding-left: 5px;
		}
		.customerBox .expand
		{
			display: none;
		}
		.customerBox .inner
		{
			padding: 14px 11px;
		}
		.customerBox .formfieldRound
		{
			float: left;
		}
		.customerBox .formfieldRound,
		.customerBox .formfieldRound input
		{
			width: 116px;
		}
		.customerBox .buttons
		{
			float: right;
		}
	
/*Kundeservicebox - end */



/* Search result - start */

.searchResult
{
	padding: 5px 0 0;
	}
	.formfieldSearch
	{
		position: relative;
	}
	.formfieldSearch input.formfield
	{
		width: 635px;
		font-size: 12px;
		border: 1px solid #dadada;
		padding: 7px 35px 7px 10px;
		color: #828282;
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		border-radius: 4px; 
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.formfieldSearch input.formbutton
	{
		text-indent: -999em;
		position: absolute;
		right: 2px;
		top: 0;
		height: 30px;
		width: 30px;
		border: 0;
		padding: 10px;
		cursor: pointer;
		background: transparent url('../../gfx/Q8/background/bg-search-glass.png') no-repeat 50% 50%;
	}
.formfieldSearchProducts
{
	margin: 20px 0 0;
	width: 413px;
}
.formfieldSearchProducts input.formfield
{
	width: 367px;
}

.searchBackLink
{
	font-size: 12px;
	padding: 0 0 0 20px;
	background: url('../../gfx/Q8/bullet/bullet-search-back.png') no-repeat 0 50%;
	text-decoration: none;
}

.searchSummary
{
	line-height: 20px;
	padding: 25px 0 15px;
	margin: 0 0 15px;
	background: url('../../gfx/Q8/background/bg-search-dot.png') repeat-x 0 100%;
	}
	.searchSummary h1
	{
		font-size: 15px;
	}
	.searchSummary p,
	.searchSummary h1
	{
		margin: 0;
	}
	.searchSummary ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		.searchSummary li
		{
			display: inline;
			padding: 0 10px 0 0;
		}
		.searchSummary a.selected
		{
			text-decoration: none;
			font-weight: bold;
		}

.searchList
{
	line-height: 20px;
	}
	.searchList div
	{
		margin: 0 0 20px;
		overflow: hidden;
	}
	.searchList h2
	{
		font-size: 13px;
	}
	.searchList p
	{
		margin: 0;
	}
	.searchList img
	{
		float: left;
		margin: 0 20px 20px 0;
	}

.searchResult .paging
{
	float: right;
}



/* Search result - end */





/* find distriktchef - start */

.dist-results {
	
}
	.dist-results dl{
		position: relative;
		padding-bottom: 50px;
	}
	.dist-page dl {
		padding-top: 15px;
	}
	.dist-results .moreInfo{
		top: -7px;
	}	
	.dist-results .moreInfo,
	.dist-results .newSearch{
		float: right;
	}
	.dist-results .moreInfo a{
		font-size; 11px;
	}
	.dist-results .moreInfo a,
	.dist-results .email a
	{
		text-decoration: none;
	}
	.dist-results dt{
		border-bottom: 1px dotted #999999;
		margin-bottom: 15px;
	}
	.dist-results dt p {
		font-weight: bold;
	}
	.dist-results dd{
		float: left;
		position: relative;
	}
	.dist-results dd p{
		margin: 0;
	}
	.dist-results dd h3,
	.dist-results .email a,
	.dist-results .newSearch
	{
		color: #356a87;
	}
	.dist-results .person-img,
	.dist-results .person-img-big {
		margin: 0;
	}
	.dist-results .person-img img {
		width: 131px;
		height: 94px;
	}	
	.dist-results .person-img-big img {
		width: 222px;
		height: 155px;
	}


/* form additional css */

.regForm {
    background: url("../../gfx/Q8/background/q8-sprite.png") no-repeat scroll 0 0 transparent;
    height: 275px;
    margin-bottom: 30px;
    position: relative;
    top: 10px;
    width: 460px;
}
.regForm .inner {
	background: url("../../gfx/Q8/background/q8-sprite.png") no-repeat scroll 229px -577px transparent;
}
.regForm .col {
    display: inline-block;
    float: left;
    height: 215px;
    padding: 24px 15px 0;
}
.regForm .col.first {
	width: 43%;
}
.regForm .col.second {
	padding-right:0;
	width: 47%;
}


/* Input fields*/
.regForm fieldset {
	display: block;
	 padding: 0 5px;
}
.regForm fieldset legend {
	display: block;
	margin-bottom: 20px;
}
.regForm fieldset span {
	float: left;
	width: 100px;
}
.regForm .inputText {
	display: inline-block;
}
.regForm .inputText .wrap {
    background: url("../../gfx/Q8/background/q8-sprite.png") repeat scroll left -404px transparent;
    display: inline-block;
    height: 28px;
    margin: 60px 0 0;
    padding: 0;
    width: 186px;
}
.regForm .inputText input {
    background: url("../../gfx/Q8/background/q8-sprite.png") repeat scroll right -433px transparent;
    border: medium none;
    display: block;
    height: 27px;
    line-height: 25px\0/;
    padding: 0 10px;
    position: relative;
    top: 2px;
	* top: 1px;
	* padding-top:5px;
    width: 180px;
}
.regForm .inputText label,
.regForm .checkbox legend{
	font-size: 22px;
	font-weight: bold;
	vertical-align: baseline;
	color: #828282;
}
.regForm .inputText em,
.regForm .checkbox em{
	font-style: normal;
	display: block;
	color: #ff980d;
	float: left;
}

/* Button */
.regForm input[type="submit"],
.regForm .submit {
    background: url("../../gfx/Q8/background/q8-sprite.png") repeat scroll right -366px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    padding: 0;
    width: 167px;
	letter-spacing: 0.05em;
	cursor: pointer;
}
.regForm .button {
	background: none;
    position: relative;
    width: 460px;
}
.regForm .button .row {
    background: url("../../gfx/Q8/background/q8-sprite.png") repeat scroll left -326px transparent;
    display: block;
    left: 153px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 159px;
}

/* custom form elements */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	padding: 0 0 0.5em 37px;
	margin: 0 0 .2em;
	cursor: pointer;
}

/* p2 */
.custom-checkbox label, .custom-radio label {
	background-position: -13px -16px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -13px -116px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -14px -216px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -14px -316px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

/* p3 */
.custom-checkbox label {
	background-image: url(../../gfx/Q8/background/checkbox.png);
	background-repeat: no-repeat;	
}

.regForm table {
    width: 100%;
    left: -2px;
    margin: 0;
    padding: 0;
    position: relative;
}
/* distrikt end */