
/** Page level formatting **/ 
BODY
	{
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	scrollbar-base-color:#FFFFFF; 
	scrollbar-face-color:#245A9C;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-Color:#FFFFFF;
	}
	
	
/** FORM ELEMENTS **/
INPUT, TEXT, TEXTAREA, SELECT, SUBMIT 
	{ 
	font: normal 8pt; 
	color: #666666;
	}
		
.formButton
	{
	height: 18px;
	font-size: 8pt;
	font-weight:normal;
	text-align: center;
	color: #FFFFFF;
	border: solid 1px #CCCCCC;	
	}

.formTextBoxShort
	{
	height: 18px;
	width: 100px;
	padding-left:3px;
	font-size: 8pt;
	font-weight:normal;
	text-align: left;
	color: #666666;
	background-color:#FFFFFF;
	border: solid 1px #CCCCCC;
	}

.formTextBoxLong
	{
	height: 18px;
	width: 250px;
	padding-left:3px;	
	font-size: 8pt;
	font-weight:normal;
	text-align: left;
	color: #666666;
	border: solid 1px #CCCCCC;	
	}

.formTextBoxMultiline
	{
	height: 100px;
	width: 250px;
	padding-left:3px;	
	font-size: 8pt;
	font-weight:normal;
	text-align: left;
	color: #666666;
	border: solid 1px #CCCCCC;
	scrollbar-base-color:#FFFFFF; 
	scrollbar-face-color:#CCCCCC;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-Color:#FFFFFF;	
	}
	
.formElementOneLine
	{
	height: 18px;
	width: 200px;
	padding-left:3px;	
	font-size: 8pt;
	font-weight:normal;
	text-align: left;
	color: #666666;
	border: solid 1px #CCCCCC;
	}

.formCheckBoxList
	{
	height: 15px;
	width: 200px;
	font-size: 8pt;
	font-weight:normal;
	text-align: left;
	color: #FFFFFF;
	}
	
.formCheckBox
	{	
	color: #FFFFFF;
	border: solid 1px #CCCCCC;
	}


/** PAGE ELEMENTS **/

.pageBoxOuter
	{
		width: 100%;
		background: url(../_Images/bg_Body_HorizStripes.jpg);
		background-repeat:  repeat;
		background-position: 0px 0px;			
	}

		.pageBoxOuterBodyBox
			{
				width: 100%;
				background: url(../_Images/bg_Header_HorizStripes.jpg);
				background-repeat: repeat-x;
				background-position: 0px 0px;
			}

		.pageBoxInner
			{
				width: 100%;
				background: url(../_Images/bg_Header_Logo.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}

		.pageBoxOuterFooterBox
			{
				width: 100%;
			    background-color: #FFFFFF;
			}

.pageBoxInner
	{
		width: 100%;
	}
	
		.pageBoxInnerBodyBox
			{
				width: 100%;
			}

		.pageBoxInnerFooterBox
			{
				width: 100%;
				height:20px;
				background: url(../_Images/bg_Footer_HorizStripes.jpg);
				background-repeat: repeat-x;
				background-position: 0px 0px;					
				background-color: #FFFFFF;				
			}	

.pageBox
	{
		width: 100%;
		margin-top:0px;
	}
		
.headerBox 
	{
		
	}

.leftBox
	{
		width: 180px;
		background: url(../_Images/bg_LeftMenu_HorizStripes.jpg);
		background-repeat: repeat;
		background-position: 0px 0px;		
		background-color: #F2F2F2;
		border-top: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;	
		border-left: #FFFFFF 1px solid;	
		margin-bottom:20px;
	}		
	
	.leftBoxInner
	{
		width: 180px;
		background: url(../_Images/bg_LeftMenu_Top.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	.leftBoxBottom
		{
			height: 20px;
			padding-left:20px;
			background: url(../_Images/bg_Body_CnrBottomLeft.gif);
			background-repeat: no-repeat;
			background-position: left bottom;	
		}	
				
	.leftBoxBottomInner
		{					
		    height: 20px;
		    background-color: #FFFFFF;
		}	
	
.bodyBoxAdmin
	{
		width: 100%;
	}

.bodyBox
	{
		width: 85%;
	}
		/** .bodyBox detailed formatting **/	
		.bodyBoxTop
			{
				width: 100%;
				height: 20px;
				padding-right:20px;
				background: url(../_Images/bg_Body_CnrTopRight.gif);
				background-repeat: no-repeat;
				background-position: right top;	
			}	
					
		.bodyBoxTopInner
			{
				width: 100%;
		      	height: 20px;
		      	background-color: #FFFFFF;
			}		
						
		.bodyBoxMiddle	
			{
				width: 100%;
				height: 240px;
				background-color: #FFFFFF;
			}						
			
		.bodyBoxBottom
			{
				width: 100%;
				height: 20px;
				padding-left:20px;
				background: url(../_Images/bg_Body_CnrBottomLeft.gif);
				background-repeat: no-repeat;
				background-position: left bottom;	
			}	
					
		.bodyBoxBottomInner
			{
				width: 100%;
		      	height: 20px;
		      	background-color: #FFFFFF;
			}		
			
		.borderedBox
			{
				border: #666666 1px solid;
				width: 100%;
			}
			
		.titleBox
			{
				BORDER-TOP:#666666 0px double;
				FONT-WEIGHT:bold;
				FONT-SIZE:11pt;
				WIDTH:100%;
				LINE-HEIGHT:normal;
				BORDER-BOTTOM:#666666 0px double;
				FONT-STYLE:normal;
				BACKGROUND-COLOR:#dfdfdf;
				FONT-VARIANT:normal;
				color:#666666;
				width: 100%;
			}
				
.rightBox
	{
		border-top: #FF9900 0px solid;
		border-bottom: #FF9900 0px solid;
		border-left: #FF9900 0px solid;
		width: 150px;
		background-color:#FFFFFF;
	}

.footerBox
	{
		padding-top: 0;
	}

/** GENERAL ELEMENTS **/

.image
{
	margin:5px;
	border: #666666 0px solid;
}
	
	
/** TEXT **/

	/** HEADER detailed formatting **/
	
	.headerText					{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	a.headerText				{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	a.headerText:link 			{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	a.headerText:visited 		{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	a.headerText:active 		{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	a.headerText:hover 			{color: #666666;text-decoration: none;letter-spacing:0em;font: bold 9pt; text-align:right;}
	
	/** SPLASHPAGE sprycreative link formatting **/			
	.sprycreative			{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.sprycreative			{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.sprycreative:link 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.sprycreative:visited 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.sprycreative:active 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.sprycreative:hover 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}

	/** FOOTER link formatting **/			
	.footer				{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.footer			{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.footer:link 		{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.footer:visited 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.footer:active 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.footer:hover 		{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	
	/** ENTRY PAGE FOOTER link formatting **/			
	.FooterDark			{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterDark			{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterDark:link 		{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterDark:visited 	{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterDark:active 	{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterDark:hover 		{color: #666666; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}

	.FooterLight			{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterLight			{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterLight:link 		{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterLight:visited 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterLight:active 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	a.FooterLight:hover 	{color: #FFFFFF; text-decoration: none; letter-spacing:0.1em; font: normal 7pt tahoma;}
	
/** LIST TEXT FORMATTING e.g. Shipping List & Extras List on Checkout **/ 
	.SelectedListText				{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText				{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:link			{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:visited 		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:active		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:hover		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	
	.SelectedListText *				{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText *			{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:link *		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:visited * 	{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:active *		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	a.SelectedListText:hover *		{color: #666666;text-decoration: none;background-color: #FFCB7E;font: normal 8pt; vertical-align:baseline;}
	
	.UnSelectedListText				{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText			{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:link 		{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:visited 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:active 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:hover 		{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
		
	.UnSelectedListText *			{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText *			{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:link * 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:visited * 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:active * 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}
	a.UnSelectedListText:hover * 	{color: #666666;text-decoration: none;background-color: #FFFFFF;font: normal 8pt; vertical-align:baseline;}	

TD, SPAN, DIV, OPTION, SELECT, LI, BODY, .fbody 
	{
	font: normal 8pt Tahoma;
	color: #666666;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	}

.lightTxt
	{
	font-size: 8pt;
	font-weight:bold;
	color: #FFFFFF;
	}
	
.responseMsg
	{
	font-size: 8pt;
	font-weight:bold;
	color: #FF9900;
	}	

.responseMsgSmall
	{
	font-size: 8pt;
	font-weight:bold;
	color: #FF9900;
	}	
	
	
	
/* */
.ContentHead
{
	BORDER-TOP:#FF9900 0px solid;
	BORDER-BOTTOM:#FF9900 0px solid;	
	FONT-WEIGHT:bold;
	FONT-SIZE:11pt;
	WIDTH:100%;
	LINE-HEIGHT:normal;
	FONT-STYLE:normal;
	BACKGROUND-COLOR: transparent;
	FONT-VARIANT:normal;
	color:#666666;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
}

/* */
.AccountContentHead
{
	BORDER-TOP:#FF9900 0px solid;
	BORDER-BOTTOM:#FF9900 0px solid;
	FONT-WEIGHT:bold;
	FONT-SIZE:11pt;
	WIDTH:100%;
	LINE-HEIGHT:normal;	
	FONT-STYLE:normal;
	BACKGROUND-COLOR:#ffffff;
	FONT-VARIANT:normal;
	font: bold 8pt;
    color: #666666;
}

/* */
.ContentHeadAdmin
{
	FONT-WEIGHT:bold;
	FONT-SIZE:11pt;
	LINE-HEIGHT:normal;	
	FONT-STYLE:normal;
	BACKGROUND-COLOR:#666666;
	FONT-VARIANT:normal;
	font: bold 8pt;
    color: #FFFFFF;
}


/* */
.HeadAdmin
{
 border-bottom: #666666 2px solid;
}


/* */
.SubContentHeadPadBottom
{
	font-size: 8pt;
	font-weight:bold;
	color: #666666;
	padding-bottom: 10px;
}

.SubContentHeadPadTopBottom
{
	font-size: 8pt;
	font-weight:bold;
	color: #666666;
	line-height: 26pt;
}

/** STYLE FOR TR **/
.CartListHead
{
	background-color: #3184D6;
	margin: 0px;
	padding: 3px;  
}

/** STYLE FOR NESTED TAGS e.g. TD etc **/
.CartListHead *
{
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;     
}

.CartListItem
{
    background-color: #FFFFFF;
    font: bold 9px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #D8E8F7;
    font: bold 9px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #666666;
    line-height: 8pt
}



/** STYLE FOR A TR (HEADER ROW) IN A NESTED TABLE**/
.SubTableHead
{
	background-color: #3184D6;
	margin: 0px;
	padding: 3px;        
}

		/** STYLE FOR NESTED TAGS e.g. TD etc **/
		.SubTableHead *
		{
			font-size: 8pt;
			font-weight: bold;
			color: #FFFFFF;     
		}
	
		.SubTableListItem
		{
			background-color: #FFFFFF;
		}
		
		.SubTableListItemAlt
		{
			background-color: #D8E8F7;
		}
	
		.SubTableBorderedBox
		{
			border: #666666 0px solid;  
		}


/** Link Formatting**/

a:link, a:visited 
	{
	color: #666666;
	text-decoration:underline;
	}

a:active
	{
	color: #666666;
	text-decoration:underline;
	}

a:hover	
	{
	color: #666666;	
	text-decoration:underline;
	}

A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none;
}

/* */
.MenuUnselected, A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited, A.MenuUnselected:hover
{
	font-size: 8pt;
	font-weight:bold;
    color: #666666;
    background-color: transparent;

}

.MenuSelected, A.MenuSelected, A.MenuSelected:link, A.MenuSelected:visited,A.MenuSelected:hover
{
	font-size: 8pt;
	font-weight:bold;
	color: #666666;

}


/* */
A.AccountMenuUnselected, A.AccountMenuUnselected:link, A.AccountMenuUnselected:visited, A.AccountMenuUnselected:hover
{
	font-size: 8pt;
	font-weight:bold;
    color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
}

A.AccountMenuSelected, A.AccountMenuSelected:link, A.AccountMenuSelected:visited,A.AccountMenuSelected:hover
{
	font-size: 8pt;
	font-weight:bold;
	color: #3184D6;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFFFFF;
	border: 0px solid #666666;
}

/* */
A.AdminMenuUnselected, A.AdminMenuUnselected:link, A.AdminMenuUnselected:visited, A.AdminMenuUnselected:hover
{
	font-size: 8pt;
	font-weight:bold;
    color: #666666;
    padding-left: 3px;
    padding-right: 3px;
}

A.AdminMenuSelected, A.AdminMenuSelected:link, A.AdminMenuSelected:visited,A.AdminMenuSelected:hover
{
	font-size: 8pt;
	font-weight:bold;
	color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	background-color:#666666;
}
