/*** GENERAL STYLES ***/

body {background: #3caf61; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #369; cursor: pointer; cursor: hand;}
a:hover {color: #c22b46;}

.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 12px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.alert, .required {font-weight: bold; color: #a90f2b;}

.imgleft {float: left; margin: 0 30px 30px 0;}
.imgright {float: right; margin: 0 0 30px 30px;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 968px; padding: 12px; margin: 20px auto; text-align: left; background: #fff url(../images/corners-bottom.gif) left bottom no-repeat; padding-bottom: 10px;}

#top {height: 101px; background: #fff url(../images/corners-top.gif) left top no-repeat; margin: -12px -12px 0 -12px;}
#top h1 a {position: absolute; left: 0; top: 0; width: 305px; height: 101px; background: url(../images/logo.gif) 19px 17px no-repeat; overflow: hidden; line-height: 300px;}
#top ul {position: absolute; right: 25px; top: 53px; font-size: 12px; line-height: 19px;}
#top li {float: left; padding-left: 42px; background: 21px center no-repeat;}
#top li a {display: block; width: 10px; height: 19px; text-decoration: none; white-space: nowrap;}
	html>body #top li a {width: auto;}
#top li a:hover {text-decoration: underline;}

	li#eyebrowcart {background-image: url(../images/asterisk-green.gif);}
	li#eyebrowchek {background-image: url(../images/asterisk-blue.gif);}
	li#eyebrownews {background-image: url(../images/asterisk-yellow.gif);}

#nav {height: 34px; line-height: 34px; font-size: 15px; margin-bottom: 15px; background: #018bcc;}
#nav li {float: left; border-left: 1px solid #48a8d6; font-size: 14px;}
#nav a {display: block; color: #fff; text-decoration: none; text-align: center; background: url(../images/nav.gif);}
#nav a:hover {background-position: 0 -34px;}
#nav li.on a {background-position: 0 -68px;}

	#navhome {width: 84px; border: 0;}
	#navappa {width: 92px;}
	#navdvds {width: 79px;}
	#navmusi {width: 81px;}
	#navtoys {width: 70px;}
	#navlath {width: 131px;}
	#navstor {width: 122px;}
	#navabou {width: 103px;}
	#navpres {width: 80px;}
	#navcont {width: 116px;}

#leftcol {float: left; width: 236px; margin-bottom: 20px;}
#leftnav {background: #3bb062 url(../images/leftnav.gif) left bottom no-repeat; padding-bottom: 25px;}
	body.athletes #leftnav {background: none; padding: 0;}
#leftnav h1 {background: #2c8749 url(../images/leftnav-h1.gif) left top no-repeat; padding: 15px 15px 10px 15px; color: #fff; font-size: 16px;}
#leftnav ul {border-top: 1px solid #569f6d; background: url(../images/leftnav-ul.gif) 96px 30px no-repeat;}
#leftnav li {border-bottom: 1px solid #62c081; font-size: 14px;}
#leftnav a {display: block; width: 206px; padding: 7px 15px; color: #fff; text-decoration: none;}
#leftnav a:hover {background: #c22b46;}
#leftnav li.on a {background: none !important; color: #060;}

blockquote {background: #a90f2b url(../images/blockquote.gif) left bottom no-repeat; margin: 20px 0 0 0; color: #fff;}
blockquote p {background: url(../images/blockquote-p.gif) left top no-repeat; padding: 30px 15px; margin: 0; font-size: 15px; font-weight: bold; line-height: 20px;}
blockquote cite {display: block; margin-top: 20px; font-size: 11px; font-style: normal; line-height: 16px;}
blockquote cite strong {font-size: 13px; display: block;}

#rightcol {float: right; width: 670px; padding: 20px; margin-bottom: 20px;}
#rightcol h1 {color: #3bb062; font-weight: normal; font-size: 27px; line-height: 27px; margin-bottom: 25px;}
#rightcol h2 {font-size: 16px; line-height: 16px; margin-bottom: 20px;}
#rightcol h3 {font-size: 15px; line-height: 16px; margin-bottom: 5px;}
#rightcol ul {margin: 0 0 1.5em 0;}
#rightcol li {padding-left: 21px; background: url(../images/asterisk-yellow.gif) 0 3px no-repeat; padding-bottom: 6px;}

#footer {clear: both; border-top: 1px solid #c2c2c2; line-height: 26px; padding: 5px 0; font-size: 12px; color: #999; text-align: center;}
#footer ul {color: #bbb; margin-bottom: 5px;}
#footer li {display: inline;}
#footer a {color: #369; text-decoration: none; padding: 0 10px;}
#footer a:hover {text-decoration: underline;}
#footer p {margin: 0;}


/*** HOME STYLES ***/

#homemodules {background: url(../images/homemodules.gif) 613px 0 repeat-y; margin: 25px 0; padding-top: 10px;}
#homemessage {float: left; width: 555px; padding-left: 20px; font-size: 14px;}
#homemessage h1 {font-size: 20px; line-height: 20px; font-weight: normal; margin-bottom: 20px;}
#homenews {float: right; width: 300px; padding-right: 20px;}
#homenews h2 {font-size: 15px; margin-bottom: 20px;}
#homenews li a {display: block; padding-left: 30px; margin-bottom: 20px; background: url(../images/homenews.gif) 0 0 no-repeat; font-size: 13px; text-decoration: none; line-height: 17px;}
#homenews li a:hover {text-decoration: underline;}


/*** CATEGORY STYLES ***/

#catright {float: right; width: 300px; margin: 0 0 30px 20px; text-align: center;}
#catawards {clear: both; margin-top: 25px;}
#catawards img {margin-right: 15px;}

#storecats {background: url(../images/storecats.gif) 335px 0 repeat-y; height: 100px;}
	html>body #storecats {height: auto;}
#storecats .line {background: #ddd; width: 100%;}
.storecat {float: left; width: 185px; padding: 20px 20px 20px 130px;}
.storecat h2 {margin-bottom: 15px !important; margin-left: -110px;}
.storecat h2 a {text-decoration: none;}
.storecat h2 a:hover {text-decoration: underline;}
.storecat .floatleft {float: left; margin-left: -110px;}

#itemgrid {background: url(../images/itemgrid.gif) 223px 0 repeat-y; height: 100px;}
	html>body #itemgrid {height: auto;}
#itemgrid .line {background: #ddd; width: 100%;}
.item {float: left; width: 183px; padding: 20px; text-align: center;}
.item img {width: 120px;}
.item h3 {margin: 15px 0 5px 0 !important; font-size: 12px;}
.item strong {color: #f00;}


/*** ITEM STYLES ***/

#itemleft {float: left; width: 170px; padding-right: 20px; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: bold;}
	body.toys #itemleft {width: 240px;}
#itemleft img {margin-bottom: 7px;}
#itemleft a:hover {cursor: pointer; cursor: hand; text-decoration: underline !important;}
#itemcenter {float: left; width: 255px;}
	body.toys #itemcenter {width: 410px;}
#itemright {float: right; width: 196px;}
	body.toys #itemright {display: none;}
#videobox {margin-bottom: 15px;}
	body.home #videobox {float: right; margin: 0 0 20px 30px;}
.floatlabel {float: left; width: 75px;}
#itemright #awards {text-align: center;}
#itemright #awards img {margin: 4px;}
#quantity {width: 30px;}


/*** CONTACT FORM STYLES ***/

#contactinfo {float: right; width: 175px; border-left: 1px solid #ddd; padding-left: 30px;}
#contactform {float: left;}
#contactform th {padding-right: 10px; text-align: right;}
#contactform tfoot td {text-align: right;}
#contactform input {width: 300px; margin: 5px 0;}
#contactform textarea {width: 300px; height: 100px; margin: 5px 0;}
#fname {width: 135px !important;}
#lname {width: 155px !important;}
#city {width: 175px !important;}
#state {width: 40px !important;}
#zip {width: 70px !important;}
#newsletter {width: auto !important; vertical-align: middle;}
#contactform #submitbutton {margin: 5px 0; cursor: pointer; cursor: hand;}


/*** PRESS STYLES ***/

#pressimages {float: right; margin: 40px 0 40px 50px; border-left: 1px solid #ddd; padding-left: 30px;}
span.dateline {font-size: 11px;}
h2.headline {color: #0072bc;}
h3.dateline {position: relative; top: -15px; font-size: 13px !important;}
.backlink {position: absolute; right: 32px; top: 181px; font-size: 11px; text-decoration: none;}
.backlink:hover {text-decoration: underline;}


/*** TEMP STYLES ***/

body.temp #nav {height: 1px; background: #c2c2c2;}
body.temp #nav * {display: none;}
body.temp #rightcol {float: left; width: 625px; padding-left: 20px;}
body.temp #rightcol h2 {color: #3bb062; margin-bottom: 10px;}
body.temp #leftcol {float: right; width: 300px;}
body.temp #leftcol blockquote {margin: 20px 32px;}
#leftlists {float: left; width: 290px;}
#rightlists {float: right; width: 280px;}
body.temp .alert {clear: both;}
body.temp #phone a, body.temp #fax a {color: #000; text-decoration: none;}