/* basics */

*{margin:0; padding:0;}

body {
	background: #c2ebff;
	font-family: helvetica, arial, sans-serif;
color: #000;
	font-size: 10pt;
	}

h1 {font-size: 18pt; font-weight:normal; color: #3399CC;
text-transform: uppercase; text-align:left;
text-decoration: underline; }
h2 {font-size: 12pt; font-weight:normal;
color: #FDB216; text-align:left;
text-transform: uppercase;
text-decoration: underline;
padding-top:10px;}
h4 {font-size: 10pt; color:#666; padding:10px;}

p {
	margin:0px;
	padding:10px;
	line-height: 14pt;
	text-align: left;
	font-weight: normal;
	}

.stockist-table p {
text-align: center;
}

.stockist-table h2 {
text-align: center;
}

img{ border: none; padding:0; }
img a{border:none;}


center {
text-align:center;
margin: 0 auto;
}

blockquote{
	margin:15px;
	padding:0 12px 0 12px;
	}


/* links */

a{
	color:#3399CC;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width: 820px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	}
	
/* header */

.header {
	height:100px; 
background-color:#fff;
  	width: 820px; 
background-image:url(../images/header.gif);
background-repeat: no-repeat;
	}

#header-links {
text-align:right;
padding:2px 40px;
}

#header-links img {
padding-left:5px;
}

/* main menu */


#navigation {
background-image: url(../images/navigation.gif);
background-repeat: no-repeat;
	background-color:#66CC33;
	color: #fff;
width: 820px;
	height: 40px;
	margin: 0px auto 3px;
	padding:0px;
}

#navigation ul {
	margin: auto;
	padding:0;
padding-top: 7px;
}

#navigation ul li {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size:18px;
	font-weight:normal;
text-transform: uppercase;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #fff;
line-height: 24px;
	text-decoration: none;
	text-align: center;
}

#navigation ul li a:hover {
	text-decoration: underline;
}

.navigate {
	text-align:center;
}

#toplinks {
	background-color:#fff;
background-image: url(../images/top2.gif);
background-repeat: no-repeat;
	color: #333;
width: 820px;
	height: 27px;
	margin: 0px auto 0px;
	padding:0px;
}

#toplinks ul {
	margin: auto;
	padding: 0;
}

#toplinks ul li {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size:16px;
	font-weight:normal;
text-transform: uppercase;
}

#toplinks ul li a:link, #toplinks ul li a:visited {
	color: #666;
line-height: 24px;
	text-decoration: none;
	text-align: center;
	padding: 0px 2px;
}

#toplinks ul li a:hover {
	color: #999;
}

.toplink {
	text-align:right;
}


/* content */


#content {
	float:left;
	width:820px;
	overflow: hidden;
	margin:0px;
	}

#top-content ul li {
	list-style-type: none;
	text-align:left; margin:4px 10px;
	}

/* footer */

#footer {
color: #000;
	background-color: #61C4F3;
background-image: url(../images/footer.gif);
background-repeat: no-repeat;
  	clear: both;
  	text-align: left;
  	width:820px;
  	height:150px;
  	margin:auto; 
}

.footer {
width: 160px;
	text-align: left;
	list-style-type: none;
	margin: 0px;
padding:0px;
	padding-top: 28px;
}

.footer li {
	margin: 0 3px;
	line-height:16px;
text-transform: uppercase;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#000;
  	text-decoration: none;
}

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

.copyright {
color: #000;
width:240px;
padding-left:140px;
padding-top:75px;
text-align:left;
font-weight:bold;
font-size:11px;
}