/* CSS Document La Tinta Cosmetique */

#body {
	margin: 				0px;
	padding: 				0px;
	text-align: 			center;
	background-color: 		#EAFBFB;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#3A8D8C;
	}

/*---------------------------------------------------- topframe -------------------------------------------------*/

#topframe {
	margin:					0 auto;
	width: 					820px;
	background-image: 		url(../images/bg.gif);
	background-repeat: 		repeat-y;
	background-position: 	center;
	}

#box-top {
	margin-left: 			auto;
	margin-right: 			auto;
	width: 					820px;
	height: 				68px;
	margin-top:	       		-6px;
	}

#navtop {
	text-align: 			right;
	margin-right: 			40px;
	margin-top:				-30px;
	}

#navtop a {
	text-decoration:		none;
	}

#banner {
	margin-left: 			auto;
	margin-right: 			auto;
	width: 					780px;
	height: 				148px;
	margin-top:				-12px;
	}	

/*---------------------------------------------------- mainframe -------------------------------------------------*/

#mainframe {
	width: 					822px;
	margin-left: 			auto;
	margin-right: 			auto;
	background-image: 		url(../images/bg.gif);
	background-position: 	center;
	}
	
#tabel {
	width: 					782px;
	border-left: 			1px solid #6EB5B3;
	border-right: 			1px solid #6EB5B3;
	background-color:		#ffffff;
	margin-bottom: 			20px;
	margin:					0 auto;
	/*vertical-align:		top;*/
	}	

.object-center ul {
	font-family: 			verdana;
	font-size: 				11px;
	color: 					#3A8D8C;
	}

#nav {
	height: 				24px;
	width: 					780px;
	background: 			#1E7D7B;
	margin: 				0 auto;
	/*overflow:				hidden;	IE5.5*/
}

.trail {
	width:					780px;
	height: 				18px;
	margin:					0 auto;
	background-image:		url(../images/trail.gif);
	background-repeat: 		repeat-y;
	border-bottom:			1px solid #79bcba;
	position: 	 	 	 	relative;
	z-index:				2;
	}

.bread {
	text-align:				left;
	margin-left:			14px;
	margin-top:				-16px;
	margin-bottom:			14px;
	}

.bread a {
	text-decoration:		none;
	}

.options {
	text-align:				right;
	margin-right:			6px;
	padding-bottom:			6px;
	float:					none;
}

.product_small {
	text-align:				left;
	width:					404px;
	float:					left;
	margin-left:			0px;
	margin-bottom:			14px;
}

.prod_image {
	margin-right:			6px;
}

.product_small h2 {
	font-size:				11px;
	font-weight:			bold;
	margin:0;
	padding:0;
	float:left;

}

img.product_thumb {
	text-align:				left;
	vertical-align:			top;
	float:					left;
	margin-left:			10px;
	margin-right:			17px;
	margin-top:				16px;
}

p.description {
	width:					280px;
	margin-left:			0px;
	padding-left:			0px;
	margin-top:				8px;
	margin-bottom:0;
	text-align:				left;
	float:left;
}

.product_def {
	margin:					8px 0px 0px 0px;
	width:					298px;
	background-color: 		#E6FBFB;
	border:					1px solid #85d1d0;
	float:					right;
}

.product_def td {
	width:					140px;
	font-size:				10px;
	padding:				4px;
}

.product_def2 {
	margin:					8px 6px 8px 8px;
	width:					408px;
	background-color: 		#E6FBFB;
	border:					1px solid #85d1d0;
	float:					right;
}

.product_def2 td {
	font-size:				10px;
	padding:				4px;
	font-family:			verdana;
}

#bottom-box {
	width:					420px;
	float:					left;
	clear:					both;
	border-top: 			1px dashed #abdddb;
	margin:					0px 0px 0px 6px;
}

.object-center {float:left;
}

.news_thumb {
	margin:					4px;
	text-align:				right;
	vertical-align:			top;
	border:					1px solid #3A8D8C;
	float:					left;
	margin-right:			8px;
	}
	
.product_add {
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					white;
	text-align: 			center;
	text-decoration: 		none;
	border-width: 			0px;
	margin-top:	            4px;
	background-color:		#1D909A;
	background-image:		url(../images/submit_boog.gif);
	background-repeat: 		no-repeat;
	background-position:	right bottom;
	cursor:					pointer;
	float:					right;
	margin-right:			8px;
	}

.sc_header td {
	border-bottom:			1px solid #D4EAE9;
	padding:				2px;
}


.sc_content1 td, .sc_content2 td {
	border-bottom:			1px solid #D4EAE9;
	padding:				2px;
}


.sc_content1 {
	background-color:		#F6FFFF;
}

#shoppingcart {
	margin-left:			4px;

}


/*----------------------------------------------------columns-------------------------------------------------*/

#col-left {
	text-align: 			center;
	width: 					163px;
	float: 					left;
	background-color: 		#ffffff;
	margin-left: 			-2px;
	margin-top: 			-3px;
	position:				relative;
	z-index:				1;
	}

#col-center {
	text-align: 			center;
	width: 					441px;
	float: 					left;
	background-color: 		#ffffff;
	margin-top: 			-3px;
	height:					auto;
	}

#col-right {
	text-align: 			center;
	width: 					163px;
	float: 					right;
	background-color: 		#ffffff;
	margin-right: 			-2px;
	margin-top: 			-3px;
	position:				relative;
	z-index:				1;
	}

/*---------------------------------------------------- boxes left & right ----------------------------------------*/

.object-left {
	width: 					163px;
	background-color: 		#E6FBFB;
	margin-bottom:          31px;
	margin-top:				-1px;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
	}

.object-catalogue {
	width: 					163px;
	margin-bottom:          31px;
	margin-top:				-1px;
	background-color: 		#E6FBFB;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
	}

.object-right {
	height: 				100%;
	width: 					163px;
	background-color: 		#E6FBFB;
	margin-bottom:          26px;
	margin-top:				-1px;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
	}
p.object-left-text {
	font-size:11px;
	font-family:"Trebuchet MS", arial;
	padding-left:17px;
	padding-right:10px;
	margin:0;
	margin-top:-5px;
	position:relative;
	line-height:14px;
	text-align:left;
}
p.object-left-text a {
	text-decoration:none;
}
.object-right p {
	font-size:11px;
	font-family:"Trebuchet MS", arial;
	padding-left:17px;
	padding-right:10px;
	margin:0;
	margin-top:-5px;
	position:relative;
	line-height:14px;
	}
.object-center {
	width:					auto;
	height:	 	 	 	 	100%;
	min-height:				94px;
	margin-left: 			auto;
	margin-right:			auto;
	background-color:		#ffffff;
	border-left: 			1px solid #D4EAE9;
	border-bottom: 			1px solid #D4EAE9;
	text-align:				left;
	margin-left:			11px;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
	margin-top:				4px;
	padding-bottom:			0px;
	margin-bottom:			8px;
	}

.object-center li {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

.rbbot {
	background: 			url(../images/box_footer_center.gif) no-repeat bottom left;
	width: 					100%;
	height: 				8px;
	font-size: 				1px;
	margin-left: 			11px;
	margin-top:				-15px;
	position:				relative;
	margin-bottom:			10px;
}

.pageskip {
	text-align:				center;
	margin-top:				20px;
	margin-bottom:			10px;
	height:					100%;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
}

/*---------------------------------------------------- footers -------------------------------------------------*/

#logos {
	margin: 				0 auto;
	width:					780px;
	}

#box-bottom {
	margin: 				0 auto;
	width:					740px;







	border-top:				1px solid #9BD7D5;







	}	















#footer {







	width: 					820px;







	height: 				35px;







	background-image: 		url(../images/footer.gif);







	margin-left: 			auto;







	margin-right: 			auto;







	}







		







#copyright {
	width: 					820px;
	height: 				19px;
	font-family: 			Trebuchet MS;
	font-size: 				10px;
	color: 					#97C7C7;
	margin-left: 			auto;
	margin-right: 			auto;
	}

#copyright a {
	font-family: 			Trebuchet MS;
	font-size: 				10px;
	color: 					#97C7C7;
	text-decoration:		none;
	}

#navbottom {
	text-align: 			center;
	margin-top:  			8px;
	}

#navbottom a {
	text-decoration:		none;
	}

#box-top {
	margin-left: 			auto;
	margin-right: 			auto;
	width: 					820px;
	height: 				68px;
	}

/*---------------------------------------------------- layout text & headers ------------------------------------*/

p {
	font-family: 			verdana;
	font-size: 				11px;
	color: 					#3A8D8C;
	line-height:			16px;
	margin-left:			4px;
	margin-right:			0px;
	padding-left:			4px;
	padding-right:			4px;
	}

p img {
	margin-top:				6px;
}

p.boxes {
	font-family: 			Trebuchet MS;
	font-size: 				12px;
	color: 					#01717B;
	text-align: 			justify;
	letter-spacing:			normal;
	padding:				0px;
	}

h1 {
	font-family: 			verdana;
	font-size: 				18px;
	color: 					#A00000;
	text-align: 			left;
	margin:					0 auto;
	margin-top:				9px;
	margin-left:			12px;
	padding-bottom:			6px;
	font-weight:			normal;
	border-bottom: 	 	 	1px solid #bce2e2;
	}

h2 {
	font-family: 			Trebuchet MS;
	font-size: 				13px;
	color: 					#A00000;
	text-align: 			left;
	margin-left: 			12px;
	margin-top: 			6px;
	padding-top: 			0px;
	padding-left:           0px; 	 
	font-weight:			normal;
	text-decoration:		none;
	}

h2 a {
	font-family: 			Trebuchet MS;
	font-size: 				13px;
	color: 					#A00000;
	text-align: 			left;
	margin-top: 			6px;
	padding-top: 			0px;
 	font-weight:			500;
	text-decoration:		none;
	}

h2 a:visited {
	font-family: 			Trebuchet MS;
	font-size: 				13px;
	color: 					#A00000;
	text-align: 			left;
	margin-top: 			6px;
	padding-top: 			0px;
 	font-weight:			500;
	text-decoration:		none;
	}
	
h2 a:hover {
	font-family: 			Trebuchet MS;
	font-size: 				13px;
	color: 					#127a78;
	text-align: 			left;
	margin-top: 			6px;
	padding-top: 			0px;
	font-weight:			500;
	text-decoration:		none;
	}

h2.headline {
	font-family: 			Trebuchet MS;
	font-size: 				12px;
	color: 					#A00000;
	font-weight:			normal;
	text-align: 			left;
	margin-left: 			4px;
	margin-top: 			-6px;
	padding:				0px;
	padding-top: 			2px;
	background-image:		none;
	background-color:		#FFFFFF;
	}

h2.product {
	font-family: 			Trebuchet MS;
	font-size: 				13px;
	color: 					#A00000;
	font-weight:			normal;
	text-align: 			left;
	margin-left: 			4px;
	margin-top: 			-6px;
	padding:				0px;
	padding-top: 			2px;
	background-image:		none;
	background-color:		#FFFFFF;
	}

h3 {
	font-family: 			Trebuchet MS;
	font-size: 				12px;
	color: 					#01717B;
	text-align: 			justify;
	padding-left: 			6px;
	margin-top: 			0px;
	padding-top: 			4px;
	margin-bottom:			19px;
	background-color:		#FFF;
	border-top:				1px solid #bce2e2;
	border-bottom:			1px solid #bce2e2;
	height:					33px;
	}

h4 {
	font-family: 			Trebuchet MS;
	font-size: 				14px;
	color: 					#A00000;
	text-align: 			justify;
	margin-left: 			12px;
	margin-top: 			0px;
	padding-top: 			4px;
	font-weight:			bold;
	}

p.price {
	font-family: 			Trebuchet MS;
	font-size: 				12px;
	text-decoration:		none;
	color:					#01717B;
	padding-top:			14px;
	margin-left:			14px;
	}
	
span.oldprice {
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	text-decoration:		line-through;
	color:					#A00000;
	margin-left:			8px;
	}

p.notice {
	font-family: 			Trebuchet MS;
	font-size: 				14px;
	color: 					#A00000;
	}

.newsdate {
	font-family: 			Trebuchet MS;
	font-size: 				10px;
	color:					#01717B;
	margin-left:			6px;
	font-weight:			normal;
	}

#bcrumb {
	position:				absolute;
	z-index:				2;
	margin-top:				-18px;
	margin-left:			-374px;
	color: 					#FFF;
	display:				none;
}

#bcrumb a {
	color:					#FFF;
	text-decoration:		none;
	font-family:			verdana;
}

#bcrumb a:hover {
	color: 					#006666;
	text-decoration:		none;
}

/*---------------------------------------------------- formulieren ---------------------------------------------*/

input {
	border:					1px solid #3A8D8C;
	font-family:			Trebuchet MS;
	font-size:				11px;
	background-color: 		#F4FFFF;
	color:					#A00000;
}

.form {
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	color: 					#01717B;
	text-align: 			justify;
	background-color:		#F6FFFF;
	border-top: 			1px solid #a5d4d2;
	border-left: 			1px solid #a5d4d2;
	border-right:			0px;
	border-bottom:			0px;
	background-image:		url(../images/inlog_boog.gif);
	background-position:	bottom right;
	background-repeat: 		no-repeat;
	}

.ie5_text { /*text bij La Tinta Digitaal inlog*/
	font-family: 			verdana;
	font-size: 				11px;
	color: 					#01717B;
	text-align:				left;
	margin-left:			3px;
}

.button {
	font-family: 			verdana;
	font-size: 				9px;
	color: 					white;
	text-align: 			center;
	height:					18px;
	text-decoration: 		none;
	border-width: 			0px;
	margin-top:	            4px;
	background-color:		#1d909a;
	background-image:		url(../images/submit_boog.gif);
	background-repeat: 		no-repeat;
	background-position:	right bottom;
	cursor:					pointer;
	vertical-align:			middle;
	padding-bottom:			2px;
	}

.button2 {
	font-family: 			verdana;
	font-size: 				9px;
	color: 					white;
	text-align: 			center;
	height:					18px;
	text-decoration: 		none;
	border-width: 			0px;
	margin-top:	            4px;
	margin-left:			4px;
	background-color:		#1d909a;
	background-image:		url(../images/submit_boog.gif);
	background-repeat: 		no-repeat;
	background-position:	right bottom;
	cursor:					pointer;
	vertical-align:			middle;
	padding-bottom:			2px;
	float:					right;
	margin-bottom:			6px;
	}

input.addtocart {
	float:					right;
	font-family: 			verdana;
	font-size: 				9px;
	color: 					white;
}

input.back {
	float:					right;
	margin-right:			4px;
	font-family: 			verdana;
	font-size: 				9px;
	color: 					white;
}

input.margin {
	margin-right:			4px;
}

textarea {
	border:					1px solid #3A8D8C;
	font-family:			Trebuchet MS;
	font-size:				11px;
	background-color: 		#F4FFFF;
	color:					#A00000;
	overflow:				hidden;
}

input.checkbox {
	font-family:			Trebuchet MS;
	font-size:				11px;
	background-color: 		#F4FFFF;
	color:					#A00000;
	border:					0px;
}

/*---------------------------------------------------- koppelingen ------------------------------------------------*/

a:link {
	color:					#01717B;
}

a:visited {
	color:					#01717B;
}

a:hover {
	color: 					#A00000;
	text-decoration:		none;
}

.readmore {
	text-align:				right;
	float:					none;
	vertical-align:			baseline;
	clear:					both;
	margin:					0px;
	padding:				0px 0px 0px 6px;
	margin-bottom:			4px;
    width:					410px;
	overflow:				hidden;
}


a.view {
	color:					#01717B;
	text-decoration:		none;
	margin-right:			0px;
	padding:				0px;
}

a.view:visited {
	color:					#01717B;
	text-decoration:		none;
}

a.view:hover {
	color: 					#A00000;
	text-decoration:		none;
}

img.view {
	vertical-align:			middle;
	margin-top:				0px;
	position:				relative;
	z-index:				5;
	}

/*------------------------------------------------- navigatie -------------------------------------------------------*/

#categories {
	list-style:				none;
	text-align:				left;
	text-indent:			0px;
	margin-top:	            -19px;
}

#categories li {
	text-indent:			0px;
	padding-left:			22px;
	background-color:		#FFF;
	margin-left:			-40px;
	border-bottom:			1px solid #bce2e2;
	background-color:		#f9ffff;
}

#categories li a {
	text-decoration:		none;
}

/*---------------------------------------------------- menu functionaliteit ---------------------------------*/

.topmenuul{
	list-style-type:		none;
	margin:					0;
	padding:				0;
	}

.topmenuli{
	list-style-type:		none;
	float:					left;
	}

.topmenutitle{
	display:				block;
	width:					130px;
	}
	
.submenuul{
	list-style-type:		none;
	position:				absolute;
	margin: 				0;
	padding:				0;
	display:				none;
	z-index:				4;
	}

.submenuli a {
	display:				block;
	width:					124px;
	font-family: 			Trebuchet MS;
	font-size: 				11px;
	text-align: 			center;
	}

li:hover ul , li.over ul { /* lists nested under hovered list items */
	display: 				block;
	}

#dmenu li>ul { 
	top: 					auto;
	left: 					auto;
	}

/*---------------------------------------------------- end menu functionaliteit  ---------------------------------*/

/*---------------------------------------------------- begin menu design  ---------------------------------*/

#dmenu {
	font-family: 			Trebuchet MS;
	margin: 				0 auto;
	padding: 				0px;
	width:					780px;
	}

.topmenutitle {
	text-decoration: 		none;
	border:					0px;
	padding:				0px;
	height:					24px;
	}

.submenuul {
	margin:         		0px;
	margin-left:			-1px;
	background-color:		#E6FBFB;
	opacity: 				.9;
	filter: 				alpha(opacity=85);	
	border: 				1px solid #6EB5B3;
	border-top: 			0px;
	}

.submenuli a{
	padding:				3px;
	text-decoration: 		none;
	color: 					#01717B;
	font-family: 			Trebuchet MS;
	font-size:				11px;
	font-weight:			bold;
	margin-bottom: 			0px;
	border-bottom: 			1px solid #ccf0f0;
	}
	
.submenuli a:hover{
	text-decoration: 		none;
	background:				#046C6C;
	color: 					#FFFFFF;
	}

/*---------------------------------------------------- end menu design  ---------------------------------*/

/*------------------------------------- extra since april 2006 ----------------------------*/

#callme {
	height: 					100%;
	width: 						163px;
	background-color: 			#E6FBFB;
	margin-bottom:         		26px;
	margin-top:					8px;
	font-family: 				Trebuchet MS;
	font-size: 					11px;
	color: 						#01717B;
}
#callme p {
	font-size:11px;
	font-family:"Trebuchet MS", arial;
	padding-left:17px;
	padding-right:10px;
	margin:0;
	margin-top:-5px;
	position:relative;
	line-height:14px;
	text-align:left;
	}
#callme p a{
	text-decoration:none;
	}

.webshoplink {
	border:						none;
	background-image:			url(../images/picto_cart_bigger.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.webshoplink a{
	border:						none;
	background-image:			url(../images/picto_cart_bigger.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.webshoplink a:hover{
	border:						none;
	background-image:			url(../images/picto_cart_bigger_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.beeldbanklink {
	border:						none;
	background-image:			url(../images/beeldbank.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.beeldbanklink a{
	border:						none;
	background-image:			url(../images/beeldbank.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.beeldbanklink a:hover{
	border:						none;
	background-image:			url(../images/beeldbank_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.downloadlink {
	border:						none;
	background-image:			url(../images/download.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.downloadlink a{
	border:						none;
	background-image:			url(../images/download.gif);
	width:						400px;
	height:						80px;
	display:					block;

}

.downloadlink a:hover{
	border:						none;
	background-image:			url(../images/download_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

/* niewusbrieven */
.newsletterlink {
	border:						none;
	background-image:			url(../images/newsletter.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.newsletterlink a{
	border:						none;
	background-image:			url(../images/newsletter.gif);
	width:						400px;
	height:						80px;
	display:					block;

}

.newsletterlink a:hover{
	border:						none;
	background-image:			url(../images/newsletter_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

/* prijslijsten */
.prijslijstlink {
	border:						none;
	background-image:			url(../images/prijslijst.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.prijslijstlink a{
	border:						none;
	background-image:			url(../images/prijslijst.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.prijslijstlink a:hover{
	border:						none;
	background-image:			url(../images/prijslijst_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

/* puntent */
.puntenlink {
	border:						none;
	background-image:			url(../images/puntent.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.puntenlink a{
	border:						none;
	background-image:			url(../images/puntent.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.puntenlink a:hover{
	border:						none;
	background-image:			url(../images/puntent_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

/* sign in */
.signinlink {
	border:						none;
	background-image:			url(../images/signin.gif);
	width:						400px;
	height:						80px;
	position:					relative;
	display:					block;
}

.signinlink a{
	border:						none;
	background-image:			url(../images/signin.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.signinlink a:hover{
	border:						none;
	background-image:			url(../images/signin_hover.gif);
	width:						400px;
	height:						80px;
	display:					block;
}

.latest-viewed-product {
	float:						left;
	width:						94px;
	padding:					0px 0px 8px 8px;
	height:						156px;
}

.latest-viewed-product p {
	margin:						2px 0px 0px 0px;
}

.latest-viewed-product a img {
	border:						0px;
}

.del-button {
	width:						424px;
	text-align:					right;
	margin:						0px 0px 6px 0px;
}

.sub-product {
	width:						200px;
	text-align:					left;
}

select.sub-product-select {
	width:						80px;
	font-size:					11px;
}