/* HEADER
-------------------------------------------------------------------------------- */

#siteWrap { min-width: 960px; max-width: 1002px; margin: 0 auto; text-align: left; }
* html #siteWrap { height: 1%; width: 990px; }

#header { position: relative; width: 990px; height: 190px; margin: 0 auto; }
#header.inside { height: 185px; }
#header h1 a { width: 400px; height: 170px; display: block; text-indent: -9999px; margin-left: -30px;}
#header h1 a { /* background: url(../images/header-sprite2.png) */ no-repeat 0 0; }
#header ul { position: absolute; top: 0; left: 370px; /* background: url(../images/header-sprite2.png)*/ no-repeat right; width: 590px; height: 170px; } 
#header li { position: absolute; top: 87px; font-weight: bold; font-size: 18px; }
#header li a { padding: 18px; }
#header .products { left: -100px; }
#header .free_resources { left: 5px; }
#header .overview { left: 165px; }
#header .seaquest { right: 200px; }
#header .vbs_community { right: 30px; }
#header .bugflipper { right: -5px; top: 120px; }
#header a:link, #header a:visited { color: #FFF; }
#header a:active, #header a:hover { color: #003366; text-decoration: none; }


/* CONTENT
-------------------------------------------------------------------------------- */
#first_group {position:relative; overflow:hidden;}
#first_group dl {width:125px; height:170px; margin:0 40px 10px 0; float:left; display:inline; text-align:center}

#content { color: #FFF; width: 960px; margin: 0 auto; }
#content h2 { font-size: 32px; margin-bottom: 24px; }
#content h2.start { position: relative; left: -11px; margin-bottom: 24px; background: url(../images/h2-start-your-engines.png) no-repeat 0 0; width: 471px; height: 50px; display: block; text-indent: -9999px; }*/

#content a { font-weight: bold; }
#content a:link, #content a:visited { color: #FF6600; text-decoration: underline; }
#content a:hover, #content a:active { color: #ff9600; text-decoration: underline; }
#content div.t { height: 10px; background: url(../images/content-t.png) no-repeat 0 0; }
* html #content div.t { margin-bottom: -11px; }
#content div.m { background: url(../images/content-repeat.png) repeat-y 0 0;padding: 36px 47px; }
* html #content div.m { margin-bottom: -12px; height: 8px; }
*:first-child+html #content div.m { height: 1%; }
#content div.b { height: 10px; background: url(../images/content-b.png) no-repeat bottom left; }
#content p { line-height: 1.4; margin-bottom: 20px; }

#kitFlash { width: 800px; margin: 0 auto; height: 520px; background: #000; border: #ff9600 solid 1px; }

/*	HOME
-------------------------------------------------------------------------------- */

#startEngines { margin-bottom: 30px; }
#homeVid { background: #000; border: #ff9600 solid 1px; width: 370px; height: 207px; }
#intro { float: left; width: 370px; padding-left: 0px;}
#homeSub { float: right; width: 290px; margin: 0 40px 0 0; height:20px}
#homeSub fieldset { margin-bottom: 50px; }
#homeSub fieldset span { clear: both; width: 6.2em; margin-left: auto; text-align: right; display: block; padding-left: 24px; background: url(../images/cart-ico.png) no-repeat left; }
#homeSub input.input_txt { float: left; font-size: 18px; width: 206px; display: block; }
#homeSub input.button { float: right; margin-bottom: 8px; }

#homeSub ul { position: relative; left: 0px; width: 290px; height: 250px; }
#homeSub ul li {margin:-10 0 0px 0;}
#homeSub ul a { position: absolute; background: url(../images/homesub-sprite.png); width: 290px; display: block; text-indent: -9999px; }
#homeSub li.overview a { height: 162px; background-position: 0 0; top: 0px; left: 0; }
#homeSub li.order a { height: 62px; background-position: 0 70px; top: 70px; left: 0; }
#homeSub li.catalog a{ height: 62px; background-position: 0 150px; top: 140px; left: 0; }

/*	INSIDE
-------------------------------------------------------------------------------- */

#inside { color: #89b11b; line-height: 1.4; width: 100%; }
#col2 a:link, #col2 a:visited { color: #ff9600; font-weight: bold;}
#col2 a:hover, #col2 a:active { text-decoration:underline; }

#col1, #col2, #col3 { float: left; }
#col1 { width: 250px; }
#col1 h2 { display: block; background: url(../images/product-col1.png) repeat 0 0; text-align: center; color: #FFF; height:50px; font-size: 18px; margin: 0 10px; padding: 0px 0; margin-bottom: 00px; }


#productList { margin: 0 10px 0; }
#inside #productList a { background: #333333; background: rgba(16,16,16,.8); display: block; padding: 8px 10px 8px 20px; font-size: 16px; }
* html #inside #productList a { height: 1%; }
#inside #productList a:link, #inside #productList a:visited { color: #89b11b; }
#inside #productList a:hover, #inside #productList a:active { text-decoration: none; background: #000; background: rgba(16,16,16,1); color: #FFF; }
#col1 h3#missionProject a { margin: 0 auto; padding: 0px 0px 32px; display: block; text-indent: -9999px; background: url(../images/h3-mission-project.png) no-repeat 0 0; width: 230px; height: 66px; }

#col2 { width: 460px; margin-left: 10px; }
* html #col2 { padding-bottom: 30px; }
#col2 hr { margin: 20px 0; border-style: solid; border-color:#CCCCCC; }
#col2 h4 { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
#col2 tbody td { padding: 8px 3px;}
#col2 #sections { border-collapse: collapse; border: #000 solid 1px; width: 100%; }
#col2 #sections td { padding:8px; background-color: #000; }
#col2 #sections tr.stripe td { background: #202020; }
#sections td.car { text-align: center; }
#col2 tbody tr.over { background-color:#000; }
#col2 .table_top th { padding: 8px 3px; background: url(../images/table-th.gif) repeat 0 0; font-weight: bold; text-align: left; color: #fff; }
#col2 span, #col2 h5, #col2 h5 a { color: #FF9600; }

ul.bull { list-style: disc; padding-left: 32px; margin-bottom: 20px; }
ul#aCat { font-size: 16px; font-weight: bold; }

h2#pageTitle { margin-bottom: 12px; display: block; text-indent: -9999px; }
h2.overview { width: 204px; height: 46px; background: url(../images/h2-overview.png) no-repeat 0 0; }
h2.product_categories { width: 397px; height: 60px; background: url(../images/h2-product-categories.png) no-repeat 0 0; }
h2.free_resources { width: 324px; height: 60px; background: url(../images/h2-free-resources.png) no-repeat 0 0; }
.stbuttontext, .free_resource li a {font-size: 16px; font-weight: bold;}
h2.retailers { width: 289px; height: 50px; background: url(../images/h2-retailers.png) no-repeat 0 0; }
h2.samples { width: 193px; height: 50px; background: url(../images/h2-samples.png) no-repeat 0 0; }
h2.clipart { width: 172px; height: 50px; background: url(../images/h2-clipart.png) no-repeat 0 0; }
h2.coloring { width: 327px; height: 50px; background: url(../images/h2-coloring.png) no-repeat 0 0; }
h2.music { width: 132px; height: 50px; background: url(../images/h2-music.png) no-repeat 0 0; }
h2.puppets { width: 250px; height: 50px; background: url(../images/bugzip.png) no-repeat 0 0; }
h2.videos { width: 150px; height: 50px; background: url(../images/h2-videos.png) no-repeat 0 0; }
h2.operation { width: 435px; height: 91px; background: url(../images/h2-operation-india.png) no-repeat 0 0; }

h1.style1 { font-size: 16px; }
strong.title { color: #FF9600; font-weight: bold; font-size: 14px; }
#col2 p { margin-bottom: 20px; }
#col2 div.t { background: url(../images/col2-t.png) no-repeat 0 0; height: 5px; width: 720px }
* html #col2 div.t { margin-bottom: -11px; }
#col2 div.m { background: url(../images/col2-m.png) repeat-y 0 0; padding: 20px; width: 700px; min-height: 427px; }
* html #col2 div.m { min-height: 527px; height: auto !important; height: 527px; }
#col2 div.b { background: url(../images/col2-b.png) no-repeat bottom left; height: 5px; width: 720px; }
* html #col2 div.b { margin-top: -12px; }

#col3 { width: 215px; margin-left: 20px; }

#col3 div.search fieldset { margin-bottom: 24px; }
#col3 div.search fieldset span { clear: both; width: 6.2em; margin-left: auto; text-align: right; display: block; padding-left: 24px; background: url(../images/cart-ico.png) no-repeat left; }
#col3 div.search a:link, #col3 div.search a:visited { color: #FF9900; text-decoration: underline;}
#col3 div.search a:hover, #col3 div.search a:active { color: #ff9600; }
#col3 div.search input.input_txt { float: left; font-size: 18px; width: 130px; display: block; box-shadow: 0 2px 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; }
#col3 div.search input.button { float: right; margin-bottom: 8px; }

#col3 div.sub { border-color: #FFFFFF #5f5f5f #666666; border-style: solid; border-width: 1px; margin-bottom: 30px; }
#col3 div.sub a:link, #col3 div.sub a:visited { color: #FFF; }
#col3 div.sub a:hover, #col3 div.sub a:active { color: #FF9600; }
#col3 div.sub h3 { display: block; text-indent: -9999px; height: 49px; border-bottom: #CCC solid 1px; }
#col3 div.wrap { padding: 20px; background: #202020; background: rgba(16,16,16,.8); }

#col3 div.featured { text-align: center; }
#col3 div.featured img { display: block; margin: 0 auto 10px; }
#col3 div.featured h3 { background: url(../images/h3-featured-product.png) no-repeat -37px -6px; }
#col3 div.featured h4 { font-size: 16px; }

#col3 div.getConnected { border-color: #FFFFFF #5f5f5f #666666; border-style: solid; border-width: 1px; background: #202020; background: rgba(16,16,16,.8); }

* html #col3 div.getConnected ul { height: 1%; }
#col3 div.getConnected h3 { background: url(../images/foot-sub-sprite.png) no-repeat -347px -32px;  }
#col3 div.getConnected a:link, #col3 div.getConnected a:visited { color: #FFF; display: block; padding: 8px 12px; padding: 8px 10px 8px 20px; }
#col3 div.getConnected a:hover, #col3 div.getConnected a:active { color: #FFF; text-decoration: underline; }
* html #col3 div.getConnected a { height: 1%; }

#col3 ul#socialM { overflow: hidden; padding: 10px 20px 20px; }
#col3 ul#socialM a { padding: 0; }
ul#socialM li.facebook { float: left; }
ul#socialM li.facebook a, ul#socialM li.twitter a { display: block; text-indent: -9999px; width: 32px; height: 32px; }
ul#socialM li.facebook a { background: url(../images/facebook-ico.png) no-repeat 0 0; }
ul#socialM li.twitter a { background: url(../images/twitter-ico.png) no-repeat 0 0; }


#catList dt { font-size: 16px; font-weight: bold; }
#catList dd { padding-bottom: 20px; }

#col2 div.bread { margin-bottom: 15px; }
#col2 div.bread span { color: #FFF; font-weight: bold; padding: 0 7px; }

ul.downloads {position:relative;}
ul.downloads li img {width: auto; height: 150px;}
ul.downloads li {float:left;width:200px;min-height:140px;text-align:center;margin:5px 0 10px 0;}
ul.downloads li a {color:#fff;}

#col2 ol.musicTracks { margin:10px 0; padding:0 0 0 30px; }
#col2 ol.musicTracks li { list-style:decimal; margin:15px 0;font-size:12px;}
#col2 ol.musicTracks li span {color:#89b11b; display:block; margin-bottom: 6px; font-weight: bold; font-size: 14px; }

#col2 ul.free_resource { padding-top: 12px; }
#col2 ul.free_resource li {margin:10px 0;padding:3px 0 3px 25px; font-weight: bold; }
#col2 li.sample {background:url(../images/icons.png) 0 0 no-repeat;}
#col2 li.clip {background:url(../images/icons.png) 0 -20px no-repeat;}
#col2 li.clr {background:url(../images/icons.png) 0 -40px no-repeat;}
#col2 li.music {background:url(../images/icons.png) 0 -60px no-repeat;}
#col2 li.puppets {background:url(../images/icons.png) 0 -80px no-repeat;}
#col2 li.vid {background:url(../images/icons.png) 0 -100px no-repeat;}

#kitInfo { padding: 20px 0; }
#kitImg { display: block; margin: 0 auto 30px; }
.inside_col_1, .inside_col_2 { width: 49.99%; float: left;font-weight: bold; }
#col2 .inside_col_1 h5, #col2 .inside_col_2 h5 { font-size: 16px; margin-bottom: 6px;font-weight: bold; }
#col2 .inside_col_1 ul, #col2 .inside_col_2 ul { margin-bottom: 30px; padding-left: 20px; list-style: disc; font-weight: bold;  }
.purchase_block { border-top: #000 solid 2px; padding: 10px 0; font-size: 18px; }
.purchase_block li { margin-bottom: 12px; color: #FFF; font-weight: bold; }
.buy { text-align: center; }

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

#footer { margin: 0 auto; width: 960px; position:relative; }
#footer a:link, #footer a:visited { color: #FFF; }
#footer #car-changer {position:absolute; z-index:10; top:0; right:10px; width:347px; height:99px;}

#footerhome { margin: 0 auto; width: 960px; position:relative; background: url(../images/foot-sub-sprite2.png) no-repeat 0 0; }
#footerhome a:link, #footer a:visited { color: #FFF; }
#footerhome #car-changer {position:absolute; z-index:10; top:0; right:10px; width:347px; height:99px;}

#footSub { position: relative; z-index: 10; }
* html #footSub { padding-bottom: 32px; }
#footSub h3 { display: block; text-indent: -9999px; background: url(../images/foot-sub-sprite.png) no-repeat 0 0; }

#footSub div.freeResources, #footSub div.getConnected { width: 290px; padding-top: 26px; float: left; }
#footSub div.freeResources { margin-right: 20px; }
#footSub div.freeResources ul { margin-left: 42px; }
 #footSub div.getConnected ul { margin-left: 17px; }
* html #footSub div.freeResources ul { background: url(../images/foot-sub-sprite2.png) no-repeat 0 0; margin-left: 0; left: 0px; position: relative; }
* html #footSub div.getConnected ul { margin-left: 0; left: 17px; position: relative;  }
#footSub div.freeResources ul { list-style: disc; color: #FFF; }
#footSub li { float: left; width: 48%; margin-bottom: 8px; }
#footSub li.alt { float: right; }
#footSub div.freeResources h3, #footSub div.getConnected h3 { width: 100%; height: 60px; }
#footSub div.freeResources h3 { background-position: 0 0px; margin-bottom: 0px; height: 120px;}
#footSub div.getConnected h3 { margin-bottom: 4px; background-position: -310px 0px; height: 120px; }
#footSub h3.missionProject { position: relative; right: -11px; float: right; background-position: top right; width: 350px; height: 150px; }
#footSub h3.missionProject a { display: block; width: 100%; height: 100%; }
#footSub li.twitter a, 
#footSub li.facebook a { background: url(../images/twitter-facebook.png) no-repeat 0 0; display: block; text-indent: -9999px; width: 90px; height: 23px; }
#group li.facebook a { background: url(../images/twitter-facebook.png) no-repeat bottom left; display: block; text-indent: -9999px; width: 90px; height: 8px;}
#group li.twitter a { background: url(../images/twitter-facebook.png) no-repeat top left; display: block; text-indent: -9999px; width: 90px; height: 8px;}
#group li{margin:20px 0;}
#group {padding:0 0 0 20px;background-image:url(../images/foot-bck.png)}

#footSub li.twitter { position: relative; left: 11px; top: -5px; }
#footSub li.twitter a { background-position: 0 0; }
#footSub li.facebook{ position: relative; left: 11px; top: -6px; }
* html #footSub li.facebook a { height: 22px; }
#footSub li.facebook a { background-position: bottom left; }

#footNav { position: relative; left: -9px; margin-top: -34px; background: url(../images/carbar.png) no-repeat 0 0; width: 969px; height: 104px; }
#footNav a { position: absolute; bottom: 38px; }

#footNav li.help a { left: 63px; }
#footNav li.other a { left: 133px; }
#footNav li.about a { left: 308px; }
#footNav li.retailers a { left: 418px; }
#footNav li.index a { left: 548px; }

p#addr { position: relative; top: -21px; left: -10px; color: #FF6600; line-height: 1.4; font-size: 14px; background-image:url(../images/foot-bck.png); font-weight: bold;background-repeat: repeat; width: 970px;}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }