/* Body
--------------------------------------------------*/
	
	body {
		margin: 0 0 20px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 76%;
	}
	
	body#popup {
		margin: 10px;
		background-image: none;
	}

/* Containers
--------------------------------------------------*/

	div.container {
		width: 940px;
		margin: 0 auto;
	}
	
	div#header {
		background-image: url(../application/images/header-bg.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		background-color: #e9f0fb;
		border-bottom: 1px solid #c3d9f8;
	}
		
	div#header div.container {
		padding: 1em 0 1em 0;
		position: relative;
	}
	
	div#header a#delivery {
		float: left;
	}
	
	div#header a.vokins {
		padding: 2px 0 0 15px;
		float: left;
	}
	
	div#header div#title {
		float: left;
	}
	
	div#header div#title div#name {
		float: left;
		margin: 0.2em 0 0.25em 0;
		font-weight: bold;
		line-height: 0.9;
		font-size: 1.5em;
	}
	
	div#header div#title div#name span#name {
		letter-spacing: -0.05em;
	}
	
	div#header div#title div#name span#description {
		font-size: 0.65em;
		font-weight: normal;
		padding-left: 1px;
	}
		
	div#header div#logo {
		float: left;
		margin: 11px 15px 10px 0;
	}
			
	div#strip {
		background-image: url(../application/images/strip-bg.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		background-color: #f8f8f8;
		border-bottom: 1px solid #eaeaea;
	}
	
	div#strip div.container {
		font-size: 0.9em;
		padding: 5px 0 6px 0;
	}
	
	div#strip div.container div.basket-widget {
		float: right;
	}
	
	div#strip div.container div.basket-widget a:hover {
		text-decoration: none;
	}
	
	div#main {
		margin: 20px 0 0 0;
	}
	
	div#skyscraper {
		float: right;
	}
	
	div#left {
		float: left;
		width: 154px;
	}
	
	div#content {
		float: left;
		width: 625px !important;
		margin: 0 0 1em 0;
		position: relative;
		top: -5px;
	}
	
	div#right {
		float: left;
		width: 20%;
	}
	
	div#inner {
		margin: 0 0 0 20px;
		min-height: 400px;
	}
	
	div#footer {
		margin: 10px 0 0 0;
	}
	
	div#footer div.container {
		padding: 5px 0 0 0;
		border-top: 1px solid #E8E8E8;
		font-size: 0.9em;
		color: #999999;
	}

/* Headers
--------------------------------------------------*/

	h1 {
		margin: 0 0 0.3em 0;
		font-size: 1.8em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h2 {
		margin: 0 0 0.5em 0;
		font-size: 1.4em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h3 {
		font-size: 1.1em;
		margin: 0 0 0.2em 0;
	}
	
	.detailed-header {
		margin: 0 0 0.8em 0;
	}
	
	.detailed-header h1, .detailed-header p {
		margin: 0;
	}	

/* Text
--------------------------------------------------*/

	p {
		margin: 0 0 0.8em 0;
	}

	p, li, td {
		line-height: 1.44;
	}

	a, span.link {
		color: #00529c;
		text-decoration: underline;
		cursor: pointer;
		font-weight: normal;
	}

	a.reverse {
		text-decoration: none;
	}

	a.reverse:hover {
		text-decoration: underline;
	}

	a.back {
		background-image: url(../application/images/back.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
	}

/* Lists
--------------------------------------------------*/

	div#content ul {
		margin: 0 0 0.8em 0;
		padding: 0;
	}

	div#content ul ul {
		margin-top: 3px;
	}

	div#content li {
		line-height: 1.6em;
		margin: 0 0 0 20px;
		padding: 0;
	}

/* Images
--------------------------------------------------*/

	img {
		border: 0;
	}

	img.frame {
		border: 1px solid #e8e8e8;
	}
	
	img.zoom {
		position: relative;
		top: 2px;
	}
	
	div.image a {
		display: block;
		position: relative;
		background-color: #FFFFFF;
	}
	
	div.image a img {
		position: absolute;
	}
	
	div.image a img.overlay {

	}
	
	div.image a img.tr {
		top: 10px;
		right: 10px;
	}
	
	div.image a img.tl {
		top: 10px;
		left: 10px;
	}
	
	div.image a img.br {
		bottom: 10px;
		right: 10px;
	}
	
	div.image a img.bl {
		bottom: 10px;
		left: 10px;
	}
	
	div.image p {
		margin: 2px 0 3px 0;
	}
	
	div.image-preview {
		background-color: #f5f5f5;
		border: 1px solid #e8e8e8;
		float: right;
		margin-left: 20px;
	}
	
	div.image-preview a {
		height: 300px;
		width: 300px;
	}

	div.image-thumb {
		background-color: #f5f5f5;
	}
	
	div.image-thumb a {
		height: 150px;
		width: 190px;
	}
	
	
/* Tables
--------------------------------------------------*/

	table {
		width: 100%;
		border-collapse: collapse;
		margin: 0 0 0.8em 0;
	}
	
	thead {	
		background-image: url(../application/images/strip-bg.jpg);
		background-position: bottom;
		background-color: #f8f8f8;
		background-repeat: repeat-x;
		font-weight: bold;
		border: 1px solid #e8e8e8;
	}
	
	thead td {	
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
	}
	
	thead td.first {	
		border-left: 1px solid #e8e8e8;
	}
	
	thead td.last {	
		border-right: 1px solid #e8e8e8;
	}
	
	td {	
		padding: 1px 5px 3px 5px;
		border-bottom: 1px solid #e8e8e8;
		vertical-align: top;
	}
	
	table.swatches {
		width: 50%;
	}
	
	table.swatches td {
		border-bottom: none;
		text-align: center;
	}
	
	table.drawers {
		width: 10%;
	}
	
	table.drawers td {
		border-bottom: none;
		text-align: center;
	}
	
/* Forms
--------------------------------------------------*/
	
	form {
		border: 0;
		margin: 0 0 0.8em 0;
	}
	
	form div.legend {
		background-image: url(../application/images/strip-bg.jpg);
		background-position: bottom;
		background-color: #f8f8f8;
		background-repeat: repeat-x;
		font-weight: bold;
		border: 1px solid #e8e8e8;
		padding: 3px 5px 4px 5px;
		display: block;
		text-align: left;
	}
	
	div.block-lite {
		border: 0;
		margin: 0;
		padding: 15px 15px 0 15px;
	}
	
	form fieldset {
		margin: 0;
		border: 0;
		padding: 10px 5px 10px 5px;
	}
	
	form fieldset.lite {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	form div.row {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		padding: 4px 0 4px 0;
		clear: both;
	}
	
	form div.label {
		width: 30%;
		float: left;
	}
	
	form label {
		padding: 3px 20px 0 0;
		display: block;
		text-align: right;
	}
	
	form div.required label {
		font-weight: bold;
	}
	
	form div.fields {
		width: 70%;
		float: left;
	}
	
	form div.field {
		margin: 0 0 2px 0;
	}
	
	form p.error {
		font-size: 0.9em;
		color: #df0000;
		margin: 2px 0 0 0;
	}
		
	fieldset.buttons {
		background-image: url(../application/images/strip-bg.jpg);
		background-position: bottom;
		background-color: #f8f8f8;
		background-repeat: repeat-x;
		border: 1px solid #e8e8e8;
		padding: 5px;
		text-align: left;
	}

	form textarea {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
	}
	
	form#search .button {
		float: right;
		width: 24%;
	}
	
/* Navigation
--------------------------------------------------*/

	ul#navigation {
		margin: 0;
		padding: 1em 0 0 0;
		list-style: none;
		float: right;
		z-index: 100;
	}

	ul#navigation li {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		background-image: url(../application/images/nav-spacer.gif);
		background-position: right;
		background-repeat: no-repeat;
	}

	ul#navigation li.last {
		margin: 0;
		padding: 0;
		background-image: none;
	}

	ul#navigation li a {
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		font-size: 0.9em;
	}

	ul#navigation li a:hover {
		text-decoration: underline;
	}

/* Buttons
--------------------------------------------------*/

	a.button, input.button {
		background-image: url(../application/images/button.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #dde9fb;
		border: 1px outset #b1cbf6;
		color: #000000;
		text-decoration: none;
	}
	
	a.button {
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0.3em 1em 0.3em 1em;
	}
	
	a.button:hover {
		color: #000000 !important;
		text-decoration: none !important;
		background-image: url(../application/images/button_over.gif);
	}
	
	input.button {
		padding: 0.08em 0.6em 0.08em 0.6em;
		cursor: pointer;
	}
	
	input.button:hover {
		background-image: url(../application/images/button_over.gif);
	}
	
	a.button:active, input.button:active {
		border-style: inset;
	}
	
/* Sidebar Blocks
--------------------------------------------------*/

	div.block {
		margin: 0 0 10px 0;
		border-top: 1px solid #dfeafa;
		border-left: 1px solid #dfeafa;
		border-right: 1px solid #c3d9f8;
		border-bottom: 1px solid #c3d9f8;
	}
	
	div.block .content {
		font-size: 0.9em;
		background-color: #FFFFFF;
	}
	
	div.block div.content {
		padding: 7px 8px 8px 8px;
	}
	
	div.block form.content {
		padding: 5px;
		margin: 0;
	}
	
	div.block div.title {
		background-image: url(../application/images/button.gif);
		background-position: bottom;
		background-color: #eff5fc;
		background-repeat: repeat-x;
		padding: 3px 5px 4px 5px;
		font-weight: bold;
	}
	
	div.block table {
		margin: 0;
	}
	
	div.block th {
		padding: 0;
		background-color: transparent;
	}
	
	div.block tr {
		border: 0;
	}
	
	div.block td, div.block th {
		padding: 0 0 5px 0;
		vertical-align: top;
	}
	
	div.block a {
		color: #000000;
	}
	
	div.block a:hover {
		color: #0b4db1;
		text-decoration: none;
	}
	
/* Breadcrumbs
--------------------------------------------------*/

	div#breadcrumbs {

	}
	
	div#breadcrumbs img {
		margin: 0 5px 0 3px;
	}
	
	div#breadcrumbs span {
		font-weight: bold;
	}
	
	div#breadcrumbs a:hover {
		text-decoration: none;
	}

/* Criteria
--------------------------------------------------*/

	p#criteria {
		font-size: 0.9em;
		border-top: 1px solid #e8e8e8;
		padding-top: 5px;
	}
	
/* Messages
--------------------------------------------------*/

	div#message {
		padding: 3px 5px 5px 5px;
		text-align: center;
		margin: 0 0 10px 0;
	}
	
	div.message-success {
		background-color: #e2ffcb;
		border: 1px solid #c6fc9b;
		color: #2a4a11;
	}
	
	div.message-success a {
		color: #2a4a11;
	}
	
	div.message-error {
		background-color: #ffeeee;
		border: 1px solid #ffd6d6;
		color: #df0000;
		font-weight: bold;
	}
	
	div.message-notice {
		background-color: #fff8cf;
		border: 1px solid #fff2ab;
	}
	
	
	div.message-notice a {
		color: #000000;
	}
	
	div#message p {
		margin: 0 0 0.5em 0;
	}
	
/* Standard Classes
--------------------------------------------------*/

	.bold {
		font-weight: bold !important;
	}
	
	.normal {
		font-weight: normal !important;
	}
	
	.small {
		font-size: 0.9em !important;
	}
	
	.highlight {
		font-weight: bold !important;
		color: #447ccf !important;
	}
	
	.left {
		text-align: left !important;
	}
	
	.right {
		text-align: right !important;
	}
	
	.center {
		text-align: center !important;
	}
	
	.float-left {
		float: left !important;
	}
	
	.float-right {
		float: right !important;
	}
	
	.block-center {
		margin: 0 auto !important;
	}
	
	.last {
		margin-bottom: 0 !important;
	}
	
	.indent {
		padding-left: 10px;	
	}
	
	.faint {
		color: #999999 !important;
	}
	
	.space {
		margin-top: 2em !important;
		margin-bottom: 2em !important;
	}
	
	.middle {
		vertical-align: middle !important;
	}
	
	.clear {
		clear: both !important;
	}
	
	.memberlogo img {
		padding: 10px 5px 0 0;
	}

/* Specific: Categories Widget
--------------------------------------------------*/

	div.block ul {
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}
	
	div.block ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #F0F0F0;
	}
	
	div.block ul li.last {
		border-bottom: 0;
	}
	
	div.block ul li a {
		padding: 3px 6px 4px 6px;
		display: block;
	}
	
	div.block ul li a:hover {
		color: #000000;
		background-image: url(../application/images/cat-arrow.gif);
		background-position: right;
		background-repeat: no-repeat;
	}
	
	div.block ul a.parent {
		font-weight: bold;
	}
	
	div.block ul a.active {
		background-image: url(../application/images/cat-arrow.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: #fafafa;
		font-weight: bold;
	}
	
	div.block ul ul li {
		border-bottom: 0;
		border-top: 1px solid #F0F0F0;
	}
	
	div.block ul ul li a {
		padding: 1px 0 2px 15px;
		text-decoration: none;
	}
	
	div.block ul ul a.active {
		font-weight: bold;
	}

/* Specific: Variables Widget
--------------------------------------------------*

	div#variables-widget ul {
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}
	
	div#variables-widget ul li {
		margin: 0;
		padding: 3px 6px 0 6px;
		list-style: none;
		border-bottom: 1px solid #F0F0F0;
	}
	
	div#variables-widget ul li.last {
		border-bottom: 0;
	}
	
	div#variables-widget ul a.active {
		font-weight: bold;
	}
	
	div#variables-widget ul ul {
		margin-left: 10px;
		margin-bottom: 6px;
	}
	
	div#variables-widget ul ul li {
		border: 0;
		margin: 0;
		padding: 0;
	}

/* Specific: Basket Widget
--------------------------------------------------*/

	table.basket-widget td, table.basket-widget th {
		border-bottom: 0;
	}
	
/* Products Table
--------------------------------------------------*/

	table.products {	
		border-top: 1px solid #e7e7e7;
	}
	
	table.products td.image {	
		width: 90px;
		text-align: center;
	}
	
	table.products td.price {	
		width: 80px;
		line-height: 1.1;
	}
	
	table.products td.qty {	
		width: 60px;
	}
	
/* Columns
--------------------------------------------------*/

	div.column {
		width: 32.5%;
		float: left;
		margin: 0 0 10px 0;
	}

	div.column div.product {
		width: 190px;
		background-color: #f5f5f5;
		border: 1px solid #e8e8e8;
		text-align: left;
		cursor: pointer;
		overflow: hidden;
	}

	div.column div.product:hover {
		border: 1px solid #c3d9f8;
	}

	div.column-left div.product {
		float: left;
	}

	div.column-center {
		width: 34%;
	}

	div.column-center div.product {
		margin: 0 auto;
	}

	div.column-right div.product {
		float: right;
	}

	div.column div.product p {
		margin: 0;
	}
	
	div.column p.top {
		padding: 0px 5px 4px 5px;
		text-decoration: underline;
		height: 35px;
	}

	div.column p.top a {
		color: #000000;
		font-weight: bold;
	}

	div.column p.bottom {
		padding: 1px 5px 2px 5px;
	}

	div.column p.bottom span.price {
		color: #0b4db1;
	}

	div.column p.bottom span.rrp {
		float: right;		
		font-size: 0.9em;
	}