@import "css/prodm.css";
@import "css/elements.css";

html {
    background: #fff url("gfx/bg.jpg") top left repeat-x;
}
body {
  background: url("gfx/bg2.jpg") top left no-repeat fixed;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  line-height: 16px;
	margin: 0px;
	padding: 0px;
}
#wrap {
  margin: auto;
  width: 1085px;
}
#pageDiv {
  background: #fff;
  float: left;
	width: 945px;
	z-index: 1;
  position: relative;
}

	#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 {
    background: #616161;
		width: 175px;	
	}
  .leftHeader {
	  background: #c30f63 url("gfx/h_bg.jpg");
    color: #fff;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin: 0 0 5px 0;
    padding: 0 0 0 18px;
	}
  .leftHeader a {
    color: #fff;
    text-decoration: none;
  }
  #contentLeft ul {
    list-style: none;
    margin: 0;
    padding: 3px 0;
  }
  #contentLeft li {
    margin: 0;
    padding: 0;
  }
  #contentLeft li a {
    color: #fff;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 30px;
    text-decoration: none;
  }
  #contentLeft li a:hover {
    background: #e0116d;
	}	
		.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;
			}

		
			.leftItem {
			  background: #616161;        
        padding: 0 0 0 28px;
      }
				.leftItem:hover {
					background-color: #F5F5F5;
				}
			.leftItemA {
				color: #fff;
			}
			.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 {
    color: #fff;
		text-align: left;
		padding: 10px;
	}
  .gallup a.func {
    color: #fff;
  }

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

	TD.subHdr, .subHdr, .subHdr:link, .subHdr:active, .subHdr:visited, .subHdr:hover {
		font-family: Tahoma;
		font-size: 12px;
		font-weight: bold;
		color: #c12691;
	}
	
	.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: #c12691;
		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: #c12691;
		text-decoration: none;
	}
		.forum_hdr:hover, .forum_hdr:active {
			font-family: Arial, Verdana, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #c12691;
			text-decoration: underline;
		}

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

	.prod_func_ad, .prod_func_ad:link, .prod_func_ad:visited {
		font-family: Verdana;
		font-size: 10px;
		font-weight: normal;
		color: #c12691;
		text-decoration: none;
	}
		.prod_func_ad:hover, .prod_func_ad:active {
			font-family: Verdana;
			font-size: 10px;
			font-weight: normal;
			color: #c12691;
			text-decoration: underline;
		}
	
	.prod_func, .prod_func:link {
		font-family: Verdana;
		font-size: 11px;
		font-weight: normal;
		color: #c12691;
		text-decoration: none;
	}
		.prod_func:hover, .prod_func:visited, .prod_func:active {
			font-family: Verdana;
			font-size: 11px;
			font-weight: normal;
			color: #c12691;
			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 {	
	}
		#topBanners {
			width: 140px;
			position: relative;
			/*border-bottom: 4px solid #88e216; */
		}
		#realContent {
			width: 560px;
			position: relative;
			z-index: 2;
		}
		
		#galleryMDiv {
			width: 455px;
		}
			#commercials {
        background: #c0c0c0;
        float: right;
				width: 140px;
			}
		
		#realContent H1 {
      color: #50484c;
      font-size: 20px;
      font-weight: normal;
      margin: 0;
      padding: 30px 0 20px 25px;
		}
	

	
	.introTextBox {
		display: block;
		font-family: Tahoma;
		padding: 0 25px;
		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: #B61A93;
			padding: 0px;
			margin: 0px;
			margin-bottom: 5px;
		}
		.introTextBox A {
			font-family: Tahoma;
			font-size: 11px;
			color: #B61A93;
			text-decoration: none;
		}

	.catalogUL {
	/*	margin: 0px;
		padding: 0px;*/
	}
		.catalogUL LI {
/*			margin: 0px;
			padding: 0px;*/
		}
		.catalogUL LI A {
			font-family: Tahoma;
			font-size: 1.1em;
			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: #545454	url('gfx/footer_bg.jpg') top repeat-x;
    color: #fff;
		height: 33px;
    line-height: 33px;
		padding-left: 11px;
		padding-right: 11px;
	}
		#bottomBG a {
			color: #fff;
			text-decoration: none;
		}
		#bottomBG 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;
}


	.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;
	}







.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}
#header {
  background: #545454 url("gfx/header_bg.jpg") top left repeat-x;
  font-size: 11.5px; 
  height: 25px;
  line-height: 25px;
}
  #header .inner {
    width: 1120px;
    margin: auto;
  }
  #header ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
  #header li {
    border-left: #fff 1px solid;
     display: inline;
     padding: 0 16px;
  }
  #header li.first {
    border: none;
  }
  #header li a {
    color: #fff;
    text-decoration: none;
  }
#top_menu {
  background: #b71d5b url("gfx/topmenu_bg.jpg") top left repeat-x;
  border-bottom: #fff 2px solid;
}
  #top_menu ul {
    list-style: none;
    margin: 0;
    padding: 14px 25px 0 25px;
  }
  #top_menu li {
    background: url("gfx/topmenu_div.jpg") top left repeat-x;
    font-weight: bold;
    padding: 7px 0 8px 0;
  }
  #top_menu li.first {
    background: none;
  }
  #top_menu li a {
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  #top_menu li a:hover {
    background: none;
    text-decoration: underline;
  }
  #top_menu li.active a {
    color: #b2a6a8;
    text-decoration: underline;
  }
#top-banner {
  border-bottom: #fff 1px solid;
  text-align: center;
}
  #top-banner img {
    display: block;
  }
#location {
  background: #616161;
  color: #fff;
  font-size: 10px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
}
  #location .date {
    float: left;
  }
#login {
  float: right;
}
  #login td {
    padding: 0 2px;
  }
  #login a {
    color: #fff;
    text-decoration: none;
  }
  #login a.register {
    background: url("../gfx/register.jpg") left no-repeat;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
  }
  #login .error {
    color: red;
  }
#rightSide {
  background: #eaeaea;
}
#last-news dl, #last-news dt, #last-news dd {
  margin: 0;
  padding: 0;
}
#last-news dt a {
  color: #b61a93;
  text-decoration: none;
}
#last-news {
  padding: 5px 0;
  margin: 0 0 10px 0;
}
#last-news dl {
  padding: 5px;
  position: relative;
}
  #last-news dt {
    padding: 0 0 0 40px;
  }
  #last-news dd {
    position: absolute;
    top: 5px;
    left: 5px;
  }
#news-archive {
  text-align: right;
  margin: 0;
  padding: 5px 
  20px 0 0;
}
  #news-archive a {
    color: #605f60;
  }
.register a {
  color: #B61A93;
  text-decoration: underline;
}