/* LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date:  04/II/2010						 */
/* author: Daniel Angel */
/* ----------------------------------------- */
/* Color Codes								 */
/*											 */
/* 	Gray:		#5B5E61						 */
/*	Pink-red:	#E66860					 	 */
/*  Pink-orange #F07066						 */
/*  Green:		#B7E94A						 */
/*  Blue: 		#5DC6DA						 */
/*	Purple:		#7C2A71						 */
/*  Fuchsia:	#C85292						 */
/*  Light-brown #E0DED8						 */
/* ----------------------------------------- */
/* begin tag redefinition */
/* ----------------------------------------- */

body { 
	background: #FCFBFA;
	font-size: 75%;
	line-height: 1.6em;
}

a {
	color: #F07066;
	text-decoration: underline;
}
a:hover {

}
a:active {

}
div#header a, div#footer a, a.alt, div#main a { color: #5B5E61; text-decoration: none; }
a.alt:hover { color: #F07066; text-decoration: underline; }
div#main a { text-decoration: underline; }

sup {
	font-size: 60%; 
	vertical-align: top;
}
	table td sup { font-size: 100%; vertical-align: baseline; } /* exception */
	table tr.grand-total td sup { font-size: 60%; vertical-align: top; } /* exception to the exception */
	/* be prepared to enter recursive exception to the exception to the exception. It's coming, I tell you */

/* ----------------------------------------- */
/* Layout elements */
/* ----------------------------------------- */

div.wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
div#header {
	background: url(../img/header-background.png) top left repeat-x;
	height: 150px;
}
div#header div.wrapper {
	height: 140px;
	z-index: 1;
}
	p#hi {
		color: #00102D;
		float: right;
		margin: 5px 0 0 0;
		padding: 0 15px 0 0;
		text-align: right;
	}
	p#hi a {
		border-bottom: 1px dotted;
		color: #00102D;
	}
	p#hi a.myaccount {
		color: #833375;
	}
	p#hi a:hover {
		border: none;
	}
	div#header h1 {
		float: left;
		height: 130px;
		width: 270px;
	}
	div#header h1 a {
		background: url(../img/header-h1.png) top left no-repeat;
		display: block;
		height: 130px;
	}

div#content {
	background: #FFF;
}
	div#content div.wrapper {
		padding: 10px 0;
		z-index: 0;
	}
	div#stripe {
		background: url(../img/stripe-background.png) top left no-repeat;
		height: 61px;
		margin: 0 0 10px 0;
		padding: 0 0 0 80px;
		position: relative;
		z-index: 0;
	}
		div#stripe p.ornament {
			background: url(../img/ornaments.png) top left no-repeat;
			height: 111px;
			left: 0;
			position: absolute;
			top: -10px;
			width: 150px;
		}
		div#stripe.pages p.ornament { background: url(../img/ornaments2.png) top left no-repeat; }
		body#pages-downloads div#stripe.pages p.ornament { background-position: 0 -200px; }
		body#resellers-stores div#stripe.resellers p.ornament { background: url(../img/ornaments2.png) 0 -400px no-repeat; }
		body#pages-contact div#stripe.pages p.ornament { background-position: 0 -600px; }		
		

		div#stripe h2 {
			float: left;
			margin: 20px 0 0 20px;
			width: 470px;
		}
		div#stripe form {
			float: right;
			height: 61px;
			width: 200px;
		}
		div#stripe form#ProductSearchForm p {
			padding: 15px 0 0 0;
			margin: 0;
		}
		div#stripe p.button {
			padding: 15px 0 0 0;
			float: right;
			height: 46px;
			width: 125px;
		}

	div#sidebar {
		background: #FCFAF9 url(../img/sidebar-background.png) top left repeat-x;
		float: left;
		min-height: 200px;
		padding: 1em 15px;
		width: 215px;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
		div#sidebar h3 {
			margin: .2em 0 .8em 0;
		}
			div#sidebar h3:first-child {
				border-bottom: 1px dashed #D9D9D9;
				padding: 0 0 .5em 0;
			}
		
	div#main {
		float: left;
		font-size: .9em;
		padding: 0 0 0 15px;
		width: 700px;
	}
	#products-view #main {
		padding-bottom: 30px;
		position: relative;
	}
	div#main div.col {
		float: left;
		padding: 0 15px;
		width: 320px;
	}
	div#main div.col.right {
		border-left: 1px dashed #D9D9D9;
		width: 319px;
	}




div#footer {
	background: url(../img/footer-background.png) top left repeat-x;
	font-size: .9em;
	height: 293px;
	padding: 25px 0 0 0;
}
div#str {
	border-top: 1px dashed #D9D9D9;
	border-bottom: 1px dashed #D9D9D9;
	margin: 25px 0 10px 0;
	padding: 10px 0 0 0;
}
div#footer h4 {
	background: url(../img/footer.png) top left no-repeat;
	height: 22px;
	width: 265px;
}
div#footer div.vcard {
	float: right;
	width: 455px;
}
	div#footer div.vcard h5.org {
		display: none;
	}
div#footer div#parseable {
	float: left;
	padding: 0 0 0 15px;
	width: 185px;
}
div#footer div#matilda {
	float: right;
	width: 200px;
}
div#footer div#matilda p.img {
	background: url(../img/footer.png) 0 -116px no-repeat;
	height: 50px;
}

div#footer p#locate {
	height: 50px;
	position: absolute;
	right: 20px;
	top: -10px;
	width: 356px;
}
	div#footer p#locate a {
		background: url(../img/footer.png) 0 -50px no-repeat;
		display: block;
		height: 50px;
	}
	div#footer p#locate a:hover { background-position: -356px -50px; }
	div#footer p#koodoz {
		width: 400px;
	}
	div#footer p#koodoz a {
		background: url(../img/koodoz-logo.png) 0 0 no-repeat;
		display: block;
		height: 16px;
		padding: 0 0 0 24px;
	}
	div#footer p#koodoz a strong {
		font-weight: normal;
	}
	div#footer p#koodoz a:hover {
		color: #D50A27;
	}
	div#footer p#copy {
		margin-top: -1.6em;
		text-align: right;
	}



/* ----------------------------------------- */
/* Specific blocks */
/* ----------------------------------------- */

/* breadcrumbs & cart element */
p.breadcrumbs {
	border-bottom: 1px dashed #D9D9D9;
	margin: 1.2em 0;
	padding: 0 0 1em 0;
}
p.breadcrumbs span {
	/*color: #F07066;*/
}
p.breadcrumbs a, p.breadcrumbs span span {
	color: #5B5E61;
}
p.cart {
	background: url(../img/basket.png) top right no-repeat;
	height: 16px;
	margin: -4em 10px 1em auto;
	padding: 3px 27px 0 0;
	text-align: right;
	width: 300px;
}
p.cart span {
	color: #F07066;
}

/* navigation in main div */

ul.main-column-menu {
	overflow: auto;
}
ul.main-column-menu li {
	display: block;
	float: left;
	height: 80px;
	line-height: 1.3em;
	margin: 5px 5px 0 0;
	padding: 10px;
	overflow: hidden;
	width: 320px;
}
ul.main-column-menu li h4 {
	margin: 0 0 .7em 0;
}
ul.main-column-menu li p {
	padding: 0 8em 0 0;
}

/* sidebar featured products */
div#sidebar h3.featured {
	margin-bottom: .2em;
	margin-top: 2em;
}
div#sidebar img {
	border: 1px solid #E0DED8;
	display: block;
	margin: 0 auto;
}
div#sidebar p.button.featured {
	margin: .8em 0 1.5em 0;
}
div#sidebar p.button.featured a {
	background-position: 0 -217px;
	margin: 0 auto;
	width: 147px;
}

/* sidebar twitter */
div#sidebar h3.tweet {
	border-bottom: 1px dashed #D9D9D9;
	color: #0096C7;
	margin: 2em 0 1em 0;
	padding: .5em 0 .5em 60px;
}
div#sidebar p.button.tweet {
	margin: 1em 0 0 0;
}
div#sidebar p.button.tweet a {
	background-position: 0 -62px;
	margin: 0 auto;
	width: 147px;
}
div#sidebar div#sidebar-twitter {
	position: relative;
}
div#sidebar div#sidebar-twitter a {
	color: #0096C7;
}
p.twitter-ornament {
	background: url(../img/twitter-ornament.png) top left no-repeat;
	height: 56px;
	left: 0;
	position: absolute;
	top: -5px;
	width: 57px;
}
p.catalogue {
	height: 53px;
}
p.catalogue a {
	background: url(../img/buttons.png) 0 -590px no-repeat;
	height: 53px;
	display: block;
}

/* coloured main titles & icons */
div#stripe.pages h2 { color: #C2538A; }
body#pages-downloads div#stripe.pages h2 { color: #8AB325; }
body#pages-contact div#stripe.pages h2 { color: #7C2A71; }
div#stripe.stores h2 { color: #0098B3; }
body#resellers-stores div#stripe h2 { color: #0096C7; }

/* ----------------------------------------- */
/* Buttons. So many buttons, so little time */
/* ----------------------------------------- */

p.button.basket a {
	background-position: 0 -124px;
}
div#stripe p.button a {
	background-position: 0 -186px;
	width: 106px;
}




/* ----------------------------------------- */
/* Tables and children */
/* ----------------------------------------- */

table {
	border-collapse: collapse;
	width: 100%;
}
table caption {
	display: none;
}
table col.price, table td.price, table th.price {
	text-align: right;
}
table col.center, table td.center, table th.center {
	text-align: center;
}
table img {
	display: block;
}
table tbody tr {
	border-bottom: 1px dashed #D9D9D9;
}
table tfoot {
	border-bottom: 1px dashed #D9D9D9;
}
table tfoot th {
	text-align: right;
}
table tfoot th, table tfoot td {
	font-weight: normal;
	padding: .2em 10px;
}
table th {
	font-weight: bold;
}
table thead tr {
	background: #F4F2EE;
}
table th, table td {
	padding: .5em 10px;
}
table tr.grand-total {
	font-size: 2em;
}
table tr.grand-total th, table tr.grand-total td {
	color: #E66860;
	text-align: right;
}


/* ----------------------------------------- */
/* Pagination ul styles 					*/
/* ----------------------------------------- */

ul.pages {
	height: 22px;
	margin: 1.5em 0 0 0;
}
ul.pages li {
	border: 1px solid #D9D9D9;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 20px;
}
	ul.pages li.previous, ul.pages li.next {
		border: none;
		height: 22px;
		line-height: 22px;
		text-align: left;
		width: 60px;
	}
	ul.pages li.next {
		padding-left: 3px;
	}
	ul.pages li.previous span.disabled, ul.pages li.next span.disabled {
	}
	ul.pages li.selected, ul.pages li.current {
		background: #F07066;
		color: #FFF;
		border: 1px solid #F07066;
	}
ul.pages li a {
	display: block;
	text-decoration: none !important;
}

ul.pages li a:hover {
	background: #F07066;
	color: #FFF !important;
}
	ul.pages li.previous a:hover, ul.pages li.next a:hover {
		background: none;
		color: #5B5E61;
	}

/* end pagination ul styles */

/* ----------------------------------------- */
/* helpful site-wide classes */
/* ----------------------------------------- */

div.error {
	border-color: #9E2006;
	background: #FFBABA url(../img/error.png);
	color: #9E2006;
}
div.warning, td.expired {
	border-color: #9F6000;
	background: #FFF8C4 url(../img/warning.png);
	color: #9F6000;
}
div.success {
	border-color: #4F8A10;
    background: #DFF2BF url(../img/success.png);
    color: #4F8A10;
}
div.warning, div.success, div.error, td.expired {
	background-position: 7px 8px;
	background-repeat: no-repeat;
	border: 1px dotted;
    margin: 2em 0;
    padding: 1.2em 1em 1.2em 50px;
}
p.button a {
	display: block;
	background: url(../img/buttons.png);
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
}

.img {
	overflow: hidden;
	text-indent: -9999px;
}
span.skirt {
	clear: both;
	display: block;
	height: 0px;
}
.that-thing { /* you know .... *that* thing! */
	unicode-bidi: bidi-override;
	direction: rtl;
}
p.skip {
	display: none;
}
p.aside {
	display: block;
	float: left;
	margin: -.5em 2em 8em 0 !important;
}
p.button a.download {
	background-position: 0 -403px;
	margin: 0 0 0 auto;
	width: 127px;
}