<!-- props to stu nicholls @ www.cssplay.co.uk - always a great css read and learning tool //-->


body {
color: E9E9E9;
padding: 0px;
margin: 0px;
font-family: verdana, helvetica, arial, sans-serif;
}

a:link { color: #ffffff; text-decoration: underline; }

a:active { color: #ffffff; text-decoration: underline; }

a:visited { color: #ffffff;text-decoration: underline; }

a:hover { color: #ffffff; text-decoration: underline;}

img {
border: 0;
}

p {
font-size: 100%;
color: #e9e9e9;
}

ul {
font-size: 80%;
color: #000000;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
}

ul.textboxp {
position: relative;
width: 500px;
left: 50px;
}

ul.productinfo {
position: relative;
width: 100px;
left: 50px;
}

ol {
font-size: 80%;
color: #e9e9e9;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
}

ol.textboxp {
position: relative;
width: 500px;
left: 100px;
}

p.title {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 80%;
font-weight: 800;
margin: 0px;
}

p.textboxp {
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
font-size: 80%;
margin: 0px;
}

p.textboxpblack {
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
font-size: 80%;
margin: 0px;
color: #000000;
}

p.textboxfathersday {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 100%;
margin: 0px;
}

p.textboxpoem {
padding-left: 100px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
font-size: 100%;
margin: 0px;
}

p.textboxpwhite {
color: #ffffff;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
font-size: 100%;
margin: 0px;
}

p.product {
font-size: 80%;
text-align: left;
padding-bottom: 2px;
margin: 0px;
}

p.fathersday {
font-size: 80%;
text-align: left;
padding-bottom: 2px;
padding-top: 2px;
margin: 0px;
}

p.fathersdaybold {
font-size: 100%;
text-align: left;
padding-bottom: 2px;
padding-top: 2px;
margin: 0px;
}


p.producttext {
font-size: 80%;
text-align: left;
margin: 0px;
padding: 0px;
}

p.viewproduct {
font-size: 80%;
text-align: center;
padding-bottom: 5px;
margin: 0px;
}

p.productenlarge {
font-size: 80%;
text-align: center;
margin: 2px;
padding: 2px;
}

p.faqheader {
font-size: 110%;
text-align: left;
padding-bottom:10px;
padding-top:3px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

h1 {
font-size:120%;
color: #E9E9E9;
font-style: underline;
padding-bottom:0px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

h1.poem {
padding-left: 100px;
}

h2 {
font-size:110%;
color: #E9E9E9;
font-style: underline;
padding-bottom:0px;
padding-top:3px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

h3 {
font-size:100%;
color: #000000;
font-style: underline;
padding-bottom:0px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

h3black {
font-size:100%;
color: #000000;
font-style: underline;
padding-bottom:0px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin: 0px;
}

.siteheader {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;

position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.siteindexOLD {
width: 800px;
height: 700px;
background-color: #5D646C;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.siteindex {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 700px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.sitekids {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 950px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.sitetshirts {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 950px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.sitebabies {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 950px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.siteadults {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 1200px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}

.sitefathersday {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
height: 1350px;
position: relative;
padding: 0px;
margin: 0px;
z-index: 0;
}


.header {
margin: 0px;
width: 800px;
height: 273px;
background-image:
url("/images/shared/HeaderBackground.png")
}

.indexcolumn1 {
display: block;
margin: 0px;
position: relative;
left: 10px;
top: -20px;
}

.indexcolumn2 {
margin: 0px;
position: absolute;
left: 310px;
top: 140px;
width: 400px;
}

.indexcolumn3 {
margin: 0px;
position: absolute;
left: 350px;
top: 200px;
width: 400px;
}

 .topmenu {
margin: 0px;
position: absolute;
left: 500px;
top: 125px;
}

.logo {
margin: 0px;
padding: 0px;
position: absolute;
}

.logo a{
display:block;
width: 175px;
height: 173px;
margin: 0;
padding: 0px;
background: url("/images/shared/Logo.gif") 0 0 no-repeat;
text-decoration: none;
}

.upcomingevents {
margin: 0px;
position: absolute;
left: 595px;
top: 128px;
}

.beetle {
margin: 0px 0px 0px 0px;
position: absolute;
left: 650px;
}

.beetle a{
display:block;
width: 116px;
height: 85px;
margin: 1em 0; padding: 0px;
background: url("/images/shared/Buggy.gif") 0 0 no-repeat;
text-decoration: none;
}

.beetle a:hover {
background-position: -116px 0;
}

.tshirtmainmenu a{
display:block;
width: 242px;
height: 225px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/TshirtsMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.tshirtmainmenu a:hover {
background-position: 0 -225px;
}
   
.tshirtmainmenu a:active {
background-position: 0 -225px;
}

.adultsmainmenu a{
display:block;
width: 209px;
height: 225px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/mainmenu/AdultsMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.adultsmainmenu a:hover {
background-position: 0 -225px;
}
   
.adultsmainmenu a:active {
background-position: 0 -225px;
}

.kidsmainmenu a{
display:block;
width: 173px;
height: 184px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/mainmenu/KidsMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.kidsmainmenu a:hover {
background-position: 0 -184px;
}
   
.kidsmainmenu a:active {
background-position: 0 -184px;
}

.babiesmainmenu a{
display:block;
width: 160px;
height: 168px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/mainmenu/BabiesMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.babiesmainmenu a:hover {
background-position: 0 -178px;
}
   
.babiesmainmenu a:active {
background-position: 0 -178px;
}

.mobilesmainmenu a{
display:block;
width: 160px;
height: 168px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/mainmenu/MobilesMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.mobilesmainmenu a:hover {
background-position: 0 -178px;
}
   
.mobilesmainmenu a:active {
background-position: 0 -178px;
}

.babiescomingsoonmainmenu
.hoodiesmainmenu {
display:block;
width: 160px;
height: 168px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/BabiesComingSoonMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.hatsmainmenu {
display:block;
width: 242px;
height: 294px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/HatsMainMenu.png") 0 0 no-repeat;
text-decoration: none;
}

.fmtourism {
margin: 0px;
position: absolute;
left: -250px;
top: 20px;
}
.fmtourismimage a{
display:block;
width: 200px;
height: 63px;
margin: 1em 0; padding: 0px;
background: url("/images/shared/Tourism.png") 0 0 no-repeat;
text-decoration: none;
}

.homedelivery {
margin: 0px;
position: absolute;
left: -250px;
top: 20px;
}
.homedeliveryrollover a{
display:block;
width: 154px;
height: 50px;
margin: 1em 0; padding: 0px;
background: url("/images/shared/HomeDeliveryRollOver.png") 0 0 no-repeat;
text-decoration: none;
}

.homedeliveryrollover a:hover {
background-position: 0 -50px;
}
   
.homedeliveryrollover a:active {
background-position: 0 -50px;
}

.homedeliveryindex {
margin: 0px;
position: absolute;
left: 10px;
top: 10px;
}

.homedeliveryrolloverindex a{
display:block;
width: 246px;
height: 80px;
margin: 1em 0; padding: 0px;
background: url("/images/shared/HomeDeliveryRollOverIndexImage.png") 0 0 no-repeat;
text-decoration: none;
}

.homedeliveryrolloverindex a:hover {
background-position: 0 -80px;
}
   
.homedeliveryrolloverindex a:active {
background-position: 0 -80px;
}

.tshirtnav a{
display:block;
width: 88px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/TshirtsNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.tshirtnav a:hover {
background-position: 0 -95px;
}
   
.tshirtnav a:active {
background-position: 0 -95px;
}

.tshirtnav2 a{
display:block;
width: 88px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/TshirtsNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.tshirtnav2 a:hover {
background-position: 0 -95px;
}
   
.tshirtnav2 a:active {
background-position: 0 -95px;
}

.kidsnav a{
display:block;
width: 72px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/KidsNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.kidsnav a:hover {
background-position: 0 -95px;
}
   
.kidsnav a:active {
background-position: 0 -95px;
}

.kidsnav2 a{
display:block;
width: 72px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/KidsNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.kidsnav2 a:hover {
background-position: 0 -95px;
}
   
.kidsnav2 a:active {
background-position: 0 -95px;
}


.adultstopnav a{
display:block;
width: 88px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/AdultsTopNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.adultstopnav a:hover {
background-position: 0 -95px;
}
   
.adultstopnav a:active {
background-position: 0 -95px;
}

.adultstopnav2 a{
display:block;
width: 88px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/AdultsTopNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.adultstopnav2 a:hover {
background-position: 0 -92px;
}
   
.adultstopnav2 a:active {
background-position: 0 -92px;
}

.kidstopnav a{
display:block;
width: 72px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/KidsTopNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.kidstopnav a:hover {
background-position: 0 -92px;
}
   
.kidstopnav a:active {
background-position: 0 -92px;
}

.kidstopnav2 a{
display:block;
width: 72px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/KidsTopNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.kidstopnav2 a:hover {
background-position: 0 -92px;
}
   
.kidstopnav2 a:active {
background-position: 0 -92px;
}

.babiestopnav a{
display:block;
width: 64px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/BabiesTopNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.babiestopnav a:hover {
background-position: 0 -92px;
}
   
.babiestopnav a:active {
background-position: 0 -92px;
}

.babiestopnav2 a{
display:block;
width: 64px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/BabiesTopNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.babiestopnav2 a:hover {
background-position: 0 -92px;
}
   
.babiestopnav2 a:active {
background-position: 0 -92px;
}

.mobilestopnav a{
display:block;
width: 64px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/MobilesTopNav1.png") 0 0 no-repeat;
text-decoration: none;
}

.mobilestopnav a:hover {
background-position: 0 -92px;
}
   
.mobilestopnav a:active {
background-position: 0 -92px;
}

.mobilestopnav2 a{
display:block;
width: 64px;
height: 92px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/topnav/MobilesTopNav2.png") 0 0 no-repeat;
text-decoration: none;
}

.mobilestopnav2 a:hover {
background-position: 0 -92px;
}
   
.mobilestopnav2 a:active {
background-position: 0 -92px;
}

.hoodiesnav {
display:block;
width: 95px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/HoodiesNav.png") 0 0 no-repeat;
text-decoration: none;
}

.hatsnav {
display:block;
width: 81px;
height: 95px;
margin: 1em 0; padding: 0px;
background: url("/images/navigation/HatsNav.png") 0 0 no-repeat;
text-decoration: none;
}

.productdetailsborder {
margin: 0px;
position: absolute;
left: 610px;
top: 275px;
}

.productdetails {
background-color: #767F89;
width: 170px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.textbox {
position: relative;
background-color: #767F89;
width: 715px;
left: 50px;
margin-left: 10px;
margin-right: 10px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.textboxfathersday {
position: relative;
background-color: #767F89;
width: 500px;
left: -10px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.textboxproductpage {
position: absolute;
background-color: #767F89;
width: 450px;
left: 115px;
top: 325px;
margin-left: 10px;
margin-right: 10px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.textbox2 {
position: relative;
background-color: #767F89;
width: 650px;
left: 80px;
margin-left: 10px;
margin-right: 10px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.textboxwhite {
position: relative;
background-color: #ffffff;
width: 600px;
left: 50px;
margin-left: 10px;
margin-right: 10px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.notificationtextbox {
position: absolute;
background-color: #ff0000;
width: 450px;
top: -5px;
left: 200px;
padding: 0px;
margin-left: 5px;
margin-right: 5px;
border-style: solid;
border-color: #000000;
border-width: 1px;
z-index: 10000;
}

.indexborder {
background-color: #767F89;
width: 250px;
border-style: dotted;
border-color: #000000;
border-width: 1px;
}

.product1 {
margin: 0px;
width: 150px;
position: absolute;
top: 275px;
left: 20px;
}

.product2 {
margin: 0px;
width: 150px;
position: absolute;
top: 275px;
left: 220px;
}

.product3 {
margin: 0px;
width: 150px;
position: absolute;
top: 275px;
left: 420px;
}

.product4 {
margin: 0px;
width: 150px;
position: absolute;
top: 600px;
left: 20px;
}

.product5 {
margin: 0px;
width: 150px;
position: absolute;
top: 600px;
left: 220px;
}

.product6 {
margin: 0px;
width: 150px;
position: absolute;
top: 600px;
left: 420px;
}


.product7 {
margin: 0px;
width: 150px;
position: absolute;
top: 925px;
left: 20px;
}

.product8 {
margin: 0px;
width: 150px;
position: absolute;
top: 925px;
left: 220px;
}

.product9 {
margin: 0px;
width: 150px;
position: absolute;
top: 925px;
left: 420px;
}

.fathersdayproduct1 {
margin: 0px;
width: 150px;
position: absolute;
top: 510px;
left: 20px;
}

.fathersdayproduct2 {
margin: 0px;
width: 150px;
position: absolute;
top: 510px;
left: 220px;
}

.fathersdayproduct3 {
margin: 0px;
width: 150px;
position: absolute;
top: 510px;
left: 420px;
}

.fathersdayproduct4 {
margin: 0px;
width: 150px;
position: absolute;
top: 910px;
left: 20px;
}

.fathersdaytitle {
margin:0px;
position: absolute;
left: 50px;
}

#fanshot {
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
}

.footer {
background-image:
url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;
width: 800px;
position: relative;
padding: 0px;
margin: 0px;
}

.footerdash {
background-image: url("/images/shared/FooterDashes.gif");
background-repeat: repeat-x;
width: 600px;
position: relative;
left: 100px;
padding-top: 5px;
margin: 0px;
}

.footer1 {
font-size: small;
text-align: center;
padding: 0px;
margin: 0px;
}

.footer2 {
font-size: x-small;
text-align: center;
padding-bottom: 15px;
}


p.gallerynavigation {
text-align: right;
}

<!-- Begins Photo Gallery CSS - thanks to stu nicholls//-->
.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:575px; left: 60px; top: 20px; background-image:url(/images/shared/BackgroundColour.png); 
background-repeat: repeat;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; top:100px; left:0; color:#e9e9e9;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.slide1 {background:url(/images/fans/adults/20061029HandsomeMan.jpg);}
a.slide2 {background:url(/images/fans/kids/20061028Sitting.jpg);}
a.slide3 {background:url(/images/fans/babies/20061209LilHaulerRed.gif);}
a.slide4 {background:url(/images/fans/kids/20061028Fall.jpg);}
a.slide5 {background:url(/images/fans/adults/20061210GoodMorningVietNam.gif);}
a.slide21 {background:url(/images/fans/kids/20070204BigSmile.jpg);}
a.slide22 {background:url(/images/fans/adults/20070204NZCamping.jpg);}
a.slide23 {background:url(/images/fans/adults/20070204Svelte.jpg);}
a.slide24 {background:url(/images/fans/adults/20070204NZBackpacking.jpg);}
a.slide25 {background:url(/images/fans/adults/Test.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; text-align:center; cursor:default;}

a.slide1 span {left:-13px; top:80px;}
a.slide2 span {left:-132px; top:80px;}
a.slide3 span {left:-251px; top:80px;}
a.slide4 span {left:-370px; top:80px;}
a.slide5 span {left:-489px; top:80px;}
a.slide21 span {left:-13px; top:89px;}
a.slide22 span {left:-132px; top:89px;}
a.slide23 span {left:-251px; top:89px;}
a.slide24 span {left:-370px; top:89px;}
a.slide25 span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

<!-- Ends Photo Gallery CSS //-->