html , body {
margin : 0; 
padding : 0; 
min-width:1000px;

max-width 1024px;
} 


body {
color : #70727g3; 
background : #ffffff; 
width : 100%; 
font : 12px  Verdana, Tahoma, Helvetica, Arial, sans-serif; 
} 

#spacer {
display:inline;
margin-left:9px;
}

img {
border : medium none inherit; 
} 


.title { 
       font-weight: bolder;
}

p.shop {
     color:#000000;
}

p a {
color : #666666; 
text-decoration : none; 
} 
p:hover a {
color : #0000ff; 
text-decoration : underline; 
} 

.italicblue {
font-style:italic;
color: #03024E;
}
.blue {
color: #03024E;
font-weight:bold;
}

p.blue{
color: #03024E;
}

.grey {
color : #707273; 
}

td.grey a {
color : #707273; 
}

.italicgreen {
font-style:italic;
color: #154104;
}

#container {
width : 100%; 
background-color : #ffffff; 
color : #707273; 
border-style: none;  
line-height : 130%; 
padding:0;
min-width:720px;
} 


#top {
height: 150px; 
padding : 0; 
background-color : #ffffff; 
background-image: url("images/camping-in-new-zealand.jpg");
background-repeat: no-repeat;
background-position: top right;
 
} 

#top img{
 border-style:none;
 padding-left:20px;
 width:145px;
height:150px;
}

#top h1 {
padding : 0; 
margin-top : 0;
background-image: url("templates/images/NZ_Camp_Site.gif");
background-repeat: no-repeat;
background-position: top right;
height:200px;
} 


#topmenu {
 margin:0 0 0 150px;
      width:85%;

   min-width:650px;
   padding-top:0;
   border-style:solid;
   border-color:#c7c7c7;
   border-top-width:1px;
   border-left-width:0;
   border-right-width:0;
   border-bottom-width:1px;
   float:right;
   text-align:justify;
   text-transform: uppercase;
   font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; 
   font-size:13px;
   color: #03024E;
   font-weight:normal;
   line-height:175%;
}

/* top menu styling */
#topmenu a {
color : #03024E; 
background : transparent; 
text-decoration : none; 
text-align:justify;
padding: 0 0.5% 0 0.5%
}

#topmenu a:link {
color : #03024E; 
text-align:justify;
} 

#topmenu a:visited {
color : #03024E;
} 
#topmenu a:hover {
color : #666666; 
} 
#topmenu a:active {
color : #03024E; 
} 

#leftnav {
   text-align:right;
   padding-right: 6px;
   text-transform: uppercase;
   font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif; 
   font-size:13px;
   color : #707273; 
   font-weight:normal;
   line-height:125%;
padding-top:8px;
} 

/* left menu styling */


#leftnav a:link {
color : #707070; 
background : transparent; 
text-decoration : none; 
} 
#leftnav a:visited {
color : #707070; 
text-decoration : none; 
} 
#leftnav a:hover {
color : #03024E; 
text-decoration : none; 
} 
#leftnav a:active {
color: #03024E; 
text-decoration : none; 
} 

#leftnav .sub a {
   text-transform: none;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   color: #707273;
   font-weight:normal;
   line-height:125%;
   text-align:left;
}
#leftnav .sub a:visited {
color : #707273; 
}
#leftnav .sub a:hover {
color : #03024E; 
}
#leftnav .sub a:active {
color : #03024E; 
}

#rightnav h3 {
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:11px;
   color:#154104;
   text-transform: uppercase;
   margin-bottom:3px;
   padding-right:2px;
}

#rightnav h4 {
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:10px;
   color:#707070;
   margin-top:1px;
   padding-right:4px;
}
#rightnav h4 a {
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:10px;
   color:#707070;
   margin-top:1px;
   padding-right:4px;
}

/* left nav border */   

#leftnav{
   border-style:solid;
   border-color:#c7c7c7;
   border-top-width:0;
   border-left-width:0;
   border-right-width:1px;
   border-bottom-width:1px;
}

#leftnav  {
float : left; 
width : 150px; 
margin : 0; 
} 

/*
border-top : 1px solid #c7c7c7;
*/

#rightnav {
float : right; 
width :150px;
margin : 0;
padding-top : 0;  
} 

#rightnav img {
margin:0;
padding:0;
border-style:none;
}

#rightnav p{
width:150px;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 9px ;
font-weight:bold;
color:#03024E;
padding: 2px 3px 3px 2px;
text-transform: uppercase;
text-align: right;
margin: 0;
}

#content {
margin-left : 160px; 
margin-right : 175px; 
border-right : 0; 
padding : 10px; 
padding-top:6px;

} 

#footer {
clear : both; 
margin : 0; 
padding : 0.5em 4px 1em; 
color : #707273;
height:26px;  
border-bottom : 1px solid #c7c7c7; 
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
background-position: top right;
text-align:right;
vertical-align:bottom;
font-size:10px;
} 

#leftnav p  {
margin : 0 0 1em; 
} 
  
/* breadcrumbs styling */
#crumbs {
   text-align:left;
   padding-right: 10px;
   padding-top:20px;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:11px;
   color: #707070;
   font-weight:normal;
} 

#crumbs a:link {
color : #707070; 
background : transparent; 
text-decoration : none; 
} 
#crumbs a:visited {
color : #707070; 
text-decoration : none; 
} 
#crumbs a:hover {
color : #03024E; 
text-decoration : none; 
} 
#crumbs a:active {
color : #990000; 
text-decoration : none; 
} 

/* content styling */

#content {
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   font-weight:bold;
}

#content h1{
   text-align:left;
   font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; 
   font-size:20px;
   color:#154104;
   text-transform: uppercase;
   font-weight:normal;
}

#content h2{
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:13px;
   color: #154104;
}

#content p{
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   color:#707070;
   font-weight:normal;
}

#content table{
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   color:#707070;
   font-weight:normal;
}

#content ul {
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   color:#707070;
   font-weight:normal;
}
#content ol {
   text-align:left;
   font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif; 
   font-size:12px;
   color:#707070;
   font-weight:bold;
}

#content a {
    color : #03024E; 
    background : transparent; 
    text-decoration : underline; 
    font-weight:bold;
    font-size:11px;
}

#content a:link {
    color :#03024E; 
    background : transparent; 
    text-decoration : underline; 
    font-weight:bold;
    font-size:11px;
} 

#content a:visited {
    color : #03024E; 
    text-decoration : underline;
    font-weight:bold;
    font-size:11px;
} 

#content a:hover {
   color : #990000; 
   text-decoration : underline; 
   font-weight:bold;
   font-size:11px;
} 

#content a:active {
    color : #990000; 
    text-decoration : none; 
    font-weight:bold;
} 

/* search form styling */

#search form{
    text-align:left;
border-style:none;
}

#search input {
   font-family:Verdana, arial, helvetica, sans-serif;
   font-size:11px;
   color:#707070;
   font-weight:bold;
}
.searchinput {
   width:76px;
   border-style:solid;
   border-color:#c7c7c7;
   border-width: 0 0 1px 0;
}

.search {
    border-style:solid;
    border-color:#c7c7c7;
    border-width: 0 0 0 1px;
    background-color:#ffffff;
    margin-top:0;
}
/* login form styling */

#login form{
    text-align:left;
    border-style:none;
   font-family:Verdana, arial, helvetica, sans-serif;
   font-size:10px;
}

#login input {
   font-family:Verdana, arial, helvetica, sans-serif;
   font-size:11px;
   color:#707070;
   font-weight:bold;
   border-style:solid;
   border-color:#c7c7c7;
   border-width: 0 0 1px 0;
}

#login .submit {
    border-style:none;
    background-color:#fff;
    margin-top:0;
    text-decoration:none;
    text-align:center;
    margin-left 30px;
}



/* Shopping system styling */

.basket table{
     width:90%;
     padding:0;
     margin:0;
     table-layout:fixed;
     empty-cells:show;
     border-spacing:0;
     border-collapse:collapse;
     border-style:none;
}

.shopcolor {  width: 160px; text-align: right}
.shopsize {  width: 60px; text-align: right}
.shoplist {width: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666666; border-style:none; padding:1px;}
.shopsingle {width: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666666; border-style:none; padding:1px;}
.shopsingledesc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666666; border-style:none; padding:1px;}

#content p.italicblue {
font-style:italic;
color: #03024E;
}

#content p.italicgreen {
font-style:italic;
color: #154104;
}

#content p.blue {
color: #03024E;
}

input.submit  { text-decoration:underline; color: #03024E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; font-variant: normal; background-color: #fff; text-align: left; word-spacing: normal; white-space: normal; padding-right: 2px; padding-left: 2px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
input.grey { text-decoration:underline; color: #707273; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; font-variant: normal; background-color: #fff; text-align: left; word-spacing: normal; white-space: normal; padding-right: 2px; padding-left: 2px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
input.blue { text-decoration:underline; color: #03024E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; font-variant: normal; background-color: #fff; text-align: left; word-spacing: normal; white-space: normal; padding: 0; border-style:none;}

/*
:hover input.submit  {  text-decoration:underline;color: #03024E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-variant: normal; background-color: #fff; text-align: left; word-spacing: normal; white-space: normal; padding-right: 2px; padding-left: 2px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
input[type="submit"]:hover{  color: #03024E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-variant: normal; background-color: #fff; text-align: left; word-spacing: normal; white-space: normal; padding-right: 2px; padding-left: 2px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
*/

/* default styles for extension "tx_thfilemailer_pi1" */
    .tx-thfilemailer-pi1-mail-input { border: 1px black solid; }
    .tx-thfilemailer-pi1-submit-input { border: 1px black solid; }

/* indexed search styling */
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td { vertical-align:middle; }