html,body {
/* background:#e7c747; */
 background:#9ecd38; 
}

#layout {
 background:#fff;
 margin:0px auto;
 padding:20px;
 width:730px;
}

h1 {
 background:url(../images/global/logo.gif) no-repeat;
 float:left;
 font-size:5px;
 height:70px;
 margin:0px;
 padding:0px;
 overflow:hidden;
 width:265px;
}

h1 a {
 display:block;
 font-size:5px;
 height:70px;
 margin:0px;
 padding:0px;
 overflow:hidden;
 text-indent:-5000px;
 width:265px;
}

#members {
 float:right;
 list-style:none;
 margin:30px 0px 0px;
 padding:0px;
}

#members li {
 float:left;
}

#members li a {
 border-right:1px solid #7dc7e1;
 color:#5d4629;
 display:block;
 font:12px Verdana;
 padding:5px 10px;
 text-decoration:none;
 text-transform:lowercase;
}

#members li a:hover {
 color:#F0214E;
}

/*
Menu control and  styles
*/

ul#public {
 list-style:none;
 margin: 10px 0 0 280px;
 padding: 0px; 
}

ul#public ul {
 list-style:none;
 margin: 10px 0 0 9px;
 padding: 0px; 
}

ul#public li {
 float:left;
 position: relative;
}

ul#public li a {
 display: block;
 text-decoration:none;
}

ul#public li a em {
 visibility: hidden;
}

/* second level shop menu */

ul#public li#shop {
 z-index: 2;
}

ul#public li#shop ul {
 display: none;
 position: absolute;
 top: auto;
 left: auto;
 margin-top: -5px;
 border: 1px solid #4b3820;
}

ul#public li#shop ul a {
 font: bold 9pt verdana, arial, sans-serif;
 height: 1.5em;
 width: 100px;
 margin: 0; 
 padding: 2px 8px;
 background-image: none;
 background-color: #fff;
 color: #4b3820;
}

ul#public li#shop ul a:hover {
 background-image: none;
 background-color: #4b3820;
 color: #fff;
}

ul#public #shop:hover ul,
ul#public #shop.over ul {
 display: block;
 width: 116px;
}

/* third level shop|frame menu */

ul#public li#frame, ul#public li#stickrmsg {
 z-index: 3;
}

ul#public li#frame ul, #public #shop #frame ul,
ul#public li#stickrmsg ul, #public #shop #stickrmsg ul {
 display: none;
 position: absolute;
 top: auto;
 left: auto;
 margin-top: -22px;
 margin-left: 116px;
 border: 1px solid #4b3820;
 border-style: solid solid solid none;
}

ul#public li#frame ul a, ul#public li#stickrmsg ul a  {
 font: bold 9pt verdana, arial, sans-serif;
 height: 1.5em;
 margin: 0; 
 padding: 2px 8px;
 background-image: none;
 background-color:#9ae7f7;
 color: black;
}

ul#public li#frame ul a:hover, ul#public li#stickrmsg ul a:hover {
 background-image: none;
 background-color: #ffffff;
}

ul#public #shop #frame:hover ul, ul#public #shop #frame.over ul,
ul#public #shop #stickrmsg:hover ul, ul#public #shop #stickrmsg.over ul {
 display: block;
}

/* set widths of 3rd level menu */

#public #shop li#frame ul,
#public #shop li#frame:hover ul,
#public #shop li#frame .over ul,
#public #shop li#stickrmsg ul,
#public #shop li#stickrmsg:hover ul,
#public #shop li#stickrmsg .over ul {
 width: 116px;
}

#public #shop #frame ul li,
#public #shop #stickrmsg ul li {
 width: 100px;
}

#public #shop #frame ul li a, 
#public #shop #stickrmsg ul li a {
 width: 100%;
}

/* each nav button has its own size and background */

#public #about a {
 background:url(../images/global/about_off.gif) no-repeat;
 height:53px;
 width:82px;
}
#public #about a:hover {
 background:url(../images/global/about_on.gif) no-repeat;
}
#public #shop  a {
 background:url(../images/global/shop_off.gif) no-repeat;
 height:53px;
 width:72px;
}
#public #shop a:hover {
 background:url(../images/global/shop_on.gif) no-repeat;
}

#public #press a {
 background:url(../images/global/press_off.gif) no-repeat;
 height:53px;
 width:77px;
}
#public #press a:hover {
 background:url(../images/global/press_on.gif) no-repeat;
}

#public #stores a {
 background:url(../images/global/stores_off.gif) no-repeat;
 height:53px;
 width:85px;
}
#public #stores a:hover {
 background:url(../images/global/stores_on.gif) no-repeat;
}

#public #contact a {
 background:url(../images/global/contact_off.gif) no-repeat;
 height:53px;
 width:103px;
}
#public #contact a:hover {
 background:url(../images/global/contact_on.gif) no-repeat;
}

/* styles for customer service, policy page links */

#misc {
 margin:0px auto;
 padding:10px 20px 0px;
 width:730px;
}

#misc,#misc * {
 color:#fff;
 font:10px Verdana;
}

#misc a {
 text-decoration:none;
}

#misc a:hover {
 text-decoration:underline;
}

#about #layout {
 background:url(../images/global/bg_about.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #about #layout {
 height:680px;
}

#collection #layout {
 background:url(../images/global/bg_collection.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #collection #layout {
 height:680px;
}

#stickrart #layout {
 background:url(../images/global/bg_stickrart.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stickrart #layout {
 height:680px;
}

#stickrframe #layout {
 background:url(../images/global/bg_stickrframe.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stickrframe #layout {
 height:680px;
}

#stickrmini #layout {
 background:url(../images/global/bg_stickrmini.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stickrmini #layout {
 height:680px;
}

#stickrtrain #layout {
 background:url(../images/global/bg_stickrtrain.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stickrtrain #layout {
 height:680px;
}

#stickrcorners #layout {
 background:url(../images/global/bg_stickrcorners.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stickrcorners #layout {
 height:680px;
}

#press #layout {
 background:url(../images/global/bg_press.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #press #layout {
 height:680px;
}

#stores #layout {
 background:url(../images/global/bg_stores.gif) no-repeat 20px 120px #fff; 
 min-height:680px;
}
 * html #stores #layout {
 height:680px;
}


#stores #layout #content td.item {
/* border:1px solid #4b3820; */
 border: none;
 color:#4b3820;
 font:bold 13px Verdana;
 padding:2px 5px;
}

#stores #layout #content a {
 color:#70aa20;
 font:bold 13px Verdana;
 text-decoration:none;
}

#stores #layout #content a:hover {
 text-decoration:underline;
}

#stores #layout #content strong {
 color:#4b3820;
}

#stores #layout #content table th {
/* border:1px solid #4b3820; */
 border: none;
 color:#f0214e;
 font:bold 13px Verdana;
 padding:2px 5px;
}


#contact #layout {
 background:url(../images/global/bg_contact.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #contact #layout {
 height:680px;
}

#policies #layout {
 background:url(../images/global/bg_policies.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #stores #layout {
 height:680px;
}

#customer_service #layout {
 background:url(../images/global/bg_customer_service.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
 * html #contact #layout {
 height:680px;
}

#item #layout {
 background:url(../images/global/bg_stickritem.gif) no-repeat 20px 120px #fff;
 min-height:680px;
}
* html #item #layout {
 height:680px;
}

#content {
 background:#fff;
 margin:10px 38px 0px;
 height:640px;
/* max-height:640px; */
 border:2px outset;
 overflow:auto;
 padding:24px 24px 48px 24px;
 position:relative;
 width:500px;
}
 * html #content {
 height:630px;
 max-height:630px;
}

#content h2 {
 color:#4b3820;
 font:bold 13px Verdana;
 margin:0px;
}

#content p,#content li,#content label,#content address {
 color:#4b3820;
 display:block;
 font:normal 13px Verdana;
 margin:0px 0px 12px;
 padding:0px;
}

#content table {
 border-collapse:collapse;
 margin-bottom:12px;
 width:100%;
}

#content table th {
 border:1px solid #4b3820;
 color:#f0214e;
 font:bold 13px Verdana;
 padding:2px 5px;
}

#content table td {
 border:1px solid #4b3820;
 color:#4b3820;
 font:normal 13px Verdana;
 padding:2px 5px;
}

#content a {
 color:#4b3820;
 font:bold 13px Verdana;
 text-decoration:none;
}

#content a:hover {
 text-decoration:underline;
}

#about #content strong {
 color:#f0214e;
}

#collection #content .item {
 background:#fff;
 float:left;
 width:49%;
}

#collection #content .item img {
 border:0px;
 float:right;
 margin-right:10px;
}

#collection #content .item label {
 background:url(../images/global/arrow.gif) no-repeat 0 93px;
 float:right;
 padding:90px 0px 0px 12px;
 width:60px;
}

#stickrart #content .item {
 background:#fff;
 float:left;
 width:49%;
}

#stickrart #content .item img {
 border:0px;
 float:right;
 margin-right:10px;
}

#stickrart #content .item label {
 background:url(../images/global/arrow.gif) no-repeat 0 93px;
 float:right;
 padding:90px 0px 0px 12px;
 width:60px;
}

#stores #content strong {
 color:#7ba818;
}

#contact #content strong {
 color:#2689d1;
}

#contact #content strong a {
 color:#2689d1;
 text-decoration:underline;
}

#contact #content strong a:hover {
 text-decoration:none;
}

#item #content {
 background:transparent;
 margin:5px 35px;
 padding:0px;
}

#item #content h2 {
 color:#fff;
 font:normal 26px Verdana;
 margin-bottom:5px;
}

#item #content p {
 margin:0px 0px 10px;
 padding:0px;
 width:320px;
}

#item #content label {
 color:#fff;
}

#item #content .size {
 font-size:16px;
 float:left;
 padding:5px 0px 0px;
}

#item #content .price {
 font-size:18px;
 float:left;
 padding:2px 0px 0px 20px;
}

#item #content .price:first-letter {
 font-size:14px;
}

#item #layout {
 position:relative;
}

#item .preview {
 position:absolute;
 top:172px;
 left:420px;
}

#item .order {
 background:url(../images/global/order.gif) no-repeat;
 border:0px;
 bottom:20px;
 cursor:pointer;
 height:89px;
 left:270px;
 position:absolute;
 width:104px;
}

#orderButton {
 position:absolute;
 top:630px;
 left: 40px;
}


#stickr {
 display: inline;
 list-style: none;
 margin: 0 30px 0 400px;
}

#stickrIcons {
 position:absolute;
 top:200px;
/* left:40px; */
}

#stickr li {
 margin:0  6px;
 float: right;
 background: #fff;
}

#stickr a {
 font: bold 13px verdana, arial;
 color: #635336;
 text-decoration: none;
 padding: 2px 4px;
}

#stickrmini .icons p { 
 float: left;
 text-align: center;
}

#stickrmini .icon img {
 padding: 5px;
 margin: 0 8px;
}
#stickrmini .selectedIcon img {
 margin: 0 8px;
 padding: 2px;
 border: 3px #5090c0 solid;
}

#content #stickrintro {
 background-color:#4ebfe7;
 padding:10px;
 color: white;
}

* html body#stickrframe div#layout div#content p#stickrintro {
 background: transparent;
 color:#4ebfe7;
 font-weight: bold; 
}

#content #frames {
 max-width: 484px;
 margin: 0 0 0 -16px;
 padding: 0;
}
#content #frames th {
 font-size: 7px;
 color: #402f1c;
 border: none;
 padding: 0;
 margin: 0;
}


.separator {
 background:url(../images/global/separator.gif) repeat-x 0 0;
 height:11px;
}

.clear {
 clear:both;
}