@import url(../mall-common.css);

/*  ----------------------- default text links ---------------------- */
/* should contain only colour definitions, no font, size, weight, etc */

/* ------------------- custom form elements style ------------------- */
.emailform .formfieldmandatory .formfieldtext,
.emailform .formfieldmandatory .formfieldarea,
.emailform .formfieldmandatory .formfieldlist,
.emailform .formfieldmandatory .formfieldselect,
.emailform .formfieldmandatory .formfieldfile,
.emailform .formfieldmandatory .formfieldoption {
	background: url(../../graphics/jotm/system/formfieldmandatory_star.gif) no-repeat top left;
}

/*-- form header --*/
.emailform .formfieldheader {
	padding: 0 0 15px 0;
	font-size: 17px;
	font-weight: bold;
}

/*-- form sub header --*/
.emailform .formfieldsubheader {
	padding: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}

/*-- form normal text --*/
.emailform .formfieldnormaltext {
	padding: 0 0 15px 0;
	font-weight: normal;	
}

/* ------------------------ navigation styles ----------------------- */
/* ---- nav style 200930 (Flowing Text, Footer Nav) ---- */
.footernav {
	/* common font face, size, formatting */
	margin: 76px 0 0 0;
	width: 677px;
	padding: 6px 15px 0 15px;
	height: 18px;
	background: url(../../graphics/jotm/system/jotm-footernavbg.gif) no-repeat left top;
}

/* ---- nav style 200931 (Flowing Text, Main Nav) ---- */
.mainnav {
	/* common font face, size, formatting */
	width: 707px;
	height: 28px;
	background: #242424 url(../../graphics/jotm/system/jotm-mainnavbg.png) no-repeat left top;
}

.mainnavdivider {
	height: 28px;
	background: #7a7a7a url(../../graphics/jotm/system/jotm-mainnav-divider.gif) no-repeat left top;
}

.mainnav a {
	display: block;
	padding: 6px 2px 0 2px;
	width: 96px;
	height: 22px;
	text-align: center;
}

.mainnav a:link, .mainnav a:visited {
	/* normal link: colour, style */
	color: #CCC;
	text-decoration: normal;
}

.mainnav a:hover, .mainnav a:active {
	/* normal link rollover: colour, style */
	color: #FFF;
	text-decoration: none;
}

.mainnavc a:link, .mainnavc a:visited {
	/* current link: colour, style */
	color: #CCC;
	text-decoration: underline;
}

.mainnavc a:hover, .mainnavc a:active {
	/* current link rollover: colour, style */
	color: #FFF;
	text-decoration: underline;
}

/* ---- nav style 200933 (Drop Down Menu) ---- */
.dropdownnav {
	background: #414141;
}

.dropdownnav a:link, .dropdownnav a:visited {
/* normal link: colour, style */
	color: #CCC;
	font-weight: normal;
	text-decoration: none;
	background: none;
}

.dropdownnav a:hover, .dropdownnav a:active {
/* normal link rollover: colour, style */
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	background: none;
}

.dropdownnavc a:link, .dropdownnavc a:visited {
/* normal link: colour, style */
	color: #CCC;
	font-weight: normal;
	text-decoration: none;
	background: none;
}

.dropdownnavc a:hover, .dropdownnavc a:active {
/* normal link rollover: colour, style */
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	background: none;
}

/* ---- nav style 200932 (Flowing Text, Footer Nav) ---- */
.extralinksnav {
	/* common font face, size, formatting */
	margin: 53px 0 0 0;
	padding: 0 15px 11px 15px;
	width: 677px;
	height: 14px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
}

.extralinksnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.extralinksnav li {
	display: inline;
}

.extralinksnav a:link, .extralinksnav a:visited {
	/* normal link: colour, style */
	color: #FFF;
	text-decoration: underline;
}

.extralinksnav a:hover, .extralinksnav a:active {
	/* normal link rollover: colour, style */
	color: #FFF;
	text-decoration: underline;
}

.extralinksnavc a:link, .extralinksnavc a:visited {
	/* current link: colour, style */
	color: #FFF;
	text-decoration: underline;
}

.extralinksnavc a:hover, .extralinksnavc a:active {
	/* current link rollover: colour, style */
	color: #FFF;
	text-decoration: underline;
}

/* --------- text styles (font face should be defined, to ensure admin compatibility) --------- */
h1, .t0, .t1, .t2, .t3, .t4 {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* ---- title text style ---- */
h1, .t0 {
/*	color: #000; */
	font-weight: bold;
}

h1 a:link, h1 a:visited, .t0 a:link, .t0 a:visited {
}

h1 a:hover, h1 a:active, .t0 a:hover, .t0 a:active {
}

/* --------- text style 1 --------- */
.t1 {
/*	color: #000; */
	font-weight: bold;
}

.t1 a:link, .t1 a:visited {
}

.t1 a:hover, .t1 a:active {
}

/* --------- text style 2 --------- */
.t2 {
/*	color: #000; */
	font-weight: bold;
}

.t2 a:link, .t2 a:visited {
}

.t2 a:hover, .t2 a:active {
}

/* --------- text style 3 --------- */
.t3 {
/*	color: #000; */
/*	font-size: 12px; */
}

.t3 a:link, .t3 a:visited {
	font-weight: bold;	
}

.t3 a:hover, .t3 a:active {
}

/* --------- text style 4 --------- */
.t4 {
/*	color: #555; */
	font-size: 11px;
}

.t4 a:link, .t4 a:visited {
	font-weight: bold;
}

.t4 a:hover, .t4 a:active {
}

/* --------------------- custom style settings ---------------------- */
.hzdivider {
	background: url(../../graphics/jotm/system/jotm-hz-divider.gif) repeat-x left top;
}

/* --------- layout style settings (for .asp template only) --------- */
#pagebody {
	color: #000;
	background: #000 url(../../graphics/jotm/system/jotm-pagebg.gif) repeat-x left top;
}

#mainbgvariant {
	background: none;
}

#toplevel {
	background: url(../../graphics/jotm/system/jotm-mainbg-shadow.png) repeat-y left top;
}

* html #toplevel {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphics/jotm/system/jotm-mainbg-shadow.png',sizingMethod='scale');
}

#logolink {
	margin: 18px 0 0 265px;
	width: 194px;
	height: 84px;
}

#mainnavdeco {
	margin: 0;
	height: 44px;
	background: url(../../graphics/jotm/system/jotm-mainnav-deco.gif) no-repeat left top;
}

#main2 {
	background: url(../../graphics/jotm/system/jotm-mainbg-deco-btm.jpg) no-repeat left bottom;
}

#column2bg {
	background: url(../../graphics/jotm/system/jotm-mainbg-col-divider.gif) repeat-y left top;	
}

#column2 .t1,
#column2 .t2,
#column2 .t3,
#column2 .t4 {
	color: #444545;
}

#footerouter {
	background: url(../../graphics/jotm/system/jotm-footer-shadow.png) no-repeat left top;
}

* html #footerouter {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphics/jotm/system/jotm-footer-shadow.png',sizingMethod='scale');
}

#footerinner {
	height: 100px;
	background: #FFF url(../../graphics/jotm/system/jotm-footerbg-deco.jpg) no-repeat left top;
}

#footerdivider {
	margin: 31px 0 0 0;
	background: url(../../graphics/jotm/system/jotm-footer-divider.gif) no-repeat center bottom;
}