*  {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 76% Arial, Verdana, "Trebuchet MS", Tahoma, Sans-serif;
	color: #333;
	background: #ed1720 url(/images/bgrounds/body.jpg) repeat-x;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #bf0d13; text-decoration: none; }
a:active { color: #000; text-decoration: underline;}

#content ul { margin: 0 0 1em 20px; }
#content ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 20px; 
	background: url(/images/icons/arrow.gif) no-repeat 4px 4px;
}

p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}

img { border: 0; }
.img-l { margin: 0 10px 0 0; float: left; }
.img-r { margin: 0 0 0 10px; float: right; }
.img-l, .img-r, .img-c { margin-bottom: 10px }
.img-c { margin-left: 0px; }
.img-bdr { padding: 1px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	color: #bf0d13;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; color: #ed1720; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 span, h2 span, h3 span {
	display: none;
}

p {
	margin: 0 0 1em 0;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #eee;
	background-color: #fff;
	margin: .5em 0 !important;
	margin: 0;
}

#header {
	position: relative;
	width: 962px;
	height: 145px;
	background: url(/images/bgrounds/header.jpg) no-repeat;
}

#header .logo {
	position: absolute;
	top: 0;
	left: 66px;
	display: block;
	width: 440px;
	height: 85px;
}

#container {
	margin-left: 35px;
	width: 927px;
	
}

#intro {
	padding: 35px 440px 0 40px;
	width: 447px;/* 927 */
	height: 149px;/* 184 */
	background: url(/images/bgrounds/intro.jpg) no-repeat;
	font-size: 1.1em;
}

#main {
	width: 927px;
}
#main-l, #main-r {
	float: left;
	display: inline;
}
#main-l {
	width: 250px;
	margin-right: 10px;
	
}
.submenutop {
	background: url(/images/bgrounds/main-l.gif) no-repeat;
	padding-top: 22px;
}
/*.col-1 #content {
	padding: 0;
	background: none;
}*/
#main-r {
	width: 667px;
	background: url(/images/bgrounds/main-r.gif) no-repeat;
	padding-top: 21px;
}

#content {
	background: #fff url(/images/bgrounds/content.gif) no-repeat bottom left;
	padding: 0 30px 25px 30px;
	line-height: 1.6em;
}
#home #content {

	/* 
	original: prior to christmas offer.
	background-image: url(/images/bgrounds/content-home.jpg);
	padding-right: 380px;*/

	/*background-image: url(/images/bgrounds/chrissy-offer.gif);*/
	background-image: url(/images/bgrounds/content-home.jpg);
	padding-right: 380px;
	position:relative;
}
#home #content img {
	position:absolute;
	top:-21px;
	left:300px;
}

.submenu {
	background: #fdd593 url(/images/bgrounds/submenu.gif) no-repeat bottom left;
	padding-bottom: 17px;
	margin-bottom: 15px;
}
.submenu h2 {
	padding-left: 20px;
	color: #bf0d13;
}
.submenu li.current a, .submenu li.current a:link, .submenu li.current a:visited, .submenu li.current a:active {
	background-color: #fff;
	color: #ed1720;
	font-weight: bold;
	text-decoration: none;
}
.submenu h2 a, .submenu h2 a:link, .submenu h2 a:visited, .submenu h2 a:hover, .submenu h2 a:active {
	color: #bf0d13;
}
.submenu li a, .submenu li a:link, .submenu li a:visited, .submenu li a:active {
	border-bottom: 1px solid #fde4ba;
	padding: 5px 10px 5px 20px;
	display: block;
	color: #bf0d13;
	background-color: #fdd593;
}


/*<li><a href="" title="Request a Catalogue" class="requestcat" >Request a Catalogue</a></li>
<li><a href="" title="Download Catalogue"  class="downloadcat">Download Catalogue</a></li>
<li><a href="" title="Download Pricelist" class="downloadprice">Download Pricelist</a></li>
<li><a href="" title="Software Demos" class="softwaredemos">Software Demos</a></li>
<li><a href="" title="Magazine Subscription" class="magsub">Magazine Subscription</a></li>*/

#homemenu li a, #homemenu li a:link, #homemenu li a:visited, #homemenu li a:active {
	padding: 22px 10px 21px 95px;
}
#homemenu li a.requestcat, #homemenu li a.requestcat:link, #homemenu li a.requestcat:visited, #homemenu li a.requestcat:active { background: url(/images/icons/request-catalogue.gif) no-repeat 37px 50%; }
#homemenu li a.downloadcat, #homemenu li a.downloadcat:link, #homemenu li a.downloadcat:visited, #homemenu li a.downloadcat:active { background: url(/images/icons/download-catalogue.gif) no-repeat 37px 50%; }
#homemenu li a.downloadprice, #homemenu li a.downloadprice:link, #homemenu li a.downloadprice:visited, #homemenu li a.downloadprice:active { background: url(/images/icons/download-pricelist.gif) no-repeat 37px 50%; }
#homemenu li a.softwaredemos, #homemenu li a.softwaredemos:link, #homemenu li a.softwaredemos:visited, #homemenu li a.softwaredemos:active { background: url(/images/icons/software-demos.gif) no-repeat 20px 50%; }
#homemenu li a.magsub, #homemenu li a.magsub:link, #homemenu li a.magsub:visited, #homemenu li a.magsub:active { background: url(/images/icons/magazine-subscriptions.gif) no-repeat 32px 50%; }




.submenu li a:hover, #homemenu li a.requestcat:hover, #homemenu li a.downloadcat:hover, #homemenu li a.downloadprice:hover, #homemenu li a.softwaredemos:hover, #homemenu li a.magsub:hover {
	background-color: #fcc576;
}

.contactblock {
	padding: 0 15px;

}
#main-l h3 {
	color: #fdd695;
}
#main-l p, .contactblock a, .contactblock a:link, .contactblock a:visited, .contactblock a:hover, .contactblock a:active {
	color: #fff;
}
#footer {
	
}

#boxes {
	margin-top: 10px;
}


#nav {
	text-align: left;
	background: url(/images/bgrounds/nav.gif) no-repeat;
	height: 49px;
	margin: 0 0 0 35px;
	padding: 17px 0 0 0px;
}
  
#tabnav { 
	float: left; 
	width: 100%;
	white-space: nowrap;
	margin: 0 0 0 0;
	padding: 0 0 0 0; /* same as amount of graphic 'bottom' if any */
	/*background: transparent url(/images/bgrounds/bg-tabnav.gif) repeat-x left bottom;*/
}
  
#tabnav ul.toplevel {
    margin: 0 0 0 30px;
    padding: 0 0 0 0;
    list-style: none !important;
    background: transparent;
}
  
#tabnav li {
    float:left;
    background: transparent url(/images/bgrounds/bg-tab-left.gif) no-repeat left top;
	 /*background-image: url(/images/bgrounds/header.jpg);*/
    margin: 0;
    padding: 0 0 0 6px;
	 margin-right: 2px;
   /* border-bottom: 1px solid #f00;  matches 1px underlining of nav */
    list-style: none !important;
}
  
#tabnav span.content {
    float: left;
    display: block;
    width: .1em;
    background: transparent url(/images/bgrounds/bg-tab-right.gif) no-repeat right top;
    padding: 0px 12px 0 6px; /* padding right = padding left + padding left of tabnav li */
}

#tabnav span.content a 
  {
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.2em;
    color: #ed1720; 
  }
  
#tabnav > ul span.content {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav span.content {float:none;}
/* End IE5-Mac hack */

#tabnav a:hover {
   /* color:#f00; nothing*/
    /*text-decoration:underline;*/
}
 

/* current tab background left */
div#nav div#tabnav li.current {
    background-position:0 -75px;
    border-width: 0;
    list-style: none !important;
} 


/* current tab background right and underline removal */
div#nav div#tabnav li.current span.content {
    background-position: 100% -75px;
    padding-bottom: 0px; /* has to be 1 more (or however many pixels high the navigation underline is) than regular span.content */
}  











/* not active left side */
#tabnav li:hover/*, #tabnav li:hover span.content*/ {
    background-position: 0% -150px; 
}
/* not active right side */
#tabnav li:hover span.content {
    background-position: 100% -150px;
}



/* current tab */
div#nav div#tabnav li.current span.content a {
    font-weight: bold;
    text-decoration:none;
	 color: #fff; 
}


/*current tab hover, first for IE, second for FF*/
div#nav div#tabnav li.current span.content a:hover,    
div#nav div#tabnav li.current:hover span.content a {
    color: #fff;
	 text-decoration: none;
}
 /* not active tab(s) */
#tabnav span.content a { 
    color: #ed1720;
    text-decoration: none;
}
/* crap browser hover */
#tabnav li a:hover {
    text-decoration: underline;
    color: #ed1720;
}
/* good browser hover */
#tabnav li:hover a, #tabnav li:hover span.content a {
    text-decoration: underline;
    color: #ed1720;
}






#nav, #nav ul {
	line-height: 1;
}



/*#nav ul a.current:link, #nav ul a.current:visited, #nav ul a.current:active {
	background: #5f5f8b;
	color: #fff;
	display: block;	
	font-weight: normal;	
	text-decoration: none;
	padding-bottom: 11px;
}*/


#nav a, #nav a:link, #nav a:visited, #nav a:active {
	display: block;
	/*color: #666;*/
	background-image: none;
	padding: 8px 10px 9px 10px;
	text-decoration: none;
}




#nav a:hover {
	color: #fff;
}

#nav li {
	float: left;
	text-align: center;
}
#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
	padding: 5px 10px 5px 10px;
	line-height: 1.2em;
	color: #666;
	background-image: none;
	width: 158px;
	margin-left: -6px;
	font-size: .9em;
}


#nav li ul {
	position: absolute;
	background-color: #fff;
	padding: 0;
	width: 178px;
	left: -999em;
	z-index: 100;
	white-space: normal;
	border: 2px solid #bf0d13;
	border-left: none;
	border-top: none;
	margin: 0;
}

#nav li ul li {
	width: 172px;
	text-align: left;
	border-bottom: 1px solid #eee;
	position: relative;
	z-index: 1000;
	margin:0px;
}
#nav li ul ul {
	padding: 0;
	position: absolute;
	top: 0; right: -178px;
	z-index: 10000;
}
#nav li li.active {
	font-weight: bold;
	background: #eee;
}
#nav li li.active ul {
	background: #fff;
	font-weight: normal;
}


#nav li li li li {	
	z-index: 10;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	margin-left: -6px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li li.sfhover, 
#nav ul li.current ul li a:hover {
	background-color: #fdd695;
	color: #ed1720;
	background-image: none;
}
#nav li:hover, #nav li.sfhover {
	color: #fff;
}













#footerlinks {
	width: 927px;
	font-size: .9em;
	height: 90px;
	position: relative;
	background: url(/images/bgrounds/footerlinks.gif) no-repeat;
}
#footerlinks a, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:active {
	position: absolute;
	top: 30px;
	left: 88px;
	display: block;
	width: 98px;
	text-align: center;
	color: #fdd695;
	text-decoration: underline;
}
#footerlinks a.two {
	left: 289px;
}
#footerlinks a.three {
	left: 531px;
}
#footerlinks a.four {
	left: 767px;
}
#footerlinks a:hover {
	text-decoration: none;
}

#footer {
	width: 887px;
	margin: 10px 0 0 0;
	border-top: 1px solid #bf0d13;
	padding: 7px 20px;
	font-size: .9em;
	color: #fff;
	position: relative;
}
#footer a.itomic {
	color: #fff;
	position: absolute;
	top: 7px;
	right: 20px;
}


/*#content ul.breadcrumbs {
	width: 100%;
	margin: 0 0 0 -20px;
	font-size: 115%;
	color: #bf0d13;
	}
	
#content .breadcrumbs li {
	display: inline;
	float: left;
	margin: 0 4px 1em 0;
	padding: 0;
	background: none;
}

.breadcrumbs a { text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }*/

p.breadcrumbs {
	color: #666;
	font-size: .9em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
p.breadcrumbs a, p.breadcrumbs a:link, p.breadcrumbs a:visited {
	color: #ed1720;
	text-decoration: underline;
}
p.breadcrumbs a:hover {
	color: #ed1720;
	text-decoration: none
}
p.breadcrumbs strong {
	color: #bf0d13;
}

/*.product { clear: both; }
*/

.editing table {
	width: 100%;
}
.editing th, .editing td {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
	background-color: #fef4e4;
	border-bottom: 1px solid #fae8be;
}
.editing th {
	font-size: .9em;
	width: 150px;
	text-align: right;
}
.editing .error {
	color: #ed1720;
	display: block;
}
.editing input {
	width: 200px;
}
.editing input.radio {
	width: auto;
}
.editing .block {
	display: block;
}
.editing textarea {
	width: 200px;
}
.editing input.button {
	width: auto;
	background-color: #fcc557;
	color: #333;
	border: 1px solid #fbb013;
	border-top: 1px solid #fdd788;
	border-left: 1px solid #fdd788;
	padding: 2px 20px;
	font-weight: bold;
	font-size: .9em;
}

.product {
	width: 557px;/* 577 */
	padding: 10px;
}
div.odd {
	background-color: #fef4e4;
}
.pro-l, .pro-r {
	display: inline;
	float: left;
}
.pro-l {
	width: 145px;
}
.pro-r {
	width: 412px;
}
.pro-l img {
	border: 5px solid #fbb013;
	padding: 1px;
	background-color: #fff;
}
.product h3 {
	color: #fbb013;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	font-size: .9em;
}
.product h3 strong {
	font-size: 2em;
	color: #fbb013;
	display: block;
}
.product h3 {
	float: left;
	border-top: 1px solid #fdd788;
	padding-top: 5px;
	margin-top: 5px;
}
.product h3 img {
	float: right;
	margin-top: 5px;
}

.viewcart {
	margin-bottom: 1em;
}

.workshops {
	width: 450px;
}
.workshops td, .workshops th {
	text-align: center;
	vertical-align: top;
	padding: 5px;
}
.workshops td {
	border-bottom: 1px solid #fae8be;
}
.workshops th {
	background-color: #fbb013;
	color: #fff;
	text-transform: uppercase;
}
.workshops th.cnt, .workshops td.cnt {
	text-align: center;
}
.workshops tr.odd td {
	background-color: #fef4e4;
}

img.workshop {
margin-top: 10px;
}