body {
 background: #EEE3CD url('/img/body-background.jpg') no-repeat top center;
}

#wrapper {
 background: #fff;
}

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

#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;
}

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

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

#header a.signin {
 position: absolute;
 right: 10px;
 top: 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;
}

#home #logos {
 list-style-type: none;
}

#home #logos li {
 display: inline;
 text-indent: 0;
 padding: 0;
 margin: 0 7px;
}

#home #logos li img {
 height: 35px;
}

.center {
 text-align: center;
}

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

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

/** 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;
 border: 1px solid pink;
 margin-bottom: 1em;
 padding: 5px;
}

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

.altrow {
 background: #eee;
}

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: 16px;
background: #9F3128;
border-top: 1px solid grey;
width: 1100px;
 padding: 0; 
 margin: 0;
 z-index: 100;
 position: relative;
}

.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;
}


* 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: #333;
 width: auto;
}

.jqueryslidemenu ul li a:hover{
color: #000;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
background: #fff;
border: 1px solid grey;
width: auto;
z-index: 100;
left: 0;
display: block;
visibility: hidden;
color: #333;
 _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;
 font-weight: normal;
}

.jqueryslidemenu ul li ul li:hover {
 background: #333;
 _background: #999;
 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;
}
*/

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

#shoppingCart table th {
 background: #eee;
 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 #eee;
 padding: 5px;
 color: #333;
}

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

fieldset label {
 width: 150px;
 float: left;
}

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 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:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    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;
}
