/*
------------------------------------------------
Levis algemene stylesheet

Overview: * ~General
		  * ~Structure
		  * ~Links
		  * ~Headings
		  * ~Titles
		  * ~Text
		  * ~Images
		  * ~Lists
		  * ~Forms
		  * ~Error message
------------------------------------------------ */


/*  ~GENERAL
------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:18px;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#wrap {
	width: 776px;                       /* you can change this, using %, em or px */
	margin: 0 auto;                     /* auto centers the div */
	text-align: left;
}

#surround {
	width: 100%; 
	margin-left: 0;
	margin-right: 0;
	background-image: url(../_images/bottom_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/*  ~STRUCTURE
------------------------------------------------*/
#footer {
	clear: both;
	width: 776px;
	height: 38px;
	margin: 0 auto;
}

#foot_center {
	width: 572px;
	height: 32px;
	background-image: url(../_images/bottom_bg_center.gif);
	float: left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px 0 0 10px;
}

#foot_right {
	width: 193px;
	height: 32px;
	background-image: url(../_images/bottom_bg_right.gif);
	float: left;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 0 0;
	font-size: 11px;
}

table.foot_table td {
	padding: 0 5px;
}

#main, #navigation {
	padding-top: 0;
	padding-bottom: 0px;                /* height of the footer */
}

#main {                /* IE float bug workaround */
	float: left;
	width: 582px;
	margin: 0;
	padding: 0;
}

#menu {
	width: 188px;
	margin-left:10px;
}

#navigation { float: right; width: 180px; text-align:left;}

* html #navigation { /* addressing some IE bugs */
	width: 180px;
	margin-top: 0;
}

* html #navigation, * html #nav, * html #content {
	overflow:hidden;
}


* html #wrap, * html #middle {
	height: 100%;                       /* for IE because it doesn't do min-height */
}


/*  ~LINKS
------------------------------------------------*/
a, a:link, a:active, a:visited	{color: #656565;}
a:hover	{color: #336699;}

a.smallmenu, a.smallmenu:link, a.smallmenu:visited {text-decoration: none;font-size: 11px;}
a.smallmenu:hover {text-decoration: underline;font-size: 11px;}

a.home, a.home:link, a.home:visited {text-decoration: none;font-weight:bold;color: #fff;}
a.home:hover {text-decoration: none;color: #fff;font-weight:bold;}

/*  ~TITLES
------------------------------------------------*/
#titleRegion  {		/* titels van de regio bij Colores del Mundo */
	width:100%;
	margin: 0;
	padding:0;
}

/*  ~TEXT
------------------------------------------------*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
}

p.menusubtit { padding-top: 4px; padding-bottom: 7px;}

.tipTitle  {
	font-size: 11px;
	font-weight: bold;
	color: #656565;
	margin-bottom: 0px;
	line-height:14px;
}

.tipText  {
	font-size: 10px;
	color: #656565;
	line-height: 12px;
	margin-bottom: 0px;
}

.subnavText  {
	margin-bottom: 0px;
	font-size: 10px;
	color: #fff;
}

.txtSmall {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.txtSmall_cursiv {
	font-size: 11px;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.foottext{
	margin: 0;
	margin-top: 9px;
	font-size: 11px;
}

.center{
	text-align: center;
	width: 100%;
}

/*  ~IMAGES
------------------------------------------------*/
img {
    border: 0;
}

.subnavImg {
	border-bottom: 1px solid #D7D7D8;
}

/*  ~OTHER
------------------------------------------------*/

#greyHead {
	background: top left no-repeat;
	width:558px;
	height:43px;
	position: relative;
	padding: 30px 0 0 23px;
}

/*  ~SITEMAP
------------------------------------------------*/

td.meta{
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	width: 100px;
}

#main_submenu{
padding-top: 20px;
vertical-align: top;
width: 152px;
}

#main_content{
padding-top: 20px;
vertical-align: top;
width: 430px;
text-align: left;
padding-left: 10px;
}

/*  ~FORMS
------------------------------------------------*/
input.field  {
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
}

input.contact {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	width: 150px;
	padding: 2px;
}

/* Class for inspiration 
------------------------------------------------*/

.paint {
	background:url(../inspiration/_images/repeating.gif) left top repeat-y;
	margin:15px 0; 
	color:#243282;
	}
.paint p {
	padding:0 5px 0 18px;
	}
.paint a, .paint a:link, .paint a:hover, .paint a:visited {
	color:#243282;
	}
	
/* CPI PAINT! MAGAZINE */

.paintlist { list-style-image:url(../kleurenadvies/_images/arrow.gif) }
.pdflist { list-style-image:url(../kleurenadvies/_images/pdf.gif);
line-height:25px;
margin:15px 0px; }
.paintbucketnl{
background-image:url(../levis_shop/_images/_nl/paintbucket_bg.gif);
background-repeat:no-repeat;
width:295px;
height:420px;
padding:150px 13px 0px 120px;
}
.paintbucketfr{
background-image:url(../levis_shop/_images/_fr/paintbucket_bg.gif);
background-repeat:no-repeat;
width:295px;
height:461px;
padding:150px 13px 0px 120px;
}
.paintbucketnl .extra,.paintbucketfr .extra{
background-image:url(../levis_shop/_images/paintbucket_extra_bg.gif);
background-repeat:no-repeat;
width:185px;
height:100px;
padding:10px 10px 5px 100px;
}
.paintbucketnl p, .paintbucketfr p{
padding:0px 0px 10px 10px;
}
/* LAST MODIFICATIONS
----------------------------------------------- */
#news dl, #news dt, #news dd {
	margin:0; 
	padding:0;
	} 
#news dl dt, #news dl dd {
	margin-left:130px;
	margin-bottom:0px; 
	color:#666666;
	} 
#news dl dt.first {
	color:#FF0000; 
	float:left; 
	margin:0; 
	width:115px;
}
#news dl dt.first img{
margin-bottom:25px;}
#news dl dt.first img {
	margin-top:5px;
	}
#news dl, #newscontent{
	background-color:#F2F2F2;
	color:#666666;
	}
#news dt a, #news dd a {
	color:#4070A0;
	text-decoration:underline;
	padding:0;
	margin:0;
	}

#news dl hr {
  border-color: #D6DDE7;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 10px;
  height: 0;
  *margin-left:-130px;
  *margin-bottom:0px;
  *width:584px;
}
#news dl {
padding-top:10px;}


.color-text{color:#4170a0;}
.date{color:#4170a0; font-size:11px; padding:0 0 0 15px;}
.arrow-title{background:url(../_images/arrow_title.gif) left 5px no-repeat; padding:0 0 0 15px; color:#4170a0; font-size:12px;}
.float-left{float:left;}
.img-margin{margin:0 10px 10px 0;}
a.arrow-link{background: url(../_images/_icone/icon_002.gif) left top no-repeat; padding:0 0 0 35px;}
#news dl dt{color:#4070A0;
font-size:12px;
}

.colored {
background-color:#F2F2F2}

/*added for workshop integration 26-5-08 */
div.calender_block{
	border-top: 1px solid #999999;
	padding: 5px 0;
	}

div.last{
	border-bottom: 1px solid #999999;
	}

div.calender_block p.location_name{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
	}

div.calender_block table{
	margin: 5px 0;
	text-align: left;
	}
	
div.calender_block span.red{
	color: #FF0000;
	}
div.calender_block span.SessionPassed{
	color: #ababab;
	}

label.calender{
	color: #006699;
	}

select.calender{
	font-size: 11px;
	color: #006699;
	}

ul{
	margin-left: 15px;
	}
#flashContent h1 { font-family: Arial,Helvetica,sans-serif;font-size: 18px; padding: 14px 0px }
#flashContent h2 { font-family: Arial,Helvetica,sans-serif;font-size: 13px; padding-bottom:0px; color:#336699 }
#flashContent p { font-family: Arial,Helvetica,sans-serif;font-size: 11px; color: #666666; padding-bottom:14px }
.warning { padding:10px; border: 1px solid #336699 }
#flashContent .warning p { color:#336699 }

/**
 * New Menu 16-03-2010
 */
#new_menu{width:580px; height:115px; margin-top:6px; border:#ccc 1px dotted; border-width:1px 0;}
#new_menu ul, #new_menu ul li{list-style:none; margin:0; padding:0;}
#new_menu ul li{float:left; width:145px;}
#new_menu ul li a{display:block; width:145px; height:115px; overflow:hidden; text-indent:-10000px; background-position:0 0; background-repeat:no-repeat;}
#new_menu ul li a:hover{background-position:0 -115px;}
			
.nl #btn_epainter{background-image:url('../_images/_nl/submenu_epainter.png');}
.nl #btn_levishome{background-image:url('../_images/_nl/submenu_athome.png');}
.nl #btn_acties{background-image:url('../_images/_nl/submenu_actions.png');}
.nl #btn_newsletter{background-image:url('../_images/_nl/submenu_newsletter.png');}

.fr #btn_epainter{background-image:url('../_images/_fr/submenu_epainter.png');}
.fr #btn_levishome{background-image:url('../_images/_fr/submenu_athome.png');}
.fr #btn_acties{background-image:url('../_images/_fr/submenu_actions.png');}
.fr #btn_newsletter{background-image:url('../_images/_fr/submenu_newsletter.png');}