@import "css/prodm.css";
@import "css/elements.css";
	
BODY {
	margin: 0px;
	padding: 0px;
	background-image: url(img/bg1.png);
}
#pageDiv {
	position: relative;
	width: 768px;
	z-index: 1;
	background-color: white;
	background-image: none;
}

	#topBG {	
		position: relative;
		width: 768px;
		height: 147px;
		z-index: 1;		
	}
		

	#spacer {
		font-size: 2px;
		height: 2px;
		background-color: #7588c1;
		border-bottom: 1px solid #FFFFFF;
	}
		.spaceLTF {
			font-size: 1px;
			height: 1px;
			background-color: #ffffff;
		}

		

	#contentLeft {
		width: 165px;	
		background-color: #dee4f6;
		border-top: 1px solid #ffffff;
	}

		
		.btn {
			font-weight: bold;
		}
		
		.leftHeaderRed {
			border: 1px solid #C52C30;
			background-color: #FF0600;
			height: 18px;
			line-height: 18px;
			text-align: left;
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
			padding-left: 10px;
		}
		.leftHeaderRed A {
				font-family: Verdana;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase; 
				color: #ffffff;
				text-decoration: none;
			}

		.leftHeader {
			border: 1px solid #39afd2;
			background-color: #23BEEB;
			height: 18px;
			line-height: 18px;
			text-align: left;
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				color: #ffffff;
			padding-left: 10px;
		}
			.leftItem {
				border-left: 1px solid #bac5ed;
				border-right: 1px solid #bac5ed;
				border-bottom: 1px solid #c2c2c2;
				border-top: 1px solid #ffffff;
				background-color: #dee4f6;
				height: 18px;
				line-height: 18px;
				text-align: left;
					font-family: Tahoma;
					font-size: 11px;
					font-weight: normal;
					color: #000000;
				padding-left: 15px;
			}
				.leftItem:hover {
					background-color: #F5F5F5;
				}
			.leftItemA {
				border-left: 1px solid #bac5ed;
				border-right: 1px solid #bac5ed;
				border-bottom: 1px solid #c2c2c2;
				border-top: 1px solid #ffffff;
				background-color: #F0F3FB;
				height: 18px;
				line-height: 18px;
				text-align: left;
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #000000;
				padding-left: 10px;
			}
			.leftItemN {
				border-left: 1px solid #bac5ed;
				border-right: 1px solid #bac5ed;
				border-bottom: 1px solid #FF0000;
				border-top: 1px solid #ffffff;
				background-color: #FF0600; /*#dee4f6*/
				/*background-color: #dee4f6;*/
				height: 18px;
				line-height: 18px;
				text-align: left;
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #000000;
				padding-left: 10px;
			}
			
				.leftItemN A{
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
				}

				.leftItemA A, .leftItem A {
					font-family: Verdana;
					font-size: 11px;
					font-weight: bold;
					color: #646464;
					text-decoration: none;
				}
				
				.leftItemN A:hover{
					color: #fff;
					text-decoration: underline;
				}

				.leftItemA A:hover, .leftItem A:hover, .leftItem .active {
					color: #170048;
					text-decoration: underline;
				}

	.gallup {
		text-align: left;
		padding: 10px;
	}

	.subhdr2, .subhdr2:link, .subhdr2:active, .subhdr2:visited, .subhdr2:hover {
		font-family: Tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #2687C1;
	}	
	
	.subhdr, .subhdr:link, .subhdr:active, .subhdr:visited, .subhdr:hover {
		font-family: Tahoma;
		font-size: 12px;
		font-weight: bold;
		color: #2687C1;
		text-decoration: underline;
	}

	TD.subHdr, .subHdr, .subHdr:link, .subHdr:active, .subHdr:visited, .subHdr:hover {
		font-family: Tahoma;
		font-size: 12px;
		font-weight: bold;
		color: #2687C1;
	}
	
	.login_link {
		font-family: Tahoma;
		font-size: 10px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}
		.login_link:hover {
			text-decoration: underline;
		}

	.flashbtn {
		font-family: Tahoma;
		font-size: 10px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}

	.leftItem .cat_links {
		font-family: Tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #35B0D5;
		text-decoration: none;
	}
	leftItem .cat_links:hover {
		text-decoration: underline;
	}

	.subArtHdr, .subArtHdr:link, .subArtHdr:active, .subArtHdr:visited, .subArtHdr:hover {
		font-family: Tahoma;
		font-size: 13px;
		font-weight: bold;
		color: #2687C1;
		text-decoration: underline;
	}

		.comms {
			font-family: Tahoma;
			font-size: 11px;
			font-weight: normal;
			color: #6BC300;
			text-decoration: none;
		}

	.text {
		font-family: Arial;
		font-size: 12px;
		line-height: 16px;
	}


	.forum_hdr, .forum_hdr:link, .forum_hdr:visited {
		font-family: Arial, Verdana, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #2687C1;
		text-decoration: none;
	}
		.forum_hdr:hover, .forum_hdr:active {
			font-family: Arial, Verdana, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #2687C1;
			text-decoration: underline;
		}

	.func, .link, .func:link, .link:link, .func:visited, .link:visited {
		font-family: Verdana;
		font-size: 9px;
		font-weight: bold;
		color: #D54045;
		text-decoration: none;
	}
		.func:hover, .link:hover, .func:active, .link:active {
			font-family: Verdana;
			font-size: 9px;
			font-weight: bold;
			color: #D54045;
			text-decoration: underline;
		}

	.prod_func_ad, .prod_func_ad:link, .prod_func_ad:visited {
		font-family: Verdana;
		font-size: 10px;
		font-weight: normal;
		color: #D54045;
		text-decoration: none;
	}
		.prod_func_ad:hover, .prod_func_ad:active {
			font-family: Verdana;
			font-size: 10px;
			font-weight: normal;
			color: #D54045;
			text-decoration: underline;
		}
	
	.prod_func, .prod_func:link {
		font-family: Verdana;
		font-size: 11px;
		font-weight: normal;
		color: #D54045;
		text-decoration: none;
	}
		.prod_func:hover, .prod_func:visited, .prod_func:active {
			font-family: Verdana;
			font-size: 11px;
			font-weight: normal;
			color: #D54045;
			text-decoration: none;
		}

	.result {
		font-family: Verdana;
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}	
		.gallupBar {
			display: block;
			background-color: #FF0600;
			color: #ffffff;
			font-family: Verdana;
			font-size: 11px;
			line-height: 12px;
			height: 12px;
			font-weight: normal;
			margin-bottom: 1px;
			padding: 1px;
		}
		.gallupBarBg {
			display: block;
			background-color: #ffffff;
		}

	.sendAnswer {
		margin-top: 5px;
	}

	.gall_func, .gall_func:link {
		font-family: Verdana;
		font-size: 11px;
		line-height: 11px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}
		.gall_func:hover, .gall_func:visited, .gall_func:active {
			font-family: Verdana;
			font-size: 11px;
			font-weight: normal;
			color: #000000;
			text-decoration: none;
		}


	#contentRight {	
		background-image: url('gfx/rBG.gif');
		background-position: top right;
		background-repeat: repeat-y;
		border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
		#topBanners {
			/*width: 140px;*/
			position: relative;
			vertical-align: top;
			text-align: center;
			/*border-bottom: 4px solid #88e216; */
		}
		#realContent {
			width: 470px;
			position: relative;
			vertical-align: top;
			z-index: 2;
			padding-right: 10px;
		}
		
		#galleryMDiv {
			width: 455px;
		}
			#commercials {
				width: 140px;
				text-align: right;
				/* background-color: #dee4f6; */
			}
		
		#realContent H1 {
			margin-right: 20px;
			height: 40px;
			line-height: 40px;
			text-align: left;
			padding-left: 55px;		
			margin-top: 5px;
			margin-left: 14px;
				font-family: Arial;
				font-size: 18px;
				font-weight: bold;
				color: #2BA6CA;
			background-image: url('gfx/H1Pic.gif');
				background-repeat: no-repeat;
				background-position: 1% 50%;
			border-bottom: 1px solid #6bc300;
		}
	

	
	.introTextBox {
		display: block;
		font-family: Tahoma;
		font-size: 11px;
		color: #000000;
		text-align: left;
		padding: 15px;
		padding-top: 0px;
		line-height: 15px;
		margin-bottom: 10px;
		clear: both;
	}
		.introTextBoxSP {
			text-align: center;
			display: block;
			margin: 0px;
			padding: 0px;
			height: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			clear: both;
		}
		.introTextBox H2 {
			font-family: Tahoma;
			font-size: 11px;
			font-weight: bold;
			color: #35B0D5;
			padding: 0px;
			margin: 0px;
			margin-bottom: 5px;
		}
		.introTextBox A {
			font-family: Tahoma;
			font-size: 11px;
			color: #6BC300;
			text-decoration: none;
		}

	.catalogUL {
	/*	margin: 0px;
		padding: 0px;*/
	}
		.catalogUL LI {
/*			margin: 0px;
			padding: 0px;*/
		}
		.catalogUL LI A {
			font-family: Tahoma;
			font-size: 1.1em;
			color: #2BA6CA;
			font-weight: bold;
			text-decoration: none;
		}
		.catalogUL LI LI A {
			font-family: Tahoma;
			font-size: 1.1em;
			color: #000000;
			font-weight: normal;
			text-decoration: none;
		}
		.catalogUL LI A:hover, .catalogUL LI LI A:hover {
			text-decoration: underline;
		}



	#bottomBG {
		background-image:	url('gfx/bottomBG.jpg');
		background-repeat:	repeat-x;	
		border-top: 1px solid #cbcdd5;
		height: 33px;
		padding-left: 11px;
		padding-right: 11px;
	}
		#bottomBG TD {
			font-family: Verdana;
			font-size: 9px;
			color: #7c7c7c;
			line-height: 33px;
		}
		#bottomBG TD A {
			font-family: Verdana;
			font-size: 9px;
			color: #7c7c7c;
			line-height: 33px;
			text-decoration: none;
		}
			#bottomBG TD A:hover {
				text-decoration: underline;
			}
	

	.gal {
		font-family: Verdana;
		font-size: 11px;
		color: #000000;
		line-height: 17px;
	}
	.gal_block {			
		font-family: Verdana;
		font-size: 11px;
		color: #000000;
		text-align: left;
		border: 1px solid #666666;
	}
	.gal_block_hover {			
		font-family: Verdana;
		font-size: 11px;
		color: #000000;
		text-align: left;
		border: 1px solid #666666;
		background-color: #eeeeee;
	}
	.gal_title {
		display: block;	
		font-family: Verdana;
		font-size: 11px;
		color: #000000;
		text-align: left;
		padding-left: 2px;
		padding-right: 2px;
	}
		.hinne_p0, .hinne_p1, .hinne_p2, .hinne_p3, .hinne_p4, .hinne_p5 {
			float: left;
			width:	15px;
			height: 15px;
			background-repeat: no-repeat;
			line-height:	15px;
			font-family:	Verdana;
			font-size:		11px;
			color:			#ffffff;
			text-align:		center;
			font-weight:	bold;
		}
		.hinne_p0 {
			background-image: url('gfx/p0.gif');
		}
		.hinne_p1 {
			background-image: url('gfx/p1.gif');
		}
		.hinne_p2 {
			background-image: url('gfx/p2.gif');
		}
		.hinne_p3 {
			background-image: url('gfx/p3.gif');
		}
		.hinne_p4 {
			background-image: url('gfx/p4.gif');
		}
		.hinne_p5 {
			background-image: url('gfx/p5.gif');
		}


.ilmee {
	text-align: center; 
	height: 100px;
	margin: 0px;
	padding: 0px;
}

	/*.scroller {
		height: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px;
	}*/
	marquee {
		height: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px;
	}
	.vscroller {
		height: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px;
		border: none;
	}

	.filterList {
		margin: 0px;
		width: 100%;
		background-color: #F2F3F9;
		border: 1px solid #E3E6F2;
		text-align: center; 
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 1px;
		padding-bottom: 1px;
		height: 17px;
		line-height: 17px;
			font-family: Arial;
			font-weight: normal;
			font-size: 11px;
			color: #666666;
	}
		.filterList form {
			display: inline;
		}
		.filterList a {
			margin-right: 2px;			 
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			color: #000000;
				text-decoration: none;
		}
			.filterList a:hover, .filterList a.activeEl {
				margin-right: 2px;	
				color: #C52C30;
				font-weight: bold;
				background-color: #eeeeee;
				text-decoration: none;
			}

#keywordSearch {
	
}
#keywordSearch select {
	width: 150px;
		font-family: Arial;
		font-weight: normal;
		font-size: 11px;
		color: #666666;
		z-index: 3;
}


	.clear{
		clear:  both; 
		height: 0px; 
		overflow: hidden;
	}
	html[xmlns] .mozclear
	{
		/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
		 * this up as well. Shouldn't be a problem, Opera should handle this fine,
		 * but it's a Mozilla-targeted hack, and it should probably only affect
		 * mozilla. You can do that by replacing the INVALID CSS selector
		 * :root .mozclear for what's give here.
		 */
		border-bottom: 1px solid;
		border-color: transparent;
		margin-bottom: -1px;
	}


.beautyProductsTable {
	width: 90%;
	margin: 0 auto;
	}
	.beautyProductsTable a {
		font-weight: normal;
		font-size: 12px;
		color: #000000;
		text-decoration: underline;
	}