/* Shop CSS  */
/* 	Light green #D7D7B6
		Medium green #C0C091
		Green text #687E4B
		Red text #8C3627
		Dark beige #e2dfc6
 
/* overrides from main CSS */
div#main h1 { font-size: 24px; }
/* shopContent div holds all shop content */
div#shopContent { margin: 0 ; padding: 5px 0 0 0; position: relative; min-height: 450px; }
/* IE doesn't support min-height, but it treats height that way, so filter for IE */
* html div#shopContent { height: 450px; }
div#shopFooter { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #687E4B; }
	div#shopFooter table { margin: 0; padding: 0; }
	div#shopFooter td { margin: 0; padding: 0; text-align: center; }
table { width: 100%; }
form { margin: 0; padding: 0; }

/* page heading */
div#storeHeader { /* width: 330px; */ height: 80px; background-image: url(../images/shopHeader.jpg); background-repeat: no-repeat; padding: 0 0 40px 190px; position: relative; }
	div#storeHeader form { display: inline; }

/* top link to store home page */
div#toplink { position: absolute; top: 0; left: 0; width: 190px; height: 100px; }

/* topinfo */
div#topInfo { width: 200px; background-color: #EFECD1; border: 1px solid #c0c091; padding: 5px; float: right; }
div#topInfo p {text-align: right; margin: 0; padding: 0; line-height: 16px; clear: right;}
div#topInfo a {font-size: 10px; float: right;}

/* account view options (top of MyAccount page) */
div#accountViewOptions { width: 200px; background-color: #EFECD1; border: 1px solid #c0c091; padding: 5px; float: right; }
div#accountViewOptions p {text-align: right; margin: 0; padding: 0; line-height: 16px; clear: right;}
div#accountViewOptions a {font-size: 10px; float: right;}

/* shopFooter */
div#shopFooter p {text-align: center; font-size:11px; line-height:15px; padding:0 0 6px 0;}
div#shopFooter p.shopLowerNav { margin-left: 10px; }
div#shopFooter p.shopLowerNav a { margin-right: 10px; }

/* Easy Slider */
#slider { position:relative; height: 300px; width: 300px; }
#slider ul, #slider li,
#slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; }
#slider2 { margin-top: 1em; }
#slider li, #slider2 li { width: 300px; height: 300px; float: left; }
#prevBtn, #nextBtn,
	#slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -30px; top: 71px; z-index: 1000; }
#nextBtn, #slider1next { left: 300px; }
#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a { display: block; position: relative; width: 30px; height: 77px; background: url(../images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a { background: url(../images/btn_next.gif) no-repeat 0 0; }
/* numeric controls */
ol#controls { margin: 1em 0; padding: 0; height: 18px; }
	ol#controls li { margin: 0 8px 0 0; padding: 0; float: left; list-style: none; height: 18px; line-height: 18px; }
		ol#controls li a { float: left; height: 18px; line-height: 18px; border: 1px solid #ccc; background: #E2DFC6; color: #555; padding: 0 4px; text-decoration: none; }
		ol#controls li.current a { background: #EFECD1; color: #333; }
		ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; }