/*
----------------------------- BASIC --------------------------------------
*/

BODY {

  text-align: center; /* No edit */

  background: #EDF1CC;
  
  background-image: url(images/header_bar.gif);
  
  background-repeat: repeat-x;

  margin: 0px;  /* No edit */

}






/*
----------------------------- FIXED CENTER --------------------------------------
*/


.fixcenter {

  width: <<Fixed Center Width>>px;
  
  background: <<Fixed Center Background Color>>;

  border: solid; /* No edit */

  border-width: <<Fixed Center Border Thickness>>px;

  color: <<Fixed Center Border Color>>;

  margin: 0px; /* No edit */

  margin-top: <<Fixed Center Margin from Top>>px;

  text-align: left; /* No edit */ 

  background-image: url(<<Fixed Center Background Image>>);
  
  background-repeat: <<Fixed Center Background Image Repeat>>;

}






/*
----------------------------- HEADER TOP --------------------------------------
*/


DIV.headerBackground {

  background: <<Header Top Background Color>>;
  
  background-image: url(<<Header Top Background Image>>);
  
  background-repeat: <<Header Top Background Image Repeat>>;
  
}


TD.headerNavigation {

  font-family: <<Header Top FontFamily>>;

  font-size: <<Header Top Font Size>>px;
  
  font-weight : <<Header Top Font Weight>>;
  
  color: <<Header Top Font Color>>;

}



A.headerNavigation { 

  color: <<Header Top Link Color>>; 
  
  text-decoration: none; /* no edit */

}



A.headerNavigation:hover {

  color: <<Header Top Link Hover Color>>;
  
  text-decoration: underline; /* no edit */

}


SPAN.searchText {

  font-family: <<Header Top Advanced Search FontFamily>>;

  font-size: <<Header Top Advanced Search Font Size>>;
  
  color: <<Header Top Advanced Search Font Color>>;
  
  text-decoration: none; /* no edit */
}







/*
----------------------------- HEADER LINKS BAR --------------------------------------
*/

headerLinksbox {

  background: <<Header Links Bar Background Color>>;
  
  font-family: <<Header Links Bar FontFamily>>;

  font-size: <<Header Links Bar Font Size>>px;

  color: <<Header Links Bar Font Color>>;

  font-weight : <<Header Links Bar Font Weight>>;

}



A.headerLinksbox { 

  color: <<Header Links Bar Link Color>>; 
  
  text-decoration: none; /* no edit */

}


A.headerLinksbox:hover {

  color: <<Header Links Bar Link Hover Color>>;
  
  text-decoration: underline; /* no edit */

}






/*
----------------------------- HEADER BAR --------------------------------------
*/

TD.breadcrumbbar {

  background: <<Header Bar Background Color>>;
  
  background-image: url(<<Header Bar Background Image>>);
  
  background-repeat: <<Header Bar Background Image Repeat>>;
  
  font-family: <<Header Bar FontFamily>>;

  font-size: <<Header Bar Font Size>>px;

  color: <<Header Bar Font Color>>;

  font-weight : <<Header Bar Font Weight>>;

}


A.breadcrumbbar { 

  color: <<Header Bar Link Color>>; 

}


A.breadcrumbbar:hover {

  color: <<Header Bar Link Hover Color>>;

}




/*
----------------------------- INFO MESSAGE --------------------------------------
*/

TR.headerError, TR.headerInfo, infoBoxNotice {

  background: #FFFFFF; /* no edit */

}


TD.headerError, TD.headerInfo, infoBoxNoticeContents, SPAN.errorText, .messageBox, .messageStackError, .messageStackWarning, .messageStackSuccess, .errorBox   {

  font-family: <<Info Message FontFamily>>;

  font-size: <<Info Message Font Size>>px;

  background: <<Info Message Background Color>>;

  color: <<Info Message Text Color>>;

  font-weight : <<Info Message Font Weight>>;

  text-align : left;

}



.inputRequirement, .stockWarning { 

  font-family: <<Info Message Required Note FontFamily>>; 
  
  font-size: <<Info Message Required Note Font Size>>px; 
  
  color: <<Info Message Required Note Font Color>>; 

}




/*
----------------------------- COLUMN BACKGROUNDS --------------------------------------
*/


.LeftColumn {

  background: <<Column-Left Background Color>>;

  background-image: url(<<Column-Left Background Image>>);
  
  background-repeat: <<Column-Left Background Image Repeat>>;

}



.RightColumn {

  background: <<Column-Right Background Color>>;

  background-image: url(<<Column-Right Background Image>>);
  
  background-repeat: <<Column-Right Background Image Repeat>>;

}




/*
----------------------------- FOOTER --------------------------------------
*/


TD.footerbar {

  background: <<Footer Divider Bar Color>>;

}


TR.footer {

  background: <<Footer Background Color>>;
  
  background-image: url(<<Footer Background Image>>);
  
  background-repeat: <<Footer Background Image Repeat>>;
  
  font-family: <<Footer FontFamily>>;

  font-size: <<Footer Font Size>>px;
  
  font-weight : <<Footer Font Weight>>;
  
  color: <<Footer Font Color>>;

}


A.footer { 

  color: <<Footer Link Color>>; 

}


A.footer:hover {

  color: <<Footer Link Hover Color>>;

}






/*
----------------------------- BOX --------------------------------------
*/


.infoBox {

  background: <<Box Border Color>>;

}


.infoBoxContents, TD.infoBox, SPAN.infoBox, TABLE.formArea {

  background: <<Box Background Color>>;;

}



/*
----------------------------- INFOBOX --------------------------------------
*/

TD.maininfoBoxHeading {

  background: <<InfoBox Header Background Color>>;

  color: <<InfoBox Header Font Color>>;

  font-family: <<InfoBox Header FontFamily>>;

  font-size: <<InfoBox Header Font Size>>px;

  font-weight: <<InfoBox Header Font Weight>>;

  padding-left:7px; /*Left padding added to header*/

}



.maininfoBox, TD.maininfoBox, SPAN.maininfoBox {

  background: <<InfoBox Border Color>>;

}



.maininfoBoxContents{

  background: <<InfoBox Background Color>>;
  
  color: <<InfoBox Font Color>>;

  font-family: <<InfoBox FontFamily>>;

  font-size: <<InfoBox Font Size>>px;

}



A.maininfoBoxContents { 

  color: <<InfoBox Link Color>>; 
  
  text-decoration: none; /* no edit */

}


A.maininfoBoxContents:hover {

  color: <<InfoBox Link Hover Color>>;
  
  text-decoration: underline; /* no edit */

}


.maininfoBoxsmall {

  color: <<InfoBox Small Font Color>>;

  font-family: <<InfoBox Small FontFamily>>;

  font-size: <<InfoBox Small Font Size>>px;

}





/*
----------------------------- CONTENT --------------------------------------
*/

TD.pageHeading, DIV.pageHeading, P.pageHeading, span.pageHeading {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 18px;
  
  color: #333333;  

  line-height: 1.5;

  font-weight: <<Content Page Heading Font Weight>>;

}


TD.main, P.main {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;
  
  color: #333333;  

  line-height: 1.5;

}



A {

  color: #3B9137;

  text-decoration: none; /* No edit */
}



A:hover {

  color: #3B9137;

  text-decoration: underline; /* No edit */

}


TD.smallText, SPAN.smallText, P.smallText {

  font-family: <<Content Small Text FontFamily>>;

  font-size: <<Content Small Text Font Size>>px;
  
  font-weight: <<Content Small Text Font Weight>>;

  color: <<Content Small Text Font Color>>; 

}




/*
----------------------------- FORM (no edit) --------------------------------------
*/


FORM {

	display: inline;
	
	}


TEXTAREA {

  width: 100%;

  font-family: Verdana,Arial,sans-serif;

  font-size: 10 px;

}






/*
----------------------------- PRICE --------------------------------------
*/


SPAN.productSpecialPrice {

  font-family: <<Product Sale Price Small FontFamily>>;
  
  font-size: <<Product Sale Price Small Font Size>>;
  
  font-weight: <<Product Sale Price Small Font Weight>>;

  color: <<Product Sale Price Small Font Color>>;

}


DIV.productPrice {
 
 font-family: <<Product Regular Price FontFamily>>;
  
  font-size: <<Product Regular Price Font Size>>;
  
  font-weight: <<Product Regular Price Font Weight>>;

  color: <<Product Regular Price Font Color>>;

	}


SPAN.productsalePriceLarge {

  font-family: <<Product Sale Price FontFamily>>;
  
  font-size: <<Product Sale Price Font Size>>;
  
  font-weight: <<Product Sale Price Font Weight>>;

  color: <<Product Sale Price Font Color>>;

	}
	



/*
----------------------------- ROLLOVER --------------------------------------
*/

.moduleRow { }


.moduleRowOver { 

  background-color: <<Rollover Background Color>>; 
  
  cursor: pointer; /* no edit */
  
  cursor: hand;  /* no edit */

}


.moduleRowSelected { 

  background-color: <<Rollover Selected Background Color>>; 
  
}


/*
----------------------------- CATEGORIES BOX --------------------------------------
*/

	
/* Menu items with subcategories */

#nav {
  font-family: <<Categories FontFamily>>;

  font-size: <<Categories Font Size>>px;
  
  color: <<Categories Font Color>>;
  
  font-weight: <<Categories Font Weight>>;

  background-color: ;
  
  border-bottom-style: dotted;
  
  padding-left:0px; /*Left padding added to header*/
  
  border: solid; /* No edit */

  border-width: 0px;

  
  	margin: 0px;
	padding: 0px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	list-style-position: outside, inside;
	list-style-image: ;
	list-style-type: square;
	line-height: 1.5;
  

}




	
#nav a.daddy {
    color: ;
	background: url(images/arrow_green.gif) center right no-repeat;
	margin: 10px;
	padding: 10px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	list-style-position: outside;
	list-style-image: url(/includes/languages/english/images/buttons1/arrow.gif);
	list-style-type: square;
	line-height: 1.5%;
}

	
#nav li a {

  color: <<Categories Link Color>>; 
  
  text-decoration: none; /* no edit */
}
	
#nav li a:hover {
    color: <<Categories Link Hover Color>>;
}

/* Selected items with subcategories */	
#nav li.selected {
    background-color: ;
}
P.main  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
DIV.pageHeading  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}