/* reset css */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote
{
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset */

html
{
    background-color:#F3F3B4;
}

div
{
    margin-left:1em;
    margin-right:1em;
}
    
P
{
    text-indent:1em;
    padding-top:1em;
    text-align:justify;
}

h1
{
    font-size:2em;
    font-weight:bold;
    margin-top:.8em;
    margin-bottom:.8em;
    display:block;
}

h2
{
    font-size:1.6em;
    font-weight:bold;
    margin-top:.8em;
    margin-bottom:.8em;
    display:block;
   
}

h3
{
    font-size:1.4em;
    font-weight:bold;
    margin-top:1.25em;
    display:block;
   
}

h4
{
    font-size:1.2em;
    font-weight:bold;
    margin-top:.8em;
    display:block;
    clear:right;
}

h5
{ 
    font-size:1.2em;
    font-weight:bold;
    margin-top:.8em;
    display:block;
}

th
{
    padding: 5px 10px 5px 10px;
    border:3px solid black;
    font-style:italic;
    font-weight:bold;
    background-color:#D8D8D8;
}

td
{
    padding:5px 10px 5px 10px;
    border:3px solid black;
}
table
{
    text-align:left;
    vertical-align:middle;
    margin-top:10px;
    margin-bottom:20px;
    border-collapse:collapse;
    border:3px solid black;
}

table a:link
{
    font-size:1em;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    font-weight:bold;
    vertical-align:middle;

}
table a:visited
{
  color: purple;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    font-size: 1em;
    font-weight:bold;
    vertical-align:middle;
    text-decoration:none; 
}  
  
#div-body
{
    width:960px;
    margin-right:auto;
    margin-left:auto;
    background-color:#dee6ed;
    min-height:1800px;
    font-family: Arial, "@Arial Unicode MS", Helvetica, Sans-Serif;
    font-size: 1em;
}
         
a:link 
{
    color: #026DD7;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    font-size: 1em;
    text-decoration:none; 
}

a:visited
{
    color: purple;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    font-size: 1em;
    text-decoration:none; 
}

a:hover
{
    background-color:#F3F3B4;
}

.form table
{
    text-align:left;
    vertical-align:middle;
    margin-left:75px; 
    margin-top:20px;
    margin-bottom:20px;
    border-collapse:collapse;
    border:3px solid black;
}

.form td
{
   background-color:#FFFFCC;
   padding:5px 5px 5px 5px;
   border:3px solid black; 
}

.line1
{
    margin: 10px 0px 0px 0px;
    border-style:none;
    background-color: #597fa6;
    height:10px;
    width:960px;
    clear:both;  
}

.line2
{
    margin: 10px 0px 0px 0px;
    border-style:none;
    background-color: #597fa6;
    height:5px;
    clear:both;  
}

.line3
{
    margin: 10px 0px 0px 0px;
    border-style:none;
    background-color: #597fa6;
    height:2px;
    clear:both;  
}
     
ul.navbar1
{ 
   
    list-style: none;
    padding-left:4px;
    padding-top:6px;
    padding-bottom:6px;
    text-align: center;
    margin-left:15px;
}
    
ul.navbar1 li
{
   float: left;
   padding:.25em .25em .25em .25em;
   font-size:.8em;
   font-weight:bold;
   text-align:left;
   display: inline;
    
}

ul.navbar1 a
{ 
    display:block;
    border: 2px solid #000;
    padding: .25em .25em .25em .25em;
    background-color: #F3F3B4;
    text-decoration:none;
    color: #333;

    
}

ul.navbar1 a:link
{
    background-color: #F3F3B4;
    color: #173E65;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    text-decoration:none; 
}

ul.navbar1 a:visited
{
    background-color: #F3F3B4;
    color: Purple;
    font-family: Arial, "@Arial Unicode MS", Helvetica, sans-serif;
    text-decoration:none; 
} 

ul.navbar1 a:hover
{
    background-color: #dee6ed;
}

 #hereIam 
{
    display:block;
    border: 2px solid #000;
    padding: .25em .25em .2em .25em;
    background-color: #dee6ed;
    text-decoration:none;
    color: #333;
    margin:4px 2px 4px 2px;
    float:left;
}      

.topic
{
    width: 100%;
    height: 30px;
    margin: 5px 0px 5px 0px;
    padding: 5px 0 10px 0;
    background-color: #597fa6;
    float: left;
    text-align:center;
    color:  #FFFF11;
    font-size:2em;
    font-weight:bolder;     
}

.copyright
{
    text-align:right;
    font-size:.8em;
    clear:both;  
}

    
.list-acrobat
{
   list-style-image: url(images/acrobat.gif);
   padding-top:1em;
} 

.list-arrow
{
    margin-left:10em;
    font-size:1.25em;
    list-style-image: url(images/bullet.png);   
}

.list-arrow-reg
{
   margin-left:125px;
   list-style-image: url(images/bullet.png);
} 

.list-nobullet
{
    list-style-type: none;
   
}
     
.float-right
{
    float:right;
    padding:5px 5px 5px 20px;
    display: inline;
}
.float-left
{
    float:left;
    padding:5px 20px 5px 5px;
    display: inline;
}

.imagelink
{
    margin-left:14px; 
    border:3px solid #026DD7; 
    background-color:#dee6ed; 
    padding: 10px 10px 10px 10px;
    float:right;
}
   
.imagelink a:hover 
{
   background-color:#F3F3B4;
   float:right; 
} 

.imagelinkleft
{
    margin-left:14px; 
    border:3px solid #026DD7; 
    background-color:#dee6ed; 
    padding: 10px 10px 10px 10px;
    float:left;
}
   
.imagelinkleft a:hover 
{
   background-color:#F3F3B4;
   float:left; 
} 
.center-text
{
    font-style:italic;
    text-align:center;
}

.depend-on
{
    margin-left:8em;
    font-size:1.2em; 
    padding-top:1em;
    font-weight:bold; 
    display:block;
}
 
/* css for usa sales map */

.map1
{
    position: relative;
    top:180px;
    left:50px;
}

.map2
{
    position: relative;
    top:180px;
    left:75px;
}

 .popup1
{
   position: absolute;
   top:20px;
   left:150px;
   width:500px;
   background-color:#dee6ed;
   padding:5px;
   color:black;
   font-family:Arial;
   font-size:1em;
   visibility:hidden;
}

.box1
{
    position: absolute;
    top:200px;
    left:-100px;
}

.box2
{
    position: absolute;
    top:410px;
    left:-130px;
}

.box3
{
   position: absolute;
    top:190px;
    left:110px;
}

.box4
{
   position: absolute;
    top:240px;
    left:95px;
} 

.box5
{
   position: absolute;
    top:280px;
    left:85px;
}

.box6
{
   position: absolute;
    top:365px;
    left:100px;
}

.box7
{
   position: absolute;
    top:230px;
    left:150px;
}

.box8
{
   position: absolute;
    top:220px;
    left:300px;
}

.box9
{
   position: absolute;
    top:340px;
    left:300px;
}

.box10
{
   position: absolute;
    top:250px;
    left:395px;
}

.box11
{
   position: absolute;
    top:390px;
    left:285px;
}

.box12
{
   position: absolute;
    top:450px;
    left:365px;
}

.box13
{
   position: absolute;
    top:400px;
    left:445px;
}

.box14
{
   position: absolute;
    top:200px;
    left:580px;
}

.box15
{
   position: absolute;
    top:250px;
    left:535px;
}

.box16
{
   position: absolute;
    top:330px;
    left:520px;
}

.box17
{
   position: absolute;
    top:290px;
    left:570px;
}

.box18
{
   position: absolute;
    top:330px;
    left:440px;
}

.box19
{
   position: absolute;
    top:310px;
    left:480px;
}

.box20
{
   position: absolute;
    top:295px;
    left:515px;
}

.box21
{
   position: absolute;
    top:250px;
    left:450px;
}

/* css for world sales map */

.map3
{
    position:relative;
    top:180px;
    left:140px;
}

.popup2
{
   position: absolute;
   top:40px;
   left:-250px;
   width:500px;
   background-color:#dee6ed;
   padding:5px;
   color:black;
   font-family:Arial;
   font-size:1em;
   visibility:hidden;
}

.box22
{
    position: absolute;
    top:300px;
    left:-190px;
}

.box23
{
    position: absolute;
    top:400px;
    left:-200px;
}

.box24
{
   position: absolute;
    top:400px;
    left:-310px;
}

.box25
{
   position: absolute;
    top:400px;
    left:-365px;
} 

.box26
{
   position: absolute;
    top:370px;
    left:40px;
}

.box27
{
   position: absolute;
    top:405px;
    left:15px;
}

.box28
{
   position: absolute;
    top:315px;
    left:-415px;
}

.box29
{
   position: absolute;
    top:495px;
    left:-155px;
}

.box30
{
   position: absolute;
    top:375px;
    left:-45px;
}

/* css for product map */
.map4
{
    position: relative;
    top:10px;

    left:60px;   
}

.rec1
{
    position: absolute;
    top:30px;
    left:30px;
}

.rec2
{
    position: absolute;
    top:40px;
    left:110px;

}

.rec3
{
    position:absolute;
    top:30px;
    left:200px;
  
}

.rec4
{
    position:absolute;
    top:20px;
    left:286px;

}

.rec5
{
    position: absolute;
    top:20px;
    left:330px;
}

.rec6
{
    position: absolute;
    top:30px;
    left:400px;
}

.rec7
{
    position: absolute;
    top:135px;
    left:25px;
}
   
.rec8
{
    position: absolute;
    top:115px;
    left:100px;
} 

.rec9
{
    position: absolute;
    top:130px;
    left:210px;
}

.rec10
{
    position: absolute;
    top:210px;
    left:20px;
}

.rec11
{
    position: absolute;
    top:190px;
    left:220px;
}  

.rec12
{
    position: absolute;
    top:260px;
    left:20px;
}

.rec13
{
    position: absolute;
    top:260px;
    left:150px;
}

.rec14
{
    position: absolute;
    top:270px;
    left:200px;
}

.rec15
{
    position: absolute;
    top:250px;
    left:350px;
}

.rec16
{
    position: absolute;
    top:300px;
    left:108px;
}

.rec17
{
    position: absolute;
    top:410px;
    left:330px;
} 

.rec18
{
    position: absolute;
    top:360px;
    left:60px;
} 

.rec19
{
    position: absolute;
    top:330px;
    left:350px;
}   

.rec20
{
    position: absolute;
    top:400px;
    left:390px;
} 

 .rec21
{
    position: absolute;
    top:430px;
    left:20px;
}  

 .rec22
{
    position: absolute;
    top:440px;
    left:180px;
}