body{ 
background: #efefef;
background-image: url(../images/professional/distributors/tile.jpg);
background-repeat: repeat-x;
margin:0px; 
text-align:center; 
border:0px;
font-family: "helvetica";
color:#ffffff;
}
a, a:visited{
color:#c33409;
text-decoration: none;
}
#container{ 
position:relative; 
width:973px; 
text-align:center; 
margin:0 auto 0; 
border: 0px;
}

 /* Background image */

#background{
position:absolute;
top:0px;
left:0px;
}
#header{
position:relative;
top:0px;
height:78px;
width:973px;
background-image: url(../images/header.jpg);
background-repeat:none;
}

 /* Log in bar */
 
.login{
position:absolute;
top:12px;
left:130px;
width:750px;
font-size:12px;
text-align:left;
}
.login_title{
position:absolute;
color:#cd5531;
}
.login_links{
position:absolute;
top:0px;
left:330px;
color:#cd5531;
}
.login_links a, .login_links a:visited{
color:#cd5531;
text-decoration:none;
font-size:11px;
}
.login_links a:hover{
text-decoration:underline;
font-size:11px;
}
.search{
position:absolute;
top:-5px;
left:495px;
}
.search_text{
position:absolute;
top:-2px;
left:160px;
}

/*-------------------------Body Background----------------------------*/
.body1{
position:absolute;
top:78px;
height:583px;
width:973px;
background-image: url(../images/products/beautytek/body1.jpg);
background-repeat:none;
}
.body2{
position:absolute;
top:661px;
height:150px;
width:973px;
background-image: url(../images/products/beautytek/body2.jpg);
background-repeat:repeat-y;
}
.body3{
position:absolute;
top:700px;
height:210px;
width:973px;
background-image: url(../images/products/beautytek/body3.jpg);
background-repeat:none;
}


 /*-------------------- Global Navigation Bar & Image */
 
#global_nav{
position:absolute;
top:75px;
left:54px;
}
.text_shadow{
position:relative;
top:11px;
left:-54px;
width:855px;
font-size: 12px;
font-weight:bold;
color:#525151; 
}
#shadow_home{
position:absolute;
left: 117px;
top: 0px;
}
#shadow_products{
position:absolute;
left:204px;
top: 0px;
}
#shadow_procedures{
position:absolute;
left: 309px;
top: 0px;
}
#shadow_consumer{
position:absolute;
left: 431px;
top: 0px;
}
#shadow_professional{
position:absolute;
left: 533px;
top: 0px;
}
#shadow_events{
position:absolute;
left: 670px;
top: 0px;
}
#shadow_vipaccounts{
position:absolute;
left: 763px;
top: 0px;
}

 /*-----------------Code for Global Navigation---------------------------------*/

.menu {
font-family: "helvetica";
font-size: 12px;
width:852px;
height:287px;
background:transparent url(../images/events/nav.jpg) 0 3px no-repeat;
position:absolute; 
margin:0em 0px 0 0px;
font-family: helvetica,arial,verdana, sans-serif;
}

/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:100px; 
height:30px;
font-weight:bold;
color:#FFFFFF; 
border-bottom:0px;
background:transparent; 
padding-left:18px; 
line-height:33px;
margin-right:-4px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:100px;
width:100px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#d7d4d4; 
border-bottom:0px solid #606;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:18px;
margin-top:12px;
left:10px; 
width:110px;
border:1px solid #817f7f;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../images/roll.png); 
border:0;
margin:0;
color:#ffffff;
font-weight:normal; 
font-size:12px;
height:auto; 
line-height:15px; 
padding:5px; 
width:100px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#b3b2b2; 
color:#ffffff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
margin-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#868584;
width:100px; /* for IE5.5 faulty box model */
width:100px; /* for IE6 */
}

/*Rollover control*/
.target_areas a, .target_areas a:visited{
color:#c33409;
text-decoration: none;
}
.target_areas a:hover{
text-decoration: underline;
}
/*-----------------------Local Nav--------------------------*/
#id_events{
position:absolute;
top:398px;
left:76px;
text-align:left;
font-size:19px;
letter-spacing:-1px;
color:#d7d4d4;
}
.localnav{
position:absolute;
top:401px;
left:215px;
width:600px;
text-align:left;
font-size:12px;
}
.localnav a, .localnav a:visited{
color:#ffffff;
text-decoration: none;
}
.localnav a:hover{
color:#d7d4d4;
}
#workshops_link{
position:absolute;
top:0px;
left:px;
text-align:left;
color:#d7d4d4
}
#webinars_link{
position:absolute;
top:0px;
left:118px;
text-align:left;
}
#tradeshows_link{
position:absolute;
top:0px;
left:217px;
text-align:left;
}

/*------------------------Body---------------------------*/
#main_back1{
position:absolute;
top:435px;
left:56px;
background-image: url(../images/professional/distributors/content_back1.jpg);
background-repeat:none;
height:400px;
width:851px;
}
#content_title1{
position:absolute;
top:475px;
left:279px;
width:500px;
font-family:'arial';
font-size:30px;
color:#cd5531;
letter-spacing:-2px;
text-align:left;
}
#content1{
position:absolute;
top:532px;
left:280px;
width:355px;
font-family:'arial';
font-size:12px;
color:#615f5f;
text-align:justify;
}


/*-----------------------Database Areas------------------*/

#copy{
position:absolute;
top:535px;
left:280px;
width:500px;
font-family:'arial';
font-size:12px;
color:#615f5f;
}
.title{ 
text-align:left;
font-size:14px;
color:#4f4d4d;
font-weight:bold;
}
.content{
text-align:justify;
}
.content a:hover{
text-decoration: underline;
}

/*-----------------------Footer-------------------*/

#footer{
position:absolute;
top:910px;
left:-30px;
height:127px;
width:973px;
background-image: url(../images/footer.jpg);
background-repeat:none;
margin:0px;
padding;0px;
}

.footer_nav{
position:absolute;
top:926px;
left:0px;
width:500px;
font-size: 10px;
color:#c33409; 
text-align:left;
}
#footer_home{
position:absolute;
left: 74px;
top:0px;
}
#footer_products{
position:absolute;
left:118px;
top:0px;
}
#footer_procedures{
position:absolute;
left: 178px;
top:0px;
}
#footer_consumer{
position:absolute;
left: 248px;
top:0px;
}
#footer_professional{
position:absolute;
left: 314px;
top:0px;
}
#footer_events{
position:absolute;
left: 391px;
top:0px;
}
#footer_vipaccounts{
position:absolute;
left: 439px;
top:0px;
}
#footer_sitemap{
position:absolute;
left: 514px;
top:0px;
}
#footer_contactus{
position:absolute;
left: 573px;
top:0px;
}
#copyright{
position:absolute;
top:926px;
left:650px;
width: 250px;
font-size:10px;
color:#8a8989;
text-align:left;
}