@import url(layout.css);

body {
font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
background: #363F59 url("/rw/skin/sophie3/imagesBlueGrey/background.gif") 16px 0;
color: #14171B;
}

#header h1 {
  text-align: center;
  margin: 0 0 0 16px;
  color: #fff;
  background: url("/rw/skin/sophie3/imagesBlueGrey/h1Background.gif") no-repeat;
}
#header h1 span {
  display: block;
  background: url("/rw/skin/sophie3/imagesBlueGrey/h1BottomBackground.gif") no-repeat bottom left;
  padding: 10px 0;
}
#mainContent {
background: url("/rw/skin/sophie3/imagesBlueGrey/mainContentBackground.png") repeat-y !important;
background: url("/rw/skin/sophie3/imagesBlueGrey/mainContentBackground.gif") repeat-y;
}

#mainContent a:link {
color: #233E6F;
}

#mainContent a:visited {
color: #647589;
}

#mainContent a:hover, #mainContent a:active {
color: #457CDD;
text-decoration:none;
}

#mainContent h2 {
background: url("/rw/skin/sophie3/imagesBlueGrey/h2Background.gif") no-repeat;
font-size: 1.6em;
color: #FFF;
}

#mainContent h2 span {
background: url("/rw/skin/sophie3/imagesBlueGrey/h2BottomBackground.gif") no-repeat 0 100%;
}

#mainContent h3 {
background: url("/rw/skin/sophie3/imagesBlueGrey/h3Background.gif") no-repeat;
color: #457CDD;
font-size: 1.3em;
}

#mainContent #content {
font-size: .9em;
}

#content p {
font-size: .9em;
}

#content img {
border: 1px solid #6A96E4;
}

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

.item h4 {
font-size: 1.1em;
background: url("/rw/skin/sophie3/imagesBlueGrey/h4Background.gif") no-repeat 0 0;
border-bottom: 1px solid #A2BDEE;
}

#menu-list li {
list-style-type: none;
background: url("/rw/skin/sophie3/imagesBlueGrey/menuIcon.gif") no-repeat 0 50% ;
}

.formContainer, .item {
background: #F6F8FD url("/rw/skin/sophie3/imagesBlueGrey/contentBlockTop.gif") no-repeat;
}

.formContainer form, .details {
background: transparent url("/rw/skin/sophie3/imagesBlueGrey/contentBlockBottom.gif") no-repeat 0 100%;
}

form label {
font-weight: bold;
color: #457CDD;
}

form #submitButton {
background: url("/rw/skin/sophie3/imagesBlueGrey/inputButton.gif") no-repeat 0 0;
border: 0 none;
color: #505E6E;
}

form #submitButton:hover {
background-position: 0 -35px;
cursor: pointer;
color: #FFF;
}

.errors ul { 
color: #B72A3E;
list-style-type: circle;
}

#navbar {
background: url("/rw/skin/sophie3/imagesBlueGrey/navbarTopBackground.gif") no-repeat 14px 0;
}

#navbar .wrap {
background: url("/rw/skin/sophie3/imagesBlueGrey/navbarBottomBackground.png") no-repeat 14px 100% !important;
background: url("/rw/skin/sophie3/imagesBlueGrey/navbarBottomBackground.gif") no-repeat 14px 100%;
}

#navbar ul {
background: url("/rw/skin/sophie3/imagesBlueGrey/navbarBackground.gif") repeat-y 14px 0;
}

#navbar li {
}

#navbar a {
background: url("/rw/skin/sophie3/imagesBlueGrey/menu.gif") no-repeat 100% 0;
text-decoration: none;
}

#navbar a:link, #navbar a:visited {
color: #FFF;
}
#navbar a:visited {
color: #FFF;
}

#navbar .currentPage a span {
padding-left: 35px !important;
}

#navbar .currentPage a:link, #navbar .currentPage a:visited {
background-position: 100% -140px;
color: #457CDD;
font-weight: bold;
}
#navbar a:hover, #navbar a:active {
background-position: 100% -70px;
color: #FFF;
}
#navbar .currentPage a:hover, #navbar .currentPage a:active {
background-position: 100% -210px;
color: #FFF;
}

#info {
font-size: .8em;
color: #E5EEF9;
}

#info {
background: url("/rw/skin/sophie3/imagesBlueGrey/infoTop.gif") no-repeat 14px 0;
}

#info .wrap {
background: url("/rw/skin/sophie3/imagesBlueGrey/infoBottom.gif") no-repeat 14px 100%;
}

#hours, #contact {
background: url("/rw/skin/sophie3/imagesBlueGrey/infoBackground.gif") repeat-y;
}

#hours .p1 {
background: url("/rw/skin/sophie3/imagesBlueGrey/hoursIcon.gif") no-repeat 100% 0;
}

#contact .p1 {
background: url("/rw/skin/sophie3/imagesBlueGrey/phoneIcon.gif") no-repeat 100% 0;
}
#footer {
background: url("/rw/skin/sophie3/imagesBlueGrey/footerBackground.png") no-repeat !important;
background: url("/rw/skin/sophie3/imagesBlueGrey/footerBackground.gif") no-repeat;
font-size: .7em;
color: #B1BAC4;
}
#footer a {
text-decoration: underline;
color: #B1BAC4;
}
#footer a:hover {
color: #457CDD;
}