* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #A3D881;
	background-image:  url(../x_img/page_background.gif); 
	background-position: 50% 0;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
	text-align: center;
}
#container {
	width: 770px;
	margin: 0 auto;
}
/******************************
******** TOP BANNER ***********
*******************************/
#banner {
	width: 770px;
	height: 116px;
}
#banner h1 {
	position: absolute;
	left: 0;
	top: -1000px;
}
#banner img, #banner #flash {
	height: 116px;
	width: 770px;
	border: none;
	margin: 0;
	padding: 0;
	display: block;
}

/***********************************
*********** MAIN LAYOUT ************
************************************/
#left_column {
	clear: both;
	width: 171px;
	background: url(../x_img/left_column_bg.gif) no-repeat;
	float: left;
	display: inline;
	text-align: left;
	min-height: 547px;
   	height: auto;
   	_height: 547px;
}
#center_column {
	float: left;
	display: inline;
	width: 420px;
	text-align: left;
	background-image: url(../x_img/yellow_top.gif);
	min-height: 410px;
   	height: auto;
   	_height: 410px;
}

#right_column {
	width: 179px;
	background: url(../x_img/right_column_bg.gif) no-repeat;
	float: left;
	text-align: left;
	min-height: 547px;
   	height: auto;
   	_height: 547px;
}

#center_column #contentfooter {
	background-image: url(../x_img/yellow_bottom2.gif);
	height: 68px;
	
}
#homepage #center_column {
	background-image: url(../x_img/yellow_top.gif);
}
#homepage #center_column #contentfooter {
	background-image: url(../x_img/yellow_bottom2.gif);
	height: 68px;
}
#funpage #right_column, #shoppage #right_column{
	width: 599px;
	background: url(../x_img/large_right_column_bg.gif) no-repeat;
	text-align: right;
}
/*********************************
********* REGISTER PAGE **********
**********************************/

#registerpage #center_column {
	background-image: url(../x_img/pink_top.gif);
}
#registerpage #center_column #contentfooter {
	background-image: url(../x_img/pink_bottom.gif);
	height: 68px;
}
#registerpage  select {
	background: #F5388C;
	color: #fff;
	border: 0;
}
#registerpage #register-name {
	color: #A40040;
	background: transparent url(../x_img/register-name.gif) no-repeat left top;
	border: 0;
	padding: 15px 10px 5px 23px;
	font: 13px Verdana, sans-serif;
	width: 223px;
	height: 22px;
}

* html #registerpage #register-name {
	background-attachment: fixed; /* -- IE only -- */
}
#registerpage #register-email {
	color: #A40040;
	background: transparent url(../x_img/register-email.gif) no-repeat left top;
	border: 0;
	padding: 15px 10px 5px 23px;
	font: 13px Verdana, sans-serif;
	width: 223px;
	height: 22px;
}
* html #registerpage #register-email {
	background-attachment: fixed; /* -- IE only -- */
}

#registerpage #content p {
	color: #AA0C4C;
	text-align: center;
	font-size: 14px;
}
#registerpage #content form p {
	text-align: left;
	padding-left: 14px;
}
#registerpage form #register-now {
	width: 169px;
	height: 85px;
	background: url(../x_img/register-now-button.gif) no-repeat;
	border: 0;
	text-indent: -1000em;
	outline: none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	float: right;
	padding: 0;
}
	
#registerpage form #register-now:hover {
	background-position: 0 -85px;
}

/**************************************
********* TELL A FRIEND PAGE **********
**************************************/

#tellpage #center_column {
	background-image: url(../x_img/green_top.gif);
}
#tellpage #center_column #contentfooter {
	background-image: url(../x_img/green_bottom.gif);
	height: 68px;
}
#tellpage #to_email {
	color: #444;
	background: transparent url(../x_img/tell-email-1.gif) no-repeat left top;
	border: 0;
	padding: 15px 10px 5px 23px;
	font: 13px Verdana, sans-serif;
	width: 172px;
	height: 22px;
}
* html #tellpage #to_email {
	background-attachment: fixed; /* -- IE only -- */
}
#tellpage #from_email {
	color: #444;
	background: transparent url(../x_img/tell-email-2.gif) no-repeat left top;
	border: 0;
	padding: 15px 10px 5px 23px;
	font: 13px Verdana, sans-serif;
	width: 172px;
	height: 22px;
}

* html #tellpage #from_email {
	background-attachment: fixed; /* -- IE only -- */
}
#tellpage #message {
	color: #444;
	background: transparent url(../x_img/tell-message.gif) no-repeat left top;
	border: 0;
	padding: 11px 14px 20px 14px;
	font: 13px Verdana, sans-serif;
	width: 181px;
	height: 87px;
	overflow: auto;
}

#tellpage #content p {
	color: #008837;
	text-align: center;
	font-size: 14px;
}
#tellpage #content table {
	margin-left: 14px;
}
#tellpage #content table tr td {
	text-align: left;
	font-size: 14px;
	color: #008837;
}
#tellpage form #send-now {
	width: 153px;
	height: 82px;
	background: url(../x_img/send-now-button.gif) no-repeat;
	border: 0;
	text-indent: -1000em;
	outline: none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	float: right;
	padding: 0;
	outline: none;
}
	
#tellpage form #send-now:hover {
	background-position: 0 -82px;
	outline: none;
}

/*****************************************
************* WHERE TO BUY PAGE **********
******************************************/
#where_to_buy_page #center_column {
	background: url(../x_img/stockists_bg.gif) no-repeat;
	padding: 0;
	margin: 0;
}
#where_to_buy_page #center_column h2#where-to-buy {
	width: 225px;
	height: 56px;
	background: url(../x_img/headings/where-to-buy.gif);
	margin: 17px 0 0 37px;
	padding: 0;
}
#where_to_buy_page #center_column #content {
	padding-top: 0;
}
/**************************************
************* THE BEARS PAGE **********
**************************************/
#bearspage #center_column #content {
	padding: 18px 42px 0 58px;
}
#bearspage #center_column {
	background-image: url(../x_img/blue_top.gif);
}
#bearspage #center_column #contentfooter {
	background-image: url(../x_img/blue_bottom.gif);
	height: 68px;
}
#bearspage #content p {
	color: #18449B;
	text-align: left;
	font-size: 11px;
}
#bearspage #center_column h2#thebears {
	width: 371px;
	height: 157px;
	background: url(../x_img/headings/the_bears.jpg);
	margin: 17px 0 0 37px;
}
/*********************************************
**********************************************
************* INDIVIDUAL BEARS PAGE **********
**********************************************
**********************************************/
/* different rule for Pops */
#popspage #center_column #content {
	padding: 18px 32px 0 58px;
}
.indivpage #center_column #content {
	padding: 0 32px 0 58px;
}
.indivpage #content p {
	color: #18449B;
	text-align: left;
	font-size: 11px;
}
.indivpage #content #bearhead {
	float: right;
	width: 154px;
	margin: 0;
	padding: 0;

}
.indivpage #center_column {
	background-image: url(../x_img/blue_top.gif);

}
.indivpage #center_column #contentfooter {
	background-image: url(../x_img/blue_bottom.gif);
	height: 68px;
}
.indivpage #bearhead #content p {
	padding: 0;
}




/* -- - - POPS ---- - - - */
#popspage #center_column h2 {
	width: 154px;
	height: 230px;
	background: url(../x_img/bears-pages/pops_photo.jpg);
	margin: 0;

}
#popspage #center_column h3 {
	width: 196px;
	height: 184px;
	background: url(../x_img/bears-pages/pops_heading.gif);
	font-size: 4px;
	margin-left: -23px;


}
#karlpage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/karl.jpg);
	margin: 15px 0 0 37px;
}
#harrypage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/harry.jpg);
	margin: 15px 0 0 37px;
}
#charliepage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/charlie.jpg);
	margin: 15px 0 0 37px;
}
#roxiepage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/roxie.jpg);
	margin: 15px 0 0 37px;
}
#leepage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/lee.jpg);
	margin: 15px 0 0 37px;
}
#grandmapage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/grandma.jpg);
	margin: 15px 0 0 37px;
}
#grandpapage #center_column h2 {
	width: 355px;
	height: 227px;
	background: url(../x_img/headings/grandpa.jpg);
	margin: 15px 0 0 37px;
}
#mummypage #center_column h2 {
	width: 355px;
	height: 179px;
	background: url(../x_img/headings/mummy.jpg);
	margin: 15px 0 0 37px;
}
/***********************************
******** MAIN NAVIGATION ***********
************************************/
#navholder {
	width: 171px;
	height: 138px;
	text-align: left;
	padding: 0;
	background-image: url(../x_img/navback.gif);
	background-repeat: no-repeat;
}
#globalnav {
	position: relative;
	left:25px;
	top: 21px;
}
#globalnav li {
	position : relative;
	float: left;
	height: 23px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#globalnav li a {
	display: block;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	padding-left: 8px;
	width: 117px;
	color: #7d7d7d;
	color: #444;
	background: #ececec url(../x_img/nav-back-23.gif) no-repeat right top;
}
#globalnav \li a {
	width: 109px;
}
#globalnav li#home a { background: url(../x_img/navback-home.gif) no-repeat right top; }
#globalnav li#product a { background: url(../x_img/navback-bears.gif) no-repeat right top; }
#globalnav li#fun a { background: url(../x_img/navback-fun.gif) no-repeat right top; }
#globalnav li#shop a { background: url(../x_img/navback-shop.gif) no-repeat right top; }

#globalnav li#home a:hover,
#globalnav li#product a:hover,
#globalnav li#fun a:hover,
#globalnav li#shop a:hover {
	background-position: 100% -23px;
	color: #fff;
}
#globalnav li#skip_nav , #globalnav li#sitemap {
	display: none;
}

/* --->>> SUBNAV <<< ----- */
#globalnav li#product ul,
#globalnav li#shop ul { /* second-level lists */
		position : absolute;
		z-index: 200;
		left: -999em;
		margin-left: 117px;
		margin-top: -23px;
		width: 150px;
		border-bottom: 2px solid #A5ADA2;
		border-right: 2px solid #A5ADA2;	
}
#globalnav li#product ul li,
#globalnav li#shop ul li  {
	border-bottom: 1px solid #A5ADA2;
	border-right: 1px solid #A5ADA2;
}
#globalnav li#product ul li a,
#globalnav li#shop ul li a {
	width: 142px;
	display: block;
	background: #ECECEC;
	
}

#globalnav li#product ul li a:hover,
#globalnav li#shop ul li a:hover {
	background: #214B9F;
}

#globalnav li#product:hover ul, 
#globalnav li#product.sfhover ul,
#globalnav li#shop:hover ul,
#globalnav li#shop.sfhover ul { 
		position : absolute;
		z-index: 200;
		left: auto;
}

/*****************************************
************* PAGE HEADINGS **************
******************************************/
#center_column h2, #content h2, .indivpage #content h3 {
	text-indent: -3333px;
}
#homepage #center_column h2 {
	background: url(../x_img/homepage_bears.jpg) no-repeat left top;
	height: 197px;
}
#policiespage #center_column {
	background-image: url(../x_img/yellow_top_long.gif);
}
#policiespage #center_column h2 {
	background: url(../x_img/headings/our_policies.gif) no-repeat left top;
	height: 85px;
	margin: 18px 0 0 35px;
}
#registerpage #center_column h2 {
	background: url(../x_img/headings/registration.gif) no-repeat left top;
	height: 84px;
	width: 257px;
	margin: 26px 0 0 10px;
}
#tellpage #center_column h2 {
	background: url(../x_img/headings/tell-a-friend.gif) no-repeat left top;
	height: 84px;
	width: 257px;
	margin: 26px 0 0 10px;
}
#productpage #content h2 {
	background: url(../x_img/headings/bears.gif) no-repeat left top;
}
#shoppage #content h2 {
	background: url(../x_img/headings/shop.gif) no-repeat left top;
}
#tradepage #content h2#tradeheading {
	background: url(../x_img/headings/trade.gif) no-repeat left top;
}
#tradepage #content h2#distheading {
	background: url(../x_img/headings/distribution.gif) no-repeat left top;
}
#presspage #content h2 {
	background: url(../x_img/headings/press.gif) no-repeat left top;
}
#contactpage #content h2 {
	background: url(../x_img/headings/contact.gif) no-repeat left top;
}

/*****************************************
********* OTHER LEFT BAR STUFF ***********
******************************************/
p#lhs-promo {
	clear: both;
	padding: 0 0 0 34px;
	margin: 0;
	
}
p#lhs-promo img{
	display: block;
}
#click-to-flick {
	text-indent: -3333px;
}
#click-to-flick a {
	display: block;
	width: 171px;
	height: 237px;
	background: url(../x_img/click-to-flick.gif);
}
#click-to-flick a:hover {
	background-position: 0 -237px;
}
#lhs-links {
	list-style: none;
	background: url(../x_img/westcombe.gif) no-repeat;
	padding: 2px 0 2px 0;
	margin: -16px 0 0 14px;
}
#lhs-links li {
	padding: 0 0 0 36px;
	line-height: 14px;
	color: #5B5D64;
	font-size: 10px;
}
#lhs-links li a{
	color: #5B5D64;
	font-size: 10px;
	text-decoration: underline;
}
#lhs-links li a:hover{
	color: #343642;
}
#lhs-links li a#tb_orphanage{
	display: block;
	width: 106px;
	height: 43px;
	text-indent:-3333px;
	background: url(../x_img/teddy_bear_orphanage_logo.gif) no-repeat;
}
/*****************************************
********* RIGHT COLUMN STUFF *************
******************************************/
p#register, p#tellafriend, p#makeawish {
	text-indent: -3333px;
	padding: 0;
	margin: 0;
}
p#register a {
	display: block;
	height: 87px;
	width: 179px;
	background-image: url(../x_img/register-your-bear.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p#register a:hover {
	background-position: 0 -87px;
}
p#tellafriend a {
	display: block;
	height: 73px;
	width: 154px;
	background-image: url(../x_img/tell-a-friend.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p#tellafriend a:hover {
	background-position: 0 -73px;
}
p#makeawish a {
	display: block;
	height: 398px;
	width: 154px;
	background-image: url(../x_img/make_a_wish.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*****************************************
********* SECOND NAVIGaTION **************
******************************************/
#second-nav {
	margin-left: 9px;
	font-size: 10px;
	width: 111px;
	border-top: 1px dashed #C2C2C2;
}
#second-nav li{
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dashed #C2C2C2;
}
#second-nav li a{
	color: #9e9e9e;
}
#second-nav li a:hover{
	color: #444;
}

/* - - - - - >> ACTIVE NAVS << - - - - - - */
#homepage li#home a,
#productpage li#product a,
#shoppage li#shop a,
#tradepage #trade a,
#presspage li#fun a,
#bearspage li#product a,
#funpage li#fun a,
.indivpage #globalnav li#product a {
	background-position: 100% -23px;
	color: #fff;
}
#bearspage li#product ul li a,
.indivpage #globalnav li#product ul li a,
#shoppage #globalnav li#shop ul li a {
	color: #444;
}
.indivpage #globalnav li#product ul li a:hover,
#shoppage #globalnav li#shop ul li a:hover {
	color: #fff;
}
/************************************
*********** MAIN CONTENT ************
*************************************/
#center_column #content {
	padding: 18px 42px 0 42px;
}
#homepage #content p {
	color: #856858;
	text-align: center;
	font-size: 14px;
}

#center_column #bottom-strap {
	text-indent: -3333px;
	padding: 0;
	margin: 0;
	background-image: url(../x_img/can-you-give.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
}
p {
	margin: 0 0 1.5em 0;
}
p#first, #content h3 {
	padding-top: 12px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
#homepage p#first {
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
}	



#footer {
	clear: both;
	width: 679px;
	background: transparent;
	margin: 0 auto;
	padding: 2em 0 0 0;
	
}
#footer p {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #888;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 1px dashed #AAAFA0;
	padding: 0.5em 0;
	margin: 0;
}

#footer a {
	color: #888;
}

#footer a:hover {
	color: #000;
}
a {
	text-decoration: none;
	outline: none;
}
#content a {
	text-decoration: underline;
	color: #662A85;
}
#content a:hover {
	color: #000;
}
img {
	border: 0;
}
option {
	padding-right: 0.5em;
}
p.tight {
	margin: 0; padding: 0;
}

/*************************************
********** NEW ONPAGE BEARS NAV ******
*************************************/
#content .pagebreak  {

	clear: both;
	padding-bottom: 12px;

}
#content #bearsnav {
	width: 280px;
}
#content #bearsnav li {
	float: left;
	list-style: none;
	display: inline;
	padding-right: 11px;
}
#content #bearsnav li a {
	color: #18449B;
	font-size: 11px;
}
#content #bearsnav li a:hover {
	color: #F42D86;
}

.indivpage #content #bearsnav {
	background: url(../x_img/bears-pages/bearslist_bg.gif) no-repeat;
	height: 52px;
	padding-left: 75px;
	margin-left: -18px;
	padding-top: 7px;
	width: 270px;
}
.indivpage #content #bearsnav li {
	padding: 3px 0px 0 11px ;
	line-height: 13px;
}

.indivpage #content #buyme {
	float: right;
	width: 150px;
	height: 66px;
}
.indivpage #content #buyme a {
	display: block;
	text-indent: -3333px;
	width: 139px;
	height: 66px;
	padding: 0;
	background: url(../x_img/buy_me_button.gif);
	margin: 0 0 0 11px;
}
.indivpage #content #buyme a:hover {
	background-position: 0 -66px;
}
