﻿* {
	margin: 0;
	padding: 0;
}
body {
	background:  #e88a3a url(../images/bg-repeat.gif) repeat-x top;
	margin:0;
	padding:0;
	font-size: 76%;
	width: 100%;
	height: 100%;
	font-family: arial, Helvetica, Verdana, Microsoft Sans Serif;
}
h1{
	font-size:6.2em; 
	margin:-0.5em 0 -1em 0;
	padding:0;
	width:650px;
}
h2{
	font-size:6em;  
	margin:0 0 0em 0;
	
}
h3{
	font-size:1.9em;
}
h4{
	width:120px;
	font-size:1.6em;
	margin: 0.5em 0 0 0;
}
p{
	margin: 0.5em 0 0.5em 0;
	color: #fff;
}

.bold { font-weight: bold}

#pageContainer{
	background: url(../images/dry-earth.jpg) repeat-x bottom;
	margin:0;
	padding:0;
	width: 100%;
	margin-bottom:-5px;
	margin-top:-3px;
}
#centreBlock{
	width: 985px;
	margin: 0 auto;
}
#centreBlock #flashLeft{
	margin:0 0 0 0; 
	float:left; 
	padding:0;
	height: 100%;
	position:absolute;
}
#centreBlock #mainRight{
	float:right; 
	width:647px;
}

/*NAVIGATION STYLES*/	

#nav {
	float:right;
	list-style: none;
	margin: 0 -0.4em 0 0;
	padding: 0;
	height: 34px;
	display: inline;
	overflow: hidden;
	width: 588px;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 34px 0 0 0;
	margin: 0 0.1em 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win */
}
	
#nav a:hover {
	background-position: 0 -34px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -68px;
}

#nav a.selected {
	background-position: 0 -34px;
}
	
#home a  {
	width: 115px;
	background: url(../images/home-nav.gif) top left no-repeat;
}

#about a  {
	width: 115px;
	background: url(../images/about-nav.gif) top left no-repeat;
}

#stockists a  {
	width: 115px;
	background: url(../images/stockists-nav.gif) top left no-repeat;
}

#shop a  {
	width: 115px;
	background: url(../images/shop-nav.gif) top left no-repeat;
}

#contact a  {
	width: 115px;
	background: url(../images/contact-nav.gif) top left no-repeat;
}
	
/*CONTENT STYLES*/	
	
#content{
	width: 620px;
	background: #391d09;
	margin-top: 34px;
	padding:1em;
}
.compImage{
	border: 1px solid white;
	margin-top: 3.5em;
}
.Namethelizard{
	margin: 10px 0 10px 0;
	width: 232px;
	font-size:1.7em;
	color: #391d09;
}
.tellAfriend{
	margin: 0.lem 0 0 0;
	width: 252px;
	font-size:1.7em;
	color: #391d09;
}

.maxiFormCell
{
    margin-bottom:1em;
}
#content a{
	color: #e06a00;
}

#content ul li
{
	vertical-align:text-top;
	list-style-position:outside;
	list-style-type:disc;
	font-weight:normal;
	margin-top:1.1em;
	margin-left:20px;
	width:70%;
}

#featureOne{
	background-color: #ffffff;
	width:290px;
	float:left;
	margin:1em 1.4em 0 0;
	padding: 1em;
}
#featureTwo{
	background-color: #ffffff;
	width:290px;
	float:left;
	margin:1em 0 0 0;
	padding: 1em;
}
#featureOne h2,
#featureTwo h2{
	width:150px;
	font-size:2em;
	margin:0;
	padding:0;
}
#featureOne p,
#featureTwo p{
	margin: 0.5em 0 0 0;
	width:160px;
	color: #391d09;
}

#featureOne img,
#featureTwo img{
	float:right;
}

.compLeft
{
    float:left;
    width:240px;
}

.errorPannel
{
    border:solid 2px #ff0000;
    background-color:#c21919;
    margin-top:5px;
    margin-bottom:5px;
    padding:15px;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    width:296px;
}

.noErrorPannel
{
    border:solid 2px #00FF22;
    background-color:#006F0F;
    margin-top:5px;
    margin-bottom:5px;
    padding:15px;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    width:296px;
}

.errorPannel a
{
    color:yellow;
}

.greenType
{
    color:#006F0F;
}

.standardTable
{
    margin-top:3px;
    margin-bottom:10px;
    width:100%;
}

.standardTable tr th
{
    background-color:#391D09;
    color:#fff;
}

.standardTable tr td, .standardTable tr th
{
    padding:5px;
    border:solid 1px #391D09;
}

.standardTable tr .alternate
{
    background-color:#391D09;
}


/* SHOP PAGE */
#promotion{
	width: 23em;
	float:right;
	background-color: #614a3a;
	padding:1em;
	color: #ffffff;
}
#promotion form{
	width: 6.5em;
}
#promotion label{
	width: 7.5em;
	margin:0;
	padding:0;
}
#promotion label.promotion-code input{
	font-size: 1.8em;
	width: 6.5em;
	color: #ae3800;
}
#bringiton {
	margin: 17px 0 0 0;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 122px;
	float: right;
	background: url("../images/bringon-button.gif") 0 0 no-repeat;
}
#bringiton a {
	float: left;
	width: 122px;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win */
	background: url("../images/bringon-button.gif") 0 0 no-repeat;
}
#bringiton a:hover {
	background-position: 0 -36px;
}
#bringiton a:active {
	background-position: 0 -36px;
}

#findNearestStore {
	margin: 3px 0 0 0 ;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 122px;
	float: right;
	background: url("../images/bringon-button.gif") 0 0 no-repeat;
}
#findNearestStore a {
	float: left;
	width: 122px;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win */
	background: url("../images/bringon-button.gif") 0 0 no-repeat;
}
#findNearestStore a:hover {
	background-position: 0 -36px;
}
#findNearestStore a:active {
	background-position: 0 -36px;
}

#enterPostButton {
	margin: 3px 130px 0 0 ;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 190px;
	background: url("../images/calc-freight.gif") 0 0 no-repeat;
	float:right;
}
#enterPostButton a {
	float: left;
	width: 190px;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win */
	background: url("../images/calc-freight.gif") 0 0 no-repeat;
}
#enterPostButton a:hover {
	background-position: 0 -36px;
}
#enterPostButton a:active {
	background-position: 0 -36px;
}

.shopOne{
	background-color: #ffffff;
	width:278px;
	float:left;
	margin:1em 1em 0 0;
	padding: 1em;
	color: #391d09;
}
.added
{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	position: absolute;
	width: 302px;
	height:158px;
	margin: -0.65em 0 0 -0.65em;
	padding-top: 1.5em; 
	background-color: #ffffff;
	/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
}

.shopTwo{
	background-color: #ffffff;
	width:278px;
	float:right;
	margin:1em 0 0 0;
	padding: 1em;
	color: #391d09;
}
.shopOne h2,
.shopTwo h2{
	width:150px;
	font-size:2em;
	margin:0;
	padding:0;
}
.shopOne p,
.shopTwo p{
	margin: 0.5em 0 0 0;
	width:150px;
	color: #391d09;
}

.shopOne img,
.shopTwo img{
	float:right;
	margin:0;
	padding:0;
}
.shopOne h4,
.shopTwo h4,
#shoppingTotal h4{
	font-size: 1.6em;
}
.shopOne h2,
.shopTwo h2,
#shoppingTotal h4{
	line-height: 1em;
}

.addOrder {
	margin: 0 0 0 0;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 122px;
	float: right;
	background: url("../images/order-bg.gif") 0 0 no-repeat;
	clear:right;
}
.addOrder a {
	float: left;
	width: 117px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	background: url("../images/order-button.gif") 0 0 no-repeat;
}
.addOrder a:hover {
	background-position: 0 -36px;
}
.addOrder a:active {
	background-position: 0 -36px;
}

#shoppingTotal{
	width:596px;
	background-color: #ffffff;
	float:left;
	margin:1em 0 0 0;
	padding: 1em;
}
#shoppingTotal h4{
	font-size:2em;
	width:10em;
}

#shoppingTotal p{
	color: #391d09;
}

.viewOrder {
	margin: 1em 0 0 0;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 122px;
	float: left;
	background: url("../images/order-bg.gif") 0 0 no-repeat;
}
.viewOrder a {
	float: left;
	width: 117px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	background: url("../images/vieworder-button.gif") 0 0 no-repeat;
}
.viewOrder a:hover {
	background-position: 0 -36px;
}
.viewOrder a:active {
	background-position: 0 -36px;
}

.checkOut {
	margin: 33px 0 0 0;
	padding: 0;
	height: 74px;
	overflow: hidden;
	width: 148px;
	float: right;
	background: url("../images/checkout-buttons.gif") 0 0 no-repeat;
	clear:right;
}
.checkOut a {
	float: left;
	width: 148px;
	padding: 74px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:74px; /* for IE5/Win */
	background: url("../images/checkout-buttons.gif") 0 0 no-repeat;
}
.checkOut a:hover {
   background-position: 0 -74px;
}
.checkOut a:active {
   background-position: 0 -74px;
}

#footer{
	clear:both; 
	text-align:left; 
	color: #ffffff; 
	padding:8em 1em 2em 29.2em;
	width: 51em;
}
#footer a{
	text-decoration: underline;
	color: #fff;
}
#footer a:hover{
	text-decoration: none;
	color: Orange;
}
#footer img{
	position: relative;
	top: -1.5em;
}

.sendPage{
	width: 200px;
}

#aboutContent{
	width:596px;
	background-color: #ffffff;
	float:left;
	margin:1em 0 0 0;
	padding: 1em;
}

#aboutContent p{
	color: #391d09;
}

.errorPanel
{
	
}

.errorPanel h3
{
	width:100%;
}

.nameLabel
{
	color:#e06a00;
}

.errorControl
{
	border:solid 3px red;
}

h4 .ar
{
    text-align:right;
}

h4 .green
{
    font-size:5em;
    text-align:right;
}


/* CONTACT PAGE */
.submitForm {
	margin: 0 0 0 0;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 122px;
	clear:right;
}
.submitForm a {
	float: left;
	width: 117px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	background: url("../images/submit-button.gif") 0 0 no-repeat;
}
.submitForm a:hover {
	background-position: 0 -36px;
}
.submitForm a:active {
	background-position: 0 -36px;
}

/* MAILING LIST */
#mailingList {}

#mailingList input { padding:5px;}


#mailingList .mailListButton {
	margin: 0 0 0 0;
	padding: 0;
	height: 36px;
	overflow: hidden;
	width: 57px;
	float:right;
}
.mailListButton a {
	float: left;
	width: 57px;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	background: url("../images/go-button.gif") 0 0 no-repeat;
}
.mailListButton a:hover {
	background-position: 0 -36px;
}
.mailListButton a:active {
	background-position: 0 -36px;
}

/* NEWS */
#news {
    height: 180px;
    overflow:auto;
    padding:10px;
}

#news .title  {
    color: #e47106;
    font-weight: bold;
}

#medals 
{
    background-color: #391d09;
    width:100%;
    padding-top:10px;
}

#medals ul {
 list-style:none;
}

#medals ul li {
 display:inline;
 text-align:center;
 width:50px;
}