/*
	Description	:	GLI
	Author		:	Ryan Roberts - http://ryanroberts.co.uk

    
/*
	GENERAL
________________________________________________________________________________________ */

body {
x	background: url(../images/grid.png) repeat-y center top
}

img {
	display: block
}

h1, h2, h3,
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: 700;
	color: #191919;
	padding: 7px 0 5px;
	margin: 0 0 5px;
	border-top: 3px solid #191919;
	border-bottom: 1px solid #191919
}

h4, h5, h6 {
	font-weight; 700;
	padding-top: 4px;
	margin: 0 0 5px;
	border-top: none
}

	.hx a {
		font-weight: 700
	}

	h1,
	.homePage h2 {
		color: #ca0000;
		border-color: #9b0000;
		border-color: #9b0000
	}

	.privacyPage #content h3,
	.termsPage #content h3 {
		margin: 0;
		border: none;
	}

	/*
	   Some headings have images below them and need their bottom padding 
	   and border removed. Stick them below: 
	*/
	#header h3,
	#header .brand-logo,
	#products-banner h2,
	#product-listing h3,
	#products-item h1 {
		padding: 0;
		border: none;
	}

a,
a:link,
a:active,
a:visited {
    color: #ca0000
}
    
a:hover,
a:focus {
	color: #000
}
    
/*
	MAIN STRUCTURE
	The main (first level) grid structure.
________________________________________________________________________________________ */

#header {
	position: relative;
	width: 856px;
	height: 159px;
	margin: 0 auto
}


#content {
	width: 856px;
	margin: 0 auto
}

	.homePage #content {
		padding: 7px 0 0;
		border-top: 3px solid #9b0000
	}


#content-primary {
	position: relative;
}


#footer {
	position: relative;
	width: 856px;
	padding: 9px 0 0;
	margin: 15px auto;
	border-top: 3px solid #999
}
	
	
/*
	SUB STRUCTURE
	All content held "within" the first level grid structure.
________________________________________________________________________________________ */

/*	HEADER
------------------------------------- */

#header .brand-logo {
	position: absolute;
	top: 44px;
	left: -18px;
	width: 205px;
	height: 87px
}

#header .brand-logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(../images/logos/good-luck-iron.gif) no-repeat 0 0;
}

	#header .brand-logo a:hover,
	#header .brand-logo a:focus {
		background-position: 0 -91px;
	}

#brand-strapline {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#header .site-contact {
	position: absolute;
	top: 64px;
	left: 720px;
}

#header .site-contact h3 {
		line-height: .6;
}
#header .site-minicart {
	position: relative;
	top: 120px;
	left: 576px;
	color: #000000;
	height: 33px;
	width: 270px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#header .site-minicart iframe {
	width: 280px;
	height: 15px;
	text-decoration: none;
}
#header .site-minicart a {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}


/* HOMEPAGE
------------------------------------- */

#product-listing {
	margin: 15px 0 9px
}

	.homePage .product-item img {
		height: 22.5em
	}

	#product-listing h2 {
		position: absolute;
		top: -9999px;
		left: -9999px
	}


.product-item {
	float: left;
	width: 136px;
	padding: 7px 0 0;
	margin: 0 0 0 8px;
	overflow: hidden;
	border-top: 3px solid #191919
}

.product-item:hover {
	cursor: pointer;
	border-top-color: #9b0000
}

	.product-item:hover .hx {
		color: #9b0000
	}


.p1 {
	margin: 0
}


.p0 {
	margin: 0 8px 0 0
}


/* PRODUCT ITEM PAGES
------------------------------------- */

.product-price {
	color: #ca0000
}

.productItemPage .product-item img {
	height: 16em
}

#products-item {
	float: left;
	width: 568px;
	padding: 7px 0 0;
	border-top: 3px solid #9b0000
}

	#products-item img {
		width: 568px;
		min-height: 406px;
		background: #ffffcc
	}

#products-info {
	float: right;
	width: 280px;
	padding: 0 0 50px
}

.order-item {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 262px;
}


/* HOW TO ORDER
------------------------------------- */

#order-how,
#order-ways,
#order-postage {
	float: left;
	width: 280px;
	margin: 0 8px 0 0
}

	#order-postage {
		padding: 0 0 72px;
		margin: 0;
	}

	.order-meta {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 280px;
	}



/* ABOUT PAGES
------------------------------------- */

#about-gli,
#about-signatures,
#about-additional {
	float: left;
	width: 280px;
	margin: 0 8px 0 0
}

	#about-signatures {
		margin: 0;
	}

	#about-signatures img {
		margin: -23px 0 0;
	}


/* FOOTER
------------------------------------- */

#footer .brand-logo {
	float: left;
	width: 90px;
	height: 30px;
}

	#footer .brand-logo a {
		display: block;
		height: 100%;
		text-indent: -9999px;
		background: url(../images/logos/richards-tattoo.gif) no-repeat;
	}

#footer .site-info {
	float: right;
	text-align: right;
	width: 23.3em
}



/* 
	NAVIGATION
	Main and sub navigation styling 
________________________________________________________________________________________ */

#nav-main ul {
	position: absolute;
	top: 58px;
	left: 576px;
	width: 136px;
	color: #191919
}

#nav-main ul li {
}

#nav-main a:hover,
#nav-main a:focus,
#nav-main li.current-page a {
	color: #000
}



/*	MISC - KEEP THIS STUFF AT THE BOTTOM
________________________________________________________________________________________ */

.button {
	width: 262px;
	padding: 9px;
	background: #ffffcc
}

	.button .hx {
		padding: 0!important;
		margin: 0!important;
		border: none!important
	}

	.button p {
		margin: 0
	}

/*	REMOVE FROM PAGE */

.nav-access {
	position: absolute!important;
	top: -9999em!important;
	left: -9999em!important;
}


/*	FLOAT CLEARING */

p:after,
#header:after,
#content:after,
#content-primary:after,
#content-secondary:after,
#footer:after,
.nav:after,
fieldset:after,
form:after,

#product-listing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* FLOAT CLEARING FOR INTERNET EXPLODER */

p,
#header,
#content,
#content-primary,
#content-secondary,
#footer,
.nav,
fieldset,
form,

#product-listing {
	zoom: 1;
}