/*  Core color summary:
	block background: #003399
    block alternate: #0066cc
    light alternate: #b5c7d6
    grey: #f1eadd
    Warning colors: #f1eadd, #d2007c
style="cursor: pointer;forecolor:#523613" class="webstoremenulink" 
*/

BODY
{
	background-color: #eff3e5;
}
TABLE,TD,TH,INPUT,TEXTAREA,SELECT,CONTENT
{
    font-family:Century Gothic:Verdana,sans-serif;
    font-size: 10pt;
}
BODY
{
    margin-top: 0pt;
    padding-top: 0pt; 
}
PRE
{
    background: #f1eadd;
    color: #523613;
    font-family:Century Gothic:Verdana;
    font-size: 10pt;
    font-weight: normal;
}
H1
{
    background-color: #f1eadd;
    color: #523613;
    font-size: 16pt;
    font-family:Century Gothic:Verdana;
    height: 25pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0px;
    padding-top: 3pt;
    TEXT-ALIGN: center
}
H2
{
    color: #523613;
    font-size: 14pt;
    font-weight: bold;
    font-family:Century Gothic:Verdana;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
H3
{
    color: #523613;
    font-size: 10pt;
    font-weight: bold;
    font-family:Century Gothic:Verdana;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
FORM
{
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
TABLE
{
 	border-collapse: collapse;
}
TD
{
	Border-collapse: collapse;
    border-color: #f1eadd;
}
TABLE.blackborder TD
{
	border-width: 1px;
	border-color: #f1eadd;
}
TH
{
	border-collapse: collapse;
	font-weight: bold;
	text-align: center;
}
A 
{ color:#523613; }
A:visited
{
	color: #d2007c;
}
A:hover 
{ color:Red;}
HR 
{ color:#523613; background: #523613; border: 0; height:1px;}
	
UL 
{
    margin-bottom: 0pt;
    margin-top: 2pt;
    padding-bottom: 2pt;
    padding-top: 2pt;
}	
LI
{
	padding-top: 2pt;
	padding-bottom: 0pt;
}
.TDDescLabel
{
	text-align:right;
	vertical-align:top;
	font-size:10px;
	font-weight:bold;
		
}
.TDDescValue
{
	text-align:left;
	vertical-align:top;
	font-size:10px;
	font-weight:lighter;

}

.blackborder
{
	border-style:solid;
	border-width: 2px;
	border-color: #523613;
}
.greybackground
{
	background-color: #f1eadd;
}

/* 
   used on the main page left table column 
   the default contains the wave background
*/
.categorylistbackground
{
	width: 170px;
	background-image: url(images/newwave.jpg);
	background-color:#f1eadd;
	/* background: #fff8ad; */
	vertical-align: top;
	padding-left: 4pt;
}
.smallbody 
{
    font-size: 8pt;
    font-weight: normal;
    font-family:Century Gothic:Verdana;
}
SMALL
{
    font-size: 8pt;
    font-weight: normal;
    font-family:Century Gothic:Verdana;
}

/* Block backgrounds for headers etc. */
.menuband, .gridheader, .gridheaderbig, .buttonlinks, .blockheader, .roundedcorner_center
{
	color: #f1eadd;
	font-family: Century Gothic;
	background-color: #523613;
	padding: 0px;
}
/* Alternate background color Color to offset the background
   used for the category list and banner strips for color
   variety. Should be a companion color to the block background
   colors (previous tag
*/
.alternatebackground
{
	color: white;
	background-color: #f1eadd;
}

/* used for any block tags like headers on tables etc. */
.blockheader
{
	font-weight:bold;
	font-family:Century Gothic:Verdana;
}

.webstoretitletext 
{
	color: #003399;
	font-size: 20pt;
	font-family: Century Gothic;
	font-weight: bold;	
	padding: 3px;
}
.webstorebanner
{
	font-family:Century Gothic;
	font-weight:bold;
	height: 21px;
	padding-top: 5px;
	white-space:nowrap;
}
.webstoremenulink
{
	text-decoration: none;
	font-size:12.5px;
	font-family:Century Gothic;
}
.webstoremenulinkAnchor
{
	text-decoration: none;
	font-size:12.5px;
	font-family:Century Gothic;
	cursor: pointer;
}
.webstorebannertext
{
	color: White;
	text-decoration: none;
	font-size:8px;
	font-family:Century Gothic:Verdana;

}
.webstorebannertext:visited
{
	color: White;
	font-family:Century Gothic:Verdana;
}
.webstorebannertext:hover
{
	color: #003399;
	background: White;
	font-family:Century Gothic:Verdana;
}

.ProductListItem
{
	font-family:Century Gothic:Verdana;
	font-size: 9pt;
}
.productdetails
{
	text-decoration: none;
	font-family:Century Gothic:Verdana;
	font-size: 10pt;
    font-weight:bold;
}
/* Used on the category list as a standard link */
.menucolumn 
{ 
	padding:5px;
	font-family:Century Gothic:Verdana;
}
.menulink
{
    color: White;
    font-size: 8pt;
    font-family:Century Gothic:Verdana;
    font-weight: normal;
    text-decoration: none ;
    display:block;
    text-align:left;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 5px;
}
.menulink:visited { color: #f1eadd; } 
.menulink:hover { color:#523613;text-decoration:none; font-weight:normal;background: white url(images/MenuHighlight.png) repeat-x;}
.menuband
{	
	font-weight: bold;
	font-family:Century Gothic:Verdana;	
	height: 20px;
	padding-top: 5px;
	text-align: center;
}
.buttonlinks 
{
    font-weight:bold;
    font-family:Century Gothic:Verdana;
    text-decoration: none;
    display: block;
    padding:2px;
}
.buttonlinks:visited { color: #f8bfd8; }
.buttonlinks:hover { color:#ef7baf; text-decoration:none; background:white;} 

.imagelink
{
	text-decoration: none;
	display: inline-block;
	padding-left:4px;
	padding-right: 4px;
	padding-top: 2px;
}
.imagelink:hover { background: white; color:black; text-decoration:none; } 

.submitbutton
{
	font-weight: bold;
	font-family:Century Gothic:Verdana;
	height: 35px;
	width: 200px;
	background: url(images/submitbutton.gif);
	color: #f1eadd;
	border: none 0px;
}
.submitbutton:hover { background: url(images/SubmitButtonHover.gif); } 
.submitbutton:active { background: url(images/SubmitButtonPressed.gif); }

.smallbutton
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	font-family:Century Gothic:Verdana;
	color: #f1eadd;
	background: url(images/smallbutton.gif);
	border: none 0px;
}
.smallbutton:hover { background: url(images/smallbuttonhover.gif); }
.smallbutton:active { background: url(images/smallbuttonpressed.gif); }

.smallbuttontext
{
	font-size: 8pt;
	font-family:Century Gothic:Verdana;
	height: 20px;
}

.gradienthighlight
{
	background: white url(images/horizontalgradient.png) repeat-y;
}
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright
{
	height: 20px;
	padding: 4px 4px 4px 4px;
	background-color: #523613;
	text-align: center;
	font-family: Century Gothic;
	text-decoration: none;
}
.gridheaderleft
{
	text-align: left;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{
	background: url(images/menuhighlight.png) repeat-x bottom;
}
.gridnormal
{
	background-color: white;
}
.gridalternate
{
	background-color: white;
}
.gridhighlight
{
	background-color:#ffcfdc;
	cursor:pointer;
}
.errormessage
{
	font-size: 10pt;
	font-family:Century Gothic:Verdana;
	font-weight: bold;
	color: #d2007c;
}
.errordisplay
{
	font-size: 10pt;
	font-family:Century Gothic:Verdana;
	font-weight: normal;
	color: #d2007c;
	border:solid 2px #d2007c;
	background-color:#ffeff6;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
}
.errordisplay hr
{
	color: #d2007c;
	font-family:Century Gothic:Verdana;
}
.oliohInlineFont
{
	font-size: 12pt;
	font-family: Century Gothic:Verdana;
}
.oliohInLineTextColor
{
	color:#d23f88;
}
.dialogwindow
{
	margin:0px;
	background: #f1eadd;
	font-family:Century Gothic:Verdana;
	font-size: 8pt;
}
.descriptionheader
{
	background: #003399;
	color: white;
	font-size: 8pt;
	font-family:Century Gothic:Verdana;
	text-align: left;
	padding: 10px;
}

.tabbutton, .selectedtabbutton
{
	font-size: 8pt;
	font-family:Century Gothic:Verdana;
	background: transparent url(images/tabnormal.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
	color: #523613;
	width: 120px;
	border: none 0px;
	margin: 0px;
	padding:0px;
}
.tabbutton:hover
{
	background: transparent url(images/tabhover.gif) no-repeat;
}
.selectedtabbutton 
{ 
	font-weight: bold;
	font-family:Century Gothic:Verdana; 
	color: White; 
	background:transparent url(images/tabselected.gif) no-repeat;
	cursor:default;
}

.roundedcordner_ul, .roundedcorner_ur
{
	height:25px;
	width: 20px; 
	padding: 0px;
}
.roundedcorner_ul
{
	background: url(images/corner_ul.gif) no-repeat;
}
.roundedcorner_ur
{
	background: url(images/corner_ur.gif) no-repeat;
}

.standardElement
{
	font-size:9pt;
	line-height:125%;
	font-family:Century Gothic:Verdana;
	color:#626262;
}
.standardElementBold
{
	font-weight:bold;
	font-size:9pt;
	line-height:125%;
	font-family:Century Gothic:Verdana;
	color:#626262;
}
.standardHeader
{
	font-size:9.8pt;
	line-height:125%;
	font-family:Century Gothic:Verdana;
	color:#626262;
}

.roundedcorner_center
{
	height:20px; 
	text-align: center;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	font-family:Century Gothic:Verdana;
	background-color: #d2007c;
}


