html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: auto;
padding: 0px;
background: url(../avimages/bg-sunburst.jpg) repeat;
font-family: Arial,sans-serif;
font-size: small;
text-align: center;
z-index: 60;
}
#topcontact {
margin: 6px auto 0 auto;
width: 818px;
height: 46px;
text-align: right;
z-index: 1;
}
#top { 
clear: none;
margin: 0px auto 0 auto;
height: 200px;
width: 818px;
background-color: transparent;
z-index: 10;
}


#main {
position: relative;
width: 818px;
margin: -25px auto 0 auto;
z-index: 50;
}
div#menuspot {
position: relative;
margin-left: 240px;
height: 27px;
z-index: 1;
}
#container {
width: 818px;
margin: -2px auto 6px auto;
background-color: #fcf2d5;
padding: 0;
z-index: 40;
}
.clearing {
  height: 0;
  clear: both;
}
tr.punnet {
border-top: none;
border-right: none;
border-bottom: 1px #7b3a3a solid;
border-left: none;
}
td.coloredx1 {
background-color: #ece2c4;
border-top: 1px #7b3a3a solid;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: 1px #7b3a3a solid;
}
td.coloredx2 {
background-color: #ece2c4;
border-top: none;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: 1px #7b3a3a solid;
}
td.coloredx3 {
background-color: #ece2c4;
border-top: none;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: 1px #7b3a3a solid;
}
td.coloredy1 {
background-color: #ece2c4;
border-top: 1px #7b3a3a solid;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: 1px #7b3a3a solid;
}
td.coloredy2 {
background-color: #ece2c4;
border-top: 1px #7b3a3a solid;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: none;
}
td.colored {
background-color: #ece2c4;
border-top: 1px #7b3a3a solid;
border-right: 1px #7b3a3a solid;
border-bottom: none;
border-left: 1px #7b3a3a solid;
}
td.colored {
background-color: #ece2c4;
border-top: 1px #7b3a3a solid;
border-right: 1px #7b3a3a solid;
border-bottom: none;
border-left: 1px #7b3a3a solid;
}
td.filled {
border-top: none;
border-right: 1px #7b3a3a solid;
border-bottom: 1px #7b3a3a solid;
border-left: none;
}

/* --- Content --------- */

.content {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 16px;
padding-top: 10px;
}

.content a {
color:#DD5800;
text-decoration: underline;
}

div#lineupmargins {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 16px;
padding-top: 10px;
}

table#products {
text-align: left;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: small;
padding-bottom: 10px;
}
td.products {
text-align: left;
margin: 0 20px 0 20px;
width: 300px;
}
table {
text-align: left;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: small;
padding-bottom: 10px;
}


h1 {
text-align: left;
color: #5A4629;
padding: 0px 0px 0px 4px;
margin-top: 20px;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 20px;
font-weight: lighter;
font-size: 24px;
background: url(../avimages/header.png) no-repeat;
}
h2 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 20px 0 20px;
letter-spacing: 1px;
color: #000000;
padding: 5px 0 3px 0;
}
h2 a {
color:#DD5800;
text-decoration: underline;
}
h3 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0 20px 0 20px;
color: #000000;
}
h3 a {
color:#DD5800;
text-decoration: underline;
}

a {
color:#DD5800;
text-decoration: underline;
}

a:hover {
color: #503821;
}

a:visited {
color: #7b3a3a;
}
p {
text-align: left;
margin-left: 14px;
margin-right: 14px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}

p a {
color:#DD5800;
text-decoration: underline;
}

p a:hover {
color: #503821;
}

p a:visited {
color: #7b3a3a;
}
p.ptext {
text-align: left;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding-bottom: 10px;
}
p.ptext2 {
text-align: left;
padding-bottom: 0px;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
p.contact {
text-align: left;
margin-left: 220px;
margin-right: 70px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: small;
}

p.contact a {
color:#DD5800;
text-decoration: underline;
}
p.centertext {
text-align: center;
}
.totheright {
float: right;
padding-right: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
.totheright a {
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
color: #DD5800;
text-decoration: underline;
}
div#plinks {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 220px;
padding-top: 0px;
}


div#wider {
width: 614px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.img_center {
margin-left: auto;
margin-right: auto;
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_center a {
color:#DD5800;
text-decoration: underline;
}
table#narrow {
margin-left: 50px; 
margin-right: 50px;
text-align: left;
}
div#narrow2 {
margin-top: 16px;
margin-left: auto; 
margin-right: auto;
width: 462px;
text-align: center;
}
p.narrower {
width: 540px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.style1 {color: #fcf2d5;}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


/*image and span image classes*/
img { 
border: 0;
}
.img_photocenter {
text-align: left;
}
.img_right {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: 1.2em; 
margin-bottom: 1em; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_spike {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: 0; 
margin-bottom: 1em; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}

span.img_right_textleft {float: right; margin: 8px 6px 4px 11px; font: bold 11px arial, sans-serif; border: 0px;}
span.img_right_textleft img {
display: block;
margin: 0 -2px 0 -2px}
.img_beyondleft {
float: left; 
border-style: none; 
margin-left: -10px; 
margin-right: 6px; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_onmarg {
float: left; 
border-style: none; 
margin-left: 0; 
margin-right: 8px; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_left {
float: left; 
border-style: none; 
margin-left: .5em; 
margin-right: 1em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.alittleleft {
float: left;
border-style: none; 
margin-left: 2em; 
margin-right: .2em;
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center;
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.bigpix {
float: left;
border-style: none; 
margin-left: 1.5em; 
margin-right: .2em;
margin-top: 0; 
margin-bottom: 4px; 
text-align: left;
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.leftspecial {
float: left;
border-style: none; 
margin-left: 8em; 
margin-right: 1.5em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_captain {
float: left; 
border-style: none; 
margin-left: .5em; 
margin-right: 1.5em; 
margin-top: .2em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_reebock {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: -4px; 
margin-bottom: 1em; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_teddy1 {
border-style: none; 
margin-left: .5em; 
margin-top: 1.4em; 
}
.img_leftish {
float: left; 
border-style: none; 
margin-left: 1em; 
margin-right: 1.5em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_inset {
float: right;
border-style: none; 
margin-right: 6em; 
margin-bottom: .5em;
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.transright {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 0px; 
margin-top: 1em; 
margin-bottom: 1em;
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.drop_left  {
float: left; 
border-style: none; 
margin-right: .5em; 
margin-left: 0px; 
margin-top: 70px; 
margin-bottom: 0;
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.shortby5 {
padding-top: 5px;
}
.shortby32 {
padding-top: 30px;
}
.shortby26 {
padding-top: 26px;
}
.special_right {
float: left; 
border-style: none; 
margin-right: .5em; 
margin-left: 60px; 
margin-top: 0px; 
margin-bottom: 0;
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.img_pixtable {
float: left; 
border: 4px solid #494949;
}
.img_pixtable_rt {
float: right; 
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
}

div#pix {
position: relative;
padding: 0;
margin-left: 16px;
}
#pix p {
padding: 0;
border: 0;
text-align: center;
}
table.pix tr, table.pix td {
text-align: center;
padding: 0;
margin-right: 3em;
}

table#pix tr {
overflow: visible;
}
table#pix td {
overflow: visible;
}
.foot {
color: #724b31;
font-size: 10px;
text-align: center;
margin-top: 2px;
margin-left: 14px;
margin-right: 14px;
}
.foot a {
color: #B47345;
font-size: 10px;
}
.copy {
color: #827557;
width: 750px;
font-size: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.red_warning {
font-size: large;
color: #FF0000;
}
.green_warning {
font-size: large;
color: #00FF00; 
background: #FCF3D6;
}
.notice {
margin: 20px;
text-align: center;
background: none;
}
.sm_txt {
font-size: x-small;
}

.pheader {
margin: 30px 0px 0px 0px;
}
.horizontalline {
margin-left: auto;
margin-right: auto;
background: url(../avimages/brownpixel.gif) repeat-x;
width: 750px;
height: 1px;
}

#shipping {
margin-left: auto;
margin-right: auto;
width: 600px;
padding: 4px;
}
.shipping table {
text-align: left;
margin-left: auto;
margin-right: auto;
font-family: Arial, sans-serif;
font-size: small;
border: 1px solid #9a7648;
background-color: #f2e0b2;
}

table#shipping a {
color:#DD5800;
text-decoration: underline;
}
.shipping th, .shipping td { 
margin-left: auto;
margin-right: auto;
width: 200px;
padding: 6px;
}
.shipping th {
text-align: center;
}
.shipping td.name {
text-align: left;
}
.shipping td.two {
text-align: center;
}

#reserve {
margin-left: auto;
margin-right: auto;
width: 400px;
}
.reserve table {
text-align: left;
margin-left: auto;
margin-right: auto;
font-family: Arial, sans-serif;
font-size: small;
border: 1px solid #9a7648;
border-collapse: collapse;
background-color: #f2e0b2;
padding: 0;
}
.reserve th, .reserve td { 
font-family: Arial, sans-serif;
border: 1px solid #9a7648;
font-weight: bold; 
padding: 8px 4px 8px 4px;
line-height: 1.4; 
}
.reserve textarea {
border: 1px solid #9a7648;
}
.borderno {
border: none;
}
.pagenumbers { 
margin: 20px;
text-align: center;
background: none;
}
div#gallery {
margin: 0 auto 0 auto;
padding: 0;
}

.gallerita {
padding: 0;
text-align: center;
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
.captioning {
text-align: center; 
font-family: arial; 
font-size: 11px; 
font-weight: bold;
}
img.bottom {vertical-align:text-bottom}
img.middle { 
vertical-align: middle;
}
.imagePadding { padding: 5px; }

#mainImage {
	width: 310px;
	height: 310px;
	border: 1px solid #c0c0c0;
	overflow: hidden; }

#mainImage ul { list-style: none; position: absolute; }

#mainImage li {
	width: 340px;
	height: 310px; }

#thumbs { list-style: none; clear: both; }

#thumbs li {
	float: left;
	margin: 3px 10px 0 0; }

#thumbs li a:link, #thumbs li a:active, #thumbs li a:visited, #thumbs li a:hover {
	width: 30px;
	height: 30px;
	display: block; 
	border: 1px solid #c0c0c0; }
   
div.test {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstrip1.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}
div.test2 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew2a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
div.test3 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew3a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
div.test4 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew4a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
ul.test {
	list-style:none;
	margin:4px;
	padding: 0px 0 0 0;
	clear:both;
	height:100px;
}
.test li {
	width:160px;
	height:174px;
    padding: 0;
	float:left;
	margin-right: 8px;
}
.test li a {
	width:160px;
	height:174px;
    padding: 0;
	float:left;
	position:relative;	
	text-decoration:none;
	border: none;
}
.test li a img {
	visibility:hidden;
	position:absolute;
	top: 40px;
    padding: 0;
	border: none;
	left: -90px;
	z-index:99;
}
.test li a:hover,.test li a:hover img{visibility:visible}
/* ie x-index fix*/
.one a{z-index:10}
.two a{z-index:9}
.three a{z-index:8}
.four a{z-index:7}

a.screen {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:215px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:135px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:none; /* remove the link border */
}
a.screen2 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen2:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen2 b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-200px;
}
a.screen2:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen2:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen2:hover b img {
border:0; /* remove the link border */
}
a.screen3 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen3:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen3 b {
position:absolute;
visibility:hidden; /* hide the image */
width:84px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-160px;/*this number changes with the image height and is ballpark*/
}
a.screen3:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen3:hover b {
visibility:visible; /* make the image visible */
height:160px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen3:hover b img {
border:none; /* remove the link border */
}
a.screen4 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen4:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen4 b {
position:absolute;
visibility:hidden; /* hide the image */
width:160px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-200px;/*this number changes with the image height and is ballpark*/
color:#DD5800;
text-decoration: underline;
}
a.screen4:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen4:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen4:hover b img {
border:none; /* remove the link border */
}
a.screen5 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen5:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen5 b {
position:absolute;
visibility:hidden; /* hide the image */
width:148px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top: -107px;/*this number changes with the image height and is ballpark*/
color:#DD5800;
text-decoration: underline;
}
a.screen5:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen5:hover b {
visibility:visible; /* make the image visible */
height:107px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen5:hover b img {
border:none; /* remove the link border */
}