@charset "utf-8";
/* Eric Meyer's Reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

/* End Eric Meyer's Reset */
/* CSS Document */
body {
	font: 12px Century Gothic, Verdana, Geneva, sans-serif;
	background:url(../images/background.jpg) repeat-x;
	color: #000;
	line-height: 20px;
	letter-spacing: 1px;
}
p {	margin-bottom: 10px; }
h1 { font-size: 22px; line-height: 30px; color: #dd0000; }
h2 { font-size:16px; line-height:20px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; }
.container th, .container td { text-align:left; padding:10px; vertical-align:top; }
th { color: #dd0000; background: #d2d2d2; }
tr.even, tr.even td { background-color: #f9e2e2; }
tr.odd, tr.odd td { background-color: #ededed; }
td.nopadding, th.nopadding, .nopadding  { padding:0; }

.container {
	margin: auto;
	width: 1072px;
	position: relative;
}
.container .header {
	height: 254px;
	position: absolute;
	width: 1122px;
	left: -50px;
	z-index: 5;
}

.headerText {
	color: #FFF;
	background: url(../images/headerhearts.png);
	height: 150px;
	width: 303px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	position: absolute;
	right: 50px;
	z-index: 6;
	top: 10px;
}
.headerText h1 {
	font-size: 24px;
	line-height: 1.2em;
	margin: 30px 0 0 0;
	color: #FFF;
}

.corkboard {
	position: relative;
	padding-top: 150px;
}

.corkboard #top {
	background: url(../images/cork_top.png);
	height: 102px;
}
.corkboard #left {
	background: url(../images/cork_left.png);
	height: 615px;
	width: 64px;
	float: left;
}
.corkboard #center {
	background: url(../images/cork_center.jpg);
	height: 615px;
	width: 942px;
	float: left;
	position: relative;
}
.corkboard #right {
	background: url(../images/cork_right.png);
	height: 615px;
	width: 66px;
	float: left;
}
.corkboard #end {
	background: url(../images/cork_end.png);
	height: 80px;
}
.corkboard #menu {
	position: absolute;
	left: 32px;
	top: 100px;
	height: 279px;
	width: 189px;
	text-align: center;
	z-index: 1;
}
.corkboard #menu a {
	display: block;
	background: url(../images/heart_1.png) no-repeat left center;
	font-size: 16px;
	padding: 6px 0;
	text-decoration: none;
	color: #333;
	padding-left: 32px;
}
.corkboard #menu a:hover {
	background: url(../images/heart_2.png) no-repeat left center;
	color: #C00;
}
.corkboard #menu a.even {
	background: url(../images/heart_3.png) no-repeat left center;
}
.corkboard #menu a.even:hover {
	background: url(../images/heart_4.png) no-repeat left center;
}

.corkboard #mainContent {
	position:absolute;
	width:600px;
	height:466px;
	z-index:2;
	left: 296px;
	top: 66px;
	overflow:visible;
	text-align:justify;
}
.corkboard #secondaryContent {
	position:absolute;
	width:800px;
	z-index:3;
	left: 100px;
	top: 640px;
	overflow:auto;
	padding-bottom:20px;
	text-align:justify;
}
.corkboard #secondaryContentArea { 
	background: url(../images/extra_bg.png);
	padding: 0 20px 5px 20px; 
	position:relative;
}
.corkboard .postIt1 {
	position:absolute;
	width:191px;
	height:181px;
	z-index:3;
	left: 22px;
	top: 395px;
	background: url(../images/postit1.png);
	padding: 15px;
}
.corkboard .postIt2 {
	position:absolute;
	width:191px;
	height:181px;
	z-index:4;
	left: 727px;
	top: 423px;
	background: url(../images/postit2.png);
	padding: 15px;
}
.corkboard .postIt3 {
	position:absolute;
	width:228px;
	height:96px;
	z-index:5;
	left: 700px;
	top: 565px;
	background: url(../images/postit3.png);
	display:block;
}
.corkboard #copyright {
	position:absolute;
	width:400px;
	height:30px;
	z-index:5;
	left: 305px;
	top: 575px;
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
	text-align:center;
}
.corkboard #copyright a { color: #FFF; text-decoration: none; }

.greyFont { color: #999; }

.container .pagination { text-align:center; padding: 10px 0; }
.pagination #firstPage,
.pagination #prevPage { float:left; margin-right:5px; }
.pagination #lastPage,
.pagination #nextPage { float:right; margin-left:5px; }
.pagination span.invalidLink,
.pagination a {	line-height:14px; text-decoration:none; display:inline; border:1px solid; background:#f9e2e2; color:#FF6262; padding:5px; font-weight:bold; }
.pagination span.invalidLink { color:#BBB; background:#EEE }

.girl { color:#FF4A85; font-weight:bold; }
.boy { color:#09F; font-weight:bold; }

.ShoppingBasket { height: 350px; overflow:auto; }
.PageContentScroll { height: 430px; overflow:auto; padding-right:10px; }

.DisplayNone { display:none; }
.DisplayBlock { display:block; }
.DisplayInline { display:inline; }

/******* FORM *******/
#customForm td,
#customForm td {
	letter-spacing: 0.5px;
}
#customForm #validationSummary {
	display:none;
	color: #DD464A;
	font-weight:bold;
	background: #f8dbdb;  
	border: 1px solid #e77776;  
	padding: 6px;
}
#customForm #validationSummary.error {
	display:inline;
}

#customForm select, 
#customForm input[type=text],
#customForm textarea{
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid;
	letter-spacing:0;
	border-color: #C3C3C3;
}
#customForm input.error, 
#customForm select.error,
#customForm textarea.error{ background: #f8dbdb; border: 1px solid #e77776; }  

#customForm span{ font-family: Arial, Verdana, Helvetica, sans-serif; margin-left: 10px; color: #737373; font-size: 11px; font-style: italic; }
#customForm span.error{ color: #DD464A; }

#error{ margin-bottom: 20px; border: 1px solid #efefef; padding:15px; background: #f8dbdb; border-color: #e77776; }  
#error.valid { background-color: #F4FBEC; border-color: #93d72e; }
#error ul{ margin:0; list-style: square; padding: 5px; font-size: 11px; }  
#error ul li{ list-style-position: inside; line-height: 1.6em; }  
#error ul li strong{ color: #DD464A; }  
#error.valid strong{ color: #7BB623; }  
/******* /FORM *******/