* {
	margin: 0;
	padding: 0
}

body {
	font: 12px Verdana;
	color: #292929;
	background: #853385 url(../images/body-bg.gif) top center repeat-y
}

br.clear {
	clear: both
}

hr {
	width: 500px;
	color: #EDB2D5;
	background-color: #EDB2D5;
	height: 1px;
	border: 0;
	margin: 0 auto 15px auto
}

a img {
	border: 0
}

td {
	text-align: center
}

#frame {
	width: 755px;
	margin: 0 auto
}

#topheader {
	height: 145px;
	background: url(../images/topheader-bg.jpg) top left repeat-x
}

#logo {
	float: left;
	width: 115px;
	height: 145px;
	text-align: right
}

h1.creative-bears-top {
	float: left;
	height: 93px;
	width: 640px;
	text-indent: -2000em;
	font-size: 18px;
	background: url(../images/creative-bears-top.jpg) top right no-repeat
}

#search-box {
	float: left;
	height: 47px;
	width: 640px;
	text-align: center;
	background: url(../images/creative-bears-bottom.jpg) top right no-repeat
}

#search-box form {
	margin-top: 15px
}

#left-nav {
	float: left;
	width: 131px;
	text-align: left
}

#content {
	margin-left: 131px;
	text-align: left;
	background-color: #fff
}

#content ul {
	margin-left: 30px
}

/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */ 

#content p, h2, h3, h4 {
	padding: 20px 20px 0 20px
}

h2, h3, h4 {
	color: #660067
}

h2 {
	text-transform: uppercase
}

#left-nav p {
	width: 131px;
	color: #660067;
	font-size: 10px;
	padding: 15px 0 0 0;
	font-weight: bold;
	text-align: center
}

#left-nav ul {
	list-style-type: none;
	width: 131px;
}

#left-nav li {
	width: 131px;
	height: 40px;
	font-weight: bold;
	margin-bottom: 1px;
	/*background: url(../images/btn-bg.jpg) 0 -40px;*/
	color: #660067
}

#left-nav li.home {
	background: url(../images/nav-buttons/btn-1.jpg) 0 -40px
}

#left-nav li.home a {
	background: url(../images/nav-buttons/btn-1.jpg) top left no-repeat
}

body.home #left-nav li.home a {
	background: url(../images/nav-buttons/btn-1.jpg) 0 -40px
}

#left-nav li.products {
	background: url(../images/nav-buttons/btn-2.jpg) 0 -40px
}

#left-nav li.products a {
	background: url(../images/nav-buttons/btn-2.jpg) top left no-repeat
}

body.products #left-nav li.products a {
	background: url(../images/nav-buttons/btn-2.jpg) 0 -40px
}

body.products #left-nav li.products li, body.products #left-nav li.products li a {
	background-image: none
}

#left-nav li.news {
	background: url(../images/nav-buttons/btn-3.jpg) 0 -40px
}

#left-nav li.news a {
	background: url(../images/nav-buttons/btn-3.jpg) top left no-repeat
}

body.news #left-nav li.news a {
	background: url(../images/nav-buttons/btn-3.jpg) 0 -40px
}


#left-nav li.news02 {
	background: url(../images/nav-buttons/btn-7) 0 -40px
}

#left-nav li.news02 a {
	background: url(../images/nav-buttons/btn-7.jpg) top left no-repeat
}

body.news02 #left-nav li.news a {
	background: url(../images/nav-buttons/btn-7.jpg) 0 -40px
}

#left-nav li.specials {
	background: url(../images/nav-buttons/btn-4.jpg) 0 -40px
}

#left-nav li.specials a {
	background: url(../images/nav-buttons/btn-4.jpg) top left no-repeat
}

body.specials #left-nav li.specials a {
	background: url(../images/nav-buttons/btn-4.jpg) 0 -40px
}

#left-nav li.calendar {
	background: url(../images/nav-buttons/btn-5.jpg) 0 -40px
}

#left-nav li.calendar a {
	background: url(../images/nav-buttons/btn-5.jpg) top left no-repeat
}

body.calendar #left-nav li.calendar a {
	background: url(../images/nav-buttons/btn-5.jpg) 0 -40px
}

#left-nav li.feedback {
	background: url(../images/nav-buttons/btn-6.jpg) 0 -40px
}

#left-nav li.feedback a {
	background: url(../images/nav-buttons/btn-6.jpg) top left no-repeat
}

body.feedback #left-nav li.feedback a {
	background: url(../images/nav-buttons/btn-6.jpg) 0 -40px
}

#left-nav li.about {
	background: url(../images/nav-buttons/btn-8.jpg) 0 -40px
}

#left-nav li.about a {
	background: url(../images/nav-buttons/btn-8.jpg) top left no-repeat
}

body.about #left-nav li.about a {
	background: url(../images/nav-buttons/btn-8.jpg) 0 -40px
}

#left-nav li.safety {
	background: url(../images/nav-buttons/btn-9.jpg) 0 -40px
}

#left-nav li.safety a {
	background: url(../images/nav-buttons/btn-9.jpg) top left no-repeat
}

body.safety #left-nav li.safety a {
	background: url(../images/nav-buttons/btn-9.jpg) 0 -40px
}

#left-nav li.downloads {
	background: url(../images/nav-buttons/btn-10.jpg) 0 -40px
}

#left-nav li.downloads a {
	background: url(../images/nav-buttons/btn-10.jpg) top left no-repeat
}

body.downloads #left-nav li.downloads a {
	background: url(../images/nav-buttons/btn-10.jpg) 0 -40px
}

#left-nav li.order {
	background: url(../images/nav-buttons/btn-11.jpg) 0 -40px
}

#left-nav li.order a {
	background: url(../images/nav-buttons/btn-11.jpg) top left no-repeat
}

body.order #left-nav li.order a {
	background: url(../images/nav-buttons/btn-11.jpg) 0 -40px
}

#left-nav li.contact {
	background: url(../images/nav-buttons/btn-12.jpg) 0 -40px
}

#left-nav li.contact a {
	background: url(../images/nav-buttons/btn-12.jpg) top left no-repeat
}

body.contact #left-nav li.contact a {
	background: url(../images/nav-buttons/btn-12.jpg) 0 -40px
}

#left-nav li.custom {
	background: url(../images/nav-buttons/btn-13.jpg) 0 -40px
}

#left-nav li.custom a {
	background: url(../images/nav-buttons/btn-13.jpg) top left no-repeat
}

body.custom #left-nav li.custom a {
	background: url(../images/nav-buttons/btn-13.jpg) 0 -40px
}

#left-nav li.products {
	margin-bottom: 1px
}

* html #left-nav li.products, * html #left-nav li.contact {
	margin-bottom: -1px
}

#left-nav li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 41px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	/*background: url(../images/btn-bg.jpg) top left no-repeat*/
}

#left-nav li a:hover {
	background-image: none
}

#left-nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin: -3.5em 0 0 131px
}

#left-nav li:hover ul ul, #left-nav li:hover ul ul ul, #left-nav li.sfhover ul ul, #left-nav li.sfhover ul ul ul {
	left: -999em
}

#left-nav li:hover ul, #left-nav li li:hover ul, #left-nav li li li:hover ul, #left-nav li.sfhover ul, #left-nav li li.sfhover ul, #left-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto
}

#left-nav li li {
	background-image: none;
	height: 100%;
	width: 100%;
	margin: 0
}

* html #left-nav li ul li {
	margin-bottom: -2px
}

#left-nav li li a {
	display: block;
	text-decoration: none;
	padding: 1px 5px;
	height: 100%;
	width: 100%;
	line-height: 20px;
	text-align: center;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	background-image: none
}

#left-nav li li a:link, #left-nav li li a:visited, body.products #left-nav li.products li a:link, body.products #left-nav li.products li a:visited, body.order #left-nav li.order li a:link, body.order #left-nav li.order li a:visited, body.contact #left-nav li.contact li a:link, body.contact #left-nav li.contact li a:visited {
	background: #a8d6ef none;
	color: #2799D8
}

#left-nav li li a:active, #left-nav li li a:hover, body.products #left-nav li.products li a:active, body.products #left-nav li.products li a:hover, body.order #left-nav li.order li a:active, body.order #left-nav li.order li a:hover, body.contact #left-nav li.contact li a:active, body.contact #left-nav li.contact li a:hover {
	background: #52ade0 none;
	color: #fff
}

ul#gallery {
	margin: 15px auto 0 auto;
	padding-left: 15px;
	list-style-type:none;
	clear: right
}
ul#gallery li {
	padding-left: 22px;
	background: url(../images/gallery-bullet.gif) center left no-repeat;
	margin:5px
}
ul#gallery li a:link, ul#gallery li a:visited, #content a:link, #content a:visited {
	color: #AB116E;
	font-weight: bold;
	text-decoration: underline
}
ul#gallery li a:active, ul#gallery li a:hover, #content a:active, #content a:hover {
	color: #660067;
	font-weight: bold;
	text-decoration: underline
}
ul#gallery li p {
	text-align: center;
	margin:5px 0
}

h2.products {
	width: 106px;
	height: 19px;
	text-indent: -1000em;
	margin: 20px 0 0 20px;
	overflow: hidden;
	padding-bottom: 10px;
	background: url(../images/products-hdr.gif) top left no-repeat
}

h2.seasonal {
	width: 209px;
	height: 17px;
	text-indent: -1000em;
	margin: 20px 0 0 20px;
	overflow: hidden;
	padding-bottom: 10px;
	background: url(../images/products-seasonal-hdr.gif) top left no-repeat
}

h2.souvenir {
	width: 206px;
	height: 16px;
	text-indent: -1000em;
	margin: 20px 0 0 20px;
	overflow: hidden;
	padding-bottom: 10px;
	background: url(../images/products-souvenir-hdr.gif) top left no-repeat
}

table.gallery {
	margin: 0 auto
}
#footer {
	clear: both;
	font: 9px Verdana;
	color: silver;
	margin: 40px 0 0 25px;
	text-align: center
}

.footer-contact {
	margin-top: 20px;
	color: silver;
	text-align: center
}

#footer a:link, #footer a:visited, #footer p.footer-contact a:link, #footer p.footer-contact a:visited {
	color: silver;
	text-decoration: none;
}

#footer a:active, #footer a:hover, #footer p.footer-contact a:active, #footer p.footer-contact a:hover {
	color: silver;
	text-decoration: underline;
}

#content p.breadcrumb a:link, #content p.breadcrumb a:visited {
	color: #52ADE0
}

#content p.breadcrumb a:active, #content p.breadcrumb a:hover {
	color: #238AC2
}

/**** FORM styles *****/

form {
	width: 93%;
	margin: 20px auto;
	padding: 0 5px
}
input {
	color: #000
}
.center {
	text-align: center
}
.red {
	color: red
}
label {

	float: left;
	width: 140px;
	margin-bottom: 10px;
	cursor: pointer;
	font-weight: bold
}
input.text, select {
	margin-bottom: 10px
}