/* Stuff from the header tutorial 
---------------------------------------------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a { color:#5c3b74; text-decoration:none }

/* Main layout blocks */
body { background:#dea7a7 url(../_imageFiles/topLevel/body.jpg) top center no-repeat fixed; color:#fff }
div { position:relative }
div.header { width:100%; height:290px; background:url(../_imageFiles/topLevel/repeater.png); z-index:2 }
div.header div { margin:0 auto; width:620px }
div.wrapper { margin:-100px auto; width:620px; height:1000px; background:url(../_imageFiles/topLevel/wrapper.png); z-index:1 }
div.wrapperCatalog { margin:-100px auto; width:620px; height:1300px; background:url(../_imageFiles/topLevel/wrapper.png); z-index:1 }
div.wrapperWhereBuy { margin:-100px auto; width:620px; height:5200px; background:url(../_imageFiles/topLevel/wrapper.png); z-index:1;}
div.wrapperHome { margin:-100px auto; width:620px; height:620px; background:url(../_imageFiles/topLevel/wrapper.png); z-index:1;}

/* Precise stuff */
h1 { text-indent:-9999px; background:url(../_imageFiles/topLevel/h1.png); width:122px; height:205px; position:absolute; top:70px; left:-25px }
h2 { text-indent:-9999px; background:url(../_imageFiles/topLevel/h2.gif); width:418px; height:120px; position:absolute; top:80px; right:70px }
ul.nav { width:380px; height:30px; padding:16px 0 0 0; position:absolute; top:204px; right:100px; text-align:center }
ul.nav li { font:12px/12px Verdana, Geneva, sans-serif; color:#9b79ad; display:inline }
ul.nav li a:hover { color:#fff }
div.header a.feed { display:block; text-indent:-9999px; background:url(../_imageFiles/topLevel/feed.png); width:160px; height:70px; position:absolute; top:-1px; right:-56px }

div.CatalogHeaderMain {position:absolute; top:90px; left:20px;}
div.CatalogHeaderOne {position:absolute; top:200px; left:20px;}
div.CatalogHeaderTwo {position:absolute; top:650px; left:20px;}
div.CatalogHeaderThree {position:absolute; top:925px; left:20px;}
div.CatalogHeaderFour {position:absolute; top:1400px; left:20px;}

div.CatalogOneBox{position:absolute; top:250px; left:20px; width:600px;}
div.CatalogTwoBox{position:absolute; top:700px; left:20px; width:600px;}
div.CatalogThreeBox{position:absolute; top:980px; left:20px; width:600px;}


div.AboutUsBox{position:absolute; top:100px; left:20px; width:500px; padding:10px;}
div.ContactUsBox{position:absolute; top:100px; left:20px; width:500px; padding:10px;}
div.WhereToBuyBox{position:absolute; top:100px; left:20px; width:500px; padding:10px;}
div.HomeBox{position:absolute; top:63px; left:0px; width:598px; padding:0px;}

div.statecolOne{position:absolute; top:180px; left:20px; width:240px; padding:10px;}
div.statecolTwo{position:absolute; top:180px; left:300px; width:240px; padding:10px;}
a.anchor{color:#FFF;}

.homethumbnail{float:left; margin-right:20px;}
.thumbnail
{
float: left;
margin: 0 15px 15px 0;
padding: 5px;
border: 2px solid #CCC;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;
text-align:center;

}

.thumbnail img { width: 100px;}

.clearboth { clear: both; }

p.maintext { font:12px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#FFF; }
p.maintextBuy { font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#FFF; }
.Stateheader{font:20px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#FFF; }
.Storeheader{font:16px/16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#FF91EF; font-weight:bold; }


/* Stuff from the footer tutorial 
---------------------------------------------------------------------------------------- */

div.footer { width:100%; height:354px; background:url(../_imageFiles/topLevel/footer_repeater.png); z-index:2 }
div.footer div.inner { margin:0 auto; padding:0 0 0 0px; width:400px; height:354px }
div.footer div div { float:left; width:180px; margin:80px 0 0 20px }
div.footer div div.tree { float:none; margin:0; width:200px; height:226px; background:url(../_imageFiles/topLevel/footer_tree.png); position:absolute; bottom:35px; left:-130px }
div.footer br { clear:both }
div.footer a.feed { display:block; text-indent:-9999px; background:url(../_imageFiles/topLevel/footer_feed.png); width:166px; height:279px; position:absolute; bottom:7px; right:-145px }

h3 { font:18px/18px Georgia, 'Times New Roman', Times, serif; margin:0 0 10px 0 }
p { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#963 }
p a:hover { border-bottom:1px solid #f90 }

a.credit { display:block; text-indent:-9999px; background:url(../images/footer_ejs_logo.gif); width:180px; height:67px; position:absolute; bottom:70px; right:0 }