html {
width: 100%;
height: 100%;
background: url(../images/bg_html.jpg) top center;
border-top: solid #8d0f14 5px;
}
body {
margin: 0;
padding: 0;
font-size: 13px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: url(../images/bg_body.jpg) top center repeat-x;
}
img {
border: none;
}
a {
color: #980309;
}
td {
vertical-align: top;
}
form {
padding: 0;
margin: 0;
}
#body_top {
background: url(../images/venzel_top.png) center top no-repeat;
z-index: 1;
}
#body_bottom {
background: url(../images/venzel_bottom.png) center bottom no-repeat;
height: 53px;
margin-top: -85px;
padding-top: 135px;
z-index: 0;
}
#footer {
background: url(../images/bg_footer.jpg) left top no-repeat;
height: 53px;
color: #ffffcc;
position: relative;
}
#icons {
position: absolute;
top: 20px;
left: 40px;
}
#footer .phone {
font-weight: bold;
color: #ffffcc;
font-size: 20px;
position: absolute;
top: 10px;
left: 250px;
}
#copyright{
position: absolute;
top: 20px;
left: 520px;
}
#counters {
position: absolute;
right: 40px;
top: 12px;
}
#counters a{
font-weight: normal;
color: #ffffcc;
font-size: 13px;
text-decoration: none;
}
#wrapper, #footer {
width: 986px;
margin: 0 auto;
}
#header {
height: 163px;
background: url(../images/bg_header.jpg) top right no-repeat;
position: relative;
}
#logo {
position: absolute;
background: url(../images/logo.png);
width: 217px;
height: 53px;
left: 26px;
top: 90px;
text-indent: -999px;
}
#header .phone {
font-weight: bold;
color: #562e1c;
font-size: 16px;
position: absolute;
top: 38px;
left: 480px;
}
#header .phone span{
color: #980309;
font-size: 24px;
display: block;
}
#header .phone span sup{
font-size: 18px;
}
#top_menu {
background: url(../images/bg_menu.jpg) no-repeat;
height: 34px;
}
#top_menu ul{
list-style: none;
margin: 0;
padding: 7px 0 0 0;
}
#top_menu ul li{
margin: 0 10px;
padding: 0 0 0 10px;
float: left;
}
#top_menu ul li.active {
background: url(../images/top_active_start.png) left top no-repeat;
}
#top_menu ul li.active a{
background: url(../images/top_active_end.png) right top no-repeat;
color: #980309;
text-decoration: none;
}
#top_menu ul li a{
color: #ffffcc;
font-size: 15px;
font-weight: bold;
line-height: 1em;
display: block;
padding: 1px 10px 4px 0;
}
#content {
background: url(../images/bg_content.jpg) top right no-repeat;
overflow: hidden;
height: 1%;
}
#left_column {
width: 232px;
}
#left_column .padding {
padding: 57px 0 0 1px;
}
#right_column {
width: 290px;
}
#right_column .padding{
padding: 130px 24px 0 25px;
}
h1, h2, h3, h4 {
color: #980309;
margin: 0.5em 0 0.5em 0;
}
p {
margin: 0.5em 0;
}
h1 {
font-size: 20px;
font-weight: normal;
}
h2 {
font-size: 16px;
font-weight: bold;
}
h3 {
font-size: 14px;
font-weight: bold;
}
h4 {
font-size: 13px;
}
#order {
background: url(../images/bg_order.jpg);
width: 218px;
height: 169px;
text-align: center;
padding-top: 35px;
margin: 41px 0 0 2px;
}
#order a{
font-weight: bold;
color: #ffffcc;
font-size: 15px;
text-decoration: none;
}
#main_column .padding {
padding: 0px 0 0 28px;
}
#main_menu {
background: url(../images/corners_top.png) top left no-repeat;
}
#main_menu ul{
background: url(../images/corners_bottom.png) left bottom no-repeat;
list-style: none;
padding: 10px 0;
line-height: 1em;
margin: 0;
}
#main_menu ul li{
margin: 0 0 0 27px;
padding: 4px 0 4px 15px;
background: url(../images/pointer.png) left 8px no-repeat;
}
#main_menu ul li.active {
background: url(../images/bg_active.png) left 4px no-repeat;
}
#main_menu ul li.active a{
color: #ffffcc;
}
#main_menu ul a{
color: #562e1c;
font-weight: bold;
font-size: 14px;
}
#main_menu ul ul{
background: none;
}
#main_menu ul ul li{
background: none;
margin: 0;
padding: 4px 0 4px 27px;
}
#main_menu ul ul a{
color: #562e1c;
font-weight: bold;
font-size: 13px;
}
#right_column .box {
margin: 0 0 10px 0;
padding: 0 0 0 0;
border-bottom: 1px dashed #980309;
}
#right_column .box img{
padding: 3px;
background: url(../images/corners.png) no-repeat;
}
#pathway {
line-height: 1em;
padding: 10px 0 10px 28px;
color: #562e1c;
}
#pathway a{
color: #562e1c;
padding-right: 15px;
background: url(../images/r_arrow.png) right 7px no-repeat;
margin-right: 10px;
}
#pathway a.current{
text-decoration: none;
padding-right: 15px;
background: url(../images/r_arrow_b.png) right 7px no-repeat;
}
.small {
font-size: 11px;
}
.red {
color: #980309;
}
.fields {
border: 1px solid #980309;
background: #f7e7c1;
width: 100%;
}