/*###################
##### CSS RESET #####
###################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	height                  : 100%; /* needed for container min-height */
}
body 
{
	font-family				: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #333333;
	background-color		: #E2E2E2;
}



/*#################
#### CONTAINER ####
#################*/ 

#container{
	width					: 750px;
	margin					: 0px auto 0px auto;
	padding 				: 0px;
	text-align				: left;
	display					: block;
	border-top 				: 10px solid #FFFFFF;
	background				: url('../images/background.gif') repeat-y center;
}




/*#############
#### FONTS ####
#############*/ 

p
{
    padding                 : 5px 0px 5px 0px;
    line-height             : 1.4em;
}

h1{
	margin					: 2px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 180%;
	color					: #5D0808;

}

h2{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 150%;
	color					: #5D0808;

}

a{
	color					: #812D2D;
}

a:hover{
	color					: #CC0000;
}



/*##############
#### HEADER ####
##############*/ 

#header{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 750px;
	height					: 80px;
	background-color 		: #370404;
}


.logo{
	margin					: 28px 0px 0px 15px;
	float					: left;
}

.strapLine{
	margin					: 40px 0px 0px 15px;
	float					: left;
}

.member{
	margin					: 10px 10px 0px 0px;
	float					: right;
}


/*###############
#### TOP NAV ####
###############*/ 


#topNav{
	margin 					: 0px;
	padding 				: 0px;
	display					: block;
	width					: 750px;
	height					: 35px;
	background-color 		: #790B0B;
	border-top 				: 1px solid #FFFFFF;
	border-bottom			: 10px solid #FFFFFF;
}

#topNav ul{
	list-style 				: none;
	margin 					: 0px;
	padding 				: 0px;
	
}

#topNav ul li{
	display 				: inline;
}

#topNav ul li a{
	display 				: block;
	float 					: left;
	border-right 			: 1px solid #FFFFFF;
	height 					: 35px;
	color 					: #FFFFFF;
	text-align 				: center;
	padding					: 0px 10px 0px 10px;
	text-decoration 		: none;
	font-size 				: 12px;
	line-height				: 3.0em;
}


#topNav ul li a:hover, #topNav ul li a.selected{
	background-color 		: #5D0808;
}

	
/*################
#### LEFT NAV ####
################*/ 

#leftNav {
	float 					: left;
	margin 					: 0px;
	padding 				: 0px;
	display					: block;
	width					: 120px;
	height					: auto;
}

#leftNav ul{
	list-style 				: none;
	margin 					: 0px;
	padding 				: 0px;
	background-color 		: #812D2D;
	position				: relative;
	z-index					: 500;
}


#leftNav ul li{
	border-bottom 			: 1px solid #FFFFFF;
	background-color 		: #790B0B;
}

#leftNav ul li.USA{
	background				: #790B0B url('../images/btnUSA.jpg') top right no-repeat;
}

#leftNav ul li a{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 5px;
	width 					: 105px;
	border					: none;
	border-left 			: 10px solid #370404;
	display 				: block;
	height 					: 38px;
	color 					: #FFFFFF;
	text-decoration 		: none;
	font-size 				: 12px;
	line-height				: 3.0em;
}


#leftNav ul li a:hover, #leftNav ul li a.selected{
	background-color		: #5D0808;
	position				: relative;
}

*html #leftNav ul li a.selected{
	background-color		: #790B0B;
}


#leftNav ul li.USA a:hover{
	background				: #5D0808 url('../images/btnUSA.jpg') bottom right no-repeat;
}

#leftNav ul li a.selectedUSA{
	background				: #5D0808 url('../images/btnUSA.jpg') bottom right no-repeat;
}
	
	

#shopLink a
{
	display					: block;
	margin 					: 30px 0px 15px 0px;
	padding					: 92px 0px 0px 0px;
	text-align				: center;
	color 					: #FFFFFF;
	width 					: 120px;
	height					: 28px;		
	line-height				: 1.4em;
	background				: url('../images/shopDoor.gif') bottom right no-repeat;
}		
#shopLink a:hover
{
	color 					: #AF9898;
	background				: url('../images/shopDoor.gif') top right no-repeat;	
}	

/*		
.download{
	margin 					: 10px 0px 0px 0px;
	padding 				: 4px;
	background-color		: #FFFFFF;
	border					: none;
}	

.download:hover{
	background-color		: #AF9898;
}	


.blog{
	margin 					: 0px 0px 0px 8px !important;
	padding 				: 0px 0px 0px 15px !important;
	height					: 24px;
	line-height				: 2.0em;
	background				: url('../images/blog.jpg') bottom left no-repeat;
}	

.blog:hover{
	background				: url('../images/blog.jpg') top left no-repeat;
}	

*/
.sub {
	background				: url('../images/arrowNav.gif') right center no-repeat;
	padding-right			: 24px;
}


.arrow{
	margin 					: 5px 0px 0px 0px !important;
	padding 				: 6px 0px 0px 30px !important;
	display					: block;
	height					: 18px;
	background				: url('../images/arrow.jpg') bottom left no-repeat;
}	

.arrow:hover{
	background				: url('../images/arrow.jpg') top left no-repeat;
}	









/* get rid of the table */
#leftNav table {
	position				: absolute; 
	border-collapse			: collapse; 
	top						: 0; 
	left					: 0; 
	z-index					: 100; 
	font-size				: 1em;
}

#leftNav li:hover {
	position				: relative;
	
}

/* For accessibility of the top level leftNav when tabbing */
#leftNav a:active, #leftNav a:focus {
	background-image		: url(../images/navBkgrd.jpg);
	background-position		: left;
	background-repeat		: repeat-x;
	color					: #FFFFFF;
	
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#leftNav li:hover > a {
	background-image		: url(../images/navBtnOver.jpg);
	background-repeat		: repeat-x;
	background-position		: bottom;
	
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#leftNav li ul {
	visibility				: hidden;
	position				: absolute;
	top						: 0px;
	/* set up the overlap (minus the overrun) */
	left					: 120px;
	/* set up the overrun area */
	padding					: 0px 0px 0px 0px;
	/* this is for IE to make it interpret the overrrun padding */
	background				: transparent url(transparent.gif);
	}


#leftNav ul ul {
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 1px;
	width					: auto;
}

*html #leftNav ul ul {
	margin 					: 0px 0px 0px -10px;
}



#leftNav ul ul li a{
	line-height				: 1.4em;
	margin					: 0px 0px 0px 0px;
	padding 				: 5px 8px 5px 8px;
	height					: auto;
	background-color		: #790B0B;
	background-image		: none;
	color					: #FFFFFF;
}

#leftNav ul ul li a:hover{
	background-color		: #5D0808;
	background-image		: none;
	color					: #FFFFFF;
}

/* for browsers that understand this is all you need for the flyouts */
#leftNav li:hover > ul {
	visibility:visible;
}

/* make the second level visible when hover on first level link */
#leftNav ul a:hover ul {
	visibility:visible;
}











/*###############
#### CONTENT ####
###############*/ 

#contentFrame{
	width 					: 750px;
	min-height				: 430px;
	display					: block;	
	border-bottom			: 10px solid #FFFFFF;
}


*html #contentFrame{
	height					: 430px;
}

#content{
	width 					: 600px;
	float 					: left;
	min-height				: 420px;
	padding					: 0px 15px 20px 15px;

}

*html #content{
	height					: 430px;
}

#homeContent{
	display					: block;
	float 					: left;
	width					: 280px;
}

#homeBanner{
	display					: block;
	float 					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 300px;
}

#homeBanner span{
	display					: block;
	height					: 5px;
}



/*##############
#### FOOTER ####
##############*/ 


#footer{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 10px 0px 10px;
	width 					: 730px;
	background-color 		: #5D0808;
	height 					: 35px;
	color 					: #FFFFFF;
	font-size 				: 80%;
	line-height				: 1.5em;
	
}

#footer a{
	color					: #AF9898;
}
#footer a:hover{
	color					: #ffffff;
}



/*##############
##### MISC #####
##############*/ 


/* CONTACT FORM */
.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 350px;
}
.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 230px;
	height					: 16px;
	font-size				: 13px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 230px;
	height					: 80px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}


.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.6em;
	height					: 24px;
	width					: 80px;
	border					: 1px solid #999999;
	background-color		: #812D2D;
	cursor					: pointer
}

.submitBtn:hover{
	background-color		: #5D0808;
	color					: #FFF;
	text-decoration 		: none;
}


.tblCatalogue{
	width					: 100%;
	clear					: both;
	margin					: 20px 0px 0px 0px;
}

.tblCatalogue td{
	height					: 25px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


.tblEvents{
	width					: 100%;
	clear					: both;
	margin					: 20px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

.tblEvents td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	vertical-align			: top;
}

.eventsScheduleUK, .eventsScheduleUS{
	float					: left;
	display					: block;
	width					: 255px;
	min-height				: 200px;
	background				: #DEDEDE url('../images/bkgrndUK.jpg') top right no-repeat;
	border					: 1px solid #5D0808; 
	padding					: 100px 10px 0px 10px;
	margin					: 0px 0px 0px 0px;
}

.eventsScheduleUS{
	background				: #DEDEDE url('../images/bkgrndUS.jpg') top right no-repeat;
	float					: right
}

*html .eventsScheduleUK{
	height					: 200px;
}

*html .eventsScheduleUS{
	height					: 2000px;
}


.contactAddress{
	float					: right;
	width					: 220px;
	border					: 1px solid #5D0808; 
	background-color		: #DEDEDE;
	margin					: 0px 0px 0px 10px;
	padding					: 5px 0px 10px 5px;
	
}

.clear{
	clear					: both;
}


.imgLeft{
	float					: left;
	margin					: 0px 10px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #5D0808;  
}

.imgRight{
	float					: right;
	margin					: 0px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #5D0808;  
}




#soldItem{
	width					: 114px;
	height					: 93px;
	position				: absolute;
	margin					: -104px 0px 0px 307px;
	padding					: 0px 0px 0px 0px;
}

#soldItem2{
	width					: 114px;
	height					: 93px;
	position				: absolute;
	margin					: 1px 0px 0px 96px;
	padding					: 0px 0px 0px 0px;
}



















/*#################################
### SAFARI/IE6 HACK FOR NAV BAR ###
### KEEP AT BOTTOM OF THIS PAGE ###
#################################*/ 


#soldItem{
margin:0px 0px 0px 0px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
margin:1px 0px 0px 307px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*#soldItem{
[margin:0px 0px 0px 0px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
margin:margin:1px 0px 0px 307px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]margin:-5px 0px 0px 300px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both;/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #soldItem{
margin:-5px 0px 0px 300px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/





#soldItem2{
margin:0px 0px 0px 0px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
margin:1px 0px 0px 96px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*#soldItem2{
[margin:0px 0px 0px 0px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
margin:margin:1px 0px 0px 96px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]margin:-6px 0px 0px 97px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both;/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #soldItem2{
margin:-9px 0px 0px 97px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/