/* ZOOB BACKGROUND */
#zoobPage {background-image: url(assets/images/zoob/pagebg.gif); background-repeat: repeat-y; background-position: top left; }


/* ZOOB Background Color Classes */
.bg_whatiszoob { background-color: #6eb5dd; }
.bg_products { background-color: #8dc63f; }
.bg_kids { background-color: #ed0b00; }
.bg_creations { background-color: #ffd100; }
.bg_storefinder { background-color: #b2b2b2; }
.bg_resources { background-color: #91268f; }
.bg_retail { background-color: #eee; }
.bg_home { background-color: #f7941c; }

/* ZOOB Foreground Color Classes */
.whatiszoob { color:#6eb5dd; }
.products { color:#8dc63f; }
.kids { color:#ed0b00; }
.creations { color:#ffd100; }
.storefinder { color:#b2b2b2; }
.resources { color:#91268f; }
.retail { color:#f7941c; }
.home { color:#000; }

/* Section Identification Line */
#sectionID { margin-top: 65px; margin-right: 0px; margin-bottom: 10px; padding: 4px 10px 4px 10px; font-family:Verdana,  Helvetica, Arial, sans-serif; font-weight:bold; font-size:small; text-transform:uppercase; text-align:right; }



/* Special Color Classes for the word "ZOOB" */
.zoobBlue { color:#6eb5dd; font-weight: bold; }
.zoobGreen { color:#8dc63f; font-weight: bold; }
.zoobRed { color:#ed0b00; font-weight: bold; }
.zoobYellow { color:#ffd100; font-weight: bold; }
.zoobGrey { color:#b2b2b2; font-weight: bold; }
.zoobPurple { color:#91268f; font-weight: bold; }
.zoobOrange { color:#f7941c; font-weight: bold; }

	
/* Section Identification Line */
.sid_whatiszoob { background-color:#6eb5dd; }
.sid_products { background-color:#8dc63f; }
.sid_kids { background-color:#ed0b00; }
.sid_creations { background-color:#ffd100; }
.sid_storefinder { background-color:#b2b2b2; }
.sid_resources { background-color:#91268f;}
.sid_retail { background-color:#eee; }
.sid_home { background-color: #f7941c; }

/*New Product Section Styles*/
.prodList { float: left; width: 170px; height: 200px; background-repeat: no-repeat; background-position: top right; margin: 10px; }
.prodList img { border: none; vertical-align: middle; }
.prodList p { position: relative; text-align: center; vertical-align: inherit; font-size: .95em; font-weight: bold; }

.prodBlue { background-image: url(assets/images/zoob/dot_blue_150.gif); }
.prodGreen { background-image: url(assets/images/zoob/dot_green_150.gif); }
.prodOrange { background-image: url(assets/images/zoob/dot_orange_150.gif); }
.prodPurple { background-image: url(assets/images/zoob/dot_purple_150.gif); }
.prodRed { background-image: url(assets/images/zoob/dot_red_150.gif); }
.prodSilver { background-image: url(assets/images/zoob/dot_silver_150.gif); }
.prodYellow { background-image: url(assets/images/zoob/dot_yellow_150.gif); }


/* CREATIONS OVERVIEW STYLES */
.creationList { float: left; width: 180px; height: 200px; background-repeat: no-repeat; background-position: top right; margin: 10px; }
.creationList img { border: none; vertical-align: middle; }
.creationList p { position: relative; text-align: center; vertical-align: inherit; font-size: .95em; font-weight: bold; }


/* TOP NAVIGATION BAR */

/* Blue Navigation Link - What is ZOOB? */
#navBarBlue { font-family: Helvetica, Arial, sans-serif; margin:0; text-align:center; width:19%; float:left; display: block;}
#navBarBlue a:link { background-image:url(assets/images/zoob/navzoobblue.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#6eb5dd; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarBlue a:visited { background-image:url(assets/images/zoob/navzoobblue.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#6eb5dd; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarBlue a:hover { background-color:#eee;}

/* Green Navigation Link - ZOOB Products */
#navBarGreen { font-family: Helvetica, Arial, sans-serif; margin:0; text-align:center; width:19%; float:left; display: block;}
#navBarGreen a:link { background-image:url(assets/images/zoob/navzoobgreen.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#8dc63f; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarGreen a:visited { background-image:url(assets/images/zoob/navzoobgreen.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#8dc63f; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarGreen a:hover { background-color:#eee; }

/* Yellow Navigation Link - ZOOB Creations */
#navBarYellow { font-family: Helvetica, Arial, sans-serif; margin:0; text-align:center; width:19%; float:left; display: block;}
#navBarYellow a:link { background-image:url(assets/images/zoob/navzoobyellow.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#ffd100; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarYellow a:visited { background-image:url(assets/images/zoob/navzoobyellow.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#ffd100; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarYellow a:hover { background-color:#eee; }

/* Red Navigation Link - KIDS! */
#navBarRed { font-family: Helvetica, Arial, sans-serif; margin:0; text-align:center; width:19%; float:left; display: block;}
#navBarRed a:link { background-image:url(assets/images/zoob/navzoobred.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#ed0b00; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarRed a:visited { background-image:url(assets/images/zoob/navzoobred.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#ed0b00; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarRed a:hover { background-color:#eee; }

/* Silver Navigation Link - Store Finder */
#navBarSilver { font-family: Helvetica, Arial, sans-serif; margin:0; text-align:center; width:19%; float:left; display: block;}
#navBarSilver a:link { background-image:url(assets/images/zoob/navzoobsilver.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#b2b2b2; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarSilver a:visited { background-image:url(assets/images/zoob/navzoobsilver.gif); background-repeat:no-repeat; background-position:top center; text-decoration:none; color:#b2b2b2; font-weight:bold; display:block; padding-top: 36px; height: 100%; width: 100%; }
#navBarSilver a:hover { background-color:#eee; }

/* GALLERY THUMBNAIL STYLES */

.galleryThumbs {float: left; width: 170px; height: 300px; margin: 10px; padding: 5px; }
div.galleryThumbs img {border-width: 5px; border-style: solid; border-color: #6eb5dd; }
div.galleryThumbs ul { margin: 0.25em 0 0; padding: 0; font-size: .9em; }
li.galTitle {display: block; list-style: none; text-align: center; font-weight: bold; text-align: center; }
li.galName {display: block; list-style: none; text-align: center; text-align: center; font-size: .8em; }


/* SPECIAL MARKUP FOR INTERNATIONAL PAGE */

#country_list h2 {font-size: .9em; font-weight: bold; margin: 0;}
#country_list ul {margin-top: 2px; margin-bottom: 5px; }
#country_list td {width: 50%; padding: 3px; }

/* OTHER SPECIAL-CASE MARKUP */

.bigButton {border: none; margin-left: 15px; }

/* retailers page */

.center { text-align: center; }
.bold { font-weight: bold; text-align: center; } 
div#retailer_prizeblock { width: 750px; height: 120px; } 
.retailer_programhighlight { color: #91278f; font-size: 24px; font-weight: bold; text-align: center; } 
.retailer_boldtitle { color: #91278f; font-size: 36px; font-weight: bold; text-align: center; } 
div.retailer_prizesections { width: 140px; float: left; padding: 5px; text-align: center; }
div.retailer_products { width: 500px; text-align: center; margin-left: 150px; }
* html div.retailer_products { width: 500px; text-align: center; margin-left: 50px;  }
.alignleft { text-align: left;  margin-left: 150px; width: 300px;  }