/* *********************************************************** */
/*          These are the global styles for the site           */
/* *********************************************************** */


* {margin:0; padding:0;}
body {font-family:verdana; background-color:#040657;}
h1 {font-size:1.2em; color:#ffffff; margin-left: 10px; margin-top: 5px;}
h2 {font-size:1.3em; color:#070cce; margin-left: 10px; margin-top: 5px;}
h3 {font-size:1.2em; color:#ffffff; margin-left: 10px; margin-top: 5px;}
a {color: #ffffff; font-weight: bold} 
a:hover {color: #000066; font-weight: bold} 
a:visited {color: #ffffff; font-weight: bold} 



/* *********************************************************** */
/*          End of global styles - you can add more!!!         */
/* *********************************************************** */


/* *********************************************************** */
/*          These are used for the DIV containers              */
/* *********************************************************** */

#container {margin-right:auto; margin-left:auto; margin-top:10px; width:800px; height:700px; background-color:#000000; border:1px solid #666;}

#container2 {margin-right:auto; margin-left:auto; margin-top:20px; width:800px; height:2px; background-color:#4347c8; border:1px solid #666;}

#container3 {margin-right:auto; margin-left:auto; margin-top:2px; width:800px; height:30px;}

#tablecontainer {position: relative; margin-right:20px; text-align: center; margin-left:190px; margin-top: 60px; width:400px; 

height:140px; background-color:#38383a; border:1px solid #666; align: center;}


/* *********************************************************** */
/*          These styles are for <p>                           */
/* *********************************************************** */

#Para {font-size:0.75em; color:#ffffff; text-align: justify; margin-left:10px; margin-right:10px; margin-top:10px;}

#Para2 {font-size:0.65em; color:#ffffff; text-align: right;}

#Para3 {font-size:0.75em; color:#ffffff; text-align: justify; margin-left:10px; margin-right:10px; margin-top:10px; font-weight: bold;}

#Para4 {font-size:0.75em; color:#ffffff; text-align: left; margin-left:10px; margin-right:10px; margin-top:10px; font-weight: bold;}

/* *********************************************************** */
/*          These styles are used for images                   */
/* *********************************************************** */

#images  {text-align: center;}

#images2 {margin-top: 40px;}

#imageborder {border: 1px solid #000000;}

#moviepic1 {position: relative; left: 30px; border:1px solid #ffffff;}

#moviepic2 {position: relative; left: 88px; border:1px solid #ffffff;}

#moviepic3 {position: relative; left: 150px; border:1px solid #ffffff;}

/* *********************************************************** */
/*          These styles are used for tables                   */
/* *********************************************************** */

#table  {position: relative; font-size:0.75em; color:#ffffff; text-align: left; margin-left:10px; margin-right:10px; font-weight: bold; background-color:#38383a; table-layout:fixed;}

#tablecontainer2 {position: relative; margin-right:150px; text-align: center; margin-left:150px; margin-top: 60px; width:500px; 

height:300px; background-color:#38383a; border:1px solid #666;}


/* *********************************************************** */
/*          These styles are used for PHP elements             */
/* *********************************************************** */

#cart {align: right; margin-right:auto; margin-left:600px; margin-top:10px; width:190px; height:100px; background-color:#38383a; border:1px solid #666; color:#ffffff; font-size:0.75em;

font-weight: bold;}

#products {color: #ffffff; margin-left: 10px; font-size:0.75em;}

#logoutlink {color: #ffffff; margin-left: 10px; font-size:0.75em; margin-top: 5px;}



/* COMMENT:- I have put a height and a border on the container whilst it is empty so you can see it, if you want your page to resize properly when you have content on it you may wish to remove this at that point. */

/* COMMENT:- You can make any changes you wish to this style sheet, it is just to get you started. I would prefer it if you kept your size wrapped in the container so that it does not expand and contract with a browser window. You may wish to change the width though. */