/* CSS Document */
BODY {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
	margin:0;
	padding:0;
	background-color:#000000;
	}
#Wrapper {
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:center;
	width:100%;
	}
#Main {
	width:982px;
	margin:auto;
	}

img {
	border: 0;
} 
/************************************/		
#Header {
	background-color:#000000;
	width:982px;
	height:60px;
	padding:50px 0px 0px 0px;
	
	}	
#Header .logo {
	width:456px;
	float:left;
	text-align:left;
	}	
#Header IMG {
	}	

.topmenu {
	width:517px;
	float:right;
	margin-top:10px;
	}

#Header LI {
	
	list-style-image: url(../icon.gif);
	text-align:left;
	}
#Header LI {
	/*float:right;*/
	}	

#Header .uppercase {
	text-transform:uppercase;
	font-size:10pt;
	font-weight:normal;
	margin:0px; 0px; 0px; 0px;
	}
#Header .line2 {
	font-size:9pt;
	font-weight:normal;
	margin:0px; 0px; 0px; 0px;
	}
#Header .line3 {
	font-size:9pt;
	font-weight:normal;
	margin:0px; 0px; 0px; 0px;
	}
#Header UL LI A:link, #Header UL LI A:visited {
	text-decoration:none;
	color:#FFFFFF;
	list-style-type: square;
	}	
#Header UL LI A:hover {
		text-decoration:underline;
	color:#adf8f9;
	}	
	
.left {
	float:left
}
.right {
	float:right
}				
/************************************/	
#Content {
	border-top:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
	width:982px;
	font-size:10pt;
	margin:15px 0px 0px 0px;
	}	
#Content .left {
	width:560px;
	height:410px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
	}	
#Content .left UL {
	list-style-type:none;
	margin:20px 0px 0px 30px;
	padding:0px;
	float:left;
	width:230px;
	}	
#Content .left UL LI {
	margin:0px 0px 3px 0px;
	}	
#Content .left UL LI.green {
	margin:0px 0px 10px 0px;
	color:#adf8f9;
	font-weight:bold;
	}		

/************************************/		
#Content .right {
	float:right;
	padding:20px 0px 0px 0px;
	}	
/************************************/	
#Content .learn {
	text-align:left;
	height:750px;
	padding:20px 0px 0px 0px;
	font-size:10pt;
	}	
#Content .learn H2{
	font-size:12pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:#adf8f9;
	}	
#Content .learn H3{
	font-size:10pt;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#adf8f9;
	}		
#Content .learn .col1 {
	width:475px;
	height:300px;
	float:left;
	margin:0px 10px 0px 0px;
	}	
#Content .learn .col2 {
	width:485px;
	height:300px;
	float:left;
	margin:0px 0px 0px 0px;
	}		
#Content .learn .full {
	width:982px;
	}		
/************************************/		
TABLE.price TR.title TD {
	text-transform:uppercase;
	border-bottom:solid 1px #415959;
	border-top:solid 1px #415959;
	}	
TABLE.price TR TD {
	border-right:solid 1px #415959;
	font-size:10pt;
	}	
TABLE.price TR TD A:link, TABLE.price TR TD A:visited {
	color:#FFFFFF;
	}		
TABLE.price TR TD A:hover {
	color:#adf8f9;
	}	
TABLE.price TR TD.last {
	border-right:solid 1px #000000;
	}	
TABLE.price TR TD.header {
	font-size:14pt;
	border-right:solid 1px #000000;
	}	
TABLE.price TR TD.bottom {
	font-size:10pt;
	color:#adf8f9;
	border-top:solid 1px #415959;	
	border-right:solid 1px #000000;
	}

/************************************/
#Content .samples {
	width:982px;
	margin:auto;
	padding:0px 0px 0px 0px;
	}
#Content .samples IMG {
	border:0px;
	}	
#Content .samples H2 {
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	margin:0px;
	padding:0px;
	}	
#Content .samples H3 {
	color:#adf8f9;	
	font-weight:bold;
	font-size:12pt;
	margin:0px;
	padding:0px;
	width:982px;
	text-align:left;
	clear:both;
	}	
#Content .samples A:link,#Content .samples A:hover, #Content .samples A:visited {
	color:#FFFFFF;
	text-decoration:none;
	}	
#Content .samples .tab {
	border-bottom:solid 1px #292929;
	margin:0px 0px 10px 0px;
	padding:20px 0px 10px 0px;
	width:982px;
	height:25px;
	clear:both;	
	}	
#Content .samples .tab .viewcart {
	float:right;
	}	
#Content .samples .tab A{
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	font-size:12pt;
	}	
#Content .samples .tab UL {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#Content .samples .tab UL LI {
	float:left;
	font-size:12pt;
	margin:0px 6px 0px 0px;
	}
#Content .samples .tab UL LI.current {
	font-weight:bold;
	float:left;
	margin:0px 6px 0px 0px;
	}			
#Content .samples .tab UL LI.current A {
	color:#adf8f9;	
	}
#Content .samples .tab H2 {
	float:right;
	font-size:10pt;
	color:#acf8f8;
	font-weight:normal;
	margin:0px 6px 0px 0px;
	padding:0px;
	}
#Content .samples .right {
	width:220px;
	text-align:center;
	font-size:9pt;
	margin:0px 20px 10px 0px;
	}
TABLE.size {
	font-size:10pt;
	margin:0px 0px 0px 0px;
	}
TABLE.products {
	width:982px;
	font-size:10pt;
	margin:0px 0px 10px 0px;
	}
TABLE.products TR TD {
	font-size:8pt;
	color:#FFFFFF;
	width:160px;
	height:170px;
	padding:0px 30px 0px 0px;
	}		
TABLE.products TR TD UL {
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:135px;
	}
TABLE.products TR TD UL LI{	
	color:#adadad;
	font-size:10pt;
	}
TABLE.products TR TD UL LI.price{
	color:#acf8f8;
	margin:0px 0px 3px 0px;
	}	
TABLE.products TR TD UL LI.desc{
	color:#ffffff;
	margin:0px 0px 3px 0px;
	font-size: 80%;
	}	
#imgbox 
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : 200px;
    width : 200px;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}	
TABLE.products TR TD UL LI.name{
	text-transform:uppercase;
	color:#ffffff;
	margin:5px 0px 3px 0px;
	}	
.diamond {
	text-transform:none;
	color:#adadad;
	}	
.cnbc {
	font-size:8pt;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}			
.cnbc .green{	
	color:#adf8f9;
	font-weight:bold;
	}	
/************************************/
#Content .contact {
	width:982px;
	height:550px;
	margin:auto;
	padding:0px 0px 0px 0px;
	}		
#Content .contact .text {
	width:356px;
	float:left;
	font-size:10pt;
	margin:50px 0px 0px 20px;
	text-align:left;
	padding:0px 0px 0px 0px;
	}	
#Content .contact .text H2 {
	font-size:12pt;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#acf8f8;	
	}	
#Content .contact .text .address {
	text-align:center;
	margin:10px 0px 0px 0px;
	}	
#Content .contact .video {
	width:330px;
	float:left;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	margin:55px 0px 40px 40px;
	}	
	
/************************************/	
#Footer {
	font-family:Arial, Helvetica, sans-serif;
	width:982px;
	height:30px;
	font-size:9pt;
	padding:10px 0px 0px 0px;
	text-align:left;
	}	
#Footer .footer_left{
	float:left;
	}
.footer_left a {
 color:#93d2d3;

}
#Footer .footer_nav{
	float:right;
	width:360px;
	text-align:right;
	}
#Footer .footer_nav UL{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	}
#Footer .footer_nav UL LI{
	margin:0px 0px 0px 10px;
	float:left;		
	}
#Footer .footer_nav UL LI A:link, #Footer .footer_nav UL LI A:visited {
	color:#FFFFFF;
	}
#Footer .footer_nav UL LI A:hover {
	color:#adf8f9;
	}	
/************************************/	
#Additional {
	font-family:Arial, Helvetica, sans-serif;
	width:982px;
	font-size:8pt;
	color:#999999;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
	#Additional a {
	 color:#93d2d3;
	 }
	.rss_box {
	color: #333
}
.rss_box a:link {
	color:black
}

.rss_title, rss_title a:link {
color:red
}
#Additional a {
	color:#666
}				
#pro-makeup-moresamples {
	position:absolute;
	top:35px;
	right:150px;
	padding:0 4px;
}

/* Edit: April 28, 2010
For: moresamples.html - restyled 
to have three column layout
 - tt@techtater.com
----------------------------------------------------*/
#content-tt {
	text-align:left;
	border-bottom:solid 1px #aaaaaa;
	width:982px;
	font-size:10pt;
	margin:0;

}
.content-band {
	height:30px;
	width:100%;
}
#content-left-column {
	width:336px;
	float:left;
	margin:0;

	font-size:12px;
	
}
#tt-kludgy-1 {
	font-size:16px;
	padding:0 0 8px 0;
}
#tt-kludgy-1 .a1 {
	color:#ADF8F9;
	font-weight:bold;
	text-decoration:none;
}
#tt-kludgy-1 .a2 {
	color:white;
	text-decoration:none;
}
#content-middle-column {
	width:279px;
	float:left;
	padding: 0;
	margin:0;
}
#content-right-column {
	width:361px;
	padding:0 0 0 5px;
	float:right;
	margin:0;
	vertical-align:text-middle;
}

.tt-float-clear {
	clear:both;
	
}
#content-tt ul {
	list-style-type:none;
}
#content-tt table {
	width:100%;
	padding:1px 1px 8px 1px;
}
#content-tt  td {
	text-align:center;
}
#content-tt table a {
	border:none;
	color:white;
	text-decoration:none;
}
#content-tt  .list-head {
	color:#ADF8F9;
	font-weight:bold;
}
/* End of edit-------------------------------*/