/* Social Smart Kids CSS                        */
/* e-Admin v.3 CMS                              */
/* (c) 2002-2007 eGo Creative Media Solutions   */
/* www.ego-cms.com                              */
 
body {	padding: 0px; margin: 0px;  background-color: #ffffff; background-image: url(/images/bg.gif); background-repeat: repeat-x; background-position: top;}
form {	padding: 0px; margin: 0px;}

/*art added*/
#pwdname {	font: normal bold 14px  Arial; color: #7BED17;}
.name {	font: normal bold 14px  Arial; color: #552371;}
.small{	font: normal 10px  Arial; color: #552371;  font-style: italic; }
 textarea.areaquest {	width: 400px;   background-color: #b2a5b4; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; }
.redtext {	font: normal bold 14px  Arial; color: #FF4500;}
 td.expinholder {	 padding-left: 10px; padding-right: 5px; font: normal normal 12px Arial; color: #ffffff; }
 td.expinholder td { font: normal normal 12px Arial; color: #ffffff; }
/*end art added*/

/*art added*/
td.comhead {  background-color: #C29BDD; padding: 5px;  }
td.comfoot {  background-color: #F1E7F7; padding: 5px;  }
.bltext {	font: normal bold 14px  Arial; color: #552371;}
.whitetext {	font: normal bold 14px  Arial; color: #ffffff;}
textarea.clubarea {	width: 300px;   background-color: #b2a5b4; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; }
select.day {border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-color: #b2a5b4; vertical-align: middle; width: 50px;}
select.spis {border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-color: #b2a5b4; vertical-align: middle; width: 160px;}
input.area2 {width: 160px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-image: url(/images/inputbg1.jpg); background-repeat: no-repeat; background-position: top left; background-color: #b2a5b4;}
input.cal {width: 20px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-image: url(/images/inputbg1.jpg); background-repeat: no-repeat; background-position: top left; background-color: #b2a5b4;}
input.cal2 {width: 40px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-image: url(/images/inputbg1.jpg); background-repeat: no-repeat; background-position: top left; background-color: #b2a5b4;}
.toolH1{ font:  normal bold 18px Arial; color: #552371; }
.headtool{ font:  normal bold 16px Arial; color: #ffffff; }
input.sub3 {text-align: center;	height: 17px; border: 0px solid #000000; font: normal bold 12px Arial; color: #ffffff; background-image: url(/images/inputbg2.jpg); background-repeat: no-repeat; background-position: top left; background-color: #578414;}
td.exphead {  background-color: #99C160; padding: 5px;  }
td.expfoot {  background-color: #D1E2B6; padding: 5px;  }
td.toolmenu { background-color: #4a8e0b;padding: 5px;}


/*end art*/

td.top1 {	background-image: url(/images/top.gif); background-repeat: no-repeat; background-position: left; height: 15px;}
td.logoarea {	width: 209px; height: 179px;}
td.top2 {	background-image: url(/images/topbg.jpg); background-position: left; background-repeat: no-repeat;}
td.top3 {	width: 209px; height: 40px; background-image: url(/images/top2.jpg); background-repeat: no-repeat; background-position: top;}
td.top4 {	background-image: url(/images/topbg2.gif); background-repeat: no-repeat; background-position: left; height: 13px;}

td.splashholder {	height: 179px; width: 390px;}
td.loginholder {	 width: 150px; padding-left: 10px; padding-right: 5px; font: normal normal 12px Arial; color: #ffffff; }
td.loginholder td { font: normal normal 12px Arial; color: #ffffff; }

td.pathbg {	background-image: url(/images/pathbg.gif); background-repeat: no-repeat; background-position: left; font: normal normal 12px Arial; color: #ffffff;}
td.pathbg a {font: normal normal 12px Arial; color: #ffffff; text-decoration: underline;	}
td.pathbg a:hover {text-decoration: none;	}

input.login {	width: 85px; height: 19px; border: 1px solid #000000; font: normal normal 11px Arial; color: #000000; background-image: url(/images/inputbg1.jpg); background-repeat: no-repeat; background-position: top left; background-color: #b2a5b4;}
input.sub {width: 85px; text-align: center;	height: 17px; border: 0px solid #000000; font: normal bold 12px Arial; color: #ffffff; background-image: url(/images/inputbg2.jpg); background-repeat: no-repeat; background-position: top left; background-color: #578414;}
input.sub2 {text-align: center;	height: 17px; border: 0px solid #000000; font: normal bold 12px Arial; color: #ffffff; background-image: url(/images/inputbg3.jpg); background-repeat: no-repeat; background-position: top left; background-color: #5e2f79;}

a.log {	font: normal normal 11px Arial; color: #764500; padding-left: 8px; background-image: url(/images/i.gif); background-repeat: no-repeat; background-position: 0px 5px; text-decoration: underline; }
a.log:hover {	text-decoration: none;}

table.container {width: 100%; background-image: url(/images/copybg.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: top; }
td.menuholder {vertical-align: top; width: 199px;  }
td.rightbanner {	vertical-align: top; padding-right: 10px; width: 180px;}
td.bottombanner {	vertical-align: top; padding: 10px;}

a.mainmm1 {  background-image: url(/images/menu/i1.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm1:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm2 {  background-image: url(/images/menu/i2.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm2:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm3 {  background-image: url(/images/menu/i3.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm3:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm4 {  background-image: url(/images/menu/i4.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm4:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm5 {  background-image: url(/images/menu/i5.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm5:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm6 {  background-image: url(/images/menu/i6.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm6:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmm7 { background-image: url(/images/menu/i7.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmm7:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.mainmmsel { background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 8px; font: normal bold 12px Arial; color: #ffffff; text-decoration: none; }
a.mainmmsel:hover {  background-image: url(/images/menu/sel.gif); background-repeat: repeat-y; }

a.innermm {	 padding-left: 12px; display: block; padding-top: 5px; padding-bottom: 5px;  font: normal normal 12px Arial; color: #552371; text-decoration: none; background-image: url(/images/i4.gif); background-repeat: no-repeat; background-position: 0px 9px;}
a.innermm:hover {	text-decoration: underline;}

a.innermmsel {	padding-left: 12px; display: block; padding-top: 5px; padding-bottom: 5px;  font: normal normal 12px Arial; color: #552371; text-decoration: underline; background-image: url(/images/i4.gif); background-repeat: no-repeat; background-position: 0px 9px;}
a.innermmsel:hover {	text-decoration: none;}

.purple {	color: #552371;}



/* CONTENT DEFINITION (Unified - just change styles) */ 

.cont {	font: normal normal 12px  Arial; color: #552371;}
.title {	font: normal bold 14px  Arial; color: #4a8e0b;}
.newstitle {	font: normal bold 14px  Arial; color: #4a8e0b;}


#content {font: normal normal 13px Arial; color: #552371; padding-left: 25px; padding-right: 12px; vertical-align: top; }

#content td {font: normal normal 13px Arial; color: #552371; vertical-align: top; }

/* PRODUCTS */
#content td.featured {	font: normal bold 12px  Arial; color: #ffffff; padding: 4px; background-color: #97438e; }
#content td.featuredcopy {	padding: 10px; border: 1px solid #97438e;}
#content td.featured2 {	font: normal bold 12px  Arial; color: #ffffff; padding: 4px; background-color: #8c7395; }
#content td.featured2copy {	padding: 10px; border: 1px solid #8c7395;}
#content td.category {	font: normal bold 12px  Arial; color: #ffffff; background-color: #A9A9A9; padding: 5px; }
#content td.category2 {	font: normal bold 12px  Arial; color: #ffffff; background-color: #4c900c; padding: 5px; }
#content td.title {	font: normal bold 12px  Arial; color: #4a8e0b; background-color: #FAFAFA; border-bottom: 1px solid #4D677B;  padding: 5px; }
#content td.description {	font: normal normal 12px  Arial; border:1px solid #4a8e0b; padding: 5px; }
#content .price {	font: normal bold 12px  Arial; background-color: #E4F9D2; padding: 5px; }
#content .note {	font: normal nornal 12px  Arial; background-color: #c1d3a5; padding: 5px; }
#content .des {	font: normal normal 12px  Arial;  color: #97438e;  }

/* BASKET */
#content .basketheader {font: normal bold 11px  Arial; color: #ffffff; background-color: #4a8e0b; padding: 5px;}
#content .basket {font: normal normal 11px  Arial; color: #4a8e0b; background-color: #E4F9D2; padding: 5px;}
#content .total {	font:  normal bold 12px Arial; color: #CD5C5C;}

#content a{ font: normal normal 13px  Arial;  color: #517917; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content a:visited{ color: #a20095; text-decoration: underline;}
#content a:visited:hover {text-decoration: none;}

#content  td.title { font:  normal bold 16px Arial; color: #ffffff; padding: 5px; background-color: #552371; }

#content a.more{font: normal normal 13px  Arial;  color: #578414; padding-left: 8px; background-image: url(/images/i2.gif); background-repeat: no-repeat; background-position: 0px 7px; text-decoration: underline; }
#content a.more:hover {text-decoration: none;}

#content  H1 { font:  normal normal 18px Arial; color: #552371; }
#content  H2 {	font:  normal bold 16px Arial; color: #552371; }
#content  H3 {	font:  normal bold 14px Arial; color: #552371;}

#content  H1 a{ font:  normal normal 18px Arial; color: #552371;}
#content  H1 a:hover {text-decoration: none;}
#content  H1 a:visited{ text-decoration: underline; color: #552371;}
#content  H1 a:visited:hover {text-decoration: none;}

#content  H2 a{ font:  normal bold 16px Arial; color: #552371;}
#content  H2 a:hover {text-decoration: none;}
#content  H2 a:visited{ text-decoration: underline; color: #552371;}
#content  H2 a:visited:hover {text-decoration: none;}

#content  H3 a{ font:  normal bold 14px Arial; color: #552371;}
#content  H3 a:hover {text-decoration: none;}
#content  H3 a:visited{ text-decoration: underline; color: #552371;}
#content  H3 a:visited:hover {text-decoration: none;}

#content img {	border: 1px solid #552371; margin: 10px; margin-top: 0px;}

#content hr {	height: 1px; width: 100%; color: #90759b;}

#content p { padding: 0px;}

#content ul { font: normal normal 12px  Arial; color: #552371;	}
#content ul li {   list-style: square;}
#content ol { font: normal normal 12px  Arial; color: #552371;	 }

#footer1 {font: normal normal 11px Arial;  color: #b2a5b4; text-align: left; background-color: #88659b;}
#footer1 a {text-decoration: underline; font: normal normal 11px  Arial; color: #b2a5b4;}
#footer1 a:hover {text-decoration: none;}
#footer1 td { font: normal normal 11px Arial;  color: #b2a5b4;}

#script img {border: 0px; margin: 0px;}

/* LINKS TABS */

td.seltab { padding: 5px; padding-left:10px; padding-right: 10px; background-image: url(/images/links/selbg.gif); background-repeat: no-repeat; background-position: top left; background-color: #552371; }
td.unseltab {  padding: 5px;  padding-left:10px; padding-right: 10px;  background-image: url(/images/links/unsbg.gif); background-repeat: no-repeat; background-position: top left; background-color: #afa3b1; border: 1px solid #552371; border-bottom: 0px; border-left: 0px;}
td.unseltab2 {  padding: 5px;  padding-left:10px; padding-right: 10px;  background-image: url(/images/links/unsbg2.gif); background-repeat: no-repeat; background-position: top left; background-color: #afa3b1; border: 1px solid #552371; border-bottom: 0px;}

table.links {	padding: 10px; border: 1px solid #552371;}

/* FORM DEFINITION */

input.area1 {	width: 250px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-image: url(/images/inputbg4.jpg); background-repeat: no-repeat; background-position: top left; background-color: #c9bdcb;}
input.area {	width: 250px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-image: url(/images/inputbg1.jpg); background-repeat: no-repeat; background-position: top left; background-color: #b2a5b4;}

select {	width: 250px; height: 19px; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-color: #b2a5b4;}

textarea.area1 {	width: 250px;   background-color: #c9bdcb; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; }
textarea.area {	width: 250px;   background-color: #b2a5b4; border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; }

input.subsearch {padding-left: 5px; padding-right: 5px; text-align: center;	height: 17px; border: 0px solid #000000; font: normal bold 12px Arial; color: #ffffff; background-image: url(/images/inputbg2.jpg); background-repeat: no-repeat; background-position: top left; background-color: #578414;}
input.search {	width: 126px;  height: 17px; background-color: #f9cd8c; border: 1px solid #f66014; font: normal normal 12px Arial; color: #000000; margin-right: 10px;}


/* CALENDAR OF EVENTS */

/*art added begin*/
body div#toolTip { position:absolute;z-index:1000;background:#FFFFE1;border:1px solid #000;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#000;font:11px/12px verdana,arial,sans-serif; }
.red{	font-family: Tahoma;	font-size: 12pt;	font-style: normal; color: #701802;	font-weight: bold;}
.grey{	font-family: Tahoma;	font-size: 8pt;	font-style: normal; color: #999999;	font-weight: normal;}
br.desc{font-family: Tahoma;	font-size: 10pt;	font-style: normal; color: #000000;	font-weight: normal;}
.table { width: 100%;}

td.menu { background-color: #8d7497; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; font-family: Tahoma, Helvetica, sans-serif;	font-size: 10pt;	font-style: normal;	font-weight: normal;	color: #ffffff;}
td.calclear{background-color:#c1d3a5; height: 40px; text-align: center;  font-family: Tahoma, Helvetica, sans-serif;	font-size: 8pt;	font-style: normal;	font-weight: bold; color: #2E4F82;}
td.calhead{padding-top: 5px; background-color:#4c900c; height: 30px; text-align: center; font-family: Tahoma, Helvetica, sans-serif;	font-size: 8pt;	font-style: normal;	font-weight: normal; color: #000000;}
td.caltd{background-color:#e2edd1; height: 50px; text-align: center;  font-family: Tahoma, Helvetica, sans-serif;	font-size: 14pt;	font-style: normal;	font-weight: bold; color: #000000;}
td.calcurtd{background-color:#ffffb1; height: 50px; text-align: center;  font-family: Tahoma, Helvetica, sans-serif;	font-size: 14pt;	font-style: normal;	font-weight: bold; color: #000000;}

.alt{visibility:hidden; position:relative; left:0; top:0; border-style:solid;border-color:#000000; border-width:1px; height:10px; background-color:#FFFFE1;padding:3px;z-Index:3;font-family: Tahoma, Helvetica, sans-serif;font-size: 8pt;font-style: normal;font-weight: normal; color: #000000;}
.headday{	font-family: Tahoma, Helvetica, sans-serif;	font-size: 10pt;	font-style: normal;	font-weight: bold;	color: #2E4F82;	text-decoration: none;}

a.black{	font-family: Tahoma;	font-size: 8pt;	font-style: normal; color: #000000;	font-weight: normal;	text-decoration: underline; }
a:link.black { color: #000000; text-decoration: nounderlinene; }
a:visited.black {color: #000000;text-decoration: underline;}
a:vizited:hover.black {color: #000000;	text-decoration: none;}
a:hover.black {color: #000000; text-decoration: none;}

a.bblack{	font-family: Tahoma;	font-size: 8pt;	font-style: normal; color: #000000;	font-weight: bold;	text-decoration: underline; }
a:link.bblack { color: #000000; text-decoration: nounderlinene; }
a:visited.bblack {color: #000000;text-decoration: underline;}
a:vizited:hover.bblack {color: #000000;	text-decoration: none;}
a:hover.bblack {color: #000000; text-decoration: none;}

select.month {border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-color: #b2a5b4; vertical-align: middle; width: 120px;}
option.black {color : White;}
option.blue {color : #000000;}
select.year {border: 1px solid #000000; font: normal normal 12px Arial; color: #000000; background-color: #b2a5b4; vertical-align: middle;  width: 60px;}
input.go {vertical-align: middle; background-color: #000000; color : #FFFFFF; font-family : Tahoma, Veradana, Helvetica, sans-serif; font-size : 10pt; font-weight : bold; border: 0px solid #000000; background-image: url(images/btn.gif); background-repeat: no-repeat; height: 21px; width: 35px; padding-right: 5px; padding-left: 6px;}
/*art added end*/