
/* ============================================
e-c COMPONENT StyleSheet
============================================ */

/* Link to this css to be added to all e-c templates */


/* ============
   CONTENTS
===============

1. Calendar - small
2. Form - dynamic
3. Calendar - may 07
4. Articles - aug 07

*/


/* ====================================================================
1. CALENDAR - SMALL
==================================================================== */

/* DELETE from... ec/lib/dpsfile.asp ... LOCATION... "marker-cal:sm" */

TD.NON {
text-align: center;
background-color: #cccccc;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#999999;
}

TD.TOP {
text-align: center;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#0000FF;
}

TD.Some {
text-align: center;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#000000;
}

TD.days {
background-color: #666666;
text-align: center;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#ffffff;
}

TD.TODAY {
text-align: center;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
font-weight :bold;
color: #0000ff;}
  
A.NOEVENT:Link {
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#000000;
}

A.NOEVENT:Visited {
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#000000;
}

A.EVENT:Link {
padding: 1px;
background-color: #E5E5E5;
display: block;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#ff0000;
}

A.EVENT:Visited {
padding: 1px;
background-color: #E5E5E5;
font-family :Tahoma, Verdana, Arial;
font-size :11px;
color :#990000;
}

A.NORMAL:Link {
font-family :Verdana, Arial;
font-size :11px;
color :#0000FF;
}

A.NORMAL:Visited {
font-family :Verdana, Arial;
font-size :11px;
color :#0000FF;
}


/* ====================================================================
2. FORM - DYNAMIC
==================================================================== */

.dynamicform {
	}

.dynamicform table {
	width: auto;
	border: solid #cccccc 1px;
	}

.dynamicform td {
	padding: 3px;
	}
	
.dynamicform .formtext {
	border-bottom: solid #ECECEC 1px;
	text-align: right;
	vertical-align: top;
	}

.dynamicform .formfield {
	background-color: #ECECEC;
	vertical-align: top;
	}

.dynamicform .formsubmit {
	background-color: #cccccc;
	padding: 10 0 10 0;
	border-bottom: solid #999999 1px;
	border-top: solid #999999 1px;
	text-align: center;
	}

.dynamicform .formheader {
	text-align: center;
	}

.dynamicform .formcomment {
	text-align: left;
	}


/* ====================================================================
3. Calendar - may 07
==================================================================== */


.cal-border {
border: solid #999999 1px;
background-color: #cccccc;
}

.cal-day {
border: solid #333333 1px;
background-color: #666666;
color: #ffffff;
}

.cal-date {
border: solid #999999 1px;
background-color: #ffffff;
}

.date-num {
border: solid #cccccc 1px;
background-color: #E2E2E2;
padding: 2px;
width: 100%;
margin-bottom: 3px;
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=30, StartY=0, FinishX=95, FinishY=0);
}


/* ====================================================================
4. Articles - aug 07
==================================================================== */

#artsearch td {
	padding: 3px;
	}

body #thearticles .artsearchname {
	font-size: 75%;
	background-color: #e8e8e8;
	}

.artsearchfield {
	background-color: #949494;
	color: #fff;
	}

body #thearticles .artsearchfield input {
	font-size: 75%;
	}

body #thearticles .artsearchfield select {
	font-size: 75%;
	}

.artsearchsubmit {
	background-color: #535353;
	color: #fff;
	}

body #thearticles .artsearchsubmit input {
	font-size: 85%;
	}

#artteaser {
	color: #949494;
	}

body #thearticles .feathead {
	font-weight: bold;
	font-size: 125%;
	color: #2a1b60;
	margin-bottom: 5px;
	}
	
.cathead {
	font-weight: bold;
	background-color: #949494;
	border-bottom: solid #737373 3px;
	color: #fff;
	padding: 2px 3px 4px 3px;
	margin-top: 10px;
	}

#catsnips p{
	padding: 0px;
	margin: 0px;
	padding: 5px 0 2px 0;
	}

#catsnips form{
	padding: 0px;
	margin: 0px;
	}


/* ====================================================================
5. Special Offers - internal template
==================================================================== */

.specialoffers {
	border: solid #b5c0c8 1px;
	}

.specialoffers td {
	padding: 5px;
	}

.specialheader {
	background-color: #434c52;
	color: #fff;
	font-size: large;
	font-weight: bold;
	border: solid #fff 1px;
	}

.specialitem {

	}

.specialitem img {
	border: solid #212528 1px;
	}

html body .specialoffers .specialdetails {
	font-size: 20px;
	color: #ff0000;
	}



/* ====================================================================
6. Breadcrumb link trail
==================================================================== */


#breadcrumb {
		width: auto;
		padding: 0 0 30px 0;
		font-family: arial, ;
		font-size: 	12px;
		}
	
	#breadcrumb .bcotherpage {
		background-color: none;
		}
		
	#breadcrumb .bcotherpage a {
		color: #005aa7;
		}
	
	#breadcrumb .bcotherpage a:hover {
		color: #0090ff;
		}
	
	#breadcrumb #bcthispage {
		color: #000;
		font-weight: bold;
		}
	
	#breadcrumb .bclinker {
		font-weight: normal;
		color: #666;
		padding: 0 5px;
		}
		
/* ====================================================================
7. Shopping Component
==================================================================== */
		
.detail {
background-color: #F2F6F8;
font-size: 12pt;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: solid #CBD5DA 1px;
}

.detail2 {
background-color: #E0E8EB;
font-size: 12pt;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: #cccccc 1px;
}

.detail3 {
background-color: #CBD5DA;
font-size: x-small;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: #cccccc 1px;
}

.detail4 {
background-color: #ffffff;
font-size: x-small;
font-weight: bold;
padding: 5px;
border-top: solid #000000 2px;
border-bottom: solid #000000 1px;
border-right: solid #000000 1px;
border-left: solid #000000 2px;
}

.detail5 {
background-color: #E0E8EB;
font-size: x-small;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: solid #CBD5DA 1px;
}

.header1 {
color: #ffffff;
background-color: #A4AFB3;
font-size: x-small;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: solid #77868B 1px;
border-right: solid #ffffff 1px;
}

.header2 {
color: #ffffff;
background-color: #919DA2;
font-size: x-small;
padding: 5px;
border-top: solid #ffffff 2px;
border-bottom: solid #77868B 1px;
border-right: solid #ffffff 1px;
}

.num {
width: 25px;
background-color: #E0E8EB;
padding: 3px;
border: double #A4AFB3 3px;
text-align: center;
font-size: medium;
font-weight: bold;
}

.hed {
padding: 3px;
padding-left: 10px;
font-size: medium;
font-weight: bold;
}

.hed2 {
font-size: medium;
font-weight: bold;
}

.basic {
font-size: x-small;
font-weight: bold;
}

.basic2 {
font-size: x-small;
}

.boxhead {
border-bottom: solid #77868B 1px;
background-color: #A4AFB3;
color: #ffffff;
font-weight: bold;
}


/* ====================================================================
BLOGBOX
==================================================================== */

.blogbox {
	border: double #999 3px;
	padding: 10px;
	margin-bottom: 5px;
	}

.blogbox h2 {
	margin: 0px;
	}
	
/* ====================================================================
RSS - NEW FUNCTION
==================================================================== */

.genrss {
	padding: 3px 0 3px 0;
	font-size: 0.7em;
	}
	
.genrss a {
	font-size: 1.2em;
	}

/* ====================================================================
RSS - SMOOTH IMAGE RESIZE
==================================================================== */


img {
	-ms-interpolation-mode:bicubic;
	}