
/* Layout
====================================*/
#container {
    background: url(/images/bg_gradient.png) no-repeat top center;
}
#header,
#hfront,
#hfront2,
#body,
#footer .centered{
    margin: 0 auto;
    width: 833px;
}
.page_pad {
    padding: 0 30px;
}
.whole_page_pad {
    padding: 0 38px 40px 38px;
}
.indent {
    margin-left: 20px;
}

#main_page_image_block {
    float: right;
    margin: 0 0 10px 20px;
    padding: 9px;
    border: 1px solid #ccc;
}

/* Header/nav
====================================*/
#header {
    height: 225px;
    background: transparent url(/images/header_bg.png) no-repeat;
}
#header h1 a {
    float:left;
    display:inline;
    width:443px;
    height:225px;
}
#header h1 span {
    visibility: hidden;
}
#hfront {
    height: 142px;
    background: transparent url(/images/header_rty.png) no-repeat;
    position:relative;
}
#hfront h1 a {
    float:left;
    display:inline;
    width:443px;
    height:135px;
}
#hfront h1 span {
    visibility: hidden;
}
#hfront2 {
    height: 189px;
    background: transparent url(/images/header_rty.png) no-repeat;
}
#hfront2 h1 a {
    float: left;
    display: inline;
    height:150px;
    width:801px;
}
#hfront2 h1 span {
    visibility: hidden;
}

.left_menu {
    float: left;
    display: inline;
    height: 34px;
    margin: 93px 12px 17px 0;
    padding: 0 0 0 70px;
    list-style-type:square;
}
.left_menu a{
    text-decoration: none;
    font-weight:bold;
}

.left_menu img{
    padding-left: 20px;
}

.table .whole_page_pad{
    padding: 0 50px 40px 0;
}

.left_menu .menu{
    background: transparent url(/images/menu_background.gif) no-repeat right;
}
.content_front {
    float: right;
}
#img_links{


}
#img_links ul{
    
}
#img_links li{
    list-style: none;
    float:left;
    padding:10px;
}
#img_links img{


}
#nav {
    background:none repeat scroll 0 0 #B72025;
    display:inline;
    float:left;
    height:34px;
    list-style-type:none;
    overflow:hidden;
    margin:5px 16px;
    width:801px;
    position:absolute;
    left:0px;
    top: 140px;
}
#nav li a {
    color:#FFFFFF;
    float:left;
    font-weight:bold;
    height:26px;
    padding:8px 26px 0;
    text-decoration:none;
}
#nav li{
    float: left;
    display: block;
    height: 34px;
}
/*#nav li .right {
    float: left;
    display: block;
    width: 0px;
    height: 34px;
}
#nav li .far_right {
    float: left;
    display: block;
    width: 0px;
    height: 43px;
}*/
#nav li.active {
    background: #800000;
}
#nav li {
    float: left;
}
#nav2 {
    float: left;
    display: inline;
    height: 34px;
    margin:5px 230px;
    list-style-type: none;
}
#nav2 li a {
    float: left;
    height: 26px;
    padding: 8px 5px 0;
}
#nav2 li.active a {
    background: #fff;
}
#nav2 li .left {
    float: left;
    display: block;
    width: 0px;
    height: 34px;
}
#nav2 li .right {
    float: left;
    display: block;
    width: 0px;
    height: 34px;
}
#nav2 li .far_right {
    float: left;
    display: block;
    width: 0px;
    height: 43px;
}
#nav2 li.active .left {
    float: left;
    display: block;
    width: 8px;
    height: 34px;
    background: url(/images/nav_item_active_left.png) no-repeat left;
}
#nav2 li.active .right {
    float: left;
    display: block;
    width: 8px;
    height: 34px;
    background: url(/images/nav_item_active_right.png) no-repeat right;
}
#nav2 li.active .far_right {
    float: left;
    display: block;
    width: 8px;
    height: 43px;
    background: url(/images/nav_item_active_far_right.png) no-repeat right;
}
#nav2 li {
    float: left;
}

.order_info{
    text-align: center;
    color: #000;
    height: 100px;
    padding: 0 40px 40px;
}
.order_info p{
    text-align: center;
    font-size: large;
    font-weight:bold;
    background:gray;
    color: #FFF;
    padding: 5px;
}

/* Footer
====================================*/
#footer {}
#footer .centered {
    background: url(/images/body_footer_bg.png) no-repeat;
    padding-top: 44px;
}
#footer .content {
    background: url(/images/footer_bg.png) repeat-y;
}
#footer .contact,
#footer .navigation,
#footer .recurring_order {
    float: left;
    display: inline;
    width: 30%;
}
#footer .contact {
    margin-left: 38px;
}
#footer h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
#footer .contact input.tx,
#footer .contact textarea {
    width: 233px;
}
#footer .contact textarea {
    height: 233px;
}
#footer .navigation {}
#footer .col1 {
    margin-right: 30px;
}
#footer .col1,
#footer .col2 {
    float: left;
    display: inline;
}
#footer .bottom {
    background: url(/images/footer_bottom_bg.png) no-repeat center top;
    height: 25px;
}
#footer .copyright {
    text-align: center;
    color: #000;
    height: 100px;
}

/* Global body styles
====================================*/

.sifr1 {
    color: #820024;
    margin-left: -4px;
    margin-top: -4px;
    font: 2.35em "Rage Italic", Georgia, "Times New Roman", serif;
    height: 43px;
    width: 360px;
}
h2 {
    float: right;
    display: inline;
    color: #820024;
    font: 2.35em "Rage Italic", Georgia, "Times New Roman", serif;
    height: 46px;
    width: 351px;
    text-align: center;
    margin-right: 16px;
}

#user_status {
    position: fixed;
    top: 0px;
    right: 0px;
    color: #333;
    z-index: 99;
}
#user_status a {
    color: #333;
}
#user_status .left {
    width: 17px;
    height: 30px;
    background: url(/images/user_status_left.png) no-repeat;
    float: left;
    display: inline;
}
#user_status .right {
    height: 30px;
    background: url(/images/user_status_right.png) repeat-x;
    float: left;
    padding: 0 5px 0 0;
    line-height: 23px;
    display: inline;
    white-space: nowrap;
}


/* Page messages
====================================*/
#feedback_items {
    position: fixed;
    top: 0px;
    left: 0px;
}
#feedback_items a {
}
#feedback_items p {
    padding: 1px 7px 1px 5px;
    margin: 0;
    max-width: 400px;
}
#feedback_items p.last {
    -moz-border-radius: 0 0 3% 0;
}

#feedback_items p.page_message:before {
    xcontent: url("/images/bullet_message.png");
}
#feedback_items p.page_alert:before {
    xcontent: url("/images/bullet_alert.png");
}
#feedback_items p.page_error:before {
    xcontent: url("/images/bullet_error.png");
}
#feedback_items p.page_message {
    background-color: #6DC462;
    color: #fff;
}
#feedback_items p.page_message a {
    color: #fff;
}
#feedback_items p.page_alert {
    background-color: #F2D658;
    xborder: 2px solid #C16803;
    color: #C16803;
}
#feedback_items p.page_alert a {
    color: #C16803;
}
#feedback_items p.page_error {
    background-color: #E25F53;
    xborder: 2px solid #fff;
    color: #fff;
}
#feedback_items p.page_error a {
    color: #fff;
}


.message {
    background-color: #6DC462;
    color: #fff;
}
.error {
    background-color: #E25F53;
    color: #fff;
}
.alert {
    background-color: #F2D658;
    color: #C16803;
}

.field_note {
    font-size: 0.8em;
    color: #818181;
}
.field_note_error {
    background-color: #E25F53;
    color: #fff;
    padding-left: 3px;
}
.field_note a {
    color: #818181;
}

h3,
h4,
ol,
ul,
table,
p,
dt,
dd,
form {
    margin-bottom: 17px;
}
p,
li,
label,
h2,
td,
th {
    line-height: 20px;
}

#body {
    padding-top: 41px;
    background: url(/images/body_bg.png) repeat-y center;
}

#front_img {
    padding-top: 41px;
    width: 743px;
    height: 212px;
    padding: 0 45px;
    overflow: hidden;
    background: url(/images/red_rose_front.jpg) no-repeat center;
}

#page_secure_message {
    position: absolute;
    top: 30px;
    right: 5px;
    color: #818181;
    font-weight: bold;
    background-color: #CCCC9A;
    padding: 2px 0 2px 2px;
}
#page_secure_message img {
    vertical-align: middle;
}

.default_form_field {
    color: #818181;
}
.login_links ul {
    list-style-type: none;
}
/*
buttons
============================================
*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
    background: transparent url(/images/button_b.png) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: right;
    font: 12px arial, sans-serif;
    font-weight:bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url(/images/button_a.png) no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    text-align:center;
    width:90px;
}
a.findus img {
    background: transparent;
    color: #FFF;
    display: block;
    float: right;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
}
a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
