{config_load file=$SkinColorScheme}
{config_load file=$SkinFonts}

{literal}
BODY, P, DIV, TD, BLOCKQUOTE {
	font-family:{/literal}{#FontSiteFamily#}{literal};
	font-size:{/literal}{#FontSiteSize#}{literal};
	font-style:{/literal}{#FontSiteStyle#}{literal};
	font-weight:{/literal}{#FontSiteWeight#}{literal};
	color:{/literal}{#ColorSiteTextColor#}{literal};
}
form{margin:0;padding:0;}
A:ACTIVE{color:{/literal}{#ColorSiteLink#}{literal};text-decoration:none;}
A:LINK{color:{/literal}{#ColorSiteLink#}{literal};text-decoration:none;}
A:VISITED{color:{/literal}{#ColorSiteLink#}{literal};text-decoration:none;}
A:HOVER{color:{/literal}{#ColorSiteLinkHover#}{literal};text-decoration:underline;}

.TopBottomBar{font-size:11px;
	background-color:{/literal}{#ColorBarsTopBottomBackground#}{literal};
	height:{/literal}{$LayoutTopBarHeight}{literal}px;
	color:{/literal}{#ColorBarsTopBottomText#}{literal};
}
A:ACTIVE.TopBottomBarLink{color:{/literal}{#ColorBarsTopBottomText#}{literal};text-decoration:none;}
A:LINK.TopBottomBarLink{color:{/literal}{#ColorBarsTopBottomText#}{literal};text-decoration:none;}
A:VISITED.TopBottomBarLink{color:{/literal}{#ColorBarsTopBottomText#}{literal};text-decoration:none;}
A:HOVER.TopBottomBarLink{color:{/literal}{#ColorBarsTopBottomText#}{literal};text-decoration:underline;}

.strike{
	text-decoration:line-through;
}
/** BOX STYLES **/
.BoxFrame{background-color:{/literal}{#ColorBoxFrame#}{literal};font-weight:bold;}

.BoxHeader{
	font-family:{/literal}{#FontBoxHeaderFamily#}{literal};
	font-size:{/literal}{#FontBoxHeaderSize#}{literal};
	font-style:{/literal}{#FontBoxHeaderStyle#}{literal};
	font-weight:{/literal}{#FontBoxHeaderWeight#}{literal};
	background-color:{/literal}{#ColorBoxHeaderBackground#}{literal};
	height:25px;
	color:{/literal}{#ColorBoxHeaderText#}{literal};
}
.BoxContent{
	font-family:{/literal}{#FontBoxTextFamily#}{literal};
	font-size:{/literal}{#FontBoxTextSize#}{literal};
	font-style:{/literal}{#FontBoxTextStyle#}{literal};
	font-weight:{/literal}{#FontBoxTextWeight#}{literal};
	padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;
	background-color:{/literal}{#ColorBoxBackground#}{literal};
	color:{/literal}{#ColorBoxText#}{literal};
}
.BoxText{
	font-family:{/literal}{#FontBoxTextFamily#}{literal};
	font-size:{/literal}{#FontBoxTextSize#}{literal};
	font-style:{/literal}{#FontBoxTextStyle#}{literal};
	font-weight:{/literal}{#FontBoxTextWeight#}{literal};
	background-color:{/literal}{#ColorBoxBackground#}{literal};
	color:{/literal}{#ColorBoxText#}{literal};
}
A:ACTIVE.BoxLink{color:{/literal}{#ColorBoxLink#}{literal};text-decoration:none;}
A:LINK.BoxLink{color:{/literal}{#ColorBoxLink#}{literal};text-decoration:none;}
A:VISITED.BoxLink{color:{/literal}{#ColorBoxLink#}{literal};text-decoration:none;}
A:HOVER.BoxLink{color:{/literal}{#ColorBoxLinkHover#}{literal};text-decoration:underline;}

/** PAGE HEADER AND NAVIGATION					**/
.pageHeader{
	font-family:{/literal}{#FontPageHeaderFamily#}{literal};
	font-size:{/literal}{#FontPageHeaderSize#}{literal};
	font-style:{/literal}{#FontPageHeaderStyle#}{literal};
	font-weight:{/literal}{#FontPageHeaderWeight#}{literal};
	background-color:{/literal}{#ColorPageHeaderBackground#}{literal};
	text-align:left;
	padding:5px;
	margin:0px;
	color:{/literal}{#ColorPageHeaderText#}{literal};
}

.pageNavigation{
	font-family:{/literal}{#FontPageNavigationFamily#}{literal};
	font-size:{/literal}{#FontPageNavigationSize#}{literal};
	font-style:{/literal}{#FontPageNavigationStyle#}{literal};
	font-weight:{/literal}{#FontPageNavigationWeight#}{literal};
	background-color:{/literal}{#ColorPageNavigationBackground#}{literal};
	padding:5px;
	height:16px;
	color:{/literal}{#ColorPageNavigationText#}{literal};
}

.pageNavigation div{
	font-family:{/literal}{#FontPageNavigationFamily#}{literal};
	font-size:{/literal}{#FontPageNavigationSize#}{literal};
	font-style:{/literal}{#FontPageNavigationStyle#}{literal};
	font-weight:{/literal}{#FontPageNavigationWeight#}{literal};
	color:{/literal}{#ColorPageNavigationText#}{literal};
}

/** CATALOG ITEMS				 				**/
.CatalogNavigation{
	font-family:{/literal}{#FontCatalogNavigationFamily#}{literal};
	font-size:{/literal}{#FontCatalogNavigationSize#}{literal};
	font-style:{/literal}{#FontCatalogNavigationStyle#}{literal};
	font-weight:{/literal}{#FontCatalogNavigationWeight#}{literal};
	background-color:{/literal}{#ColorCatalogNavigationBackground#}{literal};
	color:{/literal}{#ColorCatalogNavigationText#}{literal};
}
.CatalogItemDark{
	font-family:{/literal}{#FontCatalogItemFamily#}{literal};
	font-size:{/literal}{#FontCatalogItemSize#}{literal};
	font-style:{/literal}{#FontCatalogItemStyle#}{literal};
	font-weight:{/literal}{#FontCatalogItemWeight#}{literal};
	background-color:{/literal}{#ColorCatalogItemDarkBackground#}{literal};
	padding:4px;
	color:{/literal}{#ColorCatalogItemDarkText#}{literal};
}
.CatalogItemLight{
	font-family:{/literal}{#FontCatalogItemFamily#}{literal};
	font-size:{/literal}{#FontCatalogItemSize#}{literal};
	font-style:{/literal}{#FontCatalogItemStyle#}{literal};
	font-weight:{/literal}{#FontCatalogItemWeight#}{literal};
	background-color:{/literal}{#ColorCatalogItemLightBackground#}{literal};
	padding:4px;
	color:{/literal}{#ColorCatalogItemLightText#}{literal};
}

/** LISTS FOR CART ITEMS - USES CATALOG STYLES **/

.listHeader{
	font-family:{/literal}{#FontCatalogItemFamily#}{literal};
	font-size:{/literal}{#FontCatalogItemSize#}{literal};
	font-style:{/literal}{#FontCatalogItemStyle#}{literal};
	font-weight:{/literal}{#FontCatalogItemWeight#}{literal};
	background-color:{/literal}{#ColorCatalogItemDarkBackground#}{literal};
	color:{/literal}{#ColorCatalogItemDarkText#}{literal};
}

.listItem{
	font-family:{/literal}{#FontCatalogItemFamily#}{literal};
	font-size:{/literal}{#FontCatalogItemSize#}{literal};
	font-style:{/literal}{#FontCatalogItemStyle#}{literal};
	font-weight:{/literal}{#FontCatalogItemWeight#}{literal};
	background-color:{/literal}{#ColorCatalogItemLightBackground#}{literal};
	color:{/literal}{#ColorCatalogItemLightText#}{literal};
}

/** FORMS										**/
/**NEW FORM STYLES**/

.formFieldSet{
	border:1px solid {/literal}{#ColorFormBorder#}{literal};
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/*border-style: outset;*/
	padding-bottom:10px;

}

.formContent{
	clear:both;
	float:left;
	padding-left:0px;
	width:99%;
}

.formSeparator{
	font-family:{/literal}{#FontFormSeparatorFamily#}{literal};
	font-size:{/literal}{#FontFormSeparatorSize#}{literal};
	font-style:{/literal}{#FontFormSeparatorStyle#}{literal};
	font-weight:{/literal}{#FontFormSeparatorWeight#}{literal};
	background-color:{/literal}{#ColorFormSeparatorBackground#}{literal};
	padding:6px;
	color:{/literal}{#ColorFormSeparatorText#}{literal};
}

.formHeader{
	clear:both;
	font-family:{/literal}{#FontFormHeaderFamily#}{literal};
	font-size:{/literal}{#FontFormHeaderSize#}{literal};
	font-style:{/literal}{#FontFormHeaderStyle#}{literal};
	font-weight:{/literal}{#FontFormHeaderWeight#}{literal};
	background-color:{/literal}{#ColorFormHeaderBackground#}{literal};
	color:{/literal}{#ColorFormHeaderText#}{literal};
	padding:5px;
}

.formLine{
	clear:both;
	float:left;
	width:100%;
	
}

.formCaption{
	font-family:{/literal}{#FontFormItemsFamily#}{literal};
	font-size:{/literal}{#FontFormItemsSize#}{literal};
	font-style:{/literal}{#FontFormItemsStyle#}{literal};
	font-weight:{/literal}{#FontFormItemsWeight#}{literal};
	color:{/literal}{#ColorFormItemsText#}{literal};
	float:left;
	padding:5px;
	margin-top:3px;
	text-align:right;
	width:40%;
}

.formControl{
	font-family:{/literal}{#FontFormItemsFamily#}{literal};
	font-size:{/literal}{#FontFormItemsSize#}{literal};
	font-style:{/literal}{#FontFormItemsStyle#}{literal};
	font-weight:{/literal}{#FontFormItemsWeight#}{literal};
	color:{/literal}{#ColorFormItemsText#}{literal};
	float:left;
	padding:5px;
}

.formSpace{
	font-family:{/literal}{#FontFormItemsFamily#}{literal};
	font-size:{/literal}{#FontFormItemsSize#}{literal};
	font-style:{/literal}{#FontFormItemsStyle#}{literal};
	font-weight:{/literal}{#FontFormItemsWeight#}{literal};
	color:{/literal}{#ColorFormItemsText#}{literal};
	float:left;
	padding:5px;
	padding-left:15px;
}

.formControlText{
	font-family:{/literal}{#FontFormInputFamily#}{literal};
	font-size:{/literal}{#FontFormInputSize#}{literal};
	font-style:{/literal}{#FontFormInputStyle#}{literal};
	font-weight:{/literal}{#FontFormInputWeight#}{literal};
	width:150px;color:{/literal}{#ColorFormInput#}{literal};
}
 
.formControlSelect{
	font-family:{/literal}{#FontFormInputFamily#}{literal};
	font-size:{/literal}{#FontFormInputSize#}{literal};
	font-style:{/literal}{#FontFormInputStyle#}{literal};
	font-weight:{/literal}{#FontFormInputWeight#}{literal};
	width:150px;color:{/literal}{#ColorFormInput#}{literal};
}

.formButtons{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
/**NEW FORM END**/

.FormItems{
	font-family:{/literal}{#FontFormItemsFamily#}{literal};
	font-size:{/literal}{#FontFormItemsSize#}{literal};
	font-style:{/literal}{#FontFormItemsStyle#}{literal};
	font-weight:{/literal}{#FontFormItemsWeight#}{literal};
	padding:2px;
	color:{/literal}{#ColorFormItemsText#}{literal};
}

.formRemark{
	font-family:{/literal}{#FontFormRemarkFamily#}{literal};
	font-size:{/literal}{#FontFormRemarkSize#}{literal};
	font-style:{/literal}{#FontFormRemarkStyle#}{literal};
	font-weight:{/literal}{#FontFormRemarkWeight#}{literal};
	color:{/literal}{#ColorFormCommentsText#}{literal};	
}

.ProductSubtitle{
	font-family:{/literal}{#FontProductSubtitleFamily#}{literal};
	font-size:{/literal}{#FontProductSubtitleSize#}{literal};
	font-style:{/literal}{#FontProductSubtitleStyle#}{literal};
	font-weight:{/literal}{#FontProductSubtitleWeight#}{literal};
	border-bottom:1px solid {/literal}{#ColorCatalogItemBorder#}{literal};
	padding:5px;
}

{/literal}