html, body {margin:0; padding:0; height:100%;}
body, p, h1, h2, h3, h4, h5, h6, ol, ul, li, pre, input, select, table, th, td, a, dt, b {
	font-family:'Open Sans', Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	font-weight:400;
	background:#fff;
	text-align:left;
}
body {margin:20px;}
p, h1, h2, h3, h4, h5, h6 {margin:1.2em 0em 1.2em 0em;}
img {border-width:0; display:block;}
b {font-weight:600;}
dl {list-style-type:none; overflow:hidden; margin:0; padding:0;}
dt {text-align:right; margin:5px 0 5px 0;}
.clearfix {overflow:auto; height:100%; display:inline-block;}
.nospace {margin-top:0;}
.hide {display:none; visibility:hidden; width:0; height:0;}
.indent {margin-left:4em; margin-right:6em;}
small, small a {font-size:11px;}


/* LAYOUT */
#col1 {
	float:left; 
	clear:none;
	padding-right:10px;
	width:150px;
	border-right:solid 6px #eee;
}
#logo {
	width:150px;
	height:112px;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
	background-position:top right;
}
#col2 {
	float:left; 
	clear:none;
	width:780px;
	margin:0 0 0 80px;
}
#footer {
	float:left; 
	clear:left;
	height:60px;
	margin:120px 0 20px 0;
	padding-top:10px;
	color:#999;
	border-top:solid 6px #eee;
}


/* BOX MENU */
dl.boxes dt {
	float:left;
	clear:none;
	margin:0;
	color:#333;
	background:#fff;
	width:150px;
}
dl.boxes a {
	margin:0;
	display:block;
 	padding:3px 3px 3px 0;
	text-decoration:none;
	text-align:right;
	font-weight:600;
}
dl.boxes a:link, dl.boxes a:visited {
	color:#333;
	background:#fff;
}
dl.boxes a:hover, dl.boxes a:active {
	color:#333; 
	background:#eee;
}



/* CUSTOMISE */
.panel-left, .panel-right, .panel-full {
	float:left;
	width:350px;
	margin-bottom:20px;
}
.panel-left {
	clear:left; 
	margin-right:10px;
}
.panel-right {
	clear:none; 
	border-right:solid 6px #eee;
	padding-right:20px;
}
.panel-full {
	width:100%;
}
.panel {
	clear:left;
	border-right:solid 6px #eee;
	padding-right:20px;
}
.panel-break {
	clear:left;
}

p.first {
	margin-top:0px;
}

h1 {
	font-size:42px;
	color:#ddd;
	font-weight:800;
	text-transform:uppercase;
	margin:0 0 10px -2px;
	line-height:100%;
}


/* LINKS */
a, a:link, a:visited, a:hover, a:active {color:#444499; text-decoration:none; font-size:100%;}
a:hover, a:active {background:#eee;}


/* BRICK */
.brick {
	float:left;
	position:relative;			/* for child absolute position */
	width:200px;
	height:260px;
	margin-right:20px;
	margin-bottom:20px;
	background:#fff;
	padding:0;
}
.brick img {
	display:block;
	width:200px;
	height:200px;
}
.brick .caption {
	width:200px;
	height:60px;
}

.brick .caption p {
	padding:4px;
	margin-top:0;
	color:#000;
	background:#eee;
	font-size:0.8em;
	font-weight:600;
}


/* SHOPPING CART */
.cartform {
	padding-bottom:10px;
}
.cart {
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	margin-top:8px;

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:2px solid #dcdcdc;
}
.cart:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.cart:active {
	position:relative;
	top:1px;
}