/*

customer:		Quixpo
site:			www.quixpo.be

file:			Main CSS for all modern browsers + IE 
released: 		December 15, 2005
updated: 		December 14, 2005
tested:			Safari 2.0, FF Win, FF Mac, IE 5.5, IE 6.0  
note:			IE hacks are in separate file.

designed by:	Quixpace | quixpace.com

*/


/* ---------- body and root fonts ---------- */
body { 
padding:				0;
background: 			#FFF;
font:					75% "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
color:					#444;
text-align:				center;
margin:					0;
min-width: 				776px;
}
p, table td, li, dl {
font:					0.95em "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;;
_font-size:				10px;
line-height:			1.4em;
}
p {
_margin:				0.7em;
}
/* -------- basic structure of the page -------- */
#wrap-all {
margin:					0 auto;
padding:				0;
text-align:				left;
width:					92%;
_width:					93%;
background-color:		#FFF;
}
	#wrap-head {
	clear:					both;
	margin:					20px 0 0 0;
	}
	#wrap-body {
	clear:					both;
	margin:					15px 0 0 0;
	min-height:				300px;
	}
	#wrap-foot {
	clear:					both;
	margin:					25px 0 25px 0;
	}

#frame {
margin:					0;
padding:				0;
width:					100%;
}
#col-left {
width:					170px;
padding:				0 10px 0 0;
vertical-align:			top;
}
#col-main {
padding:				20px 10px 20px 10px;
vertical-align:			top;
}
#col-right {
width:					170px;
padding:				0 0 0 10px;
vertical-align:			top;
}

/* ---------- must haves, links and titles ---------- */
img	{
border:					0;
}
img.frame {
background-color:		#FDFDFD;
border:					1px solid #BBB;
padding:				4px;
}
.code {
font:					1em "Courier New", Monaco, Profont, monospace !important;
}
small, .small {
font-size:				9px;
}
.warn {
color:					red;
}
.grey {
color:					#A7A7A7;
}
.caps {
text-transform:			uppercase;
}
a {
color:					#7E901B;	
text-decoration:		underline;
font-weight:			normal;
}
a:visited {
color:					#7E901B;	
text-decoration:		underline;
}
a:hover {
color:					#B3CD21;	
}
a:active {
color:					#7E901B;	
}
h1 {
font-family:			Verdana, Arial, Tahoma, Helvetica, sans-serif;
text-transform:			uppercase;
margin:					0;
padding:				0;
color:					#B1CB1F;
}
h1 span {
display:				none;
}
h1 a {
display:				block;
width:					200px;
height:					30px;
}
h2 {	
color:					#B1CB1F;
font-size:				1.4em;
font-weight: 			bold;
margin: 				-1em 0 0.9em 0;
padding: 				0;
font-family:			Verdana, Arial, Tahoma, Helvetica, sans-serif;
text-transform:			uppercase;
font-weight:			normal;
letter-spacing:			0.1em;
}
h2 a {
color:					#B1CB1F !important;	
text-decoration:		none !important;
}
h3 {
color:					#B1CB1F;
font-size:				1.2em;
font-weight: 			bold;
margin: 				1.5em 0 1em 0;
padding:				0;
font-weight:			normal;
}
h3 a {
color:					#B1CB1F !important;
text-decoration:		none !important;
}
h4 {
color:					#444;
font-size: 				1.1em;
line-height: 			1.6em;
margin: 				1.5em 0 1em 0;
padding: 				0;
font-weight:			normal;
}
h4 a {
color:					#444 !important;
text-decoration:		none !important;
}
h5 {
color:					#999;
font-size: 				0.9em;
line-height: 			1.7em;
margin: 				1.5em 0 1em 0;
padding: 				0;
text-transform:			uppercase;
}
h6 {
color:					#444;
font-size: 				0.95em;
line-height: 			1.7em;
margin: 				1.6em 0 1.2em 0;
padding: 				0;
}

/* -------- rounded corners -------- */
b.cn { 
position: 				absolute; 
height: 				10px; 
width: 					10px; 
margin: 				0; 
padding: 				0; 
background-image: 		url(bord-silver.png);
_background-image: 		url(bord-silver.gif);
background-repeat:		no-repeat;
line-height: 			1px; 
font-size: 				1px; 
} 
b.tl {
top: 					-1px; 
left: 					-1px; 
background-position: 	top left;
}
b.tr {
top: 					-1px; 
right: 					-1px; 
background-position: 	top right;
}
b.bl {
bottom: 				-1px; 
left: 					-1px; 
background-position: 	bottom left;
}
b.br {
bottom: 				-1px; 
right: 					-1px; 
background-position: 	bottom right;
}

/* -------- wrap-head stuff -------- */

#banner {
position:					relative;
height:						16px;
margin-bottom:				10px;
}
#wrap-head h1 {
position:					absolute;
background:					url(logo.gif) no-repeat;
width:						144px;
height:						16px;	
top:						0;
left:						13px;
}
#sign-in {
position:					absolute;
bottom:						0;
right:						0;
float: 						right;
font:						0.9em Verdana, Tahoma, Helvetica, sans-serif;
}
#menubar {
border: 					1px solid #CCC; 
background-color: 			#E9E9E9; 
height:						24px;
clear: 						both; 
position: 					relative;	
}


/* -------- main menu -------- */
.menu {
overflow:					hidden;
width:						auto;
}
.menu ul {
list-style:					none;
white-space:				nowrap;
padding:					0;
margin:						0;
}
.menu > ul a {
width:auto;
}
.menu li {
float:						left;
line-height:				11px;
padding:					0;
margin:						0 1px 0 0;
text-transform:				uppercase;
white-space:				nowrap;
}
	.menu.right li {
	margin:					0 0 0 1px;
	text-transform:			none;
	}
.menu a {
font:						10px Verdana, Tahoma, Helvetica, sans-serif;
float:						left;
display:					block;
width:						.1em;
padding:					6px 13px;
text-decoration:			none !important;
font-weight:				normal;
color: 						#939595 !important;
}
.menu a:hover {
color:						#FFF !important;
background-color:			#B6B6B6;
}
.menu li.current {
background:					#B6B6B6;
color:						#FFF;
}
.menu li.current a,
.menu li.current a:hover	{
color:						#FFF !important;
}
#footerbar .menu li.current {
background:					none;
}
#footerbar .menu li.current a	{
color: 						#939595 !important;
}
#footerbar .menu li.current a:hover	{
color: 						#FFF !important;
}


/* -------- bodycol block -------- */
.mblock {
border-right: 				1px solid #C5C5C5; 
border-bottom: 				1px solid #C5C5C5; 
border-left: 				1px solid #E3E3E3; 
background: 				#FFF url(mblock-bg.gif) repeat-x; 
margin: 					0 0 2em 0;
width:						146px;
padding:					12px;	
font:						10px Verdana, Tahoma, Helvetica, sans-serif;
clear: 						both; 
position: 					relative;	
}
.mblock h4 {
background-color:			#B6B6B6;
color:						#FFF;
font:						11px Verdana, Tahoma, Helvetica, sans-serif;
margin:						-13px -13px 8px -13px;
padding:					2px 12px 2px 12px;
}
.mblock p {
padding-left:				0;
}
.mblock a {
text-decoration:			none;
}


/* -------- wrap-foot stuff -------- */
#footerbar {
border: 					1px solid #CCC; 
background-color: 			#E9E9E9; 
margin-top: 				0;
height:						24px;
clear: 					both; 
position: 				relative;	
}
#poweredby {
position:					absolute;
top:						3px;
left:						10px;
}
.copyright {
color:						#adadad;
font:						9px Verdana, Tahoma, Helvetica, sans-serif;
padding:					8px 0;
}
#wrap-foot a {
color:						#9e9e9e;
font-weight:				normal;
text-decoration:			none;
}
#wrap-foot a:visited {
color:						#9e9e9e;
text-decoration:			none;
}
#wrap-foot a:hover {
color:						#7e7e7e;
text-decoration:			underline;
}
#wrap-foot a:active {
color:						#9e9e9e;
}

/* -------- normal body stuff -------- */

#col-main p {
padding:				0 5em 0 1em;
}


/* -------- grid stuff -------- */

#topnav {
_height:				0.1em;	
background-color:		#EFEFEF;
margin:					-20px 0 15px 0;
font-size:				0.9em;
padding:				0 15px 0 15px;
position: 				relative;	
}
#topnav b.cn {
background-image: 			url(white.png);
}
* html #topnav b.cn {
background-image: 			url(white.gif);
}

#topnav.basket {
margin:					-10px 0 30px 0;
}
#topnav table.nav {
width:					100%;
}
#topnav table.nav td {
padding:				2px 5px 2px 5px;
white-space:			nowrap;
}
#topnav table.zap {
width:					150px;
}
#topnav table.zap td {
padding:				1px;
}
#subnav { 
font:					10px Verdana, Arial, sans-serif;
clear: 					both;
padding:				2em;
float:					right;
}
#subnav a:link,
#subnav a:visited,
#subnav a:active,
#subnav .this-page {
background-color:		#FFF;
padding: 				2px 6px; 
border: 				1px solid #ddd; 
text-decoration:		none;
}
#subnav a:hover {
color: 					#fff; 
background: 			#B6B6B6; 
border: 				1px solid #aaa; 
}
#subnav .ellips {
padding: 				2px 6px; 
}
#subnav .current {	
color:					#999;
padding: 				2px 6px; 
border: 				none; 
font-size:				11px;
vertical-align: 		top; 
}
#grid {
}
.element {
position:				relative;
text-align:				center;
background-color:		#F5F5F5;
border:					1px solid #EEE;
float:					left;
width:					170px;
height:					200px;
margin:					0 5px 5px 0;
}
.element .photo {
width:					154px;
height:					167px;
vertical-align:			middle;
margin:					8px;
}
.element img {
border:					1px solid #E4E4E4;
}
.element-big img {
border:					1px solid #E4E4E4;
}
.element:hover {
background-color:		#EDEDED;
}
.element .descr {
position:				absolute;
bottom:					8px;
left:					0;
width:					170px;
height:					25px;	
font-size:				0.9em;
line-height:			1.3em;
}
.element .title {
font-weight:			bold;
}
.element .actions {
font:					9px Verdana, Arial, sans-serif;
}


/* -------- cart -------- */
#cart {
border-top: 				1px solid #B6B6B6; 
border-right: 				1px solid #C5C5C5; 
border-bottom: 				1px solid #C5C5C5; 
border-left: 				1px solid #E3E3E3; 
width:						100%;
}
#cart td {
padding:				0;
margin:					0;
}
/* nested table with items */
#cart table {
width:					100%;
}
#cart table th {
background-color:			#B6B6B6;
color:						#FFF;
font:						11px Verdana, Tahoma, Helvetica, sans-serif;
padding:					4px 12px 5px 12px;
}
#cart table td {
padding:					4px 7px 4px 7px;
border-bottom:				1px solid #ccc;
}
#cart .total {
padding:					10px 7px 4px 20px;
background-color:			#EFEFEF;
font-size:					1.2em;
}


/* -------- mini-cart -------- */
ul.minicart {
margin:							0;
padding:						0;
list-style:						none;
}
ul.minicart li {
border-bottom:					1px solid #E1E1E1;
background:						url(tab-bg.gif) bottom repeat-x; 
padding:						0.4em;
line-height:					1.3em;
}
ul.minicart li a, #siblings li a:link,
ul.minicart li a:visited,
ul.minicart li a:active {
color:							#444;
text-decoration: 				none;
display:						block;
border:							0;
padding:					 	0 12px;
}
ul.minicart li a:hover {
color: 							#513F34;
background: 					#fff url(tab-bg_ov.gif) bottom repeat-x;
}
ul.minicart li .thumb {
}
ul.minicart li .descr {
padding-top: 					0.4em;
}


/* -------- product detailpage -------- */
.element-big {
text-align:				center;
padding:				15px;
margin:					1em 0 2em 0;
}


/* -------- order procedure -------- */
.steppingstones td {
width:					25%;
text-align:				center;
color:					#B2B2B2;
height:					35px;
}
.steppingstones td.current {
color:					#444;
}

/* -------- comments and ratings -------- */


.newsitem {
}
.postdata {
font-size:		9px;	
}

.comment {
padding: 					0;
margin: 					25px 0 15px 0;
}
.comment a, 
.comment a:visited, 
.comment a:active {
color:						#555;
text-decoration:			none;
font-weight:				bold;
}
.comment a:hover {
color:						#333;
text-decoration:			underline;
}
.comment .author {
padding: 					0 0 10px 0;
margin: 					0;
background: 				#fff url("comment_header.gif") no-repeat left bottom;
}
.comment .author p {
padding: 					5px 0 5px 0;
margin: 					0;
color: 						#666;
line-height:				15px;
}
.comment .author p .name {
color: 						#444;
font-weight: 				bold;
font-size:					1.1em;
}
.comment .stars {
float:						right;
padding-top: 				10px;
}
.comment .stars img {
padding: 					5px 0 5px 2px;
}
.comment .message {
padding:					15px 5px 15px 5px;
background-color: 			#F8F8F8;
border:						1px solid #C7C7C7;
border-top:					0;
}
.comment .message p {
padding: 					5px;
margin: 					0;
}
.comment .message h6 {
padding: 					0 10px 5px 10px;
margin: 					0;
}



/* -------- Quixpo category tree -------- */
#quixpotree {
}
#parents {
margin: 						0 0 1em 0;
}
#parents ul {
padding: 						0;
margin: 						0;
}
#parents ul li {
position:						relative;
padding: 						0;
margin: 						0;
list-style: 					none;
height:							1.6em;
padding:						0.3em 0;
line-height:					1.6em;
}
#parents li a:link,
#parents li a:visited, 
#parents li a:active {
color:							#444;
text-decoration: 				none;
}
#parents li a:hover {
color:							#7E901B;
}
#parents li span {
position:						absolute;
top:							0px;
color:							#888;
font-size:						12px;
left:							0em;
}
	.parent-0 li {
	}
	.parent-0 li a {
	font-weight:				bold;
	padding-left:				0em;
	}
	.parent-1 li {
	}
	.parent-1 li a {
	padding-left:				0.4em;
	}
	.parent-2 li {
	color: red;
	}
	.parent-2 li a {
	padding-left:				1em;
	color: red;
	}
	.parent-3 li {
	}
	.parent-3 li a {
	padding-left:				1.8em;
	}
	.parent-4 li {
	}
	.parent-4 li a {
	padding-left:				3em;
	}
	.parent-5 li {
	}
	.parent-5 li a {
	padding-left:				5em;
	}
.buttons {
margin: 						-1px -12px 0 -12px; 
border-top:						1px solid #E1E1E1;
}
.buttons ul {
padding: 						0;
margin: 						0;
}
.buttons ul li {
position:						relative;
padding: 						0;
margin: 						0;
list-style: 					none;
border-bottom:					1px solid #E1E1E1;
line-height:					2em;
background:						url(tab-bg.gif) bottom repeat-x; 
}
.buttons li a:link,
.buttons li a:visited,
.buttons li a:active {
color:							#444;
text-decoration: 				none;
display:						block;
border:							0;
padding:					 	0 12px;
}
.buttons li a:hover {
color: 							#513F34;
background: 					#fff url(tab-bg_ov.gif) bottom repeat;
}
.note {
margin:							0 0 -6px 0;
padding:						6px 12px 0 0;
text-align:						right;
color:							#AEAEAE;
font-size:						0.9em;
white-space:					nowrap;
}
	
/* -------- tables -------- */
table td {
height: 				2em; 
padding:				0 0.8em;
}
table.fill td {
background-color:		#F7F7F7;
border-right:			1px solid #FFF;
border-bottom:			1px solid #FFF;
}
table.fill tr.uneven td {
background-color:		#EDEDED;
}
table.fill tr:hover td {
background-color:		#F2F2F2;
}
table tr.thead td,
table thead td,
table th td {
background:				#E5E5E5 url(datatab_left.gif) 0 -300px no-repeat !important;
padding:				0 0.8em;
font-weight:			bold !important;
white-space:			nowrap;
border-right:			1px solid #FFF;
}
table td.label {
text-align:				right ! important;
width:					30%;
padding-right:			20px;
font-weight:			bold !important;
font-size:				0.95em;
white-space:			nowrap;
}
	.nolabel {
	font-weight:			normal;
	font-style:				italic;
	font-size:				9px;
	}
/* no border for inline tables */
table td table {
border: 				0;
}
table td table td {
border: 				0;
}
table td table td table {
border: 				0;
}
table td table td table td {
border: 				0;
}

/* ---------- forms ---------- */
form, fieldset {
margin:					0; 
padding:				0;
}
fieldset		{
border:					0;
}
input, select {
font: 					11px Verdana, Arial, Helvetica, sans-serif;
color: 					#333;
}
input:focus {
background-color: 		#F5F8E7;
}
select {
background-color: 		#FAFAFA;
padding:				0;
margin-top:				0;
margin-bottom:			0;
}
textarea {
font: 					11px Verdana, Arial, Helvetica, sans-serif;
color: 					#333;
background-color: 		#FCFCFC;
min-height:				7em;
border:					1px solid #ABABAB; 
padding:				2px 5px 2px 5px;
margin:					0;
width:					70%;
} 
textarea:focus {
background-color: 		#F5F8E7;
}
/* some specific form classes */
.formField {
background-color: 		#FAFAFA;
border:					1px solid #ABABAB; 
padding:				2px 5px 2px 5px;
margin-top:				0;
margin-bottom:			0;
}
.formButton {
color:					#555;
font: 					11px Verdana, Arial, Helvetica, sans-serif;
border:					1px solid #C9C9C9; 
padding:				2px 5px 2px 5px;
background-color:		#EDEDED;
}
.formButton:hover {
border:					1px solid #999; 
background-color:		#CCC;
}
.formButton:active {
background-color:		#CCC;
}
.buy {
margin:					0.5em 0 0.5em 0;
width:					100%;
}

/* ---------- magic boxes ---------- */
.clear 	 {clear: both; height: 0.1em;}
.box10p  {width: 10%;}
.box20p  {width: 20%;}
.box25p  {width: 25%;}
.box30p  {width: 30%;}
.box40p  {width: 40%;}
.half    {width: 49.5%;}
.box60p  {width: 60%;}
.box70p  {width: 70%;}
.box75p  {width: 75%;}
.box80p	 {width: 80%;}
.box90p  {width: 90%;}
.stretch {width: 99.5%;}
.hcentr  {text-align: center !important;}
.hleft 	 {text-align: left !important;}
.hright  {text-align: right !important;}
.vtop 	 {vertical-align: top !important;}
.vmid 	 {vertical-align: middle !important;}
.vbot 	 {vertical-align: bottom !important;}
.right 	 {float: right !important;}
.left 	 {float: left !important;}
.nowrap  {white-space: nowrap !important;}
.nopad   {padding:0;margin:0;}
.hideme  {display: none;}