@import url("cssReset.css");

/*
NOTES----
-the logo text colour is #4e21b8


---
*/
html, body {
	height: 100%;
}
body {
	background:#fff;
	padding:0px;
	margin-top:-15px;
	text-align:center;
}

td {
	vertical-align:top;
	padding:2px;
}
#container {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	margin-top:0px;
}
#topSmall {
	text-align:center;
	padding:25px 5px 0px 0px;
	background:#fff;
}

/*navigation*/
#topNav {
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	text-align:center;		
	background:#fff url(../images/navTear.jpg) bottom repeat-x;
}
#topNav ul li{
	display:inline;
	margin:0px 10px 0px 10px;
}

#topNav ul {
	padding-top:20px;
}
/*containers*/
#mainContainer {
	margin:20px auto 20px auto;
	width:800px;
	
}
#pageDesc {
	padding-bottom:5px;
	font-size:1.5em;
	margin:5px;
}
#mainHeading {
	text-align:left;
	vertical-align:top;
	width:800px;
}

#productsContainer {
	margin:auto auto;
	width:800px;
}
.product {
	float:left;
	width:384px;
	height:270px;
	margin:5px;	
	overflow:inherit;
	float:left;
}

.productTable {
	width:100%;
}
.productHeading {
	font-size:2em;
	padding-top: 5px;
	padding-bottom: 5px;
	height:20px;color:#4e21b8;
	text-align:center;
}
.productDescription {
	vertical-align:top;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.productThumb {
	width:62px;
	text-align:center;
}
.craft .productThumb{
width:100%;
}
.productThumb img{
	border:1px solid #CCCCCC;
	padding:10px;
}
.productPrice {
	color:#4e21b8;
	font-size:2.8em;
	text-align:right;
}
#footer {
	background:url(../images/tear-btm.jpg) top repeat-x;
	background-color:#fff;
	width:100%;
	text-align:center;
	margin:auto;
	height: 50px; /* .push must be the same height as .footer */
}
#footer p{
padding-top:15px;
}
.clearBoth {
	clear:both;
}
th {
	text-align:right;
	vertical-align:top;
	padding-right:5px;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.push{
	height: 50px;
}
/* TEXT STYLES */
body{
	font-size:10px;
	font-family: /*Tw Cen MT,*/ Lucida, sans-serif;
}
h1{
	padding-left:2px;
	font-size:3.3em;
}
h2{
	font-size:2.0em;
}
strong {
	color:#4e21b8	;
}
strong.black {
	color:#000000;
}

ul.showDot {
	font-size:1.2em;
	list-style-image:url(../images/tick.gif);
	line-height:1.5em;
	list-style-position:inside;
}
/*top nav*/
#topNav {
	font-size:2em;
}

/*links*/
a{ text-decoration:none;}
a:link {
	color:#000;
}
a:visited {
color:#000;
}
a:hover {
color: #4e21b8;;
}
a:active {
}
.topNav ul{
margin:20px;
}