* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}


a {
	color: #2d3679;
	text-decoration: none;
}

a:hover {
	color: #2d2c58;
	text-decoration: underline;
}

input
{
vertical-align:middle;
/*padding-top:2px;*/
}

a.favoriteslink:link, a.favoriteslink:visited, a.favoriteslink:active
{
font-family: Verdana, sans-serif; 
text-decoration:none; 
background-color:transparent; 
font-size: 7pt; 
color: #9a9a9a;
}

a.favoriteslink:hover
{
font-family: Verdana, sans-serif; 
text-decoration:underline; 
background-color:transparent; 
font-size: 7pt; 
color: #00024F;
}


body {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
}

.clear {
    clear: both;
}

ul.links {
    list-style: none;
}

#page-container {
    width: 780px;
    background: url(../images/online-store-top-bg.jpg) top left no-repeat;
    margin: 0 auto;
    min-height: 600px;
}

#header .left, #header .menu, #header .welcome, #header .ship-to {
    float: left;
    margin-left: 10px;
}

#header .welcome, #header .ship-to {
    text-align: center;
    width:105px;
}

#header .menu {
    margin-left: 0;
}

#header .menu ul.links li {
    display: block;
    padding-left: 12px;
    background: url(../images/menu-item-icon.gif) center left no-repeat;
    margin-left: 0;
}

#header .menu ul.links a {
    font-family: "Myriad Pro", Tahoma, sans-serif;
    font-size: 12px;
    color: #0000ff;
    font-weight: bold;
    text-transform: uppercase;
}

#header .menu ul.links li:hover {
    background: url(../images/menu-item-icon-hl.gif) center left no-repeat;
}

#header .menu ul.links li:hover a {
    color: #ff0000;
}

#header .welcome {
    color: #bd873b;
}

#header .ship-to {
    color: #8e632b;
}

#header .ship-to .logout-button {
    color: #b17e37;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 10px;
    height: 32px;
    line-height: 26px;
    background: url(../images/logout-icon.png) center left no-repeat;
    display: block;
}

#header .welcome .login-button {
    color: #b17e37;
    font-size: 14px;
    padding-left: 40px;
    margin-top: 10px;
    height: 32px;
    line-height: 26px;
    background: url(../images/logout-icon.png) center left no-repeat;
    display: block;
}

#header {
    margin: 20px 0 0 0;
}

#header .left {
    width: 410px;
    margin-left: 0;
    padding: 0 0 70px 0;
}

#header .left .time, #header .left .cart {
    height: 30px;
    padding: 0 0 5px 35px;
    line-height: 27px;
    margin-left: 20px
}

#header .left .time {
    background: url(../images/calendar-icon.png) top left no-repeat;
    color: #808080;
}

#header .left .cart {
    background: url(../images/cart-icon.png) top left no-repeat;
    color: #1010ff;
}

#header .left .search {
    padding-top: 160px;
    margin-left: 5px;
}

#header .left .search .search-text {
    border: 1px solid #C5C5C5;
    float: left;
    height: 21px;
    /*line-height: 28px;*/
    margin-right: 5px;
    padding: 3px 5px 0;
    width: 227px;
    font-size: 12px;
    color: #837e72;
}

#header .left .search .search-button {
    float: left;
}

.header-text {
    color: #FFFFFF;
    line-height: 16px;
    padding: 100px 30px 40px 20px;
    width: 420px;
}

#sidebar {
    width: 183px;
    float: left;
}

#content-container {
    float: left;
    width: 590px;
}

#content {
    font-size: 14px;
    padding: 5px 15px 15px 15px;
}

#sidebar {
    margin-bottom: 30px;
}

#sidebar .header {
    height: 42px;
    background: url(../images/our-menu.gif) top left no-repeat;
}

#sidebar ul {
    background: #bb853a;
    list-style: none;
}

#sidebar ul.links {
    margin-top: 10px;
    padding: 20px 0 30px;
}

#sidebar ul.links li ul {
    display: none;
    border-top: 1px solid #875e29;
    border-right: 1px solid #875e29;
    border-left: 1px solid #875e29;
    z-index: 999;
}

#sidebar ul.links li:hover ul, #sidebar ul.links li ul:hover {
    display: block;
    position: absolute;
    margin-left: 183px;
    margin-top: -30px;
}

#sidebar ul.links li ul li {
    border-bottom: 1px solid #875e29;
}

#sidebar ul.links li ul li a {
    padding: 2px;
    border: none;
}

#sidebar ul.links li ul li:hover {
    background: #a97834;
}

#sidebar ul.links li {
    display: block;
}

#sidebar ul.links li a {
    display: block;
    padding: 7px 0 7px 5px;
    margin: 0 3px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #875e29;
}

#sidebar ul.links li a.expandable {
    background: url(../images/expandable-icon.gif) center right no-repeat;
}

#sidebar ul.links li.first a {
    border-top: 1px solid #875e29;
}

.browse {
    margin: 25px 0;
}

.browse ul.links li {
    float: left;
}

.browse ul.links li, .browse ul.links li a {
    font-size: 12px;
    display: block;
    padding: 5px 10px;
    width: 165px;
    text-transform: uppercase;
    text-align: center;
    color: #00024f;
}

.controls {
    margin-bottom: 20px;
    text-align:right;
}

.controls .left {
    float: left;
    text-align: left;
}

.controls .right {
    float: right;
    text-align: right;
}

.pager {
    padding: 10px 0;
    text-align: center;
}

.pager ul.links {
}

.pager ul.links li {
    display: inline;
}

.pager ul.links li a {
    border: 1px solid #02025c;
    color: #02025c;
    padding: 1px 6px;
}

.pager ul.links li span.separator {
    padding: 0 2px;
    background: url(../images/pager-separator.gif) center right no-repeat;
}

.pager ul.links li a:hover {
    background: #969696;
}

.products {
    border-top: 1px solid #aca899;
    border-bottom: 1px solid #aca899;
    margin: 15px 0 5px 10px;
    padding: 10px 0;
}

.products .product {
    width: 170px;
    height: 320px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.products .product .image {
    height: 160px;
}

.products .product .name {
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
}

.products .product select.case {
    display: block;
    margin: 0 auto 5px;
}

.products .product span {
    display: block;
    margin-bottom: 5px;
}

.products .product span a {
    font-size: 10px;
}

.products .product select.qty {
    float: left;
    margin-left: 20px;
}

.products .product a.add-to-cart {
    float: right;
    margin-right: 20px;
}

#footer {
    height: 138px;
    background: url(../images/footer-bg.gif) top left repeat-x;
    margin-bottom: 15px;
}

#footer .top {
    height: 45px;
    color: #f5c503;
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
}

#footer .top a {
    color: #f5c503;
    text-decoration: underline;
}

#footer .middle {
    height: 25px;
    text-align: center;
}

#footer .middle ul li {
    display: inline;
}

#footer .middle ul li span {
    padding: 0 3px 0 7px;
    color: #ffaa00;
    line-height: 25px;
}

#footer .middle a {
    font-family: "Myriad Pro", Tahoma, sans-serif;
    font-size: 14px;
    color: #ffaa00;
    text-transform: uppercase;
}

#footer .middle a:hover {
    text-decoration: underline;
}

#footer .bottom {
    text-align: center;
    padding-top: 10px;
    color: #fff;
    font-size: 11px;
}

#footer .bottom a {
    color: #ffaa00;
    text-decoration: underline;
}

.banners {
    margin-top: 45px;
}

#content .banner {
    margin: 0 auto;
    width: 590px;
    height: 292px;
    /*background: url(../images/learn-more.jpg) top left no-repeat;*/
}

#content .banner-wrapper {
    width: 300px;
    padding: 40px 0 20px 10px;
}

#content .banner .title-top {
    text-align: right;
    color: white;
    font-size: 18px;
}

#content .banner .title-bottom {
    color: #8ddbde;
    text-align: right;
    font-size: 18px;
}

#content .banner .text {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 10px 10px;
}

#content .banner .learn-more {
    display: block;
    width: 190px;
    height: 40px;
    text-indent: -39999px;
    position: absolute;
    left: 45px;
    top: -10px;
    margin-top: 207px;
    margin-left: 12px;
}

.banner-controls {
    width: 40px;
    position: relative;
    top: -25px;
    left: 535px;
    z-index: 999;
}

.banner-controls .left,
.banner-controls .right {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
}

.banner-controls .left {
    background: url(../images/arrow-left.png) top left no-repeat;
    margin-right: 5px;
}

.banner-controls .right {
    background: url(../images/arrow-right.png) top left no-repeat;
}

.home .products {
    border: none;
}

.details {
    margin-top: 15px;
}

.details .image {
    float: left;
    margin: 0 20px 20px 0;
}

.details h2 {
    margin-bottom: 15px;
    font-size: 14px;
    color: #48486d;
    font-weight: bold;
}

.details .description {
    margin-bottom: 10px;
}

.details .item-number {
    margin-bottom: 10px;
}

.details .number {
    font-weight: bold;
    color: #48486d;
}

.details .controls {
    float: right;
    text-align: right;
}

.details .controls select.case,
.details .controls div.qty {
    margin-bottom: 10px;
}

.details .controls .add-to-cart {
    display: block;
    float: right;
    margin-bottom: 10px;
}

.details .controls a.quick-order {
    color: #9a9a9a;
    font-size: 11px;
}

table.cart th, table.cart td {
    text-align: left;
    width:100%;
}

table.cart th {
    background: #01005f;
    color: white;
}

table.cart th.product-column {
    width: 300px;
}

table.cart input {
    width: 20px;
    text-align: center;
}

table.cart td {
    padding: 5px 0 5px;
    margin: 0;
    border-bottom: 1px solid black;
}

table.cart {
    margin-bottom: 20px;
}

.total {
    text-align: right;
    font-weight: bold;;
}

.total span.sum {
    font-weight: normal;
}

.cart .controls {
    margin-top: 10px;
    text-align: right;
}

.checkout .block {
    border: 1px solid #d0cfcf;
    background: #e1dddd;
    font-size: 12px;
    margin-bottom: 5px;
}

.checkout .block .header {
    height: 21px;
    background: url(../images/checkout-header-bg.gif) top left repeat-x;
    padding: 4px 0 0 10px;
    font-weight: bold;
}

.checkout .block .content {
    padding: 15px;
}

.bill-to-block {
    width: 49%;
    margin-right: 5px;
    float: left;
}

.ship-to-block {
    width: 49%;
    float: right;
}

.checkout .order-total-block .content {
    color: red;
    line-height: 18px;
    text-align: right;
}

.checkout .controls {
    text-align: right;
}

table.checkout {
    border: 1px solid #d0cfcf;
    margin-bottom: 5px;
    width: 100%;
    font-size: 12px;
}

table.checkout th {
    height: 25px;
    background: url(../images/checkout-header-bg.gif) top left repeat-x;
}

table.checkout td {
    background: #e1dddd;
    padding: 5px;
    text-align: center;
    border-bottom: 1px dashed gray;
}

table.checkout td.totals {
    text-align: right;
}

table.checkout td.first {
/*border-left: 1px dashed gray;*/
    text-align: left;
}

table.checkout td.last {
/*border-right: 1px dashed gray;*/
}

.order-complete #content {
    font-size: 12px;
}

.order-complete .block {
    padding: 10px;
    margin-bottom: 20px;
}

.order-complete .block img {
    float: left;
}

.order-complete .block .left {
    float: left;
}

.order-complete .block .right {
    float: right;
}

.order-complete .right-aligned {
    text-align: right;
}

.order-complete .purple .left, .order-complete .purple .right {
    width: 49%;
}

.order-complete #content p {
    margin-bottom: 20px;
}

.order-complete .gray {
    background: #e3e3e3;
    line-height: 18px;
}

.order-complete .purple {
    background: #e2cb82;
}

.order-complete table.order {
    width: 100%;
    font-size: 11px;
}

.order-complete table.order th {
    background: #e3e3e3;
    padding: 7px;
    font-weight: normal;
    text-align: left;
}

.order-complete table.order td {
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    padding: 3px;
    text-align: center;
}

.order-complete table.order .subtotal td {
    background: #e3e3e3;
    padding: 7px;
}

.order-complete table.order .subtotal td.label,
.order-complete table.order .tax td.label,
.order-complete table.order .total td.label {
    text-align: right;
    font-weight: bold;
}

.order-complete table.order .subtotal td {
    background: #e3e3e3;
}

.order-complete table.order .tax td,
.order-complete table.order .total td {
    border: none;
    padding: 7px;
}

.order-complete table.order .total td.value {
    color: red;
}

.order-complete p.order-footer {
    margin: 20px 0 10px;
    text-align: center;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 14px;
font-family: Verdana, sans-serif;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #2d3679;
text-decoration: none; 
color: #2d3679;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2d3679;
color: #fff;
background-color: #2d3679;
}

.pagination a.currentpage{
background-color: #ffce00;
border-color: #2d3679;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/* @group checks */

#r_sidebar #checks {
	list-style-type: none;
	padding: 0px;
	margin: 0 0px 30px 7px;
	position: relative;
	top: 0px;
	margin-top: 0px;
}

#r_sidebar #checks li {
	padding: 3px 0px 3px 20px;
	background: url(http://www.acecoffeebar.com/store/images/check-trans.gif) 0px 2px no-repeat;
	color: #8e642a;
	margin: 0px 0px 0px 15px;
	font: 13px Verdana, sans-serif;
}

#r_sidebar #checks li a {
	color: #8e642a;
}

ul.checks {
	list-style-type: none;
	padding: 0px;
	margin-left: 40px;
	margin-right: 20px;
	margin-top: 0px;
}

ul.checks li {
	padding: 3px 0px 3px 20px;
	background: url(http://www.acecoffeebar.com/store/images/check-trans.gif) 0px 2px no-repeat;
	margin-top: 0px;
}

a.faq_header:link,a.faq_header:active,a.faq_header:visited 
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color: #00024F;
	margin: 0px 0px 20px 0px;
}