/****************************/
/* COLOURS					*/
/* #5B5B5B - Gray Dark		*/
/* #DFDFDF - Gray Light		*/
/* #0C1C8C - Blue			*/
/****************************/
BODY
{
	background-color	: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	background-position	: center top;
	background-repeat	: repeat-y;
	text-align			: center;
	font-family			: Verdana;
	font-size			: 8pt;
}

TD
{
	font-family			: Verdana;
	font-size			: 8pt;
}
A,A:HOVER
{
	color				: #000000;
	font-weight			: bold;
}

/**********************************************
	MAIN NAVIGATION
**********************************************/
#TableNavitaion
{
	border-style		: none;
	position			: absolute;
	top					: 90px;
	margin-left			: 320px;
	z-index				: 10;
}
#navBanner
{
	height				: 122px;
	margin				: auto;
	width				: 750px;
}
TD.Navigation
{
	text-align			: center;
	padding-right		: 28px;
}
TD.NavigationDivider
{
	width				: 1px;
}
A.Navigation, A:HOVER.Navigation
{
	color				: #FFFFFF;
	font-family			: Arial;
	font-size			: 8pt;
	font-weight			: bold;
	text-decoration		: none;
}
TD.CompanyLogo
{
	height				: 10px;
	text-align			: left;
}
TD.MainMenu
{
	text-align			: left;
}

/**********************************************
	SEARCH BOX / DROP DOWNS
**********************************************/
#TableSearch
{
	z-index				: 30;
}
#modSearch
{
	background-color	: #999999;
	height				: 40px;
	width				: 750px;
}
.TextGray
{
	color				: #FFFFFF;
	font-size			: 7pt;
	font-weight			: bold;
}

/**********************************************
	CURRENCY SELECTOR
**********************************************/
TABLE.modCurrency
{
	background-color	: #10147E;
	height				: 25px;
	width				: 750px;
	margin-top			: 4px;
}
IMG.FlagIcon
{
	border				: solid 1px #FFFFFF;
	margin-left			: 5px;
	margin-right		: 5px;
}
A.NavCurrency, A:HOVER.NavCurrency
{
	color				: #FFFFFF;
	font-size			: 7pt;
	font-weight			: bold;
	text-decoration		: none;
}

/**********************************************
	PANELS
**********************************************/
#PanelBanner
{
	background-image	: url(/images/background_topbanner.jpg);
	background-repeat	: no-repeat;
	width				: 750px;
}
#PanelContent
{
	margin-top			: 10px;
	width				: 750px;
}
#Panel1
{
	vertical-align		: top;
}
#Panel2
{
	vertical-align		: top;
}
#Panel3
{
	vertical-align		: top;
}
#Panel4
{
	text-align			: center;
	vertical-align		: top;
	width				: 250px;
}

/**********************************************
	MODULES / BOXES / HEADERS
**********************************************/
TD.Header
{
	background-color	: #D56A0E;
	color				: #FFFFFF;
	font-size			: 8pt;
	font-weight			: bold;
	height				: 22px;
	padding-left		: 5px;
	padding-right		: 10px;
	text-transform		: uppercase;
}
TD.Box
{
	border				: solid 4px #DFDFDF;
	padding				: 3px 3px 3px 3px;
}
TD.InfoHeader
{
	background-color	: #D56A0E;
	color				: #FFFFFF;
	font-weight			: bold;
	height				: 22px;
	text-align			: center;
}
TD.InfoDetail
{
	background-color	: DFDFDF;
	height				: 22px;	
	text-align			: center;
}
TD.InfoDetailB
{
	background-color	: DFDFDF;
	height				: 22px;	
	text-align			: left;
	padding-left		: 5px;
	padding-right		: 5px;
}
.Dotted
{
	background-image	: url(/images/dotted.gif);	
	background-repeat	: repeat-x;
	height				: 1px;
}
.VDotted
{
	background-image	: url(/images/vdotted.gif);	
	background-repeat	: repeat-y;
	width				: 1px;
}

/**********************************************
	PRODUCT 
**********************************************/
TD.ImageThumb
{
	border				: solid 1px #000000;
	height				: 100px;
	text-align			: center;
	vertical-align		: middle;
	width				: 100px;
}
A.PromoHeading
{
	font-size			: 9pt;
	font-weight			: bold;
	color				: #000000;
	text-decoration		: underline;
}
TD.PromoHeading
{
	line-height			: 18px;
}
.ProductPrice
{
	color				: #FF0000;
}

/**********************************************
	BUTTONS (CLICK FOR MORE DETAILS) 
**********************************************/
A.hypButton, A:HOVER.hypButton
{
	color				: #5B5B5B;
	font-size			: 8pt;
	font-weight			: bold;
	text-decoration		: none;
	text-transform		: uppercase;
}
TD.hypButtonA
{
	background-image	: url(/images/button_a.jpg);
	background-repeat	: no-repeat;
	background-position	: center top;
	height				: 21px;
	width				: 15px;
}
TD.hypButtonB
{
	background-image	: url(/images/button_b.jpg);
	background-repeat	: repeat-x;
	background-position	: center top;
	padding-top			: 4px;
	text-align			: center;
	vertical-align		: top;
}
TD.hypButtonC
{
	background-image	: url(/images/button_c.jpg);
	background-repeat	: no-repeat;
	background-position	: center top;
	height				: 21px;
	width				: 15px;
	
}
TD.hypButton
{
	background-image	: url(/images/button_b.jpg);
	background-repeat	: repeat-x;
	background-position	: center top;
	padding-top			: 4px;
	text-align			: center;
	vertical-align		: top;
}

/**********************************************
	CATEGORY MENU LINKS 
**********************************************/
DIV.NavCategory, DIV.NavCategoryOver
{
	color				: #FFFFFF;
	font-size			: 7pt;
	font-weight			: bold;
	padding				: 0px 3px 0px 3px;
}
A.NavCategory, A:HOVER.NavCategory
{
	color				: #000000;
	text-decoration		: none;
}
TD.NavCategory
{
	padding-left		: 2px;
	padding-right		: 2px;
}

/**********************************************
	LIST PAGE LINKS 
**********************************************/
A.PageButton, A:HOVER.PageButton
{
	color				: #000000;
	font-size			: 8pt;
	font-weight			: bold;
	text-decoration		: none;
}
DIV.PageButton
{
	color				: #D70022;
	font-size			: 10pt;
	font-weight			: bold;
	text-align			: right;
}

/**********************************************
	FORM CLASSES
**********************************************/
.Input
{
	border				: solid 1px #000000;
	font-family			: Verdana;
	font-size			: 8pt;
}
.Button
{
	background-color	: #D56A0E;
	border-style		: none;
	color				: #FFFFFF;
	font-family			: Verdana;
	font-size			: 8pt;
	font-weight			: bold;
	padding				: 2px 5px 2px 5px;
}
.InputError
{
	border-bottom		: solid 1px #FF0000;
	border-right		: solid 1px #FF0000;
	border-left			: solid 5px #FF0000;
	border-top			: solid 1px #FF0000;
	color				: #FF0000;
	font-family			: Verdana;
	font-size			: 8pt;
}
.SearchInput
{
	border				: solid 1px #5B5B5B;
	color				: #5B5B5B;
	font-family			: Verdana;
	font-size			: 7pt;
	font-weight			: bold;
}
.SearchButton
{
	background-color	: #D56A0E;
	border-style		: none;
	color				: #FFFFFF;
	font-size			: 7pt;
	font-weight			: bold;
	padding				: 1px 1px 1px 1px;
}
.RequireField
{
	color				: #FF0000;
	font-weight			: bold;
	font-size			: 9pt;
}
.ErrorMessage
{
	background-color	: #FFDDDD;
	border				: solid 1px #FF0000;
	color				: #FF0000;
	padding				: 2px 2px 2px 2px;
}
.ErrorHide
{
	position			: absolute;
	visibility			: hidden;
	z-index				: 10;
}
.UpdateMessage
{
	background-color	: #E6E8F3;
	border				: solid 1px #D70022;
	color				: #0C1C8C;
	padding				: 2px 2px 2px 2px;
}

/**********************************************
	FORM CLASSES
**********************************************/
.TextHeader
{
	color				: #000000;
	font-size			: 10pt;
	font-weight			: bold;
	text-transform		: uppercase;
}
.TextRed
{
	color				: #FF0000;
}
.TextSmalll
{
	font-size			: 7pt;
	font-style			: italic;
}
.TextLargeWhite
{
	color				: #FFFFFF;
	font-size			: 16pt;
	text-align			: right;
}
.TextBlueBold
{
	color				: #D70022;
	font-weight			: bold;
}

/**********************************************
	FORM CLASSES
**********************************************/
.navFooterR1
{
	background-image	: url(/images/background_footer1.jpg);
	background-position	: center top;
	background-repeat	: repeat-x;
	color				: #5B5B5B;
	font-size			: 7pt;
	font-weight			: bold;
	height				: 23px;
	text-align			: center;
	width				: 750px;
}
.navFooterR3
{
	
	background-color	: #D56A0E;
	color				: #FFFFFF;
	font-size			: 7pt;
	font-weight			: bold;
	height				: 21px;
	text-align			: center;
	width				: 750px;
}
A.Footer, A:HOVER.Footer
{
	color				: #AAAAAA;
	text-decoration		: none;
	font-size			: 8pt;
}

/**********************************************
	ADMIN CLASSES
**********************************************/
#LoginTable
{
	border				: solid 1px #5B5B5B;
	position			: relative;
	top					: 40%;
}
#navAdmin
{
	background-color	: #D86E16;
	height				: 100px;
	width				: 100%;
}
#tcellFooter
{
	text-align			: center;
}
TABLE.AdminTab
{
	border-bottom		: solid 2px #D86E16;
}
TD.AdminTab
{
	background-color	: #D86E16;
	font-size			: 8pt;
	font-weight			: bold;
	height				: 22px;
	padding-left		: 5px;
	padding-right		: 5px;
	text-align			: center;
	text-transform		: uppercase;
	width				: 80px;
}
TD.AdminTabOn
{
	border-right		: solid 2px #D86E16;
	border-left			: solid 2px #D86E16;
	border-top			: solid 2px #D86E16;
	font-size			: 8pt;
	font-weight			: bold;
	height				: 22px;
	padding-left		: 5px;
	padding-right		: 5px;
	text-align			: center;
	text-transform		: uppercase;
	width				: 80px;
}
A.AdminTab,A:HOVER.AdminTab
{
	color				: #FFFFFF;
	text-decoration		: none;
}
A.AdminTabOn,A:HOVER.AdminTabOn
{
	color				: #D86E16;
	text-decoration		: none;
}
/****************************/
/*		INDEX CLASSES		*/
/****************************/
DIV.IndexHeader
{
	background-color	: #D86E16;
	color				: #FFFFFF;
	font-weight			: bold;
	margin				: 5px 0px 5px 0px;
	padding				: 3px;
	text-align			: center;
	text-transform		: uppercase;
}