/*
 Juice City homepage css
*/

@import url("./juicecity.css");

#content { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px;
/* height: 875px; */
 height: 1142px;
 width: 925px;
 float: left;
 background-color: #faef58;
 background-image: url("./backdrop-menu.gif");
 background-position: bottom right;
 background-repeat: no-repeat;
/* border: 1px solid purple; */
}

#leftcolumn { 
 float: left;
 font-size: 11pt;
 color: #333;
/* border: 1px solid red; */
 margin: 0px 0px 0px 0px;
 height: 30px;
 width: 925px;
 display: inline;
 position: relative;
 background-color: green;
}

.alt-bullet {
 color: yellow;
}

#sidenav {
 font-size: 19pt;
 color: white;
 text-align: center;
}

#sidenav dt {
 height: 30px;
 padding-left: 5px;
 padding-right: 5px;
 display: inline;
/* border: 1px solid orange; */
 margin: 0;
 padding: 0;
}

#sidenav a {
 color: white;
 margin: 0;
 padding: 0;
}

#sidenav a:hover {
/* font-weight: bold; */
 color: #8dea55;
}

#sidenav a:active {
 color: #8dea55;
}

.heading {
 font-size: 20pt;
 font-family: impact;
 text-transform: uppercase;
 color: green;
}

#rightcolumn { 
 float: right;
 font-size: 10pt;
 color: #333;
/* border: 1px solid orange; */
 margin: 0px 0px 0px 0px;
 height: 600px;
 width: 925px;
 display: inline;
 position: relative;
 text-align: center;
}

a {
 text-decoration: none;
}

#items {
 padding-right: 125px;
 padding-left: 125px;
 height: 885px; 
 overflow: auto;
 color: #346a07;
}

#items dt {
 height: 70px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 13pt;
}

#items dt.item:hover, #items dt.alt-item:hover {
 border: 2px dashed green
 background-color: #ff9933; 
/* background-color: #8dea55; 
 border: 2px dashed green; */
}

.wrap-description {
 margin-bottom: 10px;
 margin-top: 10px;
 border: 2px dashed #8dea55;
 background-color: green;
 color: #8dea55;
}

.panini-description {
 margin-bottom: 10px;
 margin-top: 10px;
 border: 2px dashed #8dea55;
 background-color: green;
 color: #8dea55;
}

.salad-description {
 margin-bottom: 10px;
 margin-top: 10px;
 border: 2px dashed #8dea55;
 background-color: green;
 color: #8dea55;
}

.juice-description {
 margin-bottom: 10px;
 margin-top: 10px;
 border: 2px dashed #8dea55;
 background-color: green;
 color: #8dea55;
}

.smoothie-description {
 margin-bottom: 10px;
 margin-top: 10px;
 border: 2px dashed #8dea55;
 background-color: green;
 color: #8dea55;
}

.description dt {
 color: #346a07;
 font-size: 13pt;
 text-align: center;
}

#items dl.wrap-description dt,
#items dl.panini-description dt,
#items dl.salad-description dt,
#items dl.juice-description dt,
#items dl.smoothie-description dt {
 height: 95px;
}

.menu-description {
 color: #ec8e1c;
 padding: 15px 150px 5px 150px;
 font-size: 30pt;
 padding-top: 25px;
 font-weight: bold;
}

.menutype {
 font-size: 18pt;
}

.itemname {
 font-size: 14pt;
}

.thumbnail {
 height: 5px;
 visibility: hidden;
}

.alt-thumbnail {
 height: 5px;
 visibility: hidden;
}

.item {
 background-color: #f9f46a;
 text-align: left;
 border: 2px solid orange;
}

.alt-item {
 background-color: #f9e093;
 text-align: right;
 border: 2px solid #ff6633;
}

.wrap {
 border: 2px solid orange;
 background-image: url("./wrap.gif");
 text-align: left;
}

.alt-wrap {
 background-image: url("./alt-wrap.gif");
 border: 2px solid #ff6633;
 text-align: right;
}

.panini {
 border: 2px solid orange;
 background-image: url("./panini.gif");
 text-align: left;
}

.alt-panini {
 background-image: url("./alt-panini.gif");
 border: 2px solid #ff6633;
 text-align: right;
}

.salad {
 border: 2px solid orange;
 background-image: url("./salad.gif");
 text-align: left;
}

.alt-salad {
 background-image: url("./alt-salad.gif");
 border: 2px solid #ff6633;
 text-align: right;
}

.juice {
 border: 2px solid orange;
 background-image: url("./juice.gif");
 text-align: left;
}

.alt-juice {
 background-image: url("./alt-juice.gif");
 border: 2px solid #ff6633;
 text-align: right;
}

.smoothie {
 border: 2px solid orange;
 background-image: url("./smoothie.gif");
 text-align: left;
}

.alt-smoothie {
 background-image: url("./alt-smoothie.gif");
 border: 2px solid #ff6633;
 text-align: right;
}

.wrap:hover {
 background-image: url("./wrap-hover.gif");
 border: 2px dashed green
}
.alt-wrap:hover {
 background-image: url("./alt-wrap-hover.gif");
 border: 2px dashed green
}

.panini:hover {
 background-image: url("./panini-hover.gif");
 border: 2px dashed green
}
.alt-panini:hover {
 background-image: url("./alt-panini-hover.gif");
 border: 2px dashed green
}
.salad:hover {
 background-image: url("./salad-hover.gif");
 border: 2px dashed green
}
.alt-salad:hover {
 background-image: url("./alt-salad-hover.gif");
 border: 2px dashed green;
}
.juice:hover {
 background-image: url("./juice-hover.gif");
 border: 2px dashed green
}
.alt-juice:hover {
 background-image: url("./alt-juice-hover.gif");
 border: 2px dashed green
}
.smoothie:hover {
 background-image: url("./smoothie-hover.gif");
 border: 2px dashed green
}

.alt-smoothie:hover {
 background-image: url("./alt-smoothie-hover.gif");
 border: 2px dashed green
}