﻿body
{
    margin-left: 0px;
    margin-top: 0px;
}
div#container
{
   background: none transparent scroll repeat 0% 0%;
    margin: 0 auto;
    width: 884px;
    overflow: hidden;
}
    
div#top
{
    width:884px;
    height:178px;
    background-image: url(images/top_banner.jpg);
    margin: 0px 0px 0px 0xp;
}
div#navandside
{
    width: 884px;

    margin: 0px 0px 0px 0xp;
    
}
div#navigation
{
    margin-top: 2px;
    margin-left: 19px;
    float: left;
    width: 703px;
    height:22px;
    background-color:#c9c6dd;

}
div#productsearch
{
    margin-top: 0px;
    float: left;
    width: 200px;
    height: 60px;
    background-color: #D7E78A;
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
    vertical-align: middle;
}

div#righthandside
{
    width:162px;
    height:312px;
    background-image: url(images/rh_side.jpg);
    float: right;
    margin-top:0px;

}
div#subNavigation
{
    margin-top: 2px;
    margin-left: 19px;
    margin-right: 2px;
    float: left;
    width: 200px;
    background-color: #E3EDB0;
}
#subNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 0px;
}

#subNavigation li {
    border-bottom: 2px solid #ffffff;

}

#subNavigation li a:link, #subNavigation li a:visited {
    font-size: 12px;
    color: #333399;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0.4em 0 0.4em 0.5em;
    background-color: #E3EDB0;
    color: #666600;
    text-decoration: none;

}

#subNavigation li a:hover {
    font-size: 12px;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0.4em 0 0.4em 0.5em;
    background-color: #BDD73C;
    color: #666600;
    text-decoration: none;
}
div#content
{
    margin-top: 0px;
    margin-left: 2px;
    width: 499px;
    float: left;

}
div#footer
{
 float:left;
 position: relative; 
 background-color: #CAC7DE;
 width: 703px;
 min-height: 74px;
 margin-top: 20px; 
 margin-left: 19px;
     font-size: 11px;
    color: #000000;
    font-family: 'Arial';
}

tr#footer
{
    margin-top: 10px;
    margin-left: 19px;
    float:left;
    width: 703px;
    background-color:#c9c6dd;  
    padding: 6px; 
    position: relative
}
div#header
{
    margin-top: 2px;
    float:left;
    width: 499px;
    background-color:#DCE99C;   
}
div#copy
{
    margin-top: 2px;
    float:left;
    width: 499px;
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
    
}
td.subButton
{
    height: 22px;
    border-bottom: white 2px solid;
}
p
{
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
}
p.normal
{
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
    margin-right:0px;
}
p.title
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
   /* margin-left:20px; */
   margin: 12px;
   
}
p.productTitle
{
    font-size: 11px;
    color: #666600;
    font-family: 'Arial';
    margin: 0px;
    font-weight: bold;
}
p.productDescription
{
    font-size: 11px;
    color: #666600;
    font-family: 'Arial';
    margin: 0px;
}

p.divider
{
    font-size: 12px;
    color: #333399;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    margin-left:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: -8px;
}

A:link.Nav
{
    font-size: 12px;
    color: #333399;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-left:8px;
}
A:visited.Nav
{
    font-size: 12px;
    color: #333399;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-left:8px;
}
A:hover.Nav
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-left:8px;
}
A:active.Nav
{
    font-size: 12px;
    color: #333399;
    font-family: 'Arial';
    text-decoration: none;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-left:8px;
}
A:active.footer
{
    font-size: 11px;
    color: black;
    font-family: 'Arial';
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:hover.footer
{
    font-size: 11px;
    color: black;
    font-family: 'Arial';
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:link.footer
{
    font-size: 11px;
    color: black;
    font-family: 'Arial';
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:visited.footer
{
    font-size: 11px;
    color: black;
    font-family: 'Arial';
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:link
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: underline;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:visited
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: underline;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:hover
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
A:active
{
    font-size: 12px;
    color: #666600;
    font-family: 'Arial';
    text-decoration: underline;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
input.mailer
{
    width:174px;
    height: 20px;
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
    border: none;
}
input.button
{
    width:80px;
    height: 20px;
    font-size: 12px;
    color: #000000;
    font-family: 'Arial';
    border: solid 1px #000000;
    background-color:#ffffff;
}
input.boxes{ 
  font-family: 'Arial';
  font-size:12px; 
  background-color:#ffffff; 
  border-color:#666600; 
  border-style: solid; 
  border-width:1px; 
  color:#000000; 
  width:180px;
  height: 20px;
}

input.searchbox{ 
  font-family: 'Arial';
  font-size:12px; 
  background-color:#ffffff; 
  border-color:#666600; 
  border-style: solid; 
  border-width:1px; 
  color:#000000; 
  width:150px;
  height: 20px;
}

input.groovybutton
{
    font-family: 'Arial';
  font-size:12px; 
    font-weight: normal;
    color: #000000;
    background-color: #E3EDB0;
    border-style: solid;
    border-color:#666600; 
    border-width: 1px;
    cursor: hand;
    width: 140px;
}

input.searchbutton
{
    font-family: 'Arial';
  font-size:12px; 
    font-weight: normal;
    color: #000000;
    background-color: #E3EDB0;
    border-style: solid;
    border-color:#666600; 
    border-width: 1px;
    cursor: hand;
    width: 30px;
    height: 24px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://castingsuite.antika.org.uk/images/overlay.png", sizingMethod="scale");
	}
	
Input.qty
	{
	 font-size: 11px;
    color: #000000;
    font-family: 'Arial';
    margin-right:0px;
    width: 20px;
    height: 14px;
      background-color:#ffffff; 
  border-color:#666600; 
  border-style: solid; 
  border-width:1px; 
	}