@charset "utf-8";
/* CSS Document */

body{ background: white;
    margin: 0 auto;
	padding: 0;
	font-family: sans-serif;
	color:black;
}

#container {
 	left:75px;
	position:relative;
	width:760px;;
	/* background:url(images/body.png)) no-repeat; */
	/*background: url(images/bg_shade.png) repeat; */
}
#tab {
 position: absolute;
 top: 67px;
 left:0px;
 width: 697px;
 height: 535px;
 background:url(images/body.gif) right no-repeat;
}
#left {
	margin-left:0px;
	top: auto;
	left: 0px;
	padding-left:0px;
	width: 126px;
	height: auto;
	z-index: 3;
 /* background:url(images/logo.png) left no-repeat; */
}
#footer{
	position:relative;
}

#logo {
	margin-left:0px;
	top: auto;
	left: 0px;
	width: 126px;
	height: 151px;
	z-index: 3;
 /* background:url(images/logo.png) left no-repeat; */
}
#nav {
	margin-left:0px;
	top: auto;
	left: 0px;
	width: 126px;
	height: 80px;
	z-index: 3;
 /* background:url(images/logo.png) left no-repeat; */
}

#banner {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:300;
	color:#000000;
	top: 0px;
	left:0px;
	width: 886px;
	height: 28px;
}

#home_bottom {
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	top: 320px;
	left: -1px;
	/* background: url(/images/copyright.gif) no-repeat center top; */
	width: 697px;
	height: 40px;
}

#next {
 display:block;
 background:url(../img/button_next.png) right no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 z-index:20;
}
#next a:hover {
 display:block;
 background:url(../img/nav/button_next_over.png) right no-repeat;
 text-decoration:none;
 z-index:20;
}

#link_home a {
 display:block;
 background:url(../img/nav/nav_home.gif) right no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
}
#link_home a:hover {
 display:block;
 background:url(../img/nav/nav_home_over.gif) right no-repeat;
 text-decoration:none;
}

#link_click a {
 display:block;
 background:url(../img/nav/click_inside.png) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 width:162px;
 height:167px;
 z-index:5;
}
#link_click a:hover {
 display:block;
 background:url(../img/nav/click_inside_over.png) no-repeat;
 text-decoration:none;
 width:162px;
 height:167px;
 z-index:5;
}

#link_toystore a {
 display:block;
 background:url(../img/nav/nav_toystore.gif) right no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
}
#link_toystore a:hover {
 display:block;
 background:url(../img/nav/nav_toystore_over.gif) right no-repeat;
 text-decoration:none;
}

#link_sandbox a {
 display:block;
 background:url(../img/nav/nav_sandbox.gif) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
}

#link_sandbox a:hover {
 display:block;
 background:url(../img/nav/nav_sandbox_over.gif) no-repeat;
}

#link_about a {
 display:block;
 background:url(../img/nav/nav_aboutus.gif) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
}

#link_about a:hover {
 display:block;
 background:url(../img/nav/nav_aboutus_over.gif) no-repeat;
}

#link_contact a {
 display:block;
 background:url(../img/nav/nav_contactus.gif) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
}

#link_contact a:hover {
 display:block;
 background:url(../img/nav/nav_contactus_over.gif) no-repeat;
}

#nav1 a {
 position:absolute;
 left:10px;
 display:block;
 background:url(../img/nav/blubox_fade_small.png) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 width:36px;
 height:36px;
}

#nav1 a:hover {
 display:block;
 background:url(../img/nav/blubox_small1.png) no-repeat;
}

#nav2 a {
 position:absolute;
 left:51px;
 display:block;
 background:url(../img/nav/blubox_fade_small.png) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 width:36px;
 height:36px;
}

#nav2 a:hover {
 display:block;
 background:url(../img/nav/blubox_small2.png) no-repeat;
}

#nav3 a {
 position:absolute;
 left:92px;
 display:block;
 background:url(../img/nav/blubox_fade_small.png) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 width:36px;
 height:36px;
}

#nav3 a:hover {
 display:block;
 background:url(../img/nav/blubox_small3.png) no-repeat;
}

#nav4 a {
	position:absolute;
	left:133px;
	display:block;
	background:url(../img/nav/blubox_fade_small.png) no-repeat;
	text-decoration:none;
	text-indent: -999999px;
	overflow: hidden;
	width:36px;
	height:36px;
}

#nav4 a:hover {
 display:block;
 background:url(../img/nav/blubox_small4.png) no-repeat;
}

#nav5 a {
 position:absolute;
 left:174px;
 display:block;
 background:url(../img/nav/blubox_fade_small.png) no-repeat;
 text-decoration:none;
 text-indent: -999999px;
 overflow: hidden;
 width:36px;
 height:36px;
}

#nav5 a:hover {
 display:block;
 background:url(../img/nav/blubox_small5.png) no-repeat;
}

#right {
/*	top: 28px;
	left:127px;
	width: 814px;
	height: 100px; */
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300;
	z-index: 5;
	position:static;
	width:100%;
}
#right-store {
/*	top: 28px;
	left:127px;
	width: 814px;
	height: 100px; */
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300;
	z-index: 5;
	position:static;
	width:100%;
}
#top {
	top: 93px;
	left:123px;
	width: 814px;
	height: 100px;
	position:absolute;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300;
	z-index: 6;
}
#top-store {
	position:relative;
	left:40px;
	top:20px;
	padding-bottom:36px;
}

#top-store-pointer1 {
	position:absolute;
	top: 0px;
	left:74px;
	width: 29px;
	height: 43px;
	z-index:8;
}

#top-store-pointer2 {
	position:absolute;
	top: 0px;
	left:115px;
	width: 29px;
	height: 43px;
	z-index:8;
}
#top-store-pointer3 {
	position:absolute;
	top: 0px;
	left:155px;
	width: 29px;
	height: 43px;
	z-index:8;
}
#top-store-pointer4 {
	position:absolute;
	top: 0px;
	left:198px;
	width: 29px;
	height: 43px;
	z-index:8;
}
#top-store-pointer5 {
	position:absolute;
	top: 0px;
	left:240px;
	width: 29px;
	height: 43px;
	z-index:8;
}

#main {
	top: 343px;
	left:123px;
	width: 814px;
	height: 281px;
	position:absolute;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300;
	z-index: 5;
}
#main-store {
	top: 35px;
	left:212px;
	width: 758px;
	/*background: transparent url(../img/back_shirt.gif) no-repeat top left;*/
	position:absolute;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300;
	z-index: 5;
	height: 2733px;
}
#main-text {
	list-style-image:url(../img/nav/bullett.png);
	color:#383737;
	top: 489px;
	left:569px;
	width: 279px;
	height: 245px;
	position:absolute;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	z-index: 6;
}
#store-text {
	background-color:#89d9f8;
	color:white;
/*	top: 145px;
	left:235px; */
	left:3px;
	width: 465px;
	height: 47px;
	position:relative;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
}
#store-text-pos {
	padding-top:1px;
}
#shirt-preview-frame{
	position:absolute;
	z-index:20;
	left:485px;
	width:250px;
	top:30px;
}
#shirt-preview-shirt{
	position:absolute;
	z-index:21;
}
#shirt-preview-box{
	position:absolute;
	z-index:22;
}
#shirt-preview-toy{
	position:absolute;
	z-index:23;
}
#shirt-preview-name{
	position:absolute;
	z-index:24;
}
.shirt-preview-name-text{
	position:relative;
	width:10px;
	left:100px;
	top:107px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	z-index:25;
}

#shirt-preview-menu{
	position:absolute;
	left:485px;
	width:250px;
	top:281px;
}

#shirt-preview-menu-order{
	position:absolute;
	left:485px;
	width:250px;
	top:354px;
}

#shirt-preview-caption{
	position:absolute;
	left:485px;
	width:250px;
	top:345px;
}

h3 {
	color:#545353;
	font-weight:bold;
}

ul {
	padding-left: 0px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#calltoday {
	position:absolute;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:50px;
	font-weight:500;
	color:#000000;
	top: 430px;
	left:38px;
	width: 697px;
	height: 37px;
}
#calltoday img{
	border:none;
}

#construction {
	position:absolute;
	background:url(images/construction.gif) no-repeat;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:500;
	color:#000000;
	top: 461px;
	left:38px;
	width: 697px;
	height: 73px;
}
#boxLeft {
 position:absolute;
 top: 85px;
 left:25px;
 width: 350px;
 height: 232px;
}
#quote {
 position:absolute;
 font-size:18px;
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
 font-weight:700;
 color:#0a569c;
 top: 275px;
 left:25px;
 width: 350px;
 height: 25px;
}

#quote img{
	border:none;
}

#nav_home {
 position:absolute;
 top: 460px;
 left:25px;
 width: 70px;
 height: 48px;
}
#nav_bottom {
	position:absolute;
	top: 470px;
	left:350px;
	width: 311px;
	height: 48px;
}
#nav_bottom img{
	border:none;
}
.shirts{
	width:500px;
	padding-top:10px;
	padding-bottom:450px; /* If adding more product, this must be adjusted */
	padding-left:10px;
}
.shirt{
	position:inherit;
	float:left;
	width:250px;
}
.boxes{
	width:468px;
	padding-top:10px;
	padding-bottom:450px; /* If adding more product, this must be adjusted */
	padding-left:10px;
}
.box{
	position:inherit;
	padding-left:15px;
	float:left;
	width:59px;
}
.toys{
	width:680px;
	padding-top:110px;
	padding-bottom:550px; /* If adding more product, this must be adjusted */
	padding-left:32px;
}
.toys, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#39d3ff;
}
.toy{
	position:relative;
	padding-left:2px;
	float:left;
	width:160px;
	height:179px;
	text-decoration:none;
	padding-bottom:5px;
	top:-15px;
}
.toy_text{
	position:static;
	float:left;
	height:179px;
	width:160px;
	top:200px;
	color:#FFF;
	padding-top:150px;
	z-index:20
}
.toy, a{
	color:#FFF;
}
.name{
	width:500px;
	padding-top:10px;
	padding-bottom:450px; /* If adding more product, this must be adjusted */
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
}
.order{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px;
	line-height:20px;
	padding-left:20px;
	padding-top:20px;
}
img.name-text{
	float: left;
	margin-left:15px;
	margin-right:15px;
}
#previewShirt{
	position:absolute;
	top:50px;
}

img{
	border:none;
}
a {
	text-decoration:none;
}

/* Corners */
    /* set the image to use and establish the lower-right position               */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      }
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:743px !important; /* IE Win = width - padding */
    /*  width: 728px;  dont know what this is here for */
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:0px} /* auto */

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 20px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 20px} /* mirror .cssbox_head right/left */