/*
   New Perspectives on JavaScript
   Tutorial 8
   Tutorial Case
   Filename: games.css

   This file contains styles used in the games.htm file

*/

body {background-color:rgb(255,255,153); font-family:Arial, Helvetica, sans-serif; color:red;
      margin: 0px}
a {color:red; font-size:8pt; font-weight:bold; text-decoration: none}
a:hover {color: blue}

#header {position: absolute; top: 5px; left: 5px; width: 620px; height: 60px;
         border: 2px solid red; margin: 0px; background-color: white}

#link1 {display: block; position: absolute; top: 5px; left: 5px; width: 100px;
        height: 50px; border-right: 2px solid red; text-align: center}

#header img {display: block; position: absolute; top: 0px; left: 195px}

#link2 {display: block; position: absolute; top: 5px; left: 510px; width: 100px;
        height: 50px; border-left: 2px solid red; text-align: center}

.prod {border-style:solid; border-width: 1px 3px 3px 1px; border-color:red;
           padding:3px; z-index:1; color:red; background-color:white; 
           font-family:Arial, Helvetica, sans-serif; font-size:8pt}

#subtitle {position:absolute; top:75px; left:5px; width:600px; color:red; 
           font-size:10pt; text-align:center; font-family:Arial, Helvetica, sans-serif}

span {border: 1px solid blue; padding: 1px; background-color: blue; color: white;
      float: left; margin-right: 5px}

#cartBox {width:350px; height:220px; background-color: white; 
          color:blue; z-index:0; font-size:10pt; font-weight:bold; padding: 5px;
          font-family:Arial, Helvetica, sans-serif; border: 2px solid blue}

#cartBox img {border-width: 0px; width: 330px; height: 180px}

#links {position: absolute; top: 350px; left: 5px; width: 620px; padding: 5px 0px;
        border: 2px solid red; text-align: center; background-color: white}

#links a {margin: 0px 10px}