@import url(textStyles.css);
@import url(tableStyles.css);
@import url(styleAdjusters.css);
@import url(formStyles.css);
@import url(social.css);
@import url(gallery.css);

html {
	height: 100%;
}

/* Zero default margin & padding around common elements */
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, ol, li
{
	margin: 0;
	border: 0 none transparent;
	padding: 0;
}

p {
	margin-top: 0px;
}

body {
	background: #767676 url(/img/structure/webtile2.gif);
	padding: 0;
	margin: 0 auto;
	height: 100%;
	color: #000000;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
	
a {
	color: #D02D2F;
	text-decoration: none;
}

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

a.lightLink {
	color: #ECF9FF;
	text-decoration: none;
}

a.lightLink:hover {
	color: #D8F2FF;
	text-decoration: none;	
}

.fade {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	cursor: pointer;
}

.fade:hover {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

#mainContainer {
	min-height: 100%;
	margin: 0 auto;
	padding: 0px;
	max-width: 950px;
	background: #FFFFFF;
	border-left: 2px solid black;
	border-right: 2px solid black;	
}

	#headlineDiv {
		background: #CB0414 url(/img/structure/header-bg.gif) repeat-x;
		height: 84px;
		padding: 0px;
		margin: 0px;
		font-family: Trebuchet MS, Gill Sans, Arial, Helvetica, sans-serif;
	}

		#headlineDiv img.logo {
			padding: 0 0 0 15px;
			float: left;
		}
		
		#headlineDiv div.search {
			width: 200px;
			float: right;
			text-align: right;
		}

		#headlineDiv div.search form {
			position: relative;
			top: 20px;
			right: 10px;
		}

		#headlineDiv div.search form input {
			font-size: 1em;
			margin: 5px;
			border: 1px solid black;
		}

		#headlineDiv div.search form input.button {
			float: right;
			border: 0px;
			margin: 0 5px 0 0;
		}
		
	#topNav {
		background: #7c1b1c;
		width: 100%;
		margin: 1px 0 0 0;
	}
	
		#topNav ul {
			margin: 0 0 0 15px;
			list-style: none;
			padding: 0 0 2px 0;
		}
		
		#topNav ul li {
			display: inline;
			margin-right: 30px;
		}

		#topNav ul li img {
			border: 0px;
			vertical-align: middle;
		}

		#topNav ul li a {
			color: #d6c339;
			font-weight: bold;
			font-size: 0.9em;
		}

		#topNav img.pacMan {
			display: inline;
			position: relative;
			float: right;
			top: -18px;
			right: 217px;
			margin-bottom: -18px;
		}
		
	#contentDiv {
		float: left;
		text-align: left;
		width: 73%;
		padding: 0 5px 0 15px;
	}

	#headerText {		
		background: #000000;
		width: 100%;
		margin: 5px 0 15px 0px;
		color: #ffffff;
		font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
		font-style: italic;
		height: 60px;
	}
	
	#headerText h1 {
		margin-left: 10px;
		padding-top: 7px;
		font-size: 2em;
		line-height: 1em;
	}


	#headerText p {
		font-size: 1em;
		margin-left: 10px;
	}
	
	#breadCrumb {
		font-size: 0.8em;
		margin: 0 0 0 0px;
	}

	/* FRONT PAGE STYLES */
	#frontPageHeaderText {
		background: url(/img/structure/homepage-header-bg.gif) repeat-x;
		height: 71px;
		margin: 12px 0 30px 0;
		border: 1px solid black;
	}

	#frontPageHeaderText div.bg {
		color: #f3f1f1;
		display: block;
		background: url(/img/structure/homepage-header-image.jpg) no-repeat right;
		width: 100%;
		height: 51px;
	}
	
	#frontPageHeaderText div.bg h1 {
		padding: 6px 0 3px 10px;
		font-size: 1.7em;
		font-weight: normal;
	}

	#frontPageHeaderText div.bg p {
		padding: 0px 0 0 11px;
		color: #f3f1f1;
		font-size: 1em;		
	}
	
	#frontPageHeaderText	p {
		padding: 0 10px 0 10px;
		color: #000000;
		font-size: 0.7em;
	}
	
	#frontPageDiv {
		background: url(/img/structure/pong-machine.jpg) right top no-repeat;
		margin: 0 0 20px 0;
	}
	
		#frontPageDiv h2 {
			font-family: Georgia, Palatino;
			font-size: 3.5em;
			font-weight: normal;
			margin: 0 0 20px 0;
			padding: 3	0px 0 0 0;
		}
		
		#frontPageDiv p {
			padding-right: 200px;
			font-size: 1em;
			margin: 0 0 0 5px;
		}

		#frontPageDiv p a.retro {
			color: #555555;
		}

		#frontPageDiv p a.retro:hover {
			color: #919191;
		}
		
		#frontPageDiv div {
			background: #f3f1f1;
			margin: 25px 210px 0 0px;
			border-top: 4px solid #d9d7d7;
			border-bottom: 4px solid #d9d7d7;
			border-left: 1px solid #d9d7d7;
			border-right: 1px solid #d9d7d7;
			padding: 0 5px 0 5px;			
		}

		#frontPageDiv div h3 {
			font-size: 1em;
		}

		#frontPageDiv div h4 {
			font-size: 0.85em;
		}

		#frontPageDiv div p {
			font-size: 0.75em;
			margin: 2px 2px 6px 2px;
			padding: 0px;
		}

		.frontPageBlocks h3 {
			font-size: 1em;
			margin: 0 30px 10px 0;

		}
	
	/* SIDE MENU PAGE STYLES */
	#menuDiv {
		float: right;
		text-align: left;
		width: 22%;
		padding: 0 0 0 10px;
		margin: 0px;
		background: url(/img/structure/sidebarBG.gif) repeat-y;
	}
		
		#menuDiv h2 {
			background: url(/img/structure/sidebarTitle.gif) repeat-y;
			position: relative;
			left: -13px;
			padding: 12px 0 0 12px;
			text-align: center;
			font-size: 0.9em;
			margin: 15px 0 10px 0;
		}
		
		#menuDiv form {
			width: 100%;
			font-size: 1em;
			clear: both;
		}
		
		#menuDiv form ol {
			margin: 0px;
			list-style: none;
		}
		
		#menuDiv label {
			width: 6em;
			margin-right: 0px;
			font-size: 0.9em;
			font-weight: bold;
		}
		
		#menuDiv label.right {
			text-align: left;
			margin-left: 0.5em;
			font-size: 0.9em;
			font-weight: bold;
		}		
		
		#menuDiv input.text {
			width: 110px;
			font-size: 0.8em;
			border: 1px solid black;
			margin-bottom: 8px;
		}

		#menuDiv input.button {
			float: right;
			padding-right: 22px;
		}		

		#menuDiv input.checkBox {
			float: left;
			width: 15px;
		}
		
		#menuDiv ul {
			clear: both;
			list-style: none;
			padding: 0px;
			margin: 0px;
			font-size: 0.85em;
			font-weight: bold;
		}
		
		#menuDiv ul li img {
			border: 0px;
			vertical-align: middle;
			margin: 2px 5px 2px 0;
		}

		#menuDiv ul li form input.buttonAsLink {
			border: 0px;
			background: #FFFFFF;
			color: #D02D2F;
			cursor: pointer;
			font-weight: bold;
			padding: 0px;
			text-align: left;
			font-size: 0.85em;
		}

		#menuDiv ul li form input.buttonAsLink_hover {
			border: 0px;
			background: #FFFFFF;
			color: #E29B9B;
			cursor: pointer;
			font-weight: bold;
			padding: 0px;
			text-align: left;
			font-size: 0.85em;
		}

	/* FOOTER PAGE STYLES */		
	#footer {
		clear: both;
		border-top: 1px solid #cccccc;
		padding: 0px;
		margin: 0px;
		text-align: center;
		font-size: 0.85em;
	}

		#footer p {
			margin: 0px;
		}
		
		#pageNav {
			text-align: right;
			padding: 0px;
			margin: 10px 10px 0 0;		
		}
	

.colourBlock {
	width: 20px;
	height: 20px;
}

/* PRODUCT ITEM GRID PAGE STYLES */
.itemGrid {
	float: left;
	width: 100%;
	clear: both;
	margin: -7px 0 0 0px;
}
	.itemGrid div {
		border: 1px solid black;
		float: left;
		width: 155px;		
		margin: 0.3em;
	}

	.itemGrid h2 {
		font-size: 0.7em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
	}

	.itemGrid img {
		border: none;
		display: block;
		text-align: center;
	}	


/* PRODUCT REVIEW GRID PAGE STYLES */
.reviewGrid {
	float: left;
	width: 100%;
	clear: both;
	margin: -7px 0 0 0px;
}
	.reviewGrid div {
		border: 1px solid black;
		float: left;
		width: 16em;
		height: 13em;
		margin: 0.6em;
	}

	.reviewGrid a {
		float: left;
	}	
	
	.reviewGrid p {
		font-size: 0.8em;
		float: left;
	}

	.reviewGrid p.summary {
		width: 100%;
		clear: both;
		padding: 2px 0 0 5px;
		line-height: 1.35em;
	}
	
	.reviewGrid p a {
		float: none;
	}
		
	.reviewGrid h2 {
		font-size: 0.7em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 0 0 5px 0;
	}

	.reviewGrid img {
		border: 1px solid black;
		display: block;
		margin: 0 10px 0 5px;
		text-align: center;
	}		

/* PRODUCT STYLES */
.productDiv {
}

	.productDiv div.col1 {
		width: 235px;
		float: left;
	}
	
	.productDiv div.col2 {
		margin-left: 240px;
	}
	
	.productDiv div.productImages {
		float: left;
		text-align: center;
		margin: 0 1em 1em 0;
	}
	
	.productDiv img {
		border: 1px solid black;
		display: block;
		margin: 0 0.5em 0.5em 0;
		float: left;		
	}
	
	.productDiv p {
		font-size: 0.8em;
		line-height: 1.8em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: justify;
		margin: 0 0 1em 1em;
	}

	.productInfo {
		border: 1px solid #767676;
		float: right;		
		max-width: 400px;
		margin: 0px;
		padding: 5px;
		display: block;
	}
	
		.productInfo p.price {
			float: left;
			text-align: left;
			font-size: 2em;
			font-weight: bolder;
			margin: 0 20px 0 0;
			padding: 0px;
			font-family: Arial, Helvetica, sans-serif;
		}
	
		.colours {
			margin: 0 0 10px 0;
			padding: 0px;
			width: 100%;
		}
		
		.colours p {
			float: left;
			margin: 0px;
		}
		
		.colours ul {
			float: left;
			margin: 2px 0 10px 0;
			padding: 0px;
			list-style: none;
		}
		
		.colours ul li {
			clear: none;
			display: inline;
			float: left;
			width: 15px;
			height: 15px;
			border: 1px solid black;
			margin-left: 5px;
		}
	
		.productInfo p.colours img {
			display: inline;
			margin: 0px;
			padding: 0px;
			float: none;
			vertical-align: middle;
		}
	
		.productInfo img {
			border: 0px;
		}
		
		.productInfo form {
			float: left;
			width: 150px;
			font-size: 0.8em;
		}
		
		.productInfo ol {
			list-style: none;
		}
		
		.productInfo ol li {
			display: inline;
		}

		.productInfo form select {
			font-size: 1em;
			border: 1px solid black;
		}
		
		.productInfo form input {
			font-size: 0.9em;
			border: 1px solid #999999;
		}

		.productInfo form input.button {
			float: right;
			margin: 5px 1px 0 0;
		}
		
/* RELATED INFO */
.relatedInfo {
	clear: right;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

	.relatedInfo p {
		font-size: 0.7em;
		text-align: right;
		margin: 0px;
		padding: 0px;
	}
		
/* ALSO AVAILABLE */
.alsoAvailable {
	float: left;
	width: 233px;
	clear: both;

	font-family: Arial, Helvetica, sans-serif;
}		
	.alsoAvailable p {
		font-size: 1em;
		font-weight: bold;
		margin: 0px;
	}
	
	.alsoAvailable ul {
		clear: both;
		float: left;
		list-style: none;
		padding: 0px;
		margin: 0px;
		font-size: 0.85em;
		font-weight: bold;
	}
	
	.alsoAvailable ul li img {
		float: left;
		border: 1px solid black;
		vertical-align: middle;
		margin: -10px 10px 0 -10px;
	}

	.alsoAvailable ul li {
		padding: 10px;
		float: left;
		width: 100%;
	}

/* CUSTOMERS ALSO BOUGHT */
.alsoBought {
	clear: both;
	margin: 0px;
	width: 233px;
	font-family: Arial, Helvetica, sans-serif;
}		
	.alsoBought p {
		background: #767676;
		color: #FFFFFF;
		font-size: 0.85em;
		font-weight: bold;
		margin: 0px;
		padding-left: 5px;
	}

	.alsoBought div {
		margin: 10px 0 20px 0;
		padding: 0px;
		font-size: 0.85em;
		line-height: 1.5em;
		clear: both;
	}
	
	.alsoBought img {
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid black;
	}
	
	.alsoBought h3 {
		font-size: 1em;
	}

/* RECENTLY VIEWED PRODUCTS */
.sidebarProductList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	.sidebarProductList {
		clear: both;
		height: 65px;
	}

	.sidebarProductList img {
		float: left;
		border: 1px solid black;
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	
	.sidebarProductList p {
		font-size: 0.85em;
		font-weight: bold;
		margin: 0px;
	}
	
/* SEARCH STYLES */
.searchResults {
	width: 100%;
	font-size: 0.8em;
}

	.searchResults ul {
		margin: 0px;
		list-style: none;
		padding: 0px;
	}

	.searchResults ul li {
		padding: 0px;
		margin: 0px;
		clear: both;
	}

	.searchResults ul li a img {
		float: left;
		padding: 0px;
		margin: 0px;
		border: 1px solid black;
		margin: 0 10px 0.5em 0;
	}
	
	.searchResults ul li p {
		text-align: justify;
		padding: 0px;
		margin-bottom: 25px;
	}

	
.searchCategories {
	border: 1px dotted black;
	float: left;
	width: 100%;
}
	
	.searchCategories p {
		font-weight: bold;
		color: #ffffff;
		width: 100%;
		background-color: #99030f;
		margin: 0px;
	}

	.searchCategories ul {
		list-style: none;
		margin: 0 0 0 5px;
		padding: 0px;
	}

	.searchCategories ul li {
		margin: 0px;
		font-size: 0.7em;
		text-align: center;
		float: left;
	}

	.searchCategories ul li a {
		text-align: center;
	}
		
	.searchCategories ul li img {
		margin: 0px;
		border: 1px solid black;
		text-align: center;
		margin: 0 1.8em 0 1.8em;		
	}	
	
	
/* REVIEW STYLES */
.productReview {
	clear: right;
	border: 1px solid black;
	margin: 15px 0px 0 10px;
}

	.productReview h2 {
		background-color: #CB0414;
		color: #ffffff;
		font-size: 0.9em;
	}
	
	.productReview h3 {
		margin: 0 0 0 5px;
		font-size: 0.85em;
	}
	
	.productReview p.rating {
		text-align: right;
		margin: 0px;
		padding: 1px;
		display: block;
	}

	.productReview p.rating img {
		margin: 1px;
		padding: 0px;
		border: 0px;
	}
	
	.productReview p.reviewBody {
		margin: 0px;
		background-color: #FAEBEB;
	}

	.productReview p.reviewFooter {
		margin: 0px;
		background-color: #7c1b1c;
		color: #ffffff;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.3em;		
		padding: 2px 5px 2px 0;
		height: 1.5em;
	}

	.productReview p.reviewFooter span.left {
		float: left;
		margin: 0 0 0 5px;
	}

	.productReview p.reviewFooter span.right {
		float: right;
		margin: 0;		
	}
	
	.productReview p.reviewFooter a {
		color: #d6c339;
	}

	.productReview p.reviewFooter a:hover {
		color: #E2D578;
	}
	
	.productReview div.reviewImage {
		float: right;
		margin: 0 0 0 20px;
	}

	.productReview div.reviewImage img {
		border: 1px solid black;
	}
	
	.productReview p img {
		float: none;
		margin: 0 2px 0 0;
		display: inline;
	}

	.productReview p {
		font-size: 0.8em;
		margin: 0 5px 0 5px;
		text-align: left;
		line-height: 1.6em;
	}

	.productReview p.reviewLink {
		font-size: 0.8em;
		margin: 0 5px 0 0;
		text-align: right;
	}
	

/* BLOG STYLES */
.blogPostBody {
	float: left;
	padding: 0 0 15px 0;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 10px 30px 10px;
	text-align: justify;
	border-bottom: 1px solid black;
	width: 98%;
}

.blogPostBody div.blogPostDate {
	background: url(/img/elements/calendar.gif) no-repeat;
	float: left;
	width: 49px;
	padding: 0 15px 5px 0;
	text-align: center;
}

	.blogPostBody div.blogPostDate p.month {
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		margin: 2px 0 0 -2px;
	}

	.blogPostBody div.blogPostDate p.day {
		font-size: 24px;
		font-weight: bold;
		margin: 3px 0 0 -2px;
	}

	.blogPostBody div.blogPostDate p.year {
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 0 -2px;
	}
	

.blogPostBody div.blogAuthor {
	float: right;
	width: 250px;
	margin: 0px;
	text-align: justify;
	border: 1px solid black;
}

	.blogPostBody div.blogAuthor h3 {
		background-color: #CB0414;
		color: #ffffff;
		font-size: 0.9em;
	}

	.blogPostBody div.blogAuthor div.content {
		margin: 0px;
		padding: 0 10px 10px 10px;
	}

	.blogPostBody div.blogAuthor div.content p.name {
		font-size: 1em;
		font-weight: bold;
		text-align: right;
		margin: 0px;
	}

	.blogPostBody div.blogAuthor div.content img {
		padding: 0px;
		margin: 0 10px 0 0;
		float: left;
	}

	.blogPostBody div.blogAuthor div.content span.bio {	
		font-size: 0.85em;
		line-height: 1.7em;
	}

.blogPostBody h1 a {
	color: #3F68A1;
}

.blogPostBody h1 a:hover {
	text-decoration: underline;
	color: #347288;
}

.blogPostBody h1 {
	margin-bottom: 10px;
	line-height: 1.3em;
}

.blogPostBody img {
	margin: 15px;
	border: 1px solid black;
}

.blogPostBody div.socialBookmarks {
	clear: both;
	margin: 0 0 25px 0;
	float: left;
	width: 385px;
}

.blogPostBody div.socialBookmarks p {
	padding: 0 0 0 5px;
}

.blogPostBody form {
	clear: left;
	width: 385px;
}

.blogPostBody form li p {
	margin: 0 0 0 11.5em;
}

.blogPostBody form label strong {
	position: absolute;
	left: 22em;
	width: 32em;
	font-size: 0.85em;
	color: #aa2f2f;
	font-weight: normal;
	line-height: 1.4em;
}

div.comments {
	float: left;
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid #767676;
	background: url(/img/elements/fieldset_gradient.gif) #f1f1f1 repeat-x;
	width: 100%;
	clear: both;
}

div.commentsAdmin {
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid #767676;
	background: url(/img/structure/commentsBG.gif) #f1f1f1 repeat;
	width: 100%;
	clear: both;
}

div.comments p.name, div.commentsAdmin p.name {
	font-size: 0.85em;
	margin: 0px;
	padding: 0px;
}

div.comments p.body, div.commentsAdmin p.body {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}


.summary {
	width: 40%;
	font-size: 0.8em;
	float: right;
	display: block;
	line-height: 1.5em;
}
	.summary ul {
		list-style: none;
	}
	

	
hr {
	width: 95%;
	height: 1px;
	color: Black;
}

/* MEMBER ADDRESSES */
.memberAddress {
	border: 1px solid black;
	float: left;
	margin: 20px;
	padding: 10px;
	width: 35%;
	height: 250px;
	background-color: #F3F3F3;
}

	.memberAddress p.options {
		border-top: 1px solid black;
		text-align: center;
		padding: 10px 0 0 0;
		margin: 10px 0 0 0;
	}

	.memberAddress p.options a img {
		border: 0px;
		padding: 0 12px 0 12px;
	}	


a.buttonLink {
	padding: 0 15px 0 15px;
	background-color: #d4d0c8;
	border: 1px solid black;
	color: Black;
	margin: 2px;
	font-size: 0.85em;
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}


.clear {
	display: block;
	clear: left;
}