.header             { margin-top: 30px; }
.header-kids        { margin-top: 10px; }

.top-bar            { text-align: right; }
.top-bar a          { padding: 0 15px 0 0; color: #55075b; text-decoration: none; }
.top-bar a:hover    { color: #18031a; }

.rightlang          { float: right; font-size: 86%; font-weight: bold; color: #A26300; padding: 0; margin: 0 10px; }
.rightlang a        { color: #ffffff; text-decoration: none; }
.rightlang a.current{ color: #A26300; text-decoration: none; }
.rightlang a:hover  { color: #A26300; }


.pcorner            {display:block}
.pcorner            *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#55075b}
.pcorner1           {margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #b594b8;border-right:1px solid #b594b8;background:#7f4584}
.pcorner2           {margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #eee6ee;border-right:1px solid #eee6ee;background:#75367a}
.pcorner3           {margin-left:1px;margin-right:1px;border-left:1px solid #75367a;border-right:1px solid #75367a;}
.pcorner4           {border-left:1px solid #b594b8;border-right:1px solid #b594b8}
.pcorner5           {border-left:1px solid #7f4584;border-right:1px solid #7f4584}
.pcornerfg          {background:#55075b}

.ycorner            {display:block}
.ycorner            *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#fdb913}
.ycorner1           {margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #fee099;border-right:1px solid #fee099;background:#fdca4e}
.ycorner2           {margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #fef8e7;border-right:1px solid #fef8e7;background:#fdc63f}
.ycorner3           {margin-left:1px;margin-right:1px;border-left:1px solid #fdc63f;border-right:1px solid #fdc63f;}
.ycorner4           {border-left:1px solid #fee099;border-right:1px solid #fee099}
.ycorner5           {border-left:1px solid #fdca4e;border-right:1px solid #fdca4e}
.ycornerfg          {background:#fdb913}

#calendar { font: normal 13px arial, sans-serif; color: #666; padding-top: 1em; width: 50em; /* Overall width of calendar */ margin-left: 10px; }
#calendar span form { padding: 0; margin: 0; }
#calendar span input { padding: 0; margin: 0; border: 0px; }
#calendar h2 { background-color: #48074e; font: bold 15px arial, sans-serif; color: #f696ff; padding: 5px; margin: 0; }
#calendar p { font: normal 12px arial, sans-serif; color: #f1d1f4; padding: 5px; margin: 0; }
#calendar span { float: left; width: 24.5em; /* Days Width */ padding: 0; margin: 0.125em; text-align: left; border: 1px solid #8d6391; height: 140px; }
#calendar, .sun { clear: left;}

.newsletter         { margin: 0; padding: 10px 0; position: absolute; top: 27px; right: 0; color: #222; background-color: #ececec; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; }

ul.donor-list       { margin: 0 0 0 10px; padding: 0; list-style-type: none; }
ul.donor-list li    { float: left; margin: 0; padding: 0; width: 210px; }

ul.kids-menu        { margin: 0 0 0 5px; padding: 0; }
ul.kids-menu li     { margin: 0 1px; padding: 15px 0 0 0; float: left; width: 105px; height: 68px; background: transparent url(../images/kids-menu-bg.gif) top left no-repeat; text-align: center; }
ul.kids-menu li:hover { background: transparent url(../images/kids-menu-bg-over.gif) top left no-repeat; }
ul.kids-menu li a   { margin: 0; padding: 0; width: 110px; height: 68px; color: #fff; text-decoration: none; }
ul.kids-menu li a:hover   { color: #ffff00; }




/* footer */
.footer				{ background: #ffffff url(../images/footer-bg.gif) top left no-repeat; width: 100%; height: 150px; margin: 10px 0 0 0; padding: 0; }
.footer p           { font-size: 80%; line-height: 1.2em; color: #6C4200; margin: 15px 10px; padding: 0; }
.footer a           { color: #A26300; text-decoration: none; }
.footer a:hover     { color: #ffffff; }


.sponsors           { float: right; width: 560px; height: 30px; margin-top: 10px; }



/* Columns */
.container 			{ width: 870px; margin: 0 auto; background: transparent; position: relative; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

div.last 			    { margin-right: 0; }

.span-1  			    { width: 30px; }
.span-2  			    { width: 70px; }
.span-3  			    { width: 110px; }
.span-4  			    { width: 150px; }
.span-5  			    { width: 190px; }
.span-6  			    { width: 230px; }
.span-7  			    { width: 270px; }
.span-8  			    { width: 310px; }
.span-9  			    { width: 350px; }
.span-10 			    { width: 390px; }
.span-11 			    { width: 430px; }
.span-12 			    { width: 470px; }
.span-13 			    { width: 510px; }
.span-14 			    { width: 550px; }
.span-15 			    { width: 590px; }
.span-16 			    { width: 630px; }
.span-17 			    { width: 670px; }
.span-18 			    { width: 710px; }
.span-19 			    { width: 750px; }
.span-20 			    { width: 790px; }
.span-21 			    { width: 830px; }
.span-22 			    { width: 870px; }
.span-23 			    { width: 910px; }
.span-24, div.span-24   { width: 950px; margin: 0; }



.clearfix:after, .container:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container               { display: inline-block; }
* html .clearfix,
* html .container 	                { height: 1%; }
.clearfix, .container               { display: block; }

.clear 				{ clear: both; margin: 0; padding: 0; }

.center 			{ text-align: center; }
.left 				{ float: left; margin: 5px 10px 10px 0; }
.right 				{ float: right; margin: 10px; }
.left-blogimg 		{ float: left; margin: 5px 10px 5px 5px; }
.left-nomargin 		{ float: left; margin: 0; }


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

a img 				{ border: none; }



/* Form fields */
label				{ width: 100px; float: left; clear: both; text-align: right; margin: 0 5px; }
label.med			{ width: 70px; float: left; clear: both; text-align: right; margin: 0 5px; }
label.short			{ width: 50px; float: left; clear: both; text-align: right; margin: 0 5px; }

fieldset			{ padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend				{ font-weight: bold; font-size:1.2em; }

input.text, input.title,
textarea, select 	{ margin:0 0 0.5em 0; border:1px solid #c4c4c4; }

input.text:focus, input.title:focus,
textarea:focus, select:focus { border:1px solid #c4c4c4; }

input.text, 
input.title   		{ width: 140px; padding: 1px; }
input.title   		{ font-size: 1.5em; }
textarea      		{ width: 350px; height: 80px; padding: 2px; }

input.button 		{ width: 80px; padding: 3px; color: #fff; font-weight: bold; margin: 0.5em 0 0; 
                    border: 1px solid #666; background-color: #fff; cursor: pointer; }
input.button:focus 	{ border: 1px solid #666; }

input.newsletter-box    { padding: 2px; color: #222; font-weight: bold; margin: 0.5em 0 0; 
                        border: 1px solid #666; background-color: #fff; }
input.newsletter-button { padding: 0px; color: #222; font-weight: bold; margin: 0.5em 0 0; 
                        border: 1px solid #666; background-color: #fff; }




/* Success, notice and error boxes */
.error,
.notice, 
.success, .warning	{ padding: 5px; margin-bottom:1em; border: 2px solid #ddd; text-align: center; }

.error      		{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice, .warning	{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    		{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    		{ color: #8a1f11; }
.notice a   		{ color: #514721; }
.success a  		{ color: #264409; }




/* Headings */
h1,h2,h3,h4,h5,h6 	{ font-weight: normal; color: #fff; }

h1					{ font-size: 1.4em; line-height: 1; margin: 0 10px 15px; padding: 7px 0; font-weight: bold; text-transform: uppercase; }
h2					{ font-size: 1.2em; margin: 0 0 0 10px; padding-top: 10px; color: #fff; font-weight: bold; text-transform: uppercase; }
h3					{ font-size: 1.2em; line-height: 1; margin: 0 10px 10px; color: #fdb913; font-weight: bold; text-transform: uppercase; }
h4					{ font-size: 1.2em; margin: 0 0 1.25em 10px; font-weight: bold; line-height: 1.25; height: 1.25em; }
h5					{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; padding-top: 5px; }
h6					{ font-size: 1em; font-weight: bold; margin: 15px 0 0 10px; color: #b0b0b0; }




/* Text elements */
p           		{ margin: 0 10px 1.2em; }
p.last      		{ margin: 0 10px 0; padding: 0; }

.grey				{ color: #666; text-transform: lowercase; font-weight: normal; }

a:focus, 
a:hover     		{ color: #fdb913; text-decoration: underline; }
a           		{ color: #fdb913; text-decoration: none; outline: none; } 




/* Lists */
li ul, 
li ol       		{ margin:0 1.5em; }
ul, ol      		{ margin: 0 1.5em 0 10px; }

ul          		{ list-style-type: none; }
ol          		{ list-style-type: decimal; padding-left: 15px; }

ul.bullet           { list-style-type: disc; padding: 0 0 15px 15px; }

ul.menu             { margin: 0 10px 0 10px; }
ul.menu li          { border-bottom: 1px dotted #FFDA80; }
ul.menu li a        { display: block; color: #774900; text-decoration: none; *width:180px; }
ul.menu li a:hover  { color: #fff; }




/* Misc classes */
.large				{ font-size: 0.8em; }
.small      		{ font-size: 11px; }
.xsmall      		{ font-size: 9px; }
.hide       		{ display: none; }
.cursor_hand		{ cursor: pointer; }
#hidden_image		{ visibility: hidden; display: none; }
.feedback-message	{ margin: 0px 10px; }

body				{ margin: 0; font-size: 75%; line-height: 1.5; color: #fff; background: #fff url(../images/body-bg.gif) top left repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
























.print_only { display: none; }

#print_button { display: inline; }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height:100%;
  background:#000 url(images/thickbox-bg.gif) top left no-repeat;
  filter:alpha(opacity=70);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  border:none;
  clear:both;
}















/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> modal box settings <<<----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* standard */
div.overlayShows
{
	background:	rgb(255,195,47);
	filter:		alpha(opacity=70);
	opacity:	.70;
}

div.contentShows
{
	background:	rgb(255,255,255);
	color:		rgb(255,255,255);
	padding:	5px;
}

/* custom */
div.contentShows .bl {background: url(images/purple-bl.gif) 0 100% no-repeat #54075B; width: 700px; }
div.contentShows .br {background: url(images/purple-br.gif) 100% 100% no-repeat; }
div.contentShows .tl {background: url(images/purple-tl.gif) 0 0 no-repeat; }
div.contentShows .tr {background: url(images/purple-tr.gif) 100% 0 no-repeat; padding: 10px; }

div.headerShows
{
	padding:	0px 0px 10px 0px;
}
div.headerShows span
{
	float:		left;
}
div.headerShows input.continue
{
	width:		80px;
	height:		21px;
	margin:		0px 5px 0px 0px;
}

div.headerShows input.cancel
{
	width:		80px;
	height:		21px;
	margin:		0px 0px 0px 5px;
}

div.bodyShows
{
	border:		1px dotted rgb(0,0,0);
	margin:		0px 0px 5px 0px;
	padding:	3px;
	overflow:	auto;
	width:		670px;
	height:		340px;
}

div.bodyShows table
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#54075B;
	table-layout:		fixed;
	border-collapse:	collapse;
	border:				1px solid #cccccc;
	width:				100%;
}

div.bodyShows table thead td
{
	font-weight:		bold;
	border-top:			1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	background-color:	rgb(255,195,47);
	vertical-align:		top;
	padding:			3px 3px;
}

div.bodyShows table tbody td
{
	border:				1px solid #cccccc;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				rgb(255,255,255);
	vertical-align:		top;
	padding:			2px;
}

/* standard */
div.overlaySpecial
{
	background:	rgb(255,195,47);
	filter:		alpha(opacity=70);
	opacity:	.70;
}

div.contentSpecial
{
	background:	rgb(255,255,255);
	color:		rgb(255,255,255);
	padding:	5px;
}

/* custom */
div.contentSpecial .bl {background: url(images/purple-bl.gif) 0 100% no-repeat #54075B; width: 500px; }
div.contentSpecial .br {background: url(images/purple-br.gif) 100% 100% no-repeat; }
div.contentSpecial .tl {background: url(images/purple-tl.gif) 0 0 no-repeat; }
div.contentSpecial .tr {background: url(images/purple-tr.gif) 100% 0 no-repeat; padding: 10px; }

div.headerSpecial
{
	padding:	0px 0px 10px 0px;
}
div.headerSpecial span
{
	float:		left;
}
div.headerSpecial input.continue
{
	width:		80px;
	height:		21px;
	margin:		0px 5px 0px 0px;
}

div.headerSpecial input.cancel
{
	width:		80px;
	height:		21px;
	margin:		0px 0px 0px 5px;
}

div.bodySpecial
{
	border:		1px dotted rgb(0,0,0);
	margin:		0px 0px 5px 0px;
	padding:	3px;
	overflow:	auto;
	width:		470px;
	height:		100px;
}

div.bodySpecial table
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#54075B;
	table-layout:		fixed;
	border-collapse:	collapse;
	border:				1px solid #cccccc;
	width:				100%;
}

div.bodySpecial table thead td
{
	font-weight:		bold;
	border-top:			1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	background-color:	rgb(255,195,47);
	vertical-align:		top;
	padding:			3px 3px;
}

div.bodySpecial table tbody td
{
	border:				1px solid #cccccc;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				rgb(255,255,255);
	vertical-align:		top;
	padding:			2px;
}

/* standard */
div.overlayInfo
{
	background:	rgb(255,195,47);
	filter:		alpha(opacity=70);
	opacity:	.70;
}

div.contentInfo
{
	background:	rgb(255,255,255);
	color:		rgb(255,255,255);
	padding:	5px;
}

/* custom */
div.contentInfo .bl {background: url(images/purple-bl.gif) 0 100% no-repeat #54075B; width: 400px; }
div.contentInfo .br {background: url(images/purple-br.gif) 100% 100% no-repeat; }
div.contentInfo .tl {background: url(images/purple-tl.gif) 0 0 no-repeat; }
div.contentInfo .tr {background: url(images/purple-tr.gif) 100% 0 no-repeat; padding: 10px; height: 180px; overflow: auto; }
div.contentInfo .exit { position: relative; float: right; top: -5px; width: 40px; height: 18px; padding: 0px; margin: 0px 0px 5px 0px; color: white; text-decoration: none; text-align: center; }

div.contentInfo .tr ul li { margin: 0px 0px 0px 15px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> order/complete display settings <<<---------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.orderinfo { padding: 0px; margin: 0 10px; }

.oitable { width: 100%; table-layout: fixed; border-bottom: 1px solid #FDB913; border-top: 1px solid #FDB913; }
.oitable tbody tr.main {}
.oitable tbody tr.main td.remove { width: 55px; }
.oitable tbody tr.main td.remove input { width: 50px; font-weight: bold; font-size: 10px; }
.oitable tbody tr.main td.name { width: auto; }
.oitable tbody tr.main td.price { width: 140px; align: right; }
.oitable tbody tr.main td.price span.itemprice { font-size: 11px; }
.oitable tbody tr.main td.price input { font-size: 10px; width: 20px; }
.oitable tbody tr.main td.price span.totalprice { font-size: 11px; }
.oitable tbody tr.main td.update { width: 50px; align: right; }
.oitable tbody tr.main td.update input { width: 50px; font-weight: bold; font-size: 10px; }
.oitable tbody tr.info {}
.oitable tbody tr.info td.remove { width: 50px; }
.oitable tbody tr.info td.main { font-size: 12px; color: #FDEE13; }

/* misc junk */
div.float
{
  border:   1px solid rgb(255,255,255);
  float:    left;
  margin:   10px 10px 0;
  padding:  3px;
  position: relative;
  width:    190px;
}

div.empty
{
  float:    left;
  margin:   5px;
  padding:  3px;
  position: relative;
  width:    31%;
}

div.description
{
  font-size:    12px;
		color: #FDEE13;
  line-height:	16px;
  min-height:   40px;
  max-width:    180px;
}

input.tqty
{
  font-size:  12px;
  width:      20px;
}

div.title { font-size: 18px; margin: 0 0 10px 10px; text-transform: uppercase; }
div.total table.total { float: right; }
div.details { font-size: 10px; line-height: 14px; }
td.right { text-align: right; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> order history display settings <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
table.orders { width: 100%; }
table.orders thead tr td { background: #FDB913; }
table.orders tbody tr td { }


/* FORM */

form { margin: 0; padding: 0; }
input { border: 1px solid #ffffff; background-color: #f9f9f9; margin: 0; padding: 1px; }
label { float: left; text-align: right; width: 100px; margin-right: 10px; padding: 0; }
label.radio { float: none; width: auto; margin: 0; padding: 0; }