body, td{
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
	font-size: 13px;
	color: #333;/*default colour for text*/
	padding:0;
	margin:0;}

a {text-decoration:underline;color:#1c8095;}
a:hover {color:#f76c97;}
a:active {color:silver;}
a.sel {font-weight:bold;color:#f76c97;}
img{border:0;}
h1, h2, h3, h4, h5 {margin:0.3em 12px 0.3em 12px;position:relative;color:#1c8095; }
h1 {font-size:1.4em;}
h2 {font-size:1.25em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
#menu h1 {
	font-size:3em;
	background-repeat:no-repeat;
	background-position:top left;
	margin:0.4em 24px 0em 24px;
	line-height:48px;
	}
#menu h1 span {
	margin-left:-2000px;
	visibility:hidden;
	display:none;
}
p {margin:0.5em 12px 0.5em 12px;padding:0;vertical-align:top;position:relative;color: #333;}
caption {text-align:left;margin:0.4em 12px 0.4em 12px;padding:0;}
table {margin:0.4em 10px 0.4em 10px;padding:0;vertical-align:bottom;position:relative;color:#333;}
td {text-align:left;padding:2px;margin:0;vertical-align:bottom;border-top:1px #c4e2f4 solid;font-size:0.9em;}
th {text-align:left;padding:2px;font-size:10px;color:#1c8095;}
td p {margin:0.1em 1px;padding:0;}
ol,ul {padding:0; margin:0 0 0 28px;}
li {padding:0;margin:1px 0 1px 0px;color:#333;}
ul li {}
ol li {	list-style-type: decimal;	display: list-item;}
em {font-weight:bold; font-style: normal;}
#content u {
	/*Used as an emphasis... Bad really but <em> is otherwise occupied */
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.fr {float:right;clear:right;display:inline;}
.fl {float:left;clear:left;display:inline;}
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}

body {
	/*default background*/
	background:white url(/images/backgrounds/bg_body_home.jpg)  center 10px repeat-x;
	position:relative;
	}
#footer{
	/*default background*/
	background:white url(/images/backgrounds/bg_frame_home.jpg) center 10px repeat-x;
	position:relative;
}
#footer div{	
	height:134px;
	width:760px;
	position:relative;
	border-left:1px #f76c97 solid;
	border-right:1px #f76c97 solid;
	margin:0px auto;
	/*default background*/
	background:white url(/images/backgrounds/bg_body_home.jpg) center 10px repeat-x;
	padding:1px 0;
	vertical-align:bottom;
	text-align:right;
	}
#footer p {
	text-align:center;
	position:absolute;
	bottom:1px;
	left:0;
	margin:0;
	width:760px;
	font-size:0.9em;
}

#container {
	border-left:1px #f76c97 solid;
	border-right:1px #f76c97 solid;
	background-position:center 10px;
	background-repeat:repeat-x;
	/*default background*/
	background:white url(/images/backgrounds/bg_frame_home.jpg)  center 10px repeat-x;
}

/*other stuff*/
#header,
#panel,
#menu,
#content,
#container {
	width:760px;
	margin:0px auto;
	position:relative;
	padding:1px 0;
}

#header{
	padding-top:10px;
}
#header h1{text-align:right;}
#header p.float {
	float:right;
}
#header img{margin-left:10px;}
#panel {
	height:250px;
	background:white url(/images/bg_panel_shadow.gif) center bottom repeat-x;
	padding-bottom:4px;
}
#content div.leveler{clear:both;}

#content .smallblock,
#content .impactblock,
#content .fullblock,
#content .halfblock {
	margin:10px 12px;
	padding:0;
	position:relative;
	}
#content .smallblock {
	font-size:0.9em;
	width:356px;
}	
#content .halfblock,
#content .impactblock {
	width:356px;
	position:relative;
	}
#content .fullblock {
	clear:both;
}
#content .halfblock div.img {
	width:356px;
}

#content .halfblock div.img a{
	margin:0;
	padding:0;
	display:block;
	position:relative;
}


#content .impactblock {
	background-color:#1c8095;
	color:white;
}
#content .impactblock.knights{
	background-color:#87304b;
	color:white;
}

#content .impactblock *{
	color:white;
}

#content .smallblock p,
#content .smallblock h3,
#content .smallblock div {
	margin:0.1em 0 0.1em 0;
	line-height:130%;
	padding:0;
}

#content .smallblock p {
	margin-left:128px;
	margin-bottom:1.5em;
}

#content .smallblock div.img {
	/*image container*/
	margin-right:8px;
	float:left;
	clear:left;
	display:inline;
	position:relative;
	width:120px;
	height:120px;
	z-index:100;
}
#content .smallblock div.img img {
	width:120px;
	height:120px;
}
	
#content .smallblock p.seemore {
	position:absolute;
	bottom:1px;
	right:1px;
	margin:0;
}

p.menu{
	text-align:right;
	font-size:1.1em;
}

p.menu a.cart {
	padding-right:17px;
	background:transparent url(/images/bg_cartlink.gif) right center no-repeat;
}

div.submenu {
	margin:0;
	position:relative;
	padding:0;
	background:#f9f9f9 url(/images/bg_submenu_shadow.gif) left top repeat-x;
	border-top:1px #fff solid;
	border-bottom:1px #f2f1f1 solid;
}
div.submenu p{
	text-align:right;
	font-size:1em;
	margin:0px inherit 0px inherit;
	color:dimgray;
}
div.submenu a{
	color:#68a351;
}


/*clearfix thingy */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*popupimage*/
html.popupimg, html.popupimg body,html.popupimg body table{
     margin:0;
     padding:0;
     height:100%;
     width:100%;
     border:none;
     background:white;
  }

body.popupimg table td{
   vertical-align: middle;
   text-align:center;
	margin:0;
	padding:0;
	}
	
div.mag {
	width:32px;
	height:32px;
	position:absolute;
	right:-2px;
	bottom:-2px;
	background:transparent url(/images/magicon.png) bottom right no-repeat;
}

div.magie {
	width:32px;
	height:32px;
	position:absolute;
	right:-2px;
	bottom:-2px;
	background:transparent bottom right no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/magicon.png',sizingMethod='scale');
}