/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html 					{height:100%;width:100%;}
body 					{margin:0 0 0 0;width:100%;height:100%;text-align:center;font-size:12px;background-color:#FFF;}
body, table, th, td, p, input, textarea, select {
						font-family:Arial, Helvetica, Sans-serif;color:#37414A;font-size:12px;}	
a 						{outline: none;}

a:hover {}
h1 {}
h2 						{font-size:12px;color:#FFF;}
h3 						{font-size:17px;}
h4 						{font-size:17px;}
h5 {}
h6 {}	
p 						{margin-bottom:10px;}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB 					{clear:both;}
form 					{padding:0;margin:0;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container 				{background-color:#FFF;position:relative;margin:0 auto 0 auto;width:968px;min-height:100%;height:auto;text-align:left;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header 				{position:relative;height:93px;background:#FFF url(../gfx/back_header.jpg) no-repeat left top;}
.logo 					{position:absolute;top:30px;left:20px;width:247px;height:55px;z-index:100;}
.logo span 				{display:block;width:247px;height:55px;background:transparent url(../gfx/logo_patagonias.png) no-repeat left top;}
.logo a 				{display:block;width:247px;height:55px;}
.slogan 				{position:absolute;top:36px;left:765px;width:148px;height:41px;z-index:100;background:transparent url(../gfx/slogan_nl.png) no-repeat left top;}
.UK .slogan 			{width:182px;background:transparent url(../gfx/slogan_uk.png) no-repeat left top;}

/* ============================================================	*/ 
/* ========	HEAD-NAV			===============================	*/
/* ============================================================	*/

.nav 					{position:relative;height:28px;background:transparent url(../gfx/dots_hor.gif) repeat-x left bottom;}
.nav ul					{height:28px;background:transparent url(../gfx/dots_hor.gif) repeat-x left top;}
.nav li 				{float:left;padding:3px 0;}
.nav li a				{display:block;color:#37414A;background:transparent url(../gfx/nav_line.gif) no-repeat 0px 4px;padding:3px 10px;}
.nav li a.first			{background-image:none;}
.nav li a:hover			{color:#F90;}
.nav li.active a		{color:#F90;}
.nav .menu	 			{float:left;padding-left:10px;width:655px;}
.nav .extra-menu 		{float:right;padding-right:46px;}

.languange 				{position:absolute;top:4px;right:0px;width:30px;height:23px;z-index:250;}

/* ============================================================	*/ 
/* ========	SUBNAV				===============================	*/
/* ============================================================	*/




/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer 				{position:relative;height:42px;width:968px;background:transparent url(../gfx/footer.gif) no-repeat left top;clear:both;}
.spoon-small		 	{position:absolute;top:-8px;right:0;width:201px;height:48px;z-index:100;background:transparent url(../gfx/spoon_small.jpg) no-repeat left top;}


/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/

.content-frame 			{position:relative;}
.home .content-frame	{background:#FFF url(../gfx/large_spoon.jpg) no-repeat left bottom;}
.main-content 			{position:relative;margin-left:13px;padding:20px 0px 0px 7px;width:751px;height:377px;}
.home .main-content		{}
.content .main-content	{}
.shop .main-content		{background:#FFF url(../gfx/content_back.png) no-repeat left top;}



.postcodecheck				{background-color:#FEB94B;padding:9px;font-size:11px;}
.postcodecheck .answer		{padding:15px 0;}
.postcodecheck a			{color:#FFF;}
.postcodecheck .type-text 	{width:60px;height:21px;line-height:21px;}
.postcodecheck .type-button	{background-color:#FEB94B;color:#FFF;border:1px solid #FEB94B;outline: none;}



.sub-menu				{padding-top:40px;float:left;width:140px;margin-right:12px;font-size:10px;}
.sub-menu ul 			{width:120px;}
.sub-menu ul li 		{border-bottom:3px solid #FFF;}
.sub-menu ul li a 		{display:block;padding:8px;background-color:#FFEFCC;color:#37404A;}
.sub-menu ul li a:hover,
.sub-menu ul li.active a {background-color:#FFD676;}
ul.cont1 li.cont1 a, ul.cont2 li.cont2 a, ul.cont3 li.cont3 a, ul.cont4 li.cont4 a, ul.cont5 li.cont5 a, ul.cont6 li.cont6 a, ul.cont7 li.cont7 a, ul.cont8 li.cont8 a, ul.cont9 li.cont9 a, ul.cont10 li.cont10 a {background-color:#FFD676;}

.feedback				{padding-top:75px;}
.feedback a				{color:#37404A;text-decoration:underline;}
.feedback a.print		{padding-right:15px;text-decoration:none;background:transparent url(../gfx/icon_print.gif) no-repeat 100% 1px;}
.feedback a:hover 		{color:#F90;}

.colset	.head-sifr		{height:40px;line-height:auto;}

.colset					{line-height:16px;}
.content-block a		{color:#37404A;text-decoration:underline;}
.content-block a:hover	{color:#F90;text-decoration:underline;}
.colset	b,.colset strong{color:#F90;letter-spacing:1px;}
.colset .col-left		{float:left;width:280px;margin-right:11px;}
.colset .col-right		{float:left;width:280px;}
.colset li				{padding-left:10px;background:transparent url(../gfx/li-line.gif) no-repeat 0px 7px;}

.fiets 					{position:absolute;top:254px;left:170px;width:303px;height:183px;z-index:10;background:transparent url(../gfx/visual_fiets.jpg) no-repeat left top;}
.auto-bezorging			{position:absolute;top:324px;left:520px;width:214px;height:119px;z-index:110;background:transparent url(../gfx/visual_auto.png) no-repeat left top;}
body.UK .auto-bezorging	{background:transparent url(../gfx/visual_auto_uk.png) no-repeat left top;}

/* ===	CONTENT-BLOCK	=====	*/

.content-block			{float:left;width:571px;}
	
	
/* ===	SIDEBAR			=====	*/

.sidebar 				{position:absolute;top:20px;right:0px;width:213px;height:361px;z-index:100;background: url(../gfx/ideal_logo_nl.png) no-repeat 147px 0px;}
.ideal					{position:absolute;top:20px;right:0px;width:50px;height:82px;}
.UK .sidebar			{background-image:url(../gfx/ideal_logo_uk.png);}
.sidebar .open-close	{margin-left:16px;width:131px;}
.sidebar .open-close img{display:block;}



.sidebar .banner		{margin:35px 0 0 16px;width:120px;height:240px;background:#FFF url(../gfx/banner_ruimte.gif) no-repeat left top;}
.shop .sidebar .banner	{margin:60px 0 0 16px;width:120px;height:240px;background:#FFF url(../gfx/krijtbord.jpg) no-repeat left top;}
.shop .sidebar .banner a{display:block;padding:20px;color:#FFF;font-size:11px;}
.shop .sidebar .banner strong {display:block;font-size:13px;margin-bottom:5px;}

.newsletter 			{margin:20px 0 0 16px;text-align:left;width:170px;}
.newsletter p 			{color:#37414A;font-size:11px;margin:0 0 3px 0px;}
.newsletter div 		{height:25px;margin:0;}
.newsletter .type-text	{color:#37414A;width:120px;display:block;}
.newsletter .type-button {background-color:#FFEFCC;border:1px solid #FFEFCC;font-weight:normal;font-size:11px;}


/* ============================================================	*/ 
/* ========	BESTELLEN		  	===============================	*/
/* ============================================================	*/ 

.basket-block			{float:left;width:149px;overflow:hidden;}
.basket-block .head		{padding:10px 0 0 8px;}
.basket-block .basket	{padding:10px 5px 10px 8px;}
.basket-block .scroll	{height:147px;overflow:auto;}
.basket-block .money	{font-size:10px;color:#37414A;}
.basket-block .money dl	{background-color:#FFEFCC;width:133px;margin:8px;overflow:hidden;}
.basket-block .money dt	{float:left;display:block;width:80px;padding:2px 0 2px 4px;border-top:3px solid #FFF;}
.basket-block .money dd	{float:left;display:block;width:44px;padding:2px 5px 2px 0;border-top:3px solid #FFF;text-align:right;}
.basket-block .money dd	span {float:left;}

.basket-block a.delete	{float:right;display:block;height:13px;width:12px;background:#FFF url(../gfx//icon-trash.gif) no-repeat 0px -4px;}
.basket-block a.delete:hover{background-position:0px -154px;}

.basket ol				{margin-right:1px;}
.basket ol li			{list-style-type: decimal;margin-left:20px;font-weight:bold;color:#F90;font-size:11px;padding-bottom:10px;}
.basket li span			{color:#333;font-weight:normal;}
	
.step 					{position:absolute;top:0px;left:0px;z-index:10;background-color:#37424A;color:#FFF;font-size:15px;height:29px;line-height:29px;padding:0 8px;}
.step a					{display:block;color:#FFF;padding:0 8px;margin:0 -8px;text-decoration:none;}
.step a:hover			{color:#FFF;padding:0 8px;background-color:#37424A;text-decoration:none;}

.color					{background-color:#FEB94B;color:#37414A;}

.choose-cup				{position:relative;height:106px;padding-left:10px;}
.choose-cup	.step		{}
.choose-cup	.color		{width:225px;height:80px;padding:20px 0px 0px 75px;float:left;}
.choose-cup	img			{display:block;margin:0 5px;}
.choose-cup	span		{display:block;float:left;text-align:center;color:#FFF;font-weight:bold;font-size:11px;}
.choose-cup .specs 		{float:left;width:240px;padding:15px 0 0 15px;font-weight:bold;}
.choose-cup .specs div	{margin-bottom:10px;}
.choose-cup .contains 	{margin-bottom:0;}
.choose-cup .contains strong{display:block;color:#F90;}

.choose-flavor			{position:relative;height:226px;padding-left:10px;overflow:hidden;}
.choose-flavor .color	{padding-top:32px;width:546px;height:187px;background:transparent url(../gfx/flavor_back.gif) repeat-y left top;}
.choose-flavor .color div {float:left;font-size:11px;}
.choose-flavor .color input {margin-right:3px;margin-top:-2px;}
.choose-flavor .color li {height:15px;overflow:hidden;background:#FEB94B;width:160px;}
.choose-flavor .color li label {height:13px;overflow:hidden;}

.choose-flavor .color input {*margin-top:-3px;*margin-bottom:-1px;}

.choose-flavor .first	{padding-left:30px;width:200px;overflow:hidden;}
.choose-flavor .second	{width:150px;overflow:hidden;margin-right:20px;}
.choose-flavor .third	{width:140px;overflow:hidden;}
.choose-flavor label	{cursor:pointer;}

.add-to-chart 			{position:relative;height:29px;}
.add-to-chart .step 	{width:205px;}
.add-to-chart .step a 	{display:block;background-color:#37424A;font-size:15px;height:29px;line-height:29px;padding:0 8px;margin:0 -8px;background:#37424A url(../gfx/order-plus.png) no-repeat right top;}
.add-to-chart .step a:hover {background-color:#37424A;}

.choose-payment			{position:relative;height:280;margin-bottom:12px;padding-left:10px;}
.choose-payment .color	{padding:20px 0 0 20px;width:500px;height:115px;margin-bottom:10px}
.choose-payment .color div {height:29px;}
.choose-payment .color .type-text {margin-right:5px;width:155px;height:21px;line-height:19px;}
.choose-payment .change	{padding-left:20px;}
.choose-payment .change	div.checkbox {margin-bottom:0px;height:20px;}

.choose-payment .bills {position:absolute;top:18px;left:313px;width:182px;height:32px;z-index:15;}

.adres-block			{position:relative;height:300;margin-bottom:32px;padding-left:10px;}
.adres-block .color		{padding:40px 0 0 46px;width:500px;height:260px;}
.adres-block .color div {height:29px;}
.adres-block .color .type-text {margin-right:5px;width:155px;height:21px;line-height:19px;}


.confirm 				{position:relative;height:29px;}
.confirm .step 			{width:205px;}
body.UK .confirm .step 	{width:220px;}
.confirm .step a 		{display:block;background-color:#37424A;font-size:15px;height:29px;line-height:29px;padding:0 8px;margin:0 -8px;background:#37424A url(../gfx/order-plus.png) no-repeat right top;}
.confirm .step a:hover 	{background-color:#37424A;}

.done					{position:relative;padding:30px 110px 30px 20px;}
.done img				{display:block;}
.money .step 			{position:relative;margin:0px 8px;width:119px;}


/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formgrid 				{width:560px;background-color:#F5F5F5;border:15px solid #F5F5F5;}
input, select 			{vertical-align:middle;}
input.type-text 		{padding-left:3px;color:#666;border-top:1px solid #7F7F7F;border-right:1px solid #c3c3c3;border-bottom:1px solid #DfDfDf;border-left:1px solid #c3c3c3;background-color:#FFF;}
input.type-button 		{border:1px solid #F00;background-color:#F00;color:#333;font-weight:bold;cursor:pointer;margin:0;padding:0;}
label 					{vertical-align:middle;cursor:pointer;}
select.select 			{}
textarea.textarea 		{padding-left:3px;padding-top:2px;height:50px;width:320px;color:#666;border-top:1px solid #7F7F7F;border-right:1px solid #c3c3c3;border-bottom:1px solid #DfDfDf;border-left:1px solid #c3c3c3;background-color:#FFF;}
.radio 					{}
.radio input 			{margin-right:5px;vertical-align:middle;}


div.print-links 				{padding-top:80px;}
div.print-links a  				{color:#37404A;}
div.print-links .feedback-link  {padding-bottom:10px;}
div.print-links .feedback-link a{text-decoration:underline;}
div.print-links .print-recept 	{}