/* 
   this comment explains what some of the sections below affect 
   
   body is the whole screen - so changes here apply to everything unless overriden by a setting for the individual section (div)) 
   
   header applies to the header line (contains the 'Mulet' image)
   
*/


body {
/* add fonts to the front of the list
   if the font doen't exist on the user's machine the next font in the list will be used
*/
font: 80% helvetica,arial,"bookman old style",sans-serif;
margin: 2px;
}

div#homecontainer {
/* change the background colour for the screen in the line below */
background: white;
width: 1000px;
/*width: 74%;*/
position: absolute;
top: 0px;
height: 850px;
margin: 0 auto;
border: 0px solid gray;
line-height: 100%;
left: 13%;
/*height: 800px; */
}
div#container {
/* change the background colour for the screen in the line below */
background: white;
width: 1000px; 
position: absolute;
top: 0px;
height: 850px;
margin: 0 auto;
border: 0px solid gray;
line-height: 100%;
left: 13%;
/*height: 800px; */
}

/* the logo header */
div#header
{
left: 32px;
width: 100%;
height: 140px;
padding-bottom: 0em;
color: white;
}

div#header img {
width:320px;
height:230px;
}

div#right
{
float: right;
vertical-align: middle;
top: 4px;
width: 200px;
height: 0px;
margin-top: 9px;
margin-right: 1px;
padding: 1em;
color:yellow;
}


div#wrapper
{
top: 0;
height: 660px;
}

#navigate
{
position: absolute;
top: 170px;
left: 0px;
width: 200px;
margin: 0;
padding: 0;
}

div#navigate ul {
margin:  6em 6px 23em;
padding: 0;
list-style: none;
}

div#navigate ul a {
color: #808080;
text-decoration: none;
display: block;

padding: 0;
margin: 0 1em 1px 1em;
}

a.leftnav {
	font-family: helvetica,arial,"bookman old style",sans-serif;
	font-size:19px;
	color: #808080;
	/*background-color: #ffffff;*/
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width:0px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	height:25px;
	width: 170px;
	text-decoration: none;

}

a.leftnav:hover {
	font-family: helvetica,arial,"bookman old style",sans-serif;
	font-size: 19px;
	color: #808080;
	background-color: #ffff00;
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	height: 25px;
	width: 200px;
	text-decoration: none;

}

div#pageNav
{
position: absolute;
left: 15px;
top: 400px;
width: 300px;
color: gray;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 8px;
}


A.pageNav:link {color: yellow}
A.pageNav:visited {color: yellow}

div#filler
{
position: absolute;
top: 140px;
left: 200px;
width: 200px;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
height: 620px;
}

div#contents
{
position: absolute;
top: 140px;
left: 210px;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
height: 660px;
/*overflow: hidden;*/
}

div#details
{
position: relative;
top: 75px;
left: 20%;
width: 80%;
}

div#home
{
display: inline;
}

div#cart
{
font: 80% helvetica, arial, "bookman old style", sans-serif;
}

#empty
{
font: 80%  helvetica, arial, "bookman old style", sans-serif;
}

.gallerycontent
{
height: 740px;
top: 0px;
right: 0px;
border: 0px solid black;
padding: 0px;
display: block;
}

.thumbnail {
width: 155px; 
height:05px;
}

table
{ 
margin-left: auto;
margin-right: auto;
}


/* this specifies the size of the mulet logo within the header */

div#footer
{
left: 0;
width: 100%;
height: 20px;
padding-top: 0.0em;
color: white;
background-color: #ffffff;
}
div#footer td
{
color: gray;
}



#content img {
width: 100px;
height: 100px;
padding: 1px;
border: 1px solid #333;
float: right;
margin: 0 0 1em 1em;
}

#current {
font-size: 21px;
font-weight: bold;
color: #ffff00;
font-style: italic;
}

#about
{
top: 30px;
width: 60%;
border: 10px;
}


#linksDetails
{
top: 30px;
padding-left: 70px;
}

#successMessage
{
font-family: helvetica, "bookman old style", arial, sans-serif;
top: 450px;
width: 70%;
padding-top: 150px;
padding-left: 200px;
}
.show
{
    display: none;
}
.PopBoxImageTiny
{
	border: solid 2px #ffffff;
	cursor: url("../images/popbox/magplus.cur"), pointer;
}
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("../images/popbox/magplus.cur"), pointer;
}.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../images/popbox/magminus.cur"), pointer;
}