/*
Theme Name: Esco
Theme URI: http://escoimports.com/blog/
Description: The esco toys theme designed by Andrew Klein and Aaron Spear.
Version: 1.0
Author: Aaron Spear
Author URI: http://www.unleadedsoftware.com/
Tags: esco, custom header, fixed width, two columns, widgets

	Based on: Kubrick v1.5
	http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
	
/*--------------CSS RESET----------------*/
/*///////////////////////////////////////*/

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input,button{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/*///////////////////////////////////////*/
/*------------END CSS RESET--------------*/
/*///////////////////////////////////////*/
/*-------------ELEMENTS------------------*/
/*///////////////////////////////////////*/

body { background: #bbd4ef url(images/bg.gif) repeat-x center top;  font: normal 62.5% Arial, Helvetica, sans-serif;  color: #000; }

a { color: #78bf12; text-decoration: none; font: normal 1.1em Arial, Helvetica, sans-serif; outline:none; }

a:hover { text-decoration: underline; }

p { color: #000; font: normal 1.2em/20px Arial, Helvetica, sans-serif; padding: 5px 0 10px; }

input { vertical-align: middle; }

/*///////////////////////////////////////*/
/*------------END ELEMENTS---------------*/
/*///////////////////////////////////////*/

#wrapper { width: 1015px; margin: 0 auto; }

#container { padding:2px 4px 8px; width:977px; margin:0 auto; background-color: #fff; border: #78bf12 15px solid; position: relative; }

#logo { background: url(images/logo.png) no-repeat left top; width: 214px; height: 193px; text-indent: -9999em; display: block; position: absolute; z-index: 200; top:-72px; left: 11px; }

#search_mini_form { width: 150px; height: 44px; padding:17px 0 0 6px; background: url(images/search_bg.gif) no-repeat left top; float:left; position: relative; }

#search { width: 103px; height: 18px; background: url(images/search_input_bg.gif) no-repeat left top; border: none; padding:8px 30px 0 6px; }

#searchBtn { height: 26px; width: 26px; border: none; cursor: pointer; position: absolute; top: 17px; right: 11px; }

/*///////////////////////////////////////*/
/*---------------BUTTONS-----------------*/
/*///////////////////////////////////////*/

input.button { width: 55px;  margin: 0 auto; }

input.form-button { margin: 10px 0; width: 55px; }

input.buynowBtn { background: url(images/btn_buy_now.png) no-repeat left bottom; height: 26px; width: 69px; margin: 0 auto; cursor: pointer; display: block; text-indent: -9999em; border: none; }

input.submitBtn { background: url(images/btn_submit.png) no-repeat left bottom; height: 26px; width: 69px; margin: 0 auto; cursor: pointer; display: block; text-indent: -9999em; border: none; }

/*///////////////////////////////////////*/
/*-------------END BUTTONS---------------*/
/*///////////////////////////////////////*/
/*-----------------HOME------------------*/
/*///////////////////////////////////////*/

#flash { background: url(images/flash_ph.jpg) no-repeat left top; width: 742px; height: 324px; float: left; margin-left:4px; }

.homeProducts { width: 850px; float: left; margin: 0 auto; }

.homeProducts li { float: left; width: 170px; text-align: center; }

.homeProducts li img { margin: 10px; margin:20px 10px 0;}

.homeProducts li.last { float: left; width: 150px; margin-right: 0; text-align: center; }

.homeProducts a { font-weight: bold; font-size: 1.2em; }

.homeProducts p { font-weight: bold; }

#stars { background: url(images/stars.gif) no-repeat left bottom; height: 17px; width: 76px; margin: 3px auto 6px; }

/*///////////////////////////////////////*/
/*---------------END HOME----------------*/
/*///////////////////////////////////////*/
/*----------------HEADER-----------------*/
/*///////////////////////////////////////*/

#header { width: 1015px;  margin: 0 auto; }

#header p.help { color: #78bf12; font: bold 1.6em/39px Arial, Helvetica, sans-serif; float: right; padding: 30px 20px 0; }

#header p.help span { color: #000; }

#cart {  background: url(images/cart_box_bg.gif) no-repeat left top; float: right; width: 231px; height: 39px; padding-left: 55px; margin-right: 15px; }

#cart p { color: #000; font: normal 1.4em/40px Arial, Helvetica, sans-serif; }

#cart p a { color: #250af5; }

#cart p a.cart { color: #78bf12; }

/*///////////////////////////////////////*/
/*--------------END HEADER---------------*/
/*///////////////////////////////////////*/
/*-----------------NAV-------------------*/
/*///////////////////////////////////////*/

#topLinks { height:30px; margin-right: 10px; float: right ;}

#topLinks li { float: left; }

#topLinks li a { display: block; padding:0 7px; line-height: 30px; color: #250af5; }

/*-----------END TOP LINKS---------------*/
/*///////////////////////////////////////*/
/*-------------MAIN NAV------------------*/

#mainNavLeft { background: url(images/nav_bg.gif) no-repeat left top; width:214px; height:65px; float:left; }

#mainNav { background: url(images/mainnav_shadow.gif) repeat-x left 57px; position:relative; width:607px; height:65px; float:left; z-index: 500; }

#mainNav li { position: relative; float: left; }

#mainNav li:hover ul, #mainNav li.iehover ul { display: block; }

#mainNav li a { display:block; height:57px; text-indent: -9999em; background-position: bottom; }

#mainNav li:hover a, #mainNav li.iehover a { background-position: top; }

#mainNav li.nav-toy-categories a { background-image: url(images/nav_01.gif); width: 135px; }

#mainNav li.nav-nonprofit-discounts a { background-image: url(images/nav_02.gif); width: 104px; }

#mainNav li.nav-customer-service a { background-image: url(images/nav_03.gif); width: 159px; }

#mainNav li.nav-about-us a { background-image: url(images/nav_04.gif); width: 103px; }

#mainNav li.nav-contact a { background-image: url(images/nav_05.gif); width: 106px; }

#mainNav li a.toycat { background-image: url(images/nav_01.gif); width: 135px; }

#mainNav li a.discounts { background-image: url(images/nav_02.gif); width: 104px; }

#mainNav li a.service { background-image: url(images/nav_03.gif); width: 159px; }

#mainNav li a.about { background-image: url(images/nav_04.gif); width: 103px; }

#mainNav li a.contact { background-image: url(images/nav_05.gif); width: 106px; }

#mainNav ul {  }

#mainNav ul.triple { margin-right: -35px; }

#mainNav ul li { display: block; float: left; line-height: normal; position: relative; height: 18px; }

#mainNav ul.triple li a { display: block; float: left; color: #fff; text-indent: 0; height: 18px; font-size: 1.2em; font-weight: bold; width: 155px; padding: 0 20px; }

#mainNav ul.single li a { display: block; color: #fff; text-indent: 0; height: 18px; font-size: 1.2em; font-weight: bold; width: 155px; padding: 0 20px; }

#mainNav div.drop, #mainNav div.dropSingle { display: none; -moz-box-shadow: 3px 7px 10px #333; }

#mainNav li:hover div.drop, #mainNav li.iehover div.drop { background: url(images/drop_repeat.gif) left top repeat-y; display: block; position: absolute; top: 56px; width: 583px; z-index: 200;  }

#mainNav div.dropHead { background: url(images/drop_header.gif) left top no-repeat; }

#mainNav div.dropFoot { background: url(images/drop_footer.gif) left bottom no-repeat; padding: 20px 0 20px 1px; }

#mainNav li:hover div.dropSingle, #mainNav li.iehover div.dropSingle { background: url(images/drop_repeat_single.gif) left top repeat-y; display: block; position: absolute; top: 56px; width: 192px; z-index: 200; }

#mainNav div.dropHeadSingle { background: url(images/drop_header_single.gif) left top no-repeat; }

#mainNav div.dropFootSingle { background: url(images/drop_footer_single.gif) left bottom no-repeat; padding: 20px 0 20px 1px; }


/*------------END MAIN NAV---------------*/
/*///////////////////////////////////////*/
/*--------------SIDE NAV-----------------*/

#sideNav { height:324px; width:223px; float: right; margin-right: 3px; }

#sideNav li a { display: block; width: 223px; background-position: left; }

#sideNav li a:hover { background-position: right; }

#sideNav li a.discounts { background-image: url(images/sidenav_01.jpg); height: 88px; }

#sideNav li a.halloween { background-image: url(images/sidenav_02.jpg); height: 79px; }

#sideNav li a.special { background-image: url(images/sidenav_03.jpg); height: 78px; }

#sideNav li a.risk { background-image: url(images/sidenav_04.jpg); height: 79px; }

/*------------END SIDE NAV---------------*/
/*///////////////////////////////////////*/
/*---------------CATNAV------------------*/

#catNav { background: url(images/sidecat_bg.gif) left top repeat-y; }

#catNavHead { background: url(images/sidecat_header.gif) left top no-repeat; }

#catNavFoot { background: url(images/sidecat_footer.gif) left bottom no-repeat; width: 192px; padding: 7px 10px 15px; margin-bottom:12px; }

#catNav li { padding: 2px 0; }

#catNav li a { font-size: 1.3em; }

#catNav h1 { color: #fff;  font-size: 1.6em; font-weight: bold; margin-bottom: 20px; }

/*-------------END CATNAV----------------*/
/*///////////////////////////////////////*/
/*--------------END NAV------------------*/
/*///////////////////////////////////////*/
/*-----------------WP--------------------*/
/*///////////////////////////////////////*/
/*-------------WP CONTENT----------------*/

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }

.depth-1 { border: 1px solid #ddd; }

.even, .alt { border-left: 1px solid #ddd; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

.entry p a:visited { color: #b85b5a; }

.sticky { background: #f7f7f7; padding: 0 10px 10px; }

.sticky h2 { padding-top: 10px; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }

.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

/*-----------END WP CONTENT--------------*/
/*///////////////////////////////////////*/
/*-----------WP STRUCTURE----------------*/


.narrowcolumn { float: left; padding: 0 20px 20px 30px; margin: 0px 0 0; width:695px;  }

.widecolumn { padding:55px 40px 20px; }

.post { margin: 0 0 40px; }

.post hr { display: block; }

.widecolumn .post { margin: 0; }

.narrowcolumn .postmetadata { padding-top: 5px; }

.widecolumn .postmetadata { margin: 30px 0; }

.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }

.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: both; }


/*---------END WP STRUCTURE--------------*/
/*///////////////////////////////////////*/
/*-----------WP HEADERS------------------*/

h2 { margin: 30px 0 0; font-size: 1.6em; }

h2.pagetitle { margin: 30px 0 0; font-size: 1.8em; color: #250AF5; font-weight: bold; }

h3 { padding: 0; margin: 10px 0 3px; color:#2F3B6F; font-size:1.4em; font-weight:bold; }

h3.comments { padding: 0; margin: 40px auto 20px; font-size: 1.3em; }

h4 { padding: 0; margin: 3px 0; font-size:1.2em; font-weight:bold; }
	
/*----------END WP HEADERS---------------*/
/*///////////////////////////////////////*/
/*------------WP IMAGES------------------*/


p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }
	
/*-----------END WP IMAGES---------------*/
/*///////////////////////////////////////*/
/*--------------WP LIST------------------*/


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar #catNav ul, #sidebar #catNav ul ol {
	margin: 0;
	padding: 0;
	height:85px;
	}	

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
/*------------END WP LIST----------------*/
/*///////////////////////////////////////*/
/*-------------WP FORMS------------------*/

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { 
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
/*------------END WP LIST----------------*/
/*///////////////////////////////////////*/
/*------------WP COMMENTS----------------*/

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/*----------END WP COMMENTS--------------*/
/*///////////////////////////////////////*/
/*------------WP SIDEBAR-----------------*/


#sidebar { padding:60px 10px 10px; width:212px; float: left; }

#sidebar form { margin: 0; }

/*-----------END WP SIDEBAR--------------*/
/*///////////////////////////////////////*/
/*-------------WP VARIOUS----------------*/


acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.hidden { display: none; }
	
.screen-reader-text { position: absolute; left: -1000em; }

hr { display: none; }

a img { border: none; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/*-----------END WP VARIOUS--------------*/
/*///////////////////////////////////////*/
/*------------WP CAPTIONS----------------*/

.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*----------END WP CAPTIONS--------------*/
/*///////////////////////////////////////*/
/*--------------END WP-------------------*/
/*///////////////////////////////////////*/
/*-------------CALLOUTS------------------*/
/*///////////////////////////////////////*/

#callouts { margin-left: 4px; }

#callouts li { float: left; width:212px; height:135px; padding: 10px; margin: 10px 10px 0 0; border-right: #250AF5 1px solid; }

#callouts li.quick { padding: 10px 10px 10px 20px; width:202px; }

#callouts li.last { border-right: none; }

#callouts img { float: left; }

#callouts h1 { color: #250AF5; font-size: 1.6em;  font-weight: bold; padding-left:75px; margin-bottom: 3px;}

#callouts li.blog h1 { padding-left:65px; }

#callouts h1.quick { padding-left:0; }

#callouts p { padding-left: 75px; }

#callouts p.date { color:#78BF12; font-weight:bold; }

#callouts li.blog p { padding-left: 65px; }

#callouts li.blog { border-right: none; }

#callouts label { display:block; font-size:1.1em; margin:5px 0 1px; }

#callouts input.quick { width: 170px; }

#callouts select.quick { width: 177px; padding: 1px 2px; }

#callouts input.email { width: 120px; margin: 3px 0 0 75px; }

/*///////////////////////////////////////*/
/*------------END CALLOUTS---------------*/
/*///////////////////////////////////////*/
/*---------------FOOTER------------------*/
/*///////////////////////////////////////*/

#footer { width:1015px; border-bottom: #250AF5 1px solid; padding: 10px 0; margin: 0 auto 10px;}

#footer h1 { color:#250AF5; font-size:1.6em; font-weight:bold; margin-bottom:3px; }

#footer ul { float: left; margin: 0 15px; }

#footer ul.topcats { margin:23px 15px 0; }

#footer li a { display: block; font-size: 1.2em; color: #fff; line-height: 18px; }

#miniFooter { width:1015px; margin: 20px auto; }

#leftMini { float: left; }

#leftMini p { color:#250AF5; }

#leftMini a { color:#250AF5; }

#miniFooter li { float: left; margin-right: 10px; }

#miniFooter a.bbb { background: url(images/icon_bb.gif) repeat-x left top; float: right; width: 116px; height: 42px; display: block; text-indent: -9999em; }

/*///////////////////////////////////////*/
/*-------------END FOOTER----------------*/
/*///////////////////////////////////////*/
/*----------------CART-------------------*/
/*///////////////////////////////////////*/

#cartBox { background: url(images/rightcol_bg_repeat.gif) repeat-x left top; width: 173px; border: #2f2f2f 1px solid; padding-bottom: 7px; }

#cartCopy { padding:0 7px; }

/*///////////////////////////////////////*/
/*--------------END CART-----------------*/
/*///////////////////////////////////////*/
/*--------------CLASSES------------------*/
/*///////////////////////////////////////*/

.clear { clear: both; }

.left { float: left; }

.right { float: right; }


/* "Let my inspiration flow
in token lines suggesting rhythm
that will not forsake me
till my tale is told and done" */