﻿body						 		 {background-position: 50% top; 	background-image: url(http://webshop.frostfashion.nl/shops/frostfashion/images/bgcool.jpg); 	background-repeat: repeat-y; 	text-align: left;	margin-left: 0px; margin-right: 0px; font-family: calibri, 'sans serif';	font-size: small; }
#container							 {	float:left; width: 957px; 	background-color: #fff; 	text-align: left;	min-height: 800px;	height: auto !important;	height: 100%; 	background-image: url(http://webshop.frostfashion.nl/shops/frostfashion/images/bg-container-content.jpg);	background-repeat:no-repeat;	padding-top: 50px; 	padding-left: 5px; 	padding-right: 5px;	padding-bottom: 50px;	position:relative;	 margin:0 auto;	top: 180px;}
#containercenter					 {  position:relative;	 margin:0 auto; width: 957px;}	

#ctlcontent							 {	left: 250px;	position: relative;	width: 600px; float: left;}
.ctlcontent							 {	left: 250px;	position: relative;	width: 600px; float: left;}

#ctlcontentsmall					 {	left: 20px;	position: relative;	width: 600px; float: left;}
.ctlcontentsmall					 {	left: 20px;	position: relative;	width: 600px; float: left;}

.category						     {	padding-top: 5px; width: 200px; padding-right: 0px;	text-indent: 20px;	padding-bottom: 5px;	border-top: silver 1px solid; color:Black;}
.category TD						 {	background-position:left center;	background-image: url(../images/activegray.gif);	background-repeat:no-repeat;}

.category_active					 {	padding-top: 5px; width: 200px;	padding-right: 0px;	text-indent: 20px;	padding-bottom: 5px;	border-top: silver 1px solid; border-bottom: white 1px solid;	color: orange;	font-weight:bold;}
.category_active TD					 {	background-position:left center;	background-image: url(../images/active.gif);}

.category_hover				     	 {	padding-top: 5px; width: 200px;	padding-right: 0px;	text-indent: 20px;	padding-bottom: 5px;	border-top: silver 1px solid;	color: orange;}
.category_hover TD					 {	background-position:left center;	background-image: url(../images/active.gif);}

.category2							 {	padding-top: 5px; width: 200px;	padding-right: 0px;	text-indent: 20px;	padding-bottom: 5px;	background-color: #f5f5f5;	color: Black;	border: solid 0px white;}
.menu								 {  border-bottom: solid 1px silver;}


/* Articlelijst */
.article_search_panel
{
	margin-top: 20px;
	width : 100%;
	min-height: 20px;
}

.article_search_label
{
	font-size: 10px;
	position: relative;
	top: -2px;
}

.article_search_textbox
{
	width: 200px;
	margin-left: 10px;
	margin-bottom: 20px;
	border: solid 1px silver;
}

.article_search_button
{
	margin-left: 10px;
	min-height: 20px;
	height: 20px;
	padding: 5px;
	position: relative;
	top: -2px;
	color: black;
	text-decoration: none; 
	border: solid 1px silver;
	background-color: white;
}

.article_frontend				{	width: 200px;	border: solid silver 1px;	padding-bottom: 5px;	padding-top: 5px;	min-height: 160px;	position:relative;	margin-right: 3px;	margin-bottom: 3px;}
.article_onerow_block			{	position: relative; top: 0px; width:100%; float: left;	min-height: 30px;	padding-top: 1px;	padding-bottom: 1px; border-bottom: solid 1px silver;}
.article_onerow_image			{	height: 30px;	max-height: 30px; cursor: pointer;}
.article_onerow_table			{	width: 100%; border-top: solid 1px silver;}

.article_order_panel	{	position: absolute;	margin-right: 10px;		margin-top: 130px;	left:50px;}
.order_button			{	font-size: 10px;	margin-left: 10px;	color: black;	text-decoration: underline;}
.article_order			{	width : 40px;	min-height: 18px;	vertical-align: middle;	border: solid 1px silver;font-size: 10px;	text-align:center;	padding-top: 4px;}
.article_number_panel	{	font-size: 12px;	color:Silver;	position: absolute;	top:  0px;	right: 0px}
.article_price_panel	{	right: 2px;	top: 70px;	position: absolute;	text-align: right;	font-weight: bold;	font-size: 16px;	color: #ffcc66;}
.article_title			{	position: absolute;	top:  87px;	left: 10px}
.article_description	{	position: absolute;	top: 98px;	left: 10px;	width: 100px; color: #a9a9a9;}
.article_image			{	height: 80px;	max-height: 120px;}
.article_image_panel	{	max-width: 100px;	max-height: 100px;	text-align: center;	width: 80px;	position: absolute;	top: 8px;	left: 20px; cursor: pointer;}
.article_viewer			{	border: solid silver 1px;	width :auto;    cursor  : pointer;    position:absolute;    z-index : 1;}
.article_viewer_image	{	width	:auto;	height	: 100%;	    cursor  : pointer;}
/* End Articlelijst */

.webshop_cart_panel						{	position: absolute;	right: 10px;	top : 10px; z-index: 1000; background-color: White; }
.webshop_cart_to_full_cart				{	padding-bottom: 2px; background-image: url(../images/arrowgrey.gif);	background-position:right center;	padding-right: 15px;	text-decoration: none;	text-align:right;	color: black;	background-repeat:no-repeat;}
.webshop_cart_to_full_cart:hover		{	background-image: url(../images/arroworange.gif);	background-position:right center;	text-decoration: none;	color: orange;	background-repeat:no-repeat;}
.webshop_cart_label						{   text-align:right; top: 20px;}
.cart_summary
{
	min-height: 80px;
	min-width: 220px;
	border: solid 1px silver;
	background-color: #f5f5f5;
	color: Black;
	text-decoration: none;
	margin-bottom: 8px;
	text-align:right;
	width: 220px;
	float: left;
	padding: 2px 2px 2px 2px;
}
.cart_summary a
{
	padding-bottom: 2px;
	margin-right: 5px;
	font-size:large;
	background-image: url(../images/arrowgrey.gif);	background-position:right center;	padding-right: 15px;	text-decoration: none;	text-align:right;	color: black;	background-repeat:no-repeat;
}
.cart_summary a:hover
{
	background-image: url(../images/arroworange.gif); background-position:right center;	text-decoration: none;	color: orange;	background-repeat:no-repeat;
}

.btnMenu
{
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-decoration: none;
	margin-right: 3px;
	color: White;
	float: left;
	font-size:large;
	border-bottom: solid 4px black;
}

a.btnMenu:hover
{
	border-bottom: solid 4px #f7c995;
}

.btnLogin, .btnSave, .btnPayIdeal, .btnCopyAddress
{
	  float: left;
      font-weight:bold;
      padding-right:4px;
      padding-left:10px;
      padding-top:4px;
      padding-bottom: 0px;
      color: #4C4C4C;
      border:solid 1px  #4C4C4C;
      height: 20px;
      min-height:20px;
      margin-top:0px;
      margin-right:2px;
      margin-left:0px;
      background-image: url(../images/smallicons/small_143.png);  
      background-color:#f5f5f5;     
      background-repeat: no-repeat; 
      background-position: left top; 
      text-decoration: none;  
      margin-bottom: 10px;   
}

.btnCopyAddress
{
	float: left;
	display: block;
	cursor: pointer;
}
.payment_cashcarry,
.payment_ideal,
.payment_rembours			{width: 600px;	color: Black;	text-align:center;	text-decoration: none;	margin-bottom: 10px;	border: solid 1px silver;	padding: 5px 5px 5px 5px;	height: 20px;	display: block;	font-size: 14px;}

a.payment_cashcarry:hover,
a.payment_ideal:hover,
a.payment_rembours:hover				{	background-color: #f7c995; }

.gridhead								{	border: solid 1px silver;	text-align: left;}
.gridhead A								{	text-decoration: none;	color: Black;}
.gridhead A:visited						{	text-decoration: none;}
.gridhead TD							{	border: #a9a9a9 1px solid;}
.griditem								{	border-bottom: #a9a9a9 1px solid;	cursor: pointer;}
.griditem TD, .griditemalternate TD		{	border-bottom: #a9a9a9 1px solid;}
.griditemalternate						{	border-bottom: #a9a9a9 1px solid;	background-color: #e6e6fa;	cursor: pointer;}

.wizardstep1, .wizardstep1_selected		{   margin-left:20px; text-align : left; text-indent: 32px; vertical-align:middle; padding-top:1px; background-image: url(../../../images/steps/1d.png);       width:250px;        background-repeat: no-repeat;      float: left; color: #a6a6a6; font-size: 16px;}
.wizardstep1_selected					{	background-image: url(../../../images/steps/1.png); color: Black; height:30px;} 
.wizardstep2,.wizardstep2_selected		{	text-align:left;text-indent: 32px; padding-top:1px; vertical-align:middle; background-image: url(../../../images/steps/2d.png);       width:250px;      background-repeat: no-repeat;      float: left; color: #a6a6a6; font-size: 16px;}
.wizardstep2_selected					{	background-image: url(../../../images/steps/2.png); color: Black; height:30px;}
.wizardstep3, .wizardstep3_selected		{	text-align:left;text-indent: 32px; padding-top:1px; vertical-align:middle; background-image: url(../../../images/steps/3d.png);  	 width:250px;      background-repeat: no-repeat;      float: left; color: #a6a6a6; font-size: 16px;}
.wizardstep3_selected					{	background-image: url(../../../images/steps/3.png); color: Black; height:30px;}
.btnPayIdeal
{
	
}

.txtSearch
{
	position: relative;
	border: solid 1px silver;
	width: 300px;
	padding-right:30px;
	color: #a9a9a9;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	z-index: 9;
}

.btnSearch
{
	position: relative;
	left: -24px;	
	z-index: 20;
	top: 2px;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;	
}
