@import url(navMenu.css);
@import url(callout.css);
@import url(search.css);

/* Design44 Base HTML/CSS  -  Written By: Eric Florez  -  Last Updated: 2007-05-15 */
/* ====================== Page Formatting  ========================*/
body, table, p, a, div {
	margin: 0px;
	padding: 0px;
	color: #8C238D;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;}
body {
	text-align: center;
	background-color: #8C238D;}

table {margin-bottom: 10px;}
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

input, select, textarea {
	color: #8C238D;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #8C238D;
	font-weight: normal;}
h1, h1 a {
	font-size: 18px;
	padding-bottom: 8px;}
h2, h2 a {font-size: 16px;}
h3, h3 a {
	font-size: 14px;
	font-weight: bold;}
h4, h4 a, h5, h5 a, h6, h6 a {
	color: #385775;
	font-size: 12px;
	font-weight: bold;}
.purpleContainer h1 {color: #FFFFFF;}
.purpleContainer p, .purpleContainer td, .purpleContainer ul, .purpleContainer li {font-size: 12px;}

a {
	color: #8C238D;
	text-decoration: underline;}
a:hover {
	color: #99C915;
	text-decoration: underline;}

ul {
	padding: 0px;
	list-style-type: disc;
	margin: 5px 0px 10px 22px;}
li {padding: 2px 0px 2px 0px;}
li a {text-decoration: none;}
li a:hover {text-decoration: underline;}

p {padding: 0px 0px 10px 0px;}

hr {
	height: 1px;
	border: none;
	margin: 10px 0px;
	background-color: #8C238D;}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.CollapsiblePanel {
	clear: both;
	margin: 5px 0;
}
.CollapsiblePanelTab {
	cursor: pointer;	
}



/* ====================== layout & columns ========================*/
#bodyContainer {}

#pageContainer {
	width: 770px;
	text-align: left;
	position: relative;
	margin: 0px auto 0px auto;}

#main {
	padding-bottom: 20px;
	background: #FFFFFF url(../Img/backgrounds/bkgndMain.gif) repeat-y 0px 0px;}
#leftMaster {
	float: left;
	width: 110px;}
#rightMaster {
	float: right;
	width: 660px;}

#rightMasterCol1 {
	float: left;
	width: 440px;
	position: relative;}
#rightMasterCol2 {
	float: right;
	width: 220px;}

#content {padding: 30px 12px 0px 15px;}
.purpleContainer {
	background-color: #DCBDDD;
	padding: 30px 12px 0px 15px;
	margin: -30px -12px 10px -15px;}

#breadCrumbs {
	top: 4px;
	left: 15px;
	color: #8C238D;
	font-size: 11px;
	text-align: left;
	position: absolute;
	text-transform: lowercase;}
#breadCrumbs a {
	color: #8C238D;
	font-size: 11px;
	text-transform: lowercase;}

.dynamicCategoryTitle {
	left: 10px;
	bottom: 6px;
	color: #FFFFFF;
	font-size: 30px;
	position: absolute;
	text-transform: lowercase;}
.dynamicPageTitle {display: none;}

.socialIcons {
	padding: 10px 0px 0px 0px;
	text-align: right;
}

/* ====================== Header & Footer ====================== */
#headerContainer {
	height: 312px;
	position: relative;
	margin-bottom: 4px;}
#header {height: 94px;}
#logo {padding: 0px 0px 0px 17px;}

#topMenu {
	top: 10px;
	right: 18px;
	color: #FFFFFF;
	position: absolute;}
#topMenu a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;}


#pagePhotoContainer {
	z-index: 1;
	height: 216px;
	overflow: hidden;
	position: relative;
	border: 1px solid #FFFFFF;}
	

#footer {
	clear: both;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	padding: 40px 0px 35px 0px;
	background: url(../Img/backgrounds/bkgndFooter.gif) no-repeat 0px 0px;}
#footer a, #footer p {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;}


/* ====================== Template Overrides ======================== */
.categoryHome #headerContainer {height: 94px;}

.categoryHome #main {
	padding: 0px;
	position: relative;
	background: #FFFFFF none;}

.categoryHome #pagePhotoContainer {
	border: none;
	height: 440px;}

#main.contentFull {background: #FFFFFF url(../Img/backgrounds/bkgndMainFull.gif) repeat-y 0px 0px;}
.contentFull #rightMaster {position: relative;}


/* ====================== Table Styling ======================== */
.tableMiniPromo {
	width: 439px;
	padding: 0px;
	overflow: hidden;
	margin: 0px 0px 0px -14px;}
* html .tableMiniPromo {margin-right: -12px;}

.tableMiniPromo a:hover {color: #000000;}

.tableMiniPromo div {
	float: left;
	width: 134px;
	height: 86px;
	overflow: hidden;
	padding: 20px 74px 0px 10px;}
.tableMiniPromo div p {padding: 0px;}

.miniPromoBeachBall {background: url(../Img/backgrounds/promoBeachBall.jpg) no-repeat 0px 0px;}
.miniPromoBlocks {background: url(../Img/backgrounds/promoBlocks.jpg) no-repeat 0px 0px;}
.miniPromoBoyCape {background: url(../Img/backgrounds/promoBoyCape.jpg) no-repeat 0px 0px;}
.miniPromoBoyCrown {background: url(../Img/backgrounds/promoBoyCrown.jpg) no-repeat 0px 0px;}
.miniPromoBoyGoggles{background: url(../Img/backgrounds/promoBoyGoggles.jpg) no-repeat 0px 0px;}
.miniPromoBoyPaint {background: url(../Img/backgrounds/promoBoyPaint.jpg) no-repeat 0px 0px;}
.miniPromoBus {background: url(../Img/backgrounds/promoBus.jpg) no-repeat 0px 0px;}
.miniPromoGirlAirplane {background: url(../Img/backgrounds/promoGirlAirplane.jpg) no-repeat 0px 0px;}
.miniPromominiPromoGirlAirplane2 {background: url(../Img/backgrounds/promoGirlAirplane2.jpg) no-repeat 0px 0px;}
.miniPromoGirlBubbles {background: url(../Img/backgrounds/promoGirlBubbles.jpg) no-repeat 0px 0px;}
.miniPromoGirlInBox {background: url(../Img/backgrounds/promoGirlInBox.jpg) no-repeat 0px 0px;}
.miniPromoGirlSmiling {background: url(../Img/backgrounds/promoGirlSmiling.jpg) no-repeat 0px 0px;}
.miniPromoJack {background: url(../Img/backgrounds/promoJack.jpg) no-repeat 0px 0px;}
.miniPromoJack2 {background: url(../Img/backgrounds/promoJack2.jpg) no-repeat 0px 0px;}
.miniPromoPaint {background: url(../Img/backgrounds/promoPaint.jpg) no-repeat 0px 0px;}
.miniPromoRobot {background: url(../Img/backgrounds/promoRobot.jpg) no-repeat 0px 0px;}