html { width:100%; height:100%; }
body { background:white url('../graphics/faded.border.jpg') 50% 500px no-repeat; font-family:Times; text-align:left; }
.clean { background:none; }
/*
		TYPOGRAPHY
*/
h1 { text-indent:-50000px; }
h1 a { display:block; width:261px; height:96px; background:transparent url('../graphics/logo-02.gif') no-repeat; outline: none;}
h2 { margin:0 0 15px 0; font:normal 176% Georgia; letter-spacing:1px; color:#00539f; }
h2 span { display:block; }
h3 { margin:20px 0 5px 0; font:normal 138.5% Georgia; letter-spacing:1px; color:#00539f; }
h3 a { display:block; color:#00539f; }
h3 span, h2 span { font:normal 60% Georgia; color:#827572; }
h4 { margin:10px 0 3px 0; font:normal 116% Georgia; color:#b2252a; }
h5 { margin:15px 0 2px 0; font-weight:bold; }
p { margin-bottom:12px; font:normal 100% Times; line-height:1.6; color:#383838;}
em { font-size: 111%; font-style: italic; }
strong { font-weight:bold; }
p.caption { font-size: 78%; color: #827572; }
a { color:#5ea9f7; outline:none; }
a:hover { text-decoration:none; }
/*
		PAGE LAYOUT
*/
#site { width:810px; position:relative; left:50%; margin-left:-405px; }
#site-header { height:99px; padding:35px 0; position:relative; }

#site-content { margin:35px 0 0 0; position:relative; float:left; }
#site-footer { width:810px; height:20px; padding:10px; margin:0 0 35px 0; border-top:solid #ececec 1px; clear:both; font-size:92%; }

#footer-nav, #footer-nav li { margin: 0; padding: 0; list-style: none; }
#footer-nav { margin:10px 0; width: 100%; float: left; }
#footer-nav li { float:left; padding:5px 15px 5px 5px;; }
#footer-nav li a { text-transform: uppercase; text-decoration: none; }

/*
		SITE NAV
*/

#site-nav { width:515px; height:30px; position:absolute; bottom:35px; right:0px; background:transparent url(/graphics/site-navigation.gif) no-repeat right top; }

#site-nav li, #site-nav a { float:left; height:30px; display:block; }
#site-nav a { text-indent:-50000px; text-decoration:none; border:0; outline: none; }
#link0 a { width:62px; }
#link1 a { width:119px; }
#link2 a { width:140px; }
#link3 a { width:107px; }
#link4 a { width:86px; }
#link0 a:hover, #link0 a.active { background:transparent url(/graphics/site-navigation.gif) no-repeat 2px -30px; }
#link1 a:hover, #link1 a.active{ background:transparent url(/graphics/site-navigation.gif) no-repeat -60px -30px; }
#link2 a:hover, #link2 a.active { background:transparent url(/graphics/site-navigation.gif) no-repeat -179px -30px; }
#link3 a:hover, #link3 a.active { background:transparent url(/graphics/site-navigation.gif) no-repeat -319px -30px; }
#link4 a:hover, #link4 a.active { background:transparent url(/graphics/site-navigation.gif) no-repeat -426px -30px; }

#facebook { position: absolute; top:70px; left:535px; }
#twitter { position: absolute; top:70px; left:640px; }

/*
		EMAIL SIGNUP
*/

#emailSignup { position: absolute; top:10px; right:10px; width:270px; }
#emailSignup label { display: block; margin-bottom: 5px; color: #555; font-size: 12px; font-style: italic; }
#emailSignup form { margin: 0; padding: 0; }
#emailSignup form input { vertical-align: middle; }
#emailSignup input#email { margin: 0; width: 150px; font-family: Helvetica,Arial, sans; font-size: 11px; line-height: 11px; padding:5px; }
#emailSignup input#emailSubmit { background: url(/graphics/button_signup.gif) no-repeat; width: 71px; height:30px; border: 0; margin: 0; padding: 0; }

/*
		MARKET BOX
*/
#market-box { height:330px; }
#home-main-gallery-wrapper { width: 800px; height: 500px; padding: 6px 9px 9px 7px; background: #fff url(/graphics/main-pic-frame.jpg) no-repeat; }
	#home-main-gallery img { display: none; }
#home-promotions { margin: 10px 0; padding: 0 0 0 5px; list-style: none; float: left; width: 100%; }
	#home-promotions li { float: left; background: #fff url(/graphics/home-promo-shadow.jpg) no-repeat; width: 260px; height: 180px; padding: 0 5px 7px 3px; }
/*
		LEFT & RIGHT DIVs
*/
#left, #ourStory { width:100%; margin:0 0 35px 0; }
#left p { text-align: justify; }
#home #left, .two-column #left { width:525px; margin-right:35px; float:left; }
#right { width:250px; float:right; }
.right { float:right; margin:0 0 15px 15px; }
.left { float:left; margin:0 15px 15px 0; }
#home #right img { position:absolute; bottom:0px; right:0px; }
cite.signature { display:block; width:150px; height:31px; margin-top:15px; padding-top:35px; background:transparent url('../images/allen.signature.gif') 100% 0 no-repeat; text-align:left;}
cite.signature span { display:block; font-size:85%; color:#999;}

.ambassador { font-family: Georgia, Times New Roman, serif; color: #79706f; font-size: 12pt; width: 200px; text-align: center;}
.ambassador span { display: block; clear: both; text-transform: uppercase; margin:0 0 14px 0; }

/*
	STORE SPLASH
*/
/*
ul#products { list-style: none; padding: 0; margin: 10px 0; }
ul#products li { float:left; }
ul#products li a { display:block; width: 192px; padding: 5px; height: 200px; position: relative; font-size: 12px; text-decoration: none; color: #00539f; }
ul#products li a span img { margin-bottom: 5px; display: block; width: 192px; height: 180px; position: absolute; top: 5px; left: 5px;}
ul#products li a span.pics img { display: none; }
ul#products li a span.title { position: absolute; top:190px; left:5px; width: 192px; text-align:center; }
ul#products li a:hover { background-color: #e5f3f7; color: #333; }
*/
ul#products { list-style: none; padding: 0; margin: 10px 0; }
ul#products li { float:left; padding: 5px; height: 210px; position: relative; }
ul#products li a.pics { display:block; width: 192px; height: 180px; position: relative; font-size: 12px; text-decoration: none; }
ul#products li a.pics img { margin-bottom: 5px; display: block; width: 192px; height: 180px; position: absolute; top: 5px; left: 5px;}
ul#products li a.pics img { display: none; }
ul#products li span.title { position: absolute; top:190px; left:0; width: 200px; text-align:center; color: #00539f; text-decoration: none; }
ul#products li:hover { background-color: #e5f3f7; color: #333; }



ul#products-grid { list-style: none; padding: 0; margin: 10px 0; }
ul#products-grid li { float:left; padding: 5px; height: 180px; position: relative; }
ul#products-grid li a.pics { display:block; width: 152px; height: 143px; position: relative; font-size: 12px; text-decoration: none; }
ul#products-grid li a.pics img, ul#products-grid li a img { margin-bottom: 5px; display: block; width: 152px; height: 143px; position: absolute; top: 5px; left: 5px;}
ul#products-grid li a.pics img { display: none; }
ul#products-grid li span.title { position: absolute; top:153px; left:0; width: 152px; text-align:center; color: #00539f; text-decoration: none; }
ul#products-grid li:hover { background-color: #e5f3f7; color: #333; }

li.new-stuff span.badge { height: 18px; padding: 2px 0 0 10px; width:200px; color:#fff; font-size:12px; line-height:12px; font: 12px/12px Helvetica, Arial, sans; font-weight: bold; position: absolute; z-index: 999; left: 0; top:120px; background: url(/images/new-badge.png) no-repeat; } 

/* holiday 'not too late' message on homepage */
#notTooLate { font-size: 18px; font-style: italic; text-align: center; margin-top: 0; padding:5px; background: #f9f8f8 url(/graphics/notTooLate_bg.jpg) left bottom repeat-x; }
#notTooLate a { color:#00539f; }

#ambassadorlink { font-size: 18px; font-style: italic; text-align: center; margin-top: 0; padding:0; width:100%;}
#ambassadorlink a { color:#00539f; }

/* Home with Allen's headshot */
#ourStory img.allen { float:left; margin: 0 30px 30px 0; }
#ourStory cite.signature { width: auto; height: auto; padding:0; margin: 20px 0; background:none; text-align:left; }
#ambassador { text-align: center; border-top:solid #ececec 1px; margin:10px 0 0; }
#ambassador span { display: inline; padding-right: 20px; }
#ambassador p.ambassador { width:100%; padding: 20px 0 5px; margin: 0; }
#ambassador p.ambassador {  }
#ambassador a { display: block; }

/* NEWS  & Press Releases  */
p.otherNews a { font-size: 18px; font-style: italic; } 
dl.pressReleases, dl.pressReleases dd, dl.pressReleases dt { padding: 0; margin: 0; }
dl.pressReleases dd, dl.pressReleases dt { float: left; }
dl.pressReleases dd { clear: both; width: 100px; height: 60px; overflow: hidden; margin: 5px 20px 20px 0; }
dl.pressReleases dt h3 { margin-top: 5px; }
a.enlarge span { display: block; margin: 5px 0; padding-left: 15px; background: url(/images/enlarge.jpg) no-repeat left 50%; }

/* Testimonials  */
#testimonials h5 { font-weight: normal; font-size: 18px; font-style: italic; margin-bottom: 10px; }
#testimonials div { background: url(/graphics/quote_start.jpg) left top no-repeat; padding: 7px 20px 40px 55px; }
#testimonials div p { padding: 5px 0 5px; background: url(/graphics/quote_end.jpg) right bottom no-repeat; }
#testimonials div span { display: block; font-weight: bold; padding-left: 20px; }


/*
		TABLE STUFF
*/
#prod-details { margin: 1em 0 2em 0; width: 100%; border: 0; display: block; }
#prod-details td { text-align: center; display: table-cell; padding: 2%; width: 29%; }
#prod-details p { text-align: center; }
#sizes { margin: 1em 0 2em 0; width:100%; border: 0px; display: block;}
#sizes  td { border: 1px solid #EBEBEB; text-align: center; display: table-cell; padding: 2%; width: 16%; }
/*
		FILTER
*/
#filter-nav {  padding-left: 5px; width: 100%; height:24px; margin:1em 0 .5em 0; border-bottom:solid #86C1FF 1px; display:block; }
#filter-nav li { float:left; }
#filter-nav a { background-color:#eee; color:#333; display:block; float:left; margin-right: 3px; height:14px; padding:5px 3px; font:11px Tahoma, Arial, Helvetica, sans; text-decoration:none; }
#filter-nav a:hover { color:#b2252a; }
#filter-nav a.active { background-color:#86C1FF; color:#FFF; }

.store { float:left; width:21%; border: 0px solid #CCC; overflow: hidden; height:100px; margin:0 0 10px 3%; }
.store.first { margin-left:0px; }
.store p { margin: 0; }

#stores h4  { color:#b2252a; }

/*Retail Finder*/
#retail-finder{margin:20px 0 0 0;}
		#retail-finder label {width:60px; position:relative; top:5px; display:block; float:left;}
		#retail-finder input {width:150px; margin-bottom:3px; border:1px solid #d1d1d1; padding:4px;}
		#retail-finder input.button {margin:10px; width:82px; margin-left:56px; border:1; }

div.clear { clear: both; height: 1px; overflow: hidden; }
img.alignRight { float: right; margin: 0 0 20px 20px; }
