/*
	Globals
*/


body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: #B0CBDE; /*background-image:url('../Images/bg.png');*/
	background-repeat: repeat;
}
img
{
	border: none;
	padding:0 auto;
	margin:0 auto;
}

a { text-decoration:none; }
a:Hover { text-decoration: underline; }


/*
	Id's
*/


/* main container */
#container
{
	width: 900px;
	margin: 0 auto;
}

/* Drop Shadow Body Background */
#RoundedBackground
{
	background-image: url('../Images/container/bg.png');
	background-repeat: repeat-y;
	float: left;
	width: 100%;
}
#RoundedHeader
{
	float: left;
	background-image: url('../Images/container/header.png');
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
}
#RoundedFooter
{
	float: left !important; /* FF */
	float: none; /* IE7 */
	background-image: url('../Images/container/footer.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
}

/* Header Container Div, contains the logo and register & login buttons */
#HeaderContainer
{
	width: 100%;
}
#HeaderButtonContainer
{
	float: right;
	margin-right: 30px;
}

/* Logo */
#logo
{
	float: left;
	margin-left: 50px;
}

/* Search and Shopping Cart Div */
#SearchCartContainer
{
	float: left;
	border: dashed 1px #8BACB3;
	margin: 0px 0px 20px 20px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 795px;
}
#SearchBox
{
	float: left;
	color: #23607C;
	font-size: 10pt;
	padding-left: 15px;
}
#ShoppingCartBox
{
	float: right;
	color: #23607C;
	font-size: 10pt;
	padding: 5px 15px 0px 0px;
}

/* Main Menu Container */
#MainMenuContainer
{
	float: left !important; /* FF */
	float: none; /* IE */
	margin-left: 53px;
}

/* Drop Shadow Content Background */
#ContentBorderTop
{
	float: left;
	background-image: url('../Images/container/small_header.png');
	background-repeat: no-repeat;
	height: 25px;
	width: 100%;
	margin-left: 30px;
	margin-top:-13px;
}

#ContentBorderBottom
{
	float: left;
	background-image: url('../Images/container/small_footer.png');
	background-repeat: no-repeat;
	height: 25px;
	width: 100%;
	margin-left: 30px;
}
#ContentBorder
{
	float: left;
	background-image: url('../Images/container/small_bg.png');
	background-repeat: repeat-y;
	width: 100%;
	margin-left: 30px;
}

/* Page Content with dashed blue border */
#PageContent
{
	float: left;
	border: dashed 1px #8BACB3;
	margin-left: 20px;
	background-color: #ffffff; /*#eff9fa;*/
	text-align: left;
	width: 775px;
	color: #57325D;
	font-size: 12px;
	padding:10px;
}

/* welcome text on the homepage */
#WelcomeText
{
	float: left;
	margin: 50px 0px 80px 20px;
	color: #57325D;
	font-size: 14px;
	width: 350px;
}
#WelcomeText p
{
	font-family: Comic Sans MS;
	font-size: 26px;
	font-weight: bold;
}

/* baby Face Images on the Homepage */
#BabyFace
{
	float: right;
	margin: 10px 30px 10px 0px;
	background-image: url('../Images/baby_face.png');
	background-repeat: no-repeat;
	width: 362px;
	height: 355px;
}


/* Product */
#ProductContainer { width:135px; padding:5px; margin-right:5px; text-align:center; }
#ProductContainer:Hover { background-color:#72ADE5; }


/* Footer */
#footer
{
	float: left;
	width: 90%;
	padding-top: 10px;
	padding-left: 45px;
}
#footer a
{
	color: Gray;
	text-decoration: none;
}
#footer a:Hover
{
	color: #000000;
	text-decoration: underline;
}


/*
	jQuery
*/
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(../Images/jQuery/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../Images/jQuery/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../Images/jQuery/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../Images/jQuery/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}



/*
	Classes
*/


/* Button's */

/* Register, Login, My Accoutn and Logout Buttons used in the Header */
.RegisterButton
{
	background-image: url('../Images/buttons/register.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-top: 30px;
	margin-right: 50px;
}

.LoginButton
{
	background-image: url('../Images/buttons/login.png');
	width: 113px;
	height: 30px;
	border: 0;
}

.MyAccountButton 
{
	background-image: url('../Images/buttons/MyAccount.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-top: 30px;
	margin-right: 50px;	
}

.LogoutButton 
{
	background-image: url('../Images/buttons/logout.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-right: 0px;
}

.ViewButton 
{
	background-image: url('../Images/buttons/View.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-right: 0px;
}

.CancelButton 
{
	background-image: url('../Images/buttons/cancel.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-right: 0px;
}

.BuyNowButton 
{
	background-image: url('../Images/buttons/BuyNow.png');
	width: 113px;
	height: 30px;
	border: 0;
	margin-right: 0px;
}

.LoginButton:Hover, .RegisterButton:Hover, .MyAccountButton:Hover, .LogoutButton:Hover,
.ViewButton:Hover, .BuyNowButton:Hover, .CancelButton:Hover
{
	cursor: pointer;
}

/* Page Titles */
.Title { color: #57325D; font-size:20px; font-weight:bold; }

/* User Messages */
.error { color:Red; }
.success { color:Green; }

/* Hide Objects */
.Invisible { visibility: hidden; }

/* Product Menu */
.ProductMenu { color:#FFFFFF; background-color: #333366; font-weight:bold; }
.ProductMenu a { color:#FFFFFF; }
.ProductMenu span { margin-left:5px; }