﻿
/************************************
	FIXES 
*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}		

.clear {
clear:both;
}


/************************************
	HEADINGS 
*************************************/
h1 {
text-indent: -9999px;
width: 285px;
height: 74px;
background: url(images/logo.jpg) top left no-repeat;
}

h2 {
font-size: 24px;
font-weight: normal;
color:#16233f;
line-height: 24px;
}

h2.first { 
padding: 20px 0px 10px 0px;
}

h3 {

padding: 15px 0 0 0 ;
font-size: 16px;
color:#56419a;
}

h4 {

padding: 15px 0 0 0 ;
font-size: 16px;
color:white;
}

h5 {
font-size: 20px;
font-weight: normal;
color:#56419a;
line-height: 24px;
}

hr
{
height: 2px; 
color:#56419a;
}

.nadruk {

padding: 0 0 0 0 ;
font-size: 12px;
color:#56419a;
}

.nadrukGroot {

padding: 0 0 0 0 ;
font-size: 14px;
color:#56419a;
}

.rood {

padding: 0 0 0 0 ;
font-size: 12px;
color:red;
}

/************************************
	BASICS 
*************************************/

body {
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
background: url(images/bg.jpg) repeat-x top left #e3e3e3;
}

div#container {
margin: auto;
margin-top: 30px;
width: 910px;
text-align: left;
}

/************************************
	HEADER 
*************************************/

#header {
margin-top: 4px;
background: url(images/header.jpg) top left no-repeat;
height: 301px;
width: 829px;
}


/************************************
	NAV 
*************************************/
ul#nav {
padding-left: 60px;
padding-top: 255px;
}

ul#nav li {
padding: 0 5px 0 5px;
float: left;
}


ul#nav li a {
border: 2px solid white;
color:#666666;
text-decoration: none;
background: url(images/link_normal.jpg) repeat-x bottom left;
height: 42px;
line-height: 42px;
font-size: 20px;
display: block;
padding: 0 12px 0 12px;
}

ul#nav li a:hover, ul#nav li a:active {
color:#000000;
background: url(images/link_hover.jpg) repeat-x bottom left;
}



/************************************
	CONTENT 
*************************************/

#content {
padding: 25px;
margin-top: 23px;
width: 778px;
background: url(images/contentbg.jpg) top left no-repeat #FFFFFF;
}

div#content p {
color: #666666;
padding: 8px 0 8px 0;
line-height: 22px;

}

div#content td {
color: #666666;
line-height: 22px;
}

div#content a {
color: #666666;
}

div#SimplexprijzenThee li {
color: #666666;
text-indent: 30px;
list-style-type:disc;
}


/************************************
	FOOTER 
*************************************/

div#footer {
margin-bottom: 20px;
width: 828px;
background: #f0f0f0;
margin-top: 2px;
height: 35px;
}

div#footer li {
border-right: 1px solid #d8d8d8;
float: left;
line-height: 35px;
color:#666666;
}

div#footer li a {
color:#666666;
padding: 0px 10px 0px 10px;
text-decoration: none;
font-weight: bold;
height: 35px;
display: block;
}

div#footer li a:hover {
background: white;
}

div#footer span {
float: right;
padding: 0px 10px 0px 10px;
line-height: 35px;
color:#666666;
text-decoration: none;

}
div#footer span a {
line-height: 35px;
color:#666666;
}

/************************************
	ADMINISTRATIE 
*************************************/
.AdminDetailsControl
{
	height:30px;
	vertical-align:middle;
	width: 300px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#56419a;
	
}
.AdminDetailsItem
{
	vertical-align:middle;
}

.AdminDetailsHeader
{
	height:30px;
	vertical-align:middle;
	width:125px;
}

/* Laurnes 28-8-2013*/
td.left{
    text-align: left;
}

td.top{
    vertical-align: text-top;
}

td.middle{
    vertical-align: middle;
}

table { border-collapse:collapse; border-spacing: 0; }

hr
{
    color: #808080;
    background-color:  #808080;
    height: 1px;
    border: none;
}

.vitalwatermenu li{
    margin-bottom: 14px;
}

table #products{
    margin-top:0px;
    margin-bottom:0px;
    border:0px;
}



table #products tr{
     border-bottom: solid 1px #808080;
     height:180px;

}
table #products H3{
     padding-top:0px;
}
table #products td {
    padding: 30px 15px 15px 15px;
    margin:0px;
    border-spacing:0px;
}

table #products td.product {
     color:#666666;
    text-align: Left;
    width: 360px;
    vertical-align:Top;
}

table #products td.price {
     color:#666666;
    text-align: Left;
    width: 220px;
    vertical-align:Top;
}

table #products td.price .price{
    color:#666666;
    font-size: 20px;
}

table #products td.price .quantity{
    color:#666666;
    font-size: 14px;
}


table#products td.image {
    padding-top:0px;
     vertical-align:middle;
     text-align:center;
    width: 160px;
    height: 140px;
}

table #products td.price input[type="submit"] {
    border: 1px solid #56419a;
    -webkit-border-radius:0.25em;
    border-radius:0.25em;
    font-style:inherit;
   
    font-family: inherit;
    height:32px;
    background:white;
    color:#56419a;
}



table #products td.price input[type="submit"]:hover {
    background:#56419a;
    color:white;
}







/*div.vitalproductsholder td.shortdescription {
    width: 180px;
    vertical-align:middle;
}  

div.vitalproductsholder td.moreinfo {
    padding-left:20px;
    width: 180px;*
    vertical-align:middle;
}    */

#imagebigholder {
      width: 400px;
    height: 400px;
}
#productimagebig {
  
}

.registrationform,.accountloginform {
	padding-left: 40px;
} 

.registrationform tr td:first-child,.accountloginform tr td:first-child {
    width: 150px;
}

.registrationform tr,.accountloginform tr {
    height: 30px;
}

.registrationform tr input[type="text"],.registrationform tr input[type="password"],.accountloginform tr input[type="text"],.accountloginform tr input[type="password"]{
    width:200px;
}

.registrationform .validationsummary,.accountloginform .validationsummary  {
	color: red;	
}

.registrationform .validationsummary li,.accountloginform .validationsummary li {
    list-style-type: circle;
	padding: 2px;
}

#divaccount span {
	padding-right: 10px;
}

.product-readmore span
{
    margin-top:16px;
    cursor:pointer;
    color:#56419a;
    display:block;
}


