@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* Relative Elements */
#wrap, #header, #footer, #content, #header .cart,#nav li {
	position:relative;
}


/* -------------------------------- */
/* PAGE ELEMENTS 					*/ 
/* -------------------------------- */
/* Top Section	  					*/

html {
overflow-x:hidden;
}

body {
	background:#99CCFF url('../images/interface/sky-tiling.png') center top;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x:hidden;
}


#wrap {
	width:962px;
	margin:40px auto 0 auto;
}

a {
	color:#003366;	
}

a:visited {
	color:#ff0066;	
}

/* -------------------------------- */
/* HEADER							*/
	
#header {
	width:962px;
	height:185px;
	background: url('../images/interface/grasshopper-toys-sprite-sheet.png') 0 -274px; no-repeat;
	overflow:visible;
	z-index:2;
}

#header a, #nav a {
	color:#FFFFFF;
	text-decoration:none;
}

#header .logo {
	width:207px;
	height:146px;
	margin:0 auto;
	position:relative;
	top:-30px;
	display:block;
}

#header .search {
	display:block;
	width:270px;
	height:34px;
	position:absolute;
	top:80px;
	left:345px;
	background:#FF0000;
	border:3px solid #FFFF00;
	
	/* Do Rounded corners in Firefox and Safari */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

#header .search label {
	display:none;
}

#header .search .in {
	width:190px;
	height:18px;
	padding:2px 2px;
	position:absolute;
	top:6px;
	left:10px;
	background:#FFF url(../images/interface/form-elements.png) -1px -1px; /*sprite positioning */
	border:0px solid #FFF;
	color:#333;
	font:bold 14px "arial","sans-serif";
	line-height:22px;
}

#header .search .out {
	position:absolute;
	top:6px;
	left:207px;
	background:none;
	border:0px solid #FFF;
	color:#fff;
	font:bold 16px "arial","sans-serif";
	letter-spacing:-1px;
}

#header .search .out:hover {
	cursor:pointer;
}

#header .cart {
	width:210px;
	height:50px;
	position:absolute;
	top:75px;
	right:50px;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') -412px 0px no-repeat;
	color:#FFFFFF;
}

#header .cart .price {
	position:absolute;
	top:0;
	left:140px;
	font:bold 16px "arial","sans-serif";
	line-height:45px;	
}

#header .cart .count {
	position:absolute;
	top:7px;
	left:10px;
}

#header .cart ul {
	margin-top:19px;
	margin-left:5px;
	font:bold 11px "arial","sans-serif";
	list-style:none;
}

#header .cart li {
	padding:5px;
	float:left;
}

#header .crumb {
	display:block;
	width:956px;
	height:23px;
	position:absolute;
	top:161px;
	left:0;
	background:#FF0066;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
}


/* TOP MENU NAVIGATION */
#nav {
	position:absolute;
	top:136px;
	left:30px;
	margin:0px;
	padding:0px;
	z-index:30;
	list-style:none;
	text-indent:0px;
	width:910px;
	overflow:visible;
}

#nav .sub {
	display:none;
}

#nav li:hover .sub {
	display:block;

}

#nav li:hover .tab {
	background:#FF9900;
	border-bottom:4px solid #FF9900;
}

#nav li.red:hover .tab {
	background:#FF0000;
	border-bottom:4px solid #FF0000;
}

#nav li {
	display:block;
	float:left;
	margin:0 4px 0 0;
	overflow:visible;
	font-weight:bold;
}

#nav .right {
	display:block;
	float:right;
	margin:0 5px 0 0;
	overflow:visible;
}

#nav li a.tab{
	padding:5px 10px;
	background:#990066;
	display:block;
	cursor:default;
	/* Do Rounded corners in Firefox and Safari */
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

#nav .red > a{
	background:#FF0000!important;
}

#nav li:hover a.tab {
	background:#FF9900;
	border-bottom:4px solid #FF9900;
	border-color:#FF9900;
}


/* reset sub nav anchors to not be purple or have bottom borders*/
#nav .sub ul a {
	padding:0px;
	background:#FFF;
	border:0px solid #FFF;
}

/* sub nav container */
#nav .sub {
	position:absolute;
	top:28px;
	left:-20px;
	padding-bottom:5px;
	/*background:url(../images/interface/menu-drop-shadow.png)*/
	border:3px solid #FF9900;
	background:#FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#nav .red .sub {
	border:3px solid #FF0000;
	background:url(../images/interface/bg-toysforschools.png) 0 -10px;
	padding-bottom:60px;
}

#nav .right .sub {
	left:auto;
	right:-20px;
}

#nav .sub .container {
	padding-top:10px;
	/*background:url(../images/interface/menu-drop-shadow.png);*/
}



/* sub nav container */
#nav .list1 {width:195px;background-position:0 bottom;}
#nav .list1 .container {background-position:0 top;}
#nav .red .list1 {width:195px;background-position:-1940px bottom;}
#nav .red .container {background-position:-1940px top;}
#nav .list2{width:390px;background-position:-200px bottom;}
#nav .list2 .container {background-position: -200px top;}
#nav .list3 {width:575px;background-position:-590px bottom;}
#nav .list3 .container {background-position: -590px top;}
#nav .list4 {width:765px;background-position:-1170px bottom;}
#nav .list4 .container {background-position:-1170px top;}

#nav .p6 .list3 {
	margin-left:-200px;
}

#nav .p5 .list4 {
	margin-left:-300px;
}

#nav .p4 .list4 {
	margin-left:-220px;
}

#nav .p3 .list4 {
	margin-left:-130px;
}

#nav .p2 .list4 {
	margin-left:-100px;
}

#nav .p1 .list4 {
	margin-left:0px;
}



#nav .sub ul {
	display:block;
	width:170px;
	float:left;
	margin:5px 10px;
}

#nav .sub ul ul {
	margin-top:5px;
	margin-left:5px;
}

#nav .sub ul li {
	display:block;
	float:none;
}



#nav .sub ul a {
	color:#333333;
	font:normal 11px "verdana","sans-serif";
	line-height:185%;
	display:block;
	width:100%;
}

#nav .sub strong {
	color:#333333;
	font:bold 15px "verdana";
}

#nav .sub ul a:hover {
	text-decoration:underline;
}

.details {
	display:block;
	position:absolute;
	right:50px;
	top:15px;
	text-align:right;
	font-size:29px;
	font-weight:bold;
	color:#FFFFFF;
}

.details a {
	font-size:13px;
}

.details span {
	display:block;
}

/* -------------------------------- */
/* CONTENT							*/

#content {
	background:#FFFFFF;
	width:954px;
	border:4px solid #FFF;
	border-top:10px solid #fff;
	position:relative;
	z-index:1;
	min-height:252px;
}

#content h1 {
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
}
#content h2 {
	font-size:16px;
	font-weight:bold;
	padding:10px 0;
}
#content h3 {
	font-size:13px;
	font-weight:bold;
	padding:10px 0;
}
#content h4 {
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
}
#content h5 {
	font-size:12px;
	font-weight:bold;
	color:#999999;
	padding:10px 0;
}

#content p {
	margin:5px;
	color:#666666;
	line-height:140%;
}

#content .article > p {
	margin-bottom:15px;
}


#content .box {
	margin:10px 0px;
}


#content .box .title{
	padding:4px;
	color:#FFFFFF;
	background:#999;
	text-indent:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	line-height:24px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#content .side .title {
		font:bold 12px "verdana","sans-serif";
}

#content .box .jack {
	margin:0 5px;
	padding:10px;
	border:2px solid #999;
	border-top:0px solid #FFF;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
}

#content .chat .jack {
	margin:0 5px;
	padding:10px;
	height:185px;
	border:2px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
}

#content .chat h3 {
	color:#A82A9B;
	font-size:23px;
	line-height:140%;
	margin:0!important;
	padding:0px;
}

#content .chat p {
	font-size:11px;
}

#content .chat .contact {
	font-size:26px;
	line-height:90%;
	font-weight:bold;
	margin:10px 0px;
	color:#333333;
	padding-left:20px;
}

#content .chat .contact a {
	text-decoration:none;
	color:#333;
}

#content .chat li {
	list-style:none;
	display:inline;
	text-align:center;
}

#content .chat ul {
	text-align:center;
	display:block;
	width:100%;
}

#content .chat .contact a {
	font-size:19px;
}

#content span.error-text {
	display:none!important;	
}

#content .light-blue .title { background-color:#75B2FF; }
#content .light-blue .jack { border-color:#75B2FF; }
#content .dark-blue .title { background-color:#003366; }
#content .dark-blue .jack { border-color:#003366; }
#content .orange .title { background-color:#FF6633; }
#content .orange .jack { border-color:#FF6633; }
#content .red .title { background-color:#FF0000; }
#content .red .jack { border-color:#FF0000; }
#content .green .title { background-color:#003366; }
#content .green .jack { border-color:#003366; }
#content .pink .title { background-color:#FF0066; }
#content .pink .jack { border-color:#FF0066; }

#content .top0 { margin-top:0}

#content .tabs .nav {
	display:none;
}

/*index Page */

#marquee {
	width:715px;
	height:255px;
	margin:5px 0 0 0px;
	position:relative;
	overflow:hidden;
	float:left;
}

#marquee div {
	display:none;
	width:705px;
	height:200px;
	padding:10px;
	margin-top:-20px;
	
}

#marquee div.on {
	display:block;
	position:relative;
	top:-10px;
	left:5px;
}

#marquee div .box1 { 
	position:absolute; 
	top:20px!important; 
	left:0px;
	width:705px!important; 
	height:190px;
	z-index:765!important;
}

#marquee div .box2 { 
	position:absolute; 
	left:20px;
	width:705px; 
	height:200px;
	z-index:660!important;
}

#marquee div .box3 { 
	position:absolute;  
	top:20px!important; 
	right:10px;
	width:705px!important; 
	height:190px;
	z-index:764!important;
	text-align:right;
}

#marquee .nav {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:33px;
	background:#990066;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	bottom:10px;
	z-index:999;
}

#marquee .nav li {
	float:left;
}

#marquee .nav li a {
	text-align:center;
	text-decoration:none;
	color:#FFF;
	display:block;
	vertical-align:middle;
	font:bold 11px arial;
	float:left;
	width:130px;
	height:30px;
	margin:0 20px;
	margin-top:2px;
}

#marquee .nav li.sel a {
	position:relative;
	top:-5px;
	padding:5px 8px;
	margin:0 10px;
	background:#fff;
	border:2px solid #990066;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#990066;
}

.stickers {
width:225px;
height:260px;
float:left;
margin:0 0 0 10px;
list-style:none;
}

.stickers a {
width:225px;
height:86px;
display:block;
}


/* PRODUC PAGE */

#content .article {
	width:775px;
	float:right;
	margin-right:4px;
}

#content .side {
	width:160px;
	float:left;
}

#content .side .jack ul {
	list-style:none;
	margin:0px;
}

#content .side .jack li{
	margin:3px
}

#content .side .jack li a {
	text-decoration:none;
}

#content .article .product .image{
	width:257px;
	float:left;
	height:260px;
	position:relative;
}

#content .article .product .image #thumb {
	width:240px;
	height:240px;
	text-align:center;
	border:2px solid #E1E1E1;
	display:table-cell;
	*display:block;
	vertical-align:middle;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#content .article .product .image #thumb .ribbon {
	width:240px;
	height:236px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-position:top left;
	border:2px solid #E1E1E1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#content .article .product .image #thumb .on1 {
	background-image:url('../images/interface/grasshopper-toys-sprite-sheet.png');
}

#content .article .image a {
	margin:0 auto;
}

#content .article .image img {
	max-width:220px;
	max-height:220px;
}



#content .article dt { float: left; clear: left; width: 130px; text-align: right; font-weight: bold; } 
#content .article dt:after { content: ":"; } 
#content .article dd { margin: 0 10px 0 135px; padding: 0 0 5px 0; }
#content .article dl { margin-top:20px;}

#content .product .info {
	width:265px;
	float:left;
	margin-right:10px;
}

#content .article .product .info .supplier {
	display:block;
	margin:-15px 0 10px 0;
	font-weight:bold;
	color:#666666;
}

#content .article .product .info .review {
	display:block;
	height:49px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
}

#content .box .info .review, #content .article .box .info .review  {
	display:block;
	height:16px;
	border:0px solid #FFF;
	font-size:11px;
}

#content .product .info .review span {
	display:block;
	float:left;
	width:84px;
	text-indent:-2000px;
	overflow:hidden;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') -242px 0;
	height:16px;
	margin-right:10px;
}

#content .product .info .review .star0 { background-position:-242px 0px;}
#content .product .info .review .star1 { background-position:-242px -16px;}
#content .product .info .review .star2 { background-position:-242px -32px;}
#content .product .info .review .star3 { background-position:-242px -48px;}
#content .product .info .review .star4 { background-position:-242px -64px;}
#content .product .info .review .star5 { background-position:-242px -80px;}

#content .product .info label {
	display:block;
	float:left;
	width:133px;
	font-size:10px;
	color:#666666;
	line-height:90%;
}

#content .product .info .check {
	display:block; 
	float:left;	
	position:relative;
	margin:2px 6px;
}

#content .article .info h4 {
	line-height:100%;
	margin:4px 0;
	padding:0px;
}

#content .article .product h2 {
	color:#990066;
	font-weight:normal;
	font-size:20px;
	margin:-9px 0px 10px 0px;
	line-height: 100%;
}


#content .article .product .action {
	width:240px;
	height:240px;
	float:left;
	background-color:#E1E1E1;
	overflow:hidden;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}

#content .article .product .action .price {
	display:block;
	font:bold 19px arial;
	color:#000000;
	line-height:25px;
	background:#C5C5C5;
	text-indent:10px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	margin-bottom:20px;
}

#content .product .action  div{
	margin-left:6px;
	margin-right:6px;
}

#content .product .action p {
	font-size:10px;
	color:#666666;
}


/* SECTION PRODUCTS */

#content .article .prodsection {
	display:block;
	clear:both;
	height:120px;
	border-bottom:1px solid #CCC;
	margin-top:10px;
	width:97%;
}

#content .article .prodsection .image {
	width:100px;
	padding:2px;
	margin:3px;
	height:100px;
	display:block;
	float:left;
	border:1px solid #ccc;
	text-align:center;
	line-height:100px;
	vertical-align:middle;
}

#content .article .prodsection .thumb {
	height:100px;
	width:100px;
	display:table-cell;
	vertical-align:middle;
}

#content .article .prodsection .image img {
	max-width:90px;
	max-height:90px;
	margin:auto;
}

#content .article .prodsection ul {
	list-style:none;
	margin:0;
	margin-top:10px;
}

#content .article .prodsection ul li {
	display:block;
	float:left;
	margin:0px 7px;
}

#content .article .prodsection h4 {
	font-size:15px;	
	height:32px;
}

#content .article .prodsection .info {
	display:block;
	height:120px;
	width:500px;
	margin-right:10px;
	margin-left:10px;
	float:left;
}

#content .prodsection .review span {
	display:block;
	float:left;
	width:63px;
	text-indent:-2000px;
	overflow:hidden;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') -242px 0;
	height:11px;
	margin-right:10px;
}

#content .prodsection .review .star0 { background-position:-242px -127px;}
#content .prodsection .review .star1 { background-position:-242px -138px;}
#content .prodsection .review .star2 { background-position:-242px -149px;}
#content .prodsection .review .star3 { background-position:-242px -150px;}
#content .prodsection .review .star4 { background-position:-242px -161px;}
#content .prodsection .review .star5 { background-position:-242px -172px;}

#content .article .prodsection .other {
	display:block;
	height:120px;
	width:100px;
	float:left;
}

#content .section {
	display:block;
	float:left;
	width:23%;
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	height:200px;
	text-align:center!important;
}

#content .section img {
	width:100px;
	margin:0 auto;
}


#content  .prodsection .price {
font-size:20px;
font-weight:bold;
display:block;
}

#content .article .prodsection .stock {
	color:#090;
	font-weight:bold;
}


#content .pages {
	list-style:none;
	display:block;
	clear:both;
	padding-top:20px;
}

#content .pages li {
	font-size:14px;	
	display:block;
	float:left;
	margin:0 5px;
}

/* END SECTION PRODUCTS */

#content .product .action .order {
	height:70px;	
	margin-top:10px;
}

#content .action .quantity {
		width:60px;
		float:left;
		font-size:11px;
		color:#666666;
		padding-top:5px;
		margin-left:6px;
}

#content .action .quantity input {
	width:20px;
	border:1px solid #0099CC;
}

#content .action .buttons {
	width:130px;
	float:left;
	display:block;
}



#content .product .action .button, #content .form .button, #content .product .action input.button {
		border:0px solid #FFF;
		width:137px;
		height:21px;
		line-height:21px;
		font-weight:bold;
		display:block;
		text-align:center;
		font-size:13px;
		text-decoration:none;
		color:#FFF!important;
		background:#FF0066;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		margin:5px 0;
}

#content .form a.button {
		overflow:hidden;
}

#content .product .action .purple {
	background-color:#a82a9b;	
}

#content .button:hover {
	background-color:#F90;	
}

#content .product .action strong {
	font-size:12px;
	font-weight:bold;
	color:#14a04c;
	padding-top:10px;
}

#content .product .action .ship {
	border-top:1px solid #CCCCCC;	
	padding-top:15px;
}

#content .product .ship img {
	float:left;
	margin:0 10px;
}

#content .product .ship p {
	position:relative;
	top:-7px;
}

#content .by2 {
	width:49%;
	float:left;
	clear:none;
	margin:10px 0.5%;
}

#content .by3 {
	width:32%;
	float:left;
	clear:none!important;
	margin:10px 0.5%;
}

#content .by4 {
	display:block;
	width:20%;
	float:left;
	clear:none;
	margin:10px 10px;
}

#content .by12 {
	width:60%!important;
	float:left;
	margin:10px 0.5%;
}

#content .by12 .in{
	width:60%!important;
}


#content .group {
	text-align:center;
	
}

#content .group .product, #content .jack .product {
	width:205px;
	height:140px;
	display:inline-block;
	margin:14px;
	overflow:hidden;
	position:relative;
	text-align:left;
}

#content .jack .product {
	width:205px;
	margin:5px;
	overflow:hidden;
}

#content .article .jack .product {
	width:205px;
	margin:10px 20px;
	overflow:hidden;
}

#content .group .product h4, #content .jack .product h4 {
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	padding:0px;
	font-size:13px!important;
	font-weight:bold;
	width:205px;
	height:29px;
	font-family:Verdana, Geneva, sans-serif;
}

#content .group .product h4 a, #content .jack .product h4 a {
	display:inline;
	text-decoration:none;
	color:#000;
	width:205px;
	height:29px;
	display:table-cell;
	vertical-align:middle;
}

#content .group .product .image, #content .jack .product .image {
		width:85px;
		height:85px;
		position:absolute;
		top:37px;
		left:5px;
		background:#FFF url('../images/interface/grasshopper-toys-sprite-sheet.png') top right;
}

#content .group .product .image img, #content .jack .product .image img {
	max-width:75px;
	max-height:75px;
}

#content .group .product  .thumb span, #content .jack .product .thumb span {
	display:table-cell;
	width:79px;
	height:79px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
	line-height:79px;
}

#content .group .product .info, #content .jack .product .info {
	width:110px;
	height:82px;
	margin-top:35px;
	margin-left:97px;
}

#content .group .product span, #content .jack .product span {
	line-height:22px;
	display:block;
	float:none;
}

#content .group .price, #content .jack .price {
	font-weight:bold;
	font-size:16px;
}

#content .group .offer, #content .jack .offer {
	color:#F00;
	font-size:12px;
}

#content .group .stock, #content .jack .stock {
	color:#090;
	display:block;
	clear:both;
	font-weight:bold;
	font-size:12px;
}

#content .product .nav {
	display:block;
	position:absolute;
	top:123px;
	left:0px;
	margin:none;
	list-style:none;
}

#content .product .nav li {
	display:block;
	float:left;
	margin:0 2px;
}

#content .product .nav .button, #content .prodsection .button {
	display:block;
	line-height:17px;
	padding:0 8px;
	background:#CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
}

#content .nav .blog, #content .nav .face, #content .nav .off {
	text-indent:-200px;
	width:5px;
}

#content .nav .blog {
	background:#FF6633!important;
}

#content .nav .off {
	background:#EFEFEF!important;
}

#content .nav .face {
	background:#003366!important;
}

#content .nav .wish {
	background:#a82a9b!important;
}

#content .nav .more {
	background:#ff0066!important;
}

#content .form label {
	font-weight:bold;
	display:block;
	float:left;
	width:120px;
	text-align:right;
	margin-right:10px;
	height:20px;
}

#content .form span p {
	font-size:10px;
	position:absolute;
	top:10px;
	left:0px;
	width:115px;
	display:block;
	text-align:right;
	line-height:100%;
}

#content .form .in {
	font-weight:bold;
	display:block;
	float:left;
	width:78.5%;
	border:1px solid #CCCCCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:4px;
	margin-bottom:15px;
}

#content .form table .in {
	font-weight:bold;
	display:inline-block;
	float:none;
	width:90%!important;
	border:1px solid #CCCCCC;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:3px;
	margin-bottom:0px;
	margin:0 5px;
}

#content .form table strong {
	font-size:16px;	
	text-indent:10px;
}

#content .form img.captcha {
	float:left;
	margin-right:10px;
}

#content .form input.captcha {
	width:40%!important;
}

#content .form fieldset.in {
height:140px;
}

#content .form span {
	display:block;
	clear:both;
	position:relative;
	padding-bottom:20px;
}

#content .form span.by2 {
	display:block;
	clear:none;
	position:relative;
	height:15px;
	
}

#content .form .by2 .in, #content .form .by3 .in#content .form .by12 .in {
width:60%;
}


#content .form .button {
	position:relative;
	top:10px;
	height:25px;
	line-height:25px;
}

#content .form .buttons {
	height:40px;
}

#content .form .buttons .button {
		float:left;
	margin-left:5px;	
	
}

#content .form .button:hover {
cursor:pointer;
}

#content .error {
	display:block;
	width:95%;
	padding:5px;
	border:2px solid #FFFF99;
	background:#FFFFCC;
	color:#990000;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:180%;
	font-size:11px;
	padding-left:20px;
}

.error ul {
	margin-left:40px;	
}

#content .byline {
	font-size:11px;
	color:#006699;
	padding-bottom:10px;
	padding-top:5px;
	width:99%;
	border-bottom:1px dotted #CCC;
}

#content .review:last-child .byline{
	border-bottom:0px dotted #CCC!important;
}
#content .form strong {
	font-weight:bold;
	color:#000000;
}


#content .tabs h4 {
	font-weight:bold;
	font-size:15px;
	margin:0 0 -10px 5px;
}


/* Cart Stuff */

#content table.cart {
	width:99%;	
}
#content table.cart th {
	padding:10px;
	font-weight:bold;
	color:#000;
}

#content table.cart th.total {
	padding:6px;
	font-weight:bold;
	font-size:14px;
	color:#000;
}

#content table.cart tfoot th.right {
	text-align:right;
}

#content table.cart tfoot tr .total:first-child {
	text-align:right;
	padding-right:30px;
}

#content table.cart {
	border-collapse:collapse;
	border-spacing:0px;
}

#content table.cart td {
	padding:5px 5px;
	border:0px solid #fff;
	border-bottom:1px solid #C2DAFC;
	
}

#content table.mini .in {
	width:160px!important;	
}

.topnav {
	display:block;
	position:absolute;
	top:-20px;
	right:20px;
	color:#000!important;
}

.topnav ul {
	list-style:nonw;
}

.topnav li {
	display:block;
	float:left;
	padding:0 2px;
	color:#FFFFFF;
}

.topnav li a {
	color:#fff;
	text-decoration:none;
}

.topnav li:after {
	content:" | ";
}

.topnav li:last-child:after {
	content:" "
}

#content table.cart tfoot td {
padding:2px;
border:0px solid #fff;
background:#fff;
}

#content .article table .button{
		border:0px solid #FFF;
		width:80px!important;
		height:18px!important;
		line-height:18px!important;
		font-weight:bold!important;
		display:block;
		text-align:center;
		font-size:11px!important;
		text-decoration:none;
		color:#FFF;
		background:#003366;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		margin:5px 0;
		top:0px;
}

#content .article table .delete{
		border:0px solid #FFF;
		width:60px!important;
		height:18px!important;
		line-height:18px!important;
		font-weight:bold!important;
		display:block;
		text-align:center;
		font-size:11px!important;
		text-decoration:none;
		color:#900;
		background:#FFF;
		margin:5px 0;
		top:0px;
		float:left;
}

#content .article table .add{
		border:0px solid #FFF;
		width:90px!important;
		height:18px!important;
		line-height:18px!important;
		font-weight:bold!important;
		display:block;
		text-align:center;
		font-size:11px!important;
		text-decoration:none;
		color:#090;
		background:#FFF;
		margin:5px 0;
		top:0px;
		float:left;
}

#content .article table .edit{
		border:0px solid #FFF;
		width:70px!important;
		height:18px!important;
		line-height:18px!important;
		font-weight:bold!important;
		display:block;
		text-align:left;
		font-size:11px!important;
		text-decoration:none;
		color:#009;
		background:#FFF;
		margin:5px 0;
		top:0px;
		float:left;
}

#content .article table .delete:before {
content: "X "	
}

#content .article table .add:before {
content: "+ "	
}

#content .article table .edit:before {
content: "+ "	
}

#content .article table .button.red{
		background:#990000;
}

#content table.cart {
	background:#C2DAFC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#content table.cart tfoot td {
	background:#EBF4FF;	
}

#content table.cart tfoot th {
	background:#EBF4FF;	
}

#content table.wish {
	background:#A82A9B!important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#content table.wish th {
	color:#FFF!important;
}
#content table.wish tbody td {
	border-bottom:1px solid #A82A9B!important;
}

#content table.wish tfoot td {
	background:#E9CAE6;
}

#content table.cart tbody {
	background:#FFF;	
}

#content table.cart ul {
	font-size:10px;
	list-style:none;
	margin:5px 5px 0px 5px;
}

#content table.cart li {
	margin-left:10px;
	list-style:none;
	font-size:10px;
}

#content table.cart li:before {
	content:"+ ";
	font-size:11px;
}

#content table.mini {
	width:100%;
	font-weight:bold;
	border-top:2px solid #C2DAFC;

}

#content .shipping {
	border-top:2px solid #F06!important;
	width:45%;
	padding:0 5px 10px 5px;
}

#content .shipping img {
	padding-right:10px;	
}

#content table.mini td {
		font-size:16px;	
		padding:5px;
}

#content table.mini tr td:first-child {
	text-align:right;
	margin-right:3px;
}

#content .address p {
	font-size:12px;	
	padding-left:10px;
	font-weight:bold;
}

#content .address span {
	position:relative;
	left:-10px;
	top:-1px;
}

#content .payment h2 {
	color:#990066;	
}

#content .productlist .item a {
	display:block;
	text-decoration:none;
	font-size:11px;
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	color:#333;
	
}

#content .productlist .item a strong {
	display:block;
	font-weight:bold;
	font-size:12px;
}




/* -------------------------------- */
/* FOOTER							*/

#footer {
	background:#FFFFFF;
	width:958px;
	height:210px;
	border:2px solid #FFF;
}

#footer .nav {
	list-style:none;
	width:600px;
	margin:0 auto;
	text-align:center;
}

#footer .nav li {
	display:inline;
	font-size:10px;
	font-family:verdana;
	color:#999999;
}

#footer .nav li:after {
	content:" |";
	position:relative;
	top:1px;
}

#footer .nav li.last:after {
	content:"";
}

#footer .copy {
	font-size:10px;
	color:#666666;
	text-align:center;
	margin:10px;
	font-family:verdana;
}

#footer .badge {
	width:100%;
	text-align:center;
}

#footer .logo {
	width:175px;
	height:123px;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') -645px 0;
	position:absolute;
	top:50px;
	left:40px;
	z-index:999;
}

#footer .grasshopper {
	width:234px;
	height:118px;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') -410px -76px;
	position:absolute;
	top:70px;
	right:50px;
	z-index:999;
}

.hills {
	width:100%;
	height:103px;
	background:url('../images/interface/grasshopper-toys-sprite-sheet.png') bottom center;
	position:absolute;
	margin-top:-90px;
}

.tools {
	width:30px;
	height:110px;
	position:fixed;
	bottom:600px;
	right:-30px;
	background:#FFF;
	outline:1px solid red;
}

.pload {
	width:10px;
	height:10px;
	position:absolute;
	z-index:-1;
	background:url('../images/interface/menu-drop-shadow.png');
}


.pad5 {
	padding-top:5px;	
}

.border {
	border-right:1px solid #CCC;
	width:46%!important;
	margin-right:13px!important;
	padding-right:13px;
}

.form .by2 {
	position:relative;	
}

.or {
	font-size:16px;
	display:block;
	font-weight:bold;
	color:#CCC;
	padding:5px;
	background:#fff;
	position:absolute;
	top:40%;
	right:-19px;
}

.jssShow {
	display:none;	  
}

#crumb {
	z-index:2;
	margin-left:10px;
	margin-top:4px;
	color:#FFF;
}

#crumb a {
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

.center {
	width:100%;
	text-align:center;
}

.tfs {
	display;block;
	background:#FF0000;
	color:#FFFFFF!important;
	width:750px;
	height:72px;
	position:relative;
	background:url('../images/interface/toysforschools.png');
}

.tfs p {
color:#FFFFFF!important;
width:212px;
position:absolute;
top:12px;
left:524px;
font-wise:12px;
font-weight:bold;
}

.tfs label {
	position:absolute;
	top:12px;
	left:100px;
	color:#FFFFFF;
	width:220px!important;
	display:block;
}

.tfs input {
	border:0;
	padding:0;
	position:absolute;
	top:35px;
	left:117px;
	width:280px;
	padding:3px;
	-moz-border-radius:5px;
	
}

.tfs p.num {
	font-size:30px;
	left:420px;
}