body {
	font-family: Century Gothic, Tahoma, Geneva, sans-serif;
	font-size:10pt;
	line-height:11pt;
	margin: 8px 10px;
	background-color:#fff;
	color:#222;
}
label {
	cursor:hand; 
}
img {
	border-style:none; vertical-align:bottom; 
}
a:link, a:active, a:visited {
	font-size: 9pt;
	color:#c70000;
	text-decoration:none;
}
a:hover {
	color:#c70000;
	text-decoration:underline;
}
form {
	margin:0px;
	padding:0px;
}
input, select {
	font-size:8pt;
	border: 1px solid #aaa;
	vertical-align:middle;
	padding-left:3px;
}
hr.Divider {
	border: 1px dashed #ccc;
	width:90%; height:1px;
}
input.radiobutton 
{
	border-style: none;
	margin:-1px;
	margin-right:2px;
	vertical-align: middle;
}


/*-----------------------------------------------------------------------------------------------------------------------
|	Product Category Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
a.Category {
	display:block;
	text-decoration:none;
	padding: 2px 8px;
	font-size: 7pt;
	font-weight:bold;
	margin:1px 0;
}
a.Category:link,
a.Category:visited {
	background-color: #e7e7e7;
	border: 1px solid #d0cfcf;
	color: #111;
}
a.Category:active {
	position:relative;
	top:1px;
	background-color: #ca1024;
	border: 1px solid #a40012;
	color: #fff;
}
a.Category:hover {
	background-color: #ca1024;
	border: 1px solid #a40012;
	color: #fff;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Emark Front Page Graphic Links																						|
-----------------------------------------------------------------------------------------------------------------------*/
table.EmarkProducts {
	border-collapse: separate;
	margin: 0 auto;
}
table.EmarkProducts a {
	display:block;
	text-decoration:none;
	color:#222;
	height:268px;
}
table.EmarkProducts td.ResellerLite div,
table.EmarkProducts td.ResellerPro div,
table.EmarkProducts td.Webshop div {
	padding: 38px 14px 0px 14px;
	text-align:justify;
	font-size:8pt;
	line-height:9pt;
}
table.EmarkProducts td.ResellerLite {
	background-image: url('../images/bg_resellerlite.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:245px; height:268px;
	vertical-align:top;
}
table.EmarkProducts td.ResellerPro {
	background-image: url('../images/bg_resellerpro.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:245px; height:268px;
	vertical-align:top;
}
table.EmarkProducts td.Webshop {
	background-image: url('../images/bg_webshop.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:245px; height:268px;
	vertical-align:top;
}

div.Arrow {
	font-size:8pt;
	line-height:9pt;
	text-align:center;
	background-image: url('../images/arrow.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-color: transparent;
	height:70px;
	margin-bottom:16px;
}
div.ContactDetails {
	font-size:8pt;
	line-height:9pt;
	text-align:center;
}


table.InfoBox {
	width:100%;
	border-collapse:collapse;
}
table.InfoBox td.InfoBoxLinks img {
	margin-bottom:3px;
}
table.InfoBox td.InfoBoxLinks {
	width:150px;
	vertical-align:top;
	padding:10px 0px 0px 0px;
	background-image: url('../images/content_left.gif');
	background-repeat: no-repeat;
	background-position: right 50%;
	background-color:transparent;
}
table.InfoBox td.InfoBoxContent {
	padding:10px 30px 10px 30px;
	text-align:justify;
	vertical-align:top;
	font-size:9pt;
}
table.InfoBox td.InfoBoxPics {
	width:180px;
	padding:10px;
	background-color:#f2f2f2;
	border:1px solid #d8d8d8;
	vertical-align:top;
	text-align:center;
}
table.InfoBox td.InfoBoxPics img {
	margin-bottom:4px;
}
div.Intro {
	text-align: justify;
	padding: 10px 14px 10px 14px;
	border: 1px solid #f7e4a8;
	font-size: 10pt;
	background-image: url('../images/intro_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #ffffe1;
}

h1 {
	color:#333;
	margin-top:0px;
	margin-bottom:6px;
	font-size:16pt;
	line-height:17pt;
	font-weight:bold;
	text-align:left;
}
h2 {
	color:#333;
	margin-top:0px;
	margin-bottom:8px;
	font-size:15pt;
	line-height:16pt;
	text-align:left;
	color:#c00;
}
h3 {
	color:#333;
	text-align:left;
	margin-top:0px;
	margin-bottom:4px;
	font-size:12pt;
	line-height:13pt;
}
#Benefits {
	display:block;
}
#Features {
	display:none;
}


/*-----------------------------------------------------------------------------------------------------------------------
|	Search Styles																										|
-----------------------------------------------------------------------------------------------------------------------*/
input.Inputbox {
	background-color: #fff;
	padding-left: 3px;
	border: 1px solid #b7b7b7;
	color: #222;
	font-size:8pt;
	margin:0px;
}
Input.LoginButton {
	background-image: url('../images/submit_login.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:45px;	height:18px;
	border-style: none;
	margin: 0px 0px 0px 3px;
}
input.SearchButton {
	background-image: url('../Images/submit_search.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width:49px;	height:18px;
	border-style: none;
	margin: 0px 5px 0px 0px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Latest News Styles																									|
-----------------------------------------------------------------------------------------------------------------------*/
table.LatestNews {
	border-collapse: seperate;
}
table.LatestNews td {
	border: #fff solid 1px;
}
table.LatestNews td a {
	display: block;
	width: 124px;
	padding: 1px 8px 1px 6px;
}
table.LatestNews td a:link, 
table.LatestNews td a:visited,
table.LatestNews td a:active {
	background-color: #ededed;
	border: #d0cfcf solid 1px;
	font-weight:bold;
	font-size:8pt;
	color: #444;
	text-decoration: none;
}
table.LatestNews td a:hover {
	background-color: #CA1024;
	border: #A40012 solid 1px;
	font-weight:bold;
	font-size:8pt;
	color: #fff;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Helpdesk Table Header Styles																						|
-----------------------------------------------------------------------------------------------------------------------*/
table.HelpdeskTable, table.HelpdeskCell {
	border-collapse:separate;
	width:100%;
	border-bottom: #555 solid 1px;
}
table.HelpdeskTable td {
	border-bottom: #555 solid 1px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}
table.HelpdeskCell td {
	border-style:none;
}
table.RoleMembership {
	width:75%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #666;
	background-color:#fff;
}
table.RoleMembership td {
	font-weight:bold;
	color:#222;
	padding: 10px 6px 10px 6px;
	height:20px;
	border: 1px solid #666;
	vertical-align:middle;
}

/*==-------------------------------------------------------------------------------------------------------------------------
|	Styles for Portal Selection Tabs																						|
====-----------------------------------------------------------------------------------------------------------------------*/
.TabTemplate {
	font-weight: bold;
	font-size:8pt;
	color: black;
	text-align: center;
	margin: 10px 0px 0px;
	width: 100%;
	cursor: default;
	height: 17px;
}
.TabTemplate .TabLeft {
	background-image: url('../Images/tab_left.gif');
	background-repeat: no-repeat;
	height: 17px;
}
.TabTemplate .TabRight {
	background-image: url('../Images/tab_fill.gif');
	background-repeat: repeat-x;
	height: 17px;
	border-left: #eee solid 1px;
}
.TabTemplate .TabActive {
	background-image: url('../Images/tab_active.gif');
	background-repeat: no-repeat;
	height: 17px; width:90pt;
	padding-left:10px;
	padding-right:10px;
}
.TabTemplate .TabActive a:link, 
.TabTemplate .TabActive a:active,
.TabTemplate .TabActive a:visited {
	text-decoration: none
	color:#a00;
}
.TabTemplate .TabActive a:hover {
	text-decoration: underline
	color:#a00;
}
.TabTemplate .TabSelected {
	background-image: url('../Images/tab_indent.gif');
	background-repeat: no-repeat;
	height:17px; width:90pt;
	font-weight:bold;
	font-size:8pt;
	color: #333;
	padding-left:10px;
	padding-right:10px;
}
.TabTemplate .TabDisabled {
	width: 90pt;
	color: graytext;
	padding-left:10px;
	padding-right:10px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	News Article Styles																									|
-----------------------------------------------------------------------------------------------------------------------*/
table.NewsTableHeader {
	border-collapse: collapse;
	margin-bottom:4px;
	width:100%;
}
table.NewsTableHeader td.NewsHeading {
	background-color: #c70000;
	border: 1px solid #a40000;
	border-right-style:none;
	padding: 2px 8px 2px 8px;
	font-weight: bold;
	font-size:10pt;
	color: #fff;
}
table.NewsTableHeader td.NewsDate {
	background-color: #c70000;
	border: 1px solid #a40000;
	border-left-style:none;
	padding: 2px 8px 2px 8px;
	font-weight: bold;
	font-size:10pt;
	color: #fff;
	text-align:right;
}
table.NewsTableHeader td.NewsOverview {
	padding:4px 8px 4px 8px;
	font-weight:bold;
	text-align: left;
	font-size:9pt;
	height:20px;
	background-color:#ededed;
	border: 1px solid #d0cfcf;
	color:#515151;
}
table.NewsTableHeader td.NewsBody {
	padding:8px 16px 8px 16px;
	font-size:9pt;
	border: 1px solid #d0cfcf;
	background-color:#fff;
}
table.NewsTable {
	border-collapse:collapse;
	width:100%; height:320px;
	background-color: #fff;
	border:#ccc solid 1px;
}
table.NewsTable td {
	vertical-align:top;
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
table.NewsTable td.NewsArticle {
	height:20px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Header Graphic Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
table.ProductSpecial {
	width:100%;
	border-collapse:collapse;
}
table.ProductSpecialContent {
	width:100%;
	border-collapse:collapse;
	border: #D0CFCF solid 1px;
	border-top:none;
	background-color: #EDEDED;
}
table.ProductSpecialContent td {
	text-align: justify;
	padding:10px;
	color: #515151;
}
table.ProductSpecial td.ProductLeft {
	background-image: url('../Images/product_left.gif');
	background-position: left top;
	background-repeat: no-repeat;
	background-color:transparent;
	border-top: #A66C72 solid 1px;
	border-bottom: #4C000A solid 1px;
	border-left: #9E3643 solid 1px;
	width:23px; height:18px;
}
table.ProductSpecial td.ProductLeftFill {
	background-image: url('../Images/product_left_fill.gif');
	background-position: left top;
	background-repeat: repeat-x;
	background-color:transparent;
	border-top: #A66C72 solid 1px;
	border-bottom: #4C000A solid 1px;
	padding-right:6px;
	height:18px;
}
table.ProductSpecial td.ProductRight {
	background-image: url('../Images/product_right.gif');
	background-position: left top;
	background-repeat: no-repeat;
	background-color:transparent;
	border-top: #878787 solid 1px;
	border-bottom: #292929 solid 1px;
	width:18px; height:18px;
}
table.ProductSpecial td.ProductRightFill {
	background-image: url('../Images/product_right_fill.gif');
	background-position: left top;
	background-repeat: repeat-x;
	background-color:transparent;
	border-top: #878787 solid 1px;
	border-right: #2A2A2A solid 1px;
	border-bottom: #292929 solid 1px;	
	height:18px; width:80%;
}
table.ProductSpecial td.ProductLeftFill a:link,
table.ProductSpecial td.ProductLeftFill a:visited,
table.ProductSpecial td.ProductLeftFill a:active {
	font-weight: bold;
	font-size:8pt;
	color:#fff;
	text-decoration: none;
}
table.ProductSpecial td.ProductLeftFill a:hover {
	font-weight: bold;
	font-size:8pt;
	color:#fff;
	text-decoration: underline;
}
img.ProductImage {
	float:right;
	margin: 0px 0px 2px 10px;
	border: #D0CFCF solid 1px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Header Graphic Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
table.MainTable {
	border-collapse:collapse;
	width:1200px; height:92px;
	margin: 0 auto 0 auto;
	table-layout: auto;
}
table.MainTable td.LogobarLeft {
	background-image: url('../images/logobar_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:112px; height:95px;
}
table.MainTable td.LogobarFillTop {
	background-image: url('../images/logobar_fill_top.gif');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:transparent;
	height:53px;
	vertical-align:bottom;
}
table.MainTable td.LogobarRight {
	background-image: url('../images/logobar_right.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:27px; height:95px;
}
table.MainTable td.LogobarFillBottom {
	background-image: url('../images/logobar_fill_bottom.gif');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:transparent;
	vertical-align:top;
	height:42px;
}


table.MainTablePopup {
	width:100%;
}
table.MainTablePopup td.LogobarELeft {
	background-image: url('../images/logobar_eleft.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:112px; height:92px;
}
table.MainTablePopup td.LogobarEFill {
	background-image: url('../images/logobar_efill.gif');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:transparent;
	height:92px;
	vertical-align:middle;
}
table.MainTablePopup td.LogobarERight {
	background-image: url('../images/logobar_eright.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	width:15px; height:92px;
}



table.MainTable td.ContentLeft {
	background-image: url('../images/content_left.gif');
	background-repeat: no-repeat;
	background-position: right 50%;
	background-color:transparent;
	width:170px; height:640px;
	padding: 2px 10px 0px 10px;
	vertical-align:top;
}
table.MainTable td.ContentMiddle {
	background-image: url('../images/watermark.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align:top;
	background-color:#fff;
	color:#3c3c3c;
	padding: 6px 16px 0px 16px;
}
table.MainTable td.ContentRight {
	background-image: url('../images/content_right.gif');
	background-repeat: no-repeat;
	background-position: left 50%;
	background-color:transparent;
	width:170px; height:640px;
	padding: 2px 10px 0px 10px;
	vertical-align:top;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Content Styles																										|
-----------------------------------------------------------------------------------------------------------------------*/
td.MiddleContentPopup {
	background-image: url('../Images/watermark.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff;
	padding:8px;
}
td.MiddleContentAdmin {
	background-color: #fff; 
	border-color: #B5B5B5; 
	border-style: solid; 
	border-width:0px 0px 1px 0px;
	padding:8px;
	padding-top:2px;
	height: 500px;
}
.ContentHeaderFill {
	background-color: #ededed;
	border: #d0cfcf solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Side Module Styles																									|
-----------------------------------------------------------------------------------------------------------------------*/
table.Module {
	border-collapse: collapse;
	background-color: transparent;
	width:170px;
	margin-bottom:6px;
}
table.Module th {
	background-image: url('../Images/module_header.gif');
	background-position: left top;
	background-repeat: no-repeat;
	background-color:transparent;
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	padding-left:14px;
	color: #fff;
	height:26px;
}
td.ModuleFill {
	background-image: url('../Images/module_fill.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color:transparent;
	vertical-align:top;
	margin: 0 auto 0 auto;
	color:#3c3c3c;
	width:170px;
	font-size:8pt;
	font-weight:bold;
	padding: 4px 14px 14px 14px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Thumbnail Category View Styles																							|
-----------------------------------------------------------------------------------------------------------------------*/
table.ThumbnailCategory {
	border-collapse:collapse;
	border: #D0CFCF solid 1px; 
	width:180px;
}
table.ThumbnailCategory td.Image {
	background-color:#fff; 
	border-bottom:#D0CFCF solid 1px; 
	height:110px;
}
table.ThumbnailCategory td.Details {
	background-color:#EDEDED;
	width:180px;
	color: #515151;
	padding:6px;
}
table.ThumbnailCategory td.Stock {
	border-top:#D0CFCF solid 1px; 
	background-color:#E5E5E5;
	width:180px;
	color: #515151;
	padding: 2px 6px 2px 6px;
}
table.ThumbnailCategory td.Details font.Vendor {
	font-weight: bold;
	font-size:8pt;
	color:#000;
}
table.ThumbnailCategory td.Details font.Price {
	font-weight: bold;
	font-size:8pt;
	color:#C70000;
}
table.ThumbnailCategory td.Details a:link,
table.ThumbnailCategory td.Details a:active,
table.ThumbnailCategory td.Details a:visited {
	font-weight: bold;
	font-size:8pt;
	color: #515151;
	text-decoration:none;	
}
table.ThumbnailCategory td.Details a:hover {
	font-weight: bold;
	font-size:8pt;
	color: #515151;
	text-decoration:underline;	
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Shopping Basket Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
td.BasketL
{
	font-size:8pt;
	color: #000;
	padding-left: 8px;
	height: 30px;
	vertical-align: middle;
	background-color: #F1F1F1;
	border-top: #DBDBDB solid 1px;
	border-bottom: #DBDBDB solid 1px;
	border-left: #DBDBDB solid 1px;
}
td.BasketR
{
	height: 30px;
	background-color: #F1F1F1;
	border-top: #DBDBDB solid 1px;
	border-right: #DBDBDB solid 1px;
	border-bottom: #DBDBDB solid 1px;
	padding-right: 6px;
	text-align: right;
	vertical-align: middle;
}
td.BasketButtons
{
	color:#000;
	background-color: #F1F1F1;
	border: #DBDBDB solid 1px;
}


/*-----------------------------------------------------------------------------------------------------------------------
|	CLS Error and Warning Styles																						|
-----------------------------------------------------------------------------------------------------------------------*/
table.clsInfo {
	background-color: #fff9e8;
	background-image: url('../Images/warning.jpg');
	background-position: bottom right;
	background-repeat:  no-repeat;
	border: 1px solid #f2d4a2;
	width:500px;
	margin: 0 auto 0 auto;
}
table.clsInfo td {
	font: bold 10pt Tahoma;
	padding: 10px;	
	vertical-align: middle;
	text-align: center;
}
td.clsInfoIcon {
	background-image: url('../Images/warning.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:94px; height:67px;
}
table.clsError {
	background-color: #fff5f5;
	background-image: url('../Images/error.jpg');
	background-position: bottom right;
	background-repeat:  no-repeat;
	border: 1px solid #b40404;
	width:500px;
	margin: 0 auto 0 auto;
}
table.clsError td {
	font: bold 10pt Tahoma;
	color: #b40404;
	padding: 10px;	
	vertical-align: middle;
	text-align: center;
}
td.clsErrorIcon {
	background-image: url('../Images/error.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:94px; height:67px;
}

/*-----------------------------------------------------------------------------------------------------------------------
|	Worksheet Ticket Styles																								|
-----------------------------------------------------------------------------------------------------------------------*/
table.Worksheet {
	width:100%;
	border-collapse:collapse;
	border-style:none;
}
table.Worksheet td {
	color:#000;
}
table.Worksheet td.InputField {
	color:#000;
	padding:8px;
	padding-top:4px;
	padding-bottom: 4px;
	border: #000 solid 1px;
}
table.Worksheet td h1 {
	font-weight: bold;
	font-size:13pt;
	margin:0; padding:0;
	margin-bottom:2px;
}
table.Worksheet td h2 {
	font-weight: bold;
	font-size:11pt;
	text-decoration:underline;
	margin:0; padding:0;
}
table.Worksheet td h3 {
	font-weight: bold;
	font-size:11pt;
	text-decoration:none;
	margin:0; padding:0;
	display:inline;
}
table.WorkflowControl {
	width:100%
}
table.WorkflowControl td.PanelTopLeft {
	background: #fff url('../../mch/images/panel_tl.gif') no-repeat right top;
	width:20px; height:20px;
}
table.WorkflowControl td.PanelTopFill {
	background: #fff url('../../mch/images/panel_tfill.gif') repeat-x left top;
	height:20px;
}
table.WorkflowControl td.PanelTopRight {
	background: #fff url('../../mch/images/panel_tr.gif') no-repeat left top;
	width:20px; height:20px;
}
table.WorkflowControl td.PanelLeft {
	background: #fff url('../../mch/images/panel_left.gif') repeat-y right top;
	width:20px;
}
table.WorkflowControl td.PanelContent {
	background-color: #F0F0F0;
}
table.WorkflowControl td.PanelRight {
	background: #fff url('../../mch/images/panel_right.gif') repeat-y left top;
	width:20px;
}
table.WorkflowControl td.PanelBottomLeft {
	background: #fff url('../../mch/images/panel_bl.gif') no-repeat right top;
	width:20px; height:20px;
}
table.WorkflowControl td.PanelBottomFill {
	background: #fff url('../../mch/images/panel_bfill.gif') repeat-x left top;
	height:20px;
}
table.WorkflowControl td.PanelBottomRight {
	background: #fff url('../../mch/images/panel_br.gif') no-repeat left top;
	width:20px; height:20px;
}