@charset "utf-8";
/* CSS Document */
/* styles for the top right menu */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	/*padding:12px 0 12px 0;*/}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 11px;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #ffffff;
	color: #555555;
	font-size: 11px;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #dddddd;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #f1f1f1;
	border: 1px solid #cccccc;}

#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #f1f1f1;
	color: #666666;
	font-size: 11px;}

#sddm div a:hover
	{	
	background: #8a8a89;
	color: #FFF;}
.top_nav1 {
	float:right;
}

/* end styles for the top right menu */
/* start styles for the main menu */
/* container div: */
/* set width and alignment */
/* inherited by all elements */
.container {
  float:none;
  margin-left:auto;
  margin-right:auto;
  padding-top:0; 
  margin-top:0;
  width: 950px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* top nav: div holding 'top' menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.top_nav {
  float:right;
  margin:0;
  padding-top: 5px;
  line-height: 25px;
  font-weight:normal;  
  text-align:center;
  font-size:11px; 
  color:#666666;
  background: white url('/img/line_single_img.jpg') repeat-x bottom left;
  /*position: relative;*/
  /*overflow:auto;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* second top nav: next below top nav */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.second_top_nav {
  /*width: 100%;*/
  float:right;
  clear: right;
  padding-top: 8px;
  padding-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN LOGO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.main_logo {
  float:left;
 /* width: 440px;*/
  clear:none;
}

/* MAIN LOGO */
.main_logo img {
  border:0;
  margin:0;
  padding:0;
  margin-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN NAVIGATION MENU: above main content */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.main_menu_nav {
  background: white  url('/images/header/bg_header.gif') repeat-x bottom left;
  z-index:1000px;
  padding-top:35px;
  margin:0px;
  width:948px;
  padding:0;
  border: 1px solid #cccccc; 
  border-top: 1px solid #e1e1e1; 
  font-weight:bold;
  align:left;
  font-size:12px;    
  color:#333333;
  text-align:left;
  /*clear:both;*/
  clear: both;
}


/* was not previously here */
.main_menu_nav a {
  display:inline-block;
}

/* links styled globally for IE */
.main_menu_nav a:link, .main_menu_nav a:visited {
  text-decoration:none;
  /*it switches to this color on rollout  */
  color:#666666;
  border:none;
}
.main_menu_nav a:hover {
  text-decoration:none;
  color:#666666;
}

.main_menu_nav ul {
  line-height:30px;
  padding:0 0 0 10px;
  margin:0;
  list-style:none outside none;
  color:#666666;
  width: 950px;
  /*float: left;
  clear: both;*/
}

.main_menu_nav li {
  /* display:inline-block; */
  display:inline;
  text-align:center;
  padding: 0;
  vertical-align: middle;
  padding: 0px 8px 0px 8px;
}
.main_menu_nav li a:link {
	
}
.main_menu_nav li a:hover{
	background: #DDDDDD;
	/*padding: 6px 4px 6px 4px;*/
}
/* wrap around menu links */
.menu_elem {
  
  /* BE CAREFUL changing these; */
  /* font-size will affect width */
  /* of menu-elements. Can't know */
  /* what font the client browser */
  /* will use. Be conservative*/
  
  
}
.menu_elem a:hover {
  /*background: #DDDDDD;*/
}
.line_color
{color:#eeeeee;
height:10px;}

/*New Menu*/
.new_menu_nav a:link, .new_menu_nav a:visited {
color:#0B0B0B;
font-size:11.4px;
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
letter-spacing:1.3px;
letter-spacing:1.2px\9;
font-weight:100;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {.new_menu_nav a:link, .new_menu_nav a:visited {letter-spacing:1px;}}
.new_menu_nav a:hover, .new_menu_nav .hover
 {
	color:deeppink; 
	background-color: trasparent;
 }
 @media screen and (max-device-width: 480px) { .new_menu_nav a:link, .new_menu_nav a:visited {letter-spacing:.5px;} }
.new_menu_nav{
background-color:#e0e0e0;	
background-image:none;
border-radius:3px 3px 0px 0px;
border:0;
width:950px;
}
#new_menu_nav #btn_why_airbrush.hover, #new_menu_nav #btn_buy_kit.hover, #new_menu_nav #btn_personal.hover, #new_menu_nav #btn_make_up.hover, #new_menu_nav #btn_tanning.hover, #new_menu_nav #btn_professional.hover, #new_menu_nav #btn_workshops.hover, #new_menu_nav #btn_how_to.hover, #new_menu_nav #btn_help.hover, #new_menu_nav #btn_view_cart.hover
{
	background-color:transparent;}
.sep-color {
	color:#e0e0e0;	
}

/*New Header */
#new_header #sddm li a {
	padding:10px 0px 10px 40px;
	text-transform:uppercase;
}
#new_header #sddm li a {
	font-size:10px;	
}
#new_header #sddm li a:hover {
	color:deeppink;
	background-color:transparent;
}
#new_header .top_nav1 {
	border-bottom:solid 1px #ccc;	
}
#new_header .second_top_nav {
	padding:0 0 10px 0;
	width:420px;
}  
#new_header #sddm div{
	padding:3px;
	background-color:#fff;
}

#new_header #sddm #m2 a {
padding:5px;	
}
#new_header img	{
border:0;
}