@import url(layout.css);

body {
font-family: Tahoma, Helvetica, Arial, sans-serif;
color: #000;
background: #FFFAF3 url("/rw/skin/sophie5/imagesOrange/background.gif") repeat-x;
}

html {
border:1px solid #FFF;
}

#container {
background: #FFF url("/rw/skin/sophie5/imagesOrange/background.gif") repeat-x;
}

#container .wrap {
background: transparent url("/rw/skin/sophie5/imagesOrange/navBackground.gif") repeat-y 100% 0;
}

#header h1 {
  margin: 0;
  padding: 1em;
  color: #FFC570;
}

#mainContent {
background: #FFF;
font-size: .9em;
border-top: 10px solid #FFFAF3;
}

#mainContent a {
text-decoration:none;
}

#mainContent a:link {
color: #CC5600;
border-bottom: 1px solid #FF6C00;
}

#mainContent a:visited {
color: #401B00;
border-bottom: 1px solid #FF6C00;
}

#mainContent a:hover, #mainContent a:active {
color: #FF6C00;
border-bottom: 2px solid #FF6C00;
}

#mainContent #menu-list a {
border-color: #FFF;
}

#mainContent #menu-list a:link {
color: #000;
}

#mainContent #menu-list a:visited {
color: #401B00;
}

#mainContent #menu-list a:hover, #mainContent #menu-list a:active {
color: #FFF;
}

#mainContent h2 {
background: #FFCD84 url("/rw/skin/sophie5/imagesOrange/h2BackgroundRight.gif") repeat-x 0 1.1em !important;
background: #FF9F10 url("/rw/skin/sophie5/imagesOrange/IEh2BackgroundLeft.gif") repeat-x 0 0;
font-size: 1.6em;
color: #FFF;
}

#mainContent h2 span {
background: #FFC570 url("/rw/skin/sophie5/imagesOrange/h2BackgroundLeft.gif") repeat-x 0 1.1em !important;
background: none;
}

#mainContent h3 {
background-color: #FF9F10;
color: #FFF;
font-size: 1.3em;
border-left: 120px solid #FFCF87;
}

#content img {
border-style: solid;
border-width: 5px 10px;
border-color: #FFCF87;
}

.details {
font-size:.9em;
}

#content .item .price {
font-size: 1em;
color: #803600;
font-weight: bold;
background: #FFECD1;
}

.item h4 {
font-size: 1.2em;
border-bottom: 1px solid #FF9F10;
}

#menu-list li {
list-style-type: none;
background: #FF9F10 url("/rw/skin/sophie5/imagesOrange/menuIcon.gif") no-repeat 20px 50% !important;
background-position: 140px 50% ;
border-left: 120px solid #FFCF87;
}

form label {
color: #FF9F10;
background-color: #FFF8F2;
border-left: 120px solid #FFCF87;
}

form #submitButton {
background-color: #FFF5E7;
border: 1px solid #FF6C00;
color: #FF6C00;
font-weight:bold;
}

form #submitButton:hover {
color: #FFF;
background-color: #FF6C00;
border-color: #FF9F10;
cursor: pointer;
}

.errors ul { 
color: #FF6C00;
list-style-type: square;
}

#navbar {
background: none !important;
background: url("/rw/skin/sophie5/imagesOrange/IEh2BackgroundRight.gif") repeat-x;
}

#navbar ul {
font-size: .9em;
}

#navbar a {
text-decoration: none;
}

#navbar a:link {
color: #CC5600;
}
#navbar a:visited {
color: #803600;
}
#navbar a:link span, #navbar a:visited span {
background-color: #FFD9B2;
}

#navbar .currentPage a:link, #navbar .currentPage a:visited {
color: #FFF;
font-weight: bold;
background-color: #FFF;
}
#navbar .currentPage a:link span, #navbar .currentPage a:visited span {
background-color: #FF9F10;
}

#navbar a:hover, #navbar a:active {
color: #FFF;
font-weight:bold;
}
#navbar a:hover span, #navbar a:active span {
background-color: #FFAC68;
}
#navbar .currentPage a:hover, #navbar .currentPage a:active {
color: #FFF;
}
#navbar .currentPage a:hover span, #navbar .currentPage a:active span {
background-color: #FFAC68;
}

#contact {
border-bottom: 30px solid #FFB174;
font-size: .7em;
line-height: 1.5em;
}

#hours {
background: #FFEAD9 url("/rw/skin/sophie5/imagesOrange/infoBackground.gif") repeat-y 100% 0;
font-size: .7em;
line-height: 1.5em;
}

#clearContent {
background: #FFFAF3;
}

#footer {
background-color: #FFE3BA;
font-size: .7em;
color: #803600;
border-right: 170px solid #FFD9A1;
}
#footer a {
text-decoration: underline;
color: #803600;
}
#footer a:hover {
color: #FF6C00;
}