﻿.clear {clear:both}

/* 

Content Panel: waar content in staat

*/

.contentPanel
{
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: white;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    -moz-box-shadow: 6px 6px 6px #c8c7c7;
    -webkit-box-shadow: 6px 6px 6px #c8c7c7;
    box-shadow: 6px 6px 6px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#c8c7c7')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#c8c7c7');
}
.contentPanel label
{
	font-size: 12px;
	font-weight: normal; 
}
/* 

Grid: tabel met content

*/

.grid
{	max-width: 680px;
    width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.grid .header
{
	background-color: #e7e7e8;
}
.grid .subheader, .grid .header
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
	letter-spacing: 0.03em;
	word-spacing: 0.04em;
}
.grid .header th
{
	text-align: center;
}
.grid .label
{
	font-weight: bold;
}
.grid .vatcountrycode
{
	width: 26px;
}
.grid td 
{
	text-align: left;
}
.grid-4 #errormsgArea
{
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}

/*

Form elements

*/

input[type=text].numeric 
{
	width: 40px;
	height: 15px;
	color: #000000 !important;
}
input[type=text].text
{
	width: 230px;
	height: 15px;
	color: #000000 !important;
}
input[type=text].vat
{
	width: 204px;
	height: 15px;
	color: #000000 !important;
}
input[type=text].address1
{
	width: 180px;
	height: 15px;
	color: #000000 !important;
}
input[type=text].address2
{
	width: 40px;
	height: 15px;
	color: #000000 !important;
}
input[type=text].log
{
	width: 120px;
	height: 15px;
	color: #000000 !important;
}
input[type=password].log
{
	width: 120px;
	height: 15px;
	color: #000000 !important;
}

.lnkButton
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.97em;
	color: #666666 !important;
	padding-right: 20px;
}
.buttons
{
    padding: 30px 0 0 0 ;
    text-align: left;
}
.dropdown
{
	width: 236px;
	height: 20px;
}

/*
	Product panel
*/

table.prodPanelItem {width:100%;}
table.prodPanelItem td {vertical-align: middle; height: 182px; text-align: center}
table.prodPanelItem .prodPanelDiv
{
	position: relative;
	height: 182px;
}
table.prodPanelItem .prodPanelDiv .imageTable
{
	width: 100%;
	height: 100%;	
}
table.prodPanelItem .prodPanelDiv .imageCell
{
	text-align: center;
	vertical-align: middle;	
}
table.prodPanelItem .prodPanelDiv .pricetag
{
	position: absolute;
	background: url(../Images/price_card.png.ashx) no-repeat right bottom;
	color: #ffffff;
	width: 80px;
	height: 80px;
	right: 0px;
	bottom: 0px;
	padding-top: 8px;
	z-index: 1;
}
table.prodPanelItem .prodPanelDiv .pricetagprice
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: right;
	z-index: 2;
}

table.prodPanelItem .prodPanelDiv .pricetagtext
{
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
table.prodPanelItem .prodPanelDiv .oldPrice
{
	font-size: 0.8em;
	font-weight: normal;
	color: #f1641f;
	text-decoration: line-through;
	display: block;
}
table.prodPanelItem .prodPanelDiv .salePrice
{
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: block;
}
table.prodPanelItem .prodPanelDiv .fromText
{
	font-size: 0.8em;
	display: block;
}
table.prodPanelItem .prodPanelDiv .forText
{
	font-size: 0.8em;
	display: block;
}

/*
	Glove
*/

.clickable
{
    cursor: pointer;
    cursor: hand;
}
