/* CSS Document */
* { margin:0; padding:0}


/* ==== GENERAL STYLES ==== */
body {margin:0 auto;background:#85B7E3 url(../images/repeating-background.gif) repeat center top;}
img {border:0;vertical-align:middle;}
.clear {clear:both;}
.body-background{margin:0 auto; width:997px; background:url(../images/subbg.png) repeat-y top center;}
.body-wrap {width:955px;margin:0 auto;background:#ffffff;}
.smalltext{font-size:80%;padding:0 10px;text-align:justify;}
div.centered{text-align:center;margin-bottom:20px;}
/*div.hr {height: 15px;margin:10px; background: #fff url(../images/star.gif) repeat-x;}
div.hr hr {display: none;}*/
h4.simple{border-top:1px solid #7db5de;border-bottom:1px solid #7db5de;background:url(../images/h4-bg.gif);margin-bottom:10px;font-size:14px; font-weight:bold;padding-left:5px;}
blockquote {margin:10px 30px;padding:5px;background:#FFFFCC; border:1px dotted #FFCC33;}
.error-message{border:1px solid #FF3300; background:#FFECE8;color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:center;padding:3px;margin-bottom:10px;}
.error-message a{color:#cd6632;}
.clues {color:#6799cb; text-transform:uppercase;text-align:center;}
.alert{margin:0 auto;margin:0 10px 20px 10px;border:1px solid #FF3300;background:#FFECE8;padding:10px;font-weight:bold;text-align:center;font-size:12px;}
.notice{margin:0 auto;margin:0 10px 20px 10px;border:1px solid #FFCC00;background:#FFFFCC;padding:10px;text-align:center;}
.success{margin:0 auto;margin:0 10px 20px 10px;border:1px solid #9FC120;background:#F2FDE8;padding:10px;text-align:center;}
/* General Use List Menu */ 
ul.standard, ul.standard-small{
	margin:0 0 5px 40px;
	padding:0 0 2px 0;
	line-height:1.2em;
	list-style-image:url("../images/star-bullet.jpg");
}
ul.standard-small{font-size:0.8em;}
ul.standard li, ul.standard-small li{padding: 0 0 5px 0;}
ul.standard a, ul.standard-small a{color:#FF9900;}
ul.standard a:hover, ul.standard-small a:hover{color:#FFFFFF;background:#FF9900;}

ol.standard{margin:0 0 25px 40px;}


/* ==== IMAGE STYLES ==== */
img.right{float:right;margin:0 0 10px 10px;}
img.left{float:left;margin:0 10px 10px 0;}
img.centered{display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;}

/* ==== PAGINATION ==== */
.pager-nav-left{
	padding:15px 0 0 15px;
	float:left;
}
.pager-nav-right{
	float:right;
	padding:15px 15px 0 0;
}
div.pages a {color:#FF9900;}

/* ==== HEADER STYLES ==== */
#header {width:955px;height:163px;margin:0;padding:0 0 10px 0;background:url(../images/header-bg.jpg) repeat-x top;position:relative;z-index:1;}
   #header h1 { margin: 0 }
   #logo {margin:0 0 0 0;padding:0;position:relative;z-index:2;float:left;}
   #com {margin:15px 0 0 0;padding:0;float:left;}
   #speach {width:394px;height:119px;margin:0;padding:0;background:url(../images/speach-bg.gif) no-repeat top right;float:right;line-height:15px;}
   #speach p {margin:0;padding:20px 139px 0 15px;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;color:#000;text-align:left;}
   #speach a {color:#FF9900;}
   #speach a:hover {color:#FFFFFF;background:#FF9900;}
   
   /* ==== NAVIGATION STYLES ==== */
	#header > #nav {width: 949px;margin:0 auto;}
   	#nav ul {margin:-11px 0 0 0;padding:0;list-style-type:none;background: url(../images/nav-bg.jpg) repeat-x left top;float:left;width: 100%}
	#nav, #nav ul { line-height: 1 }
   	#nav li {
	 	height:42px;
		margin:0;
		padding:0;
		font: bold 16px "Trebuchet MS";
		color:#FFF;
		text-align:center;
		border-right:1px solid #cb2027;
		float:left;
		position:relative
	}
   	#nav #leftround {width:51px;height:42px;margin:0;padding:0;background:url(../images/nav-leftround.jpg) no-repeat top left;float:left;border:0;}
   	#nav #rightround {width:49px;height:42px;margin:0;padding:0;background:url(../images/nav-rightround.jpg) no-repeat top right;float:right;border:0;}
   	#nav a {height:32px;padding:10px 10px 0 10px;color:#FFF;text-decoration:none;display:block;}
   	#nav li:hover {background:url(../images/nav-rollbg.jpg) repeat-x top;}
	 
		/* ==== DROP-DOWN NAVIGATION STYLES ==== */
		#nav li ul {
			position: absolute;
			top: 53px;
			width: 10em;
			padding:0;
			margin-left: -1000em;
			border: 1px solid #EE2024;
			border-top-width: 0;
			background: #F2DA37;
		}	
		#nav li li { 
			position: relative; 
			margin-top: -1px;
			height: auto;
			width: 10em;
			padding-bottom: 0;
			text-align: left;
		}	
		#nav li li a {
			display: block;
			width: 9.4em;
			height: auto;
			padding: .3em;
			color: #FFF;
			border-top: 1px solid #EE2024;
			line-height: 1;
		}
		#nav li li a.nested {background:#F2DA37 url(../images/nested-arrow.gif) no-repeat right center;}
		#nav li li a:hover {
			background: #EE2024;
			color: #FFF;
		}
		#nav li li:hover {
			background: #EE2024;
			color: #FFF;
		}
		#nav li ul ul { margin: -3.15em 0 0 -1000em }
		#nav li:hover ul ul, #nav li.sfhover ul ul { margin-left: -1000em }
		#nav li:hover ul, #nav li.sfhover ul { left: 0; margin-left: 0 }
		#nav li li:hover ul, #nav li li.sfhover ul { margin-left: 10em }
		/* Keyboard accessibility: causes problems in firefox
		#nav li a:focus + ul { margin-left: 0; }
		#nav li li a:focus + ul { margin-left: 1010em; }
		#nav li li a:focus { margin-left:1000em; width: 10em; color: #FFF; background: #EE2024 }
		#nav li li li a:focus {margin-left: 2010em; width: 10em; color: #FFF; background: #EE2024 }
		#nav li:hover a:focus, #nav li.sfhover a.sffocus { left: 0; margin-left: 0; }
		#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }
		*/

/* ==== CONTENT STYLES (THREE COLUMNS) ==== */
#content {margin:0 3px;padding:0;}
	
   /* === CONTENT -> COLUMN LEFT === */
   #cLeft {width:167px;margin:0;padding:0;float:left;display:block;}
   #cLeft h2 {width:100%;margin:10px 0 0 0;padding-bottom:5px;font-family:"Trebuchet MS";font-size:16px;font-weight:bold;color:#cb6828;text-align:center;}
   
   /* ==== PAGE HEADINGS ==== */
   h2.content-heading{margin-bottom:15px;padding:10px 0 0 70px;height:30px;border-bottom:1px solid #CB2028;font-family:"Trebuchet MS";font-size:18px;font-weight:bold;color:#cb6828;}
   h3.content-heading{margin-bottom:15px;padding:10px 0 0 70px;height:30px;border-bottom:1px solid #CB2028;font-family:"Trebuchet MS";font-size:14px;font-weight:bold;color:#cb6828;}
   		#hendrik{background:url(../images/h2-hendrik.gif) no-repeat;}
		#robo{background:url(../images/h2-robo.gif) no-repeat;}
		#beaniemaster{background:url(../images/h2-beaniemaster.gif) no-repeat;}
		#gummy{background:url(../images/h2-gummy.gif) no-repeat;}
		#chanel{background:url(../images/h2-chanel.gif) no-repeat;}
		#precious{background:url(../images/h2-precious.gif) no-repeat;}
		#jack{background:url(../images/h2-jack.gif) no-repeat;}
		#error{background:url(../images/h2-error.gif) no-repeat;padding:10px 0 0 50px}
		#success{background:url(../images/h2-success.gif) no-repeat;padding:10px 0 0 50px}
		#ashleigh{background:url(../images/h2-ashleigh.gif) no-repeat;}
		#googly{background:url(../images/h2-goggly.gif) no-repeat;padding:15px 0 0 77px;height:25px}
		#elliana{background:url(../images/h2-elliana.gif) no-repeat;padding:15px 0 0 86px;height:25px}
		#chuckles{background:url(../images/h2-chuckles.gif) no-repeat;padding:15px 0 0 86px;height:25px}
		#zaidee{background:url(../images/h2-zaidee.gif) no-repeat;padding:15px 0 0 86px;height:25px}
		#zaidee-nostar{background:url(../images/h2-zaidee-nostar.gif) no-repeat;padding:15px 0 0 86px;height:25px}
		#scruffy{background:url(../images/h2-scruffy.gif) no-repeat;padding:15px 0 0 86px;height:25px}
   
   /* === CONTENT -> COLUMN LEFT -> SEARCH FOR BEANIES === */
   #searchfor {width:147px;height:235px;padding:3px 10px;background:url(../images/search-bg.jpg) no-repeat;display:block;line-height:100%;}
   		#searchfor {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#333;text-align:left;}
		#searchfor form {margin-top:10px;}
		#searchfor input#searchfield{width:141px;height:18px;margin:2px 0;padding:2px;font-size:14px;background:url(../images/input-search-bg.gif) no-repeat;border:1px solid #a5acb2;font-weight:bold; letter-spacing:1px;}
		#searchfor select {width:100%;height:20px;margin:2px 0;font-size:14px;}
		#searchfor .button {width:150px;height:25px;margin:5px 0 0 0;}
		#searchfor p a {color:#cb6828;text-decoration:underline;}
		
		
   /* === CONTENT -> COLUMN LEFT -> NEW ARRIVALS === */
   #newarrivals {width:167px;height:670px;margin:5px 0 0 0;padding:50px 0 0 0;background:url(../images/newarrivals-bg.jpg) no-repeat;text-align:center;display:block;}
		#newarrivals ul.new-arrival-list { list-style-type:none;margin-left:13px;padding:0;}
		ul.new-arrival-list li{ float:left;display:block;width:140px;height:102px;margin-top:5px;position:relative;}
		ul.new-arrival-list li a{ position:absolute;width:100%;height:100%;top:0;left:0;}
		#newarrivals img {margin:0;clear:both;}
		#newarrivals a {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#cd6632;text-decoration:underline;}
   
   	/* === CONTENT -> COLUMN MIDDLE === */
	#cMiddle p a {color:#FF9900;}
	#cMiddle p a:hover{color:#FFFFFF;background:#FF9900;}
	#cMiddle p.text{margin-bottom:15px;text-align:justify; padding:0 10px;}
	#cMiddle .learn-more{padding:0 4px 3px 35px;float:left;background:#F27E22 url(../images/icon-star.png) no-repeat;border:1px solid #C93B25;margin:0 10px 25px 10px;display:inline;list-style-type:none;}
	#cMiddle .learn-more:hover{background:#FF6600 url(../images/icon-star.png) no-repeat;}
	#cMiddle .learn-more a{color:#ffffff;}
	#cMiddle .learn-more a:hover{color:#ffffff;background:none;}
	
	ul.clues {padding: 0 0 20px 20px;}
	ul.clues li{list-style-type:disc;}
   
	/* === CONTENT -> COLUMN RIGHT === */
	#cRight {width:167px;margin:0;padding:0;float:left;display:block;}
	#cRight h3 {width:100%;margin:5px 0;font-family:"Trebuchet MS";font-size:16px;font-weight:bold;color:#cb6828;text-align:center;}
   
	/* === CONTENT -> COLUMN RIGHT -> FAN CLUB === */
	#fanclub {width:147px;height:244px;margin:0;padding:4px 10px 0 10px;background:url(../images/fanclub-bg.jpg) no-repeat;display:block;overflow:hidden;}
		#fanclub p,#fanclub label {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#333;text-align:left;}
		#fanclub p a {margin:0;color:#cb6828;text-decoration:underline;}
		#fanclub p.logged{text-align:center;font-weight:bold;padding-bottom:4px;}
		#fanclub p.user-detail{margin-top:7px;font-size:11px;}
		#fanclub input#signin_username{width:141px;height:18px;margin:0 0 5px 0;padding:2px;font-size:14px;background:url(../images/input-username-bg.gif) no-repeat;border:1px solid #a5acb2;font-weight:bold; letter-spacing:1px;}
		#fanclub input#signin_password{width:141px;height:18px;margin:0 0 5px 0;padding:2px;font-size:14px;background:url(../images/input-password-bg.gif) no-repeat;border:1px solid #a5acb2;font-weight:bold; letter-spacing:1px;}
		#fanclub label{padding:3px 5px 0 20px;float:left;font-weight:bold;}
		#fanclub input#signin_remember{display:inline;float:left;position:relative;width:20px;}
		#fanclub .button {width:100%;height:25px;margin:2px 0 0 0;}
   
	/* === CONTENT -> COLUMN RIGHT -> BEANIE POP === */
    #beaniepop {width:147px;height:167px;margin:0;padding:3px 10px;background:url(../images/beaniepop-bg.jpg) no-repeat;display:block;}
    	#beaniepop ul {width:96px;margin:0 auto;padding:0;list-style-type:none;}
    	#beaniepop li {width:96px;height:29px;margin:0;padding:3px 0 0 0;font-family:"Trebuchet MS";font-size:20px;font-weight:bold;color:#333;text-align:center;background:url(../images/poptotal-bg.jpg) repeat-x top left;letter-spacing:3px;float:left;}
    	#beaniepop p {width:100%;margin:5px 0;padding:0;font-family:"Trebuchet MS";font-size:14px;font-weight:bold;color:#333;text-align:left;}
    	#beaniepop p a {margin:0;color:#cb6828;text-decoration:underline;}
    	#beaniepop img {position: relative;margin:0 3px 0 -5px;}
   
   /* === CONTENT -> COLUMN RIGHT -> WEATHER === */
    #weather {width:147px;height:261px;margin:5px 0 0 0;padding:3px 10px;background:url(../images/weather-bg.jpg) no-repeat;display:block;}
    	#weather p {margin:-5px 0 0 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#333;text-align:center;}
		#weather p#forecast-title{padding-bottom:5px;}
    	#weather p.forecast {margin:3px 0 3px -5px;font-family:"Trebuchet MS";font-size:12px;font-weight:bold;color:#333;text-align:left;}
    	p.forecast img {margin:0 5px 0 0;}
   
   /* === CONTENT -> COLUMN RIGHT -> BIRTHDAYS === */
    #birthdays {width:147px;height:271px;margin:5px 0 0 0;padding:3px 10px;background:url(../images/birthdays-bg.jpg) no-repeat top left;display:block;}
    	#birthdays ul {margin:0px 0 0 5px;padding:0;list-style-type:none;list-style-position:outside;}
    	#birthdays li {width:98%;margin:0 0 1px 0;padding-top:3px;font-family:"Trebuchet MS";font-size:11px;font-weight:bold;color:#333;text-align:left;float:left;}
   
   
/* === FOOTER STYLES === */
#footer {width:100%;height:23px;margin-top:5px;padding:10px 0 0 0;background:url(../images/footer-bg.jpg) repeat-x top;}
#footer ul {width:60%;margin:0 0 0 10px;padding:0;list-style-type:none;float:left;}
#footer li {margin:0;padding:0 5px;border-right:1px solid #FFF;float:left;}
#footer li a {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#FFF;}

#copyright {width:30%;margin:3px 10px 0 0;padding:0;font-family:"Trebuchet MS";font-size:10px;font-weight:normal;color:#FFF;text-align:right;float:right;}
#copyright a {color:#FFF;text-decoration:none;}