#navBarX{
	position:fixed; 
	top:0px; 
	left:240px;
	right:240px;
	height:41px;
	font-size:100%;
	z-index:1000;
	border-bottom:1px solid black;
	text-align:center;
	background-color:#ffffe4;
}

#navBarX a:hover {
	background-color:#82c471;
	border-bottom-color:green;
}
#navBarX a:active {
	background-color:#fec837;
}

.XPT {
	text-decoration:none;
	color:black;
	border-bottom:solid 1px #9d9d7d;
	border-top:solid 1px #9d9d7d;
	background-color:#c8c8a0;
	padding:2px 9px;	
	margin-top:11px;
	font-size:94%;
	}
.XPT + .XPT {
	border-left:none;
	}

.left{float:left; margin-left:10px;}
.left + .left {margin-left:2px;}
.right{float:right; margin-right:10px;}
.right + .right {margin-right:2px}
 
 #Guides h4, #GuidesNav h4{
	margin:0.5em -0.5em;
 }
 
 
/*startHidden is in a seperate stylesheet that won't be loaded if JavaScript is off.*/
 
body{
	font-family:verdana, sans-serif;
	font-size:0.75em;/* was 0.78*/
	padding:0;
	background-color:#ffffe4;
}

p + p { margin-top: -.4em; }

a{text-decoration:none; color:#736;}
a:hover{text-decoration:underline}
a:active{color: #075315;}

.price{
	font-size:larger;
	font-weight:bold;
}
.description{
	font-size:110%;
	line-height:1.1;
}
.ie6Only{display:none;}

#logoBox{
	width:220px;
	margin:10px;
	position:fixed;
	top:0; left:0;
	height:35px;
	text-align:center;
	font-style:italic;
}
#logoBox a, a.geologic{font-size:1em; color:#9d9d7d;}
#logoBox a:hover, a.geologic:hover{color:#c8c8a0;}
#logoBox a:active, a.geologic:active{color:#075315;}

.geo{color:#9d9d7d}
.logic{color:#c8c8a0}
.logo{font-family:verdana; font-style:italic;}

#navBar{
	position:fixed; 
	top:0px; 
	left:240px;
	right:240px;
	padding-top:20px;
	height:41px;
	font-size:100%;
	z-index:1000;
	border-bottom:1px solid black;
	text-align:center;
	background-color:#ffffe4;
}

#navBar a {
	text-decoration:none;
	color:black;
	border:2px solid black;
	background-color:#c4719a;
	padding:2px 6px;	
	font-size:94%;
  margin:0 6px;	
}

#navBar a:hover {
	background-color:#82c471;
}
#navBar a:active {
	background-color:#fec837;
}

#leftBar{
	width:220px;
	position:fixed;
	height:100%;
	top:70px;
	left:10px;
	border-style:1px dashed;
}

#leftBar .header{
		background-color:#f5f5d7;
		padding:3px 5px;
		font-size:larger;
		border-bottom:solid #a7a783 thin; 
		font-weight:bold;
	}
#leftBar .contents{
		padding:0.5em; 
		text-align:left;
	}
#leftBar .box{
		border: double 3px;
		border-color:black;
		background-color:#ffe;
		margin-bottom:10px;
	}
	
#rightBar .header, .greentitle{
		background-color:#f5f5d7;
		padding:3px 5px;
		font-size:larger;
		border-bottom:solid #a7a783 thin; 
		font-weight:bold;
	}
#rightBar .contents, .greencontent{
		padding:0.5em; 
		text-align:left;
	}
#rightBar .box{
		border: double 3px;
		border-color:black;
		background-color:#ffe;
		margin-bottom:10px;
	}

#rightBar{
	width:220px;
	position:absolute;
	top:70px;
	right:10px;
	border-style:1px dashed;
}

#mainContent{
	position:absolute;
	left:240px;
	right:240px;
	top:70px;
	padding:10px 10px 5em;
	text-align:center;
}

#mainContent textarea, #mainContent input{
	border:#A7A783 1px solid;
}

#mainContent .expandable {
	margin-bottom:1em;
}

#mainContent li {
	line-height:1.28;
}

#mainContent .greencontent {
	padding: 0 1em 1em; border:#A7A783 1px; border-style:none dotted solid
}

#mainContent .content, #productPage .contents{
	text-align:left;
	max-width:600px;
	margin:auto;
	line-height:1.28;
}
#mainContent h2{text-align:left; max-width:600px; margin-left:auto; margin-right:auto; padding-left:0;}
#mainContent h2 a{font-size:smaller; text-decoration:none;}
#mainContent .info{line-height:1.4; font-size:1.1em;}

#productPage .header{
	text-align:left;
	max-width:600px;
	margin:auto;
	line-height:1.28;
	font-size:large;
	font-weight:bold;
	text-align:left;
	margin-bottom:1em;
}

#productPage .images{
	width:50%;
	max-width:440px;
}

#checkoutBelt .header{
	font-size:large;
	margin-top:1em;
}
#checkoutBelt .basket-item{
	font-size:larger;
	border-bottom:dotted 1px;
}
#checkoutBelt .basket-cost{
	display:table-cell;
	padding:0 0.6em 0 1em;
	font-size:larger;
	border-bottom:dotted 1px;
	text-align:right;
}
#checkoutBelt .basket-total{
	font-weight:bold;
	font-size:larger;
}
#checkoutBelt .PnP{
	font-size:105%;
}
#checkoutBelt .buynow{
	display:none;
}

#payExpl{
	font-style:italic;
}

.highlight{
	font-weight:bold;
	color:#075315;
}

table {font-size:inherit;}

#imagePreviewer{
	width:200px;
	border:solid black 1px;
	height:150px
}

#ContactUs{
	margin-top:10px;
}

#ContactUs input, #ContactUs textarea{
	width:95%;
}

#productMatrix{
	max-width:600px;
	position:relative;
	margin:auto;
	margin-top:2em;
}

#productMatrix #left, #productMatrix #right{
	width:49%; 
	top:0; 
}
#productMatrix #right{
	float:right;
}
#productMatrix #left{
	float:left;
}

#productMatrix a{color:#736;}
#productMatrix a:hover{color:#075315;}
#productMatrix a:active{color:#fec837;}

#productMatrix .product{
	border:1px solid;	
}
#productMatrix .name{
	font-size:110%;
}
#productMatrix .price{
	font-size:110%; 
	font-weight:bold;
}
#productMatrix .blurb{
	margin:0;width:100%;
}

#productMatrix .description{
	font-size:smaller;
}

#imageSwitch{
	text-align:center;
	font-size:larger;
	line-height:2;
}

#imageSwitch a:hover{
	text-decoration:none;
	color:#fec837;
}

.matrixBox{border:solid 1px; margin:1em 0; width:100%;}
.purpleBG{background-color:#c4719a;}
.greenBG{background-color:#82c471;}

div.detailsLabel{
	float:right; padding-right:0.8em; margin-bottom:3px; text-align:right;
}
div.detailsInput{
	float:right; width:160px;margin-bottom:3px;
}
div.detailsRow{
	clear:both; float:right;  width:100%;
}
#detailsForm{
	max-width:360px; line-height:20px; text-align:right; margin-top:1em;
	}
#detailsForm input.flat{
	width:160px;
}

li{
	line-height:2;
}
.buyButtons{
	border:dotted 1px;
}


/* Inherited from GeoLogic.css */
	
	h2.title{
		padding:0 0.4em 0 0.2em;
		font-family:Verdana;
		font-size:200%;
		font-weight:normal;
		margin:0;
		margin-bottom:0.8em;
		padding-top:0px;
		border-bottom:double 3px;
		max-width:600px;
	}
	
	.blurb{color:#455341; font-size:0.8em; width:38%; float:left; margin:2em 1% 0 2.5%;}
	.purpletext{color:#535145;}
	.mauvetext{color:#604145;}
	.rowr{width:50%; float:right;}
	.basket{
		float:left;
	}
	.addtobasket{text-align:right; padding:1em;color:#455341;text-decoration:none;}
	.images{width:58%; float:left; margin-bottom:1.25em;}
	.thumbs{padding:1em 0;}
	.thumb{float:left; width:30%; margin-left:3%; position:relative}

	img {border:none;}
	img.thumb{
		float:left;
		width:31.3333%;
		padding:0 1%;
	}
	img.big{
		border:none;
		width:100%;
	}
	img.image90{
		width:90px;
		border:1px solid;
		margin-bottom:3px;
	}
	img.image440{
		max-width:440px;
		border:1px solid;
		margin:auto;
		margin-bottom:3em;
		max-width:100%;
	}
	img.inText{
		width:50%;
		max-width:200px;
		border:1px solid;	
		margin:1em;
		margin-right:0;
		float:right;
	}
	
	.itemprice{font-size:200%;}
	.itemdetails{
		width:100%;
		text-align:right;
		margin-bottom:2em;
	}
	.viewbasket{
		color:#a7A783;
		text-decoration:none;
	}
	
	.basket-item{
		padding:0 0.2em 0 0;
		font-size:smaller;
	}
	.basket-cost{
		display:none;
	}
	.basket-remove{
		color:#004400;
		font-size:smaller;
	}
	.basket-total{
		font-weight:bold;
		text-align:center;
		font-size:normal	;
	}
	.basket-saving{
		font-weight:normal;
		font-style:italic;
	}
	.PnP{
		font-size:85%;
	}
	
	a.removePic{
		margin-bottom:3px;
	}
	
	.flat{
		border:1px solid #37371C;
		background-color:#fffff1;
		color:#37371C;
		padding:0 0.2em;
	}
	
	input.flat{	
		height:1.4em;
		width:20em;
	}
	.flat{
		border:1px solid #37371C;
		background-color:#fffff1;
		color:#37371C;
		padding:0 0.2em;
	}
	input.quantity{
		margin-bottom:13px;
		margin-right:3px;
		padding:0pt 0pt 0pt 2px;
		width:13px;
	}
	.comment{
		font-style:italic;
		padding:0.2em;
	}
	.commenter{
		padding-bottom:1em;
		padding-left:1.1em;
	}
	
	.paylink {
		font-weight:bold; 
		color:#a7A783;
		text-decoration:underline;
		border:none;
	}
	
	.bynote{font-size:smaller;}
	
	.trow {
		border-bottom:dotted 1px #878765;
		font-family:verdana;
		font-size:75%;
		padding:0.5EM 0;
	}
	.multiItem{
		border-bottom-style:solid;
	}
	
	li p {margin-top:0; margin-left:1em;}
	td.bold {border-bottom:black dotted 1px; padding:0.2em .2em 0;}
	td.dottedunder {border-bottom:black dotted 1px; padding:0.8em .2em 0.2em; }
	td.final {border-bottom:1px black solid; padding:1em .2em 0;}