body {
 background: url('/img/brick.jpg') repeat top left;
}

#roastToOrder {
 background: url('/img/roast_to_order_bg.jpg') no-repeat bottom center;
 height: 510px;
 _height: 610px;
 font-size: 19px;
}

#wholesale {
 height: 400px;
 font-size: 17px;
}

#font {
 font-size: 19px;
 font-weight:normal;

}

#font2 {
 font-size: 16px;
}

#font3 {
 font-size: 14px;
}

}

#roastToOrder li {
 margin-bottom: 2em;
}

a:hover img.button {
 position: relative;
 top: 1px;
 left: 1px;
}

.left {
 float: left;
 margin-right: 10px;
}

.right {
 float: right;
 margin-left: 10px;
}

.clear {
 clear: both;
}

#header .register {
 color: #fff;
 position: absolute;
 right: 5px;
 top: 5px;
}

#rays {
 background: url('/img/rays.png') no-repeat 50% 0;
 _background: none;
 position: relative;
}

#wrapper {
  background: #000;
}

#content a {
 color: #fff;
}

#footer {
 background: url('/img/footer-gradient.png') repeat-x top left;
 _background: none;
 min-height: 190px;
 _height: 190px;
}

#header {
 background: #000 url('/img/header.jpg') no-repeat top left;
 height: 240px;
 padding: 10px;
 position: relative;
 font-size: 1.1em;
}

#header #home {
 width: 200px;
 height: 220px;
 position: absolute;
 left: 100px;
 top: 20px;
}

#header #cart {
 bottom: 10px;
 right: 10px;
 position: absolute;
 background: url('/img/icons/cart-trans.png') no-repeat 3px 3px;
 text-indent: 2em;
}

#header a {
 color: #fff;
}

#header #phone {
 color: #fff;
 font-weight: bold;
 font-size: 1.2em;
 position: absolute;
 right: 5px;
 bottom: -45px;
 z-index: 1000;
}

dl.flavorDescription {
 clear: both;
 padding-right:450px;
 padding-left:20px;
 padding-top:20px;
 position: relative;
 min-height: 13em;
}

dl.mission_pict {
 clear: both;
 padding-right:450px;
 position: relative;
}

dl.mission_pict .coffee_roasting_pict {
 position: absolute;
 right: 0px;
 top: 0;
}

dl.flavorDescription .product {
 position: absolute;
 right: 150px;
 top: 0;
}

dl.coffeeDescription {
 clear: both;
 padding-right:300px;
 padding-left:20px;
 padding-top:5px;
 position: relative;
 min-height: 13em;
}

dl.coffeeDescription .rating {
 position: absolute;
 right: 15px;
 bottom: 0;
} 

dl.coffeeDescription .mints {
 position: absolute;
 right: 80px;
 bottom: 0;
}


dl.coffeeDescription .paper {
 position: absolute;
 right: 180px;
 top: 0;
}

#company {
 background: url('/img/company/building2.jpg') no-repeat top center;
 height: 800px;
 width: 942px;
} 

#dedication {
 background: url('/img/dedication/coffee_dedication.jpg') no-repeat top center;
 height: 650px;
 width: 942px;
 padding-top: -70px;
} 

#facility {
 background: url('/img/roasting.jpg') no-repeat top center;
 height: 800px;
 width: 942px;
} 

#contact {
 background: url('/img/contact.jpg') no-repeat top left;
 padding-top: 60px;
 padding-right: 60px;
} 

#logos {
 float:right;
 list-style-type: none;
 padding-top: 70px;
 padding-right: 60px;
} 

#logos ul li {  
 display: inline;
 padding-left: 40px;
 list-style-type: none;
} 

#logos a:hover img {
 position: relative;
 bottom: 10px;
}

#separator {
 margin-top: -100px;
 background: url('/img/white_grade-trans.png') repeat-x top left;
 height: 107px;
 width: 960px;
 position: relative;
 left: -10px;
 z-index: 0;
}

#content {
 padding: 1em 0;
 min-height: 400px;
 _height: 400px;
 color: #fff;
}

#content dl dt {
 color: #9F3128;
 font-size: 1.2em;
}

#header .signin {
 position: absolute;
 right: 10px;
 bottom: 10px;
 color: #fff;
 font-weight: bold;
}

#header .signin label {
 width: 100px;
 margin-right: 1em;
 float: left;
}

#header .signin input {
 width: 100px;
}

#header .signout {
 position: absolute;
 right: 10px;
}

#content #home h3 {
 color: #9F3128;
 font-weight: normal;
}

#home div img {
 border: 1px solid #555;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 _border: 0;
}

#icons {
 margin-top: 3em;
}

#icons dd {
 margin-right: 17px;
 display: inline;
}

#icons dd:hover {
 position: relative;
 bottom: 10px;
}

.center {
 text-align: center;
}

.button img:hover {
 position: relative;
 top: 1px;
 left: 1px;
}

.element {
 text-align: left;
}

.element fieldset {
 border: 0;
 color: #fff;
 font-weight: bold;
}

.element label {
 width: 100px;
 margin-right: 1em;
}

.element .submit {
 position: relative;
 left: 55px;
}

.element .submit:hover {
 position: relative;
 top: 1px;
 left: 56px;
}

/** CONTENT **/
#content table {
 width: 100%;
 font-size: 1.1em;
 text-align: left;
}

#content table td {
 min-width: 3.5em;
}

p {
 font-size: 1.2em;
}

/** END CONTENT **/

/*** flash messages ***/
#content #flashMessage.alert, #content #authMessage.message {
 background: #ffe3e3 url('/img/icons/exclamation-trans.png') no-repeat 5px 5px;
 text-indent: 20px;
 color: #333;
 border: 1px solid pink;
 margin-bottom: 3em;
 padding: 5px;
}

#content #flashMessage.success {
 background: #daf8e2 url('/img/icons/accept-trans.png') no-repeat 5px 5px;
 text-indent: 20px;
 color: #333;
 padding: 5px;
 margin-bottom: 3em;
 border: 1px solid #8cd69f;
}
/** end flash messages **/

.altrow {
 background: #1f1f1f;
}

div.paging {
 width: 100%;
 text-align: center;
}

div.paging div.disabled {
 color: #ddd;
 display: inline;
}

/** MENU **/
#wrapper .subMenu {
 width: 100%;
 list-style-type: none;
 position: relative;
 padding: 5px;
 padding-left: 20px;
}

#wrapper .subMenu li {
 display: inline;
 padding: 0;
 margin: 0 0 5px 8px;
}

#wrapper .subMenu li a {
 color: #555;
}

#myslidemenu {
 width: 100%;
}
.jqueryslidemenu{
font-size: 20px;
background: #9F3128 url('/img/menu_buttons.jpg') no-repeat top left;
border-top: 1px solid grey;
height: 40px;
width: 1100px;
 padding: 0; 
 margin: 0;
 z-index: 100;
 position: relative;
 padding-top: 10px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
min-width: 175px;
 color: #fff;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
 padding: 0 5px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
display: block;
font-weight: bold;
color: white;
text-decoration: none;
}

.jqueryslidemenu ul li {
 font-weight: bold;
 cursor: default;
 padding-right: 0;
 padding-left: 0;
}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
 
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited {
 color: #fff;
 font-weight: bold;
 width: auto;
}

.jqueryslidemenu ul li a:hover{
color: #000;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
background: #000;
border: 1px solid grey;
width: auto;
z-index: 100;
left: 0;
display: block;
visibility: hidden;
color: #fff;
 _right: -159px;
 width: 160px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
display: list-item;
float: none;
 margin: 0;
 font-size: 14px;
 border-bottom: 1px solid #ddd;
}

.jqueryslidemenu ul li ul li:hover {
 background: #555;
 color: #fff;
}

/* ie7 */
.jqueryslidemenu ul li ul li:hover > a {
 color: #fff;
 display: block;
 width: auto;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
padding: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
padding: 5px 0;
margin: 0;
border-top-width: 0;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/** END MENU **/

.qty input {
 width: 2.5em;
}

.products table {
 font-size: 1.1em;
 width: 100%;
}

.products table td, .products table th {
 padding: 5px;
 vertical-align: top;
}

.products table img {
 border: 1px solid #999;
}

.products .submit {
 text-align: center;
}

/*** Cart Stuff ***/
#shoppingCart table {
 width: 100%;
}

#shoppingCart table th {
 background: #333;
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-collapse: collapse;
}

#shoppingCart table td {
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
 border-collapse: collapse;
 padding: 3px;
}

#shoppingCart table tbody td {
 padding-top: 1em;
}

#shoppingCart table tbody td, #shoppingCart table tfoot td, #shoppingCart table th {
 text-align: left;
 padding-left: 1em;
}

#shoppingCart tfoot th {
 text-align: right;
 padding-right: 3em;
}

/* FORMS */
fieldset {
 border: 1px solid #333;
 padding: 5px;
 color: #333;
}

fieldset legend {
 color: #9F3128;
 font-size: 1.2em;
}

fieldset label {
 width: 150px;
 float: left;
 color: #fff;
 font-weight: bold;
}

fieldset .input {
 margin-bottom: .25em;
 clear: both;
}

fieldset .input .error-message {
 color: red;
 margin-left: 150px;
}

fieldset .checkbox {
 padding: .25em 0 2em 0;
}

fieldset .checkbox input {
 float: left;
}

fieldset .checkbox label {
 width: auto;
}

/* END FORMS */

#conscent h6 {
 margin-bottom: 0;
}

#footer, #footer a {
 color: #fff;
}

#footer ul {
 list-style-type: none;
 text-align: center;
}

#footer ul li {
 display: inline;
}

/* BUTTONS */
.actions ul {
 list-style-type: none;
}

.actions a, .actions button {
    display:block;
    float:left;
    margin:0 5px 0 0;
    background-color:#555;
    border:1px solid #777;
    border-top:1px solid #999;
    border-left:1px solid #999;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#eee;
    cursor:pointer;
    padding: 3px; /* Links */
}
.actions button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.actions button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}
.actions button img, .actions a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .actions a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.actions a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .actions a.positive {
    color:#529214;
}
.actions a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.actions a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.actions a.negative, button.negative {
    color:#d12f19;
}
.actions a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.actions a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#log_in_here {
			position:absolute; 
			top: -15px; 
			left: 825px; 
			z-index: 1;
			}	
			
#log_in_here2 {
			position:absolute; 
			top: 180px; 
			left: 600px; 
			z-index: 1;
			}	
			
#log_in_here3 {
			position:absolute; 
			top: 340px; 
			left: 250px; 
			z-index: 1;
			}