body{ 
background: #efefef;
background-image: url(../images/products/Powerskin/tile.jpg);
background-repeat: repeat-x;
margin:0px; 
text-align:center; 
border:0px;
font-family: "helvetica";
color:#ffffff;
}
a, a:visited{
color:#3a3939;
text-decoration: underline;
}
a:hover{
color:#b4b1b1;
}
#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/Powerskin/body1.jpg);
background-repeat:none;
}
.body2{
position:absolute;
top:661px;
height:150px;
width:973px;
background-image: url(../images/products/Powerskin/body2.jpg);
background-repeat:repeat-y;
}
.body3{
position:absolute;
top:1260px;
height:210px;
width:973px;
background-image: url(../images/products/Powerskin/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/products/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_products{
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:300px;
text-align:left;
font-size:12px;
}
#overview_link{
position:absolute;
top:0px;
left:px;
text-align:left;
}
#overview_link a, #overview_link a:visited{
color:#ffffff;
text-decoration: none;
}
#overview_link a:hover{
color:#d7d4d4;
}
#Powerskin_link{
position:absolute;
top:0px;
left:85px;
text-align:left;
color:#d7d4d4;
}
#algonix_link{
position:absolute;
top:0px;
left:178px;
text-align:left;
}
#algonix_link a, #algonix_link a:visited{
color:#ffffff;
text-decoration: none;
}
#algonix_link a:hover{
color:#d7d4d4;
}
/*------------------------Body---------------------------*/
#main_back1{
position:absolute;
top:435px;
left:56px;
background-image: url(../images/products/Powerskin/content_back1.jpg);
background-repeat:none;
height:800px;
width:851px;
}
#quicklinks_content{
position:absolute;
top:516px;
left:651px;
background-image: url(../images/products/Powerskin/quicklink_back.jpg);
background-repeat:none;
height:89px;
width:246px;
}
#content_title1{
position:absolute;
top:475px;
left:277px;
width:120px;
font-family:'arial';
font-size:30px;
color:#cd5531;
letter-spacing:-2px;
}
#content1{
position:absolute;
top:532px;
left:280px;
width:355px;
font-family:'arial';
font-size:12px;
color:#615f5f;
text-align:justify;
}

/*-----------------------Content Area------------------*/
#copy{
position:absolute;
top:521px;
left:280px;
width:355px;
font-family:'arial';
font-size:12px;
color:#615f5f;
}
.title{ 
text-align:left;
font-size:12px;
font-weight: bold;
}
.content{
text-align:justify;
}
.electrolyte_link{
position: absolute;
top:620px;
left:675px;
}
#electrolyte a, #electrolyte a:visited{
position:absolute;
top:0px;
left:0px;
width:200px;
font-family:'arial';
font-weight:lighter;
font-size:12px;
color:#cd5531;
text-align:left;
text-decoration:none; 
}
#electrolyte a:hover{
text-decoration:underline;
}
#arrow_electrolyte{
position:absolute;
top:3px;
left:205px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#quicklinks_title{
position:absolute;
top:497px;
left:705px;
width:100px;
font-family:'arial';
font-size:16px;
color:#aeadad;
letter-spacing:-1px;
}
#quicklinks{
position:absolute;
top:530px;
left:665px;
font-family:'arial';
font-size:12px;
text-align:left;
color:#e60088;
margin:0px;
padding:0px;
}
.arrows{
position:absolute;
top:530px;
left:880px;
}
#arrow1{
position:absolute;
top:3px;
left:0px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow2{
position:absolute;
top:18px;
left:0px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow3{
position:absolute;
top:33px;
left:0px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow4{
position:absolute;
top:48px;
left:0px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
.dots{
position:absolute;
top:530px;
left:655px;
}
#dot1{
position:absolute;
top:4px;
left:0px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot2{
position:absolute;
top:18px;
left:0px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot3{
position:absolute;
top:33px;
left:0px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot4{
position:absolute;
top:48px;
left:0px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}

/*--------------Image Area-----------------*/

#main_back2{
position:absolute;
top:1270px;
left:56px;
background-image: url(../images/products/Powerskin/content_back2.jpg);
background-repeat:none;
height:162px;
width:850px;
}
#quicklinks_image{
position:absolute;
top:1315px;
left:585px;
background-image: url(../images/products/Powerskin/quicklink_back2.jpg);
background-repeat:none;
height:81px;
width:294px;
}
#image_title{
position:absolute;
top:1285px;
left:280px;
width:100px;
font-family:'arial';
font-size:16px;
color:#aeadad;
letter-spacing:-1px;
}
#more_info{
position:absolute;
top:1285px;
left:620px;
width:200px;
font-family:'arial';
font-size:16px;
color:#aeadad;
letter-spacing:-1px;
}
.more_links{
position:absolute;
top:1325px;
left:610px;
font-family:'arial';
font-size:12px;
text-align:left;
color:#e60088;
}
.arrows_info{
position: absolute;
top:1329px;
left:796px;
}
#arrow5{
position:absolute;
top:3px;
left:195px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow6{
position:absolute;
top:18px;
left:195px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow7{
position:absolute;
top:33px;
left:195px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#arrow8{
position:absolute;
top:48px;
left:195px;
background-image:url(../images/arrow.gif);
background-repeat:repeat-x;
height:6px;
width:8px;
}
#dot5{
position:absolute;
top:4px;
left:-15px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot6{
position:absolute;
top:18px;
left:-15px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot7{
position:absolute;
top:33px;
left:-15px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#dot8{
position:absolute;
top:48px;
left:-15px;
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
height:6px;
width:6px;
}
#pic1{
position:absolute;
top:1318px;
left:100px;
height:55px;
width:87px;
}
#pic2{
position:absolute;
top:1318px;
left:220px;
height:55px;
width:87px;
}
#pic3{
position:absolute;
top:1318px;
left:340px;
height:55px;
width:87px;
}
#pic4{
position:absolute;
top:1318px;
left:460px;
height:55px;
width:87px;
}

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

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

.footer_nav{
position:absolute;
top:1488px;
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:1488px;
left:650px;
width: 250px;
font-size:10px;
color:#8a8989;
text-align:left;
}