@charset "utf-8";
@import "../../Scripts/thickbox.css";
@import "../../Scripts/global.css";

/*******************************************************************************
*  PinkGerbera.css : 03.10.2006
* -----------------------------------------------------------------------------
*  Created by Tony Hogben
*******************************************************************************/

/* CORE LAYOUT */
body
{
	margin:0 2% 20px 2%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
	border-width:0 1px;
	width:750px;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 14em #fff;
	border-right: solid 6em #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -14em;
	width: 14em;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 6em;
	margin: 0 -6em 0 1px;
	z-index: 2;
}

/* Vertical Navigation */
.nav
{
	padding-top:10px;
	font-size:120%;
	text-align:right;
}
.nav ul, .nav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.nav ul
{
	border: solid 0px #fff;
	border-bottom-width: 0;
}
.nav ul li
{
	border-bottom: solid 0px #fff;
}
.nav ul li, .nav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.nav ul li a
{
	display: block;
	padding: 2px 10px 3px 5px;
}
.nav ul li a, .nav ul li a:link, .nav ul li a:visited, .nav ul li a:active, .nav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.nav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
* html .nav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .nav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

/* Styling */
body
{
	color: #6A3340;
	font-family: arial, helvetica, sans-serif;
	background:#F6F4EE;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
	color: #E18398;
}
a:hover, a:focus
{
	text-decoration: underline;
	color: #DD6882;
}
hr
{
	border-top: 1px solid #C8365B; /* Set standard hr colour - use border for browser consistency */
}
h1
{
	color:#C8365B;
	font-size:160%;
	padding:0 0 5px 0;
	margin:0;
}
h2
{
	color:#F6588B;
	font-size:130%;
	padding:0;
	margin:0;
}
legend
{
	color:#C8365B;
}
#header
{
	background:#ED728D url("PinkGerbera_HeaderLeft.jpg") no-repeat left top;
	height:147px;
	padding-top:1px;
}
#masthead
{
	background:url("PinkGerbera_Watermark.gif") no-repeat right bottom;
	overflow:hidden;
	height:147px;
}
#countdown
{
	margin-top:15px;
	margin-left:171px;
	background:#F191A6;
	border-top:solid 1px #DA4F6D;
	border-bottom:solid 1px #DA4F6D;
}
#countdown .inside
{
	background:#F191A6;
	border-top:solid 1px #FCE8EB;
	border-bottom:solid 1px #FCE8EB;
	margin:1px 0;
	padding:5px;
	font-size:120%;
	color:#fff;
}
.WhosEvent
{
	float:left;
}
.CountDownDetails
{
	float:right;
}
#navigation
{
	background:url(PinkGerbera_LeftColBG.jpg) repeat-y top left;
	width:12em;
}
#navigation .inside
{
	background:url(PinkGerbera_LeftColTopBG.jpg) no-repeat top left;
}
#navigationfooter
{
	background:url("PinkGerbera_LeftColBottomBG.jpg") no-repeat bottom left;
	height:210px;
	margin-top:100px;
}
#middleColumn .inside
{
	padding:5px 10px;
}
#footer
{
	background:url(PinkGerbera_FooterRight.gif) no-repeat right bottom;
}
#footerinside
{
	background:url(PinkGerbera_FooterLeft.gif) no-repeat left bottom;
}
#websitefooter
{
	background:#fff url(PinkGerbera_Footer.gif) repeat-x left bottom;
	margin-left:200px;
	margin-right:85px;
	text-align:center;
}
#websitefooter .inside
{
	padding:0 0 10px 0;
}

/* Webpage */
#webpage .picture
{
	float:right;
	padding:3px 10px 0 5px;
}
#webpage .content
{


}

/* Navigation Theme */
.nav ul li a:link, .nav ul li a:visited, .nav ul li a:active
{
	text-decoration: none;
	color: #842F44;
}
.nav ul li a:hover
{
	text-decoration: none;
	background-color: #CB4568;
	color: #fff;
}

/* Set the default font size here. */
#pageWrapper
{
	font-size: 90%;	
}

/* Background Images */
#outerColumnContainer
{
	border-left-width:0;
	border-right-width:0;	/* we remove the borders so we can apply
				   background images. */
	padding-left:14em;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right:6em;	/* the right-column"s space is reserved
				   with margin space rather than padding,
				   so we can apply a background image to
				   the parent element, #pageWrapper, and
				   it will peek through. */
	background-image:url(PinkGerbera_LeftColBG2.gif);
	background-repeat:repeat-y;
	background-position:0;
}
#pageWrapper
{
	background-image:url(PinkGerbera_RightColBG.gif);
	background-repeat:repeat-y;
	background-position:100% 0;
}
#innerColumnContainer
{
	background:#fff;
}

/* Registry Design */
#websiteregistry .groupname
{
	font-weight:bold;
	font-size:130%;
	padding-bottom:5px;
}
#websiteregistry .registryitem
{
	border:solid 2px #ED728D;
	padding:3px;
	background:#EFB3C1;
}
#websiteregistry .registryitem2
{
	border:solid 2px #ED728D;
	padding:3px;
	background:#FFDFE6;
}
#websiteregistry .title
{
	background:#ED728D;
	color:#fff;
	padding:2px 3px;
	font-size:105%;
}
#websiteregistry .picture img
{
	border:solid 1px #ED728D;
	float:left;
}
#websiteregistry .details
{
	float:right;
	width:327px;
}
#websiteregistry .pqContainer
{
	width:330px;
	float:left;
	font-size:85%;
	font-weight:bold;
	padding-top:4px;
}
#websiteregistry .price
{
	padding-left:105px;
	float:left;
	width:110px;
}
#websiteregistry .quantity
{
	float:right;
	width:112px;
}
#websiteregistry .buybuttoncontainer
{
	width:90px;
	float:right;
}
#websiteregistry .buybutton
{
	color:#fff;
	background:#ED728D;
	border-bottom:solid 2px #AF6D7C;
	border-left:solid 2px #AF6D7C;
	border-top:solid 2px #FFCFDA;
	border-right:solid 2px #FFCFDA;
	padding:2px 3px;
	font-weight:bold;
	font-size:75%;
	text-align:center;
}
#websiteregistry .buybutton a
{
	color:#fff;
	text-decoration:none;
}
#websiteregistry .description
{
	min-height:50px;
	padding-top:2px;
	font-size:90%;
}
*html #websiteregistry .description
{
	height:50px;
}

.validationSummary
{
	width:428px;
}

/******************************************************************************/

@import url("../../Scripts/print.css") print;