@charset "utf-8";
/* stylesheet for Dartmoor National Park Online Shop */

*{
padding:0;
}

/* This sets the base font face and family - 1em = 10px */
body {
	background-color: #FFFFFF;
	margin: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 160%;
	color: #00529b;
	min-width: 786px;
}

a {
	color: #0033ff;
}



td {
	font-family:Arial,Verdana,Helvetica,sans serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
}


h1 {
	font-size: 1.9em;
	color: #333333;
	margin: 0px;
	float: left;
	width: 15em;
	height: 1em;
	display: block;
	font-weight: lighter;
	padding: 0px;
	text-align: left;
	clear: right;
}

h2 {
	font-size: 1.2em;
	color: #006699;
	margin: 0px;
	font-weight: bold;
}

h3 {
	font-size: 1.em;
	color: #006699;
	margin: 0px;
	font-weight: bold;
}

h4 {
	font-size: 0.9em;
	color: #006699;
	margin: 0px;
	font-weight: normal;
}

h5 {
	font-size: 0.7em;
	color: #006699;
	margin: 0px;
	font-weight: normal;
}




 /* Product Details */
.products {
	font-family:Arial,Verdana,Helvetica,sans serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight:normal;
	font-variant: normal; 
	color: #00529b;
	background: #FFFFFF;
}

.products-bold {
	font-family:Arial,Verdana,Helvetica,sans serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight:bold;
	font-variant: normal; 
	color: #00529b;
	background: #FFFFFF;
}

#content2 {
	background:#FFFFFF;
	margin-left:10px;
		}
		
.hidden-button{
visibility:hidden;
}

hr{
clear:both;
margin-bottom:3px;
}

th {
	font-family:Arial,Verdana,Helvetica,sans serif; 
	font-size: small; 
	font-style: normal; 
	line-height: normal; 
	font-weight:bold;
	color: #00529b;
	letter-spacing: 2px;
	font-variant: small-caps;
	line-height: normal;
	text-align: left;
	padding: 0px 0px 0px 10px;
	background: #d6e6ee;
}

 /* Built in classes */

.x1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#006699;}
.x2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#006699;}
.x3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#006699;}
.b1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.b2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.b3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.s1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#F7E7C6;}
.s2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#F7E7C6;}
.l1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.l2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.l3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF;}
.vc2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; background-color:#b7d4e2;}
.vc2alt {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; background-color:#bec9ce;}
.vc3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FF0000;}
.vc4 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF;}
.vc5 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc6 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc7 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc8 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc9 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.vc10 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b;}
.vc11 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#006699;}
.vc12 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#006699;}
.p1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b;}
.p2 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b;}
.p3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b; background-color:#d6e6ee;}
.p3alt {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b; background-color:#bec9ce;}
.p4 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b; background-color:#d6e6ee;}
.s3 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#ffffff; vertical-align:Top; text-align:Left;}
.s3t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#ffffff; vertical-align:Top; text-align:Left;}
.s3b {  background-color:#006542; vertical-align:Top; text-align:Left;}
.s4 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; vertical-align:Top; text-align:Left;}
.s4b {  background-color:#d6e6ee; vertical-align:Top; text-align:Left;}
.s4t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; vertical-align:Top; text-align:Left;}
.s5 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; vertical-align:Top; text-align:Left;}
.s5b {  background-color:#006699; vertical-align:Top; text-align:Left;}
.s5t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; vertical-align:Top; text-align:Left;}
.s23 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; background-color:#006542; vertical-align:Top; text-align:Left;}
.s23t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; vertical-align:Top; text-align:Left;}
.s24 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; background-color:#99CCCC; vertical-align:Top; text-align:Left;}
.s24t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000; vertical-align:Top; text-align:Left;}
.s25 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; background-color:#006542; vertical-align:Top; text-align:Left;}
.s25t {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FFFFFF; vertical-align:Top; text-align:Left;}
.s6 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#000000;}
.s7 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#333333;}
.s8 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#00529b;}
.s9 {  background-color:#d6e6ee;}

 /* Shopping cart - problem "not enough in basket" etc */
.g1 {  font-size:small;font-family:Arial,Verdana,Helvetica,sans serif; color:#FF0000;}



 
 
 
 /* HEADER STYLES TO MATCH DNPA SITE */

/* This hides the accessibility links */
#accessibility {
	visibility: hidden;
}


/* Styles for the main navigation bar */
 
.mainmenubg {
 width: 100%;
 background-image: url(http://www.dartmoor-npa.gov.uk/menubg.gif);
 background-repeat: repeat-x;
 background-color: #333333; 
 height: 3.2em;
 margin:0;
 padding:0;
 text-align:right;
} 
 

ul.mainmenu {
font-size: 1.2em;
color: #FFFFFF;
font-weight: bold;
 margin:0;
 padding:0;
 position:relative;
 top:2px;
}
 

.mainmenu li {
display: inline;
list-style-type:none;
padding:0;
margin:0;
}
 

.mainmenu a:link, .mainmenu a:visited {
 color: #FFFFFF;
 text-decoration: none;
 border-left: 1px solid #FFFFFF; 
 height:100%;
 margin: 0;
 padding:0;
 position:relative;
 top:-2px;
 
}
 
 /* Coloured strips under mainmenu buttons*/
li#aboutus a#aboutus2, li#ourservices a#ourservices2, li#lookingafter a#lookingafter2, li#livingin a#livingin2, li#planning a#planning2,  li#visiting a#visiting2, li#learningabout a#learningabout2, li#funzone a#funzone2{
background-position:bottom;
background-repeat:repeat-x;
padding: 0em 0.8em 0.4em 0.8em;
line-height: 2.3em;
/*padding: 0.4em 0.8em 1em;*/
/*line-height: 2.6em;*/
} 
 
/* Sets the colours for the boxes under the main navigation bar*/
li#aboutus a#aboutus2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu1bg.gif);
}
 
li#ourservices a#ourservices2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu2bg.gif);
}
 
li#lookingafter a#lookingafter2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu3bg.gif);
}
 
li#livingin a#livingin2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu4bg.gif);
}
 
li#planning a#planning2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu5bg.gif);
}
 
li#visiting a#visiting2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu6bg.gif);
}
 
li#learningabout a#learningabout2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu7bg.gif);
}
 
li#funzone a#funzone2 {
background-image:url(http://www.dartmoor-npa.gov.uk/menu8bg.gif);
} 

/* Sets the colours for the mouseovers on the main navigation bar*/
#aboutus a:hover, #aboutus a:active {
	background-color: #663300;  }

#ourservices a:hover, #ourservices a:active {
	background-color: #006699;  }

#lookingafter a:hover, #lookingafter a:active {
	background-color: #006633;  }

#livingin a:hover, #livingin a:active {
	background-color: #663366;  }
	
#planning a:hover, #planning a:active {
	background-color: #66CC00;  }
	
#visiting a:hover, #visiting a:active {
	background-color: #00CCFF;  }
	
#learningabout a:hover, #learningabout a:active {
	background-color: #FF6600;  }
	
#funzone a:hover, #funzone a:active {
	background-color: #FFCC33;  }


/* Styles for the very top menu (home | A-Z etc.) */
.headmenu {
	font-size: 1.1em;
	color: #333333;
	height: 2em;
	text-align: right;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 60em;
	clear: right;
	display: block;
}

.headmenu li {
	display: inline;
	margin: 0em;
	padding: 0em 0.8em 0em 0.8em;
	background-image: url(http://www.dartmoor-npa.gov.uk/menudivide2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#headmenulast {
	background-image: none;
}

.headmenu a:link, .headmenu a:visited {
	color: #333333;
	text-decoration: none;
}

.headmenu a:hover, .headmenu a:active {
	color: #333333;
	text-decoration: underline;
}


/* Styles for coloured strips and single white lines */

.whiteline {
	background-color: #FFFFFF;
	margin: 0em;
	padding: 0em;
}

.whitelineclear {
	background-color: #FFFFFF;
	margin: 0em;
	padding: 0em;
	clear: both;
	height: 0.1em;
}

.greystrip {
	background-color: #333333;
	margin: 0em;
	padding: 0em;
}

/* Style to set the background image in the top bar */

.topbar {
	background-color: #B6D3E2;
	background-image: url(http://www.dartmoor-npa.gov.uk/topbar3.jpg);
	background-repeat: no-repeat;
	width: auto;
}

/* Styles setting the properties of the search box and its elements */

.search {
	padding: 1px 9px 0px 3px;
	text-align: right;
	float: right;
	clear: right;
	width: 30em;
}

#searchbut {
	font-size: 1em;
	color: #FFFFFF;
	background-color: #333333;
	padding: 1px;
	border: 0.1em solid #FFFFFF;
	font-weight: normal;
}

#searchinput {
	font-size: 1.1em;
	color: #333333;
	background-color: #FFFFFF;
	padding: 1px;
	border: 0.1em solid #333333;
	margin: 1px;
}

label {
	font-size: 1.2em;
	color: #333333;
	padding: 2px;
	font-weight: bold;
}

form {
	margin: 0px;
	padding: 0px;
/*	height: 2.2em;*/
}

.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 77px;
	width: 85px;
}


/* Styles for the HEADER to match website */
 
 
.osmenubg { /* background bar and alignment of text*/
 width: 100%;
 background-color: #006699; 
height: 2.3em;
 margin:0;
 padding:0;
 text-align:left;
} 


ul.osmenu {/* changes to font*/
font-size: 1.1em;
color: #FFFFFF;
font-weight: bold;
 margin:0;
 padding:0;
 position:relative;
top:2px;
}

.osmenu li { /* aligns text on same line instead of in a list*/
display: inline;
list-style-type:none;
padding:0;
margin:0;
}

.osmenu a:link, .osmenu a:visited { /* sets font styles of link text*/
 color: #FFFFFF;
 text-decoration: none;
 border-left: 1px solid #FFFFFF; 
 height:100%;
 margin: 0;
 padding:0;
 position:relative;
top:-2px;
}

 /* Coloured strips under mainmenu buttons*/
li#oshome a#oshome2, li#oshelp a#oshelp2, li#oscontact a#oscontact2, li#osterms a#osterms2, li#osabout a#osabout2, li#oscart a#oscart2 {  
/* aligns text into middle of bar and adds padding*/
padding: 0em 0.8em 0.4em 0.8em; 
line-height: 2.3em;
background-position:bottom;
background-repeat:repeat-x;
} 





.osTitle {
float: left;
padding: 0.4em 0em 0em 0.6em;
display: inline;
} 

/* Sets the colours for the mouseovers on the main navigation bar*/
#oshome a:hover, #oshome a:active, #oshelp a:hover, #oshelp a:active, #oscontact a:hover, #oscontact a:active, #osterms a:hover, #osterms a:active, #osabout a:hover, #osabout a:active{
	background-color: #1d77a6;  }
	
/* Sets the colours for the mouseovers on the shopping basket button*/
#oscart a:hover, #oscart a:active{
	background-color:#007e3a; }

.osSmallText {
	font-size: 0.8em;
	color: #CCFFCC;
	margin: 0px;
}