/*
------------------------------------------------
Levis ratio
Author:  Hypervision - Ingels Joost
Overview: ~Headings
          ~Text
		  ~Links
		  ~UL
		  ~Other
------------------------------------------------ */
@media print {
    #contentLeft { display:none; }
	#ratioHome { display:none; }
	#navigation { display:none; }
	#middle { background-image: none;}	
}
  
html {
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight: normal;
	color: #666666;
}
/*    HEADINGS 
------------------------------------------------ */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#666666;
	padding:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	padding:0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:0 0 5px 0;
	margin:0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding:0;
	margin:0;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#336699;
	padding:0;
	margin:0;
}
/*   TEXT
------------------------------------------------ */
.normalText, td.normalText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	line-height:14px;
}
.smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	line-height:14px;
}
.xsmallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}
.largeText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #333;
	line-height:14px;
}
.xxsmallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #666666;
}
.backToTop {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #b2b2b2;
}

/*    LINKS
------------------------------------------------ */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #a3afba;
	text-transform: none;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #99ccff;
	text-transform: none;
	text-decoration: underline;
}

/* ------------
tiptekst (legal terms, priv pol, etc)
--------------*/
.tipText a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
.tipText a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a3afba;
	text-transform: none;
	text-decoration: underline;
}
.tipText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #99ccff;
	text-transform: none;
	text-decoration: underline;
}

/*---- */
.normalText a, .normalText a:link, .normalText a:active	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
.normalText a:visited {
	color: #a3afba;
}
.normalText a:hover 	 {
	color: #99ccff;
}
/*---- */
.smallLink a, .smallLink a:link, .smallLink a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
.smallLink a:visited {
	color: #a3afba;
}
.smallLink a:hover 	 {
	color: #99ccff;
}
/*---- */
.xsmallLink a, .xsmallLink a:link, .xsmallLink a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
.xsmallLink a:visited {
	color: #a3afba;
}
.xsmallLink a:hover 	 {
	color: #99ccff;
}
/*---- */
.xxsmallLink a, .xxsmallLink a:link, .xxsmallLink a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #336699;
	text-transform: none;
	text-decoration: underline;
}
.xxsmallLink a:visited {
	color: #a3afba;
}
.xxsmallLink a:hover 	 {
	color: #99ccff;
}
/*---- */
a.backToTop:link	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #b2b2b2;
	text-transform: none;
	text-decoration: underline;
}
a.backToTop:visited {
	color: #a3afba;
}


/*    UL
------------------------------------------------ */
ul,li {
	list-style-type: none;
	list-style-image:  url(/ratio/storelocator/_images/icoon-bullet1.gif);
	padding: 6px 0 0px 0;
	margin: 0px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
ul#bullet001, ul#bullet001 li {
	list-style-type: none;
	list-style-image:  url(/ratio/storelocator/_images/icoon-bullet1.gif);
	padding: 6px 0 0 0;
	margin: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
input.txtfieldM, select.selfieldM {   /* velden medium */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:125px;
	color:#666666;
	padding:1px 1px 0px 3px;
}
input.txtfieldXS, select.selfieldXS {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:35px;
	color:#666666;
	padding:1px 1px 0px 3px;
}
input.txtFieldNoBorder {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	border:0px;
	width:35px;
	color:#666666;
	padding:1px 1px 0px 3px;
	background-color:Transparent;
}
form {
	padding:0;
	margin:0;
}


/*    OTHER
------------------------------------------------ */
.bgcolor001 {
	background-color: #f1f1f1;
	padding: 10px 0px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.bgcolor002 {
	background-color: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 10px 0 10px 0;
}
.borderM {
	border-left: 20px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.tableproduct {
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
ul#bullet002 {
	list-style-type: none;
	list-style-image:  url(/ratio/storelocator/_images/icoon_bullet2.gif);
	padding: 0px 0;
	margin: 0px 0 0 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
ul#bulletnone {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
li#bulletnone {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.tablecontact {
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-top: 0px;
	margin: 0px;
}
.ddcalculator {
	font-size: 9px;
	width: 250px;
}

#middle
{
	background-image: url(/_images/bg_ratio.gif); 
	background-position: left; 
	background-repeat:repeat-y;	
}
.normalText input{
	width:200px;
}

.DotNetContact {
	width:200px;
}