/* --------------------------------------

ALL CODE, IMAGES & CONTENT COPYRIGHT
BUTTERSCOTCH, PORTLAND, OREGON
ALL RIGHTS RESERVED

----------------------------------------- */

/* GLOBAL BROWSER RESET */

* {
padding: 0;
margin: 0;
}

ul, ol {
list-style: none;
}

a img, :link img, :visited img {
border: none;
}

/* GLOBAL GENERIC STYLES */

body {
background: url("../images/stripes.jpg") repeat-x;
}

a {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #cb9526;
font-weight: 900;
text-decoration: none;
}

h3 {
margin: 0px 0px 8px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #e5910d;
font-weight: 800;
text-transform: lowercase;
}

.liststyle ul {
list-style-image: url("../images/bullet.png");
list-style-position: outside;
padding-left: 80px;
}

.liststyle ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5b1300;
font-weight: normal;
line-height: 14px;
margin-bottom: 8px;
}

.clearer {
height: 10px;
clear: both;
}

.formclear  {
height: 3px;
clear: both;
}

/* BLOCK ELEMENTS */

#wrapper {
margin-right: auto;
margin-left: auto;
width: 900px;
}

#circle {
position: relative;
margin: 10px auto 0px auto;
width: 900px;
height: 407px;
background: url("../images/circle.png") no-repeat;
}

/* Positions and styles linked logo */

dl.image_map {
display: block; width: 0px; height: 0px;
}

a.LINK0 {
left: 198px; top: 62px; background: transparent;
}

a.LINK0 {
display: block; width: 306px; height: 0; padding-top: 133px; overflow: hidden; position: absolute;
}

a.LINK0:hover {
background: transparent;
}
	
#sidebar {
position: relative;
top: 211px;
left: 55px;
width: 150px;
height: 500px;
border-right: 1px solid #e5910d;
}

#twitter {
position: relative;
top: 40px;
width: 135px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
color: #f69dbc;
padding-right: 15px;
padding-bottom: 10px;
font-weight: 900;
border-bottom: 1px solid #e5910d;
}

#twitter a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
color: #f69dbc;
}

.contact {
position: relative;
top: 43px;
width: 150px;
border-bottom: 1px solid #e5910d;
}

.contact p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: right;
color: #5b1300;
line-height: 14px;
font-weight: 700;
padding-right: 15px;
padding-bottom: 10px;
}

.contact h5  {
margin-top: 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: right;
color: #5b1300;
font-weight: 900;
padding-right: 15px;
}

.bullet img {
margin-top: auto;
margin-bottom: auto;
}

#topnav {
position: absolute;
top: 80px;
left: 560px;
width: 150px;
height: 75px;
}

#topnav a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5b1300;
font-weight: 800;
line-height: 22px;
}

#currentpage a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #e5910d;
font-weight: 800;
line-height: 22px;
}

/* Page-Specific Background Images */

#container-home {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/home-photo.jpg") 35px 185px no-repeat;
}

#container-butterscotch {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/products.jpg") 438px 50px no-repeat;
}

#container-newsletter {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/newsletter-photo.jpg") 35px 195px no-repeat;
}

#container-specials {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/specials-photo.jpg") 35px 215px no-repeat;
}

#container-visit {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/visit-photo.jpg") 35px 165px no-repeat;
}

#container-customerservice {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
background: url("../images/customerservice-photo.jpg") 35px 340px no-repeat;
}

#container-plain {
position: relative;
top: -288px;
left: 205px;
height: 800px;
width: 675px;
}

#contentbox {
position: relative;
top: 35px;
left: 35px;
width: 525px;
}

#contentbox-peek {
position: relative;
top: 35px;
left: 35px;
width: 400px;
}

.content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5b1300;
font-weight: normal;
line-height: 14px;
margin-bottom: 8px;
padding-left: 70px;
}

/* Navigation Block Elements */

#navblock {
position: absolute;
top: 105px;
left: 50px;
width: 140px;
background-color: transparent;
}

#navtext li {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
padding-right: 46px;
text-transform: lowercase;
text-align: right;
line-height: 24px;
}

#navtext a {
font-size: 11px;
color: #000000;
font-weight: 800;
}

/******* Signup Form *******/

#signup-form {
position: relative;
margin-left: 72px;
left: 0px;
width: 420px;
height: 100%;
}

#form-left {
float: left;
top: 0px;
left: 0px;
width: 150px;
}

#form-right {
float: right;
top: 0px;
left: 165px;
width: 250px;
}

.login_form label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5b1300;
font-weight: normal;
line-height: 8px;
padding-left: 0px;
}

.inputText {
margin-top: 8px;
padding: 5px 5px;
border: 1px solid #ab9b94;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;	
font-size: 13px;
line-height: normal;
color: #2F2827;
}

.button {
height: 28px;
width: 80px;
padding-right: 0px;
margin-top: 3px;
line-height: 25px;
color: #5b1300;
font-size: 13px;
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
background-color: #ede810;
border: none;
}