/* 
   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: 1em helvetica,arial,"bookman old style",sans-serif;
margin: 0.125em;
background: black;
}

div#container {
/* change the background colour for the screen in the line below */
background: black;
/*width: 950px;*/
position: absolute;
top: 0px;
height: 53.375em;
margin: 0 auto;
border: 0px solid gray;
border-style: none;
line-height: 100%;
/*height: 800px; */
}
div#homecontainer {
/* change the background colour for the screen in the line below */

background: black;
/*width: 950px;*/
position: absolute;
top: 0px;
height: 53.375em;
margin: 0 auto;
border: 0px solid gray;
border-style: none;
line-height: 100%;
/*height: 800px; */
}

div#homecontainer img
{
border-style: none;
width: 100%;
}

div#container img
{
border-style: none;
height: 100%;
}

/* the logo header */
div#header
{
position: absolute;
left: 0px;
top: -0.313em;
bottom: 0em;
padding-bottom: 0em;

}

div#header img {
position: absolute;
/*left: 32px;*/
top: 0px;
/*width:320px;*/
height: 7.75em;
width: auto;
z-index: 80;
}

div#right
{
position: absolute;
vertical-align: top;
right: 0px;
top: 2.5em;
width: 12.5em;
height: 0px;
margin-top: 0px;
margin-right: 1px;
padding: 0.375em;
color: white;
}





div#pageNav
{
position: absolute;
left: .938em;
top: 25em;
width: 18.75em;
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: 8.75em;
left: 12.5em;
width: 12.5em;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
height: 38.75em;
}

div#contents
{
clear: left;
position: absolute;
top: 8.75em;
left: 0;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
bottom: 0;
/*height: 650px;*/
width: 100%;
/*overflow: hidden;*/
}


div#details
{
clear: left;
position: absolute;
top: 9.375em;
left: 0px;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
width: 100%;

}

div#cartdetails
{
position: absolute;
top: 9.375em;
height: 25em;
left: 0px;
margin-left: 0px;
border-left: 0px solid gray;
padding: 0em;
width: 100%;
background :transparent;
}

div#home
{
display: inline;
}

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

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


.thumbnail {
width: 9.688em;
height: 0.313em;
}

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: 1.25em;
padding-top: 0.0em;
color: white;
background-color: #ffffff;
}
div#footer td
{
color: gray;
}

.entryTable
{
    background: white;
    color: black;
}

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

#current {
font-size: 1.313em;
font-weight: bold;
color: #ffff00;
font-style: italic;
}

#about
{
top: 1.875em;
width: 60%;
border: 0.625em;
padding-left: 12.5em;
padding-right: 12.5em;
}


#linksDetails
{
top: 1.875em;
padding-left: 4.375em;
}

#successMessage
{
font-family: helvetica, "bookman old style", arial, sans-serif;
top: 28.125em;
width: 70%;
padding-top: 9.375em;
padding-left: 12.5em;
}
.show
{
    display: none;
    list-style: 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;
        z-index: 45;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../images/popbox/magminus.cur"), pointer;
        z-index: 150;
}





.subtext{
    padding-top:0.938em;
}


div#gallery
{
    position: absolute;
    /*top: 1em;*/
    margin-left: 0px;
    border-left: 0px solid gray;
    padding: 0em;
    top: .90em;
    bottom: 0em;
    /*height: 100%;*/
    /*left: 0em;*/
    height: 68%;
    width:  85%;
    right:  -1.5em;

}

div#gallery img
{
    right: 0em;
}

div#leftPanel
{
    position: absolute;
    left: 0px;
    width: 2.5em;
    height: 100%;
    
}

div#navigation
{
	position: absolute;
        height: 12.5em;
        left: 27%;
        top: 3em;
        width: 50%;
        z-index: 100;
}

div#navigation img
{
    position: absolute;
/*left: 32px;*/
top: 0em;
/*width:320px;*/
height: 7.45em;
z-index: 90;

}



#nav, #nav ul {
	float: left;
	width: 16em;
	list-style: none;
	line-height: 2em;
	background: transparent;
	font-weight: bold;
	padding: 1em;
	border: solid #eda;
	border-width: 0px 0;
	margin: 0 0 0em 0;
        z-index: 110;
}

#nav a {
	display: inline;
	width: 16em;
	/*color: #7C6240;*/
        color: yellow;
	text-decoration: none;
	padding: 0.0em 0em;
}


#nav li {
	display: inline;
        float: left;
	padding: 0em;
	width: 16em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	font-weight: normal;
	border-width: 0.5em;
        border: solid black;
	margin: 5.5em 0 0 0;
        color: yellow;
        background: black;
}

#nav li img
{
    top: 5em;
    z-index: 50;
    width: 6em;
    height: auto;
}
#nav li li {
	padding-right: 0em;
	width: 16em
}

#nav li ul a {
	width: 16em;
}

#nav li ul ul {
	margin: -.0em 0 0 16em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/*background: #eda;*/
        background: olive;
        color: black;
}


.cartTable
{
    background-color: white;
    background-image: none;
}

.szGuideTable
{
    border-width:  thick;
    border-color: blue;
    background: white;
}
.szGuideHdr1
{
    font-size: large;
    font-weight: bold;
    border-color: blue;
    border-width: thick;
}
.szGuideHdr2
{
    font-size: medium;
    font-weight: bold;
    border-color: blue;
    border-width: thick;
}

#prodDetails
{
    position:relative;
    top: 2.5em;
}

#contact
{
    margin: 6.25em;
    padding: 6.25em;
}

#leftArrow
{
float: right;
height: 3.25em;
width:  4.688em;
}


#rightArrow
{
float: right;
padding-right: 4em;
height: 3.25em;
width:  4.688em;
}

#goBack
{
float: right;
height: 3.25em;
width:  4.688em;

}

A#miniCart:link {color: yellow}
A#miniCart:visited {color: yellow}
A#miniCart:active {colour: yellow}