@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
	
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:86%;
	color:#333333;
	background-image: url(images/tile_bg.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	
}

.clearBoth {
	clear:both;
}
	
/*Elements*/
#cgOutsideBox h1 {
	font-size:2em;
	color:#06F;
}


#cgOutsideBox h3 {
	font-size:1.2em;
}

#mainColumnContent ul{
	line-height:1.5em;
	margin:10px 0 0;
	list-style-position:inside;
}

#cgLeftColumn ul{
	list-style-image:none;
	list-style:none;
	list-style-position:inside;}

#cgLeftColumn ul ul{
	list-style-image:none;
	list-style:none;
	list-style-position:inside;}
	
#comment {
	width:100%;}
	
#contact-form-comment-11 {
	width:100%;
}
	
/*Header*/

#cgHeader {
	
	width:100%;
	
}

#cgHeaderImage {
	width:760px;
	height:142px;
	background-image: url(images/header_bg.png);
	background-repeat:no-repeat;
	margin: 0 auto 0;
	text-align:center;
	position:relative;
}

#cgLogo {
	
	width:151px;
	height:141px;
	position:absolute;
	top:0px;
	left:-70px;
}

#cgLogo a {
	width:151px;
	height:141px;
	background-image: url(images/logo_bg.png);
	background-repeat:no-repeat;
	z-index:10;
	display:block;
}

/*Footer*/

#cgFooter {
	width:100%;
	clear:both;
	background-color:#06F;
	color:#FFF;
	margin-top:10px;
}

#cgFooterMenu {
	margin:0 auto 0;
	width:720px;
	text-align:center;
	padding:20px;
	
}

#cgFooter ul {
	margin-top: 10px;
}

#cgFooter li{
	display:inline;
	border:solid #009;
	border-width: 0 1px 0;
	padding: 0 5px 0;
}

#cgFooter a {
	color: #009;
	text-decoration: none;
}

#cgFooter  a:visited {
	color: #009;
	text-decoration: none;
}

#cgFooter  a:hover {
	color: #003;
	text-decoration: underline;
}


/*Top Menu Items*/
#cgTopMenu {
	width:100%;
	background-color:#000066;
	padding:2px 0 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
}

#cgTopMenu li {
	display:inline;
	margin-right:10px;
}

#cgTopMenu ul {
	list-style: none;
	width:100%;
	margin: 0 auto 0;
	text-align:center;
}

#cgTopMenu ul li a {
	text-decoration:none;
	color:#FFFFFF;
}

#cgTopMenu ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#cgBlurTile {
	background-image:url(images/blur-tile.jpg);
	background-repeat:repeat-x;
	height:8px;
	clear:both;
}

/* Bottom Menu Items */



/*Content*/

#cgOutsideBox {
	background-image:url(images/body-background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:800px;
	margin: 0px auto 0px;
	text-align:center;
	clear:both;
	position:relative;
}

#cgInsideBox {
	width:760px;
	margin:0 auto 0;
	padding:5px 0 0;
}

#cgContainer {
	margin: 0 0 0;
	padding: 0;
	text-align:justify;
}

#cgContainer p {
	margin-bottom: 1em;
	color:#333333;
	line-height: 1.5em;
}

#cgContainer a {
	color: #009;
	text-decoration: none;
}

#cgContainer  a:visited {
	color: #009;
	text-decoration: none;
}

#cgContainer  a:hover {
	color: #003;
	text-decoration: underline;
}

img{
	border-style:none;
}

#mainColumnContent h2{
	margin-top:15px;
	margin-bottom:5px;
	font-size:1.4em;
}

.priceTable {
	width:100%;
}

.blue {
	background-color:#00F;
	color:#FFF;
	text-align:center;
}

#cgLinksPage ul{
	
}

#cgLinksPage ul li{
	list-style-image:none;
	list-style-type:none;
	list-style: none;
}

#cgLinksPage h2 {
	font-size:1em;
	margin-top:10px;
}
	


/*Columns*/

#sidebar {
	width:180px;
	padding: 0.4em;
}

.topLine{
	width:180px;
	margin:0 0.4em 0.4em;
}

#cgLeftColumn {
	width:200px;
	float:left;
	margin: 20px 0 0;
	text-align:left;
}

#cgMainColumn {
	width:560px;
	float:right;
	padding-top:3px;
	
}

#mainColumnContent {
	float:right;
	width:100%;
	}

/*Boxes on left-hand side of zencart*/
.leftBoxContainer{
	margin: 0 0 1em 0;
	width: 180px;
}

#navSuppWrapper {
	clear: both;
}

/*.leftBoxContainer h3, .leftBoxContainer h2{
	border-bottom:1px solid #000;
	margin: 0;
	padding: 3px;
	font-size:1.2em;
}*/

#cgLeftColumn h3, #cgLeftColumn h2 {
	border-bottom:1px solid #000;
	margin: 0;
	padding: 3px 0;
	font-size:1.2em;}

#cgLeftColumn li {
	margin: 0.3em 0 0;
}

#sideBoxSearchButton {
	background-color:#06f;
	color:#FFF;
	margin-top:3px;
}

#categoriesContent a {
display:block;
margin:0.3em 0 0;}

/*tables*/

.sizeTable{
width:100%;	
}

.sizeTable td{
padding:3px;	
}

.grey{
	background-color:#CCC;
}

.colourTable {
	width:100%;
}

.colourTable td{
	padding:5px;
	text-align:center;
	width:20%;
}